@pnkx-lib/ui 1.9.433 → 1.9.436

package/es/fields/Input.js

@@ -7,6 +7,51 @@ import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { Tooltip } from '../ui/Tooltip.js';
 
+const AllowClearIcon = ({
+  size = 6,
+  color = "currentColor",
+  className,
+  style,
+  onClick,
+  "aria-label": ariaLabel,
+  title,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className,
+    style: {
+      width: size,
+      height: size,
+      cursor: onClick ? "pointer" : "default",
+      ...style
+    },
+    onClick,
+    role: onClick ? "button" : void 0,
+    "aria-label": ariaLabel,
+    title,
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "100%",
+        height: "100%",
+        fill: "none",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: color || "#116DFF",
+            fillRule: "evenodd",
+            d: "M5.2 0 3 2.2.8 0 0 .8 2.2 3 0 5.3l.8.7L3 3.8 5.2 6l.8-.7L3.8 3 6 .8 5.2 0Z",
+            clipRule: "evenodd"
+          }
+        )
+      }
+    )
+  }
+);
+
 /**
  * react-number-format - 5.4.3
  * Author : Sudhanshu Yadav
@@ -1228,51 +1273,6 @@ function NumericFormat(props) {
     return React__default.createElement(NumberFormatBase, Object.assign({}, numericFormatProps));
 }
 
-const AllowClearIcon = ({
-  size = 6,
-  color = "currentColor",
-  className,
-  style,
-  onClick,
-  "aria-label": ariaLabel,
-  title,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className,
-    style: {
-      width: size,
-      height: size,
-      cursor: onClick ? "pointer" : "default",
-      ...style
-    },
-    onClick,
-    role: onClick ? "button" : void 0,
-    "aria-label": ariaLabel,
-    title,
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "100%",
-        height: "100%",
-        fill: "none",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: color || "#116DFF",
-            fillRule: "evenodd",
-            d: "M5.2 0 3 2.2.8 0 0 .8 2.2 3 0 5.3l.8.7L3 3.8 5.2 6l.8-.7L3.8 3 6 .8 5.2 0Z",
-            clipRule: "evenodd"
-          }
-        )
-      }
-    )
-  }
-);
-
 const Input = (props) => {
   //! State
   const {

package/es/fields/Select.js

@@ -1,36 +1,15 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Select as Select$1 } from 'antd';
 import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
-import { R as RefIcon } from '../chunks/CloseOutlined-D9hb-IcI.js';
-import { R as RefIcon$1 } from '../chunks/DownOutlined-CkHKgaSi.js';
+import { R as RefIcon } from '../chunks/CloseOutlined-B3y9Maz0.js';
+import { R as RefIcon$1 } from '../chunks/DownOutlined-BlKl-wuu.js';
 import { useRef } from 'react';
 import { w as wrapWithTooltip } from '../chunks/wapper-Bk3PQCcg.js';
 import { M as MAX_TAG_TEXT_LENGTH, a as MAX_TAG_COUNT } from '../chunks/common-BcURBmQ-.js';
 
-const SelectClearIcon = ({
-  hasValue,
-  onClear,
-  clearIconStyle = { fontSize: 12, color: "#999" },
-  dropdownIconStyle
-}) => {
-  if (hasValue) {
-    return /* @__PURE__ */ jsx(
-      RefIcon,
-      {
-        onClick: (e) => {
-          e.stopPropagation();
-          onClear(e);
-        },
-        style: clearIconStyle
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(RefIcon$1, { style: dropdownIconStyle });
-};
-
 const EmptySelectIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -57,6 +36,27 @@ const EmptySelectIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxs(
   }
 );
 
