@pnkx-lib/ui 1.9.35 → 1.9.36

package/es/chunks/Radio-BI84-zGV.js

@@ -0,0 +1,53 @@
+import { g as get, j as jsxRuntimeExports, T as Typography, E as ErrorMessage } from './Switch-DIm0IBxH.js';
+import { Radio } from 'antd';
+
+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()
+  ] });
+};
+
+export { RadioGroup as R };

package/es/chunks/{Switch-Ck9WdQgt.js → Switch-DIm0IBxH.js}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useLayoutEffect, useMemo, forwardRef, useCallback, createElement, Component, createRef, createContext, useContext } from 'react';
-import { Typography as Typography$1, Input as Input$1, Checkbox, DatePicker, Upload, Image, Switch } from 'antd';
-import { e as require_baseGetTag, f as requireIsObjectLike, i as requireIsArray, b as require_MapCache, m as require_Symbol, n as getDefaultExportFromCjs, o as commonjsGlobal } from './_MapCache-hm6_DB7i.js';
+import { Typography as Typography$1, Input as Input$1, Select as Select$1, Checkbox, DatePicker, Upload, Image, Switch } from 'antd';
+import { g as require_baseGetTag, h as requireIsObjectLike, k as requireIsArray, d as require_MapCache, o as require_Symbol, p as getDefaultExportFromCjs, q as commonjsGlobal, T as TINY_API } from './common-b3FKGF0Y.js';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { findDOMNode } from 'react-dom';
 
@@ -4468,8 +4468,6 @@ function createFormControl(props = {}) {
         array: createSubject(),
         state: createSubject(),
     };
