@budibase/bbui 3.20.13 → 3.20.15

package/dist/bbui.mjs

@@ -3682,13 +3682,13 @@ function create_fragment$1X(u) {
         "id",
         /*id*/
         u[1]
-      ), attr(b, "class", "spectrum-Checkbox-box"), attr(l, "class", S = "spectrum-Checkbox spectrum-Checkbox--emphasized " + /*sizeClass*/
-      u[6] + " svelte-19fatlf"), toggle_class(
+      ), attr(b, "class", "spectrum-Checkbox-box"), attr(l, "class", S = "spectrum-Checkbox " + /*sizeClass*/
+      u[6] + " svelte-19fatlf"), toggle_class(l, "spectrum-Checkbox--emphasized", !/*disabled*/
+      u[3]), toggle_class(
         l,
-        "checked",
-        /*value*/
-        u[0] || /*indeterminate*/
-        u[5]
+        "is-disabled",
+        /*disabled*/
+        u[3]
       ), toggle_class(
         l,
         "readonly",
@@ -3722,14 +3722,15 @@ function create_fragment$1X(u) {
         M[j] = null;
       }), check_outros()), ~v ? (y = M[v], y || (y = M[v] = L[v](H), y.c()), transition_in(y, 1), y.m(b, null)) : y = null), /*text*/
       H[2] ? N ? N.p(H, z) : (N = create_if_block$R(H), N.c(), N.m(l, null)) : N && (N.d(1), N = null), (!T || z & /*sizeClass*/
-      64 && S !== (S = "spectrum-Checkbox spectrum-Checkbox--emphasized " + /*sizeClass*/
-      H[6] + " svelte-19fatlf")) && attr(l, "class", S), (!T || z & /*sizeClass, value, indeterminate*/
-      97) && toggle_class(
+      64 && S !== (S = "spectrum-Checkbox " + /*sizeClass*/
+      H[6] + " svelte-19fatlf")) && attr(l, "class", S), (!T || z & /*sizeClass, disabled*/
+      72) && toggle_class(l, "spectrum-Checkbox--emphasized", !/*disabled*/
+      H[3]), (!T || z & /*sizeClass, disabled*/
+      72) && toggle_class(
         l,
-        "checked",
-        /*value*/
-        H[0] || /*indeterminate*/
-        H[5]
+        "is-disabled",
+        /*disabled*/
+        H[3]
       ), (!T || z & /*sizeClass, readonly*/
       80) && toggle_class(
         l,
@@ -54614,10 +54615,18 @@ class CellRenderer extends SvelteComponent {
 const SelectEditRenderer_svelte_svelte_type_style_lang = "";
 function create_if_block_1$3(u) {
   let l, f;
-  return l = new Checkbox_1({ props: { value: (
-    /*selected*/
-    u[0]
-  ) } }), {
+  return l = new Checkbox_1({
+    props: {
+      value: (
+        /*selected*/
+        u[0]
+      ),
+      disabled: (
+        /*data*/
+        u[4].__disabled
+      )
+    }
+  }), {
     c() {
       create_component(l.$$.fragment);
     },
@@ -54628,7 +54637,9 @@ function create_if_block_1$3(u) {
       const b = {};
       m & /*selected*/
       1 && (b.value = /*selected*/
-      p[0]), l.$set(b);
+      p[0]), m & /*data*/
+      16 && (b.disabled = /*data*/
+      p[4].__disabled), l.$set(b);
     },
     i(p) {
       f || (transition_in(l.$$.fragment, p), f = !0);
@@ -55952,7 +55963,7 @@ function instance$b(u, l, f) {
     const Je = ze[Oe], Ue = Ye[Oe];
     return Me === "Descending" ? Je > Ue ? -1 : 1 : Je > Ue ? 1 : -1;
   })), xe = (se) => {
-    se.sortable !== !1 && (se.name === fe ? f(16, Z = Z === "Descending" ? "Ascending" : "Descending") : (f(15, fe = se.name), f(16, Z = "Descending")), ce("sort", { column: fe, order: Z }));
+    q || se.sortable !== !1 && (se.name === fe ? f(16, Z = Z === "Descending" ? "Ascending" : "Descending") : (f(15, fe = se.name), f(16, Z = "Descending")), ce("sort", { column: fe, order: Z }));
   }, Qe = (se) => {
     let Oe = se == null ? void 0 : se.displayName;
     return se && Oe === void 0 && (Oe = se.name), Oe || "";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "3.20.13",
+  "version": "3.20.15",
   "license": "MPL-2.0",
   "svelte": "src/index.ts",
   "module": "dist/bbui.mjs",
@@ -106,5 +106,5 @@
       }
     }
   },
-  "gitHead": "104666064bccf2667772e62ec951ad390de5000e"
+  "gitHead": "29787f399c811acf15104c21c88e2355fb726eb3"
 }

package/src/Form/Core/Checkbox.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
+  import { Icon } from "@budibase/bbui"
   import "@spectrum-css/checkbox/dist/index-vars.css"
   import "@spectrum-css/fieldgroup/dist/index-vars.css"
   import { createEventDispatcher } from "svelte"
   import type { ChangeEventHandler } from "svelte/elements"
-  import { Icon } from "@budibase/bbui"
 
   export let value = false
   export let id: string | undefined = undefined
@@ -22,8 +22,9 @@
 </script>
 
 <label
-  class="spectrum-Checkbox spectrum-Checkbox--emphasized {sizeClass}"
-  class:checked={value || indeterminate}
+  class="spectrum-Checkbox {sizeClass}"
+  class:spectrum-Checkbox--emphasized={!disabled}
+  class:is-disabled={disabled}
   class:readonly
 >
   <input

package/src/Table/SelectEditRenderer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import Checkbox from "../Form/Checkbox.svelte"
   import ActionButton from "../ActionButton/ActionButton.svelte"
+  import Checkbox from "../Form/Checkbox.svelte"
 
   export let selected: boolean | undefined
   export let onEdit: (_e: Event) => void
@@ -11,7 +11,7 @@
 
 <div>
   {#if allowSelectRows && data.__selectable !== false}
-    <Checkbox value={selected} />
+    <Checkbox value={selected} disabled={data.__disabled} />
   {/if}
   {#if allowEditRows}
     <ActionButton size="S" on:click={onEdit}>Edit</ActionButton>

package/src/Table/Table.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { createEventDispatcher, onMount } from "svelte"
   import "@spectrum-css/table/dist/index-vars.css"
-  import CellRenderer from "./CellRenderer.svelte"
-  import SelectEditRenderer from "./SelectEditRenderer.svelte"
-  import { cloneDeep, deepGet } from "../helpers"
-  import ProgressCircle from "../ProgressCircle/ProgressCircle.svelte"
+  import { createEventDispatcher, onMount } from "svelte"
   import Checkbox from "../Form/Checkbox.svelte"
+  import { cloneDeep, deepGet } from "../helpers"
   import Icon from "../Icon/Icon.svelte"
+  import ProgressCircle from "../ProgressCircle/ProgressCircle.svelte"
+  import CellRenderer from "./CellRenderer.svelte"
+  import SelectEditRenderer from "./SelectEditRenderer.svelte"
 
   /**
    /**
@@ -199,6 +199,9 @@
   }
 
   const sortBy = (fieldSchema: Record<string, any>): void => {
+    if (disableSorting) {
+      return
+    }
     if (fieldSchema.sortable === false) {
       return
     }