linting

packages/bbui/src/Tooltip/Context.svelte

@@ -31,17 +31,18 @@
 
   $: updatePosition(anchor, tooltip)
 
-  const handleMouseenter = (e) => {
+  const handleMouseenter = () => {
     hovering = true;
   }
 
-  const handleMouseleave = (e) => {
+  const handleMouseleave = () => {
     hovering = false;
   }
 </script>
 
 <Portal {target}>
   <div
+    role="tooltip"
     on:mouseenter={handleMouseenter}
     on:mouseleave={handleMouseleave}
     style:left={`${x}px`}

packages/builder/src/components/design/settings/controls/Explanation/DetailsModal/subjects/NumbersAsDates.svelte

@@ -9,7 +9,6 @@
 
     const updateTimeStamp = () => {
       timestamp = Date.now();
-      console.log(timestamp);
       if (run) {
         setTimeout(updateTimeStamp, 200)
       }

packages/builder/src/components/design/settings/controls/Explanation/DetailsModal/subjects/ScalarJsonOnly.svelte

@@ -1,5 +1,4 @@
 <script>
-  import { Body } from "@budibase/bbui"
   import { ExampleSection, ExampleLine, Block, Subject, Section } from './components'
 
   export let schema

packages/builder/src/components/design/settings/controls/Explanation/DetailsModal/subjects/components/BindingValue.svelte

@@ -1,4 +1,3 @@
-
 <script>
   import {
     decodeJSBinding,
@@ -8,11 +7,10 @@
     EditorModes,
   } from "components/common/CodeEditor"
   import {
-    readableToRuntimeBinding,
     runtimeToReadableBinding,
     getDatasourceForProvider
   } from "dataBinding"
-  import { tables, datasources, selectedScreen, selectedComponent } from "stores/builder"
+  import { tables, selectedScreen, selectedComponent } from "stores/builder"
   import { getBindings } from "components/backend/DataTable/formula"
 
   export let value

packages/builder/src/components/design/settings/controls/Explanation/DetailsModal/subjects/components/ExampleSection.svelte

@@ -1,5 +1,6 @@
 <script>
   import Section from "./Section.svelte"
+
   export let heading
 </script>
 

packages/builder/src/components/design/settings/controls/Explanation/DetailsModal/subjects/components/Subject.svelte

@@ -5,7 +5,6 @@
   let body;
 
   const handleScroll = (e) => {
-    console.log("scroll");
     if (!body) return;
 
     body.scrollTo({ top: body.scrollTop + e.deltaY, behavior: "smooth" })

packages/builder/src/components/design/settings/controls/Explanation/explanation.js

@@ -1,5 +1,3 @@
-import { capitalize } from 'lodash';
-
 export const messages = {
   jsonPrimitivesOnly: Symbol("explanation-json-primitives-only"),
   stringAsNumber: Symbol("explanation-string-as-number"),
@@ -56,7 +54,7 @@ const getSupportMessage = (type, explanation) => {
   return null
 }
 
-export const getExplanationMessagesAndSupport = (fieldSchema, explanation, typeSupportPresets) => {
+export const getExplanationMessagesAndSupport = (fieldSchema, explanation) => {
   try {
     const explanationMessagesAndSupport = {
       support: getSupport(fieldSchema.type, explanation),

packages/builder/src/components/design/settings/controls/Explanation/lines/Column.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { Line, InfoWord, DocumentationLink, Space, Text, Period } from "../typography"
+  import { Line, InfoWord, DocumentationLink, Text, Period } from "../typography"
   import subjects from '../subjects'
 
   export let columnName

packages/builder/src/components/design/settings/controls/Explanation/lines/DateAsNumber.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { Line, InfoWord, DocumentationLink, Space, Text, Period } from "../typography"
+  import { Line, InfoWord, Text, Period } from "../typography"
   import subjects from '../subjects'
 
   export let setExplanationSubject

packages/builder/src/components/design/settings/controls/Explanation/lines/JSONPrimitivesOnly.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { Line, InfoWord, DocumentationLink, Space, Text, Period, Comma } from "../typography"
+  import { Line, InfoWord, Text, Period } from "../typography"
   import subjects from '../subjects'
 
   export let setExplanationSubject

packages/builder/src/components/design/settings/controls/Explanation/lines/NotRequired.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { Line, InfoWord, DocumentationLink, Space, Text, Period, Comma } from "../typography"
+  import { Line, InfoWord, DocumentationLink, Space, Text } from "../typography"
   import subjects from '../subjects'
 
   export let setExplanationSubject

packages/builder/src/components/design/settings/controls/Explanation/lines/NumberAsDate.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { Line, InfoWord, DocumentationLink, Space, Text, Period } from "../typography"
+  import { Line, InfoWord, Text, Period } from "../typography"
   import subjects from '../subjects'
 
   export let setExplanationSubject

packages/builder/src/components/design/settings/controls/Explanation/lines/StringAsDate.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { Line, InfoWord, DocumentationLink, Space, Text, Period } from "../typography"
+  import { Line, InfoWord, Text, Period } from "../typography"
   import subjects from '../subjects'
 
   export let setExplanationSubject

packages/builder/src/components/design/settings/controls/Explanation/lines/StringAsNumber.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { Line, InfoWord, DocumentationLink, Space, Text, Period } from "../typography"
+  import { Line, InfoWord, Text, Period } from "../typography"
   import subjects from '../subjects'
 
   export let setExplanationSubject

packages/builder/src/components/design/settings/controls/Explanation/lines/Support.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { Line, InfoWord, DocumentationLink, Space, Text, Period } from "../typography"
+  import { Line, InfoWord, DocumentationLink, Text } from "../typography"
   import subjects from '../subjects'
   import * as explanation from '../explanation'
 

packages/builder/src/components/design/settings/controls/FieldSelect.svelte

@@ -5,7 +5,7 @@
   import { createEventDispatcher } from "svelte"
   import { Explanation } from './Explanation'
   import { debounce } from "lodash"
-  import { goto, params } from "@roxi/routify"
+  import { params } from "@roxi/routify"
   import { Constants } from "@budibase/frontend-core"
   import { FIELDS } from 'constants/backend'
 
@@ -53,11 +53,11 @@
     }
   }, 200);
 
-  const onOptionMouseenter = (e, option, idx) => {
+  const onOptionMouseenter = (e, option) => {
     updateTooltip(e, option);
   }
 
-  const onOptionMouseleave = (e, option) => {
+  const onOptionMouseleave = (e) => {
     updateTooltip(e, null);
   }
   const getOptionIcon = optionKey => {

packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { Icon, Heading, Multiselect, ContextTooltip } from "@budibase/bbui"
+  import { Multiselect, ContextTooltip } from "@budibase/bbui"
   import { getDatasourceForProvider, getSchemaForDatasource } from "dataBinding"
   import { selectedScreen,
     componentStore,
@@ -7,7 +7,7 @@
   import { createEventDispatcher } from "svelte"
   import { Explanation } from './Explanation'
   import { FIELDS } from 'constants/backend'
-  import { goto, params } from "@roxi/routify"
+  import { params } from "@roxi/routify"
   import { debounce } from "lodash"
   import { Constants } from "@budibase/frontend-core"
 
@@ -20,10 +20,6 @@
   let currentOption = null
   let contextTooltipVisible = false
 
-  $: componentDefinition = componentStore.getDefinition(
-    componentInstance?._component
-  )
-
   const dispatch = createEventDispatcher()
   $: datasource = getDatasourceForProvider($selectedScreen, componentInstance)
   $: schema = getSchemaForDatasource($selectedScreen, datasource).schema
@@ -87,11 +83,11 @@
     }
   }, 200);
 
-  const onOptionMouseenter = (e, option, idx) => {
+  const onOptionMouseenter = (e, option) => {
     updateTooltip(e, option);
   }
 
-  const onOptionMouseleave = (e, option) => {
+  const onOptionMouseleave = (e) => {
     updateTooltip(e, null);
   }
 </script>