+const SelectClearIcon = ({
+  hasValue,
+  onClear,
+  clearIconStyle = { fontSize: 12, color: "#999" },
+  dropdownIconStyle
+}) => {
+  if (hasValue) {
+    return /* @__PURE__ */ jsx(
+      RefIcon,
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          onClear(e);
+        },
+        style: clearIconStyle
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(RefIcon$1, { style: dropdownIconStyle });
+};
+
 const Select = (props) => {
   //! State
   const {

package/es/fields/Upload.js

@@ -5,7 +5,7 @@ import { Upload, Image } from 'antd';
 import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-gUuMvf83.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-D_ySRKRj.js';
 
 // This icon file is generated automatically.
 var PlusOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { "tag": "path", "attrs": { "d": "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, "name": "plus", "theme": "outlined" };

package/es/index.js

@@ -23,7 +23,6 @@ export { Splitter } from './ui/Splitter.js';
 export { Menu } from './ui/Menu.js';
 export { Pagination } from './ui/Pagination.js';
 export { Steps } from './ui/Steps.js';
-export { Sidebar } from './ui/Sidebar.js';
 export { Heading } from './ui/Heading.js';
 export { Tag } from './ui/Tag.js';
 export { Divider } from './ui/Divider.js';
@@ -63,8 +62,7 @@ export { ExportFile } from './ui/ExportFile.js';
 export { UploadComponent } from './ui/UploadComponent.js';
 export { useAppMessage } from './ui/Message.js';
 export { ViewPdf } from './ui/ViewPdf.js';
-export { SidebarV2 } from './ui/SidebarV2.js';
-export { SidebarV3 } from './ui/SidebarV3/index.js';
+export { Sidebar } from './ui/Sidebar/index.js';
 export { SelectTable } from './ui/SelectTable.js';
 export { SelectSingleTable } from './ui/SelectSingleTable.js';
 export { Input } from './fields/Input.js';
@@ -86,6 +84,7 @@ export { Cascader } from './fields/CascaderField.js';
 export { InputRangePicker } from './fields/InputRangePicker.js';
 export { useToast } from './hooks/useToast.js';
 export { useMessage } from './hooks/useMessage.js';
+import React__default from 'react';
 
 const extractRoutesFromMenu = (menuItems) => {
   const routes = [];
@@ -94,7 +93,8 @@ const extractRoutesFromMenu = (menuItems) => {
       if (item.path && item.component && typeof item.component !== "string") {
         routes.push({
           path: item.path,
-          component: item.component
+          component: item.component,
+          componentProps: item.componentProps
         });
       }
       if (item.children && item.children.length > 0) {
@@ -105,10 +105,13 @@ const extractRoutesFromMenu = (menuItems) => {
   traverseMenu(menuItems);
   return routes;
 };
+const createComponentWithProps = (Component, componentProps = {}) => {
+  return (props) => React__default.createElement(Component, { ...componentProps, ...props });
+};
 
 const generateId = (name, path) => {
   const source = `${name}-${path || ""}`;
   return source.toLowerCase().replace(/[^a-z0-9]/g, "-").replace(/--+/g, "-").replace(/^-|-$/g, "");
 };
 
-export { extractRoutesFromMenu, generateId };
+export { createComponentWithProps, extractRoutesFromMenu, generateId };

package/es/ui/BreadcrumbHeading.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { c as className } from '../chunks/index-D7kJLZIi.js';
+import { r } from '../chunks/index-t0ynpS_n.js';
 import { Breadcrumb } from './Breadcrumb.js';
 import { u as useBreadcrumb } from '../chunks/useBreadcrumb-kD-i6Dch.js';
 
@@ -7,7 +7,7 @@ const BreadcrumbHeading = (props) => {
   const { menu, customBreadcum } = props;
   const mappingBreadcrumb = useBreadcrumb(menu, customBreadcum);
   //! Render
-  return /* @__PURE__ */ jsx("div", { className: className("flex justify-between items-center"), children: /* @__PURE__ */ jsx(Breadcrumb, { items: mappingBreadcrumb }) });
+  return /* @__PURE__ */ jsx("div", { className: r("flex justify-between items-center"), children: /* @__PURE__ */ jsx(Breadcrumb, { items: mappingBreadcrumb }) });
 };
 
 export { BreadcrumbHeading };

package/es/ui/ExportFile.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Spin } from './Spin.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-gUuMvf83.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-D_ySRKRj.js';
 import * as React from 'react';
 import { PnkxField } from '../fields/PnkxField.js';
 import { RadioGroup } from '../fields/Radio.js';

package/es/ui/Heading.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { c as className } from '../chunks/index-D7kJLZIi.js';
+import { r } from '../chunks/index-t0ynpS_n.js';
 import { WrapperBreadcrumb } from './WrapperBreadcrumb.js';
 
 const Heading = (props) => {
@@ -11,7 +11,7 @@ const Heading = (props) => {
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: className(
+        className: r(
           `flex ${noBreadcum ? "justify-end" : "justify-between"} items-end`,
           classNameWrapHeading
         ),

package/es/ui/ImportFile.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Upload } from 'antd';
-import { R as RefIcon$2 } from '../chunks/InboxOutlined-Kgn4qaDi.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-gUuMvf83.js';
+import { R as RefIcon$2 } from '../chunks/InboxOutlined-CLTSIXAX.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-D_ySRKRj.js';
 import * as React from 'react';
 
 // This icon file is generated automatically.