@pnkx-lib/ui 1.6.4 → 1.6.5

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.
@@ -0,0 +1,97 @@
1
+ 'use strict';
2
+
3
+ const React = require('react');
4
+ const cloneDeep = require('./cloneDeep-DWe9CKmh.js');
5
+ const common = require('./common-D_yedQmH.js');
6
+ const antd = require('antd');
7
+
8
+ const useFiltersHandler = (initialFilters) => {
9
+ const [filters, setFilters] = React.useState(initialFilters || {});
10
+ const [rowsSelected, setRowsSelected] = React.useState([]);
11
+ const goToPage = React.useCallback((PageIndex) => {
12
+ setFilters((prev) => {
13
+ const nextFilters = cloneDeep.cloneDeep(prev);
14
+ if (nextFilters) {
15
+ nextFilters[common.PAGE_INDEX] = PageIndex;
16
+ }
17
+ return nextFilters;
18
+ });
19
+ }, []);
20
+ const handleChangePage = React.useCallback((nextPage) => {
21
+ setFilters((prev) => {
22
+ const nextFilters = cloneDeep.cloneDeep(prev);
23
+ if (nextFilters) {
24
+ nextFilters[common.PAGE_INDEX] = nextPage;
25
+ }
26
+ return nextFilters;
27
+ });
28
+ setRowsSelected([]);
29
+ }, []);
30
+ const changeRowlimit = React.useCallback((value) => {
31
+ setFilters((prev) => {
32
+ const nextValue = Number(value);
33
+ const nextFilters = cloneDeep.cloneDeep(prev);
34
+ if (nextFilters) {
35
+ nextFilters[common.PAGE_INDEX] = nextValue;
36
+ nextFilters[common.PAGE_INDEX] = common.START_PAGE;
37
+ }
38
+ return nextFilters;
39
+ });
40
+ }, []);
41
+ const resetToInitialFilters = React.useCallback(() => {
42
+ setFilters(cloneDeep.cloneDeep(initialFilters));
43
+ }, [initialFilters]);
44
+ const handleCheckBox = React.useCallback((newSelectedRowKeys) => {
45
+ setRowsSelected(newSelectedRowKeys);
46
+ }, []);
47
+ const handleRequestSort = (sortField) => {
48
+ setFilters((prev) => {
49
+ const nextFilters = cloneDeep.cloneDeep(prev);
50
+ if (nextFilters) {
51
+ if (common.SORT_DESC in nextFilters) {
52
+ const isAsc = nextFilters.SortDesc === false;
53
+ nextFilters[common.SORT_DESC] = isAsc;
54
+ }
55
+ if (common.SORT_BY in nextFilters) {
56
+ nextFilters[common.SORT_BY] = sortField;
57
+ }
58
+ }
59
+ return nextFilters;
60
+ });
61
+ };
62
+ const handleSearch = React.useCallback((nextFilters) => {
63
+ const nextFiltersTemp = cloneDeep.cloneDeep(nextFilters);
64
+ if (common.PAGE_INDEX in nextFiltersTemp) {
65
+ nextFiltersTemp[common.PAGE_INDEX] = common.START_PAGE;
66
+ }
67
+ setFilters(nextFiltersTemp);
68
+ }, []);
69
+ return {
70
+ filters,
71
+ rowsSelected,
72
+ setRowsSelected,
73
+ setFilters,
74
+ goToPage,
75
+ changeRowlimit,
76
+ resetToInitialFilters,
77
+ handleCheckBox,
78
+ handleChangePage,
79
+ handleRequestSort,
80
+ handleSearch
81
+ };
82
+ };
83
+
84
+ const useMessage = (defaultProps) => {
85
+ return (overrideProps) => {
86
+ const mergedProps = {
87
+ type: defaultProps?.type,
88
+ content: defaultProps?.content,
89
+ ...defaultProps,
90
+ ...overrideProps
91
+ };
92
+ antd.message.open(mergedProps);
93
+ };
94
+ };
95
+
96
+ exports.useFiltersHandler = useFiltersHandler;
97
+ exports.useMessage = useMessage;
@@ -1,2 +1,17 @@
1
- export { D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, a as TinyMCE } from '../chunks/Switch-eMq9KkOy.js';
2
- export { C as CheckboxField, R as RadioGroup, S as Select } from '../chunks/Checkbox-CJ_M7IzZ.js';
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const Switch = require('../chunks/Switch-03DUOS9f.js');
6
+ const Checkbox = require('../chunks/Checkbox-D7JJEnsk.js');
7
+
8
+
9
+
10
+ exports.DatePickerField = Switch.DatePickerField;
11
+ exports.Input = Switch.Input;
12
+ exports.PnkxField = Switch.PnkxField;
13
+ exports.RangePickerField = Switch.RangePickerField;
14
+ exports.TinyMCE = Switch.TinyMCE;
15
+ exports.CheckboxField = Checkbox.CheckboxField;
16
+ exports.RadioGroup = Checkbox.RadioGroup;
17
+ exports.Select = Checkbox.Select;
package/es/hooks/index.js CHANGED
@@ -1,2 +1,12 @@
1
- export { u as useToast } from '../chunks/cloneDeep-BLYi2V0G.js';
2
- export { u as useFiltersHandler, a as useMessage } from '../chunks/useMessage-D_-VT5B4.js';
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const cloneDeep = require('../chunks/cloneDeep-DWe9CKmh.js');
6
+ const useMessage = require('../chunks/useMessage-DtM7Izkl.js');
7
+
8
+
9
+
10
+ exports.useToast = cloneDeep.useToast;
11
+ exports.useFiltersHandler = useMessage.useFiltersHandler;
12
+ exports.useMessage = useMessage.useMessage;
package/es/index.js CHANGED
@@ -1,5 +1,75 @@
1
- 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';
2
- 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';
3
- export { C as CheckboxField, R as RadioGroup, S as Select } from './chunks/Checkbox-CJ_M7IzZ.js';
4
- export { u as useToast } from './chunks/cloneDeep-BLYi2V0G.js';
5
- export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-D_-VT5B4.js';
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const ConfirmModal = require('./chunks/ConfirmModal-B7zTPvH9.js');
6
+ const Switch = require('./chunks/Switch-03DUOS9f.js');
7
+ const Checkbox = require('./chunks/Checkbox-D7JJEnsk.js');
8
+ const cloneDeep = require('./chunks/cloneDeep-DWe9CKmh.js');
9
+ const useMessage = require('./chunks/useMessage-DtM7Izkl.js');
10
+
11
+
12
+
13
+ exports.Alert = ConfirmModal.Alert;
14
+ exports.Anchor = ConfirmModal.Anchor;
15
+ exports.Appfix = ConfirmModal.Appfix;
16
+ exports.AutoComplete = ConfirmModal.AutoComplete;
17
+ exports.Badge = ConfirmModal.Badge;
18
+ exports.Breadcrumb = ConfirmModal.Breadcrumb;
19
+ exports.BulkAction = ConfirmModal.BulkAction;
20
+ exports.Button = ConfirmModal.Button;
21
+ exports.CascaderField = ConfirmModal.CascaderField;
22
+ exports.Col = ConfirmModal.Col;
23
+ exports.ConfirmModal = ConfirmModal.ConfirmModal;
24
+ exports.Container = ConfirmModal.Container;
25
+ exports.Divider = ConfirmModal.Divider;
26
+ exports.Drawer = ConfirmModal.Drawer;
27
+ exports.Dropdown = ConfirmModal.Dropdown;
28
+ exports.Empty = ConfirmModal.Empty;
29
+ exports.Flex = ConfirmModal.Flex;
30
+ exports.Heading = ConfirmModal.Heading;
31
+ exports.Image = ConfirmModal.Image;
32
+ exports.Layout = ConfirmModal.Layout;
33
+ exports.Menu = ConfirmModal.Menu;
34
+ exports.Modal = ConfirmModal.Modal;
35
+ exports.Pagination = ConfirmModal.Pagination;
36
+ exports.PnkxCollapse = ConfirmModal.PnkxCollapse;
37
+ exports.PnkxColorPicker = ConfirmModal.PnkxColorPicker;
38
+ exports.Popconfirm = ConfirmModal.Popconfirm;
39
+ exports.Popover = ConfirmModal.Popover;
40
+ exports.QRCode = ConfirmModal.QRCode;
41
+ exports.Rate = ConfirmModal.Rate;
42
+ exports.Result = ConfirmModal.Result;
43
+ exports.Row = ConfirmModal.Row;
44
+ exports.SearchFiltersForm = ConfirmModal.SearchFiltersForm;
45
+ exports.Segmented = ConfirmModal.Segmented;
46
+ exports.Sidebar = ConfirmModal.Sidebar;
47
+ exports.Skeleton = ConfirmModal.Skeleton;
48
+ exports.Space = ConfirmModal.Space;
49
+ exports.Spin = ConfirmModal.Spin;
50
+ exports.Splitter = ConfirmModal.Splitter;
51
+ exports.Statistic = ConfirmModal.Statistic;
52
+ exports.Steps = ConfirmModal.Steps;
53
+ exports.Table = ConfirmModal.Table;
54
+ exports.Tabs = ConfirmModal.Tabs;
55
+ exports.Tag = ConfirmModal.Tag;
56
+ exports.Timeline = ConfirmModal.Timeline;
57
+ exports.Tooltip = ConfirmModal.Tooltip;
58
+ exports.Tour = ConfirmModal.Tour;
59
+ exports.Tree = ConfirmModal.Tree;
60
+ exports.Watermark = ConfirmModal.Watermark;
61
+ exports.typeColorMap = ConfirmModal.typeColorMap;
62
+ exports.DatePickerField = Switch.DatePickerField;
63
+ exports.ErrorMessage = Switch.ErrorMessage;
64
+ exports.Input = Switch.Input;
65
+ exports.Label = Switch.Label;
66
+ exports.PnkxField = Switch.PnkxField;
67
+ exports.RangePickerField = Switch.RangePickerField;
68
+ exports.TinyMCE = Switch.TinyMCE;
69
+ exports.Typography = Switch.Typography;
70
+ exports.CheckboxField = Checkbox.CheckboxField;
71
+ exports.RadioGroup = Checkbox.RadioGroup;
72
+ exports.Select = Checkbox.Select;
73
+ exports.useToast = cloneDeep.useToast;
74
+ exports.useFiltersHandler = useMessage.useFiltersHandler;
75
+ exports.useMessage = useMessage.useMessage;
package/es/ui/index.js CHANGED
@@ -1,2 +1,61 @@
1
- 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';
2
- export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-eMq9KkOy.js';
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const ConfirmModal = require('../chunks/ConfirmModal-B7zTPvH9.js');
6
+ const Switch = require('../chunks/Switch-03DUOS9f.js');
7
+
8
+
9
+
10
+ exports.Alert = ConfirmModal.Alert;
11
+ exports.Anchor = ConfirmModal.Anchor;
12
+ exports.Appfix = ConfirmModal.Appfix;
13
+ exports.AutoComplete = ConfirmModal.AutoComplete;
14
+ exports.Badge = ConfirmModal.Badge;
15
+ exports.Breadcrumb = ConfirmModal.Breadcrumb;
16
+ exports.BulkAction = ConfirmModal.BulkAction;
17
+ exports.Button = ConfirmModal.Button;
18
+ exports.CascaderField = ConfirmModal.CascaderField;
19
+ exports.Col = ConfirmModal.Col;
20
+ exports.ConfirmModal = ConfirmModal.ConfirmModal;
21
+ exports.Container = ConfirmModal.Container;
22
+ exports.Divider = ConfirmModal.Divider;
23
+ exports.Drawer = ConfirmModal.Drawer;
24
+ exports.Dropdown = ConfirmModal.Dropdown;
25
+ exports.Empty = ConfirmModal.Empty;
26
+ exports.Flex = ConfirmModal.Flex;
27
+ exports.Heading = ConfirmModal.Heading;
28
+ exports.Image = ConfirmModal.Image;
29
+ exports.Layout = ConfirmModal.Layout;
30
+ exports.Menu = ConfirmModal.Menu;
31
+ exports.Modal = ConfirmModal.Modal;
32
+ exports.Pagination = ConfirmModal.Pagination;
33
+ exports.PnkxCollapse = ConfirmModal.PnkxCollapse;
34
+ exports.PnkxColorPicker = ConfirmModal.PnkxColorPicker;
35
+ exports.Popconfirm = ConfirmModal.Popconfirm;
36
+ exports.Popover = ConfirmModal.Popover;
37
+ exports.QRCode = ConfirmModal.QRCode;
38
+ exports.Rate = ConfirmModal.Rate;
39
+ exports.Result = ConfirmModal.Result;
40
+ exports.Row = ConfirmModal.Row;
41
+ exports.SearchFiltersForm = ConfirmModal.SearchFiltersForm;
42
+ exports.Segmented = ConfirmModal.Segmented;
43
+ exports.Sidebar = ConfirmModal.Sidebar;
44
+ exports.Skeleton = ConfirmModal.Skeleton;
45
+ exports.Space = ConfirmModal.Space;
46
+ exports.Spin = ConfirmModal.Spin;
47
+ exports.Splitter = ConfirmModal.Splitter;
48
+ exports.Statistic = ConfirmModal.Statistic;
49
+ exports.Steps = ConfirmModal.Steps;
50
+ exports.Table = ConfirmModal.Table;
51
+ exports.Tabs = ConfirmModal.Tabs;
52
+ exports.Tag = ConfirmModal.Tag;
53
+ exports.Timeline = ConfirmModal.Timeline;
54
+ exports.Tooltip = ConfirmModal.Tooltip;
55
+ exports.Tour = ConfirmModal.Tour;
56
+ exports.Tree = ConfirmModal.Tree;
57
+ exports.Watermark = ConfirmModal.Watermark;
58
+ exports.typeColorMap = ConfirmModal.typeColorMap;
59
+ exports.ErrorMessage = Switch.ErrorMessage;
60
+ exports.Label = Switch.Label;
61
+ exports.Typography = Switch.Typography;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pnkx-lib/ui",
3
3
  "private": false,
