@pnkx-lib/ui 1.9.2 → 1.9.4

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

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

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

@@ -3495,6 +3495,8 @@ 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.
  *
@@ -3539,10 +3541,8 @@ function useFormState(props) {
         isValid: false,
         errors: false,
     });
-    const _name = React__default.useRef(name);
-    _name.current = name;
-    React__default.useEffect(() => control._subscribe({
-        name: _name.current,
+    useIsomorphicLayoutEffect$1(() => control._subscribe({
+        name: name,
         formState: _localProxyFormState.current,
         exact,
         callback: (formState) => {
@@ -3552,7 +3552,7 @@ function useFormState(props) {
                     ...formState,
                 });
         },
-    }), [control, disabled, exact]);
+    }), [name, disabled, exact]);
     React__default.useEffect(() => {
         _localProxyFormState.current.isValid && control._setValid(true);
     }, [control]);
@@ -3592,19 +3592,17 @@ 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);
-    _name.current = name;
-    React__default.useEffect(() => control._subscribe({
-        name: _name.current,
+    const [value, updateValue] = React__default.useState(control._getWatch(name, _defaultValue.current));
+    useIsomorphicLayoutEffect$1(() => control._subscribe({
+        name: name,
         formState: {
             values: true,
         },
         exact,
         callback: (formState) => !disabled &&
-            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));
+            updateValue(generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current)),
+    }), [name, control, disabled, exact]);
     React__default.useEffect(() => control._removeUnmounted());
     return value;
 }
@@ -4420,6 +4418,7 @@ function createFormControl(props = {}) {
     let _formState = {
         submitCount: 0,
         isDirty: false,
+        isReady: false,
         isLoading: isFunction$1(_options.defaultValues),
         isValidating: false,
         isSubmitted: false,
@@ -4434,7 +4433,7 @@ function createFormControl(props = {}) {
     };
     const _fields = {};
     let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values)
-        ? cloneObject(_options.values || _options.defaultValues) || {}
+        ? cloneObject(_options.defaultValues || _options.values) || {}
         : {};
     let _formValues = _options.shouldUnregister
         ? {}
@@ -5485,6 +5484,7 @@ function useForm(props = {}) {
         validatingFields: {},
         errors: props.errors || {},
         disabled: props.disabled || false,
+        isReady: false,
         defaultValues: isFunction$1(props.defaultValues)
             ? undefined
             : props.defaultValues,
@@ -5502,12 +5502,37 @@ function useForm(props = {}) {
     }
     const control = _formControl.current.control;
     control._options = props;
-    React__default.useLayoutEffect(() => control._subscribe({
-        formState: control._proxyFormState,
-        callback: () => updateFormState({ ...control._formState }),
-        reRenderRoot: true,
-    }), [control]);
+    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.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();
@@ -5527,12 +5552,7 @@ function useForm(props = {}) {
         else {
             control._resetDefaultValues();
         }
-    }, [props.values, control]);
-    React__default.useEffect(() => {
-        if (props.errors && !isEmptyObject(props.errors)) {
-            control._setErrors(props.errors);
-        }
-    }, [props.errors, control]);
+    }, [control, props.values]);
     React__default.useEffect(() => {
         if (!control._state.mount) {
             control._setValid();
@@ -5544,12 +5564,6 @@ 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-DQm0didM.js';
-export { R as RadioGroup, S as Select } from '../chunks/Radio-DA0U4ozV.js';
+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';

package/es/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.2",
+  "version": "1.9.4",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -85,7 +85,8 @@
     "antd": "^5.24.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "tailwindcss": "^4.0.17"
+    "tailwindcss": "^4.0.17",
+    "react-router": "^7.6.0"
   },
   "dependencies": {
     "@ant-design/icons": "^5.6.1",
@@ -106,9 +107,8 @@
     "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,20 +202,19 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
-export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX.Element;
+export declare const BulkAction: ({ quantity, handleRefresh, handleSend, handleSlash, handleProhibit, handleCheck, handleClose, handleDelete, handleUnLock, handleLock, }: BulkActionProps) => JSX.Element;
 
 export declare interface BulkActionProps {
     quantity: number;
-    handleRestore?: () => void;
-    handleSendApproval?: () => void;
-    handleCancelSendApproval?: () => void;
-    handleRefuseApproval?: () => void;
-    handleApproval?: () => void;
-    handleCancelApproval?: () => void;
+    handleRefresh?: () => void;
+    handleSend?: () => void;
+    handleSlash?: () => void;
+    handleProhibit?: () => void;
+    handleCheck?: () => void;
+    handleClose?: () => void;
     handleDelete?: () => void;
-    handleActivate?: () => void;
-    handleInActivate?: () => void;
-    status?: number;
+    handleUnLock?: () => void;
+    handleLock?: () => void;
 }
 
 export declare const Button: default_3.FC<ButtonProps>;
@@ -265,13 +264,11 @@ export declare interface ConfirmModalProps extends ModalProps {
     content: string;
     titleCancelBtn?: string;
     titleSubmitBtn?: string;
-    typeIcon: ConfirmModalType;
+    typeIcon: "success" | "error" | "warning" | "info";
     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,20 +183,19 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
-export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX.Element;
+export declare const BulkAction: ({ quantity, handleRefresh, handleSend, handleSlash, handleProhibit, handleCheck, handleClose, handleDelete, handleUnLock, handleLock, }: BulkActionProps) => JSX.Element;
 
 export declare interface BulkActionProps {
     quantity: number;
-    handleRestore?: () => void;
-    handleSendApproval?: () => void;
-    handleCancelSendApproval?: () => void;
-    handleRefuseApproval?: () => void;
-    handleApproval?: () => void;
-    handleCancelApproval?: () => void;
+    handleRefresh?: () => void;
+    handleSend?: () => void;
+    handleSlash?: () => void;
+    handleProhibit?: () => void;
+    handleCheck?: () => void;
+    handleClose?: () => void;
     handleDelete?: () => void;
-    handleActivate?: () => void;
-    handleInActivate?: () => void;
-    status?: number;
+    handleUnLock?: () => void;
+    handleLock?: () => void;
 }
 
 export declare const Button: default_3.FC<ButtonProps>;
@@ -232,13 +231,11 @@ export declare interface ConfirmModalProps extends ModalProps {
     content: string;
     titleCancelBtn?: string;
     titleSubmitBtn?: string;
-    typeIcon: ConfirmModalType;
+    typeIcon: "success" | "error" | "warning" | "info";
     handleCancel?: () => void;
     handleSubmit?: () => void;
 }
 
-export declare type ConfirmModalType = "success" | "error" | "warning" | "info";
-
 export declare const Container: default_3.FC<ContainerProps>;
 
 export declare interface ContainerProps {