@chaibuilder/sdk 2.1.7 → 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;
@@ -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.7",
+  "version": "2.1.8",
   "type": "module",
   "repository": {
     "type": "git",