@pnkx-lib/ui 1.6.3 → 1.6.5

package/es/chunks/common-b3FKGF0Y.js

@@ -1259,4 +1259,3 @@ const SORT_BY = "SortBy";
 const SORT_DESC = "SortDesc";
 
 export { PAGE_INDEX as P, START_PAGE as S, TINY_API as T, SORT_DESC as a, SORT_BY as b, require_Map as c, require_MapCache as d, require_getNative as e, requireEq as f, require_baseGetTag as g, requireIsObjectLike as h, require_root as i, require_freeGlobal as j, requireIsArray as k, requireIsFunction as l, requireIsObject as m, require_toSource as n, require_Symbol as o, getDefaultExportFromCjs as p, commonjsGlobal as q, require_ListCache as r };
-//# sourceMappingURL=common-b3FKGF0Y.js.map

package/es/chunks/useMessage-D_-VT5B4.js

@@ -92,4 +92,3 @@ const useMessage = (defaultProps) => {
 };
 
 export { useMessage as a, useFiltersHandler as u };
-//# sourceMappingURL=useMessage-D_-VT5B4.js.map

package/es/chunks/useMessage-DtM7Izkl.js

@@ -0,0 +1,97 @@
+'use strict';
+
+const React = require('react');
+const cloneDeep = require('./cloneDeep-DWe9CKmh.js');
+const common = require('./common-D_yedQmH.js');
+const antd = require('antd');
+
+const useFiltersHandler = (initialFilters) => {
+  const [filters, setFilters] = React.useState(initialFilters || {});
+  const [rowsSelected, setRowsSelected] = React.useState([]);
+  const goToPage = React.useCallback((PageIndex) => {
+    setFilters((prev) => {
+      const nextFilters = cloneDeep.cloneDeep(prev);
+      if (nextFilters) {
+        nextFilters[common.PAGE_INDEX] = PageIndex;
+      }
+      return nextFilters;
+    });
+  }, []);
+  const handleChangePage = React.useCallback((nextPage) => {
+    setFilters((prev) => {
+      const nextFilters = cloneDeep.cloneDeep(prev);
+      if (nextFilters) {
+        nextFilters[common.PAGE_INDEX] = nextPage;
+      }
+      return nextFilters;
+    });
+    setRowsSelected([]);
+  }, []);
+  const changeRowlimit = React.useCallback((value) => {
+    setFilters((prev) => {
+      const nextValue = Number(value);
+      const nextFilters = cloneDeep.cloneDeep(prev);
+      if (nextFilters) {
+        nextFilters[common.PAGE_INDEX] = nextValue;
+        nextFilters[common.PAGE_INDEX] = common.START_PAGE;
+      }
+      return nextFilters;
+    });
+  }, []);
+  const resetToInitialFilters = React.useCallback(() => {
+    setFilters(cloneDeep.cloneDeep(initialFilters));
+  }, [initialFilters]);
+  const handleCheckBox = React.useCallback((newSelectedRowKeys) => {
+    setRowsSelected(newSelectedRowKeys);
+  }, []);
+  const handleRequestSort = (sortField) => {
+    setFilters((prev) => {
+      const nextFilters = cloneDeep.cloneDeep(prev);
+      if (nextFilters) {
+        if (common.SORT_DESC in nextFilters) {
+          const isAsc = nextFilters.SortDesc === false;
+          nextFilters[common.SORT_DESC] = isAsc;
+        }
+        if (common.SORT_BY in nextFilters) {
+          nextFilters[common.SORT_BY] = sortField;
+        }
+      }
+      return nextFilters;
+    });
+  };
+  const handleSearch = React.useCallback((nextFilters) => {
+    const nextFiltersTemp = cloneDeep.cloneDeep(nextFilters);
+    if (common.PAGE_INDEX in nextFiltersTemp) {
+      nextFiltersTemp[common.PAGE_INDEX] = common.START_PAGE;
+    }
+    setFilters(nextFiltersTemp);
+  }, []);
+  return {
+    filters,
+    rowsSelected,
+    setRowsSelected,
+    setFilters,
+    goToPage,
+    changeRowlimit,
+    resetToInitialFilters,
+    handleCheckBox,
+    handleChangePage,
+    handleRequestSort,
+    handleSearch
+  };
+};
+
+const useMessage = (defaultProps) => {
+  return (overrideProps) => {
+    const mergedProps = {
+      type: defaultProps?.type,
+      content: defaultProps?.content,
+      ...defaultProps,
+      ...overrideProps
+    };
+    antd.message.open(mergedProps);
+  };
+};
+
+exports.useFiltersHandler = useFiltersHandler;
+exports.useMessage = useMessage;