4
- "version": "1.6.4",
4
+ "version": "1.6.5",
5
5
  "type": "module",
6
6
  "main": "./es/index.js",
7
7
  "module": "./es/index.js",
package/types/fields.d.ts CHANGED
@@ -6,8 +6,7 @@ import { Dayjs } from 'dayjs';
6
6
  import { default as default_2 } from 'react';
7
7
  import { IAllProps } from '@tinymce/tinymce-react';
8
8
  import { InputProps as InputProps_2 } from 'antd';
9
- import { JSX } from 'react/jsx-runtime';
10
- import { JSX as JSX_2 } from 'react';
9
+ import { JSX } from 'react';
11
10
  import { RadioGroupProps } from 'antd';
12
11
  import { RangePickerProps } from 'antd/es/date-picker';
13
12
  import * as React_2 from 'react';
@@ -20,7 +19,7 @@ import { UploadProps } from 'antd';
20
19
  import { UseFormSetValue } from 'react-hook-form';
21
20
  import { UseFormStateReturn } from 'react-hook-form';
22
21
 
23
- export declare const CheckboxField: (props: CheckboxFieldProps) => JSX.Element;
22
+ export declare const CheckboxField: (props: CheckboxFieldProps) => JSX;
24
23
 
25
24
  export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChange" | "checked"> {
