@pnkx-lib/ui 1.9.0 → 1.9.2

package/es/chunks/{Radio-D2me1zZ-.js → Radio-DA0U4ozV.js}

@@ -1,4 +1,4 @@
-import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-za5Skgtp.js';
+import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-DQm0didM.js';
 import { Select as Select$1, Radio } from 'antd';
 
 const Select = (props) => {

package/es/chunks/{Switch-za5Skgtp.js → Switch-DQm0didM.js}

@@ -3495,8 +3495,6 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
     return result;
 };
 
-const useIsomorphicLayoutEffect$1 = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-
 /**
  * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
  *
@@ -3541,8 +3539,10 @@ function useFormState(props) {
         isValid: false,
         errors: false,
     });
-    useIsomorphicLayoutEffect$1(() => control._subscribe({
-        name: name,
+    const _name = React__default.useRef(name);
+    _name.current = name;
+    React__default.useEffect(() => control._subscribe({
+        name: _name.current,
         formState: _localProxyFormState.current,
         exact,
         callback: (formState) => {
@@ -3552,7 +3552,7 @@ function useFormState(props) {
                     ...formState,
                 });
         },
-    }), [name, disabled, exact]);
+    }), [control, disabled, exact]);
     React__default.useEffect(() => {
         _localProxyFormState.current.isValid && control._setValid(true);
     }, [control]);
@@ -3592,17 +3592,19 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
 function useWatch(props) {
     const methods = useFormContext();
     const { control = methods.control, name, defaultValue, disabled, exact, } = props || {};
+    const _name = React__default.useRef(name);
     const _defaultValue = React__default.useRef(defaultValue);
-    const [value, updateValue] = React__default.useState(control._getWatch(name, _defaultValue.current));
-    useIsomorphicLayoutEffect$1(() => control._subscribe({
-        name: name,
+    _name.current = name;
+    React__default.useEffect(() => control._subscribe({
+        name: _name.current,
         formState: {
             values: true,
         },
         exact,
         callback: (formState) => !disabled &&
-            updateValue(generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current)),
-    }), [name, control, disabled, exact]);
+            updateValue(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, _defaultValue.current)),
+    }), [control, disabled, exact]);
+    const [value, updateValue] = React__default.useState(control._getWatch(name, defaultValue));
     React__default.useEffect(() => control._removeUnmounted());
     return value;
 }
@@ -4418,7 +4420,6 @@ function createFormControl(props = {}) {
     let _formState = {
         submitCount: 0,
         isDirty: false,
-        isReady: false,
         isLoading: isFunction$1(_options.defaultValues),
         isValidating: false,
         isSubmitted: false,
@@ -4433,7 +4434,7 @@ function createFormControl(props = {}) {
     };
     const _fields = {};
     let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values)
-        ? cloneObject(_options.defaultValues || _options.values) || {}
+        ? cloneObject(_options.values || _options.defaultValues) || {}
         : {};
     let _formValues = _options.shouldUnregister
         ? {}
@@ -5484,7 +5485,6 @@ function useForm(props = {}) {
         validatingFields: {},
         errors: props.errors || {},
         disabled: props.disabled || false,
-        isReady: false,
         defaultValues: isFunction$1(props.defaultValues)
             ? undefined
             : props.defaultValues,
@@ -5502,37 +5502,12 @@ function useForm(props = {}) {
     }
     const control = _formControl.current.control;
     control._options = props;
-    useIsomorphicLayoutEffect$1(() => {
-        const sub = control._subscribe({
-            formState: control._proxyFormState,
-            callback: () => updateFormState({ ...control._formState }),
-            reRenderRoot: true,
-        });
-        updateFormState((data) => ({
-            ...data,
-            isReady: true,
-        }));
-        control._formState.isReady = true;
-        return sub;
-    }, [control]);
+    React__default.useLayoutEffect(() => control._subscribe({
+        formState: control._proxyFormState,
+        callback: () => updateFormState({ ...control._formState }),
+        reRenderRoot: true,
+    }), [control]);
     React__default.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
-    React__default.useEffect(() => {
-        if (props.mode) {
-            control._options.mode = props.mode;
-        }
-        if (props.reValidateMode) {
-            control._options.reValidateMode = props.reValidateMode;
-        }
-        if (props.errors && !isEmptyObject(props.errors)) {
-            control._setErrors(props.errors);
-        }
-    }, [control, props.errors, props.mode, props.reValidateMode]);
-    React__default.useEffect(() => {
-        props.shouldUnregister &&
-            control._subjects.state.next({
-                values: control._getWatch(),
-            });
-    }, [control, props.shouldUnregister]);
     React__default.useEffect(() => {
         if (control._proxyFormState.isDirty) {
             const isDirty = control._getDirty();
@@ -5552,7 +5527,12 @@ function useForm(props = {}) {
         else {
             control._resetDefaultValues();
         }
-    }, [control, props.values]);
+    }, [props.values, control]);
+    React__default.useEffect(() => {
+        if (props.errors && !isEmptyObject(props.errors)) {
+            control._setErrors(props.errors);
+        }
+    }, [props.errors, control]);
     React__default.useEffect(() => {
         if (!control._state.mount) {
             control._setValid();
@@ -5564,6 +5544,12 @@ function useForm(props = {}) {
         }
         control._removeUnmounted();
     });
+    React__default.useEffect(() => {
+        props.shouldUnregister &&
+            control._subjects.state.next({
+                values: control._getWatch(),
+            });
+    }, [props.shouldUnregister, control]);
     _formControl.current.formState = getProxyFormState(formState, control);
     return _formControl.current;
 }

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, a as TinyMCE } from '../chunks/Switch-za5Skgtp.js';
-export { R as RadioGroup, S as Select } from '../chunks/Radio-D2me1zZ-.js';
+export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, a as TinyMCE } from '../chunks/Switch-DQm0didM.js';
+export { R as RadioGroup, S as Select } from '../chunks/Radio-DA0U4ozV.js';

package/es/index.js

@@ -1,6 +1,5 @@
-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, 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/ErrorBoundary-CwQo6pE6.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 TinyMCE, T as Typography } from './chunks/Switch-za5Skgtp.js';
-import 'react-router-dom';
-export { R as RadioGroup, S as Select } from './chunks/Radio-D2me1zZ-.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, 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/ErrorBoundary-13MGAHnq.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 TinyMCE, T as Typography } from './chunks/Switch-DQm0didM.js';
+export { R as RadioGroup, S as Select } from './chunks/Radio-DA0U4ozV.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,3 +1,2 @@
-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, 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/ErrorBoundary-CwQo6pE6.js';
-export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-za5Skgtp.js';
-import 'react-router-dom';
+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, 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/ErrorBoundary-13MGAHnq.js';
+export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-DQm0didM.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.0",
+  "version": "1.9.2",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -85,7 +85,6 @@
     "antd": "^5.24.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^7.6.0",
     "tailwindcss": "^4.0.17"
   },
   "dependencies": {
@@ -107,6 +106,7 @@
     "react-datepicker": "^4.16.0",
     "react-hook-form": "^7.54.2",
     "react-number-format": "^5.4.3",
+    "react-router": "^7.6.0",
     "tailwind-merge": "^3.3.0",
     "yup": "^1.6.1",
     "zustand": "^5.0.3"

package/types/index.d.ts

@@ -202,19 +202,20 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
-export declare const BulkAction: ({ quantity, handleRefresh, handleSend, handleSlash, handleProhibit, handleCheck, handleClose, handleDelete, handleUnLock, handleLock, }: BulkActionProps) => JSX.Element;
+export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX.Element;
 
 export declare interface BulkActionProps {
     quantity: number;
-    handleRefresh?: () => void;
-    handleSend?: () => void;
-    handleSlash?: () => void;
-    handleProhibit?: () => void;
-    handleCheck?: () => void;
-    handleClose?: () => void;
+    handleRestore?: () => void;
+    handleSendApproval?: () => void;
+    handleCancelSendApproval?: () => void;
+    handleRefuseApproval?: () => void;
+    handleApproval?: () => void;
+    handleCancelApproval?: () => void;
     handleDelete?: () => void;
-    handleUnLock?: () => void;
-    handleLock?: () => void;
+    handleActivate?: () => void;
+    handleInActivate?: () => void;
+    status?: number;
 }
 
 export declare const Button: default_3.FC<ButtonProps>;
@@ -264,11 +265,13 @@ export declare interface ConfirmModalProps extends ModalProps {
     content: string;
     titleCancelBtn?: string;
     titleSubmitBtn?: string;
-    typeIcon: "success" | "error" | "warning" | "info";
+    typeIcon: ConfirmModalType;
     handleCancel?: () => void;
     handleSubmit?: () => void;
 }
 
+export declare type ConfirmModalType = "success" | "error" | "warning" | "info";
+
 export declare const Container: default_3.FC<ContainerProps>;
 
 export declare interface ContainerProps {

package/types/ui.d.ts

@@ -183,19 +183,20 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
-export declare const BulkAction: ({ quantity, handleRefresh, handleSend, handleSlash, handleProhibit, handleCheck, handleClose, handleDelete, handleUnLock, handleLock, }: BulkActionProps) => JSX.Element;
+export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX.Element;
 
 export declare interface BulkActionProps {
     quantity: number;
-    handleRefresh?: () => void;
-    handleSend?: () => void;
-    handleSlash?: () => void;
-    handleProhibit?: () => void;
-    handleCheck?: () => void;
-    handleClose?: () => void;
+    handleRestore?: () => void;
+    handleSendApproval?: () => void;
+    handleCancelSendApproval?: () => void;
+    handleRefuseApproval?: () => void;
+    handleApproval?: () => void;
+    handleCancelApproval?: () => void;
     handleDelete?: () => void;
-    handleUnLock?: () => void;
-    handleLock?: () => void;
+    handleActivate?: () => void;
+    handleInActivate?: () => void;
+    status?: number;
 }
 
 export declare const Button: default_3.FC<ButtonProps>;
@@ -231,11 +232,13 @@ export declare interface ConfirmModalProps extends ModalProps {
     content: string;
     titleCancelBtn?: string;
     titleSubmitBtn?: string;
-    typeIcon: "success" | "error" | "warning" | "info";
+    typeIcon: ConfirmModalType;
     handleCancel?: () => void;
     handleSubmit?: () => void;
 }
 
+export declare type ConfirmModalType = "success" | "error" | "warning" | "info";
+
 export declare const Container: default_3.FC<ContainerProps>;
 
 export declare interface ContainerProps {