package/es/fields/index.js

@@ -1,3 +1,17 @@
-export { D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, a as TinyMCE } from '../chunks/Switch-eMq9KkOy.js';
-export { C as CheckboxField, R as RadioGroup, S as Select } from '../chunks/Checkbox-CJ_M7IzZ.js';
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Switch = require('../chunks/Switch-03DUOS9f.js');
+const Checkbox = require('../chunks/Checkbox-D7JJEnsk.js');
+
+
+
+exports.DatePickerField = Switch.DatePickerField;
+exports.Input = Switch.Input;
+exports.PnkxField = Switch.PnkxField;
+exports.RangePickerField = Switch.RangePickerField;
+exports.TinyMCE = Switch.TinyMCE;
+exports.CheckboxField = Checkbox.CheckboxField;
+exports.RadioGroup = Checkbox.RadioGroup;
+exports.Select = Checkbox.Select;

package/es/hooks/index.js

@@ -1,3 +1,12 @@
-export { u as useToast } from '../chunks/cloneDeep-BLYi2V0G.js';
-export { u as useFiltersHandler, a as useMessage } from '../chunks/useMessage-D_-VT5B4.js';
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cloneDeep = require('../chunks/cloneDeep-DWe9CKmh.js');
+const useMessage = require('../chunks/useMessage-DtM7Izkl.js');
+
+
+
+exports.useToast = cloneDeep.useToast;
+exports.useFiltersHandler = useMessage.useFiltersHandler;
+exports.useMessage = useMessage.useMessage;

package/es/index.js