26
25
  field?: ControllerRenderProps<any, any>;
@@ -53,7 +52,7 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
53
52
  size?: TSize;
54
53
  }
55
54
 
56
- export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
55
+ export declare const DatePickerField: (props: DatePickerDMYProps) => default_2.JSX.Element;
57
56
 
58
57
  export declare const Input: (props: InputProps) => JSX.Element;
59
58
 
@@ -73,7 +72,7 @@ export declare interface InputProps extends InputProps_2 {
73
72
  }
74
73
 
75
74
  export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
76
- render(): JSX.Element;
75
+ render(): React_2.JSX.Element;
77
76
  }
78
77
 
79
78
  export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
@@ -91,10 +90,10 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
91
90
  type?: TInputNumberType;
92
91
  prefix?: string;
93
92
  suffix?: string;
94
- helperText?: () => JSX_2.Element | null;
93
+ helperText?: () => JSX.Element | null;
95
94
  }
96
95
 
97
- export declare const RadioGroup: (props: RadioProps) => JSX.Element;
96
+ export declare const RadioGroup: (props: RadioProps) => JSX;
98
97
 
99
98
  export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
100
99
  field?: ControllerRenderProps<any, any>;
@@ -107,7 +106,7 @@ export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "o
107
106
  position?: TPositionRadio;
