carbon-components-svelte 0.93.1 → 0.93.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-components-svelte",
-  "version": "0.93.1",
+  "version": "0.93.2",
   "license": "Apache-2.0",
   "description": "Svelte implementation of the Carbon Design System",
   "type": "module",

package/src/DataTable/Toolbar.svelte

@@ -15,6 +15,11 @@
    */
   const overflowVisible = writable(false);
 
+  /**
+   * @type {import("svelte/store").Writable<boolean>}
+   */
+  const batchActionsActive = writable(false);
+
   /**
    * @type {(visible: boolean) => void}
    */
@@ -26,6 +31,7 @@
   setContext("Toolbar", {
     overflowVisible,
     setOverflowVisible,
+    batchActionsActive,
   });
 </script>
 

package/src/DataTable/ToolbarBatchActions.svelte

@@ -82,6 +82,10 @@
     });
   }
 
+  $: if (ctxToolbar?.batchActionsActive) {
+    ctxToolbar.batchActionsActive.set(showActions);
+  }
+
   onMount(() => {
     return () => {
       unsubscribe?.();

package/src/DataTable/ToolbarContent.svelte

@@ -1,18 +1,17 @@
 <script>
   import { getContext } from "svelte";
 
-  const ctx = getContext("DataTable") ?? {};
+  const ctx = getContext("Toolbar") ?? {};
 
-  let batchSelectedIds = [];
+  let batchActionsActive = false;
 
-  if (ctx?.batchSelectedIds) {
-    ctx.batchSelectedIds.subscribe((value) => {
-      batchSelectedIds = value;
+  if (ctx?.batchActionsActive) {
+    ctx.batchActionsActive.subscribe((value) => {
+      batchActionsActive = value;
     });
   }
 
-  $: hasBatchSelection = batchSelectedIds.length > 0;
-  $: inertProps = hasBatchSelection ? { inert: true } : {};
+  $: inertProps = batchActionsActive ? { inert: true } : {};
 </script>
 
 <div class:bx--toolbar-content={true} {...inertProps}>

package/types/DataTable/Toolbar.svelte.d.ts

@@ -4,6 +4,7 @@ import type { SvelteHTMLElements } from "svelte/elements";
 export type ToolbarContext = {
   overflowVisible: import("svelte/store").Writable<boolean>;
   setOverflowVisible: (visible: boolean) => void;
+  batchActionsActive: import("svelte/store").Writable<boolean>;
 };
 
 type $RestProps = SvelteHTMLElements["section"];