@@ -1,6 +1,75 @@
-export { 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, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, 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/ConfirmModal-Bt_bPSWr.js';
-export { D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TinyMCE, T as Typography } from './chunks/Switch-eMq9KkOy.js';
-export { C as CheckboxField, R as RadioGroup, S as Select } from './chunks/Checkbox-CJ_M7IzZ.js';
-export { u as useToast } from './chunks/cloneDeep-BLYi2V0G.js';
-export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-D_-VT5B4.js';
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ConfirmModal = require('./chunks/ConfirmModal-B7zTPvH9.js');
+const Switch = require('./chunks/Switch-03DUOS9f.js');
+const Checkbox = require('./chunks/Checkbox-D7JJEnsk.js');
+const cloneDeep = require('./chunks/cloneDeep-DWe9CKmh.js');
+const useMessage = require('./chunks/useMessage-DtM7Izkl.js');
+
+
+
+exports.Alert = ConfirmModal.Alert;
+exports.Anchor = ConfirmModal.Anchor;
+exports.Appfix = ConfirmModal.Appfix;
+exports.AutoComplete = ConfirmModal.AutoComplete;
+exports.Badge = ConfirmModal.Badge;
+exports.Breadcrumb = ConfirmModal.Breadcrumb;
+exports.BulkAction = ConfirmModal.BulkAction;
+exports.Button = ConfirmModal.Button;
+exports.CascaderField = ConfirmModal.CascaderField;
+exports.Col = ConfirmModal.Col;
+exports.ConfirmModal = ConfirmModal.ConfirmModal;
+exports.Container = ConfirmModal.Container;
+exports.Divider = ConfirmModal.Divider;
+exports.Drawer = ConfirmModal.Drawer;
+exports.Dropdown = ConfirmModal.Dropdown;
+exports.Empty = ConfirmModal.Empty;
+exports.Flex = ConfirmModal.Flex;
+exports.Heading = ConfirmModal.Heading;
+exports.Image = ConfirmModal.Image;
+exports.Layout = ConfirmModal.Layout;
+exports.Menu = ConfirmModal.Menu;
+exports.Modal = ConfirmModal.Modal;
+exports.Pagination = ConfirmModal.Pagination;
+exports.PnkxCollapse = ConfirmModal.PnkxCollapse;
+exports.PnkxColorPicker = ConfirmModal.PnkxColorPicker;
+exports.Popconfirm = ConfirmModal.Popconfirm;
+exports.Popover = ConfirmModal.Popover;
+exports.QRCode = ConfirmModal.QRCode;
+exports.Rate = ConfirmModal.Rate;
+exports.Result = ConfirmModal.Result;
+exports.Row = ConfirmModal.Row;
+exports.SearchFiltersForm = ConfirmModal.SearchFiltersForm;
+exports.Segmented = ConfirmModal.Segmented;
+exports.Sidebar = ConfirmModal.Sidebar;
+exports.Skeleton = ConfirmModal.Skeleton;
+exports.Space = ConfirmModal.Space;
+exports.Spin = ConfirmModal.Spin;
+exports.Splitter = ConfirmModal.Splitter;
+exports.Statistic = ConfirmModal.Statistic;
+exports.Steps = ConfirmModal.Steps;
+exports.Table = ConfirmModal.Table;
+exports.Tabs = ConfirmModal.Tabs;
+exports.Tag = ConfirmModal.Tag;
+exports.Timeline = ConfirmModal.Timeline;
+exports.Tooltip = ConfirmModal.Tooltip;
+exports.Tour = ConfirmModal.Tour;
+exports.Tree = ConfirmModal.Tree;
+exports.Watermark = ConfirmModal.Watermark;
+exports.typeColorMap = ConfirmModal.typeColorMap;
+exports.DatePickerField = Switch.DatePickerField;
+exports.ErrorMessage = Switch.ErrorMessage;
+exports.Input = Switch.Input;
+exports.Label = Switch.Label;
+exports.PnkxField = Switch.PnkxField;
+exports.RangePickerField = Switch.RangePickerField;
+exports.TinyMCE = Switch.TinyMCE;
+exports.Typography = Switch.Typography;
+exports.CheckboxField = Checkbox.CheckboxField;
+exports.RadioGroup = Checkbox.RadioGroup;
+exports.Select = Checkbox.Select;
+exports.useToast = cloneDeep.useToast;
+exports.useFiltersHandler = useMessage.useFiltersHandler;
+exports.useMessage = useMessage.useMessage;

package/es/ui/index.js

@@ -1,3 +1,61 @@
-export { 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, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, 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/ConfirmModal-Bt_bPSWr.js';
-export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-eMq9KkOy.js';
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ConfirmModal = require('../chunks/ConfirmModal-B7zTPvH9.js');
+const Switch = require('../chunks/Switch-03DUOS9f.js');
+
+
+
+exports.Alert = ConfirmModal.Alert;
+exports.Anchor = ConfirmModal.Anchor;
+exports.Appfix = ConfirmModal.Appfix;
+exports.AutoComplete = ConfirmModal.AutoComplete;
+exports.Badge = ConfirmModal.Badge;
+exports.Breadcrumb = ConfirmModal.Breadcrumb;
+exports.BulkAction = ConfirmModal.BulkAction;
+exports.Button = ConfirmModal.Button;
+exports.CascaderField = ConfirmModal.CascaderField;
+exports.Col = ConfirmModal.Col;
+exports.ConfirmModal = ConfirmModal.ConfirmModal;
+exports.Container = ConfirmModal.Container;
+exports.Divider = ConfirmModal.Divider;
+exports.Drawer = ConfirmModal.Drawer;
+exports.Dropdown = ConfirmModal.Dropdown;
+exports.Empty = ConfirmModal.Empty;
+exports.Flex = ConfirmModal.Flex;
+exports.Heading = ConfirmModal.Heading;
+exports.Image = ConfirmModal.Image;
+exports.Layout = ConfirmModal.Layout;
+exports.Menu = ConfirmModal.Menu;
+exports.Modal = ConfirmModal.Modal;
+exports.Pagination = ConfirmModal.Pagination;
+exports.PnkxCollapse = ConfirmModal.PnkxCollapse;
+exports.PnkxColorPicker = ConfirmModal.PnkxColorPicker;
+exports.Popconfirm = ConfirmModal.Popconfirm;
+exports.Popover = ConfirmModal.Popover;
+exports.QRCode = ConfirmModal.QRCode;
+exports.Rate = ConfirmModal.Rate;
+exports.Result = ConfirmModal.Result;
+exports.Row = ConfirmModal.Row;
+exports.SearchFiltersForm = ConfirmModal.SearchFiltersForm;
+exports.Segmented = ConfirmModal.Segmented;
+exports.Sidebar = ConfirmModal.Sidebar;
+exports.Skeleton = ConfirmModal.Skeleton;
+exports.Space = ConfirmModal.Space;
+exports.Spin = ConfirmModal.Spin;
+exports.Splitter = ConfirmModal.Splitter;
+exports.Statistic = ConfirmModal.Statistic;
+exports.Steps = ConfirmModal.Steps;
+exports.Table = ConfirmModal.Table;
+exports.Tabs = ConfirmModal.Tabs;
+exports.Tag = ConfirmModal.Tag;
+exports.Timeline = ConfirmModal.Timeline;
+exports.Tooltip = ConfirmModal.Tooltip;
+exports.Tour = ConfirmModal.Tour;
+exports.Tree = ConfirmModal.Tree;
+exports.Watermark = ConfirmModal.Watermark;
+exports.typeColorMap = ConfirmModal.typeColorMap;
+exports.ErrorMessage = Switch.ErrorMessage;
+exports.Label = Switch.Label;
+exports.Typography = Switch.Typography;

package/package.json

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

package/types/fields.d.ts

@@ -6,8 +6,7 @@ import { Dayjs } from 'dayjs';
 import { default as default_2 } from 'react';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { InputProps as InputProps_2 } from 'antd';
-import { JSX } from 'react/jsx-runtime';
-import { JSX as JSX_2 } from 'react';
+import { JSX } from 'react';
 import { RadioGroupProps } from 'antd';
 import { RangePickerProps } from 'antd/es/date-picker';
 import * as React_2 from 'react';
@@ -20,7 +19,7 @@ import { UploadProps } from 'antd';
 import { UseFormSetValue } from 'react-hook-form';
 import { UseFormStateReturn } from 'react-hook-form';
 
-export declare const CheckboxField: (props: CheckboxFieldProps) => JSX.Element;
+export declare const CheckboxField: (props: CheckboxFieldProps) => JSX;
 
 export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChange" | "checked"> {
     field?: ControllerRenderProps<any, any>;
@@ -53,7 +52,7 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     size?: TSize;
 }
 
-export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
+export declare const DatePickerField: (props: DatePickerDMYProps) => default_2.JSX.Element;
 
 export declare const Input: (props: InputProps) => JSX.Element;
 
@@ -73,7 +72,7 @@ export declare interface InputProps extends InputProps_2 {
 }
 
 export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
-    render(): JSX.Element;
+    render(): React_2.JSX.Element;
 }
 
 export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
