@chaibuilder/sdk 2.1.6 → 2.1.8

package/dist/core.d.ts

@@ -396,7 +396,6 @@ export declare const PERMISSIONS: {
     EDIT_LIBRARY_BLOCK: string;
     EDIT_LIBRARY_GROUP: string;
     DELETE_LIBRARY_BLOCK: string;
-    DELETE_LIBRARY_GROUP: string;
 };
 
 declare type ReactComponentType = default_2.ComponentType<any>;
@@ -533,7 +532,7 @@ export declare const useLibraryBlocks: (library?: Partial<ChaiUILibrary> & {
 }) => {
     data: any;
     isLoading: boolean;
-    resetLibrary: () => void;
+    resetLibrary: (libraryId: string) => void;
 };
 
 export declare const useMediaManagerComponent: () => ComponentType<MediaManagerProps>;
@@ -605,6 +604,12 @@ export declare const useSelectedBlocksDisplayChild: () => {
 
 export declare const useSelectedBreakpoints: () => [string[], Function];
 
+/**
+ * Hook to get and set the selected UI library
+ * @returns {[string, (library: string) => void]} A tuple containing the selected library ID and a function to set the selected library
+ */
+export declare const useSelectedLibrary: () => [string, (args_0: string | RESET | ((prev: string) => string | RESET)) => void];
+
 /**
  * @group Hooks
  * @returns {TStyleBlock[]} selected styling blocks

package/dist/core.js

@@ -770,15 +770,23 @@ const useUndoManager = () => {
   const [r, n] = useAtom$1(libraryBlocksAtom), a = useBuilderProp("getUILibraryBlocks", noop), l = get(r, `${o == null ? void 0 : o.id}.blocks`, null), i = get(r, `${o == null ? void 0 : o.id}.loading`, "idle"), c = useRef("idle");
   useEffect(() => {
     (async () => {
-      if (i === "complete" || c.current === "loading") return;
-      c.current = "loading", n((u) => ({ ...u, [o == null ? void 0 : o.id]: { loading: "loading", blocks: [] } }));
-      const p = await a(o);
-      c.current = "idle", n((u) => ({ ...u, [o == null ? void 0 : o.id]: { loading: "complete", blocks: p || [] } }));
+      if (!(i === "complete" || c.current === "loading")) {
+        c.current = "loading", n((p) => ({ ...p, [o == null ? void 0 : o.id]: { loading: "loading", blocks: [] } }));
+        try {
+          const p = await a(o);
+          c.current = "idle", n((u) => ({ ...u, [o == null ? void 0 : o.id]: { loading: "complete", blocks: p || [] } }));
+        } catch {
+          c.current = "idle", n((u) => ({ ...u, [o == null ? void 0 : o.id]: { loading: "complete", blocks: [] } }));
+        }
+      }
     })();
   }, [o, l, i, c, n, a]);
-  const d = useCallback(() => {
-    n((p) => ({ ...p, [o == null ? void 0 : o.id]: { loading: "idle", blocks: [] } }));
-  }, [o, n]);
+  const d = useCallback(
+    (p) => {
+      n((u) => ({ ...u, [p]: { loading: "idle", blocks: [] } }));
+    },
+    [n]
+  );
   return { data: l || [], isLoading: i === "loading", resetLibrary: d };
 }, canAcceptChildBlock = (o, r) => {
   if (!o) return !0;
@@ -2648,7 +2656,7 @@ const useBlockHighlight = () => {
   return null;
 });
 wrapperBlockAtom.debugLabel = "wrapperBlockAtom";
-const useWrapperBlock = () => useAtomValue$1(wrapperBlockAtom), sidebarActivePanelAtom = atom("outline");
+const useWrapperBlock = () => useAtomValue$1(wrapperBlockAtom), useSelectedLibrary = () => useAtom$1(selectedLibraryAtom), sidebarActivePanelAtom = atom("outline");
 sidebarActivePanelAtom.debugLabel = "sidebarActivePanelAtom";
 const useSidebarActivePanel = () => useAtom$1(sidebarActivePanelAtom);
 function getOrientation(o, r = null) {
@@ -6598,7 +6606,7 @@ const BlockCard = ({
     /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: f }) })
   ] });
 }, UILibrarySection = ({ parentId: o, position: r }) => {
-  const [n, a] = useAtom$1(selectedLibraryAtom), l = useBuilderProp("uiLibraries", []), i = l.find((v) => v.id === n) || first(l), { data: c, isLoading: d } = useLibraryBlocks(i), p = groupBy([...c], "group"), [u, g] = useState(null);
+  const [n, a] = useSelectedLibrary(), l = useBuilderProp("uiLibraries", []), i = l.find((v) => v.id === n) || first(l), { data: c, isLoading: d } = useLibraryBlocks(i), p = groupBy([...c], "group"), [u, g] = useState(null);
   useEffect(() => {
     u || g(first(keys(p)));
   }, [p, u]);
@@ -6614,7 +6622,7 @@ const BlockCard = ({
     ] });
   const y = filter(f, (v, S) => S % 2 === 0), b = filter(f, (v, S) => S % 2 === 1);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "relative mt-2 flex h-full max-h-full overflow-hidden bg-background", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full pt-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex h-full max-h-full w-60 flex-col gap-1 px-1 pr-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex h-full max-h-full w-72 flex-col gap-1 px-1 pr-2", children: [
       /* @__PURE__ */ jsx(UILibrariesSelect, { library: i == null ? void 0 : i.id, setLibrary: a, uiLibraries: l }),
       /* @__PURE__ */ jsxs("div", { className: "mt-2 flex h-full max-h-full w-full flex-1 flex-col", children: [
         /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-gray-500", children: h("Groups") }),
@@ -6832,8 +6840,7 @@ const BlockCard = ({
   CREATE_LIBRARY_GROUP: "create_library_group",
   EDIT_LIBRARY_BLOCK: "edit_library_block",
   EDIT_LIBRARY_GROUP: "edit_library_group",
-  DELETE_LIBRARY_BLOCK: "delete_library_block",
-  DELETE_LIBRARY_GROUP: "delete_library_group"
+  DELETE_LIBRARY_BLOCK: "delete_library_block"
 };
 Object.values(PERMISSIONS);
 let SAVE_TO_LIB_COMPONENT = null;
@@ -7161,7 +7168,7 @@ const selectParent = (o, r) => {
       ),
       /* @__PURE__ */ jsx("br", {})
     ] });
-  const L = useMemo(() => has(h, "_libBlockId"), [h]);
+  const L = useMemo(() => has(h, "_libBlockId") && !isEmpty(h._libBlockId), [h]);
   return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -7199,13 +7206,13 @@ const selectParent = (o, r) => {
           "div",
           {
             className: cn(
-              "group flex w-full cursor-pointer items-center justify-between space-x-px !rounded p-1 text-foreground/80 outline-none",
+              "group flex w-full cursor-pointer items-center justify-between space-x-px !rounded p-1 outline-none",
               x ? "bg-primary text-primary-foreground" : "hover:bg-primary/10 dark:hover:bg-gray-800",
               y && canAcceptChildBlock(h._type, "Icon") ? "bg-green-200" : "",
               (o == null ? void 0 : o.id) === A ? "bg-primary/10" : "",
               b && "opacity-20",
               l.includes(m) ? "opacity-50" : "",
-              L && x && "bg-primary/20"
+              L && x && "bg-primary/20 text-primary"
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -7213,7 +7220,7 @@ const selectParent = (o, r) => {
                   "div",
                   {
                     className: `flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center transition-transform duration-100 ${o.isOpen ? "rotate-90" : ""}`,
-                    children: u && /* @__PURE__ */ jsx("button", { onClick: j, type: "button", children: /* @__PURE__ */ jsx(ChevronRight, { className: `h-3 w-3 stroke-[3] ${x ? "text-slate-200" : "text-slate-400"}` }) })
+                    children: u && /* @__PURE__ */ jsx("button", { onClick: j, type: "button", children: /* @__PURE__ */ jsx(ChevronRight, { className: `h-3 w-3 stroke-[3] ${x ? "text-primary" : "text-slate-400"}` }) })
                   }
                 ),
                 /* @__PURE__ */ jsxs(
@@ -7246,7 +7253,7 @@ const selectParent = (o, r) => {
                     TooltipTrigger,
                     {
                       onClick: () => pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK, { _id: m }),
-                      className: "cursor-pointer rounded bg-transparent hover:text-black",
+                      className: "cursor-pointer rounded bg-transparent",
                       asChild: !0,
                       children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-3 w-3" })
                     }
@@ -7260,7 +7267,7 @@ const selectParent = (o, r) => {
                       onClick: (N) => {
                         N.stopPropagation(), i(m), o.isOpen && o.toggle();
                       },
-                      className: "cursor-pointer rounded bg-transparent hover:text-black",
+                      className: "cursor-pointer rounded bg-transparent",
                       asChild: !0,
                       children: /* @__PURE__ */ jsx(EyeOffIcon, { size: "15" })
                     }
@@ -9458,6 +9465,7 @@ export {
   useSelectedBlockIds,
   useSelectedBlocksDisplayChild,
   useSelectedBreakpoints,
+  useSelectedLibrary,
   useSelectedStylingBlocks,
   useSidebarActivePanel,
   useStylingBreakpoint,

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "2.1.6",
+  "version": "2.1.8",
   "type": "module",
   "repository": {
     "type": "git",