-    const validationModeBeforeSubmit = getValidationModes(_options.mode);
-    const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
     const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;
     const debounce = (callback) => (wait) => {
         clearTimeout(timer);
@@ -4740,13 +4738,17 @@ function createFormControl(props = {}) {
                 }
                 else if (fieldReference.refs) {
                     if (isCheckBoxInput(fieldReference.ref)) {
-                        fieldReference.refs.length > 1
-                            ? fieldReference.refs.forEach((checkboxRef) => (!checkboxRef.defaultChecked || !checkboxRef.disabled) &&
-                                (checkboxRef.checked = Array.isArray(fieldValue)
-                                    ? !!fieldValue.find((data) => data === checkboxRef.value)
-                                    : fieldValue === checkboxRef.value))
-                            : fieldReference.refs[0] &&
-                                (fieldReference.refs[0].checked = !!fieldValue);
+                        fieldReference.refs.forEach((checkboxRef) => {
+                            if (!checkboxRef.defaultChecked || !checkboxRef.disabled) {
+                                if (Array.isArray(fieldValue)) {
+                                    checkboxRef.checked = !!fieldValue.find((data) => data === checkboxRef.value);
+                                }
+                                else {
+                                    checkboxRef.checked =
+                                        fieldValue === checkboxRef.value || !!fieldValue;
+                                }
+                            }
+                        });
                     }
                     else {
                         fieldReference.refs.forEach((radioRef) => (radioRef.checked = radioRef.value === fieldValue));
@@ -4772,6 +4774,9 @@ function createFormControl(props = {}) {
     };
     const setValues = (name, value, options) => {
         for (const fieldKey in value) {
+            if (!value.hasOwnProperty(fieldKey)) {
+                return;
+            }
             const fieldValue = value[fieldKey];
             const fieldName = `${name}.${fieldKey}`;
             const field = get(_fields, fieldName);
@@ -4828,6 +4833,8 @@ function createFormControl(props = {}) {
                     (isDateObject(fieldValue) && isNaN(fieldValue.getTime())) ||
                     deepEqual(fieldValue, get(_formValues, name, fieldValue));
         };
+        const validationModeBeforeSubmit = getValidationModes(_options.mode);
+        const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
         if (field) {
             let error;
             let isValid;
@@ -5582,6 +5589,56 @@ class PnkxField extends React.PureComponent {
   }
 }
 
+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$1(touchedFields, name);
+  const errorMessage = get$1(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()
+  ] });
+};
+
 var propTypes = {exports: {}};
 
 var reactIs = {exports: {}};
@@ -7462,8 +7519,6 @@ var Editor = /** @class */ (function (_super) {
     return Editor;
 }(React.Component));
 
-const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
-
 var lodash$1 = {exports: {}};
 
 /**
@@ -39386,4 +39441,4 @@ const SwitchField = (props) => {
 };
 React__default.memo(SwitchField);
 
-export { _inherits as A, _createSuper as B, CheckboxField as C, DatePickerField as D, ErrorMessage as E, FastColor as F, _assertThisInitialized$1 as G, _objectWithoutProperties as H, Input as I, IconContext as J, Label as L, PnkxField as P, RangePickerField as R, Typography as T, _extends as _, TINY_API as a, TinyMCE as b, Icon as c, _typeof as d, classNames as e, _arrayLikeToArray as f, get$1 as g, _unsupportedIterableToArray as h, _createClass as i, jsxRuntimeExports as j, _classCallCheck as k, _defineProperty as l, _slicedToArray as m, warning$1 as n, canUseDom as o, _objectSpread2 as p, updateCSS as q, removeCSS as r, _arrayWithHoles as s, _nonIterableRest as t, useForm as u, resetWarned as v, warningOnce as w, generate$1 as x, presetPrimaryColors as y, presetPalettes as z };
+export { presetPalettes as A, _inherits as B, CheckboxField as C, DatePickerField as D, ErrorMessage as E, FastColor as F, _createSuper as G, _assertThisInitialized$1 as H, Input as I, _objectWithoutProperties as J, IconContext as K, Label as L, PnkxField as P, RangePickerField as R, Select as S, Typography as T, _extends as _, TinyMCE as a, Icon as b, _typeof as c, classNames as d, RefIcon as e, _arrayLikeToArray as f, get$1 as g, _unsupportedIterableToArray as h, _createClass as i, jsxRuntimeExports as j, _classCallCheck as k, lodashExports as l, _defineProperty as m, _slicedToArray as n, warning$1 as o, canUseDom as p, _objectSpread2 as q, updateCSS as r, removeCSS as s, _arrayWithHoles as t, useForm as u, _nonIterableRest as v, warningOnce as w, resetWarned as x, generate$1 as y, presetPrimaryColors as z };

package/es/chunks/{table-B28OPA57.js → cloneDeep-BLYi2V0G.js}

@@ -1,23 +1,17 @@
 import { notification } from 'antd';
-import { r as require_ListCache, a as require_Map, b as require_MapCache, c as require_getNative, d as requireEq, e as require_baseGetTag, f as requireIsObjectLike, g as require_root, h as require_freeGlobal, i as requireIsArray, j as requireIsFunction, k as requireIsObject, l as require_toSource, m as require_Symbol, n as getDefaultExportFromCjs } from './_MapCache-hm6_DB7i.js';
+import { r as require_ListCache, c as require_Map, d as require_MapCache, e as require_getNative, f as requireEq, g as require_baseGetTag, h as requireIsObjectLike, i as require_root, j as require_freeGlobal, k as requireIsArray, l as requireIsFunction, m as requireIsObject, n as require_toSource, o as require_Symbol, p as getDefaultExportFromCjs } from './common-b3FKGF0Y.js';
 
 const useToast = (defaultProps) => {
-  const toast = (overrideProps) => {
-    const { type = "info", ...rest } = { ...defaultProps, ...overrideProps };
+  return (overrideProps) => {
     const mergedProps = {
       message: defaultProps?.message,
       showProgress: true,
       pauseOnHover: false,
       ...defaultProps,
-      ...rest
+      ...overrideProps
     };
-    notification[type](mergedProps);
+    notification.open(mergedProps);
   };
-  toast.success = (props) => toast({ ...props, type: "success" });
-  toast.error = (props) => toast({ ...props, type: "error" });
-  toast.info = (props) => toast({ ...props, type: "info" });
-  toast.warning = (props) => toast({ ...props, type: "warning" });
-  return toast;
 };
 
 var _stackClear;
@@ -2424,25 +2418,4 @@ function requireCloneDeep () {
 var cloneDeepExports = requireCloneDeep();
 const cloneDeep = /*@__PURE__*/getDefaultExportFromCjs(cloneDeepExports);
 
-const START_PAGE = 1;
-const START_PAGE_SIZE = 10;
-const PAGE_INDEX = "PageIndex";
-const PAGE_SIZE = "PageSize";
-const SORT_BY = "SortBy";
-const SORT_DESC = "SortDesc";
-var TypeActionRowTable = /* @__PURE__ */ ((TypeActionRowTable2) => {
-  TypeActionRowTable2["DELETE"] = "DELETE";
-  TypeActionRowTable2["EDIT"] = "EDIT";
-  TypeActionRowTable2["UNDO"] = "UNDO";
-  TypeActionRowTable2["CANCELUNDO"] = "CANCELUNDO";
-  TypeActionRowTable2["CHECKIN"] = "CHECKIN";
-  TypeActionRowTable2["PRINT"] = "PRINT";
-  TypeActionRowTable2["PAYMENT"] = "PAYMENT";
-  TypeActionRowTable2["PLAY"] = "PLAY";
-  TypeActionRowTable2["PAUSE"] = "PAUSE";
-  TypeActionRowTable2["DOWNLOAD"] = "DOWNLOAD";
-  TypeActionRowTable2["VIEW"] = "VIEW";
-  return TypeActionRowTable2;
-})(TypeActionRowTable || {});
-
-export { PAGE_INDEX as P, START_PAGE as S, TypeActionRowTable as T, START_PAGE_SIZE as a, PAGE_SIZE as b, SORT_BY as c, SORT_DESC as d, cloneDeep as e, useToast as u };
+export { cloneDeep as c, useToast as u };

package/es/chunks/{_MapCache-hm6_DB7i.js → common-b3FKGF0Y.js}

@@ -1252,4 +1252,10 @@ function require_MapCache () {
 	return _MapCache;
 }
 
-export { require_Map as a, require_MapCache as b, require_getNative as c, requireEq as d, require_baseGetTag as e, requireIsObjectLike as f, require_root as g, require_freeGlobal as h, requireIsArray as i, requireIsFunction as j, requireIsObject as k, require_toSource as l, require_Symbol as m, getDefaultExportFromCjs as n, commonjsGlobal as o, require_ListCache as r };
+const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
+const START_PAGE = 1;
+const PAGE_INDEX = "PageIndex";
+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 };

package/es/chunks/{useToggle-C5Y4aFUQ.js → useMessage-D_-VT5B4.js}

@@ -1,5 +1,6 @@
 import { useState, useCallback } from 'react';
-import { e as cloneDeep, P as PAGE_INDEX, S as START_PAGE, d as SORT_DESC, c as SORT_BY } from './table-B28OPA57.js';
+import { c as cloneDeep } from './cloneDeep-BLYi2V0G.js';
+import { P as PAGE_INDEX, S as START_PAGE, a as SORT_DESC, b as SORT_BY } from './common-b3FKGF0Y.js';
 import { message } from 'antd';
 
 const useFiltersHandler = (initialFilters) => {
@@ -90,17 +91,4 @@ const useMessage = (defaultProps) => {
   };
 };
 
-const useToggle = () => {
-  const [open, setOpen] = useState(false);
-  const [close, setClose] = useState(false);
-  const toggle = useCallback(() => {
-    setOpen((prev) => !prev);
-    setTimeout(() => {
-      setClose((prev) => !prev);
-    }, 500);
-  }, []);
-  const shouldRender = open || close;
-  return { open, toggle, shouldRender };
-};
-
-export { useMessage as a, useToggle as b, useFiltersHandler as u };
+export { useMessage as a, useFiltersHandler as u };

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/Switch-Ck9WdQgt.js';
-export { R as RadioGroup, S as Select } from '../chunks/Radio-5j1KNRlx.js';
+export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, S as Select, a as TinyMCE } from '../chunks/Switch-DIm0IBxH.js';
+export { R as RadioGroup } from '../chunks/Radio-BI84-zGV.js';

