@budibase/bbui 2.20.7 → 2.20.12

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "2.20.7",
+  "version": "2.20.12",
   "license": "MPL-2.0",
   "svelte": "src/index.js",
   "module": "dist/bbui.es.js",
@@ -24,8 +24,7 @@
     "rollup": "^2.45.2",
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-svelte": "^7.1.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "svelte": "3.49.0"
+    "rollup-plugin-terser": "^7.0.2"
   },
   "keywords": [
     "svelte"
@@ -36,8 +35,8 @@
   ],
   "dependencies": {
     "@adobe/spectrum-css-workflow-icons": "1.2.1",
-    "@budibase/shared-core": "2.20.7",
-    "@budibase/string-templates": "2.20.7",
+    "@budibase/shared-core": "2.20.12",
+    "@budibase/string-templates": "2.20.12",
     "@spectrum-css/accordion": "3.0.24",
     "@spectrum-css/actionbutton": "1.0.1",
     "@spectrum-css/actiongroup": "1.0.1",
@@ -104,5 +103,5 @@
       }
     }
   },
-  "gitHead": "baa769e7d96edcc8b8ba8a97b3068a97e67adc42"
+  "gitHead": "e9a23de4758e2954d1499c51f676fa9ceaffbe99"
 }

package/src/ActionButton/ActionButton.svelte

@@ -41,6 +41,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <span
   class="btn-wrap"
   on:mouseover={() => (showTooltip = true)}

package/src/ActionMenu/ActionMenu.svelte

@@ -33,6 +33,8 @@
   setContext("actionMenu", { show, hide })
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div use:getAnchor on:click={openMenu}>
   <slot name="control" />
 </div>

package/src/Badge/Badge.svelte

@@ -13,6 +13,8 @@
   export let hoverable = false
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <span
   on:click
   class="spectrum-Label"

package/src/ColorPicker/ColorPicker.svelte

@@ -123,6 +123,8 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   bind:this={preview}
   class="preview size--{size || 'M'}"
@@ -137,6 +139,8 @@
   />
 </div>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <Popover bind:this={dropdown} anchor={preview} maxHeight={320} {offset} {align}>
   <Layout paddingX="XL" paddingY="L">
     <div class="container">

package/src/DetailSummary/DetailSummary.svelte

@@ -15,6 +15,8 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="property-group-container">
   {#if name}
     <div class="property-group-name" on:click={onHeaderClick}>

package/src/FancyForm/FancyField.svelte

@@ -36,6 +36,8 @@
   })
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   bind:this={ref}
   class="fancy-field"

package/src/Form/Core/Combobox.svelte

@@ -35,6 +35,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class="spectrum-InputGroup"
   class:is-focused={open || focus}

package/src/Form/Core/DatePicker.svelte

@@ -193,6 +193,8 @@
       aria-required="false"
       aria-haspopup="true"
     >
+      <!-- svelte-ignore a11y-no-static-element-interactions -->
+      <!-- svelte-ignore a11y-click-events-have-key-events -->
       <div
         on:click={flatpickr?.open}
         class="spectrum-Textfield spectrum-InputGroup-textfield"
