@budibase/bbui 3.41.0 → 3.41.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "3.41.0",
+  "version": "3.41.2",
   "license": "MPL-2.0",
   "module": "dist/bbui.mjs",
   "exports": {
@@ -108,5 +108,5 @@
       }
     }
   },
-  "gitHead": "35addad5262d0c7f49700b0e02290e931765d66b"
+  "gitHead": "556bd76bac5c556b307b1022fce8e1fe51d928d7"
 }

package/src/FancyForm/FancyField.svelte

@@ -7,7 +7,7 @@
   export let error: string | null = null
   export let focused: boolean = false
   export let clickable: boolean = false
-  export let validate: ((_value: V | undefined) => string | null) | null
+  export let validate: ((value: V | undefined) => string | null) | null
   export let value: V | undefined
   export let ref: HTMLDivElement | undefined = undefined
   export let autoHeight: boolean | undefined = undefined

package/src/FancyForm/FancyInput.svelte

@@ -10,7 +10,7 @@
   export let type: string = "text"
   export let disabled: boolean = false
   export let error: string | null = null
-  export let validate: ((_value: string | undefined) => string | null) | null =
+  export let validate: ((value: string | undefined) => string | null) | null =
     null
   export let suffix: string | null = null
   export let validateOn: "change" | "blur" = "change"

package/src/FancyForm/FancySelect.svelte

@@ -10,7 +10,7 @@
   export let value: string | undefined
   export let disabled: boolean = false
   export let error: string | null = null
-  export let validate: ((_value: string | undefined) => string) | null = null
+  export let validate: ((value: string | undefined) => string) | null = null
   export let options: O[] = []
   export let footer: string | undefined = undefined
   export let isOptionEnabled = (_option: O) => true
@@ -21,8 +21,8 @@
   export let getOptionSubtitle = (option: O) =>
     extractProperty(option, "subtitle")
   export let getOptionColour: (
-    _option: O,
-    _index?: number
+    option: O,
+    index?: number
   ) => string | null = () => null
 
   const dispatch = createEventDispatcher<{ change: string | undefined }>()
