@pnkx-lib/ui 1.9.66 → 1.9.68

package/es/fields/index.js

@@ -1,2 +1,2 @@
-export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, b as TinyMCE } from '../chunks/Upload-D0erjks6.js';
-export { R as RadioGroup, S as Select, a as Switch } from '../chunks/Switch-DQhQEc3A.js';
+export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, b as TinyMCE } from '../chunks/AntdIcon-C_gQ5ue_.js';
+export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from '../chunks/Switch-B6W4c5eS.js';

package/es/index.js

@@ -1,6 +1,6 @@
-export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/index-B349so_8.js';
-export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TINY_API, b as TinyMCE, T as Typography } from './chunks/Upload-D0erjks6.js';
+export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/index-DqjSCJir.js';
+export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TINY_API, b as TinyMCE, T as Typography } from './chunks/AntdIcon-C_gQ5ue_.js';
 import 'react-router';
 export { P as PAGE_INDEX, b as PAGE_SIZE, c as SORT_BY, d as SORT_DESC, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable, u as useToast } from './chunks/table-B28OPA57.js';
-export { R as RadioGroup, S as Select, a as Switch } from './chunks/Switch-DQhQEc3A.js';
+export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from './chunks/Switch-B6W4c5eS.js';
 export { u as useFiltersHandler, a as useMessage, b as useToggle } from './chunks/useToggle-C5Y4aFUQ.js';

package/es/ui/index.js

@@ -1,4 +1,4 @@
-export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/index-B349so_8.js';
-export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/Upload-D0erjks6.js';
+export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/index-DqjSCJir.js';
+export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-C_gQ5ue_.js';
 import 'react-router';
 export { P as PAGE_INDEX, b as PAGE_SIZE, c as SORT_BY, d as SORT_DESC, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable } from '../chunks/table-B28OPA57.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.66",
+  "version": "1.9.68",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/fields.d.ts

@@ -128,7 +128,8 @@ export declare interface SelectFieldProps extends SelectProps {
     label?: string;
     required?: boolean;
     afterOnChange?: (value: any) => void;
-    customStyleContainer?: string;
+    classNameContainer?: string;
+    classNameSelect?: string;
 }
 
 export declare const Switch: (props: SwitchProps) => JSX.Element;
@@ -179,6 +180,8 @@ declare type TPositionRadio = "before" | "after";
 
 declare type TSize = "small" | "medium" | "large";
 
+export declare const UploadField: (props: UploadFieldProps) => JSX.Element;
+
 export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;

package/types/index.d.ts

@@ -47,7 +47,7 @@ import { JSX as JSX_2 } from 'react';
 import { MenuDividerProps } from 'antd/es/menu';
 import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
 import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
-import { MenuProps as MenuProps_2 } from 'antd/es/menu';
+import { MenuProps as MenuProps_3 } from 'antd/es/menu';
 import { ModalProps as ModalProps_2 } from 'antd';
 import { Pagination as Pagination_2 } from 'antd';
 import { PaginationFilters as PaginationFilters_2 } from '../../../../../../../../../../../src/components/hooks';
@@ -445,20 +445,37 @@ export declare type LayoutProps = BaseProps_8 & BasicProps;
 
 export declare const Menu: CompoundedMenu;
 
-export declare type MenuComponentProps = ExtraProps & MenuProps;
+export declare type MenuComponentProps = ExtraProps & MenuProps_2;
 
 declare const MenuItem: FC<MenuItemProps>;
 
 export declare type MenuItemProps = MenuItemProps_2;
 
-export declare type MenuProps = MenuProps_2;
+export declare type MenuProps = {
+    name: string;
+    href: string;
+    icon: default_2.ReactNode;
+    current: boolean;
+    subMenu?: Array<{
+        name: string;
+        href: string;
+        icon: default_2.ReactNode;
+        children?: Array<{
+            name: string;
+            href: string;
+            icon?: default_2.ReactNode;
+        }>;
+    }>;
+};
+
+declare type MenuProps_2 = MenuProps_3;
 