@@ -230,6 +232,7 @@
   </Flatpickr>
 {/key}
 {#if open}
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div class="overlay" on:mousedown|self={flatpickr?.close} />
 {/if}
 

package/src/Form/Core/Dropzone.svelte

@@ -137,6 +137,9 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <div class="container" class:compact>
   {#if selectedImage}
     {#if gallery}

package/src/Form/Core/EnvDropdown.svelte

@@ -96,6 +96,8 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="spectrum-InputGroup">
   <div
     class:is-disabled={disabled || hbsValue.length}

package/src/Form/Core/File.svelte

@@ -50,6 +50,8 @@
   on:change={handleFile}
 />
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="field">
   {#if value}
     <div class="file-view">

package/src/Form/Core/InputDropdown.svelte

@@ -110,6 +110,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="spectrum-InputGroup" class:is-disabled={disabled}>
   <div
     class="spectrum-Textfield spectrum-InputGroup-textfield"

package/src/Form/Core/Picker.svelte

@@ -146,6 +146,7 @@
     <use xlink:href="#spectrum-css-icon-Chevron100" />
   </svg>
 </button>
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <Popover
   anchor={customAnchor ? customAnchor : button}
   align={align || "left"}

package/src/Form/Core/PickerDropdown.svelte

@@ -104,6 +104,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="spectrum-InputGroup" class:is-disabled={disabled}>
   <div
     class="spectrum-Textfield spectrum-InputGroup-textfield"

package/src/Icon/Icon.svelte

@@ -24,6 +24,8 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class="icon"
   on:mouseover={() => (showTooltip = true)}

package/src/IconPicker/IconPicker.svelte

@@ -58,6 +58,8 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="container">
   <div class="preview size--{size || 'M'}" on:click={() => (open = true)}>
     <div

package/src/IconSideNav/IconSideNavItem.svelte

@@ -10,6 +10,8 @@
   let showTooltip = false
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class="icon-side-nav-item"
   class:active

package/src/Input/CopyInput.svelte

@@ -17,6 +17,8 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div>
   <Input readonly {value} {label} />
   <div class="icon" on:click={() => copyToClipboard(value)}>

package/src/List/ListItem.svelte

@@ -15,6 +15,8 @@
   $: initials = avatar ? title?.[0] : null
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="list-item" class:hoverable on:click>
   <div class="left">
     {#if icon}

package/src/Menu/Item.svelte

@@ -33,6 +33,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <li
   on:click|preventDefault={disabled ? null : onClick}
   class="spectrum-Menu-item"

package/src/Modal/CustomContent.svelte

@@ -14,6 +14,8 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div on:click={increment}>
   Click me
   {remaining}

package/src/Modal/Modal.svelte

@@ -100,6 +100,7 @@
   -->
   <Portal target=".modal-container">
     {#if visible}
+      <!-- svelte-ignore a11y-no-static-element-interactions -->
       <div class="spectrum-Underlay is-open" on:mousedown|self={cancel}>
         <div
           class="background"

package/src/OptionSelectDnD/OptionSelectDnD.svelte

@@ -81,6 +81,8 @@
   })
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div>
   <div
     class="actions"

package/src/Pagination/Pagination.svelte

@@ -10,6 +10,8 @@
   export let hasNextPage = true
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <nav class="spectrum-Pagination spectrum-Pagination--explicit">
   <div
     href="#"

package/src/Popover/Popover.svelte

@@ -78,6 +78,7 @@
 </script>
 
 {#if open}
+  <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
   <Portal {target}>
     <div
       tabindex="0"

package/src/ProgressCircle/ProgressCircle.svelte

@@ -40,6 +40,8 @@
   export let overBackground
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   on:click
   class:spectrum-ProgressCircle--indeterminate={value == null}

package/src/SideNavigation/Item.svelte

@@ -13,6 +13,8 @@
   export let badge = ""
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <li
   class="spectrum-SideNav-item"
   class:is-selected={selected}

package/src/StatusLight/StatusLight.svelte

@@ -22,6 +22,8 @@
   export let hoverable = false
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   on:click
   class="spectrum-StatusLight spectrum-StatusLight--size{size}"

package/src/Table/InternalRenderer.svelte

@@ -19,6 +19,8 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div on:click|stopPropagation={onClick}>
   <Icon size="S" name="Copy" />
 </div>

package/src/Table/Table.svelte

@@ -303,6 +303,8 @@
 </script>
 
 {#key fields?.length}
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div
     class="wrapper"
     class:wrapper--quiet={quiet}

package/src/Tabs/Tab.svelte

@@ -48,6 +48,9 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <div
   {id}
   bind:this={tab_internal}

package/src/Tooltip/AbsTooltip.svelte

@@ -90,6 +90,7 @@
   onDestroy(hide)
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   bind:this={wrapper}
   class="abs-tooltip"

package/src/Tooltip/TooltipWrapper.svelte

@@ -9,6 +9,7 @@
   let showTooltip = false
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div class:container={!!tooltip}>
   <slot />
   {#if tooltip}