package/es/hooks/index.js

@@ -1,2 +1,2 @@
-export { u as useToast } from '../chunks/table-B28OPA57.js';
-export { u as useFiltersHandler, a as useMessage, b as useToggle } from '../chunks/useToggle-C5Y4aFUQ.js';
+export { u as useToast } from '../chunks/cloneDeep-BLYi2V0G.js';
+export { u as useFiltersHandler, a as useMessage } from '../chunks/useMessage-D_-VT5B4.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-DqaASOI_.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/Switch-Ck9WdQgt.js';
+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, 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/CategoryStatus-DdH8iIZs.js';
+export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, S as Select, a as TinyMCE, T as Typography } from './chunks/Switch-DIm0IBxH.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 } from './chunks/Radio-5j1KNRlx.js';
-export { u as useFiltersHandler, a as useMessage, b as useToggle } from './chunks/useToggle-C5Y4aFUQ.js';
+export { R as RadioGroup } from './chunks/Radio-BI84-zGV.js';
+export { u as useToast } from './chunks/cloneDeep-BLYi2V0G.js';
+export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-D_-VT5B4.js';

package/es/ui/index.js

@@ -1,4 +1,3 @@
-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-DqaASOI_.js';
-export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/Switch-Ck9WdQgt.js';
+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, 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/CategoryStatus-DdH8iIZs.js';
+export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-DIm0IBxH.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.35",
+  "version": "1.9.36",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -42,11 +42,7 @@
     "build": "npm run build:css && vite build",
     "serve": "vite preview",
     "lint": "eslint .",
