npm - @orbe-agro/client-core - Versions diffs - 5.2.6 → 5.2.8 - Mend

@orbe-agro/client-core 5.2.6 → 5.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (279) hide show

package/dist/@ecme/components/layouts/PostLoginLayout/components/CollapsibleSide.js CHANGED Viewed

@@ -1,53 +1,60 @@
-import { jsx as e, jsxs as o, Fragment as a } from "react/jsx-runtime";
-import t from "../../../template/SideNav.js";
+import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
+import s from "../../../template/SideNav.js";
 import f from "../../../template/Header.js";
-import s from "../../../template/SideNavToggle.js";
-import p from "../../../template/MobileNav.js";
-import c from "../../../template/Search.js";
-import d from "../../../template/LanguageSelector.js";
+import d from "../../../template/SideNavToggle.js";
+import c from "../../../template/MobileNav.js";
+import p from "../../../template/Search.js";
+import n from "../../../template/LanguageSelector.js";
 import "../../../template/Notification/index.js";
-import n from "../../../template/UserProfileDropdown.js";
+import h from "../../../template/UserProfileDropdown.js";
 import "../../../template/SidePanel/index.js";
 import x from "../../../template/LayoutBase.js";
-import h from "../../../../utils/hooks/useResponsive.js";
-import { LAYOUT_COLLAPSIBLE_SIDE as u } from "../../../../constants/theme.constant.js";
-import g from "../../../template/Notification/Notification.js";
-import v from "../../../template/SidePanel/SidePanel.js";
-const T = ({ children: m, linkRenderer: l }) => {
-  const { larger: r, smaller: i } = h();
+import u from "../../../../utils/hooks/useResponsive.js";
+import { LAYOUT_COLLAPSIBLE_SIDE as N } from "../../../../constants/theme.constant.js";
+import v from "../../../template/Notification/Notification.js";
+import g from "../../../template/SidePanel/SidePanel.js";
+const _ = ({
+  children: i,
+  linkRenderer: l,
+  pageTitle: r
+}) => {
+  const { larger: a, smaller: t } = u();
   return /* @__PURE__ */ e(
     x,
     {
-      type: u,
+      type: N,
       className: "app-layout-collapsible-side flex flex-auto flex-col",
       children: /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-auto", children: [
-        r.lg && /* @__PURE__ */ e(t, { linkRenderer: l }),
+        a.lg && /* @__PURE__ */ e(s, { linkRenderer: l }),
         /* @__PURE__ */ o("div", { className: "relative flex min-h-screen w-full min-w-0 flex-auto flex-col", children: [
           /* @__PURE__ */ e(
             f,
             {
               linkRenderer: l,
               className: "shadow dark:shadow-2xl",
-              headerStart: /* @__PURE__ */ o(a, { children: [
-                i.lg && /* @__PURE__ */ e(p, { linkRenderer: l }),
-                r.lg && /* @__PURE__ */ e(s, {}),
-                /* @__PURE__ */ e(c, {})
+              headerStart: /* @__PURE__ */ o(m, { children: [
+                t.lg && /* @__PURE__ */ e(c, { linkRenderer: l }),
+                a.lg && /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(p, {})
               ] }),
-              headerEnd: /* @__PURE__ */ o(a, { children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(g, {}),
+              headerEnd: /* @__PURE__ */ o(m, { children: [
+                /* @__PURE__ */ e(n, {}),
                 /* @__PURE__ */ e(v, {}),
-                /* @__PURE__ */ e(n, { hoverable: !1 })
+                /* @__PURE__ */ e(g, {}),
+                /* @__PURE__ */ e(h, { hoverable: !1 })
               ] })
             }
           ),
-          /* @__PURE__ */ e("div", { className: "flex h-full flex-auto flex-col", children: m })
+          /* @__PURE__ */ o("div", { className: "flex h-full flex-auto flex-col", children: [
+            r && /* @__PURE__ */ e("div", { className: "page-header mb-4", children: /* @__PURE__ */ e("h2", { className: "text-3xl font-bold", children: r }) }),
+            i
+          ] })
         ] })
       ] })
     }
   );
 };
 export {
-  T as default
+  _ as default
 };
 //# sourceMappingURL=CollapsibleSide.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsibleSide.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/CollapsibleSide.tsx"],"sourcesContent":["import SideNav from \"@/components/template/SideNav\";\nimport Header from \"@/components/template/Header\";\nimport SideNavToggle from \"@/components/template/SideNavToggle\";\nimport MobileNav from \"@/components/template/MobileNav\";\nimport Search from \"@/components/template/Search\";\nimport LanguageSelector from \"@/components/template/LanguageSelector\";\nimport Notification from \"@/components/template/Notification\";\nimport UserProfileDropdown from \"@/components/template/UserProfileDropdown\";\nimport SidePanel from \"@/components/template/SidePanel\";\nimport LayoutBase from \"@/components/template/LayoutBase\";\nimport useResponsive from \"@/utils/hooks/useResponsive\";\nimport { LAYOUT_COLLAPSIBLE_SIDE } from \"@/constants/theme.constant\";\nimport type { CommonProps } from \"@/@types/common\";\nimport { LinkRenderer } from \"../../Layouts\";\n\ninterface CollapsibleSideProps extends CommonProps {\n linkRenderer?: LinkRenderer;\n}\n\nconst CollapsibleSide = ({ children, linkRenderer }: CollapsibleSideProps) => {\n const { larger, smaller } = useResponsive();\n\n return (\n <LayoutBase\n type={LAYOUT_COLLAPSIBLE_SIDE}\n className=\"app-layout-collapsible-side flex flex-auto flex-col\"\n >\n <div className=\"flex min-w-0 flex-auto\">\n {larger.lg && <SideNav linkRenderer={linkRenderer} />}\n <div className=\"relative flex min-h-screen w-full min-w-0 flex-auto flex-col\">\n <Header\n linkRenderer={linkRenderer}\n className=\"shadow dark:shadow-2xl\"\n headerStart={\n <>\n {smaller.lg && <MobileNav linkRenderer={linkRenderer} />}\n {larger.lg && <SideNavToggle />}\n <Search />\n </>\n }\n headerEnd={\n <>\n <LanguageSelector />\n <Notification />\n <SidePanel />\n <UserProfileDropdown hoverable={false} />\n </>\n }\n />\n <div className=\"flex h-full flex-auto flex-col\">{children}</div>\n </div>\n </div>\n </LayoutBase>\n );\n};\n\nexport default CollapsibleSide;\n"],"names":["CollapsibleSide","children","linkRenderer","larger","smaller","useResponsive","jsx","LayoutBase","LAYOUT_COLLAPSIBLE_SIDE","jsxs","SideNav","Header","Fragment","MobileNav","SideNavToggle","Search","LanguageSelector","Notification","SidePanel","UserProfileDropdown"],"mappings":";;;;;;;;;;;;;;;~~AAmBA~~,MAAMA,IAAkB,CAAC,~~EAAE~~,UAAAC,~~GAAU~~,cAAAC,~~QAAyC~~;~~AAC5E~~,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA;AAE5B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMC;AAAA,MACN,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,QAAAN,EAAO,MAAM,gBAAAG,EAACI,GAAA,EAAQ,~~cAAAR~~,EAAA,CAA4B;AAAA,QACnD,~~gBAAAO~~,EAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,~~cAAAT~~;AAAA,cACA,WAAU;AAAA,cACV,aACE,~~gBAAAO~~,EAAAG,GAAA,EACG,UAAA;AAAA,gBAAAR,EAAQ,MAAM,gBAAAE,EAACO,GAAA,EAAU,~~cAAAX~~,EAAA,CAA4B;AAAA,~~gBACrDC~~,EAAO,MAAM,gBAAAG,EAACQ,GAAA,CAAA,CAAc;AAAA,kCAC5BC,GAAA,CAAA,CAAO;AAAA,cAAA,GACV;AAAA,cAEF,WACE,gBAAAN,EAAAG,GAAA,EACE,UAAA;AAAA,gBAAA,gBAAAN,EAACU,GAAA,EAAiB;AAAA,kCACjBC,GAAA,EAAa;AAAA,kCACbC,GAAA,EAAU;AAAA,gBACX,gBAAAZ,EAACa,GAAA,EAAoB,WAAW,GAAA,CAAO;AAAA,cAAA,EAAA,CACzC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJ,~~gBAAAb~~,EAAC,OAAA,EAAI,WAAU,~~kCAAkC~~,~~UAAAL~~,EAAA,~~CAAS~~;AAAA,QAAA,EAAA,~~CAC5D~~;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"CollapsibleSide.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/CollapsibleSide.tsx"],"sourcesContent":["import SideNav from \"@/components/template/SideNav\";\nimport Header from \"@/components/template/Header\";\nimport SideNavToggle from \"@/components/template/SideNavToggle\";\nimport MobileNav from \"@/components/template/MobileNav\";\nimport Search from \"@/components/template/Search\";\nimport LanguageSelector from \"@/components/template/LanguageSelector\";\nimport Notification from \"@/components/template/Notification\";\nimport UserProfileDropdown from \"@/components/template/UserProfileDropdown\";\nimport SidePanel from \"@/components/template/SidePanel\";\nimport LayoutBase from \"@/components/template/LayoutBase\";\nimport useResponsive from \"@/utils/hooks/useResponsive\";\nimport { LAYOUT_COLLAPSIBLE_SIDE } from \"@/constants/theme.constant\";\nimport type { CommonProps } from \"@/@types/common\";\nimport { LinkRenderer } from \"../../Layouts\";\n\ninterface CollapsibleSideProps extends CommonProps {\n linkRenderer?: LinkRenderer;\n pageTitle?: string;\n}\n\nconst CollapsibleSide = ({\n children,\n linkRenderer,\n pageTitle,\n}: CollapsibleSideProps) => {\n const { larger, smaller } = useResponsive();\n\n return (\n <LayoutBase\n type={LAYOUT_COLLAPSIBLE_SIDE}\n className=\"app-layout-collapsible-side flex flex-auto flex-col\"\n >\n <div className=\"flex min-w-0 flex-auto\">\n {larger.lg && <SideNav linkRenderer={linkRenderer} />}\n <div className=\"relative flex min-h-screen w-full min-w-0 flex-auto flex-col\">\n <Header\n linkRenderer={linkRenderer}\n className=\"shadow dark:shadow-2xl\"\n headerStart={\n <>\n {smaller.lg && <MobileNav linkRenderer={linkRenderer} />}\n {larger.lg && <SideNavToggle />}\n <Search />\n </>\n }\n headerEnd={\n <>\n <LanguageSelector />\n <Notification />\n <SidePanel />\n <UserProfileDropdown hoverable={false} />\n </>\n }\n />\n <div className=\"flex h-full flex-auto flex-col\">\n {pageTitle && (\n <div className=\"page-header mb-4\">\n <h2 className=\"text-3xl font-bold\">{pageTitle}</h2>\n </div>\n )}\n {children}\n </div>\n </div>\n </div>\n </LayoutBase>\n );\n};\n\nexport default CollapsibleSide;\n"],"names":["CollapsibleSide","children","linkRenderer","pageTitle","larger","smaller","useResponsive","jsx","LayoutBase","LAYOUT_COLLAPSIBLE_SIDE","jsxs","SideNav","Header","Fragment","MobileNav","SideNavToggle","Search","LanguageSelector","Notification","SidePanel","UserProfileDropdown"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAMA,IAAkB,CAAC;AAAA,EACvB,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AACF,MAA4B;AAC1B,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA;AAE5B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMC;AAAA,MACN,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,QAAAN,EAAO,MAAM,gBAAAG,EAACI,GAAA,EAAQ,cAAAT,EAAA,CAA4B;AAAA,QACnD,gBAAAQ,EAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,cAAAV;AAAA,cACA,WAAU;AAAA,cACV,aACE,gBAAAQ,EAAAG,GAAA,EACG,UAAA;AAAA,gBAAAR,EAAQ,MAAM,gBAAAE,EAACO,GAAA,EAAU,cAAAZ,EAAA,CAA4B;AAAA,gBACrDE,EAAO,MAAM,gBAAAG,EAACQ,GAAA,CAAA,CAAc;AAAA,kCAC5BC,GAAA,CAAA,CAAO;AAAA,cAAA,GACV;AAAA,cAEF,WACE,gBAAAN,EAAAG,GAAA,EACE,UAAA;AAAA,gBAAA,gBAAAN,EAACU,GAAA,EAAiB;AAAA,kCACjBC,GAAA,EAAa;AAAA,kCACbC,GAAA,EAAU;AAAA,gBACX,gBAAAZ,EAACa,GAAA,EAAoB,WAAW,GAAA,CAAO;AAAA,cAAA,EAAA,CACzC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJ,gBAAAV,EAAC,OAAA,EAAI,WAAU,kCACZ,UAAA;AAAA,YAAAP,KACC,gBAAAI,EAAC,SAAI,WAAU,oBACb,4BAAC,MAAA,EAAG,WAAU,sBAAsB,UAAAJ,EAAA,CAAU,EAAA,CAChD;AAAA,YAEDF;AAAA,UAAA,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/StackedSide.js CHANGED Viewed

@@ -1,51 +1,54 @@
-import { jsx as e, jsxs as r, Fragment as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as r, Fragment as a } from "react/jsx-runtime";
 import "../../../template/StackedSideNav/index.js";
 import t from "../../../template/Header.js";
-import i from "../../../template/MobileNav.js";
-import f from "../../../template/Search.js";
-import s from "../../../template/LanguageSelector.js";
+import s from "../../../template/MobileNav.js";
+import d from "../../../template/Search.js";
+import f from "../../../template/LanguageSelector.js";
 import "../../../template/Notification/index.js";
-import d from "../../../template/UserProfileDropdown.js";
+import c from "../../../template/UserProfileDropdown.js";
 import "../../../template/SidePanel/index.js";
-import c from "../../../template/LayoutBase.js";
+import n from "../../../template/LayoutBase.js";
 import p from "../../../../utils/hooks/useResponsive.js";
-import { LAYOUT_STACKED_SIDE as n } from "../../../../constants/theme.constant.js";
+import { LAYOUT_STACKED_SIDE as h } from "../../../../constants/theme.constant.js";
 import x from "../../../template/StackedSideNav/StackedSideNav.js";
-import h from "../../../template/Notification/Notification.js";
-import u from "../../../template/SidePanel/SidePanel.js";
-const _ = ({ children: a }) => {
-  const { larger: l, smaller: m } = p();
+import u from "../../../template/Notification/Notification.js";
+import N from "../../../template/SidePanel/SidePanel.js";
+const C = ({ children: l, pageTitle: o }) => {
+  const { larger: m, smaller: i } = p();
   return /* @__PURE__ */ e(
-    c,
+    n,
     {
-      type: n,
+      type: h,
       className: "app-layout-stacked-side flex flex-auto flex-col",
       children: /* @__PURE__ */ r("div", { className: "flex flex-auto min-w-0", children: [
-        l.lg && /* @__PURE__ */ e(x, {}),
+        m.lg && /* @__PURE__ */ e(x, {}),
         /* @__PURE__ */ r("div", { className: "flex flex-col flex-auto min-h-screen min-w-0 relative w-full", children: [
           /* @__PURE__ */ e(
             t,
             {
               className: "shadow dark:shadow-2xl",
-              headerStart: /* @__PURE__ */ r(o, { children: [
-                m.lg && /* @__PURE__ */ e(i, {}),
-                /* @__PURE__ */ e(f, {})
+              headerStart: /* @__PURE__ */ r(a, { children: [
+                i.lg && /* @__PURE__ */ e(s, {}),
+                /* @__PURE__ */ e(d, {})
               ] }),
-              headerEnd: /* @__PURE__ */ r(o, { children: [
-                /* @__PURE__ */ e(s, {}),
-                /* @__PURE__ */ e(h, {}),
+              headerEnd: /* @__PURE__ */ r(a, { children: [
+                /* @__PURE__ */ e(f, {}),
                 /* @__PURE__ */ e(u, {}),
-                /* @__PURE__ */ e(d, { hoverable: !1 })
+                /* @__PURE__ */ e(N, {}),
+                /* @__PURE__ */ e(c, { hoverable: !1 })
               ] })
             }
           ),
-          /* @__PURE__ */ e("div", { className: "h-full flex flex-auto flex-col", children: a })
+          /* @__PURE__ */ r("div", { className: "h-full flex flex-auto flex-col", children: [
+            o && /* @__PURE__ */ e("div", { className: "page-header mb-4", children: /* @__PURE__ */ e("h2", { className: "text-3xl font-bold", children: o }) }),
+            l
+          ] })
         ] })
       ] })
     }
   );
 };
 export {
-  _ as default
+  C as default
 };
 //# sourceMappingURL=StackedSide.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StackedSide.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/StackedSide.tsx"],"sourcesContent":["import StackedSideNav from '@/components/template/StackedSideNav'\nimport Header from '@/components/template/Header'\nimport MobileNav from '@/components/template/MobileNav'\nimport Search from '@/components/template/Search'\nimport LanguageSelector from '@/components/template/LanguageSelector'\nimport Notification from '@/components/template/Notification'\nimport UserProfileDropdown from '@/components//template/UserProfileDropdown'\nimport SidePanel from '@/components//template/SidePanel'\nimport LayoutBase from '@/components//template/LayoutBase'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { LAYOUT_STACKED_SIDE } from '@/constants/theme.constant'\nimport type { CommonProps } from '@/@types/common'\n\nconst StackedSide = ({ children }: ~~CommonProps~~) => {\n const { larger, smaller } = useResponsive()\n\n return (\n <LayoutBase\n type={LAYOUT_STACKED_SIDE}\n className=\"app-layout-stacked-side flex flex-auto flex-col\"\n >\n <div className=\"flex flex-auto min-w-0\">\n {larger.lg && <StackedSideNav />}\n <div className=\"flex flex-col flex-auto min-h-screen min-w-0 relative w-full\">\n <Header\n className=\"shadow dark:shadow-2xl\"\n headerStart={\n <>\n {smaller.lg && <MobileNav />}\n <Search />\n </>\n }\n headerEnd={\n <>\n <LanguageSelector />\n <Notification />\n <SidePanel />\n <UserProfileDropdown hoverable={false} />\n </>\n }\n />\n <div className=\"h-full flex flex-auto flex-col\">\n {~~children}~~\n </div>\n </div>\n </div>\n </LayoutBase>\n )\n}\n\nexport default StackedSide\n"],"names":["StackedSide","children","larger","smaller","useResponsive","jsx","LayoutBase","LAYOUT_STACKED_SIDE","jsxs","StackedSideNav","Header","Fragment","MobileNav","Search","LanguageSelector","Notification","SidePanel","UserProfileDropdown"],"mappings":";;;;;;;;;;;;;;;~~AAaA~~,MAAMA,IAAc,CAAC,EAAE,UAAAC,~~QAA4B~~;~~AAC/C~~,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA;AAE5B,~~SACI~~,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,~~MACG~~,MAAMC;AAAA,MACN,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,~~0BACV~~,UAAA;AAAA,QAAAN,EAAO,wBAAOO,GAAA,CAAA,CAAe;AAAA,QAC9B,gBAAAD,EAAC,OAAA,EAAI,WAAU,~~gEACX~~,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACK;AAAA,YAAA;AAAA,~~cACG~~,WAAU;AAAA,cACV,~~aACI~~,gBAAAF,EAAAG,GAAA,~~EACK~~,UAAA;AAAA,gBAAAR,EAAQ,wBAAOS,GAAA,CAAA,CAAU;AAAA,kCACzBC,GAAA,CAAA,CAAO;AAAA,cAAA,~~GACZ~~;AAAA,~~cAEJ~~,~~WACI~~,gBAAAL,EAAAG,GAAA,~~EACI~~,UAAA;AAAA,gBAAA,gBAAAN,EAACS,GAAA,EAAiB;AAAA,kCACjBC,GAAA,EAAa;AAAA,kCACbC,GAAA,EAAU;AAAA,gBACX,gBAAAX,EAACY,GAAA,EAAoB,WAAW,GAAA,CAAO;AAAA,cAAA,EAAA,~~CAC3C~~;AAAA,YAAA;AAAA,UAAA;AAAA,~~UAGR~~,~~gBAAAZ~~,EAAC,OAAA,EAAI,WAAU,~~kCACV~~,UAAAJ,EAAA,~~CACL~~;AAAA,QAAA,EAAA,~~CACJ~~;AAAA,MAAA,EAAA,~~CACJ~~;AAAA,IAAA;AAAA,EAAA;~~AAGZ~~;"}
1	+ {"version":3,"file":"StackedSide.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/StackedSide.tsx"],"sourcesContent":["import StackedSideNav from \"@/components/template/StackedSideNav\";\nimport Header from \"@/components/template/Header\";\nimport MobileNav from \"@/components/template/MobileNav\";\nimport Search from \"@/components/template/Search\";\nimport LanguageSelector from \"@/components/template/LanguageSelector\";\nimport Notification from \"@/components/template/Notification\";\nimport UserProfileDropdown from \"@/components//template/UserProfileDropdown\";\nimport SidePanel from \"@/components//template/SidePanel\";\nimport LayoutBase from \"@/components//template/LayoutBase\";\nimport useResponsive from \"@/utils/hooks/useResponsive\";\nimport { LAYOUT_STACKED_SIDE } from \"@/constants/theme.constant\";\nimport type { CommonProps } from \"@/@types/common\";\n\ninterface StackedSideProps extends CommonProps {\n pageTitle?: string;\n}\n\nconst StackedSide = ({ children, pageTitle }: StackedSideProps) => {\n const { larger, smaller } = useResponsive();\n\n return (\n <LayoutBase\n type={LAYOUT_STACKED_SIDE}\n className=\"app-layout-stacked-side flex flex-auto flex-col\"\n >\n <div className=\"flex flex-auto min-w-0\">\n {larger.lg && <StackedSideNav />}\n <div className=\"flex flex-col flex-auto min-h-screen min-w-0 relative w-full\">\n <Header\n className=\"shadow dark:shadow-2xl\"\n headerStart={\n <>\n {smaller.lg && <MobileNav />}\n <Search />\n </>\n }\n headerEnd={\n <>\n <LanguageSelector />\n <Notification />\n <SidePanel />\n <UserProfileDropdown hoverable={false} />\n </>\n }\n />\n <div className=\"h-full flex flex-auto flex-col\">\n {pageTitle && (\n <div className=\"page-header mb-4\">\n <h2 className=\"text-3xl font-bold\">{pageTitle}</h2>\n </div>\n )}\n {children}\n </div>\n </div>\n </div>\n </LayoutBase>\n );\n};\n\nexport default StackedSide;\n"],"names":["StackedSide","children","pageTitle","larger","smaller","useResponsive","jsx","LayoutBase","LAYOUT_STACKED_SIDE","jsxs","StackedSideNav","Header","Fragment","MobileNav","Search","LanguageSelector","Notification","SidePanel","UserProfileDropdown"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAMA,IAAc,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAAkC;AACjE,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA;AAE5B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMC;AAAA,MACN,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,QAAAN,EAAO,wBAAOO,GAAA,CAAA,CAAe;AAAA,QAC9B,gBAAAD,EAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,aACE,gBAAAF,EAAAG,GAAA,EACG,UAAA;AAAA,gBAAAR,EAAQ,wBAAOS,GAAA,CAAA,CAAU;AAAA,kCACzBC,GAAA,CAAA,CAAO;AAAA,cAAA,GACV;AAAA,cAEF,WACE,gBAAAL,EAAAG,GAAA,EACE,UAAA;AAAA,gBAAA,gBAAAN,EAACS,GAAA,EAAiB;AAAA,kCACjBC,GAAA,EAAa;AAAA,kCACbC,GAAA,EAAU;AAAA,gBACX,gBAAAX,EAACY,GAAA,EAAoB,WAAW,GAAA,CAAO;AAAA,cAAA,EAAA,CACzC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJ,gBAAAT,EAAC,OAAA,EAAI,WAAU,kCACZ,UAAA;AAAA,YAAAP,KACC,gBAAAI,EAAC,SAAI,WAAU,oBACb,4BAAC,MAAA,EAAG,WAAU,sBAAsB,UAAAJ,EAAA,CAAU,EAAA,CAChD;AAAA,YAEDD;AAAA,UAAA,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/TopBarClassic.js CHANGED Viewed

@@ -1,51 +1,52 @@
-import { jsx as r, jsxs as e, Fragment as o } from "react/jsx-runtime";
-import m from "../../../template/Header.js";
+import { jsx as e, jsxs as r, Fragment as o } from "react/jsx-runtime";
+import t from "../../../template/Header.js";
 import "../../../template/SidePanel/index.js";
-import t from "../../../template/UserProfileDropdown.js";
-import s from "../../../template/LanguageSelector.js";
+import s from "../../../template/UserProfileDropdown.js";
+import n from "../../../template/LanguageSelector.js";
 import "../../../template/Notification/index.js";
-import f from "../../../template/HeaderLogo.js";
-import n from "../../../template/Search.js";
-import c from "../../../template/MobileNav.js";
+import c from "../../../template/HeaderLogo.js";
+import d from "../../../template/Search.js";
+import f from "../../../template/MobileNav.js";
 import p from "../../../template/HorizontalNav.js";
-import d from "../../../template/LayoutBase.js";
-import h from "../../../../utils/hooks/useResponsive.js";
-import { LAYOUT_TOP_BAR_CLASSIC as x } from "../../../../constants/theme.constant.js";
-import u from "../../../template/Notification/Notification.js";
-import g from "../../../template/SidePanel/SidePanel.js";
-const O = ({ children: a }) => {
-  const { larger: l, smaller: i } = h();
-  return /* @__PURE__ */ r(
-    d,
+import h from "../../../template/LayoutBase.js";
+import x from "../../../../utils/hooks/useResponsive.js";
+import { LAYOUT_TOP_BAR_CLASSIC as u } from "../../../../constants/theme.constant.js";
+import N from "../../../template/Notification/Notification.js";
+import v from "../../../template/SidePanel/SidePanel.js";
+const R = ({ children: l, pageTitle: a }) => {
+  const { larger: i, smaller: m } = x();
+  return /* @__PURE__ */ e(
+    h,
     {
-      type: x,
+      type: u,
       className: "app-layout-top-bar-classic flex flex-auto flex-col min-h-screen",
-      children: /* @__PURE__ */ r("div", { className: "flex flex-auto min-w-0", children: /* @__PURE__ */ e("div", { className: "flex flex-col flex-auto min-h-screen min-w-0 relative w-full", children: [
-        /* @__PURE__ */ r(
-          m,
+      children: /* @__PURE__ */ e("div", { className: "flex flex-auto min-w-0", children: /* @__PURE__ */ r("div", { className: "flex flex-col flex-auto min-h-screen min-w-0 relative w-full", children: [
+        /* @__PURE__ */ e(
+          t,
           {
             container: !0,
             className: "shadow dark:shadow-2xl",
-            headerStart: /* @__PURE__ */ e(o, { children: [
-              i.lg && /* @__PURE__ */ r(c, {}),
-              /* @__PURE__ */ r(f, {})
+            headerStart: /* @__PURE__ */ r(o, { children: [
+              m.lg && /* @__PURE__ */ e(f, {}),
+              /* @__PURE__ */ e(c, {})
             ] }),
-            headerMiddle: /* @__PURE__ */ r(o, { children: l.lg && /* @__PURE__ */ r(p, {}) }),
-            headerEnd: /* @__PURE__ */ e(o, { children: [
-              /* @__PURE__ */ r(n, {}),
-              /* @__PURE__ */ r(s, {}),
-              /* @__PURE__ */ r(u, {}),
-              /* @__PURE__ */ r(g, {}),
-              /* @__PURE__ */ r(t, { hoverable: !1 })
+            headerMiddle: /* @__PURE__ */ e(o, { children: i.lg && /* @__PURE__ */ e(p, {}) }),
+            headerEnd: /* @__PURE__ */ r(o, { children: [
+              /* @__PURE__ */ e(d, {}),
+              /* @__PURE__ */ e(n, {}),
+              /* @__PURE__ */ e(N, {}),
+              /* @__PURE__ */ e(v, {}),
+              /* @__PURE__ */ e(s, { hoverable: !1 })
             ] })
           }
         ),
-        a
+        a && /* @__PURE__ */ e("div", { className: "page-header mb-4", children: /* @__PURE__ */ e("h2", { className: "text-3xl font-bold", children: a }) }),
+        l
       ] }) })
     }
   );
 };
 export {
-  O as default
+  R as default
 };
 //# sourceMappingURL=TopBarClassic.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TopBarClassic.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/TopBarClassic.tsx"],"sourcesContent":["import Header from '@/components/template/Header'\nimport SidePanel from '@/components/template/SidePanel'\nimport UserProfileDropdown from '@/components//template/UserProfileDropdown'\nimport LanguageSelector from '@/components/template/LanguageSelector'\nimport Notification from '@/components/template/Notification'\nimport HeaderLogo from '@/components/template/HeaderLogo'\nimport Search from '@/components/template/Search'\nimport MobileNav from '@/components/template/MobileNav'\nimport HorizontalNav from '@/components/template/HorizontalNav'\nimport LayoutBase from '@/components//template/LayoutBase'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { LAYOUT_TOP_BAR_CLASSIC } from '@/constants/theme.constant'\nimport type { CommonProps } from '@/@types/common'\n\nconst TopBarClassic = ({ children }: ~~CommonProps~~) => {\n const { larger, smaller } = useResponsive()\n\n return (\n <LayoutBase\n type={LAYOUT_TOP_BAR_CLASSIC}\n className=\"app-layout-top-bar-classic flex flex-auto flex-col min-h-screen\"\n >\n <div className=\"flex flex-auto min-w-0\">\n <div className=\"flex flex-col flex-auto min-h-screen min-w-0 relative w-full\">\n <Header\n container\n className=\"shadow dark:shadow-2xl\"\n headerStart={\n <>\n {smaller.lg && <MobileNav />}\n <HeaderLogo />\n </>\n }\n headerMiddle={<>{larger.lg && <HorizontalNav />}</>}\n headerEnd={\n <>\n <Search />\n <LanguageSelector />\n <Notification />\n <SidePanel />\n <UserProfileDropdown hoverable={false} />\n </>\n }\n />\n {children}\n </div>\n </div>\n </LayoutBase>\n )\n}\n\nexport default TopBarClassic\n"],"names":["TopBarClassic","children","larger","smaller","useResponsive","jsx","LayoutBase","LAYOUT_TOP_BAR_CLASSIC","jsxs","Header","Fragment","MobileNav","HeaderLogo","HorizontalNav","Search","LanguageSelector","Notification","SidePanel","UserProfileDropdown"],"mappings":";;;;;;;;;;;;;;;~~AAcA~~,MAAMA,IAAgB,CAAC,EAAE,UAAAC,~~QAA4B~~;~~AACjD~~,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA;AAE5B,~~SACI~~,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,~~MACG~~,MAAMC;AAAA,MACN,WAAU;AAAA,MAEV,4BAAC,OAAA,EAAI,WAAU,~~0BACX~~,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,~~gEACX~~,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,~~YACG~~,WAAS;AAAA,YACT,WAAU;AAAA,YACV,~~aACI~~,gBAAAD,EAAAE,GAAA,~~EACK~~,UAAA;AAAA,cAAAP,EAAQ,wBAAOQ,GAAA,CAAA,CAAU;AAAA,gCACzBC,GAAA,CAAA,CAAW;AAAA,YAAA,~~GAChB~~;AAAA,~~YAEJ~~,cAAc,gBAAAP,EAAAK,GAAA,EAAG,UAAAR,EAAO,MAAM,gBAAAG,EAACQ,KAAc,GAAG;AAAA,YAChD,~~WACI~~,gBAAAL,EAAAE,GAAA,~~EACI~~,UAAA;AAAA,cAAA,gBAAAL,EAACS,GAAA,EAAO;AAAA,gCACPC,GAAA,EAAiB;AAAA,gCACjBC,GAAA,EAAa;AAAA,gCACbC,GAAA,EAAU;AAAA,cACX,gBAAAZ,EAACa,GAAA,EAAoB,WAAW,GAAA,CAAO;AAAA,YAAA,EAAA,~~CAC3C~~;AAAA,UAAA;AAAA,QAAA;AAAA,~~QAGPjB~~;AAAA,MAAA,EAAA,~~CACL~~,EAAA,~~CACJ~~;AAAA,IAAA;AAAA,EAAA;~~AAGZ~~;"}
1	+ {"version":3,"file":"TopBarClassic.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/TopBarClassic.tsx"],"sourcesContent":["import Header from \"@/components/template/Header\";\nimport SidePanel from \"@/components/template/SidePanel\";\nimport UserProfileDropdown from \"@/components//template/UserProfileDropdown\";\nimport LanguageSelector from \"@/components/template/LanguageSelector\";\nimport Notification from \"@/components/template/Notification\";\nimport HeaderLogo from \"@/components/template/HeaderLogo\";\nimport Search from \"@/components/template/Search\";\nimport MobileNav from \"@/components/template/MobileNav\";\nimport HorizontalNav from \"@/components/template/HorizontalNav\";\nimport LayoutBase from \"@/components//template/LayoutBase\";\nimport useResponsive from \"@/utils/hooks/useResponsive\";\nimport { LAYOUT_TOP_BAR_CLASSIC } from \"@/constants/theme.constant\";\nimport type { CommonProps } from \"@/@types/common\";\n\ninterface TopBarClassicProps extends CommonProps {\n pageTitle?: string;\n}\n\nconst TopBarClassic = ({ children, pageTitle }: TopBarClassicProps) => {\n const { larger, smaller } = useResponsive();\n\n return (\n <LayoutBase\n type={LAYOUT_TOP_BAR_CLASSIC}\n className=\"app-layout-top-bar-classic flex flex-auto flex-col min-h-screen\"\n >\n <div className=\"flex flex-auto min-w-0\">\n <div className=\"flex flex-col flex-auto min-h-screen min-w-0 relative w-full\">\n <Header\n container\n className=\"shadow dark:shadow-2xl\"\n headerStart={\n <>\n {smaller.lg && <MobileNav />}\n <HeaderLogo />\n </>\n }\n headerMiddle={<>{larger.lg && <HorizontalNav />}</>}\n headerEnd={\n <>\n <Search />\n <LanguageSelector />\n <Notification />\n <SidePanel />\n <UserProfileDropdown hoverable={false} />\n </>\n }\n />\n {pageTitle && (\n <div className=\"page-header mb-4\">\n <h2 className=\"text-3xl font-bold\">{pageTitle}</h2>\n </div>\n )}\n {children}\n </div>\n </div>\n </LayoutBase>\n );\n};\n\nexport default TopBarClassic;\n"],"names":["TopBarClassic","children","pageTitle","larger","smaller","useResponsive","jsx","LayoutBase","LAYOUT_TOP_BAR_CLASSIC","jsxs","Header","Fragment","MobileNav","HeaderLogo","HorizontalNav","Search","LanguageSelector","Notification","SidePanel","UserProfileDropdown"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAMA,IAAgB,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAAoC;AACrE,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA;AAE5B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMC;AAAA,MACN,WAAU;AAAA,MAEV,4BAAC,OAAA,EAAI,WAAU,0BACb,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAS;AAAA,YACT,WAAU;AAAA,YACV,aACE,gBAAAD,EAAAE,GAAA,EACG,UAAA;AAAA,cAAAP,EAAQ,wBAAOQ,GAAA,CAAA,CAAU;AAAA,gCACzBC,GAAA,CAAA,CAAW;AAAA,YAAA,GACd;AAAA,YAEF,cAAc,gBAAAP,EAAAK,GAAA,EAAG,UAAAR,EAAO,MAAM,gBAAAG,EAACQ,KAAc,GAAG;AAAA,YAChD,WACE,gBAAAL,EAAAE,GAAA,EACE,UAAA;AAAA,cAAA,gBAAAL,EAACS,GAAA,EAAO;AAAA,gCACPC,GAAA,EAAiB;AAAA,gCACjBC,GAAA,EAAa;AAAA,gCACbC,GAAA,EAAU;AAAA,cACX,gBAAAZ,EAACa,GAAA,EAAoB,WAAW,GAAA,CAAO;AAAA,YAAA,EAAA,CACzC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHjB,KACC,gBAAAI,EAAC,OAAA,EAAI,WAAU,oBACb,4BAAC,MAAA,EAAG,WAAU,sBAAsB,UAAAJ,EAAA,CAAU,EAAA,CAChD;AAAA,QAEDD;AAAA,MAAA,EAAA,CACH,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/@ecme/components/shared/EllipsisButton.js CHANGED Viewed

@@ -1,21 +1,27 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../ui/Button/index.js";
-import { TbDots as n } from "react-icons/tb";
+import { TbDots as e } from "react-icons/tb";
+import "../ui/index.js";
 import m from "../ui/Button/Button.js";
-const l = (t) => {
-  const { shape: i = "circle", variant: r = "plain", size: s = "xs" } = t;
+const u = (t) => {
+  const {
+    shape: i = "circle",
+    variant: r = "plain",
+    size: n = "xs",
+    type: s = "button"
+  } = t;
   return /* @__PURE__ */ o(
     m,
     {
       shape: i,
       variant: r,
-      size: s,
-      icon: /* @__PURE__ */ o(n, {}),
+      size: n,
+      icon: /* @__PURE__ */ o(e, {}),
+      type: s,
       ...t
     }
   );
 };
 export {
-  l as default
+  u as default
 };
 //# sourceMappingURL=EllipsisButton.js.map

package/dist/@ecme/components/shared/EllipsisButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EllipsisButton.js","sources":["../../../../lib/@ecme/components/shared/EllipsisButton.tsx"],"sourcesContent":["import ~~Button from '@/components/ui/Button'\nimport~~ { TbDots } from 'react-icons/tb'\nimport ~~type~~ { ButtonProps } from ~~'@/components/~~ui~~/Button'~~\n\ntype EllipsisButtonProps = ButtonProps\n\nconst EllipsisButton = (props: EllipsisButtonProps) => {\n const { shape = 'circle', variant = 'plain', size = 'xs' } = props\n\n return (\n <Button\n shape={shape}\n variant={variant}\n size={size}\n icon={<TbDots />}\n {...props}\n />\n )\n}\n\nexport default EllipsisButton\n"],"names":["EllipsisButton","props","shape","variant","size","jsx","Button","TbDots"],"mappings":";;;;~~AAMA~~,MAAMA,IAAiB,CAACC,MAA+B;~~AACnD~~,QAAM,~~EAAE~~,OAAAC,IAAQ,~~UAAU~~,SAAAC,IAAU,~~SAAS~~,MAAAC,IAAO,~~SAASH~~;~~AAE7D~~,~~SACI~~,~~gBAAAI~~;AAAA,IAACC;AAAA,IAAA;AAAA,~~MACG~~,~~OAAAJ~~;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,~~wBAAOG~~,GAAA,EAAO;AAAA,~~MACb~~,~~GAAGN~~;AAAA,IAAA;AAAA,EAAA;~~AAGhB~~;"}
1	+ {"version":3,"file":"EllipsisButton.js","sources":["../../../../lib/@ecme/components/shared/EllipsisButton.tsx"],"sourcesContent":["import { TbDots } from \"react-icons/tb\";\nimport { Button, ButtonProps } from \"../ui\";\n\ntype EllipsisButtonProps = ButtonProps;\n\nconst EllipsisButton = (props: EllipsisButtonProps) => {\n const {\n shape = \"circle\",\n variant = \"plain\",\n size = \"xs\",\n type = \"button\",\n } = props;\n\n return (\n <Button\n shape={shape}\n variant={variant}\n size={size}\n icon={<TbDots />}\n type={type}\n {...props}\n />\n );\n};\n\nexport default EllipsisButton;\n"],"names":["EllipsisButton","props","shape","variant","size","type","jsx","Button","TbDots"],"mappings":";;;;AAKA,MAAMA,IAAiB,CAACC,MAA+B;AACrD,QAAM;AAAA,IACJ,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,EAAA,IACLJ;AAEJ,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAL;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,wBAAOI,GAAA,EAAO;AAAA,MACd,MAAAH;AAAA,MACC,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/@ecme/components/ui/Input/Input.js CHANGED Viewed

@@ -1,86 +1,83 @@
-import { jsx as a, jsxs as G } from "react/jsx-runtime";
-import { useState as N, useRef as W, useEffect as tt } from "react";
-import b from "classnames";
+import { jsx as c, jsxs as N } from "react/jsx-runtime";
+import { useState as W, useRef as w, useEffect as et } from "react";
+import $ from "classnames";
 import "../ConfigProvider/index.js";
-import { useForm as et, useFormItem as rt } from "../Form/context.js";
-import { useInputGroup as nt } from "../InputGroup/context.js";
-import { CONTROL_SIZES as it } from "../utils/constants.js";
-import w from "lodash/isNil";
-import { useConfig as st } from "../ConfigProvider/ConfigProvider.js";
-const ht = (u) => {
-  var y, I, v;
+import { useForm as rt, useFormItem as nt } from "../Form/context.js";
+import { useInputGroup as it } from "../InputGroup/context.js";
+import { CONTROL_SIZES as st } from "../utils/constants.js";
+import b from "lodash/isNil";
+import { useConfig as ot } from "../ConfigProvider/ConfigProvider.js";
+const Ct = (f) => {
+  var I, v, z;
   const {
     asElement: A = "input",
-    className: c,
-    disabled: p,
-    invalid: R,
+    className: p,
+    disabled: d,
+    invalid: E,
     prefix: e,
-    size: $,
+    size: R,
     suffix: r,
-    textArea: f,
-    type: E = "text",
+    textArea: a,
+    type: m = "text",
     ref: F,
     rows: L,
-    style: d,
-    unstyle: P = !1,
+    style: x,
+    unstyle: O = !1,
+    disallowWhitespaceOnly: P = !1,
     ...l
-  } = u, [T, j] = N(0), [O, V] = N(0), { controlSize: D, direction: m } = st(), Z = (y = et()) == null ? void 0 : y.size, _ = (I = rt()) == null ? void 0 : I.invalid, k = (v = nt()) == null ? void 0 : v.size, x = $ || k || Z || D, h = R || _, q = (t) => typeof t > "u" || t === null ? "" : t;
-  "value" in u && (l.value = q(u.value), delete l.defaultValue);
-  const B = "input", H = `input-${x} ${it[x].h}`, J = "focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary", K = b(
+  } = f, [T, j] = W(0), [V, D] = W(0), { controlSize: Z, direction: h } = ot(), _ = (I = rt()) == null ? void 0 : I.size, k = (v = nt()) == null ? void 0 : v.invalid, q = (z = it()) == null ? void 0 : z.size, C = R || q || _ || Z, S = E || k, B = (t) => typeof t > "u" || t === null ? "" : t;
+  "value" in f && (l.value = B(f.value), delete l.defaultValue);
+  const H = "input", J = `input-${C} ${st[C].h}`, K = "focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary", M = $(
     "input-wrapper",
-    e || r ? c : ""
-  ), M = b(
-    B,
-    !f && H,
-    !h && J,
-    !e && !r ? c : "",
-    p && "input-disabled",
-    h && "input-invalid",
-    f && "input-textarea"
-  ), s = W(null), o = W(null), Q = () => {
-    var n, z;
+    e || r ? p : ""
+  ), Q = $(
+    H,
+    !a && J,
+    !S && K,
+    !e && !r ? p : "",
+    d && "input-disabled",
+    S && "input-invalid",
+    a && "input-textarea"
+  ), s = w(null), o = w(null), U = () => {
+    var n, G;
     if (!s.current && !o.current)
       return;
-    const t = (n = s == null ? void 0 : s.current) == null ? void 0 : n.offsetWidth, i = (z = o == null ? void 0 : o.current) == null ? void 0 : z.offsetWidth;
-    w(t) && w(i) || (t && j(t), i && V(i));
+    const t = (n = s == null ? void 0 : s.current) == null ? void 0 : n.offsetWidth, i = (G = o == null ? void 0 : o.current) == null ? void 0 : G.offsetWidth;
+    b(t) && b(i) || (t && j(t), i && D(i));
   };
-  tt(() => {
-    Q();
+  et(() => {
+    U();
   }, [e, r]);
-  const C = (t) => 0.0625 * t, U = () => {
-    const t = `${C(T) + 1}rem`, i = `${C(O) + 1}rem`, n = {};
-    return m === "ltr" && (e && (n.paddingLeft = t), r && (n.paddingRight = i)), m === "rtl" && (e && (n.paddingRight = t), r && (n.paddingLeft = i)), n;
-  }, g = {
-    className: P ? "" : M,
-    disabled: p,
-    type: E,
+  const g = (t) => 0.0625 * t, X = () => {
+    const t = `${g(T) + 1}rem`, i = `${g(V) + 1}rem`, n = {};
+    return h === "ltr" && (e && (n.paddingLeft = t), r && (n.paddingRight = i)), h === "rtl" && (e && (n.paddingRight = t), r && (n.paddingLeft = i)), n;
+  }, u = {
+    className: O ? "" : Q,
+    disabled: d,
+    type: m,
     ref: F,
     ...l
-  }, X = /* @__PURE__ */ a(
+  };
+  P && m === "text" && (u.pattern = "\\S(?!\\s*$).*", u.title = "Este campo não pode conter apenas espaços.");
+  const Y = /* @__PURE__ */ c(
     "textarea",
     {
-      style: d,
+      style: x,
       rows: L,
-      ...g
-    }
-  ), S = /* @__PURE__ */ a(
-    A,
-    {
-      style: { ...U(), ...d },
-      ...g
+      ...u
     }
-  ), Y = /* @__PURE__ */ G("span", { className: K, children: [
-    e ? /* @__PURE__ */ G("div", { ref: s, className: "input-suffix-start", children: [
+  ), y = /* @__PURE__ */ c(A, { style: { ...X(), ...x }, ...u }), tt = /* @__PURE__ */ N("span", { className: M, children: [
+    e ? /* @__PURE__ */ N("div", { ref: s, className: "input-suffix-start", children: [
       " ",
       e,
       " "
     ] }) : null,
-    S,
-    r ? /* @__PURE__ */ a("div", { ref: o, className: "input-suffix-end", children: r }) : null
+    y,
+    r ? /* @__PURE__ */ c("div", { ref: o, className: "input-suffix-end", children: r }) : null
   ] });
-  return f ? X : e || r ? Y : S;
+  return a ? Y : e || r ? tt : y;
 };
 export {
-  ht as default
+  Ct as default
 };
 //# sourceMappingURL=Input.js.map

package/dist/@ecme/components/ui/Input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../../../lib/@ecme/components/ui/Input/Input.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm, useFormItem } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES } from '../utils/constants'\nimport isNil from 'lodash/isNil'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n InputHTMLAttributes,\n ElementType,\n ReactNode,\n HTMLInputTypeAttribute,\n ClassAttributes,\n Ref,\n} from 'react'\n\nexport interface InputProps\n extends CommonProps,\n Omit<\n InputHTMLAttributes<HTMLInputElement \| HTMLTextAreaElement>,\n 'size' \| 'prefix'\n > {\n asElement?: ElementType\n disabled?: boolean\n invalid?: boolean\n prefix?: string \| ReactNode\n rows?: number\n ref?: Ref<ElementType \| HTMLInputElement \| HTMLTextAreaElement>\n size?: TypeAttributes.ControlSize\n suffix?: string \| ReactNode\n textArea?: boolean\n type?: HTMLInputTypeAttribute\n unstyle?: boolean\n}\n\nconst Input = (props: InputProps) => {\n const {\n asElement: Component = 'input',\n className,\n disabled,\n invalid,\n prefix,\n size,\n suffix,\n textArea,\n type = 'text',\n ref,\n rows,\n style,\n unstyle = false,\n ...rest\n } = props\n\n const [prefixGutter, setPrefixGutter] = useState(0)\n const [suffixGutter, setSuffixGutter] = useState(0)\n\n const { controlSize, direction } = useConfig()\n const formControlSize = useForm()?.size\n const formItemInvalid = useFormItem()?.invalid\n const inputGroupSize = useInputGroup()?.size\n\n const inputSize = size \|\| inputGroupSize \|\| formControlSize \|\| controlSize\n\n const isInputInvalid = invalid \|\| formItemInvalid\n\n const fixControlledValue = (\n val: string \| number \| readonly string[] \| undefined,\n ) => {\n if (typeof val === 'undefined' \|\| val === null) {\n return ''\n }\n return val\n }\n\n if ('value' in props) {\n rest.value = fixControlledValue(props.value)\n delete rest.defaultValue\n }\n\n const inputDefaultClass = 'input'\n const inputSizeClass = `input-${inputSize} ${CONTROL_SIZES[inputSize].h}`\n const inputFocusClass = `focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary`\n const inputWrapperClass = classNames(\n 'input-wrapper',\n prefix \|\| suffix ? className : ~~'',\~~n )\n const inputClass = classNames(\n inputDefaultClass,\n !textArea && inputSizeClass,\n !isInputInvalid && inputFocusClass,\n !prefix && !suffix ? className : '',\n disabled && 'input-disabled',\n isInputInvalid && 'input-invalid',\n textArea && 'input-textarea~~',\~~n )\n\n const prefixNode = useRef<HTMLDivElement>(null)\n const suffixNode = useRef<HTMLDivElement>(null)\n\n const getAffixSize = () => {\n if (!prefixNode.current && !suffixNode.current) {\n return\n }\n const prefixNodeWidth = prefixNode?.current?.offsetWidth\n const suffixNodeWidth = suffixNode?.current?.offsetWidth\n\n if (isNil(prefixNodeWidth) && isNil(suffixNodeWidth)) {\n return\n }\n\n if (prefixNodeWidth) {\n setPrefixGutter(prefixNodeWidth)\n }\n\n if (suffixNodeWidth) {\n setSuffixGutter(suffixNodeWidth)\n }\n }\n\n useEffect(() => {\n getAffixSize()\n }, [prefix, suffix])\n\n const remToPxConvertion = (pixel: number) => 0.0625 * pixel\n\n const affixGutterStyle = () => {\n const leftGutter = `${remToPxConvertion(prefixGutter) + 1}rem`\n const rightGutter = `${remToPxConvertion(suffixGutter) + 1}rem`\n const gutterStyle: {\n paddingLeft?: string\n paddingRight?: string\n } = {}\n\n if (direction === 'ltr') {\n if (prefix) {\n gutterStyle.paddingLeft = leftGutter\n }\n\n if (suffix) {\n gutterStyle.paddingRight = rightGutter\n }\n }\n\n if (direction === 'rtl') {\n if (prefix) {\n gutterStyle.paddingRight = leftGutter\n }\n\n if (suffix) {\n gutterStyle.paddingLeft = rightGutter\n }\n }\n\n return gutterStyle\n }\n\n const inputProps = {\n className: !unstyle ? inputClass : '',\n disabled,\n type,\n ref,\n ...rest,\n }\n\n const renderTextArea = (\n <textarea\n style={style}\n rows={rows}\n {...(inputProps as ClassAttributes<HTMLTextAreaElement>)}\n ></textarea>\n )\n\n const renderInput = (\n <Component\n style={{ ...affixGutterStyle(), ...style }}\n {...inputProps}\n />\n )\n\n const renderAffixInput = (\n <span className={inputWrapperClass}>\n {prefix ? (\n <div ref={prefixNode} className=\"input-suffix-start\">\n {' '}\n {prefix}{' '}\n </div>\n ) : null}\n {renderInput}\n {suffix ? (\n <div ref={suffixNode} className=\"input-suffix-end\">\n {suffix}\n </div>\n ) : null}\n </span>\n )\n\n const renderChildren = () => {\n if (textArea) {\n return renderTextArea\n }\n\n if (prefix \|\| suffix) {\n return renderAffixInput\n } else {\n return renderInput\n }\n }\n\n return renderChildren()\n}\n\nexport default Input\n"],"names":["Input","props","Component","className","disabled","invalid","prefix","size","suffix","textArea","type","ref","rows","style","unstyle","rest","prefixGutter","setPrefixGutter","useState","suffixGutter","setSuffixGutter","controlSize","direction","useConfig","formControlSize","_a","useForm","formItemInvalid","_b","useFormItem","inputGroupSize","_c","useInputGroup","inputSize","isInputInvalid","fixControlledValue","val","inputDefaultClass","inputSizeClass","CONTROL_SIZES","inputFocusClass","inputWrapperClass","classNames","inputClass","prefixNode","useRef","suffixNode","getAffixSize","prefixNodeWidth","suffixNodeWidth","isNil","useEffect","remToPxConvertion","pixel","affixGutterStyle","leftGutter","rightGutter","gutterStyle","inputProps","renderTextArea","jsx","renderInput","renderAffixInput","jsxs"],"mappings":";;;;;;;;;~~AAoCA~~,MAAMA,KAAQ,CAACC,MAAsB;;~~AACjC~~,QAAM;AAAA,~~IACF~~,WAAWC,IAAY;AAAA,IACvB,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,EAAA,~~IACHd~~,GAEE,~~CAACe~~,GAAcC,CAAe,IAAIC,EAAS,CAAC,GAC5C,CAACC,GAAcC,CAAe,IAAIF,EAAS,CAAC,GAE5C,EAAE,aAAAG,GAAa,WAAAC,EAAA,IAAcC,GAAA,GAC7BC,KAAkBC,IAAAC,SAAA,gBAAAD,EAAW,MAC7BE,KAAkBC,IAAAC,SAAA,gBAAAD,EAAe,SACjCE,KAAiBC,IAAAC,SAAA,gBAAAD,EAAiB,MAElCE,~~IAAY1B~~,~~KAAQuB~~,KAAkBN,KAAmBH,GAEzDa,~~IAAiB7B~~,~~KAAWsB~~,GAE5BQ,IAAqB,~~CACvBC~~,MAEI,OAAOA,IAAQ,OAAeA,MAAQ,~~OAC/B~~,~~KAEJA~~;~~AAGX~~,EAAI,~~WAAWnC~~,~~MACXc~~,EAAK,QAAQoB,~~EAAmBlC~~,EAAM,KAAK,GAC3C,~~OAAOc~~,EAAK;~~AAGhB~~,QAAMsB,IAAoB,SACpBC,IAAiB,SAASL,CAAS,IAAIM,GAAcN,CAAS,EAAE,CAAC,IACjEO,IAAkB,iGAClBC,IAAoBC;AAAA,~~IACtB~~;AAAA,~~IACApC~~,KAAUE,IAASL,IAAY;AAAA,EAAA,~~GAE7BwC~~,IAAaD;AAAA,~~IACfL~~;AAAA,IACA,~~CAAC5B~~,~~KAAY6B~~;AAAA,IACb,CAACJ,KAAkBM;AAAA,IACnB,~~CAAClC~~,KAAU,CAACE,IAASL,IAAY;AAAA,IACjCC,KAAY;AAAA,~~IACZ8B~~,KAAkB;AAAA,~~IAClBzB~~,KAAY;AAAA,EAAA,~~GAGVmC~~,IAAaC,EAAuB,IAAI,GACxCC,IAAaD,EAAuB,IAAI,GAExCE,IAAe,MAAM;;~~AACvB~~,QAAI,CAACH,EAAW,WAAW,CAACE,EAAW;~~AACnC~~;~~AAEJ~~,UAAME,KAAkBvB,IAAAmB,KAAA,gBAAAA,EAAY,YAAZ,gBAAAnB,EAAqB,aACvCwB,KAAkBrB,IAAAkB,KAAA,gBAAAA,EAAY,YAAZ,gBAAAlB,EAAqB;AAE7C,IAAIsB,EAAMF,CAAe,KAAKE,EAAMD,CAAe,MAI/CD,~~KACA~~/B,EAAgB+B,CAAe,~~GAG/BC~~,~~KACA7B~~,EAAgB6B,CAAe;AAAA,~~EACnC~~;~~AAGJ~~,EAAAE,GAAU,MAAM;~~AACZ~~,IAAAJ,EAAA;AAAA,EAAa,~~GACd~~,~~CAACzC~~,GAAQE,CAAM,CAAC;AAEnB,~~QAAM4C~~,IAAoB,CAACC,MAAkB,SAASA,GAEhDC,IAAmB,MAAM;~~AAC3B~~,UAAMC,IAAa,GAAGH,EAAkBpC,CAAY,IAAI,CAAC,OACnDwC,IAAc,GAAGJ,EAAkBjC,CAAY,IAAI,CAAC,OACpDsC,IAGF,CAAA;AAEJ,WAAInC,MAAc,~~UACVhB~~,~~MACAmD~~,EAAY,cAAcF,~~IAG1B/C~~,~~MACAiD~~,EAAY,eAAeD,~~KAI/BlC~~,MAAc,~~UACVhB~~,~~MACAmD~~,EAAY,eAAeF,~~IAG3B/C~~,~~MACAiD~~,EAAY,cAAcD,~~KAI3BC~~;AAAA,EAAA,~~GAGLC~~,IAAa;AAAA,~~IACf~~,~~WAAY5C~~,IAAuB,~~KAAb6B~~;AAAA,IACtB,~~UAAAvC~~;AAAA,IACA,MAAAM;AAAA,IACA,KAAAC;AAAA,IACA,~~GAAGI~~;AAAA,EAAA,~~GAGD4C~~,~~IACF~~,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,~~MACG~~,~~OAAA/C~~;AAAA,MACA,MAAAD;AAAA,MACC,~~GAAI8C~~;AAAA,IAAA;AAAA,EAAA,~~GAIPG~~,~~IACF~~,gBAAAD~~;AAAA~~,~~IAAC1D;AAAA~~,~~IAAA;AAAA~~,~~MACG~~,OAAO,EAAE,~~GAAGoD~~,EAAA,GAAoB,~~GAAGzC~~,~~EAAA;AAAA~~,~~MAClC~~,~~GAAG6C;AAAA~~,~~IAAA;AAAA~~,~~EAAA~~,~~GAINI~~,~~IACF,~~gBAAAC,EAAC,QAAA,EAAK,WAAWtB,~~GACZ~~,UAAA;AAAA,~~IAAAnC~~,~~IACG~~,~~gBAAAyD~~,EAAC,OAAA,EAAI,KAAKnB,GAAY,WAAU,~~sBAC3B~~,UAAA;AAAA,MAAA;AAAA,~~MACAtC~~;AAAA,MAAQ;AAAA,IAAA,EAAA,~~CACb~~,~~IACA~~;AAAA,~~IACHuD~~;AAAA,~~IACArD~~,~~sBACI~~,OAAA,EAAI,~~KAAKsC~~,GAAY,WAAU,~~oBAC3B~~,~~aACL~~,~~IACA~~;AAAA,EAAA,~~GACR~~;~~AAeJ~~,~~SAXQrC~~,~~IACOkD~~,~~IAGPrD~~,KAAUE,~~IACHsD~~,~~IAEAD~~;~~AAKnB~~;"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../../lib/@ecme/components/ui/Input/Input.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport { useConfig } from \"../ConfigProvider\";\nimport { useForm, useFormItem } from \"../Form/context\";\nimport { useInputGroup } from \"../InputGroup/context\";\nimport { CONTROL_SIZES } from \"../utils/constants\";\nimport isNil from \"lodash/isNil\";\nimport type { CommonProps, TypeAttributes } from \"../@types/common\";\nimport type {\n InputHTMLAttributes,\n ElementType,\n ReactNode,\n HTMLInputTypeAttribute,\n ClassAttributes,\n Ref,\n} from \"react\";\n\nexport interface InputProps\n extends CommonProps,\n Omit<\n InputHTMLAttributes<HTMLInputElement \| HTMLTextAreaElement>,\n \"size\" \| \"prefix\"\n > {\n asElement?: ElementType;\n disabled?: boolean;\n invalid?: boolean;\n prefix?: string \| ReactNode;\n rows?: number;\n ref?: Ref<ElementType \| HTMLInputElement \| HTMLTextAreaElement>;\n size?: TypeAttributes.ControlSize;\n suffix?: string \| ReactNode;\n textArea?: boolean;\n type?: HTMLInputTypeAttribute;\n unstyle?: boolean;\n disallowWhitespaceOnly?: boolean;\n}\n\nconst Input = (props: InputProps) => {\n const {\n asElement: Component = \"input\",\n className,\n disabled,\n invalid,\n prefix,\n size,\n suffix,\n textArea,\n type = \"text\",\n ref,\n rows,\n style,\n unstyle = false,\n disallowWhitespaceOnly = false,\n ...rest\n } = props;\n\n const [prefixGutter, setPrefixGutter] = useState(0);\n const [suffixGutter, setSuffixGutter] = useState(0);\n\n const { controlSize, direction } = useConfig();\n const formControlSize = useForm()?.size;\n const formItemInvalid = useFormItem()?.invalid;\n const inputGroupSize = useInputGroup()?.size;\n\n const inputSize = size \|\| inputGroupSize \|\| formControlSize \|\| controlSize;\n\n const isInputInvalid = invalid \|\| formItemInvalid;\n\n const fixControlledValue = (\n val: string \| number \| readonly string[] \| undefined\n ) => {\n if (typeof val === \"undefined\" \|\| val === null) {\n return \"\";\n }\n return val;\n };\n\n if (\"value\" in props) {\n rest.value = fixControlledValue(props.value);\n delete rest.defaultValue;\n }\n\n const inputDefaultClass = \"input\";\n const inputSizeClass = `input-${inputSize} ${CONTROL_SIZES[inputSize].h}`;\n const inputFocusClass = `focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary`;\n const inputWrapperClass = classNames(\n \"input-wrapper\",\n prefix \|\| suffix ? className : \"\"\n );\n const inputClass = classNames(\n inputDefaultClass,\n !textArea && inputSizeClass,\n !isInputInvalid && inputFocusClass,\n !prefix && !suffix ? className : \"\",\n disabled && \"input-disabled\",\n isInputInvalid && \"input-invalid\",\n textArea && \"input-textarea\"\n );\n\n const prefixNode = useRef<HTMLDivElement>(null);\n const suffixNode = useRef<HTMLDivElement>(null);\n\n const getAffixSize = () => {\n if (!prefixNode.current && !suffixNode.current) {\n return;\n }\n const prefixNodeWidth = prefixNode?.current?.offsetWidth;\n const suffixNodeWidth = suffixNode?.current?.offsetWidth;\n\n if (isNil(prefixNodeWidth) && isNil(suffixNodeWidth)) {\n return;\n }\n\n if (prefixNodeWidth) {\n setPrefixGutter(prefixNodeWidth);\n }\n\n if (suffixNodeWidth) {\n setSuffixGutter(suffixNodeWidth);\n }\n };\n\n useEffect(() => {\n getAffixSize();\n }, [prefix, suffix]);\n\n const remToPxConvertion = (pixel: number) => 0.0625 * pixel;\n\n const affixGutterStyle = () => {\n const leftGutter = `${remToPxConvertion(prefixGutter) + 1}rem`;\n const rightGutter = `${remToPxConvertion(suffixGutter) + 1}rem`;\n const gutterStyle: {\n paddingLeft?: string;\n paddingRight?: string;\n } = {};\n\n if (direction === \"ltr\") {\n if (prefix) {\n gutterStyle.paddingLeft = leftGutter;\n }\n\n if (suffix) {\n gutterStyle.paddingRight = rightGutter;\n }\n }\n\n if (direction === \"rtl\") {\n if (prefix) {\n gutterStyle.paddingRight = leftGutter;\n }\n\n if (suffix) {\n gutterStyle.paddingLeft = rightGutter;\n }\n }\n\n return gutterStyle;\n };\n\n const inputProps = {\n className: !unstyle ? inputClass : \"\",\n disabled,\n type,\n ref,\n ...rest,\n };\n\n if (disallowWhitespaceOnly && type === \"text\") {\n inputProps.pattern = \"\\\\S(?!\\\\s$).\"; \n inputProps.title = \"Este campo não pode conter apenas espaços.\"; \n }\n\n const renderTextArea = (\n <textarea\n style={style}\n rows={rows}\n {...(inputProps as ClassAttributes<HTMLTextAreaElement>)}\n ></textarea>\n );\n\n const renderInput = (\n <Component style={{ ...affixGutterStyle(), ...style }} {...inputProps} />\n );\n\n const renderAffixInput = (\n <span className={inputWrapperClass}>\n {prefix ? (\n <div ref={prefixNode} className=\"input-suffix-start\">\n {\" \"}\n {prefix}{\" \"}\n </div>\n ) : null}\n {renderInput}\n {suffix ? (\n <div ref={suffixNode} className=\"input-suffix-end\">\n {suffix}\n </div>\n ) : null}\n </span>\n );\n\n const renderChildren = () => {\n if (textArea) {\n return renderTextArea;\n }\n\n if (prefix \|\| suffix) {\n return renderAffixInput;\n } else {\n return renderInput;\n }\n };\n\n return renderChildren();\n};\n\nexport default Input;\n"],"names":["Input","props","Component","className","disabled","invalid","prefix","size","suffix","textArea","type","ref","rows","style","unstyle","disallowWhitespaceOnly","rest","prefixGutter","setPrefixGutter","useState","suffixGutter","setSuffixGutter","controlSize","direction","useConfig","formControlSize","_a","useForm","formItemInvalid","_b","useFormItem","inputGroupSize","_c","useInputGroup","inputSize","isInputInvalid","fixControlledValue","val","inputDefaultClass","inputSizeClass","CONTROL_SIZES","inputFocusClass","inputWrapperClass","classNames","inputClass","prefixNode","useRef","suffixNode","getAffixSize","prefixNodeWidth","suffixNodeWidth","isNil","useEffect","remToPxConvertion","pixel","affixGutterStyle","leftGutter","rightGutter","gutterStyle","inputProps","renderTextArea","jsx","renderInput","renderAffixInput","jsxs"],"mappings":"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"}