@lobb-js/studio 0.40.0 → 0.41.0

package/dist/components/dataTable/sort.svelte

@@ -4,7 +4,7 @@
     import * as Popover from "../ui/popover/index.js";
     import * as Select from "../ui/select/index.js";
     import { GripVertical, Plus, X } from "lucide-svelte";
-    import Button, { buttonVariants } from "../ui/button/button.svelte";
+    import Button from "../ui/button/button.svelte";
     import { getStudioContext } from "../../context";
     import { getFieldIcon } from "./utils";
     import { dndzone } from "svelte-dnd-action";
@@ -205,17 +205,13 @@
         </div>
     {/if}
 </div>
-<div class="flex justify-between border-t p-2">
+<div class="flex justify-between px-3 pb-3">
     {#if getFieldNames().length}
         <Popover.Root bind:open={popoverOpen}>
             <Popover.Trigger
-                class={buttonVariants({
-                    variant: "ghost",
-                    size: "sm",
-                    class: "text-muted-foreground",
-                })}
+                class="inline-flex w-fit items-center gap-1.5 rounded-md px-2 py-1 text-xs text-muted-foreground hover:text-foreground"
             >
-                <Plus />
+                <Plus size="14" />
                 Add a sort rule
             </Popover.Trigger>
             <Popover.Content class="w-64 p-2">
@@ -231,7 +227,7 @@
             </Popover.Content>
         </Popover.Root>
     {:else}
-        <div class="flex items-center text-xs text-muted-foreground">
+        <div class="px-2 py-1 text-xs text-muted-foreground">
             All columns have been added
         </div>
     {/if}

package/dist/components/dataTable/sortButton.svelte

@@ -22,7 +22,6 @@
 
 	function pick(fieldName: string) {
 		sort = { ...sort, [fieldName]: "asc" };
-		popoverOpen = false;
 	}
 </script>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lobb-js/studio",
   "license": "UNLICENSED",
-  "version": "0.40.0",
+  "version": "0.41.0",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/src/lib/components/dataTable/sort.svelte

@@ -4,7 +4,7 @@
     import * as Popover from "../ui/popover/index.js";
     import * as Select from "../ui/select/index.js";
     import { GripVertical, Plus, X } from "lucide-svelte";
-    import Button, { buttonVariants } from "../ui/button/button.svelte";
+    import Button from "../ui/button/button.svelte";
     import { getStudioContext } from "../../context";
     import { getFieldIcon } from "./utils";
     import { dndzone } from "svelte-dnd-action";
@@ -205,17 +205,13 @@
         </div>
     {/if}
 </div>
-<div class="flex justify-between border-t p-2">
+<div class="flex justify-between px-3 pb-3">
     {#if getFieldNames().length}
         <Popover.Root bind:open={popoverOpen}>
             <Popover.Trigger
-                class={buttonVariants({
-                    variant: "ghost",
-                    size: "sm",
-                    class: "text-muted-foreground",
-                })}
+                class="inline-flex w-fit items-center gap-1.5 rounded-md px-2 py-1 text-xs text-muted-foreground hover:text-foreground"
             >
-                <Plus />
+                <Plus size="14" />
                 Add a sort rule
             </Popover.Trigger>
             <Popover.Content class="w-64 p-2">
@@ -231,7 +227,7 @@
             </Popover.Content>
         </Popover.Root>
     {:else}
-        <div class="flex items-center text-xs text-muted-foreground">
+        <div class="px-2 py-1 text-xs text-muted-foreground">
             All columns have been added
         </div>
     {/if}

package/src/lib/components/dataTable/sortButton.svelte

@@ -22,7 +22,6 @@
 
 	function pick(fieldName: string) {
 		sort = { ...sort, [fieldName]: "asc" };
-		popoverOpen = false;
 	}
 </script>