-    "build-storybook": "storybook build",
-    "clean": "rm -rf types es dist",
-    "release:patch": "npm run clean && npm version patch && npm run build && npm publish",
-    "release:minor": "npm run clean && npm version minor && npm run build && npm publish",
-    "release:major": "npm run clean && npm version major && npm run build && npm publish"
+    "build-storybook": "storybook build"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.6",
@@ -115,4 +111,4 @@
     "yup": "^1.6.1",
     "zustand": "^5.0.3"
   }
-}
+}

package/types/fields.d.ts

@@ -6,8 +6,8 @@ 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 as JSX_2 } from 'react/jsx-runtime';
+import { JSX as JSX_3 } from 'react';
 import { RadioGroupProps } from 'antd';
 import { RangePickerProps } from 'antd/es/date-picker';
 import * as React_2 from 'react';
@@ -20,7 +20,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_2.Element;
 
 export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChange" | "checked"> {
     field?: ControllerRenderProps<any, any>;
@@ -53,9 +53,9 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     size?: TSize;
 }
 
-export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
+export declare const DatePickerField: (props: DatePickerDMYProps) => JSX_2.Element;
 
-export declare const Input: (props: InputProps) => JSX.Element;
+export declare const Input: (props: InputProps) => JSX_2.Element;
 
 export declare interface InputProps extends InputProps_2 {
     field?: ControllerRenderProps<any, any>;
@@ -73,7 +73,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(): JSX_2.Element;
 }
 
 export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
@@ -91,10 +91,10 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
     type?: TInputNumberType;
     prefix?: string;
     suffix?: string;
-    helperText?: () => JSX_2.Element | null;
+    helperText?: () => JSX_3.Element | null;
 }
 
-export declare const RadioGroup: (props: RadioProps) => JSX.Element;
+export declare const RadioGroup: (props: RadioProps) => JSX_2.Element;
 
 export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -107,7 +107,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_2.Element;
 
 export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -119,7 +119,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_2.Element;
 
 export declare interface SelectFieldProps extends SelectProps {
     field?: ControllerRenderProps<any, any>;
@@ -153,7 +153,7 @@ export declare interface TextAreaProps extends TextAreaProps_2 {
 declare type TInputNumberType = "number" | "money";
 
 export declare const TinyMCE: {
-    (props: TinyProps): JSX.Element;
+    (props: TinyProps): JSX_2.Element;
     displayName: string;
 };
 

package/types/hooks.d.ts

@@ -1,16 +1,15 @@
-import { ArgsProps } from 'antd/es/notification';
-import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
+import { ArgsProps } from 'antd/lib/message';
+import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
 import { default as default_2 } from 'react';
 
 export declare type InitialFiltersSearch<T> = T & PaginationFilters;
 
-export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
-    type?: ArgsProps_2["type"];
+export declare type OptionalArgsMessage = Partial<ArgsProps> & {
+    type?: ArgsProps["type"];
 };
 
-export declare type OptionalArgsToast = Partial<ArgsProps> & {
+export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
     message?: React.ReactNode;
-    type?: "success" | "error" | "info" | "warning";
 };
 
 export declare interface PaginationFilters {
@@ -34,18 +33,6 @@ export declare const useFiltersHandler: <T>(initialFilters: InitialFiltersSearch
 
 export declare const useMessage: (defaultProps?: OptionalArgsMessage) => (overrideProps?: OptionalArgsMessage) => void;
 
-export declare const useToast: (defaultProps?: OptionalArgsToast) => {
-    (overrideProps?: OptionalArgsToast): void;
-    success(props?: OptionalArgsToast): void;
-    error(props?: OptionalArgsToast): void;
-    info(props?: OptionalArgsToast): void;
-    warning(props?: OptionalArgsToast): void;
-};
-
-export declare const useToggle: () => {
-    open: boolean;
-    toggle: () => void;
-    shouldRender: boolean;
-};
+export declare const useToast: (defaultProps?: OptionalArgsToast) => (overrideProps?: OptionalArgsToast) => void;
 
 export { }