feat: added optional tabs and exported useDraggedblock atom

src/core/components/sidepanels/panels/add-blocks/AddBlocks.tsx

@@ -67,10 +67,12 @@ const AddBlocksPanel = ({
   className,
   showHeading = true,
   parentId = undefined,
+  tabs = ["library", "core", "html"],
 }: {
   parentId?: string;
   showHeading?: boolean;
   className?: string;
+  tabs?: string[];
 }) => {
   const { t } = useTranslation();
   const [tab, setTab] = useAtom(addBlockTabAtom);
@@ -100,15 +102,15 @@ const AddBlocksPanel = ({
           {importHTMLSupport ? <TabsTrigger value="html">{t("Import")}</TabsTrigger> : null}
         </TabsList>
       </Tabs>
-      {tab === "core" && (
+      {tabs.includes("core") && tab === "core" && (
         <ScrollArea className="-mx-1.5 h-[calc(100vh-156px)] overflow-y-auto">
           <div className="mt-2 w-full">
             <DefaultChaiBlocks gridCols={"grid-cols-4"} parentId={parentId} />
           </div>
         </ScrollArea>
       )}
-      {tab === "library" && <UILibraries parentId={parentId} />}
-      {tab === "html" && importHTMLSupport ? <ImportHTML parentId={parentId} /> : null}
+      {tabs.includes("library") && tab === "library" && <UILibraries parentId={parentId} />}
+      {tabs.includes("html") && tab === "html" && importHTMLSupport ? <ImportHTML parentId={parentId} /> : null}
     </div>
   );
 };

src/core/hooks/index.ts

@@ -33,6 +33,7 @@ import { useCodeEditor } from "./useCodeEditor.ts";
 import { useGlobalBlocksList, useGlobalBlocksStore } from "./useGlobalBlocksStore.ts";
 import { useLanguages } from "./useLanguages.ts";
 import { useBlockHighlight } from "./useBlockHighlight.ts";
+import { useDraggedBlock } from "./useDraggedBlock.ts";
 export { useLayoutVariant } from "./useLayoutVariant.ts";
 export { useBlocksStoreUndoableActions } from "../history/useBlocksStoreUndoableActions.ts";
 export {
@@ -44,6 +45,7 @@ export {
   useBuilderReset,
   useAddBlock,
   useAddClassesToBlocks,
+  useDraggedBlock,
   useCanvasWidth,
   useCanvasZoom,
   useBuilderProp,

src/core/hooks/useDraggedBlock.tsx

@@ -0,0 +1,7 @@
+import { useAtom } from "jotai";
+import { draggedBlockAtom } from "../components/canvas/dnd/atoms.ts";
+
+export const useDraggedBlock = () => {
+  const [draggedBlock, setDraggedBlockAtom] = useAtom(draggedBlockAtom);
+  return [draggedBlock, setDraggedBlockAtom];
+};