@webiny/admin-ui 0.0.0-unstable.e53eceafb5

package/Sidebar/Sidebar.d.ts

@@ -0,0 +1,169 @@
+import * as React from "react";
+import { SidebarRoot } from "./components/SidebarRoot";
+import { SidebarContent } from "./components/SidebarContent";
+interface SidebarProps extends Omit<React.ComponentPropsWithoutRef<typeof SidebarRoot>, "title">, Omit<React.ComponentPropsWithoutRef<typeof SidebarContent>, "title"> {
+    title?: React.ReactNode;
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+}
+declare const Sidebar: ((props: SidebarProps) => React.JSX.Element) & {
+    original: (props: SidebarProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: SidebarProps) => React.JSX.Element) & {
+        original: (props: SidebarProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: SidebarProps) => React.JSX.Element) & {
+        original: (props: SidebarProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Item: ((props: import("./components/items/SidebarMenuItem").SidebarMenuItemProps) => React.JSX.Element) & {
+        original: (props: import("./components/items/SidebarMenuItem").SidebarMenuItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("./components/items/SidebarMenuItem").SidebarMenuItemProps) => React.JSX.Element) & {
+            original: (props: import("./components/items/SidebarMenuItem").SidebarMenuItemProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./components/items/SidebarMenuItem").SidebarMenuItemProps) => React.JSX.Element) & {
+            original: (props: import("./components/items/SidebarMenuItem").SidebarMenuItemProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Icon: (({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                original: ({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                original: ({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        Action: ({ element, ...props }: import("./components/items/SidebarMenuItemAction").SidebarMenuItemActionProps) => React.JSX.Element;
+    };
+    Link: ((props: import("./components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element) & {
+        original: (props: import("./components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("./components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element) & {
+            original: (props: import("./components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element) & {
+            original: (props: import("./components/items/SidebarMenuItem").SidebarMenuItemLinkProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Icon: (({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                original: ({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                original: ({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        Action: ({ element, ...props }: import("./components/items/SidebarMenuItemAction").SidebarMenuItemActionProps) => React.JSX.Element;
+    };
+    Group: ((props: import("./components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+        original: (props: import("./components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("./components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+            original: (props: import("./components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element) & {
+            original: (props: import("./components/items/SidebarMenuItem").SidebarMenuItemButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Icon: (({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                original: ({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+                original: ({ element, ...props }: import("./components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        };
+        Action: ({ element, ...props }: import("./components/items/SidebarMenuItemAction").SidebarMenuItemActionProps) => React.JSX.Element;
+    };
+    Icon: (({ element, ...props }: import("./components/SidebarIcon").SidebarIconProps) => React.JSX.Element) & {
+        original: ({ element, ...props }: import("./components/SidebarIcon").SidebarIconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ element, ...props }: import("./components/SidebarIcon").SidebarIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: import("./components/SidebarIcon").SidebarIconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: import("./components/SidebarIcon").SidebarIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: import("./components/SidebarIcon").SidebarIconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { Sidebar };

package/Sidebar/Sidebar.js

@@ -0,0 +1,55 @@
+import * as React from "react";
+import { makeDecoratable, withStaticProps } from "../utils";
+import { SidebarRoot } from "./components/SidebarRoot";
+import { SidebarHeader } from "./components/SidebarHeader";
+import { SidebarContent } from "./components/SidebarContent";
+import { SidebarIcon } from "./components/SidebarIcon";
+import { SidebarFooter } from "./components/SidebarFooter";
+import { SidebarMenuItem } from "./components/items/SidebarMenuItem";
+import { SidebarMenuLink } from "./components/items/SidebarMenuLink";
+import { SidebarMenuRoot } from "./components/items/SidebarMenuRoot";
+import { SidebarMenuGroup } from "./components/items/SidebarMenuGroup";
+const SidebarBase = props => {
+  const {
+    headerProps,
+    rootProps,
+    footerProps,
+    contentProps
+  } = React.useMemo(() => {
+    const {
+      // Header props.
+      title,
+      icon,
+      // Root props.
+      side,
+      // Footer props.
+      footer,
+      // Content props.
+      ...rest
+    } = props;
+    return {
+      headerProps: {
+        title,
+        icon
+      },
+      rootProps: {
+        side
+      },
+      footerProps: {
+        footer
+      },
+      contentProps: rest
+    };
+  }, [props]);
+  return /*#__PURE__*/React.createElement(SidebarRoot, rootProps, /*#__PURE__*/React.createElement(SidebarHeader, headerProps), /*#__PURE__*/React.createElement(SidebarContent, contentProps, /*#__PURE__*/React.createElement(SidebarMenuRoot, null, props.children)), /*#__PURE__*/React.createElement(SidebarFooter, null, /*#__PURE__*/React.createElement(SidebarMenuRoot, null, footerProps.footer)));
+};
+const DecoratableSidebar = makeDecoratable("Sidebar", SidebarBase);
+const Sidebar = withStaticProps(DecoratableSidebar, {
+  Item: SidebarMenuItem,
+  Link: SidebarMenuLink,
+  Group: SidebarMenuGroup,
+  Icon: SidebarIcon
+});
+export { Sidebar };
+
+//# sourceMappingURL=Sidebar.js.map

package/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","withStaticProps","SidebarRoot","SidebarHeader","SidebarContent","SidebarIcon","SidebarFooter","SidebarMenuItem","SidebarMenuLink","SidebarMenuRoot","SidebarMenuGroup","SidebarBase","props","headerProps","rootProps","footerProps","contentProps","useMemo","title","icon","side","footer","rest","createElement","children","DecoratableSidebar","Sidebar","Item","Link","Group","Icon"],"sources":["Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { SidebarRoot } from \"./components/SidebarRoot\";\nimport { SidebarHeader } from \"./components/SidebarHeader\";\nimport { SidebarContent } from \"./components/SidebarContent\";\nimport { SidebarIcon } from \"./components/SidebarIcon\";\nimport { SidebarFooter } from \"./components/SidebarFooter\";\nimport { SidebarMenuItem } from \"./components/items/SidebarMenuItem\";\nimport { SidebarMenuLink } from \"./components/items/SidebarMenuLink\";\nimport { SidebarMenuRoot } from \"./components/items/SidebarMenuRoot\";\nimport { SidebarMenuGroup } from \"~/Sidebar/components/items/SidebarMenuGroup\";\n\ninterface SidebarProps\n    extends Omit<React.ComponentPropsWithoutRef<typeof SidebarRoot>, \"title\">,\n        Omit<React.ComponentPropsWithoutRef<typeof SidebarContent>, \"title\"> {\n    title?: React.ReactNode;\n    icon?: React.ReactNode;\n    children: React.ReactNode;\n    footer?: React.ReactNode;\n}\n\nconst SidebarBase = (props: SidebarProps) => {\n    const { headerProps, rootProps, footerProps, contentProps } = React.useMemo(() => {\n        const {\n            // Header props.\n            title,\n            icon,\n\n            // Root props.\n            side,\n\n            // Footer props.\n            footer,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        return {\n            headerProps: {\n                title,\n                icon\n            },\n            rootProps: {\n                side\n            },\n            footerProps: {\n                footer\n            },\n            contentProps: rest\n        };\n    }, [props]);\n\n    return (\n        <SidebarRoot {...rootProps}>\n            <SidebarHeader {...headerProps} />\n            <SidebarContent {...contentProps}>\n                <SidebarMenuRoot>{props.children}</SidebarMenuRoot>\n            </SidebarContent>\n            <SidebarFooter>\n                <SidebarMenuRoot>{footerProps.footer}</SidebarMenuRoot>\n            </SidebarFooter>\n        </SidebarRoot>\n    );\n};\n\nconst DecoratableSidebar = makeDecoratable(\"Sidebar\", SidebarBase);\n\nconst Sidebar = withStaticProps(DecoratableSidebar, {\n    Item: SidebarMenuItem,\n    Link: SidebarMenuLink,\n    Group: SidebarMenuGroup,\n    Icon: SidebarIcon\n});\n\nexport { Sidebar };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,gBAAgB;AAWzB,MAAMC,WAAW,GAAIC,KAAmB,IAAK;EACzC,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAAGjB,KAAK,CAACkB,OAAO,CAAC,MAAM;IAC9E,MAAM;MACF;MACAC,KAAK;MACLC,IAAI;MAEJ;MACAC,IAAI;MAEJ;MACAC,MAAM;MAEN;MACA,GAAGC;IACP,CAAC,GAAGV,KAAK;IAET,OAAO;MACHC,WAAW,EAAE;QACTK,KAAK;QACLC;MACJ,CAAC;MACDL,SAAS,EAAE;QACPM;MACJ,CAAC;MACDL,WAAW,EAAE;QACTM;MACJ,CAAC;MACDL,YAAY,EAAEM;IAClB,CAAC;EACL,CAAC,EAAE,CAACV,KAAK,CAAC,CAAC;EAEX,oBACIb,KAAA,CAAAwB,aAAA,CAACrB,WAAW,EAAKY,SAAS,eACtBf,KAAA,CAAAwB,aAAA,CAACpB,aAAa,EAAKU,WAAc,CAAC,eAClCd,KAAA,CAAAwB,aAAA,CAACnB,cAAc,EAAKY,YAAY,eAC5BjB,KAAA,CAAAwB,aAAA,CAACd,eAAe,QAAEG,KAAK,CAACY,QAA0B,CACtC,CAAC,eACjBzB,KAAA,CAAAwB,aAAA,CAACjB,aAAa,qBACVP,KAAA,CAAAwB,aAAA,CAACd,eAAe,QAAEM,WAAW,CAACM,MAAwB,CAC3C,CACN,CAAC;AAEtB,CAAC;AAED,MAAMI,kBAAkB,GAAGzB,eAAe,CAAC,SAAS,EAAEW,WAAW,CAAC;AAElE,MAAMe,OAAO,GAAGzB,eAAe,CAACwB,kBAAkB,EAAE;EAChDE,IAAI,EAAEpB,eAAe;EACrBqB,IAAI,EAAEpB,eAAe;EACrBqB,KAAK,EAAEnB,gBAAgB;EACvBoB,IAAI,EAAEzB;AACV,CAAC,CAAC;AAEF,SAASqB,OAAO","ignoreList":[]}

package/Sidebar/Sidebar.mdx

@@ -0,0 +1,210 @@
+import { Canvas, Meta, Controls } from '@storybook/blocks';
+
+import * as SidebarStories from './Sidebar.stories';
+
+<Meta of={SidebarStories} />
+
+# Sidebar
+
+The Sidebar component is a navigation element that provides a collapsible and expandable menu structure for application navigation. It supports nested menu items, links, groups, and icons, making it ideal for organizing complex navigation hierarchies.
+
+## Usage
+
+<Canvas of={SidebarStories.MainMenu} source={ { code: `
+import React from "react";
+import { Sidebar, SidebarProvider } from "@webiny/admin-ui";
+import { ReactComponent as CmsIcon } from "@webiny/icons/web.svg";
+import { ReactComponent as PageBuilderIcon } from "@webiny/icons/table_chart.svg";
+
+const SidebarExample = () => {
+    return (
+        <SidebarProvider>
+            <Sidebar
+                title={"Webiny"}
+                icon={
+                    <Sidebar.Icon
+                        element={<img src="/logo.png" alt="Webiny" />}
+                        label={"Webiny"}
+                    />
+                }
+            >
+                <Sidebar.Link
+                    text={"Headless CMS"}
+                    to={"/cms"}
+                    icon={<Sidebar.Item.Icon label="Headless CMS" element={<CmsIcon />} />}
+                />
+                <Sidebar.Item
+                    text={"Page Builder"}
+                    icon={<Sidebar.Item.Icon label="Page Builder" element={<PageBuilderIcon />} />}
+                >
+                    <Sidebar.Group text={"Pages"} />
+                    <Sidebar.Link
+                        to={"/page-builder/pages"}
+                        text={"Pages"}
+                    />
+                    <Sidebar.Link
+                        to={"/page-builder/templates"}
+                        text={"Templates"}
+                    />
+                </Sidebar.Item>
+            </Sidebar>
+        </SidebarProvider>
+    );
+};
+
+export default SidebarExample;
+
+` } }
+        additionalActions={[
+            {
+                title: 'Open in GitHub',
+                onClick: () => {
+                    window.open(
+                        'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Sidebar/Sidebar.tsx',
+                        '_blank'
+                    );
+                },
+            }
+        ]}
+/>
+
+```tsx
+import React from "react";
+import { Sidebar, SidebarProvider } from "@webiny/admin-ui";
+import { ReactComponent as CmsIcon } from "@webiny/icons/web.svg";
+import { ReactComponent as PageBuilderIcon } from "@webiny/icons/table_chart.svg";
+
+const SidebarExample = () => {
+    return (
+        <SidebarProvider>
+            <Sidebar
+                title={"Webiny"}
+                icon={
+                    <Sidebar.Icon
+                        element={<img src="/logo.png" alt="Webiny" />}
+                        label={"Webiny"}
+                    />
+                }
+            >
+                <Sidebar.Link
+                    text={"Headless CMS"}
+                    to={"/cms"}
+                    icon={<Sidebar.Item.Icon label="Headless CMS" element={<CmsIcon />} />}
+                />
+                <Sidebar.Item
+                    text={"Page Builder"}
+                    icon={<Sidebar.Item.Icon label="Page Builder" element={<PageBuilderIcon />} />}
+                >
+                    <Sidebar.Group text={"Pages"} />
+                    <Sidebar.Link
+                        to={"/page-builder/pages"}
+                        text={"Pages"}
+                    />
+                    <Sidebar.Link
+                        to={"/page-builder/templates"}
+                        text={"Templates"}
+                    />
+                </Sidebar.Item>
+            </Sidebar>
+        </SidebarProvider>
+    );
+};
+
+export default SidebarExample;
+```
+
+## Components
+
+The Sidebar component is composed of several subcomponents that work together to create a complete navigation experience:
+
+### Sidebar
+
+The main container component that holds the entire sidebar structure.
+
+```jsx
+<Sidebar
+    title="Application Title"
+    icon={<Sidebar.Icon element={<Logo />} label="Logo" />}
+    footer={<FooterContent />}
+>
+    {/* Menu items */}
+</Sidebar>
+```
+
+### Sidebar.Item
+
+Used to create menu items that can either be clickable or serve as containers for nested items.
+
+```jsx
+// Clickable item
+<Sidebar.Item
+    text="Settings"
+    icon={<Sidebar.Item.Icon label="Settings" element={<SettingsIcon />} />}
+    onClick={() => handleClick()}
+/>
+
+// Container for nested items
+<Sidebar.Item
+    text="Content"
+    icon={<Sidebar.Item.Icon label="Content" element={<ContentIcon />} />}
+>
+    {/* Nested items */}
+</Sidebar.Item>
+```
+
+### Sidebar.Link
+
+Used to create menu items that link to different routes in the application.
+
+```jsx
+<Sidebar.Link
+    text="Dashboard"
+    to="/dashboard"
+    icon={<Sidebar.Item.Icon label="Dashboard" element={<DashboardIcon />} />}
+    active={currentPath === "/dashboard"}
+/>
+```
+
+### Sidebar.Group
+
+Used to create group labels for organizing related menu items.
+
+```jsx
+<Sidebar.Group text="Settings" />
+<Sidebar.Link text="General" to="/settings/general" />
+<Sidebar.Link text="Security" to="/settings/security" />
+```
+
+### Sidebar.Icon
+
+Used to create icons for the sidebar header or menu items.
+
+```jsx
+<Sidebar.Icon element={<Logo />} label="Application Logo" />
+```
+
+## Features
+
+### Collapsible/Expandable
+
+The sidebar can be collapsed to save space or expanded to show full menu text. It automatically collapses when the mouse leaves and expands when the mouse enters.
+
+### Pinnable
+
+Users can pin the sidebar to keep it expanded permanently, which is useful for frequent navigation.
+
+### Nested Navigation
+
+Support for nested menu items allows for organizing complex navigation hierarchies.
+
+### Active State
+
+Menu items can be marked as active to indicate the current location in the application.
+
+### Disabled State
+
+Menu items can be disabled to indicate that they are not currently available.
+
+### Footer Content
+
+The sidebar supports footer content, which is useful for displaying additional information or actions at the bottom of the sidebar.

package/Sidebar/Sidebar.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Sidebar } from "./Sidebar";
+declare const meta: Meta<typeof Sidebar>;
+export default meta;
+type Story = StoryObj<typeof Sidebar>;
+export declare const MainMenu: Story;

package/Sidebar/Sidebar.stories.js

@@ -0,0 +1,166 @@
+import React from "react";
+import { BrowserRouter, Route, Routes, useLocation } from "@webiny/react-router";
+import { ReactComponent as AuditLogsIcon } from "@webiny/icons/assignment.svg";
+import { ReactComponent as FormBuilderIcon } from "@webiny/icons/check_box.svg";
+import { ReactComponent as CmsIcon } from "@webiny/icons/web.svg";
+import { ReactComponent as PageBuilderIcon } from "@webiny/icons/table_chart.svg";
+import { ReactComponent as InfoIcon } from "@webiny/icons/info.svg";
+import { ReactComponent as ChatIcon } from "@webiny/icons/chat.svg";
+import { ReactComponent as GithubIcon } from "@webiny/icons/gite.svg";
+import { ReactComponent as DocsIcon } from "@webiny/icons/summarize.svg";
+import { ReactComponent as ApiPlaygroundIcon } from "@webiny/icons/swap_horiz.svg";
+import { ReactComponent as MoreVertIcon } from "@webiny/icons/more_vert.svg";
+import { ReactComponent as FileManagerIcon } from "@webiny/icons/insert_drive_file.svg";
+import { Sidebar } from "./Sidebar";
+import { SidebarProvider } from "./components/SidebarProvider";
+import { DropdownMenu } from "../DropdownMenu";
+import { Tag } from "../Tag";
+import { Tooltip } from "../Tooltip";
+const meta = {
+  title: "Components/Sidebar",
+  component: Sidebar,
+  parameters: {
+    layout: "fullscreen"
+  },
+  // We removed this because in the "all stories" view, the menu gets visually
+  // broken because of the fixed positioning of the sidebar. This is not a problem
+  // when the story is viewed in isolation.
+  // tags: ["autodocs"],
+
+  argTypes: {},
+  decorators: [Story => /*#__PURE__*/React.createElement(Tooltip.Provider, null, /*#__PURE__*/React.createElement(Story, null))]
+};
+export default meta;
+export const MainMenu = {
+  render: () => /*#__PURE__*/React.createElement(BrowserRouter, null, /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
+    path: "*",
+    element: /*#__PURE__*/React.createElement(SidebarComponent, null)
+  })))
+};
+const SidebarComponent = () => {
+  const {
+    hash
+  } = useLocation();
+  return /*#__PURE__*/React.createElement(SidebarProvider, null, /*#__PURE__*/React.createElement(Sidebar, {
+    title: "Webiny",
+    icon: /*#__PURE__*/React.createElement(Sidebar.Icon, {
+      element: /*#__PURE__*/React.createElement("img", {
+        src: "/images/wby-logo.png",
+        alt: "Webiny"
+      }),
+      label: "Webiny"
+    }),
+    footer: /*#__PURE__*/React.createElement(DropdownMenu, {
+      trigger: /*#__PURE__*/React.createElement(Sidebar.Item, {
+        icon: /*#__PURE__*/React.createElement(Sidebar.Item.Icon, {
+          label: "Settings",
+          element: /*#__PURE__*/React.createElement(InfoIcon, null)
+        }),
+        text: "Support",
+        action: /*#__PURE__*/React.createElement(Sidebar.Item.Action, {
+          element: /*#__PURE__*/React.createElement(MoreVertIcon, null)
+        })
+      }),
+      className: "wby-w-[225px]"
+    }, /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      content: "API Playground",
+      icon: /*#__PURE__*/React.createElement(ApiPlaygroundIcon, null)
+    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      content: "Documentation",
+      icon: /*#__PURE__*/React.createElement(DocsIcon, null)
+    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      content: "GitHub",
+      icon: /*#__PURE__*/React.createElement(GithubIcon, null)
+    }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      content: "Slack",
+      icon: /*#__PURE__*/React.createElement(ChatIcon, null)
+    }), /*#__PURE__*/React.createElement(DropdownMenu.Separator, null), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      text: /*#__PURE__*/React.createElement("div", {
+        className: "flex wby-items-center"
+      }, "Webiny 5.43.0", /*#__PURE__*/React.createElement(Tag, {
+        variant: "accent",
+        content: "WCP ",
+        className: "wby-ml-sm-extra"
+      }))
+    }))
+  }, /*#__PURE__*/React.createElement(Sidebar.Link, {
+    text: "Audit Logs",
+    to: "#audit-logs",
+    active: hash === "#audit-logs",
+    icon: /*#__PURE__*/React.createElement(Sidebar.Item.Icon, {
+      label: "Audit Logs",
+      element: /*#__PURE__*/React.createElement(AuditLogsIcon, null)
+    })
+  }), /*#__PURE__*/React.createElement(Sidebar.Link, {
+    text: "Form Builder",
+    to: "#form-builder",
+    active: hash === "#form-builder",
+    icon: /*#__PURE__*/React.createElement(Sidebar.Item.Icon, {
+      label: "Form Builder",
+      element: /*#__PURE__*/React.createElement(FormBuilderIcon, null)
+    })
+  }), /*#__PURE__*/React.createElement(Sidebar.Item, {
+    text: "File Manager",
+    onClick: () => {
+      alert("File Manager clicked");
+    },
+    icon: /*#__PURE__*/React.createElement(Sidebar.Item.Icon, {
+      label: "File Manager",
+      element: /*#__PURE__*/React.createElement(FileManagerIcon, null)
+    })
+  }), /*#__PURE__*/React.createElement(Sidebar.Item, {
+    text: "Headless CMS",
+    icon: /*#__PURE__*/React.createElement(Sidebar.Item.Icon, {
+      label: "Headless CMS",
+      element: /*#__PURE__*/React.createElement(CmsIcon, null)
+    })
+  }, /*#__PURE__*/React.createElement(Sidebar.Group, {
+    text: "Content Models"
+  }), /*#__PURE__*/React.createElement(Sidebar.Link, {
+    text: "Groups",
+    to: "#cms-groups",
+    active: hash === "#cms-groups"
+  }), /*#__PURE__*/React.createElement(Sidebar.Link, {
+    text: "Models",
+    to: "#cms-models",
+    active: hash === "#cms-models"
+  })), /*#__PURE__*/React.createElement(Sidebar.Item, {
+    text: "Page Builder",
+    icon: /*#__PURE__*/React.createElement(Sidebar.Item.Icon, {
+      label: "Page Builder",
+      element: /*#__PURE__*/React.createElement(PageBuilderIcon, null)
+    })
+  }, /*#__PURE__*/React.createElement(Sidebar.Group, {
+    text: "Blocks"
+  }), /*#__PURE__*/React.createElement(Sidebar.Link, {
+    text: "Blocks",
+    to: "#pb-blocks",
+    active: hash === "#pb-blocks"
+  }), /*#__PURE__*/React.createElement(Sidebar.Link, {
+    text: "Categories",
+    to: "#pb-blocks-categories",
+    active: hash === "#pb-blocks-categories"
+  }), /*#__PURE__*/React.createElement(Sidebar.Group, {
+    text: "Pages",
+    active: hash === `#pb-pages`
+  }), /*#__PURE__*/React.createElement(Sidebar.Link, {
+    to: "#pb-pages-categories",
+    text: "Categories",
+    active: hash === `#pb-pages-categories`
+  }), /*#__PURE__*/React.createElement(Sidebar.Link, {
+    to: "#pb-pages-menus",
+    text: "Menus",
+    active: hash === `#pb-pages-menus`
+  }), /*#__PURE__*/React.createElement(Sidebar.Link, {
+    to: "#pb-pages-pages",
+    text: "Pages",
+    active: hash === `#pb-pages-pages`
+  }), /*#__PURE__*/React.createElement(Sidebar.Link, {
+    to: "#pb-pages-templates",
+    text: "Templates",
+    disabled: true,
+    active: hash === `#pb-pages-templates`
+  }))));
+};
+
+//# sourceMappingURL=Sidebar.stories.js.map

package/Sidebar/Sidebar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","BrowserRouter","Route","Routes","useLocation","ReactComponent","AuditLogsIcon","FormBuilderIcon","CmsIcon","PageBuilderIcon","InfoIcon","ChatIcon","GithubIcon","DocsIcon","ApiPlaygroundIcon","MoreVertIcon","FileManagerIcon","Sidebar","SidebarProvider","DropdownMenu","Tag","Tooltip","meta","title","component","parameters","layout","argTypes","decorators","Story","createElement","Provider","MainMenu","render","path","element","SidebarComponent","hash","icon","Icon","src","alt","label","footer","trigger","Item","text","action","Action","className","content","Separator","variant","Link","to","active","onClick","alert","Group","disabled"],"sources":["Sidebar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { BrowserRouter, Route, Routes, useLocation } from \"@webiny/react-router\";\nimport { ReactComponent as AuditLogsIcon } from \"@webiny/icons/assignment.svg\";\nimport { ReactComponent as FormBuilderIcon } from \"@webiny/icons/check_box.svg\";\nimport { ReactComponent as CmsIcon } from \"@webiny/icons/web.svg\";\nimport { ReactComponent as PageBuilderIcon } from \"@webiny/icons/table_chart.svg\";\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { ReactComponent as ChatIcon } from \"@webiny/icons/chat.svg\";\nimport { ReactComponent as GithubIcon } from \"@webiny/icons/gite.svg\";\nimport { ReactComponent as DocsIcon } from \"@webiny/icons/summarize.svg\";\nimport { ReactComponent as ApiPlaygroundIcon } from \"@webiny/icons/swap_horiz.svg\";\nimport { ReactComponent as MoreVertIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as FileManagerIcon } from \"@webiny/icons/insert_drive_file.svg\";\nimport { Sidebar } from \"./Sidebar\";\nimport { SidebarProvider } from \"~/Sidebar/components/SidebarProvider\";\nimport { DropdownMenu } from \"~/DropdownMenu\";\nimport { Tag } from \"~/Tag\";\nimport { Tooltip } from \"~/Tooltip\";\n\nconst meta: Meta<typeof Sidebar> = {\n    title: \"Components/Sidebar\",\n    component: Sidebar,\n\n    parameters: {\n        layout: \"fullscreen\"\n    },\n\n    // We removed this because in the \"all stories\" view, the menu gets visually\n    // broken because of the fixed positioning of the sidebar. This is not a problem\n    // when the story is viewed in isolation.\n    // tags: [\"autodocs\"],\n\n    argTypes: {},\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <Story />\n            </Tooltip.Provider>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Sidebar>;\n\nexport const MainMenu: Story = {\n    render: () => (\n        <BrowserRouter>\n            <Routes>\n                <Route path={\"*\"} element={<SidebarComponent />} />\n            </Routes>\n        </BrowserRouter>\n    )\n};\n\nconst SidebarComponent = () => {\n    const { hash } = useLocation();\n\n    return (\n        <SidebarProvider>\n            <Sidebar\n                title={\"Webiny\"}\n                icon={\n                    <Sidebar.Icon\n                        element={<img src=\"/images/wby-logo.png\" alt=\"Webiny\" />}\n                        label={\"Webiny\"}\n                    />\n                }\n                footer={\n                    <DropdownMenu\n                        trigger={\n                            <Sidebar.Item\n                                icon={<Sidebar.Item.Icon label=\"Settings\" element={<InfoIcon />} />}\n                                text={\"Support\"}\n                                action={<Sidebar.Item.Action element={<MoreVertIcon />} />}\n                            />\n                        }\n                        className={\"wby-w-[225px]\"}\n                    >\n                        <DropdownMenu.Item\n                            content={\"API Playground\"}\n                            icon={<ApiPlaygroundIcon />}\n                        />\n                        <DropdownMenu.Item content={\"Documentation\"} icon={<DocsIcon />} />\n                        <DropdownMenu.Item content={\"GitHub\"} icon={<GithubIcon />} />\n                        <DropdownMenu.Item content={\"Slack\"} icon={<ChatIcon />} />\n                        <DropdownMenu.Separator />\n                        <DropdownMenu.Item\n                            text={\n                                <div className={\"flex wby-items-center\"}>\n                                    Webiny 5.43.0\n                                    <Tag\n                                        variant={\"accent\"}\n                                        content={\"WCP \"}\n                                        className={\"wby-ml-sm-extra\"}\n                                    />\n                                </div>\n                            }\n                        />\n                    </DropdownMenu>\n                }\n            >\n                <Sidebar.Link\n                    text={\"Audit Logs\"}\n                    to={\"#audit-logs\"}\n                    active={hash === \"#audit-logs\"}\n                    icon={<Sidebar.Item.Icon label=\"Audit Logs\" element={<AuditLogsIcon />} />}\n                />\n                <Sidebar.Link\n                    text={\"Form Builder\"}\n                    to={\"#form-builder\"}\n                    active={hash === \"#form-builder\"}\n                    icon={<Sidebar.Item.Icon label=\"Form Builder\" element={<FormBuilderIcon />} />}\n                />\n                <Sidebar.Item\n                    text={\"File Manager\"}\n                    onClick={() => {\n                        alert(\"File Manager clicked\");\n                    }}\n                    icon={<Sidebar.Item.Icon label=\"File Manager\" element={<FileManagerIcon />} />}\n                />\n                <Sidebar.Item\n                    text={\"Headless CMS\"}\n                    icon={<Sidebar.Item.Icon label=\"Headless CMS\" element={<CmsIcon />} />}\n                >\n                    <Sidebar.Group text={\"Content Models\"} />\n                    <Sidebar.Link\n                        text={\"Groups\"}\n                        to={\"#cms-groups\"}\n                        active={hash === \"#cms-groups\"}\n                    />\n                    <Sidebar.Link\n                        text={\"Models\"}\n                        to={\"#cms-models\"}\n                        active={hash === \"#cms-models\"}\n                    />\n                </Sidebar.Item>\n                <Sidebar.Item\n                    text={\"Page Builder\"}\n                    icon={<Sidebar.Item.Icon label=\"Page Builder\" element={<PageBuilderIcon />} />}\n                >\n                    <Sidebar.Group text={\"Blocks\"} />\n                    <Sidebar.Link\n                        text={\"Blocks\"}\n                        to={\"#pb-blocks\"}\n                        active={hash === \"#pb-blocks\"}\n                    />\n                    <Sidebar.Link\n                        text={\"Categories\"}\n                        to={\"#pb-blocks-categories\"}\n                        active={hash === \"#pb-blocks-categories\"}\n                    />\n\n                    <Sidebar.Group text={\"Pages\"} active={hash === `#pb-pages`} />\n                    <Sidebar.Link\n                        to={\"#pb-pages-categories\"}\n                        text={\"Categories\"}\n                        active={hash === `#pb-pages-categories`}\n                    />\n                    <Sidebar.Link\n                        to={\"#pb-pages-menus\"}\n                        text={\"Menus\"}\n                        active={hash === `#pb-pages-menus`}\n                    />\n                    <Sidebar.Link\n                        to={\"#pb-pages-pages\"}\n                        text={\"Pages\"}\n                        active={hash === `#pb-pages-pages`}\n                    />\n                    <Sidebar.Link\n                        to={\"#pb-pages-templates\"}\n                        text={\"Templates\"}\n                        disabled={true}\n                        active={hash === `#pb-pages-templates`}\n                    />\n                </Sidebar.Item>\n            </Sidebar>\n        </SidebarProvider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}