-declare type MenuProps_3 = {
+declare type MenuProps_4 = {
     name: string;
     href: string;
     icon: React.ReactNode;
     current: boolean;
-    subMenu: Array<{
+    subMenu?: Array<{
         name: string;
         href: string;
         icon: React.ReactNode;
@@ -630,14 +647,15 @@ export declare interface SelectFieldProps extends SelectProps {
     label?: string;
     required?: boolean;
     afterOnChange?: (value: any) => void;
-    customStyleContainer?: string;
+    classNameContainer?: string;
+    classNameSelect?: string;
 }
 
 export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX.Element;
 
 export declare interface SidebarProps {
     children?: React.ReactNode;
-    menu: Array<MenuProps_3>;
+    menu: Array<MenuProps_4>;
 }
 
 declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
@@ -706,7 +724,7 @@ declare type TabItem = {
     disabled?: boolean;
 };
 
-export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, status, schema, breadCrumb, initialValueForm, ...rest }: TableCommonProps<T>) => JSX.Element;
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, editable, onSave, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, status, schema, menu, initialValueForm, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -729,7 +747,6 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onSelect: (newSelectedRowKeys: default_2.Key[]) => void;
     onRowClick?: (record: T) => void;
     rowKey?: string | ((record: T) => string);
-    className?: string;
     editable?: boolean;
     onSave?: (data: T) => void;
     titleSettingTableModal?: string;
@@ -739,7 +756,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     rightHeadingContent: ReactNode;
     status?: number;
     schema?: yup.AnyObjectSchema;
-    breadCrumb?: ItemType[];
+    menu: Array<MenuProps>;
     initialValueForm?: T;
 }
 
@@ -834,6 +851,8 @@ export declare const Typography: {
     Text: (props: TextProps) => JSX.Element;
 };
 
+export declare const UploadField: (props: UploadFieldProps) => JSX.Element;
+
 export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;

package/types/ui.d.ts

@@ -38,7 +38,7 @@ import { JSX } from 'react/jsx-runtime';
 import { MenuDividerProps } from 'antd/es/menu';
 import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
 import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
-import { MenuProps as MenuProps_2 } from 'antd/es/menu';
+import { MenuProps as MenuProps_3 } from 'antd/es/menu';
 import { ModalProps as ModalProps_2 } from 'antd';
 import { Pagination as Pagination_2 } from 'antd';
 import { PaginationFilters } from '../../../../../../../../../../../src/components/hooks';
@@ -372,20 +372,37 @@ export declare type LayoutProps = BaseProps_8 & BasicProps;
 
 export declare const Menu: CompoundedMenu;
 
-export declare type MenuComponentProps = ExtraProps & MenuProps;
+export declare type MenuComponentProps = ExtraProps & MenuProps_2;
 
 declare const MenuItem: FC<MenuItemProps>;
 
 export declare type MenuItemProps = MenuItemProps_2;
 
-export declare type MenuProps = MenuProps_2;
+export declare type MenuProps = {
+    name: string;
+    href: string;
+    icon: default_2.ReactNode;
+    current: boolean;
+    subMenu?: Array<{
+        name: string;
+        href: string;
+        icon: default_2.ReactNode;
+        children?: Array<{
+            name: string;
+            href: string;
+            icon?: default_2.ReactNode;
+        }>;
+    }>;
+};
+
+declare type MenuProps_2 = MenuProps_3;
 
-declare type MenuProps_3 = {
+declare type MenuProps_4 = {
     name: string;
     href: string;
     icon: React.ReactNode;
     current: boolean;
-    subMenu: Array<{
+    subMenu?: Array<{
         name: string;
         href: string;
         icon: React.ReactNode;
@@ -491,7 +508,7 @@ export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX.Element;
 
 export declare interface SidebarProps {
     children?: React.ReactNode;
-    menu: Array<MenuProps_3>;
+    menu: Array<MenuProps_4>;
 }
 
 declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
@@ -548,7 +565,7 @@ declare type TabItem = {
     disabled?: boolean;
 };
 
-export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, status, schema, breadCrumb, initialValueForm, ...rest }: TableCommonProps<T>) => JSX.Element;
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, editable, onSave, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, status, schema, menu, initialValueForm, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -571,7 +588,6 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onSelect: (newSelectedRowKeys: default_2.Key[]) => void;
     onRowClick?: (record: T) => void;
     rowKey?: string | ((record: T) => string);
-    className?: string;
     editable?: boolean;
     onSave?: (data: T) => void;
     titleSettingTableModal?: string;
@@ -581,7 +597,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     rightHeadingContent: ReactNode;
     status?: number;
     schema?: yup.AnyObjectSchema;
-    breadCrumb?: ItemType[];
+    menu: Array<MenuProps>;
     initialValueForm?: T;
 }
 

package/es/chunks/Switch-DQhQEc3A.js

@@ -1,153 +0,0 @@
-import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography, c as classNames } from './Upload-D0erjks6.js';
-import { Select as Select$1, Radio, Switch as Switch$1 } from 'antd';
-
-const Select = (props) => {
-  //! State
-  const {
-    field,
-    formState,
-    label,
-    required,
-    afterOnChange,
-    customStyleContainer,
-    ...restProps
-  } = props;
-  const { name, value, onChange, onBlur } = field || {};
-  const { touchedFields, errors, isSubmitted } = formState || {};
-  const isTouched = get(touchedFields, name);
-  const errorMessage = get(errors, name)?.message;
-  //! Function
-  const handleChange = (val) => {
-    onChange?.(val);
-    afterOnChange?.(val);
-  };
-  const renderErrorMessage = () => {
-    if (!errorMessage) return null;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ErrorMessage,
-      {
-        errorMessage,
-        isTouched,
-        isSubmitted
-      }
-    );
-  };
-  //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleContainer, children: [
-    label && /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { label, required }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Select$1,
-      {
-        onChange: handleChange,
-        onBlur,
-        value,
-        style: { width: "100%" },
-        optionLabelProp: "label",
-        status: (isTouched || isSubmitted) && Boolean(errorMessage) ? "error" : void 0,
-        ...restProps
-      }
-    ),
-    renderErrorMessage()
-  ] });
-};
-
-const RadioGroup = (props) => {
-  //! State
-  const {
-    field,
-    formState,
-    customStyleRadio,
-    customStyleWrap = "",
-    afterOnChange,
-    options,
-    ...restProps
-  } = props;
-  const { name, value, onChange } = field || {};
-  const { touchedFields, errors, isSubmitted } = formState || {};
-  const isTouched = get(touchedFields, name);
-  const errorMessage = get(errors, name)?.message;
-  //! Function
-  const handleChange = (e) => {
-    onChange?.(e);
-    afterOnChange?.(e?.target?.value);
-  };
-  const renderErrorMessage = () => {
-    if (!errorMessage) return null;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ErrorMessage,
-      {
-        errorMessage,
-        isTouched,
-        isSubmitted
-      }
-    );
-  };
-  //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleWrap, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Radio.Group, { onChange: handleChange, value, ...restProps, children: options.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Radio,
-      {
-        value: item.value,
-        className: customStyleRadio,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography.Text, { children: [
-          " ",
-          item.label
-        ] })
-      },
-      `${name}-${item.value}`
-    )) }),
-    renderErrorMessage()
-  ] });
-};
-
-const Switch = (props) => {
-  //! State
-  const {
-    field,
-    formState,
-    label,
-    required,
-    afterOnChange,
-    customStyleContainer,
-    customStyleSwitch,
-    disabled,
-    ...restProps
-  } = props;
-  const { name, value, onChange } = field || {};
-  const { touchedFields, errors, isSubmitted } = formState || {};
-  const isTouched = get(touchedFields, name);
-  const errorMessage = get(errors, name)?.message;
-  //! Function
-  const handleChange = (checked) => {
-    onChange?.(checked);
-    afterOnChange?.(checked);
-  };
-  const renderErrorMessage = () => {
-    if (!errorMessage) return null;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ErrorMessage,
-      {
-        errorMessage,
-        isTouched,
-        isSubmitted
-      }
-    );
-  };
-  //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleContainer, children: [
-    label && /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { label, required }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Switch$1,
-      {
-        checked: !!value,
-        onChange: handleChange,
-        className: classNames("focus:outline-none", customStyleSwitch),
-        disabled,
-        ...restProps
-      }
-    ),
-    renderErrorMessage()
-  ] });
-};
-
-export { RadioGroup as R, Select as S, Switch as a };