@orbe-agro/client-core-prod 5.6.135 → 5.6.137

package/dist/@ecme/assets/styles/app.css

@@ -4493,9 +4493,6 @@ hr:is(.dark *){
 .-left-2{
   left: -0.5rem;
 }
-.-left-3{
-  left: -0.75rem;
-}
 .-right-2{
   right: -0.5rem;
 }
@@ -4556,9 +4553,6 @@ hr:is(.dark *){
 .z-10{
   z-index: 10;
 }
-.z-20{
-  z-index: 20;
-}
 .z-30{
   z-index: 30;
 }
@@ -5275,9 +5269,6 @@ hr:is(.dark *){
 .min-w-\[330px\]{
   min-width: 330px;
 }
-.min-w-\[calc\(100\%\+1\.5rem\)\]{
-  min-width: calc(100% + 1.5rem);
-}
 .min-w-full{
   min-width: 100%;
 }
@@ -5624,6 +5615,9 @@ hr:is(.dark *){
 .text-clip{
   text-overflow: clip;
 }
+.whitespace-normal{
+  white-space: normal;
+}
 .whitespace-nowrap{
   white-space: nowrap;
 }
@@ -7096,9 +7090,6 @@ hr:is(.dark *){
 .active\:bg-gray-100:active{
   background-color: var(--gray-100);
 }
-.group\/item:hover .group-hover\/item\:block{
-  display: block;
-}
 .group:hover .group-hover\:block{
   display: block;
 }
@@ -7143,9 +7134,6 @@ hr:is(.dark *){
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.group\/item:focus-visible .group-focus-visible\/item\:block{
-  display: block;
-}
 .group.active .group-\[\.active\]\:bg-white{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

package/dist/@ecme/assets/styles/tailwind/index.css

@@ -1165,9 +1165,6 @@ video {
 .-left-2 {
   left: -0.5rem;
 }
-.-left-3 {
-  left: -0.75rem;
-}
 .-right-2 {
   right: -0.5rem;
 }
@@ -1228,9 +1225,6 @@ video {
 .z-10 {
   z-index: 10;
 }
-.z-20 {
-  z-index: 20;
-}
 .z-30 {
   z-index: 30;
 }
@@ -1947,9 +1941,6 @@ video {
 .min-w-\[330px\] {
   min-width: 330px;
 }
-.min-w-\[calc\(100\%\+1\.5rem\)\] {
-  min-width: calc(100% + 1.5rem);
-}
 .min-w-full {
   min-width: 100%;
 }
@@ -2298,6 +2289,9 @@ video {
 .text-clip {
   text-overflow: clip;
 }
+.whitespace-normal {
+  white-space: normal;
+}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -3770,9 +3764,6 @@ video {
 .active\:bg-gray-100:active {
   background-color: var(--gray-100);
 }
-.group\/item:hover .group-hover\/item\:block {
-  display: block;
-}
 .group:hover .group-hover\:block {
   display: block;
 }
@@ -3817,9 +3808,6 @@ video {
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.group\/item:focus-visible .group-focus-visible\/item\:block {
-  display: block;
-}
 .group.active .group-\[\.active\]\:bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

package/dist/@ecme/components/index.js

@@ -94,9 +94,10 @@ import { Timeline } from "./ui/Timeline/index.js";
 import { default as default73 } from "./shared/ToggleDrawer.js";
 import { default as default74 } from "./ui/Tooltip/Tooltip.js";
 import { default as default75 } from "./ui/Upload/Upload.js";
-import { default as default76 } from "./shared/UsersAvatarGroup.js";
-import { default as default77 } from "./ui/hooks/index.js";
-import { default as default78 } from "./ui/toast/toast.js";
+import { default as default76 } from "./ui/UploadCustom/UploadCustom.js";
+import { default as default77 } from "./shared/UsersAvatarGroup.js";
+import { default as default78 } from "./ui/hooks/index.js";
+import { default as default79 } from "./ui/toast/toast.js";
 export {
   default5 as AbbreviateNumber,
   default6 as ActionLink,
@@ -189,8 +190,9 @@ export {
   default73 as ToggleDrawer,
   default74 as Tooltip,
   default75 as Upload,
-  default76 as UsersAvatarGroup,
-  default77 as hooks,
-  default78 as toast
+  default76 as UploadCustom,
+  default77 as UsersAvatarGroup,
+  default78 as hooks,
+  default79 as toast
 };
 //# sourceMappingURL=index.js.map

package/dist/@ecme/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/CollapsibleSide.stories.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import CollapsibleSide from "./CollapsibleSide.js";
+const meta = {
+  title: "@ecme/Layouts/PostLogin/CollapsibleSide",
+  component: CollapsibleSide,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(Story, {}) })
+  ]
+};
+const Default = {
+  args: {
+    pageTitle: "Dashboard"
+  },
+  render: (args) => /* @__PURE__ */ jsx(CollapsibleSide, { ...args, children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "rounded border border-gray-200 p-4", children: "Conteudo da pagina" }) }) })
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=CollapsibleSide.stories.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/CollapsibleSide.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSide.stories.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/CollapsibleSide.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\nimport CollapsibleSide from './CollapsibleSide'\n\nconst meta = {\n    title: '@ecme/Layouts/PostLogin/CollapsibleSide',\n    component: CollapsibleSide,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <Story />\n            </BrowserRouter>\n        ),\n    ],\n} satisfies Meta<typeof CollapsibleSide>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    args: {\n        pageTitle: 'Dashboard',\n    },\n    render: (args) => (\n        <CollapsibleSide {...args}>\n            <div className=\"p-4\">\n                <div className=\"rounded border border-gray-200 p-4\">\n                    Conteudo da pagina\n                </div>\n            </div>\n        </CollapsibleSide>\n    ),\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,UAAA,oBAAC,SAAM,EAAA,CACX;AAAA,EAAA;AAGZ;AAMO,MAAM,UAAkB;AAAA,EAC3B,MAAM;AAAA,IACF,WAAW;AAAA,EAAA;AAAA,EAEf,QAAQ,CAAC,SACL,oBAAC,iBAAA,EAAiB,GAAG,MACjB,UAAA,oBAAC,OAAA,EAAI,WAAU,OACX,UAAA,oBAAC,OAAA,EAAI,WAAU,sCAAqC,UAAA,sBAEpD,GACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.stories.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import ContentOverlay from "./ContentOverlay.js";
+const meta = {
+  title: "@ecme/Layouts/PostLogin/ContentOverlay",
+  component: ContentOverlay,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(Story, {}) })
+  ]
+};
+const Default = {
+  render: () => /* @__PURE__ */ jsx(ContentOverlay, { children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "rounded border border-gray-200 bg-white p-4 dark:bg-gray-900", children: "Conteudo da pagina" }) }) })
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=ContentOverlay.stories.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentOverlay.stories.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\nimport ContentOverlay from './ContentOverlay'\n\nconst meta = {\n    title: '@ecme/Layouts/PostLogin/ContentOverlay',\n    component: ContentOverlay,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <Story />\n            </BrowserRouter>\n        ),\n    ],\n} satisfies Meta<typeof ContentOverlay>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    render: () => (\n        <ContentOverlay>\n            <div className=\"p-4\">\n                <div className=\"rounded border border-gray-200 bg-white p-4 dark:bg-gray-900\">\n                    Conteudo da pagina\n                </div>\n            </div>\n        </ContentOverlay>\n    ),\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,UAAA,oBAAC,SAAM,EAAA,CACX;AAAA,EAAA;AAGZ;AAMO,MAAM,UAAkB;AAAA,EAC3B,QAAQ,MACJ,oBAAC,gBAAA,EACG,8BAAC,OAAA,EAAI,WAAU,OACX,UAAA,oBAAC,OAAA,EAAI,WAAU,gEAA+D,UAAA,sBAE9E,GACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/FrameLessSide.stories.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import FrameLessSide from "./FrameLessSide.js";
+const meta = {
+  title: "@ecme/Layouts/PostLogin/FrameLessSide",
+  component: FrameLessSide,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(Story, {}) })
+  ]
+};
+const Default = {
+  render: () => /* @__PURE__ */ jsx(FrameLessSide, { children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "rounded border border-gray-200 bg-white p-4 dark:bg-gray-900", children: "Conteudo da pagina" }) }) })
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=FrameLessSide.stories.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/FrameLessSide.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameLessSide.stories.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/FrameLessSide.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\nimport FrameLessSide from './FrameLessSide'\n\nconst meta = {\n    title: '@ecme/Layouts/PostLogin/FrameLessSide',\n    component: FrameLessSide,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <Story />\n            </BrowserRouter>\n        ),\n    ],\n} satisfies Meta<typeof FrameLessSide>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    render: () => (\n        <FrameLessSide>\n            <div className=\"p-4\">\n                <div className=\"rounded border border-gray-200 bg-white p-4 dark:bg-gray-900\">\n                    Conteudo da pagina\n                </div>\n            </div>\n        </FrameLessSide>\n    ),\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,UAAA,oBAAC,SAAM,EAAA,CACX;AAAA,EAAA;AAGZ;AAMO,MAAM,UAAkB;AAAA,EAC3B,QAAQ,MACJ,oBAAC,eAAA,EACG,8BAAC,OAAA,EAAI,WAAU,OACX,UAAA,oBAAC,OAAA,EAAI,WAAU,gEAA+D,UAAA,sBAE9E,GACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/StackedSide.stories.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import StackedSide from "./StackedSide.js";
+const meta = {
+  title: "@ecme/Layouts/PostLogin/StackedSide",
+  component: StackedSide,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(Story, {}) })
+  ]
+};
+const Default = {
+  args: {
+    pageTitle: "Dashboard"
+  },
+  render: (args) => /* @__PURE__ */ jsx(StackedSide, { ...args, children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "rounded border border-gray-200 p-4", children: "Conteudo da pagina" }) }) })
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=StackedSide.stories.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/StackedSide.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedSide.stories.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/StackedSide.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\nimport StackedSide from './StackedSide'\n\nconst meta = {\n    title: '@ecme/Layouts/PostLogin/StackedSide',\n    component: StackedSide,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <Story />\n            </BrowserRouter>\n        ),\n    ],\n} satisfies Meta<typeof StackedSide>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    args: {\n        pageTitle: 'Dashboard',\n    },\n    render: (args) => (\n        <StackedSide {...args}>\n            <div className=\"p-4\">\n                <div className=\"rounded border border-gray-200 p-4\">\n                    Conteudo da pagina\n                </div>\n            </div>\n        </StackedSide>\n    ),\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,UAAA,oBAAC,SAAM,EAAA,CACX;AAAA,EAAA;AAGZ;AAMO,MAAM,UAAkB;AAAA,EAC3B,MAAM;AAAA,IACF,WAAW;AAAA,EAAA;AAAA,EAEf,QAAQ,CAAC,SACL,oBAAC,aAAA,EAAa,GAAG,MACb,UAAA,oBAAC,OAAA,EAAI,WAAU,OACX,UAAA,oBAAC,OAAA,EAAI,WAAU,sCAAqC,UAAA,sBAEpD,GACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/TopBarClassic.stories.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import TopBarClassic from "./TopBarClassic.js";
+const meta = {
+  title: "@ecme/Layouts/PostLogin/TopBarClassic",
+  component: TopBarClassic,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(Story, {}) })
+  ]
+};
+const Default = {
+  args: {
+    pageTitle: "Dashboard"
+  },
+  render: (args) => /* @__PURE__ */ jsx(TopBarClassic, { ...args, children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "rounded border border-gray-200 p-4", children: "Conteudo da pagina" }) }) })
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=TopBarClassic.stories.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/TopBarClassic.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBarClassic.stories.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/TopBarClassic.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\nimport TopBarClassic from './TopBarClassic'\n\nconst meta = {\n    title: '@ecme/Layouts/PostLogin/TopBarClassic',\n    component: TopBarClassic,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <Story />\n            </BrowserRouter>\n        ),\n    ],\n} satisfies Meta<typeof TopBarClassic>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    args: {\n        pageTitle: 'Dashboard',\n    },\n    render: (args) => (\n        <TopBarClassic {...args}>\n            <div className=\"p-4\">\n                <div className=\"rounded border border-gray-200 p-4\">\n                    Conteudo da pagina\n                </div>\n            </div>\n        </TopBarClassic>\n    ),\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,UAAA,oBAAC,SAAM,EAAA,CACX;AAAA,EAAA;AAGZ;AAMO,MAAM,UAAkB;AAAA,EAC3B,MAAM;AAAA,IACF,WAAW;AAAA,EAAA;AAAA,EAEf,QAAQ,CAAC,SACL,oBAAC,eAAA,EAAe,GAAG,MACf,UAAA,oBAAC,OAAA,EAAI,WAAU,OACX,UAAA,oBAAC,OAAA,EAAI,WAAU,sCAAqC,UAAA,sBAEpD,GACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/template/Footer.js

@@ -3,7 +3,7 @@ import Container from "../shared/Container.js";
 import classNames from "../../utils/classNames.js";
 import { APP_NAME } from "../../constants/app.constant.js";
 import { PAGE_CONTAINER_GUTTER_X } from "../../constants/theme.constant.js";
-const version = true ? "5.6.135" : "0.0.0";
+const version = true ? "5.6.137" : "0.0.0";
 const FooterContent = () => {
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-auto items-center justify-between", children: [
     /* @__PURE__ */ jsxs("span", { children: [

package/dist/@ecme/components/template/Header.stories.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import Header from "./Header.js";
+const meta = {
+  title: "@ecme/Template/Header",
+  component: Header,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    container: {
+      control: "boolean"
+    },
+    className: {
+      control: "text"
+    },
+    wrapperClass: {
+      control: "text"
+    }
+  }
+};
+const Default = {
+  args: {
+    container: false,
+    className: "",
+    wrapperClass: ""
+  },
+  render: (args) => /* @__PURE__ */ jsx(
+    Header,
+    {
+      ...args,
+      headerStart: /* @__PURE__ */ jsx("div", { className: "px-4 text-sm font-semibold", children: "Minha Marca" }),
+      headerMiddle: /* @__PURE__ */ jsx("div", { className: "text-sm", children: "Área central" }),
+      headerEnd: /* @__PURE__ */ jsx("div", { className: "px-4 text-sm text-gray-600", children: "Usuário" })
+    }
+  )
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=Header.stories.js.map

package/dist/@ecme/components/template/Header.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.js","sources":["../../../../lib/@ecme/components/template/Header.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport Header from './Header'\n\nconst meta = {\n    title: '@ecme/Template/Header',\n    component: Header,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    argTypes: {\n        container: {\n            control: 'boolean',\n        },\n        className: {\n            control: 'text',\n        },\n        wrapperClass: {\n            control: 'text',\n        },\n    },\n} satisfies Meta<typeof Header>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    args: {\n        container: false,\n        className: '',\n        wrapperClass: '',\n    },\n    render: (args) => (\n        <Header\n            {...args}\n            headerStart={\n                <div className=\"px-4 text-sm font-semibold\">Minha Marca</div>\n            }\n            headerMiddle={<div className=\"text-sm\">Área central</div>}\n            headerEnd={\n                <div className=\"px-4 text-sm text-gray-600\">Usuário</div>\n            }\n        />\n    ),\n}\n"],"names":[],"mappings":";;AAGA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACN,WAAW;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,IAEb,WAAW;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,IAEb,cAAc;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACb;AAER;AAMO,MAAM,UAAkB;AAAA,EAC3B,MAAM;AAAA,IACF,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,EAAA;AAAA,EAElB,QAAQ,CAAC,SACL;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,aACI,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,eAAW;AAAA,MAE3D,cAAc,oBAAC,OAAA,EAAI,WAAU,WAAU,UAAA,gBAAY;AAAA,MACnD,WACI,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,UAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAInE;"}

package/dist/@ecme/components/template/Search.js

@@ -4,6 +4,7 @@ import "../ui/Dialog/index.js";
 import "../ui/ScrollBar/index.js";
 import navigationConfig from "../../configs/navigation.config/index.js";
 import { NAV_ITEM_TYPE_ITEM } from "../../constants/navigation.constant.js";
+import { useSessionUser } from "../../store/authStore.js";
 import classNames from "../../utils/classNames.js";
 import withHeaderItem from "../../utils/hoc/withHeaderItem.js";
 import debounce from "lodash/debounce";
@@ -18,6 +19,30 @@ import Dialog from "../ui/Dialog/Dialog.js";
 import Button from "../ui/Button/Button.js";
 import Spinner from "../ui/Spinner/Spinner.js";
 import ScrollBar from "../ui/ScrollBar/ScrollBar.js";
+const filterNavigationByAuthority = (navTree, userAuthority) => {
+  return navTree.reduce((acc, nav) => {
+    if (nav.excludeWhenHasPaths && nav.excludeWhenHasPaths.length > 0) {
+      const shouldExclude = nav.excludeWhenHasPaths.some(
+        (path) => userAuthority.includes(path)
+      );
+      if (shouldExclude) {
+        return acc;
+      }
+    }
+    if (nav.subMenu && nav.subMenu.length > 0) {
+      const filteredSubMenu = filterNavigationByAuthority(
+        nav.subMenu,
+        userAuthority
+      );
+      if (filteredSubMenu.length > 0) {
+        acc.push({ ...nav, subMenu: filteredSubMenu });
+      }
+    } else if (nav.path && userAuthority.includes(nav.path) || !nav.path) {
+      acc.push(nav);
+    }
+    return acc;
+  }, []);
+};
 const ListItem = (props) => {
   const { icon, label, url = "", keyWord, onNavigate, breadcrumbs } = props;
   const makeBreadcrumbs = (breadcrumbs2) => {
@@ -53,6 +78,7 @@ const _Search = ({ className }) => {
   const [searchDialogOpen, setSearchDialogOpen] = useState(false);
   const [searchResult, setSearchResult] = useState([]);
   const [noResult, setNoResult] = useState(false);
+  const userAuthority = useSessionUser((state) => state.user.authority);
   const inputRef = useRef(null);
   const handleReset = () => {
     setNoResult(false);
@@ -69,6 +95,10 @@ const _Search = ({ className }) => {
   const { t } = useTranslation();
   const flatNavTree = useMemo(() => {
     const arr = [];
+    const filteredNavigationTree = filterNavigationByAuthority(
+      navigationConfig,
+      userAuthority || []
+    );
     const makeflat = (item, parents) => {
       if (Array.isArray(item.subMenu) && item.subMenu.length > 0) {
         item.subMenu.forEach(
@@ -77,11 +107,11 @@ const _Search = ({ className }) => {
       }
       arr.push({ ...item, parents });
     };
-    navigationConfig.forEach(function f(item) {
+    filteredNavigationTree.forEach(function f(item) {
       makeflat(item, [t(item.translateKey)]);
     });
     return arr;
-  }, [navigationConfig, t]);
+  }, [userAuthority, t]);
   const filterNavigationTreeFlat = (text, tree) => {
     const results = tree.filter(
       (item) => item.type === NAV_ITEM_TYPE_ITEM && item.parents.join().toUpperCase().includes(text.toUpperCase())

package/dist/@ecme/components/template/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../lib/@ecme/components/template/Search.tsx"],"sourcesContent":["import { NavigationTree } from '@/@types/navigation'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport navigationIcon from '@/configs/navigation-icon.config'\nimport navigationConfig from '@/configs/navigation.config'\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\nimport {\n    GUIDE_PREFIX_PATH,\n    UI_COMPONENTS_PREFIX_PATH,\n} from '@/constants/route.constant'\nimport classNames from '@/utils/classNames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport {\n    filterDeep,\n    findDeep,\n    findPathDeep,\n    findValueDeep,\n} from 'deepdash-es/standalone'\nimport { flatten, flattenDeep } from 'lodash'\nimport debounce from 'lodash/debounce'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport Highlighter from 'react-highlight-words'\nimport { useTranslation } from 'react-i18next'\nimport { HiChevronRight, HiOutlineSearch } from 'react-icons/hi'\nimport { PiMagnifyingGlassDuotone } from 'react-icons/pi'\nimport { Link } from 'react-router-dom'\nimport { Spinner } from '../ui'\n\ntype SearchData = {\n    key: string\n    path: string\n    title: string\n    icon: string\n    category: string\n    categoryTitle: string\n    breadcrumbs: string[]\n}\n\ntype SearchResult = {\n    title: string\n    data: SearchData[]\n}\n\nconst ListItem = (props: {\n    icon: string\n    label: string\n    url: string\n    isLast?: boolean\n    keyWord: string\n    breadcrumbs: string[]\n    onNavigate: () => void\n}) => {\n    const { icon, label, url = '', keyWord, onNavigate, breadcrumbs } = props\n\n    const makeBreadcrumbs = (breadcrumbs: string[]) => {\n        return breadcrumbs.join(' / ')\n    }\n\n    return (\n        <Link to={url} onClick={onNavigate}>\n            <div\n                className={classNames(\n                    'flex items-center justify-between rounded-xl p-3 cursor-pointer user-select',\n                    'hover:bg-gray-100 dark:hover:bg-gray-700',\n                )}\n            >\n                <div className=\"flex items-center gap-2\">\n                    {/* <div\n                        className={classNames(\n                            'rounded-lg border-2 border-gray-200 shadow-sm text-xl group-hover:shadow h-10 w-10 flex items-center justify-center bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100',\n                        )}\n                    >\n                        {icon && navigationIcon[icon]}\n                    </div> */}\n                    <div className=\"text-gray-900 dark:text-gray-300\">\n                        <Highlighter\n                            autoEscape\n                            highlightClassName={classNames(\n                                'text-primary',\n                                'underline bg-transparent font-semibold dark:text-white',\n                            )}\n                            searchWords={[keyWord]}\n                            textToHighlight={makeBreadcrumbs(breadcrumbs)}\n                        />\n                    </div>\n                </div>\n                <HiChevronRight className=\"text-lg\" />\n            </div>\n        </Link>\n    )\n}\n\ntype NavigationTreeFlat = NavigationTree & { parents: string[] }\n\nconst _Search = ({ className }: { className?: string }) => {\n    const [loading, setLoading] = useState(false)\n    const [searchDialogOpen, setSearchDialogOpen] = useState(false)\n    const [searchResult, setSearchResult] = useState<SearchResult[]>([])\n    const [noResult, setNoResult] = useState(false)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleReset = () => {\n        setNoResult(false)\n        setSearchResult([])\n    }\n\n    const handleSearchOpen = () => {\n        setSearchDialogOpen(true)\n    }\n\n    const handleSearchClose = () => {\n        setSearchDialogOpen(false)\n        handleReset()\n    }\n\n    const debounceFn = debounce(handleDebounceFn, 750)\n\n    const { t } = useTranslation()\n\n    const flatNavTree = useMemo(() => {\n        const arr: NavigationTreeFlat[] = []\n\n        const makeflat = (item: NavigationTree, parents: string[]) => {\n            if (Array.isArray(item.subMenu) && item.subMenu.length > 0) {\n                item.subMenu.forEach((item) =>\n                    makeflat(item, [...parents, t(item.translateKey)]),\n                )\n            }\n            arr.push({ ...item, parents })\n        }\n\n        navigationConfig.forEach(function f(item) {\n            makeflat(item, [t(item.translateKey)])\n        })\n        return arr\n    }, [navigationConfig, t])\n\n    const filterNavigationTreeFlat = (\n        text: string,\n        tree: NavigationTreeFlat[],\n    ): NavigationTreeFlat[] => {\n        const results = tree.filter(\n            (item) =>\n                item.type === NAV_ITEM_TYPE_ITEM &&\n                item.parents.join().toUpperCase().includes(text.toUpperCase()),\n        )\n\n        return results\n    }\n\n    function navTreeFlatToSearchResult(\n        tree: NavigationTreeFlat[],\n    ): SearchResult[] {\n        const navTreeSearchResult: SearchResult = {\n            title: t('base.layout.search.results.navTree'),\n            data: [],\n        }\n        tree.forEach((item) => {\n            navTreeSearchResult.data.push({\n                category: item.path,\n                categoryTitle: item.title,\n                icon: item.icon,\n                key: item.key,\n                path: item.path,\n                title: t(item.translateKey, item.title),\n                breadcrumbs: item.parents,\n            })\n        })\n        return [navTreeSearchResult]\n    }\n\n    async function handleDebounceFn(query: string) {\n        if (!query) {\n            setLoading(false)\n            setSearchResult([])\n            return\n        }\n\n        if (noResult) {\n            setNoResult(false)\n        }\n\n        const res = await filterNavigationTreeFlat(query, flatNavTree)\n\n        if (res) {\n            if (res.length === 0) {\n                setNoResult(true)\n                setSearchResult([])\n            } else {\n                setSearchResult(navTreeFlatToSearchResult(res))\n            }\n        }\n\n        setLoading(false)\n    }\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setLoading(true)\n        debounceFn(e.target.value)\n    }\n\n    useEffect(() => {\n        if (searchDialogOpen) {\n            const timeout = setTimeout(() => inputRef.current?.focus(), 100)\n            return () => {\n                clearTimeout(timeout)\n            }\n        }\n    }, [searchDialogOpen])\n\n    const handleNavigate = () => {\n        handleSearchClose()\n    }\n\n    return (\n        <>\n            <div\n                className={classNames(className, 'text-2xl')}\n                onClick={handleSearchOpen}\n            >\n                <PiMagnifyingGlassDuotone />\n            </div>\n            <Dialog\n                contentClassName=\"p-0\"\n                isOpen={searchDialogOpen}\n                closable={false}\n                onRequestClose={handleSearchClose}\n            >\n                <div>\n                    <div className=\"flex items-center justify-between border-b border-gray-200 px-4 dark:border-gray-600\">\n                        <div className=\"flex items-center\">\n                            <HiOutlineSearch className=\"text-xl\" />\n                            <input\n                                ref={inputRef}\n                                className=\"block w-full bg-transparent p-4 text-base text-gray-900 outline-none ring-0 dark:text-gray-100\"\n                                placeholder={t('common.input.placeholder.search')}\n                                onChange={handleSearch}\n                            />\n                        </div>\n                        <Button size=\"xs\" onClick={handleSearchClose}>\n                            Esc\n                        </Button>\n                    </div>\n                    <div className=\"px-5 py-6\">\n                        {loading ? (\n                            <div\n                                className={classNames(\n                                    'flex items-center justify-center',\n                                )}\n                            >\n                                <Spinner size={40} />\n                            </div>\n                        ) : (\n                            <>\n                                <ScrollBar className=\"max-h-[350px] overflow-y-auto\">\n                                    {searchResult.map((result) => (\n                                        <div\n                                            key={result.title}\n                                            className=\"mb-4\"\n                                        >\n                                            <h6 className=\"mb-3\">\n                                                {result.title}\n                                            </h6>\n                                            {result.data.map((data, index) => (\n                                                <ListItem\n                                                    key={data.title + index}\n                                                    icon={data.icon}\n                                                    breadcrumbs={\n                                                        data.breadcrumbs\n                                                    }\n                                                    label={data.title}\n                                                    url={data.path}\n                                                    keyWord={\n                                                        inputRef.current\n                                                            ?.value || ''\n                                                    }\n                                                    onNavigate={handleNavigate}\n                                                />\n                                            ))}\n                                        </div>\n                                    ))}\n                                    {searchResult.length === 0 && noResult && (\n                                        <div className=\"my-10 text-center text-lg\">\n                                            <span className=\"pr-1\">\n                                                {t(\n                                                    'common.status.noResultsFor',\n                                                )}\n                                            </span>\n                                            <span className=\"heading-text\">\n                                                {`'`}\n                                                {inputRef.current?.value}\n                                                {`'`}\n                                            </span>\n                                        </div>\n                                    )}\n                                </ScrollBar>\n                            </>\n                        )}\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nconst Search = withHeaderItem(_Search)\n\nexport default Search\n"],"names":["breadcrumbs","item"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../lib/@ecme/components/template/Search.tsx"],"sourcesContent":["import { NavigationTree } from '@/@types/navigation'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport navigationConfig from '@/configs/navigation.config'\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\nimport { useSessionUser } from '@/store/authStore'\nimport classNames from '@/utils/classNames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport debounce from 'lodash/debounce'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport Highlighter from 'react-highlight-words'\nimport { useTranslation } from 'react-i18next'\nimport { HiChevronRight, HiOutlineSearch } from 'react-icons/hi'\nimport { PiMagnifyingGlassDuotone } from 'react-icons/pi'\nimport { Link } from 'react-router-dom'\nimport { Spinner } from '../ui'\n\ntype SearchData = {\n    key: string\n    path: string\n    title: string\n    icon: string\n    category: string\n    categoryTitle: string\n    breadcrumbs: string[]\n}\n\ntype SearchResult = {\n    title: string\n    data: SearchData[]\n}\n\nconst filterNavigationByAuthority = (\n    navTree: NavigationTree[],\n    userAuthority: string[],\n): NavigationTree[] => {\n    return navTree.reduce((acc: NavigationTree[], nav) => {\n        if (nav.excludeWhenHasPaths && nav.excludeWhenHasPaths.length > 0) {\n            const shouldExclude = nav.excludeWhenHasPaths.some((path) =>\n                userAuthority.includes(path),\n            )\n\n            if (shouldExclude) {\n                return acc\n            }\n        }\n\n        if (nav.subMenu && nav.subMenu.length > 0) {\n            const filteredSubMenu = filterNavigationByAuthority(\n                nav.subMenu,\n                userAuthority,\n            )\n\n            if (filteredSubMenu.length > 0) {\n                acc.push({ ...nav, subMenu: filteredSubMenu })\n            }\n        } else if ((nav.path && userAuthority.includes(nav.path)) || !nav.path) {\n            acc.push(nav)\n        }\n\n        return acc\n    }, [])\n}\n\nconst ListItem = (props: {\n    icon: string\n    label: string\n    url: string\n    isLast?: boolean\n    keyWord: string\n    breadcrumbs: string[]\n    onNavigate: () => void\n}) => {\n    const { icon, label, url = '', keyWord, onNavigate, breadcrumbs } = props\n\n    const makeBreadcrumbs = (breadcrumbs: string[]) => {\n        return breadcrumbs.join(' / ')\n    }\n\n    return (\n        <Link to={url} onClick={onNavigate}>\n            <div\n                className={classNames(\n                    'flex items-center justify-between rounded-xl p-3 cursor-pointer user-select',\n                    'hover:bg-gray-100 dark:hover:bg-gray-700',\n                )}\n            >\n                <div className=\"flex items-center gap-2\">\n                    {/* <div\n                        className={classNames(\n                            'rounded-lg border-2 border-gray-200 shadow-sm text-xl group-hover:shadow h-10 w-10 flex items-center justify-center bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100',\n                        )}\n                    >\n                        {icon && navigationIcon[icon]}\n                    </div> */}\n                    <div className=\"text-gray-900 dark:text-gray-300\">\n                        <Highlighter\n                            autoEscape\n                            highlightClassName={classNames(\n                                'text-primary',\n                                'underline bg-transparent font-semibold dark:text-white',\n                            )}\n                            searchWords={[keyWord]}\n                            textToHighlight={makeBreadcrumbs(breadcrumbs)}\n                        />\n                    </div>\n                </div>\n                <HiChevronRight className=\"text-lg\" />\n            </div>\n        </Link>\n    )\n}\n\ntype NavigationTreeFlat = NavigationTree & { parents: string[] }\n\nconst _Search = ({ className }: { className?: string }) => {\n    const [loading, setLoading] = useState(false)\n    const [searchDialogOpen, setSearchDialogOpen] = useState(false)\n    const [searchResult, setSearchResult] = useState<SearchResult[]>([])\n    const [noResult, setNoResult] = useState(false)\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleReset = () => {\n        setNoResult(false)\n        setSearchResult([])\n    }\n\n    const handleSearchOpen = () => {\n        setSearchDialogOpen(true)\n    }\n\n    const handleSearchClose = () => {\n        setSearchDialogOpen(false)\n        handleReset()\n    }\n\n    const debounceFn = debounce(handleDebounceFn, 750)\n\n    const { t } = useTranslation()\n\n    const flatNavTree = useMemo(() => {\n        const arr: NavigationTreeFlat[] = []\n        const filteredNavigationTree = filterNavigationByAuthority(\n            navigationConfig,\n            userAuthority || [],\n        )\n\n        const makeflat = (item: NavigationTree, parents: string[]) => {\n            if (Array.isArray(item.subMenu) && item.subMenu.length > 0) {\n                item.subMenu.forEach((item) =>\n                    makeflat(item, [...parents, t(item.translateKey)]),\n                )\n            }\n            arr.push({ ...item, parents })\n        }\n\n        filteredNavigationTree.forEach(function f(item) {\n            makeflat(item, [t(item.translateKey)])\n        })\n\n        return arr\n    }, [userAuthority, t])\n\n    const filterNavigationTreeFlat = (\n        text: string,\n        tree: NavigationTreeFlat[],\n    ): NavigationTreeFlat[] => {\n        const results = tree.filter(\n            (item) =>\n                item.type === NAV_ITEM_TYPE_ITEM &&\n                item.parents.join().toUpperCase().includes(text.toUpperCase()),\n        )\n\n        return results\n    }\n\n    function navTreeFlatToSearchResult(\n        tree: NavigationTreeFlat[],\n    ): SearchResult[] {\n        const navTreeSearchResult: SearchResult = {\n            title: t('base.layout.search.results.navTree'),\n            data: [],\n        }\n        tree.forEach((item) => {\n            navTreeSearchResult.data.push({\n                category: item.path,\n                categoryTitle: item.title,\n                icon: item.icon,\n                key: item.key,\n                path: item.path,\n                title: t(item.translateKey, item.title),\n                breadcrumbs: item.parents,\n            })\n        })\n        return [navTreeSearchResult]\n    }\n\n    async function handleDebounceFn(query: string) {\n        if (!query) {\n            setLoading(false)\n            setSearchResult([])\n            return\n        }\n\n        if (noResult) {\n            setNoResult(false)\n        }\n\n        const res = await filterNavigationTreeFlat(query, flatNavTree)\n\n        if (res) {\n            if (res.length === 0) {\n                setNoResult(true)\n                setSearchResult([])\n            } else {\n                setSearchResult(navTreeFlatToSearchResult(res))\n            }\n        }\n\n        setLoading(false)\n    }\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setLoading(true)\n        debounceFn(e.target.value)\n    }\n\n    useEffect(() => {\n        if (searchDialogOpen) {\n            const timeout = setTimeout(() => inputRef.current?.focus(), 100)\n            return () => {\n                clearTimeout(timeout)\n            }\n        }\n    }, [searchDialogOpen])\n\n    const handleNavigate = () => {\n        handleSearchClose()\n    }\n\n    return (\n        <>\n            <div\n                className={classNames(className, 'text-2xl')}\n                onClick={handleSearchOpen}\n            >\n                <PiMagnifyingGlassDuotone />\n            </div>\n            <Dialog\n                contentClassName=\"p-0\"\n                isOpen={searchDialogOpen}\n                closable={false}\n                onRequestClose={handleSearchClose}\n            >\n                <div>\n                    <div className=\"flex items-center justify-between border-b border-gray-200 px-4 dark:border-gray-600\">\n                        <div className=\"flex items-center\">\n                            <HiOutlineSearch className=\"text-xl\" />\n                            <input\n                                ref={inputRef}\n                                className=\"block w-full bg-transparent p-4 text-base text-gray-900 outline-none ring-0 dark:text-gray-100\"\n                                placeholder={t('common.input.placeholder.search')}\n                                onChange={handleSearch}\n                            />\n                        </div>\n                        <Button size=\"xs\" onClick={handleSearchClose}>\n                            Esc\n                        </Button>\n                    </div>\n                    <div className=\"px-5 py-6\">\n                        {loading ? (\n                            <div\n                                className={classNames(\n                                    'flex items-center justify-center',\n                                )}\n                            >\n                                <Spinner size={40} />\n                            </div>\n                        ) : (\n                            <>\n                                <ScrollBar className=\"max-h-[350px] overflow-y-auto\">\n                                    {searchResult.map((result) => (\n                                        <div\n                                            key={result.title}\n                                            className=\"mb-4\"\n                                        >\n                                            <h6 className=\"mb-3\">\n                                                {result.title}\n                                            </h6>\n                                            {result.data.map((data, index) => (\n                                                <ListItem\n                                                    key={data.title + index}\n                                                    icon={data.icon}\n                                                    breadcrumbs={\n                                                        data.breadcrumbs\n                                                    }\n                                                    label={data.title}\n                                                    url={data.path}\n                                                    keyWord={\n                                                        inputRef.current\n                                                            ?.value || ''\n                                                    }\n                                                    onNavigate={handleNavigate}\n                                                />\n                                            ))}\n                                        </div>\n                                    ))}\n                                    {searchResult.length === 0 && noResult && (\n                                        <div className=\"my-10 text-center text-lg\">\n                                            <span className=\"pr-1\">\n                                                {t(\n                                                    'common.status.noResultsFor',\n                                                )}\n                                            </span>\n                                            <span className=\"heading-text\">\n                                                {`'`}\n                                                {inputRef.current?.value}\n                                                {`'`}\n                                            </span>\n                                        </div>\n                                    )}\n                                </ScrollBar>\n                            </>\n                        )}\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nconst Search = withHeaderItem(_Search)\n\nexport default Search\n"],"names":["breadcrumbs","item"],"mappings":"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"}

package/dist/@ecme/components/template/Search.stories.js

@@ -0,0 +1,61 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { BrowserRouter } from "react-router-dom";
+import navigationConfig from "../../configs/navigation.config/index.js";
+import { useSessionUser } from "../../store/authStore.js";
+import Search from "./Search.js";
+const collectAuthorityPaths = (navTree) => {
+  return navTree.reduce((acc, node) => {
+    if (node.path) {
+      acc.push(node.path);
+    }
+    if (node.subMenu?.length) {
+      acc.push(...collectAuthorityPaths(node.subMenu));
+    }
+    return acc;
+  }, []);
+};
+const allAuthority = Array.from(new Set(collectAuthorityPaths(navigationConfig)));
+const WithSimulatedAuthorities = ({
+  children
+}) => {
+  useEffect(() => {
+    const previousUser = useSessionUser.getState().user;
+    useSessionUser.setState({
+      user: {
+        ...previousUser,
+        authority: allAuthority
+      }
+    });
+    return () => {
+      useSessionUser.setState({ user: previousUser });
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+const meta = {
+  title: "@ecme/Template/Search",
+  component: Search,
+  parameters: {
+    layout: "padded"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(WithSimulatedAuthorities, { children: /* @__PURE__ */ jsx(Story, {}) }) })
+  ],
+  argTypes: {
+    className: {
+      control: "text"
+    }
+  }
+};
+const Default = {
+  args: {
+    className: ""
+  }
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=Search.stories.js.map

package/dist/@ecme/components/template/Search.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.stories.js","sources":["../../../../lib/@ecme/components/template/Search.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { useEffect } from 'react'\nimport { BrowserRouter } from 'react-router-dom'\nimport navigationConfig from '@/configs/navigation.config'\nimport type { NavigationTree } from '@/@types/navigation'\nimport { useSessionUser } from '@/store/authStore'\nimport Search from './Search'\n\nconst collectAuthorityPaths = (navTree: NavigationTree[]): string[] => {\n    return navTree.reduce((acc: string[], node) => {\n        if (node.path) {\n            acc.push(node.path)\n        }\n\n        if (node.subMenu?.length) {\n            acc.push(...collectAuthorityPaths(node.subMenu))\n        }\n\n        return acc\n    }, [])\n}\n\nconst allAuthority = Array.from(new Set(collectAuthorityPaths(navigationConfig)))\n\nconst WithSimulatedAuthorities = ({\n    children,\n}: {\n    children: React.ReactNode\n}) => {\n    useEffect(() => {\n        const previousUser = useSessionUser.getState().user\n\n        useSessionUser.setState({\n            user: {\n                ...previousUser,\n                authority: allAuthority,\n            },\n        })\n\n        return () => {\n            useSessionUser.setState({ user: previousUser })\n        }\n    }, [])\n\n    return <>{children}</>\n}\n\nconst meta = {\n    title: '@ecme/Template/Search',\n    component: Search,\n    parameters: {\n        layout: 'padded',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <WithSimulatedAuthorities>\n                    <Story />\n                </WithSimulatedAuthorities>\n            </BrowserRouter>\n        ),\n    ],\n    argTypes: {\n        className: {\n            control: 'text',\n        },\n    },\n} satisfies Meta<typeof Search>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    args: {\n        className: '',\n    },\n}\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,wBAAwB,CAAC,YAAwC;AACnE,SAAO,QAAQ,OAAO,CAAC,KAAe,SAAS;AAC3C,QAAI,KAAK,MAAM;AACX,UAAI,KAAK,KAAK,IAAI;AAAA,IACtB;AAEA,QAAI,KAAK,SAAS,QAAQ;AACtB,UAAI,KAAK,GAAG,sBAAsB,KAAK,OAAO,CAAC;AAAA,IACnD;AAEA,WAAO;AAAA,EACX,GAAG,CAAA,CAAE;AACT;AAEA,MAAM,eAAe,MAAM,KAAK,IAAI,IAAI,sBAAsB,gBAAgB,CAAC,CAAC;AAEhF,MAAM,2BAA2B,CAAC;AAAA,EAC9B;AACJ,MAEM;AACF,YAAU,MAAM;AACZ,UAAM,eAAe,eAAe,SAAA,EAAW;AAE/C,mBAAe,SAAS;AAAA,MACpB,MAAM;AAAA,QACF,GAAG;AAAA,QACH,WAAW;AAAA,MAAA;AAAA,IACf,CACH;AAED,WAAO,MAAM;AACT,qBAAe,SAAS,EAAE,MAAM,aAAA,CAAc;AAAA,IAClD;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,yCAAU,UAAS;AACvB;AAEA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,8BAAC,0BAAA,EACG,UAAA,oBAAC,OAAA,CAAA,CAAM,EAAA,CACX,EAAA,CACJ;AAAA,EAAA;AAAA,EAGR,UAAU;AAAA,IACN,WAAW;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,EACb;AAER;AAMO,MAAM,UAAkB;AAAA,EAC3B,MAAM;AAAA,IACF,WAAW;AAAA,EAAA;AAEnB;"}