From b0c07d3adeebbd0c2ee61bd50009deeac266903d Mon Sep 17 00:00:00 2001 From: Paulson Robert Date: Fri, 21 Feb 2025 00:13:02 +0530 Subject: [PATCH 1/5] feat(client): drawer block init --- .../client/src/assets/img/BLOCK_DRAWER.png | Bin 0 -> 886 bytes .../drawer-block/DrawerBlock.tsx | 79 +++++++++++ .../block-defaults/drawer-block/config.tsx | 132 ++++++++++++++++++ .../block-defaults/drawer-block/index.ts | 2 + .../src/components/block-defaults/index.ts | 6 +- .../components/designer/menu/default-menu.ts | 20 +++ 6 files changed, 238 insertions(+), 1 deletion(-) create mode 100644 packages/client/src/assets/img/BLOCK_DRAWER.png create mode 100644 packages/client/src/components/block-defaults/drawer-block/DrawerBlock.tsx create mode 100644 packages/client/src/components/block-defaults/drawer-block/config.tsx create mode 100644 packages/client/src/components/block-defaults/drawer-block/index.ts diff --git a/packages/client/src/assets/img/BLOCK_DRAWER.png b/packages/client/src/assets/img/BLOCK_DRAWER.png new file mode 100644 index 0000000000000000000000000000000000000000..c4daa573708531df97ef4e2702296a622c1d9d94 GIT binary patch literal 886 zcmeAS@N?(olHy`uVBq!ia0vp^tw5Z`!3HEJotTsjq&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFM%AEbVpxD28NCO+nuylSjq> z@63m6?;Jdw=fu3uS<>P5!q4@bok~(mS6{Z>933s$fBgR4yz6hjSBtNTTKi0@x9#_@ zUquyXPM_|suB|P-n)UTj_Nu>i_AeY}ye)gp_pr3$PTuz7(@%|xXJ3EAYahBYWYXSG zpFbPlbbkAK_0?0pYLlO^i>ZEjU^n|~)!Tdb@Bjb3_0~&uvn?f7b5(d=a`VaGUL3c6 zcij5$41*8Vo60tAW{pyr6|F}#`iHvi*aI~h`hY~x~o|`FZ8%6Z;#NC zshd8PZMs2_%ZXX@BD*KN^hm5$u1?t*De>mxw{O#SazqyUAG!7OM>YR-5t+}Y+h;K~ z0ntRJrT_<Vhk#%Q0WJ@23NAcU}};4VAM^;!qKYA*cl@VWNaqyI&%%adC`I%0W8!+RjTLtm3+FF!|> zyucL^fi++Uyz`FQ5dBVkmbhD2)7_%|7xoBrIsCYzZ=&C#B+w(mA+?aB#s9kzkjJp^ z?&&=?SEp>r$$K03tW{5wrJWz { + widget: 'drawer'; + data: { + style: CSSProperties; + anchor: 'left' | 'right' | 'top' | 'bottom'; + drawerWidth: number; + designMode: boolean; + open: string | boolean | number; // Changed to string to store query + }; + slots: { + content: true; + }; +} + +const DrawerWrapper = styled(Box)<{ $visible: boolean }>(({ $visible }) => ({ + visibility: $visible ? 'visible' : 'hidden', +})); + +export const DrawerBlock: BlockComponent = observer(({ id }) => { + const { attrs, data, slots } = useBlock(id); + const { state } = useBlocks(); + const isStatic = state.mode === 'static'; + + const open = useMemo(() => { + let o = false; + // Interpret Python + if ( + data.open === true || + data.open === 'true' || + data.open === 1 || + data.open === '1' + ) { + o = true; + } + + return o; + }, [data.open]); + + // Helper to determine if modal should be shown + const shouldShowModal = isStatic + ? data.designMode // In static mode, show when design mode is on + : Boolean(open); // In interactive mode, show when query returns true + + // In static mode with design mode on, show as modal but without portal + if (!shouldShowModal && !isStatic) { + return <>; + } + + return ( + + + + + + + + ); +}); diff --git a/packages/client/src/components/block-defaults/drawer-block/config.tsx b/packages/client/src/components/block-defaults/drawer-block/config.tsx new file mode 100644 index 0000000000..5b1dccf0cf --- /dev/null +++ b/packages/client/src/components/block-defaults/drawer-block/config.tsx @@ -0,0 +1,132 @@ +import { BlockConfig } from '@/stores'; +import { + ArrowBack, + ArrowDownward, + ArrowForward, + ArrowUpward, + Schema, +} from '@mui/icons-material'; +import { BLOCK_TYPE_LAYOUT } from '../block-defaults.constants'; +import { DrawerBlock, DrawerBlockDef } from './DrawerBlock'; +import { + ButtonGroupSettings, + SizeSettings, + SwitchSettings, + QueryInputSettings, + BorderSettings, +} from '@/components/block-settings'; +import { + buildColorSection, + buildBorderSection, +} from '../block-defaults.shared'; + +export const config: BlockConfig = { + widget: 'drawer', + type: BLOCK_TYPE_LAYOUT, + data: { + style: {}, + anchor: 'left', + drawerWidth: 240, + designMode: true, // Default to design mode when first dropped + open: '', // Default to closed + }, + listeners: {}, + slots: { + content: [], + }, + render: DrawerBlock, + icon: Schema, + contentMenu: [ + { + name: 'General', + children: [ + { + description: 'Design Mode', + render: ({ id }) => ( + + ), + }, + { + description: 'Open', + render: ({ id }) => ( + + ), + }, + { + description: 'Drawer Width', + render: ({ id }) => ( + + ), + }, + { + description: 'Direction', + render: ({ id }) => ( + + ), + }, + ], + }, + ], + styleMenu: [ + buildColorSection(), + { + name: 'Spacing', + children: [ + { + description: 'Padding', + render: ({ id }) => ( + + ), + }, + ], + }, + buildBorderSection(), + ], +}; diff --git a/packages/client/src/components/block-defaults/drawer-block/index.ts b/packages/client/src/components/block-defaults/drawer-block/index.ts new file mode 100644 index 0000000000..4b12d60ac4 --- /dev/null +++ b/packages/client/src/components/block-defaults/drawer-block/index.ts @@ -0,0 +1,2 @@ +export * from './config'; +export * from './DrawerBlock'; diff --git a/packages/client/src/components/block-defaults/index.ts b/packages/client/src/components/block-defaults/index.ts index e14a76f337..40cd89c4b8 100644 --- a/packages/client/src/components/block-defaults/index.ts +++ b/packages/client/src/components/block-defaults/index.ts @@ -61,6 +61,7 @@ import { PDFViewerBlockDef, } from './pdfViewer-block'; import { config as ThemeBlockConfig, ThemeBlockDef } from './theme-block'; +import { config as DrawerBlockConfig, DrawerBlockDef } from './drawer-block'; export type DefaultBlockDefinitions = | AudioBlockDef @@ -96,7 +97,8 @@ export type DefaultBlockDefinitions = | ModalBlockDef | RadioBlockDef | PDFViewerBlockDef - | ThemeBlockDef; + | ThemeBlockDef + | DrawerBlockDef; export const DefaultBlocks: Registry = { [AudioBlockConfig.widget]: AudioBlockConfig, @@ -127,6 +129,7 @@ export const DefaultBlocks: Registry = { [AudioInputBlockConfig.widget]: AudioInputBlockConfig, [PDFViewerBlockConfig.widget]: PDFViewerBlockConfig, [ThemeBlockConfig.widget]: ThemeBlockConfig, + [DrawerBlockConfig.widget]: DrawerBlockConfig, }; export { @@ -154,4 +157,5 @@ export { RadioBlockConfig, PDFViewerBlockConfig, ThemeBlockConfig, + DrawerBlockConfig, }; diff --git a/packages/client/src/components/designer/menu/default-menu.ts b/packages/client/src/components/designer/menu/default-menu.ts index 29935aa375..3151d54add 100644 --- a/packages/client/src/components/designer/menu/default-menu.ts +++ b/packages/client/src/components/designer/menu/default-menu.ts @@ -32,6 +32,7 @@ import BLOCK_RADIO from '@/assets/img/BLOCK_RADIO.png'; import HTML_BLOCK from '@/assets/img/HTML_BLOCK_SM.png'; import BLOCK_MODAL from '@/assets/img/BLOCK_MODAL.png'; import BLOCK_THEME from '@/assets/img/BLOCK_THEME.png'; +import BLOCK_DRAWER from '@/assets/img/BLOCK_DRAWER.png'; const SECTION_ELEMENT = 'Element'; const SECTION_INPUT = 'Input'; @@ -170,6 +171,25 @@ export const DEFAULT_MENU: DesignerMenuItem[] = [ }, }, }, + { + section: SECTION_LAYOUT, + image: BLOCK_DRAWER, + name: 'Drawer', + json: { + widget: 'drawer', + data: { + style: {}, + open: false, + anchor: 'left', + drawerWidth: 240, + designMode: true, + }, + listeners: {}, + slots: { + content: [], + }, + }, + }, { section: SECTION_INPUT, image: BLOCK_INPUT, From fac4e751cfdb021cbec8e0877750e59dda6c9c9c Mon Sep 17 00:00:00 2001 From: Paulson Robert Date: Fri, 21 Feb 2025 16:40:30 +0530 Subject: [PATCH 2/5] feat(client): image change --- .../client/src/assets/img/BLOCK_DRAWER.png | Bin 886 -> 1111 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/packages/client/src/assets/img/BLOCK_DRAWER.png b/packages/client/src/assets/img/BLOCK_DRAWER.png index c4daa573708531df97ef4e2702296a622c1d9d94..44864ea47cf8881f4aa2814d822472afaf2f1abf 100644 GIT binary patch delta 1054 zcmV+(1mXMk2G?lHks&pI>`6pHRCodH-CIuEKorLDlMA;10R$2+ zNbM4`h3=p`XqUhex`ZyFOJE6I0%9}(hy33r%dDWkx_*s;-MZ2x~!)QcTJ;q&Co z96J^P-e?Vn!yoR?-|n$4k?MB4vbwq|%gf7x()QZz_U_Ws(*Lv_+Rx9=za-*7sE3Dt z2RS=C6MTyAkB^W0qtWO~+78`TtM&E04GRkk((m_WZf;IovgGOMN$&6O+q>^PLAJKGl2A<2VCetpLx=I><707OSWsDmv<>aae`p}K zx3^6o-qP)xo14l0s3sjP(zd+{#oF3`T2j>IF+V?_6o056ABs+=BP%N_G7a6I(V~8Q zDD=pm`pK@&a8nyWz4%b*ETf3LZ#Srpwg7MVQ0M|t5xRDPdhwySxw$E{Ktw3&$A>}# zad~+u)3~^}C_KU-Uax8j4MpA~Usp3V6sVt9q0rId=;%mpZ*M<*l5RgZIG`VYQEhu^ z8_axC-wqBB50m~zuh%mTvGeou%+Mfit}}k>e!shE+fx@Av>U1q)Q5(_9pL-!VE^e> zqEpYOsMN}nOE+uk0kC)l!;ci&*xK0G$ZVU3G#ZVPGp^jQCkV%n6pM?CQ3XP2vyFyZ zcs>-dw!j%B!tK{vQ))`el(C*FH6=wD%syZc z3K)a}2BCmKC}0o@7|E2h3ZFBnF3}-#&DhW~hdu(1a1Z(4=^bU+_Yc;xT@~ z3r&j0_)%!WpwNUtC}0o@7=!`_p@0!>my|`W*@?DG$|Be7MB620k!yBXyn;cY34<;v z47#K+=#s*q(1byu34>67z#tSb2u1VkW$i#H8bohF+3WRov-aa!(gw(TKhiNDide5D zoeTx{B@KgXNnx;f1%pBp23=AZbV*_OkwTB)P$NZAHN7us?)!y?(i#qjm3g6ec6OwW zbRD77=?r2C28Ct>^4>2r6haY?%=?9gLMS4U=YFA~5Q=zYb}vJJArukF+r12hF6j(S z+r12hE-4JUq%i1`!l2NEL6;N;T~ZiyNt+{gH+D}R%y?V&n(tw0#htwE#iySd70B0>Y9|S4*#V7MmxgDud6Y;dG$lLj0^odm8 z)BwJhV)t^);_fFH3r>la;<|m~y4jAiHXN=$=gM-o9e!AURCBp)esIu~`!`Dti>=Bz zY(D$!k`G%-xvTT+=I_3lbBrlSC510bQG$n!?_-h{wAR^EL(!b>NoyhPx;!i71GJcxcCsH;mEW_!~+@uM7yx;2AGdTM) zPOSEIoGY;JPBz!8mJfl!4gtXq0$dzUjE))#9IP%I_VQmd?y48gdEflC=g|f~Mn_*p z$M?)l_t;rXSwRS4Q^8$!mg}_+c-36^-QjcXuSfrjT9+rcfON$2j)wO@dWXIy%U*tt zDtUn`A_8l`E_ml1wITYQ_$+a^uBQ6CMf)%85$JOGaYx@ozeP!)M}$LaAxDeKgWtpC5g2wmmP&hTC_TR1t12=vamj&L z4%d`D>r{DH3QksCa_!URPj8QfIq$jkNBwv5th37w*S`6?dG7wW_0_(fYTEbN`7A(Q f2L%ey%pdF~IwI@Wgw0t9%p?q+u6{1-oD!M Date: Fri, 21 Feb 2025 17:21:29 +0530 Subject: [PATCH 3/5] feat(client): direct modified, height added --- .../drawer-block/DrawerBlock.tsx | 7 +++--- .../block-defaults/drawer-block/config.tsx | 24 +++++++++---------- .../components/designer/menu/default-menu.ts | 1 + 3 files changed, 16 insertions(+), 16 deletions(-) diff --git a/packages/client/src/components/block-defaults/drawer-block/DrawerBlock.tsx b/packages/client/src/components/block-defaults/drawer-block/DrawerBlock.tsx index b96393e223..b465a448da 100644 --- a/packages/client/src/components/block-defaults/drawer-block/DrawerBlock.tsx +++ b/packages/client/src/components/block-defaults/drawer-block/DrawerBlock.tsx @@ -9,8 +9,9 @@ export interface DrawerBlockDef extends BlockDef<'drawer'> { widget: 'drawer'; data: { style: CSSProperties; - anchor: 'left' | 'right' | 'top' | 'bottom'; + anchor: 'left' | 'top'; drawerWidth: number; + drawerHeight: number | string; designMode: boolean; open: string | boolean | number; // Changed to string to store query }; @@ -57,13 +58,13 @@ export const DrawerBlock: BlockComponent = observer(({ id }) => { = { style: {}, anchor: 'left', drawerWidth: 240, + drawerHeight: '100%', designMode: true, // Default to design mode when first dropped open: '', // Default to closed }, @@ -71,6 +71,16 @@ export const config: BlockConfig = { /> ), }, + { + description: 'Drawer Height', + render: ({ id }) => ( + + ), + }, { description: 'Direction', render: ({ id }) => ( @@ -85,24 +95,12 @@ export const config: BlockConfig = { title: 'Top', isDefault: false, }, - { - value: 'bottom', - icon: ArrowUpward, - title: 'Bottom', - isDefault: false, - }, { value: 'left', icon: ArrowForward, title: 'Left', isDefault: true, }, - { - value: 'right', - icon: ArrowBack, - title: 'Right', - isDefault: false, - }, ]} /> ), diff --git a/packages/client/src/components/designer/menu/default-menu.ts b/packages/client/src/components/designer/menu/default-menu.ts index 3151d54add..b5c6b6e8cf 100644 --- a/packages/client/src/components/designer/menu/default-menu.ts +++ b/packages/client/src/components/designer/menu/default-menu.ts @@ -182,6 +182,7 @@ export const DEFAULT_MENU: DesignerMenuItem[] = [ open: false, anchor: 'left', drawerWidth: 240, + drawerHeight: '100%', designMode: true, }, listeners: {}, From 2663c4d789f2be6029a9e1ace0aaee5ed6f5d015 Mon Sep 17 00:00:00 2001 From: Paulson Robert Date: Mon, 24 Feb 2025 11:10:37 +0530 Subject: [PATCH 4/5] feat(client): renamed block, component, img name from drawer to sidebar-menu --- ...BLOCK_DRAWER.png => BLOCK_SIDEBARMENU.png} | Bin .../block-defaults/drawer-block/index.ts | 2 -- .../src/components/block-defaults/index.ts | 11 ++++--- .../SidebarMenuBlock.tsx} | 30 +++++++++--------- .../config.tsx | 24 +++++++------- .../sidebar-menu-block/index.ts | 2 ++ .../components/designer/menu/default-menu.ts | 12 +++---- 7 files changed, 42 insertions(+), 39 deletions(-) rename packages/client/src/assets/img/{BLOCK_DRAWER.png => BLOCK_SIDEBARMENU.png} (100%) delete mode 100644 packages/client/src/components/block-defaults/drawer-block/index.ts rename packages/client/src/components/block-defaults/{drawer-block/DrawerBlock.tsx => sidebar-menu-block/SidebarMenuBlock.tsx} (69%) rename packages/client/src/components/block-defaults/{drawer-block => sidebar-menu-block}/config.tsx (86%) create mode 100644 packages/client/src/components/block-defaults/sidebar-menu-block/index.ts diff --git a/packages/client/src/assets/img/BLOCK_DRAWER.png b/packages/client/src/assets/img/BLOCK_SIDEBARMENU.png similarity index 100% rename from packages/client/src/assets/img/BLOCK_DRAWER.png rename to packages/client/src/assets/img/BLOCK_SIDEBARMENU.png diff --git a/packages/client/src/components/block-defaults/drawer-block/index.ts b/packages/client/src/components/block-defaults/drawer-block/index.ts deleted file mode 100644 index 4b12d60ac4..0000000000 --- a/packages/client/src/components/block-defaults/drawer-block/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from './config'; -export * from './DrawerBlock'; diff --git a/packages/client/src/components/block-defaults/index.ts b/packages/client/src/components/block-defaults/index.ts index 58c7eb0080..5098f92f24 100644 --- a/packages/client/src/components/block-defaults/index.ts +++ b/packages/client/src/components/block-defaults/index.ts @@ -65,7 +65,10 @@ import { config as AccordionBlockConfig, AccordionBlockDef, } from './accordion-block'; -import { config as DrawerBlockConfig, DrawerBlockDef } from './drawer-block'; +import { + config as SidebarMenuBlockConfig, + SidebarMenuBlockDef, +} from './sidebar-menu-block'; export type DefaultBlockDefinitions = | AudioBlockDef @@ -103,7 +106,7 @@ export type DefaultBlockDefinitions = | PDFViewerBlockDef | ThemeBlockDef | AccordionBlockDef - | DrawerBlockDef; + | SidebarMenuBlockDef; export const DefaultBlocks: Registry = { [AudioBlockConfig.widget]: AudioBlockConfig, @@ -135,7 +138,7 @@ export const DefaultBlocks: Registry = { [PDFViewerBlockConfig.widget]: PDFViewerBlockConfig, [ThemeBlockConfig.widget]: ThemeBlockConfig, [AccordionBlockConfig.widget]: AccordionBlockConfig, - [DrawerBlockConfig.widget]: DrawerBlockConfig, + [SidebarMenuBlockConfig.widget]: SidebarMenuBlockConfig, }; export { @@ -164,5 +167,5 @@ export { PDFViewerBlockConfig, ThemeBlockConfig, AccordionBlockConfig, - DrawerBlockConfig, + SidebarMenuBlockConfig, }; diff --git a/packages/client/src/components/block-defaults/drawer-block/DrawerBlock.tsx b/packages/client/src/components/block-defaults/sidebar-menu-block/SidebarMenuBlock.tsx similarity index 69% rename from packages/client/src/components/block-defaults/drawer-block/DrawerBlock.tsx rename to packages/client/src/components/block-defaults/sidebar-menu-block/SidebarMenuBlock.tsx index b465a448da..6cff218431 100644 --- a/packages/client/src/components/block-defaults/drawer-block/DrawerBlock.tsx +++ b/packages/client/src/components/block-defaults/sidebar-menu-block/SidebarMenuBlock.tsx @@ -5,13 +5,13 @@ import { BlockDef, BlockComponent } from '@/stores'; import { Slot } from '@/components/blocks'; import { Drawer, Stack, styled, Box } from '@semoss/ui'; -export interface DrawerBlockDef extends BlockDef<'drawer'> { - widget: 'drawer'; +export interface SidebarMenuBlockDef extends BlockDef<'sidebar-menu'> { + widget: 'sidebar-menu'; data: { style: CSSProperties; anchor: 'left' | 'top'; - drawerWidth: number; - drawerHeight: number | string; + sidebarWidth: number; + sidebarHeight: number | string; designMode: boolean; open: string | boolean | number; // Changed to string to store query }; @@ -20,12 +20,12 @@ export interface DrawerBlockDef extends BlockDef<'drawer'> { }; } -const DrawerWrapper = styled(Box)<{ $visible: boolean }>(({ $visible }) => ({ +const SideBarWrapper = styled(Box)<{ $visible: boolean }>(({ $visible }) => ({ visibility: $visible ? 'visible' : 'hidden', })); -export const DrawerBlock: BlockComponent = observer(({ id }) => { - const { attrs, data, slots } = useBlock(id); +export const SidebarMenuBlock: BlockComponent = observer(({ id }) => { + const { attrs, data, slots } = useBlock(id); const { state } = useBlocks(); const isStatic = state.mode === 'static'; @@ -45,27 +45,27 @@ export const DrawerBlock: BlockComponent = observer(({ id }) => { }, [data.open]); // Helper to determine if modal should be shown - const shouldShowModal = isStatic + const shouldShowSidebar = isStatic ? data.designMode // In static mode, show when design mode is on : Boolean(open); // In interactive mode, show when query returns true // In static mode with design mode on, show as modal but without portal - if (!shouldShowModal && !isStatic) { + if (!shouldShowSidebar && !isStatic) { return <>; } return ( - + { - + ); }); diff --git a/packages/client/src/components/block-defaults/drawer-block/config.tsx b/packages/client/src/components/block-defaults/sidebar-menu-block/config.tsx similarity index 86% rename from packages/client/src/components/block-defaults/drawer-block/config.tsx rename to packages/client/src/components/block-defaults/sidebar-menu-block/config.tsx index 2c12e8b8e0..2633920f63 100644 --- a/packages/client/src/components/block-defaults/drawer-block/config.tsx +++ b/packages/client/src/components/block-defaults/sidebar-menu-block/config.tsx @@ -7,7 +7,7 @@ import { Schema, } from '@mui/icons-material'; import { BLOCK_TYPE_LAYOUT } from '../block-defaults.constants'; -import { DrawerBlock, DrawerBlockDef } from './DrawerBlock'; +import { SidebarMenuBlock, SidebarMenuBlockDef } from './SidebarMenuBlock'; import { ButtonGroupSettings, SizeSettings, @@ -19,14 +19,14 @@ import { buildBorderSection, } from '../block-defaults.shared'; -export const config: BlockConfig = { - widget: 'drawer', +export const config: BlockConfig = { + widget: 'sidebar-menu', type: BLOCK_TYPE_LAYOUT, data: { style: {}, anchor: 'left', - drawerWidth: 240, - drawerHeight: '100%', + sidebarWidth: 240, + sidebarHeight: '100%', designMode: true, // Default to design mode when first dropped open: '', // Default to closed }, @@ -34,7 +34,7 @@ export const config: BlockConfig = { slots: { content: [], }, - render: DrawerBlock, + render: SidebarMenuBlock, icon: Schema, contentMenu: [ { @@ -62,22 +62,22 @@ export const config: BlockConfig = { ), }, { - description: 'Drawer Width', + description: 'Sidebar Width', render: ({ id }) => ( ), }, { - description: 'Drawer Height', + description: 'Sidebar Height', render: ({ id }) => ( ), }, diff --git a/packages/client/src/components/block-defaults/sidebar-menu-block/index.ts b/packages/client/src/components/block-defaults/sidebar-menu-block/index.ts new file mode 100644 index 0000000000..73ec55c947 --- /dev/null +++ b/packages/client/src/components/block-defaults/sidebar-menu-block/index.ts @@ -0,0 +1,2 @@ +export * from './config'; +export * from './SidebarMenuBlock'; diff --git a/packages/client/src/components/designer/menu/default-menu.ts b/packages/client/src/components/designer/menu/default-menu.ts index a473491a3d..b3ecb7f798 100644 --- a/packages/client/src/components/designer/menu/default-menu.ts +++ b/packages/client/src/components/designer/menu/default-menu.ts @@ -33,7 +33,7 @@ import HTML_BLOCK from '@/assets/img/HTML_BLOCK_SM.png'; import BLOCK_MODAL from '@/assets/img/BLOCK_MODAL.png'; import BLOCK_THEME from '@/assets/img/BLOCK_THEME.png'; import BLOCK_ACCORDION from '@/assets/img/BLOCK_ACCORDION.png'; -import BLOCK_DRAWER from '@/assets/img/BLOCK_DRAWER.png'; +import BLOCK_SIDEBARMENU from '@/assets/img/BLOCK_SIDEBARMENU.png'; const SECTION_ELEMENT = 'Element'; const SECTION_INPUT = 'Input'; @@ -190,16 +190,16 @@ export const DEFAULT_MENU: DesignerMenuItem[] = [ }, { section: SECTION_LAYOUT, - image: BLOCK_DRAWER, - name: 'Drawer', + image: BLOCK_SIDEBARMENU, + name: 'Sidebar-Menu', json: { - widget: 'drawer', + widget: 'sidebar-menu', data: { style: {}, open: false, anchor: 'left', - drawerWidth: 240, - drawerHeight: '100%', + sidebarWidth: 240, + sidebarHeight: '100%', designMode: true, }, listeners: {}, From 47167c7e2bc4dc4a24f1a1a1e6a3fa69d16a05e0 Mon Sep 17 00:00:00 2001 From: Paulson Robert Date: Tue, 25 Feb 2025 13:31:32 +0530 Subject: [PATCH 5/5] Update index.ts --- packages/client/src/components/block-defaults/index.ts | 9 +-------- 1 file changed, 1 insertion(+), 8 deletions(-) diff --git a/packages/client/src/components/block-defaults/index.ts b/packages/client/src/components/block-defaults/index.ts index 5098f92f24..dee6d3a64d 100644 --- a/packages/client/src/components/block-defaults/index.ts +++ b/packages/client/src/components/block-defaults/index.ts @@ -65,10 +65,6 @@ import { config as AccordionBlockConfig, AccordionBlockDef, } from './accordion-block'; -import { - config as SidebarMenuBlockConfig, - SidebarMenuBlockDef, -} from './sidebar-menu-block'; export type DefaultBlockDefinitions = | AudioBlockDef @@ -105,8 +101,7 @@ export type DefaultBlockDefinitions = | RadioBlockDef | PDFViewerBlockDef | ThemeBlockDef - | AccordionBlockDef - | SidebarMenuBlockDef; + | AccordionBlockDef; export const DefaultBlocks: Registry = { [AudioBlockConfig.widget]: AudioBlockConfig, @@ -138,7 +133,6 @@ export const DefaultBlocks: Registry = { [PDFViewerBlockConfig.widget]: PDFViewerBlockConfig, [ThemeBlockConfig.widget]: ThemeBlockConfig, [AccordionBlockConfig.widget]: AccordionBlockConfig, - [SidebarMenuBlockConfig.widget]: SidebarMenuBlockConfig, }; export { @@ -167,5 +161,4 @@ export { PDFViewerBlockConfig, ThemeBlockConfig, AccordionBlockConfig, - SidebarMenuBlockConfig, };