@@ -91,10 +90,10 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
     type?: TInputNumberType;
     prefix?: string;
     suffix?: string;
-    helperText?: () => JSX_2.Element | null;
+    helperText?: () => JSX.Element | null;
 }
 
-export declare const RadioGroup: (props: RadioProps) => JSX.Element;
+export declare const RadioGroup: (props: RadioProps) => JSX;
 
 export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -107,7 +106,7 @@ export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "o
     position?: TPositionRadio;
 }
 
-export declare const RangePickerField: (props: RangePickerFieldProps) => JSX.Element;
+export declare const RangePickerField: (props: RangePickerFieldProps) => JSX;
 
 export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -119,7 +118,7 @@ export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "v
     customStyleDatePicker?: string;
 }
 
-export declare const Select: (props: SelectFieldProps) => JSX.Element;
+export declare const Select: (props: SelectFieldProps) => JSX;
 
 export declare interface SelectFieldProps extends SelectProps {
     field?: ControllerRenderProps<any, any>;
@@ -153,7 +152,7 @@ export declare interface TextAreaProps extends TextAreaProps_2 {
 declare type TInputNumberType = "number" | "money";
 
 export declare const TinyMCE: {
-    (props: TinyProps): JSX.Element;
+    (props: TinyProps): JSX;
     displayName: string;
 };
 

package/types/hooks.d.ts

@@ -1,14 +1,14 @@
-import { ArgsProps } from 'antd/lib/message';
-import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
+import { ArgsProps } from 'antd/es/notification';
+import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
 import { default as default_2 } from 'react';
 
 export declare type InitialFiltersSearch<T> = T & PaginationFilters;
 
-export declare type OptionalArgsMessage = Partial<ArgsProps> & {
-    type?: ArgsProps["type"];
+export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
+    type?: ArgsProps_2["type"];
 };
 
-export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
+export declare type OptionalArgsToast = Partial<ArgsProps> & {
     message?: React.ReactNode;
 };