108
107
  }
109
108
 
110
- export declare const RangePickerField: (props: RangePickerFieldProps) => JSX.Element;
109
+ export declare const RangePickerField: (props: RangePickerFieldProps) => JSX;
111
110
 
112
111
  export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
113
112
  field?: ControllerRenderProps<any, any>;
@@ -119,7 +118,7 @@ export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "v
119
118
  customStyleDatePicker?: string;
120
119
  }
121
120
 
122
- export declare const Select: (props: SelectFieldProps) => JSX.Element;
121
+ export declare const Select: (props: SelectFieldProps) => JSX;
123
122
 
124
123
  export declare interface SelectFieldProps extends SelectProps {
125
124
  field?: ControllerRenderProps<any, any>;
@@ -153,7 +152,7 @@ export declare interface TextAreaProps extends TextAreaProps_2 {
153
152
  declare type TInputNumberType = "number" | "money";
154
153
 
155
154
  export declare const TinyMCE: {
156
- (props: TinyProps): JSX.Element;
155
+ (props: TinyProps): JSX;
157
156
  displayName: string;
158
157
  };
159
158
 
package/types/hooks.d.ts CHANGED
@@ -1,14 +1,14 @@
1
- import { ArgsProps } from 'antd/lib/message';
2
- import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
1
+ import { ArgsProps } from 'antd/es/notification';
2
+ import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
3
3
  import { default as default_2 } from 'react';
4
4
 
5
5
  export declare type InitialFiltersSearch<T> = T & PaginationFilters;
6
6
 
7
- export declare type OptionalArgsMessage = Partial<ArgsProps> & {
8
- type?: ArgsProps["type"];
7
+ export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
8
+ type?: ArgsProps_2["type"];
9
9
  };
10
10
 
11
- export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
11
+ export declare type OptionalArgsToast = Partial<ArgsProps> & {
12
12
  message?: React.ReactNode;
13
13
  };
14
14
 
package/types/index.d.ts CHANGED
@@ -2,8 +2,8 @@ import { AffixProps } from 'antd';
2
2
  import { AlertProps as AlertProps_2 } from 'antd';
3
3
  import { Anchor as Anchor_2 } from 'antd';
4
4
  import { AnchorProps as AnchorProps_2 } from 'antd';
5
- import { ArgsProps } from 'antd/lib/message';
6
- import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
5
+ import { ArgsProps } from 'antd/es/notification';
6
+ import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
7
7
  import { AutoCompleteProps as AutoCompleteProps_2 } from 'antd';
8
8
  import { BadgeProps as BadgeProps_2 } from 'antd';
9
9
  import { BasicProps } from 'antd/es/layout/layout';
@@ -22,8 +22,8 @@ import { Control } from 'react-hook-form';
22
22
  import { ControllerFieldState } from 'react-hook-form';
23
23
  import { ControllerRenderProps } from 'react-hook-form';
24
24
  import { Dayjs } from 'dayjs';
25
- import { default as default_2 } from 'antd/es/anchor/AnchorLink';
26
- import { default as default_3 } from 'react';
25
+ import { default as default_2 } from 'react';
26
+ import { default as default_3 } from 'antd/es/anchor/AnchorLink';
27
27
  import { DefaultOptionType } from 'antd/es/cascader';
28
28
  import { DefaultValues } from 'react-hook-form';
29
29
  import { DividerProps as DividerProps_2 } from 'antd';
@@ -40,8 +40,7 @@ import { ForwardRefExoticComponent } from 'react';
40
40
  import { IAllProps } from '@tinymce/tinymce-react';
41
41
  import { ImageProps } from 'antd';
42
42
  import { InputProps as InputProps_2 } from 'antd';
43
- import { JSX } from 'react/jsx-runtime';
44
- import { JSX as JSX_2 } from 'react';
43
+ import { JSX } from 'react';
45
44
  import { MenuDividerProps } from 'antd/es/menu';
46
45
  import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
47
46
  import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
@@ -103,7 +102,7 @@ export declare const Alert: React.FC<AlertProps>;
103
102
  export declare type AlertProps = AlertProps_2;
104
103
 
105
104
  export declare const Anchor: typeof Anchor_2 & {
106
- Link: typeof default_2;
105
+ Link: typeof default_3;
107
106
  };
108
107
 
109
108
  export declare interface AnchorProps extends AnchorProps_2 {
@@ -111,21 +110,22 @@ export declare interface AnchorProps extends AnchorProps_2 {
111
110
 
112
111
  export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
113
112
 
114
- export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
113
+ export declare const Appfix: ({ children, ...rest }: AppfixProps) => default_2.JSX.Element;
115
114
 
116
115
  export declare interface AppfixProps extends AffixProps {
117
- children: default_3.ReactNode;
116
+ children: default_2.ReactNode;
118
117
  }
119
118
 
120
119
  export declare const AutoComplete: React.FC<AutoCompleteProps>;
121
120
 
122
121
  export declare type AutoCompleteProps = AutoCompleteProps_2;
123
122
 
124
- export declare const Badge: ({ type, children, ...rest }: BadgeProps) => JSX.Element;
123
+ export declare const Badge: ({ type, children, customColor, ...rest }: BadgeProps) => JSX.Element;
125
124
 
126
125
  export declare interface BadgeProps extends BadgeProps_2 {
127
126
  type?: "error" | "info" | "success" | "warning";
128
127
  children?: React.ReactNode;
128
+ customColor?: string;
129
129
  }
130
130
 
131
131
  declare type BaseProps = {
@@ -202,7 +202,7 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
202
202
 
203
203
  export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
204
204
 
205
- export declare const BulkAction: ({ quantity, handleRefresh, handleSend, handleSlash, handleProhibit, handleCheck, handleClose, handleDelete, handleUnLock, handleLock, }: BulkActionProps) => JSX.Element;
205
+ export declare const BulkAction: ({ quantity, handleRefresh, handleSend, handleSlash, handleProhibit, handleCheck, handleClose, handleDelete, handleUnLock, handleLock, }: BulkActionProps) => default_2.JSX.Element;
206
206
 
207
207
  export declare interface BulkActionProps {
208
208
  quantity: number;
@@ -217,7 +217,7 @@ export declare interface BulkActionProps {
217
217
  handleLock?: () => void;
218
218
  }
219
219
 
220
- export declare const Button: default_3.FC<ButtonProps>;
220
+ export declare const Button: default_2.FC<ButtonProps>;
221
221
 
222
222
  export declare type ButtonProps = ButtonProps_2;
223
223
 
@@ -272,15 +272,15 @@ export declare interface ConfirmModalProps extends ModalProps {
272
272
  handleSubmit?: () => void;
273
273
  }
274
274
 
275
- export declare const Container: default_3.FC<ContainerProps>;
275
+ export declare const Container: default_2.FC<ContainerProps>;
276
276
 
277
277
  export declare interface ContainerProps {
278
- children: default_3.ReactNode;
278
+ children: default_2.ReactNode;
279
279
  size?: TailwindMaxWidth;
280
280
  className?: string;
281
281
  }
282
282
 
283
- declare type CustomInputTypeAttribute = default_3.HTMLInputTypeAttribute | "money";
283
+ declare type CustomInputTypeAttribute = default_2.HTMLInputTypeAttribute | "money";
284
284
 
285
285
  export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "onChange"> {
286
286
  field?: ControllerRenderProps<any, any>;
@@ -294,12 +294,12 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
294
294
  label?: string;
295
295
  maxDate?: Date;
296
296
  showTimeSelect?: boolean;
297
- customOnChange?: (date: any, event: default_3.SyntheticEvent<any>) => void;
297
+ customOnChange?: (date: any, event: default_2.SyntheticEvent<any>) => void;
298
298
  customValue?: Date | null;
299
299
  size?: TSize;
300
300
  }
301
301
 
302
- export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
302
+ export declare const DatePickerField: (props: DatePickerDMYProps) => default_2.JSX.Element;
303
303
 
304
304
  export declare const Divider: ({ children, ...rest }: DividerProps) => JSX.Element;
305
305
 
@@ -330,7 +330,7 @@ export declare const Empty: React.FC<EmptyProps>;
330
330
 
331
331
  export declare type EmptyProps = EmptyProps_2;
332
332
 
333
- export declare const ErrorMessage: default_3.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
333
+ export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => default_2.JSX.Element | null>;
334
334
 
335
335
  export declare interface ErrorMessageProps {
336
336
  errorMessage?: string;
@@ -373,8 +373,8 @@ export declare interface InputProps extends InputProps_2 {
373
373
  customStyleInput?: string;
374
374
  type?: CustomInputTypeAttribute;
375
375
  afterOnChange?: (value: number | string | null) => void;
376
- iconStartInput?: default_3.ReactNode;
377
- iconEndInput?: default_3.ReactNode;
376
+ iconStartInput?: default_2.ReactNode;
377
+ iconEndInput?: default_2.ReactNode;
378
378
  allowNegative?: boolean;
379
379
  decimalScale?: number;
380
380
  prefix?: string;
@@ -394,12 +394,12 @@ export declare interface LabelProps {
394
394
  required?: boolean;
395
395
  }
396
396
 
397
- export declare const Layout: default_3.FC<LayoutProps> & {
398
- Header: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
399
- Footer: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
400
- Content: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
401
- Sider: default_3.ForwardRefExoticComponent<SiderProps & default_3.RefAttributes<HTMLDivElement>>;
402
- _InternalSiderContext: default_3.Context<SiderContextProps>;
397
+ export declare const Layout: default_2.FC<LayoutProps> & {
398
+ Header: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
399
+ Footer: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
400
+ Content: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
401
+ Sider: default_2.ForwardRefExoticComponent<SiderProps & default_2.RefAttributes<HTMLDivElement>>;
402
+ _InternalSiderContext: default_2.Context<SiderContextProps>;
403
403
  };
404
404
 
405
405
  export declare type LayoutProps = BaseProps_8 & BasicProps;
@@ -427,11 +427,11 @@ declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, tr
427
427
  multiple: true;
428
428
  };
429
429
 
430
- export declare type OptionalArgsMessage = Partial<ArgsProps> & {
431
- type?: ArgsProps["type"];
430
+ export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
431
+ type?: ArgsProps_2["type"];
432
432
  };
433
433
 
434
- export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
434
+ export declare type OptionalArgsToast = Partial<ArgsProps> & {
435
435
  message?: React.ReactNode;
436
436
  };
437
437
 
@@ -460,7 +460,7 @@ export declare type PnkxCollapseProps = CollapseProps;
460
460
  export declare const PnkxColorPicker: React.FC<ColorPickerProps>;
461
461
 
462
462
  export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
463
- render(): JSX.Element;
463
+ render(): React_2.JSX.Element;
464
464
  }
465
465
 
466
466
  export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
@@ -494,7 +494,7 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
494
494
  type?: TInputNumberType;
495
495
  prefix?: string;
496
496
  suffix?: string;
497
- helperText?: () => JSX_2.Element | null;
497
+ helperText?: () => JSX.Element | null;
498
498
  }
499
499
 
500
500
  export declare const QRCode: React.FC<QRCodeProps>;
@@ -545,7 +545,7 @@ export declare interface RowProps extends RowProps_2 {
545
545
 
546
546
  export declare type RowPropsUnion = BaseProps_4 & RowProps;
547
547
 
548
- export declare const SearchFiltersForm: <T extends FieldValues = FieldValues>({ initialValues, renderFilterFields, onSubmit, onReset, classNamesContainer, classNameWrapperForm, hideDefaultSubmit, hideResetButton, }: SearchFiltersFormProps<T> & Partial<UseFormReturn<T>>) => JSX.Element;
548
+ export declare const SearchFiltersForm: <T extends FieldValues = FieldValues>({ initialValues, renderFilterFields, onSubmit, onReset, classNamesContainer, classNameWrapperForm, hideDefaultSubmit, hideResetButton, }: SearchFiltersFormProps<T> & Partial<UseFormReturn<T>>) => default_2.JSX.Element;
549
549
 
550
550
  export declare interface SearchFiltersFormProps<T extends FieldValues> {
551
551
  renderFilterFields?: (options: {
@@ -553,7 +553,7 @@ export declare interface SearchFiltersFormProps<T extends FieldValues> {
553
553
  setValue?: UseFormSetValue<T>;
554
554
  handleSubmit?: FormEventHandler<any>;
555
555
  reset?: UseFormReset<T>;
556
- }) => default_3.ReactNode;
556
+ }) => default_2.ReactNode;
557
557
  onReset?: () => void;
558
558
  classNamesContainer?: string;
559
559
  classNameWrapperForm?: string;
@@ -655,12 +655,12 @@ export declare interface SwitchFieldProps extends Omit<SwitchProps, "onChange" |
655
655
 
656
656
  declare type TabItem = {
657
657
  key: string;
658
- label: default_3.ReactNode;
659
- children: default_3.ReactNode;
658
+ label: default_2.ReactNode;
659
+ children: default_2.ReactNode;
660
660
  disabled?: boolean;
661
661
  };
662
662
 
663
- export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, ...rest }: TableCommonProps<T>) => JSX.Element;
663
+ export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, ...rest }: TableCommonProps<T>) => default_2.JSX.Element;
664
664
 
665
665
  export declare type TableColumnsType<T> = TableColumnsType_2<T>;
666
666
 
@@ -677,8 +677,8 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
677
677
  onChangePage: (page: number) => void;
678
678
  onChangePageSize: (size: number) => void;
679
679
  onSort?: (sortField: string | number | symbol) => void;
680
- rowsSelected?: default_3.Key[];
681
- onSelect: (newSelectedRowKeys: default_3.Key[]) => void;
680
+ rowsSelected?: default_2.Key[];
681
+ onSelect: (newSelectedRowKeys: default_2.Key[]) => void;
682
682
  onRowClick?: (record: T) => void;
683
683
  rowKey?: string | ((record: T) => string);
684
684
  className?: string;
@@ -686,7 +686,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
686
686
  onSave?: (data: T) => void;
687
687
  }
688
688
 
689
- export declare const Tabs: default_3.FC<TabsProps>;
689
+ export declare const Tabs: default_2.FC<TabsProps>;
690
690
 
691
691
  export declare type TabsProps = TabsProps_2 & {
692
692
  items: TabItem[];
@@ -732,7 +732,7 @@ export declare interface TinyProps extends IAllProps {
732
732
  text_patterns?: any;
733
733
  }
734
734
 
735
- export declare const Tooltip: default_3.FC<TooltipProps>;
735
+ export declare const Tooltip: default_2.FC<TooltipProps>;
736
736
 
737
737
  export declare type TooltipProps = TooltipProps_2;
738
738
 
@@ -776,13 +776,13 @@ export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "o
776
776
 
777
777
  export declare const useFiltersHandler: <T>(initialFilters: InitialFiltersSearch<T>) => {
778
778
  filters: InitialFiltersSearch<T>;
779
- rowsSelected: default_3.Key[];
780
- setRowsSelected: default_3.Dispatch<default_3.SetStateAction<default_3.Key[]>>;
781
- setFilters: default_3.Dispatch<default_3.SetStateAction<InitialFiltersSearch<T>>>;
779
+ rowsSelected: default_2.Key[];
780
+ setRowsSelected: default_2.Dispatch<default_2.SetStateAction<default_2.Key[]>>;
781
+ setFilters: default_2.Dispatch<default_2.SetStateAction<InitialFiltersSearch<T>>>;
782
782
  goToPage: (PageIndex: number) => void;
783
783
  changeRowlimit: (value: number) => void;
784
784
  resetToInitialFilters: () => void;
785
- handleCheckBox: (newSelectedRowKeys: default_3.Key[]) => void;
785
+ handleCheckBox: (newSelectedRowKeys: default_2.Key[]) => void;
786
786
  handleChangePage: (nextPage: number) => void;
787
787
  handleRequestSort: (sortField: string | number | symbol) => void;
788
788
  handleSearch: (nextFilters: InitialFiltersSearch<T>) => void;