@@ -35,7 +35,7 @@
   $: fieldColour = getFieldAttribute(getOptionColour, value, options)
 
   const getFieldAttribute = (
-    getAttribute: (_option: O, _index?: number) => string | null,
+    getAttribute: (option: O, index?: number) => string | null,
     value: string | undefined,
     options: O[]
   ) => {

package/src/Form/Combobox.svelte

@@ -41,7 +41,7 @@
   const defaultGetOptionLabel = (item: O) => extractProperty(item, "label")
   const defaultGetOptionValue = (item: O) => extractProperty(item, "value")
 
-  type OptionFormatter = (_option: O) => string
+  type OptionFormatter = (option: O) => string
 
   export let getOptionLabel: OptionFormatter = defaultGetOptionLabel
   export let getOptionValue: OptionFormatter = defaultGetOptionValue

package/src/Form/Core/Dropzone.svelte

@@ -19,14 +19,13 @@
   export let disabled: boolean = false
   export let compact: boolean = false
   export let fileSizeLimit: number = BYTES_IN_MB * 20
-  export let processFiles: ((_files: FileList) => Promise<Value[]>) | null =
-    null
-  export let deleteAttachments: ((_keys: string[]) => Promise<void>) | null =
+  export let processFiles: ((files: FileList) => Promise<Value[]>) | null = null
+  export let deleteAttachments: ((keys: string[]) => Promise<void>) | null =
     null
   export let handleFileTooLarge:
-    | ((_limit: number, _currentFiles: Value[]) => void)
+    | ((limit: number, currentFiles: Value[]) => void)
     | null = null
-  export let handleTooManyFiles: ((_maximum: number) => void) | null = null
+  export let handleTooManyFiles: ((maximum: number) => void) | null = null
   export let gallery: boolean = true
   export let fileTags: string[] = []
   export let maximum: number | undefined = undefined

package/src/Form/Core/File.svelte

@@ -15,7 +15,7 @@
   export let hideButtonWhenSet: boolean = false
   export let allowClear: boolean | undefined = undefined
   export let extensions: string[] | undefined = undefined
-  export let handleFileTooLarge: ((_file: File) => void) | undefined = undefined
+  export let handleFileTooLarge: ((file: File) => void) | undefined = undefined
   export let fileSizeLimit: number = BYTES_IN_MB * 20
   export let id: string | undefined = undefined
   export let previewUrl: string | undefined = undefined

package/src/Form/Core/Picker.svelte

@@ -36,9 +36,9 @@
   export let isOptionEnabled = (option: O, _index?: number) =>
     option as unknown as boolean
   export let tooltipMessage:
-    | ((_option: O, _index?: number) => string)
+    | ((option: O, index?: number) => string)
     | undefined = undefined
-  export let onSelectOption: (_value: V) => void = () => {}
+  export let onSelectOption: (value: V) => void = () => {}
   export let getOptionLabel = (option: O, _index?: number) => `${option}`
   export let getOptionValue = (option: O, _index?: number) =>
     option as unknown as V
@@ -65,14 +65,8 @@
   export let footer: string | undefined = undefined
   export let customAnchor: HTMLElement | undefined = undefined
   export let loading: boolean = false
-  export let onOptionMouseenter: (
-    _e: MouseEvent,
-    _option: any
-  ) => void = () => {}
-  export let onOptionMouseleave: (
-    _e: MouseEvent,
-    _option: any
-  ) => void = () => {}
+  export let onOptionMouseenter: (e: MouseEvent, option: any) => void = () => {}
+  export let onOptionMouseleave: (e: MouseEvent, option: any) => void = () => {}
   export let showSelectAll: boolean = false
   export let selectAllText: string = "Select all"
   export let indeterminate: boolean = false
@@ -151,7 +145,7 @@
 
   const getSortedOptions = (
     options: any[],
-    getLabel: (_option: any) => string,
+    getLabel: (option: any) => string,
     sort: boolean
   ) => {
     if (!options?.length || !Array.isArray(options)) {
@@ -170,7 +164,7 @@
   const getFilteredOptions = (
     options: any[],
     term: string | null,
-    getLabel: (_option: any) => string
+    getLabel: (option: any) => string
   ) => {
     if (autocomplete && term) {
       const lowerCaseTerm = term.toLowerCase()

package/src/Form/Core/Select.svelte

@@ -30,7 +30,7 @@
   export let isOptionEnabled = (option: O, _index?: number) =>
     option as unknown as boolean
   export let tooltipMessage:
-    | ((_option: O, _index?: number) => string)
+    | ((option: O, index?: number) => string)
     | undefined = undefined
   export let readonly: boolean = false
   export let size: "S" | "M" | "L" = "M"

package/src/Form/Dropzone.svelte

@@ -10,16 +10,15 @@
   export let disabled: boolean = false
   export let error: string | undefined | false = undefined
   export let fileSizeLimit: number | undefined = undefined
-  export let processFiles:
-    | ((_files: FileList) => Promise<Value[]>)
-    | undefined = undefined
+  export let processFiles: ((files: FileList) => Promise<Value[]>) | undefined =
+    undefined
   export let deleteAttachments:
-    | ((_keys: string[]) => Promise<void>)
+    | ((keys: string[]) => Promise<void>)
     | undefined = undefined
   export let handleFileTooLarge:
-    | ((_limit: number, _currentFiles: Value[]) => void)
+    | ((limit: number, currentFiles: Value[]) => void)
     | undefined = undefined
-  export let handleTooManyFiles: ((_maximum: number) => void) | undefined =
+  export let handleTooManyFiles: ((maximum: number) => void) | undefined =
     undefined
   export let gallery: boolean = true
   export let fileTags: string[] = []

package/src/Form/File.svelte

@@ -10,7 +10,7 @@
   export let loading: boolean = false
   export let hideButtonWhenSet: boolean = false
   export let allowClear: boolean | undefined = undefined
-  export let handleFileTooLarge: (_file: File) => void = () => {}
+  export let handleFileTooLarge: (file: File) => void = () => {}
   export let previewUrl: string | undefined = undefined
   export let extensions: string[] | undefined = undefined
   export let error: string | undefined = undefined

package/src/Form/Select.svelte

@@ -31,7 +31,7 @@
     (option as any)?.colour
   export let useOptionIconImage = false
   export let isOptionEnabled:
-    | ((_option: O, _index?: number) => boolean)
+    | ((option: O, index?: number) => boolean)
     | undefined = undefined
   export let quiet: boolean = false
   export let size: "S" | "M" | "L" = "M"
@@ -41,7 +41,7 @@
   export let sort: boolean = false
   export let tooltip: string | undefined = undefined
   export let tooltipMessage:
-    | ((_option: O, _index?: number) => string)
+    | ((option: O, index?: number) => string)
     | undefined = undefined
   export let autocomplete: boolean = false
   export let customPopoverHeight: string | undefined = undefined

package/src/Markdown/MarkdownEditor.svelte

@@ -18,7 +18,7 @@
   let latestValue: string | null
   interface EditorInstance extends EasyMDE {
     togglePreview: () => void
-    value: (_value?: string) => string
+    value: (value?: string) => string
   }
   let mde: EditorInstance | null = null
   let blurBoundTo: EditorInstance | null = null

package/src/Modal/ModalContent.svelte

@@ -26,7 +26,7 @@
 
   export let showSecondaryButton: boolean = false
   export let secondaryButtonText: string | undefined = undefined
-  export let secondaryAction: ((_e: Event) => Promise<any> | any) | undefined =
+  export let secondaryAction: ((e: Event) => Promise<any> | any) | undefined =
     undefined
   export let secondaryButtonWarning: boolean = false
   export let custom: boolean = false

package/src/Notification/Notification.svelte

@@ -9,7 +9,7 @@
   export let message: string = ""
   export let dismissable: boolean = false
   export let actionMessage: string | null = null
-  export let action: ((_dismiss: () => void) => void) | null = null
+  export let action: ((dismiss: () => void) => void) | null = null
   export let wide: boolean = false
 
   const dispatch = createEventDispatcher<{ dismiss: void }>()

package/src/Table/SelectEditRenderer.svelte

@@ -3,7 +3,7 @@
   import Checkbox from "../Form/Checkbox.svelte"
 
   export let selected: boolean | undefined
-  export let onEdit: (_e: Event) => void
+  export let onEdit: (e: Event) => void
   export let allowSelectRows: boolean = false
   export let allowEditRows: boolean = false
   export let data: Record<string, any>

package/src/Tabs/Tabs.svelte

@@ -27,7 +27,7 @@
   export let onTop: boolean = false
   export let size: "S" | "M" | "L" = "M"
   export let disabled: boolean = false
-  export let beforeSwitch: ((_title: string) => boolean) | null = null
+  export let beforeSwitch: ((title: string) => boolean) | null = null
   export let hideTabsList: boolean = false
 
   let thisSelected: string | undefined = undefined

package/src/Modal/Content.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-  import Input from "../Form/Input.svelte"
-
-  let value: string = ""
-</script>
-
-<Input label="Your Name" bind:value />

package/src/Modal/CustomContent.svelte

@@ -1,39 +0,0 @@
-<script lang="ts">
-  import { getContext } from "svelte"
-  import Context from "../context"
-
-  const { hide } = getContext(Context.Modal)
-
-  let count: number = 0
-  const clicks: number = 5
-  $: if (count === clicks) hide()
-  $: remaining = clicks - count
-
-  function increment() {
-    count++
-  }
-</script>
-
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-<!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={increment}>
-  Click me
-  {remaining}
-  more time{remaining === 1 ? "" : "s"}
-  to close this modal!
-</div>
-
-<style>
-  div {
-    padding: 40px;
-    background-color: var(--purple);
-    color: white;
-    font-weight: bold;
-    text-align: center;
-    user-select: none;
-    font-size: 20px;
-  }
-  div:hover {
-    cursor: pointer;
-  }
-</style>