react-table-edit 1.2.21 → 1.2.22

package/dist/index.js

@@ -1444,14 +1444,14 @@ var require_shims = __commonJS({
     exports2.dontSetMe = dontSetMe;
     exports2.findInArray = findInArray;
     exports2.int = int;
-    exports2.isFunction = isFunction5;
+    exports2.isFunction = isFunction4;
     exports2.isNum = isNum;
     function findInArray(array, callback) {
       for (let i2 = 0, length = array.length; i2 < length; i2++) {
         if (callback.apply(callback, [array[i2], i2, array])) return array[i2];
       }
     }
-    function isFunction5(func) {
+    function isFunction4(func) {
       return typeof func === "function" || Object.prototype.toString.call(func) === "[object Function]";
     }
     function isNum(num) {
@@ -1894,7 +1894,7 @@ var require_DraggableCore = __commonJS({
       value: true
     });
     exports2.default = void 0;
-    var React17 = _interopRequireWildcard(require("react"));
+    var React16 = _interopRequireWildcard(require("react"));
     var _propTypes = _interopRequireDefault(require_prop_types());
     var _reactDom = _interopRequireDefault(require("react-dom"));
     var _domFns = require_domFns();
@@ -1977,7 +1977,7 @@ var require_DraggableCore = __commonJS({
       }
     };
     var dragEventFor = eventsFor.mouse;
-    var DraggableCore = class extends React17.Component {
+    var DraggableCore = class extends React16.Component {
       constructor() {
         super(...arguments);
         _defineProperty4(this, "dragging", false);
@@ -2129,7 +2129,7 @@ var require_DraggableCore = __commonJS({
         return (_this$props = this.props) !== null && _this$props !== void 0 && _this$props.nodeRef ? (_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.nodeRef) === null || _this$props2 === void 0 ? void 0 : _this$props2.current : _reactDom.default.findDOMNode(this);
       }
       render() {
-        return /* @__PURE__ */ React17.cloneElement(React17.Children.only(this.props.children), {
+        return /* @__PURE__ */ React16.cloneElement(React16.Children.only(this.props.children), {
           // Note: mouseMove handler is attached to document so it will still function
           // when the user drags quickly and leaves the bounds of the element.
           onMouseDown: this.onMouseDown,
@@ -2299,7 +2299,7 @@ var require_Draggable = __commonJS({
       }
     });
     exports2.default = void 0;
-    var React17 = _interopRequireWildcard(require("react"));
+    var React16 = _interopRequireWildcard(require("react"));
     var _propTypes = _interopRequireDefault(require_prop_types());
     var _reactDom = _interopRequireDefault(require("react-dom"));
     var _clsx = _interopRequireDefault((init_clsx_m(), __toCommonJS(clsx_m_exports)));
@@ -2385,7 +2385,7 @@ var require_Draggable = __commonJS({
       }
       return (hint === "string" ? String : Number)(input);
     }
-    var Draggable = class extends React17.Component {
+    var Draggable = class extends React16.Component {
       // React 16.3+
       // Arity (props, state)
       static getDerivedStateFromProps(_ref, _ref2) {
@@ -2546,11 +2546,11 @@ var require_Draggable = __commonJS({
           [defaultClassNameDragging]: this.state.dragging,
           [defaultClassNameDragged]: this.state.dragged
         });
-        return /* @__PURE__ */ React17.createElement(_DraggableCore.default, _extends6({}, draggableCoreProps, {
+        return /* @__PURE__ */ React16.createElement(_DraggableCore.default, _extends6({}, draggableCoreProps, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
-        }), /* @__PURE__ */ React17.cloneElement(React17.Children.only(children), {
+        }), /* @__PURE__ */ React16.cloneElement(React16.Children.only(children), {
           className,
           style: {
             ...children.props.style,
@@ -2894,7 +2894,7 @@ var require_Resizable = __commonJS({
     "use strict";
     exports2.__esModule = true;
     exports2.default = void 0;
-    var React17 = _interopRequireWildcard(require("react"));
+    var React16 = _interopRequireWildcard(require("react"));
     var _reactDraggable = require_cjs();
     var _utils = require_utils();
     var _propTypes = require_propTypes();
@@ -3115,7 +3115,7 @@ var require_Resizable = __commonJS({
       _proto.renderResizeHandle = function renderResizeHandle(handleAxis, ref) {
         var handle = this.props.handle;
         if (!handle) {
-          return /* @__PURE__ */ React17.createElement("span", {
+          return /* @__PURE__ */ React16.createElement("span", {
             className: "react-resizable-handle react-resizable-handle-" + handleAxis,
             ref
           });
@@ -3129,7 +3129,7 @@ var require_Resizable = __commonJS({
         }, isDOMElement ? {} : {
           handleAxis
         });
-        return /* @__PURE__ */ React17.cloneElement(handle, props);
+        return /* @__PURE__ */ React16.cloneElement(handle, props);
       };
       _proto.render = function render2() {
         var _this3 = this;
@@ -3138,8 +3138,8 @@ var require_Resizable = __commonJS({
           className: (className ? className + " " : "") + "react-resizable",
           children: [].concat(children.props.children, resizeHandles.map(function(handleAxis) {
             var _this3$handleRefs$han;
-            var ref = (_this3$handleRefs$han = _this3.handleRefs[handleAxis]) != null ? _this3$handleRefs$han : _this3.handleRefs[handleAxis] = /* @__PURE__ */ React17.createRef();
-            return /* @__PURE__ */ React17.createElement(_reactDraggable.DraggableCore, _extends6({}, draggableOpts, {
+            var ref = (_this3$handleRefs$han = _this3.handleRefs[handleAxis]) != null ? _this3$handleRefs$han : _this3.handleRefs[handleAxis] = /* @__PURE__ */ React16.createRef();
+            return /* @__PURE__ */ React16.createElement(_reactDraggable.DraggableCore, _extends6({}, draggableOpts, {
               nodeRef: ref,
               key: "resizableHandle-" + handleAxis,
               onStop: _this3.resizeHandler("onResizeStop", handleAxis),
@@ -3150,7 +3150,7 @@ var require_Resizable = __commonJS({
         }));
       };
       return Resizable3;
-    }(React17.Component);
+    }(React16.Component);
     exports2.default = Resizable2;
     Resizable2.propTypes = _propTypes.resizableProps;
     Resizable2.defaultProps = {
@@ -3171,7 +3171,7 @@ var require_ResizableBox = __commonJS({
     "use strict";
     exports2.__esModule = true;
     exports2.default = void 0;
-    var React17 = _interopRequireWildcard(require("react"));
+    var React16 = _interopRequireWildcard(require("react"));
     var _propTypes = _interopRequireDefault(require_prop_types());
     var _Resizable = _interopRequireDefault(require_Resizable());
     var _propTypes2 = require_propTypes();
@@ -3339,7 +3339,7 @@ var require_ResizableBox = __commonJS({
       var _proto = ResizableBox2.prototype;
       _proto.render = function render2() {
         var _this$props = this.props, handle = _this$props.handle, handleSize = _this$props.handleSize, onResize = _this$props.onResize, onResizeStart = _this$props.onResizeStart, onResizeStop = _this$props.onResizeStop, draggableOpts = _this$props.draggableOpts, minConstraints = _this$props.minConstraints, maxConstraints = _this$props.maxConstraints, lockAspectRatio = _this$props.lockAspectRatio, axis = _this$props.axis, width = _this$props.width, height = _this$props.height, resizeHandles = _this$props.resizeHandles, style = _this$props.style, transformScale = _this$props.transformScale, props = _objectWithoutPropertiesLoose4(_this$props, _excluded4);
-        return /* @__PURE__ */ React17.createElement(_Resizable.default, {
+        return /* @__PURE__ */ React16.createElement(_Resizable.default, {
           axis,
           draggableOpts,
           handle,
@@ -3354,7 +3354,7 @@ var require_ResizableBox = __commonJS({
           resizeHandles,
           transformScale,
           width: this.state.width
-        }, /* @__PURE__ */ React17.createElement("div", _extends6({}, props, {
+        }, /* @__PURE__ */ React16.createElement("div", _extends6({}, props, {
           style: _objectSpread3(_objectSpread3({}, style), {}, {
             width: this.state.width + "px",
             height: this.state.height + "px"
@@ -3362,7 +3362,7 @@ var require_ResizableBox = __commonJS({
         })));
       };
       return ResizableBox2;
-    }(React17.Component);
+    }(React16.Component);
     exports2.default = ResizableBox;
     ResizableBox.propTypes = _objectSpread3(_objectSpread3({}, _propTypes2.resizableProps), {}, {
       children: _propTypes.default.element
@@ -3410,7 +3410,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/component/table/index.tsx
-var import_react25 = require("react");
+var import_react24 = require("react");
 
 // node_modules/reactstrap/dist/reactstrap.modern.js
 var import_react3 = __toESM(require("react"), 1);
@@ -4807,15 +4807,15 @@ function popperGenerator(generatorOptions) {
   if (generatorOptions === void 0) {
     generatorOptions = {};
   }
-  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions3 = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
+  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions2 = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
   return function createPopper2(reference2, popper2, options) {
     if (options === void 0) {
-      options = defaultOptions3;
+      options = defaultOptions2;
     }
     var state = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions3),
+      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions2),
       modifiersData: {},
       elements: {
         reference: reference2,
@@ -4831,7 +4831,7 @@ function popperGenerator(generatorOptions) {
       setOptions: function setOptions(setOptionsAction) {
         var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
         cleanupModifierEffects();
-        state.options = Object.assign({}, defaultOptions3, state.options, options2);
+        state.options = Object.assign({}, defaultOptions2, state.options, options2);
         state.scrollParents = {
           reference: isElement(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
           popper: listScrollParents(popper2)
@@ -22497,1499 +22497,21 @@ var formatDateTime = (data, format2 = "dd/MM/yyyy") => {
 };
 
 // src/component/edit-form/index.tsx
-var import_react16 = require("react");
-
-// node_modules/react-hook-form/dist/index.esm.mjs
-var import_react11 = __toESM(require("react"), 1);
-var isCheckBoxInput = (element) => element.type === "checkbox";
-var isDateObject = (value) => value instanceof Date;
-var isNullOrUndefined2 = (value) => value == null;
-var isObjectType = (value) => typeof value === "object";
-var isObject2 = (value) => !isNullOrUndefined2(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value);
-var getEventValue = (event) => isObject2(event) && event.target ? isCheckBoxInput(event.target) ? event.target.checked : event.target.value : event;
-var getNodeParentName = (name) => name.substring(0, name.search(/\.\d+(\.|$)/)) || name;
-var isNameInFieldArray = (names, name) => names.has(getNodeParentName(name));
-var isPlainObject = (tempObject) => {
-  const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
-  return isObject2(prototypeCopy) && prototypeCopy.hasOwnProperty("isPrototypeOf");
-};
-var isWeb = typeof window !== "undefined" && typeof window.HTMLElement !== "undefined" && typeof document !== "undefined";
-function cloneObject(data) {
-  let copy;
-  const isArray = Array.isArray(data);
-  if (data instanceof Date) {
-    copy = new Date(data);
-  } else if (data instanceof Set) {
-    copy = new Set(data);
-  } else if (!(isWeb && (data instanceof Blob || data instanceof FileList)) && (isArray || isObject2(data))) {
-    copy = isArray ? [] : {};
-    if (!Array.isArray(data) && !isPlainObject(data)) {
-      copy = data;
-    } else {
-      for (const key in data) {
-        copy[key] = cloneObject(data[key]);
-      }
-    }
-  } else {
-    return data;
-  }
-  return copy;
-}
-var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
-var isUndefined = (val) => val === void 0;
-var get = (obj, path, defaultValue) => {
-  if (!path || !isObject2(obj)) {
-    return defaultValue;
-  }
-  const result = compact(path.split(/[,[\].]+?/)).reduce((result2, key) => isNullOrUndefined2(result2) ? result2 : result2[key], obj);
-  return isUndefined(result) || result === obj ? isUndefined(obj[path]) ? defaultValue : obj[path] : result;
-};
-var EVENTS = {
-  BLUR: "blur",
-  FOCUS_OUT: "focusout",
-  CHANGE: "change"
-};
-var VALIDATION_MODE = {
-  onBlur: "onBlur",
-  onChange: "onChange",
-  onSubmit: "onSubmit",
-  onTouched: "onTouched",
-  all: "all"
-};
-var INPUT_VALIDATION_RULES = {
-  max: "max",
-  min: "min",
-  maxLength: "maxLength",
-  minLength: "minLength",
-  pattern: "pattern",
-  required: "required",
-  validate: "validate"
-};
-var HookFormContext = import_react11.default.createContext(null);
-var useFormContext = () => import_react11.default.useContext(HookFormContext);
-var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
-  const result = {
-    defaultValues: control._defaultValues
-  };
-  for (const key in formState) {
-    Object.defineProperty(result, key, {
-      get: () => {
-        const _key = key;
-        if (control._proxyFormState[_key] !== VALIDATION_MODE.all) {
-          control._proxyFormState[_key] = !isRoot || VALIDATION_MODE.all;
-        }
-        localProxyFormState && (localProxyFormState[_key] = true);
-        return formState[_key];
-      }
-    });
-  }
-  return result;
-};
-var isEmptyObject = (value) => isObject2(value) && !Object.keys(value).length;
-var shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => {
-  updateFormState(formStateData);
-  const { name, ...formState } = formStateData;
-  return isEmptyObject(formState) || Object.keys(formState).length >= Object.keys(_proxyFormState).length || Object.keys(formState).find((key) => _proxyFormState[key] === (!isRoot || VALIDATION_MODE.all));
-};
-var convertToArrayPayload = (value) => Array.isArray(value) ? value : [value];
-var shouldSubscribeByName = (name, signalName, exact) => exact && signalName ? name === signalName : !name || !signalName || name === signalName || convertToArrayPayload(name).some((currentName) => currentName && (currentName.startsWith(signalName) || signalName.startsWith(currentName)));
-function useSubscribe(props) {
-  const _props = import_react11.default.useRef(props);
-  _props.current = props;
-  import_react11.default.useEffect(() => {
-    const subscription = !props.disabled && _props.current.subject && _props.current.subject.subscribe({
-      next: _props.current.next
-    });
-    return () => {
-      subscription && subscription.unsubscribe();
-    };
-  }, [props.disabled]);
-}
-function useFormState(props) {
-  const methods = useFormContext();
-  const { control = methods.control, disabled, name, exact } = props || {};
-  const [formState, updateFormState] = import_react11.default.useState(control._formState);
-  const _mounted = import_react11.default.useRef(true);
-  const _localProxyFormState = import_react11.default.useRef({
-    isDirty: false,
-    isLoading: false,
-    dirtyFields: false,
-    touchedFields: false,
-    isValidating: false,
-    isValid: false,
-    errors: false
-  });
-  const _name = import_react11.default.useRef(name);
-  _name.current = name;
-  useSubscribe({
-    disabled,
-    next: (value) => _mounted.current && shouldSubscribeByName(_name.current, value.name, exact) && shouldRenderFormState(value, _localProxyFormState.current, control._updateFormState) && updateFormState({
-      ...control._formState,
-      ...value
-    }),
-    subject: control._subjects.state
-  });
-  import_react11.default.useEffect(() => {
-    _mounted.current = true;
-    _localProxyFormState.current.isValid && control._updateValid(true);
-    return () => {
-      _mounted.current = false;
-    };
-  }, [control]);
-  return getProxyFormState(formState, control, _localProxyFormState.current, false);
-}
-var isString = (value) => typeof value === "string";
-var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
-  if (isString(names)) {
-    isGlobal && _names.watch.add(names);
-    return get(formValues, names, defaultValue);
-  }
-  if (Array.isArray(names)) {
-    return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get(formValues, fieldName)));
-  }
-  isGlobal && (_names.watchAll = true);
-  return formValues;
-};
-function useWatch(props) {
-  const methods = useFormContext();
-  const { control = methods.control, name, defaultValue, disabled, exact } = props || {};
-  const _name = import_react11.default.useRef(name);
-  _name.current = name;
-  useSubscribe({
-    disabled,
-    subject: control._subjects.values,
-    next: (formState) => {
-      if (shouldSubscribeByName(_name.current, formState.name, exact)) {
-        updateValue(cloneObject(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, defaultValue)));
-      }
-    }
-  });
-  const [value, updateValue] = import_react11.default.useState(control._getWatch(name, defaultValue));
-  import_react11.default.useEffect(() => control._removeUnmounted());
-  return value;
-}
-var isKey = (value) => /^\w*$/.test(value);
-var stringToPath = (input) => compact(input.replace(/["|']|\]/g, "").split(/\.|\[/));
-function set(object, path, value) {
-  let index = -1;
-  const tempPath = isKey(path) ? [path] : stringToPath(path);
-  const length = tempPath.length;
-  const lastIndex = length - 1;
-  while (++index < length) {
-    const key = tempPath[index];
-    let newValue = value;
-    if (index !== lastIndex) {
-      const objValue = object[key];
-      newValue = isObject2(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
-    }
-    object[key] = newValue;
-    object = object[key];
-  }
-  return object;
-}
-function useController(props) {
-  const methods = useFormContext();
-  const { name, control = methods.control, shouldUnregister } = props;
-  const isArrayField = isNameInFieldArray(control._names.array, name);
-  const value = useWatch({
-    control,
-    name,
-    defaultValue: get(control._formValues, name, get(control._defaultValues, name, props.defaultValue)),
-    exact: true
-  });
-  const formState = useFormState({
-    control,
-    name
-  });
-  const _registerProps = import_react11.default.useRef(control.register(name, {
-    ...props.rules,
-    value
-  }));
-  import_react11.default.useEffect(() => {
-    const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
-    const updateMounted = (name2, value2) => {
-      const field = get(control._fields, name2);
-      if (field) {
-        field._f.mount = value2;
-      }
-    };
-    updateMounted(name, true);
-    if (_shouldUnregisterField) {
-      const value2 = cloneObject(get(control._options.defaultValues, name));
-      set(control._defaultValues, name, value2);
-      if (isUndefined(get(control._formValues, name))) {
-        set(control._formValues, name, value2);
-      }
-    }
-    return () => {
-      (isArrayField ? _shouldUnregisterField && !control._state.action : _shouldUnregisterField) ? control.unregister(name) : updateMounted(name, false);
-    };
-  }, [name, control, isArrayField, shouldUnregister]);
-  return {
-    field: {
-      name,
-      value,
-      onChange: import_react11.default.useCallback((event) => _registerProps.current.onChange({
-        target: {
-          value: getEventValue(event),
-          name
-        },
-        type: EVENTS.CHANGE
-      }), [name]),
-      onBlur: import_react11.default.useCallback(() => _registerProps.current.onBlur({
-        target: {
-          value: get(control._formValues, name),
-          name
-        },
-        type: EVENTS.BLUR
-      }), [name, control]),
-      ref: (elm) => {
-        const field = get(control._fields, name);
-        if (field && elm) {
-          field._f.ref = {
-            focus: () => elm.focus(),
-            select: () => elm.select(),
-            setCustomValidity: (message) => elm.setCustomValidity(message),
-            reportValidity: () => elm.reportValidity()
-          };
-        }
-      }
-    },
-    formState,
-    fieldState: Object.defineProperties({}, {
-      invalid: {
-        enumerable: true,
-        get: () => !!get(formState.errors, name)
-      },
-      isDirty: {
-        enumerable: true,
-        get: () => !!get(formState.dirtyFields, name)
-      },
-      isTouched: {
-        enumerable: true,
-        get: () => !!get(formState.touchedFields, name)
-      },
-      error: {
-        enumerable: true,
-        get: () => get(formState.errors, name)
-      }
-    })
-  };
-}
-var Controller = (props) => props.render(useController(props));
-var appendErrors = (name, validateAllFieldCriteria, errors, type, message) => validateAllFieldCriteria ? {
-  ...errors[name],
-  types: {
-    ...errors[name] && errors[name].types ? errors[name].types : {},
-    [type]: message || true
-  }
-} : {};
-var focusFieldBy = (fields, callback, fieldsNames) => {
-  for (const key of fieldsNames || Object.keys(fields)) {
-    const field = get(fields, key);
-    if (field) {
-      const { _f, ...currentField } = field;
-      if (_f && callback(_f.name)) {
-        if (_f.ref.focus) {
-          _f.ref.focus();
-          break;
-        } else if (_f.refs && _f.refs[0].focus) {
-          _f.refs[0].focus();
-          break;
-        }
-      } else if (isObject2(currentField)) {
-        focusFieldBy(currentField, callback);
-      }
-    }
-  }
-};
-var getValidationModes = (mode) => ({
-  isOnSubmit: !mode || mode === VALIDATION_MODE.onSubmit,
-  isOnBlur: mode === VALIDATION_MODE.onBlur,
-  isOnChange: mode === VALIDATION_MODE.onChange,
-  isOnAll: mode === VALIDATION_MODE.all,
-  isOnTouch: mode === VALIDATION_MODE.onTouched
-});
-var isWatched = (name, _names, isBlurEvent) => !isBlurEvent && (_names.watchAll || _names.watch.has(name) || [..._names.watch].some((watchName) => name.startsWith(watchName) && /^\.\w+/.test(name.slice(watchName.length))));
-var updateFieldArrayRootError = (errors, error2, name) => {
-  const fieldArrayErrors = compact(get(errors, name));
-  set(fieldArrayErrors, "root", error2[name]);
-  set(errors, name, fieldArrayErrors);
-  return errors;
-};
-var isBoolean = (value) => typeof value === "boolean";
-var isFileInput = (element) => element.type === "file";
-var isFunction4 = (value) => typeof value === "function";
-var isHTMLElement2 = (value) => {
-  if (!isWeb) {
-    return false;
-  }
-  const owner = value ? value.ownerDocument : 0;
-  return value instanceof (owner && owner.defaultView ? owner.defaultView.HTMLElement : HTMLElement);
-};
-var isMessage = (value) => isString(value);
-var isRadioInput = (element) => element.type === "radio";
-var isRegex = (value) => value instanceof RegExp;
-var defaultResult = {
-  value: false,
-  isValid: false
-};
-var validResult = { value: true, isValid: true };
-var getCheckboxValue2 = (options) => {
-  if (Array.isArray(options)) {
-    if (options.length > 1) {
-      const values = options.filter((option) => option && option.checked && !option.disabled).map((option) => option.value);
-      return { value: values, isValid: !!values.length };
-    }
-    return options[0].checked && !options[0].disabled ? (
-      // @ts-expect-error expected to work in the browser
-      options[0].attributes && !isUndefined(options[0].attributes.value) ? isUndefined(options[0].value) || options[0].value === "" ? validResult : { value: options[0].value, isValid: true } : validResult
-    ) : defaultResult;
-  }
-  return defaultResult;
-};
-var defaultReturn = {
-  isValid: false,
-  value: null
-};
-var getRadioValue2 = (options) => Array.isArray(options) ? options.reduce((previous, option) => option && option.checked && !option.disabled ? {
-  isValid: true,
-  value: option.value
-} : previous, defaultReturn) : defaultReturn;
-function getValidateError(result, ref, type = "validate") {
-  if (isMessage(result) || Array.isArray(result) && result.every(isMessage) || isBoolean(result) && !result) {
-    return {
-      type,
-      message: isMessage(result) ? result : "",
-      ref
-    };
-  }
-}
-var getValueAndMessage = (validationData) => isObject2(validationData) && !isRegex(validationData) ? validationData : {
-  value: validationData,
-  message: ""
-};
-var validateField = async (field, formValues, validateAllFieldCriteria, shouldUseNativeValidation, isFieldArray) => {
-  const { ref, refs, required, maxLength, minLength, min: min2, max: max2, pattern, validate, name, valueAsNumber, mount, disabled } = field._f;
-  const inputValue = get(formValues, name);
-  if (!mount || disabled) {
-    return {};
-  }
-  const inputRef = refs ? refs[0] : ref;
-  const setCustomValidity = (message) => {
-    if (shouldUseNativeValidation && inputRef.reportValidity) {
-      inputRef.setCustomValidity(isBoolean(message) ? "" : message || "");
-      inputRef.reportValidity();
-    }
-  };
-  const error2 = {};
-  const isRadio = isRadioInput(ref);
-  const isCheckBox = isCheckBoxInput(ref);
-  const isRadioOrCheckbox2 = isRadio || isCheckBox;
-  const isEmpty = (valueAsNumber || isFileInput(ref)) && isUndefined(ref.value) && isUndefined(inputValue) || isHTMLElement2(ref) && ref.value === "" || inputValue === "" || Array.isArray(inputValue) && !inputValue.length;
-  const appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error2);
-  const getMinMaxMessage = (exceedMax, maxLengthMessage, minLengthMessage, maxType = INPUT_VALIDATION_RULES.maxLength, minType = INPUT_VALIDATION_RULES.minLength) => {
-    const message = exceedMax ? maxLengthMessage : minLengthMessage;
-    error2[name] = {
-      type: exceedMax ? maxType : minType,
-      message,
-      ref,
-      ...appendErrorsCurry(exceedMax ? maxType : minType, message)
-    };
-  };
-  if (isFieldArray ? !Array.isArray(inputValue) || !inputValue.length : required && (!isRadioOrCheckbox2 && (isEmpty || isNullOrUndefined2(inputValue)) || isBoolean(inputValue) && !inputValue || isCheckBox && !getCheckboxValue2(refs).isValid || isRadio && !getRadioValue2(refs).isValid)) {
-    const { value, message } = isMessage(required) ? { value: !!required, message: required } : getValueAndMessage(required);
-    if (value) {
-      error2[name] = {
-        type: INPUT_VALIDATION_RULES.required,
-        message,
-        ref: inputRef,
-        ...appendErrorsCurry(INPUT_VALIDATION_RULES.required, message)
-      };
-      if (!validateAllFieldCriteria) {
-        setCustomValidity(message);
-        return error2;
-      }
-    }
-  }
-  if (!isEmpty && (!isNullOrUndefined2(min2) || !isNullOrUndefined2(max2))) {
-    let exceedMax;
-    let exceedMin;
-    const maxOutput = getValueAndMessage(max2);
-    const minOutput = getValueAndMessage(min2);
-    if (!isNullOrUndefined2(inputValue) && !isNaN(inputValue)) {
-      const valueNumber = ref.valueAsNumber || (inputValue ? +inputValue : inputValue);
-      if (!isNullOrUndefined2(maxOutput.value)) {
-        exceedMax = valueNumber > maxOutput.value;
-      }
-      if (!isNullOrUndefined2(minOutput.value)) {
-        exceedMin = valueNumber < minOutput.value;
-      }
-    } else {
-      const valueDate = ref.valueAsDate || new Date(inputValue);
-      const convertTimeToDate = (time) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + time);
-      const isTime = ref.type == "time";
-      const isWeek = ref.type == "week";
-      if (isString(maxOutput.value) && inputValue) {
-        exceedMax = isTime ? convertTimeToDate(inputValue) > convertTimeToDate(maxOutput.value) : isWeek ? inputValue > maxOutput.value : valueDate > new Date(maxOutput.value);
-      }
-      if (isString(minOutput.value) && inputValue) {
-        exceedMin = isTime ? convertTimeToDate(inputValue) < convertTimeToDate(minOutput.value) : isWeek ? inputValue < minOutput.value : valueDate < new Date(minOutput.value);
-      }
-    }
-    if (exceedMax || exceedMin) {
-      getMinMaxMessage(!!exceedMax, maxOutput.message, minOutput.message, INPUT_VALIDATION_RULES.max, INPUT_VALIDATION_RULES.min);
-      if (!validateAllFieldCriteria) {
-        setCustomValidity(error2[name].message);
-        return error2;
-      }
-    }
-  }
-  if ((maxLength || minLength) && !isEmpty && (isString(inputValue) || isFieldArray && Array.isArray(inputValue))) {
-    const maxLengthOutput = getValueAndMessage(maxLength);
-    const minLengthOutput = getValueAndMessage(minLength);
-    const exceedMax = !isNullOrUndefined2(maxLengthOutput.value) && inputValue.length > +maxLengthOutput.value;
-    const exceedMin = !isNullOrUndefined2(minLengthOutput.value) && inputValue.length < +minLengthOutput.value;
-    if (exceedMax || exceedMin) {
-      getMinMaxMessage(exceedMax, maxLengthOutput.message, minLengthOutput.message);
-      if (!validateAllFieldCriteria) {
-        setCustomValidity(error2[name].message);
-        return error2;
-      }
-    }
-  }
-  if (pattern && !isEmpty && isString(inputValue)) {
-    const { value: patternValue, message } = getValueAndMessage(pattern);
-    if (isRegex(patternValue) && !inputValue.match(patternValue)) {
-      error2[name] = {
-        type: INPUT_VALIDATION_RULES.pattern,
-        message,
-        ref,
-        ...appendErrorsCurry(INPUT_VALIDATION_RULES.pattern, message)
-      };
-      if (!validateAllFieldCriteria) {
-        setCustomValidity(message);
-        return error2;
-      }
-    }
-  }
-  if (validate) {
-    if (isFunction4(validate)) {
-      const result = await validate(inputValue, formValues);
-      const validateError = getValidateError(result, inputRef);
-      if (validateError) {
-        error2[name] = {
-          ...validateError,
-          ...appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message)
-        };
-        if (!validateAllFieldCriteria) {
-          setCustomValidity(validateError.message);
-          return error2;
-        }
-      }
-    } else if (isObject2(validate)) {
-      let validationResult = {};
-      for (const key in validate) {
-        if (!isEmptyObject(validationResult) && !validateAllFieldCriteria) {
-          break;
-        }
-        const validateError = getValidateError(await validate[key](inputValue, formValues), inputRef, key);
-        if (validateError) {
-          validationResult = {
-            ...validateError,
-            ...appendErrorsCurry(key, validateError.message)
-          };
-          setCustomValidity(validateError.message);
-          if (validateAllFieldCriteria) {
-            error2[name] = validationResult;
-          }
-        }
-      }
-      if (!isEmptyObject(validationResult)) {
-        error2[name] = {
-          ref: inputRef,
-          ...validationResult
-        };
-        if (!validateAllFieldCriteria) {
-          return error2;
-        }
-      }
-    }
-  }
-  setCustomValidity(true);
-  return error2;
-};
-function baseGet(object, updatePath) {
-  const length = updatePath.slice(0, -1).length;
-  let index = 0;
-  while (index < length) {
-    object = isUndefined(object) ? index++ : object[updatePath[index++]];
-  }
-  return object;
-}
-function isEmptyArray(obj) {
-  for (const key in obj) {
-    if (!isUndefined(obj[key])) {
-      return false;
-    }
-  }
-  return true;
-}
-function unset(object, path) {
-  const paths = Array.isArray(path) ? path : isKey(path) ? [path] : stringToPath(path);
-  const childObject = paths.length === 1 ? object : baseGet(object, paths);
-  const index = paths.length - 1;
-  const key = paths[index];
-  if (childObject) {
-    delete childObject[key];
-  }
-  if (index !== 0 && (isObject2(childObject) && isEmptyObject(childObject) || Array.isArray(childObject) && isEmptyArray(childObject))) {
-    unset(object, paths.slice(0, -1));
-  }
-  return object;
-}
-function createSubject() {
-  let _observers = [];
-  const next = (value) => {
-    for (const observer of _observers) {
-      observer.next && observer.next(value);
-    }
-  };
-  const subscribe = (observer) => {
-    _observers.push(observer);
-    return {
-      unsubscribe: () => {
-        _observers = _observers.filter((o2) => o2 !== observer);
-      }
-    };
-  };
-  const unsubscribe = () => {
-    _observers = [];
-  };
-  return {
-    get observers() {
-      return _observers;
-    },
-    next,
-    subscribe,
-    unsubscribe
-  };
-}
-var isPrimitive = (value) => isNullOrUndefined2(value) || !isObjectType(value);
-function deepEqual(object1, object2) {
-  if (isPrimitive(object1) || isPrimitive(object2)) {
-    return object1 === object2;
-  }
-  if (isDateObject(object1) && isDateObject(object2)) {
-    return object1.getTime() === object2.getTime();
-  }
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) {
-    return false;
-  }
-  for (const key of keys1) {
-    const val1 = object1[key];
-    if (!keys2.includes(key)) {
-      return false;
-    }
-    if (key !== "ref") {
-      const val2 = object2[key];
-      if (isDateObject(val1) && isDateObject(val2) || isObject2(val1) && isObject2(val2) || Array.isArray(val1) && Array.isArray(val2) ? !deepEqual(val1, val2) : val1 !== val2) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
-var isMultipleSelect = (element) => element.type === `select-multiple`;
-var isRadioOrCheckbox = (ref) => isRadioInput(ref) || isCheckBoxInput(ref);
-var live = (ref) => isHTMLElement2(ref) && ref.isConnected;
-var objectHasFunction = (data) => {
-  for (const key in data) {
-    if (isFunction4(data[key])) {
-      return true;
-    }
-  }
-  return false;
-};
-function markFieldsDirty(data, fields = {}) {
-  const isParentNodeArray = Array.isArray(data);
-  if (isObject2(data) || isParentNodeArray) {
-    for (const key in data) {
-      if (Array.isArray(data[key]) || isObject2(data[key]) && !objectHasFunction(data[key])) {
-        fields[key] = Array.isArray(data[key]) ? [] : {};
-        markFieldsDirty(data[key], fields[key]);
-      } else if (!isNullOrUndefined2(data[key])) {
-        fields[key] = true;
-      }
-    }
-  }
-  return fields;
-}
-function getDirtyFieldsFromDefaultValues(data, formValues, dirtyFieldsFromValues) {
-  const isParentNodeArray = Array.isArray(data);
-  if (isObject2(data) || isParentNodeArray) {
-    for (const key in data) {
-      if (Array.isArray(data[key]) || isObject2(data[key]) && !objectHasFunction(data[key])) {
-        if (isUndefined(formValues) || isPrimitive(dirtyFieldsFromValues[key])) {
-          dirtyFieldsFromValues[key] = Array.isArray(data[key]) ? markFieldsDirty(data[key], []) : { ...markFieldsDirty(data[key]) };
-        } else {
-          getDirtyFieldsFromDefaultValues(data[key], isNullOrUndefined2(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
-        }
-      } else {
-        dirtyFieldsFromValues[key] = !deepEqual(data[key], formValues[key]);
-      }
-    }
-  }
-  return dirtyFieldsFromValues;
-}
-var getDirtyFields = (defaultValues, formValues) => getDirtyFieldsFromDefaultValues(defaultValues, formValues, markFieldsDirty(formValues));
-var getFieldValueAs = (value, { valueAsNumber, valueAsDate, setValueAs }) => isUndefined(value) ? value : valueAsNumber ? value === "" ? NaN : value ? +value : value : valueAsDate && isString(value) ? new Date(value) : setValueAs ? setValueAs(value) : value;
-function getFieldValue(_f) {
-  const ref = _f.ref;
-  if (_f.refs ? _f.refs.every((ref2) => ref2.disabled) : ref.disabled) {
-    return;
-  }
-  if (isFileInput(ref)) {
-    return ref.files;
-  }
-  if (isRadioInput(ref)) {
-    return getRadioValue2(_f.refs).value;
-  }
-  if (isMultipleSelect(ref)) {
-    return [...ref.selectedOptions].map(({ value }) => value);
-  }
-  if (isCheckBoxInput(ref)) {
-    return getCheckboxValue2(_f.refs).value;
-  }
-  return getFieldValueAs(isUndefined(ref.value) ? _f.ref.value : ref.value, _f);
-}
-var getResolverOptions = (fieldsNames, _fields, criteriaMode, shouldUseNativeValidation) => {
-  const fields = {};
-  for (const name of fieldsNames) {
-    const field = get(_fields, name);
-    field && set(fields, name, field._f);
-  }
-  return {
-    criteriaMode,
-    names: [...fieldsNames],
-    fields,
-    shouldUseNativeValidation
-  };
-};
-var getRuleValue = (rule) => isUndefined(rule) ? rule : isRegex(rule) ? rule.source : isObject2(rule) ? isRegex(rule.value) ? rule.value.source : rule.value : rule;
-var hasValidation = (options) => options.mount && (options.required || options.min || options.max || options.maxLength || options.minLength || options.pattern || options.validate);
-function schemaErrorLookup(errors, _fields, name) {
-  const error2 = get(errors, name);
-  if (error2 || isKey(name)) {
-    return {
-      error: error2,
-      name
-    };
-  }
-  const names = name.split(".");
-  while (names.length) {
-    const fieldName = names.join(".");
-    const field = get(_fields, fieldName);
-    const foundError = get(errors, fieldName);
-    if (field && !Array.isArray(field) && name !== fieldName) {
-      return { name };
-    }
-    if (foundError && foundError.type) {
-      return {
-        name: fieldName,
-        error: foundError
-      };
-    }
-    names.pop();
-  }
-  return {
-    name
-  };
-}
-var skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode) => {
-  if (mode.isOnAll) {
-    return false;
-  } else if (!isSubmitted && mode.isOnTouch) {
-    return !(isTouched || isBlurEvent);
-  } else if (isSubmitted ? reValidateMode.isOnBlur : mode.isOnBlur) {
-    return !isBlurEvent;
-  } else if (isSubmitted ? reValidateMode.isOnChange : mode.isOnChange) {
-    return isBlurEvent;
-  }
-  return true;
-};
-var unsetEmptyArray = (ref, name) => !compact(get(ref, name)).length && unset(ref, name);
-var defaultOptions2 = {
-  mode: VALIDATION_MODE.onSubmit,
-  reValidateMode: VALIDATION_MODE.onChange,
-  shouldFocusError: true
-};
-function createFormControl(props = {}, flushRootRender) {
-  let _options = {
-    ...defaultOptions2,
-    ...props
-  };
-  let _formState = {
-    submitCount: 0,
-    isDirty: false,
-    isLoading: isFunction4(_options.defaultValues),
-    isValidating: false,
-    isSubmitted: false,
-    isSubmitting: false,
-    isSubmitSuccessful: false,
-    isValid: false,
-    touchedFields: {},
-    dirtyFields: {},
-    errors: {}
-  };
-  let _fields = {};
-  let _defaultValues = isObject2(_options.defaultValues) || isObject2(_options.values) ? cloneObject(_options.defaultValues || _options.values) || {} : {};
-  let _formValues = _options.shouldUnregister ? {} : cloneObject(_defaultValues);
-  let _state = {
-    action: false,
-    mount: false,
-    watch: false
-  };
-  let _names = {
-    mount: /* @__PURE__ */ new Set(),
-    unMount: /* @__PURE__ */ new Set(),
-    array: /* @__PURE__ */ new Set(),
-    watch: /* @__PURE__ */ new Set()
-  };
-  let delayErrorCallback;
-  let timer = 0;
-  const _proxyFormState = {
-    isDirty: false,
-    dirtyFields: false,
-    touchedFields: false,
-    isValidating: false,
-    isValid: false,
-    errors: false
-  };
-  const _subjects = {
-    values: createSubject(),
-    array: createSubject(),
-    state: createSubject()
-  };
-  const shouldCaptureDirtyFields = props.resetOptions && props.resetOptions.keepDirtyValues;
-  const validationModeBeforeSubmit = getValidationModes(_options.mode);
-  const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
-  const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;
-  const debounce2 = (callback) => (wait) => {
-    clearTimeout(timer);
-    timer = setTimeout(callback, wait);
-  };
-  const _updateValid = async (shouldUpdateValid) => {
-    if (_proxyFormState.isValid || shouldUpdateValid) {
-      const isValid = _options.resolver ? isEmptyObject((await _executeSchema()).errors) : await executeBuiltInValidation(_fields, true);
-      if (isValid !== _formState.isValid) {
-        _subjects.state.next({
-          isValid
-        });
-      }
-    }
-  };
-  const _updateIsValidating = (value) => _proxyFormState.isValidating && _subjects.state.next({
-    isValidating: value
-  });
-  const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
-    if (args && method) {
-      _state.action = true;
-      if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) {
-        const fieldValues = method(get(_fields, name), args.argA, args.argB);
-        shouldSetValues && set(_fields, name, fieldValues);
-      }
-      if (shouldUpdateFieldsAndState && Array.isArray(get(_formState.errors, name))) {
-        const errors = method(get(_formState.errors, name), args.argA, args.argB);
-        shouldSetValues && set(_formState.errors, name, errors);
-        unsetEmptyArray(_formState.errors, name);
-      }
-      if (_proxyFormState.touchedFields && shouldUpdateFieldsAndState && Array.isArray(get(_formState.touchedFields, name))) {
-        const touchedFields = method(get(_formState.touchedFields, name), args.argA, args.argB);
-        shouldSetValues && set(_formState.touchedFields, name, touchedFields);
-      }
-      if (_proxyFormState.dirtyFields) {
-        _formState.dirtyFields = getDirtyFields(_defaultValues, _formValues);
-      }
-      _subjects.state.next({
-        name,
-        isDirty: _getDirty(name, values),
-        dirtyFields: _formState.dirtyFields,
-        errors: _formState.errors,
-        isValid: _formState.isValid
-      });
-    } else {
-      set(_formValues, name, values);
-    }
-  };
-  const updateErrors = (name, error2) => {
-    set(_formState.errors, name, error2);
-    _subjects.state.next({
-      errors: _formState.errors
-    });
-  };
-  const updateValidAndValue = (name, shouldSkipSetValueAs, value, ref) => {
-    const field = get(_fields, name);
-    if (field) {
-      const defaultValue = get(_formValues, name, isUndefined(value) ? get(_defaultValues, name) : value);
-      isUndefined(defaultValue) || ref && ref.defaultChecked || shouldSkipSetValueAs ? set(_formValues, name, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f)) : setFieldValue(name, defaultValue);
-      _state.mount && _updateValid();
-    }
-  };
-  const updateTouchAndDirty = (name, fieldValue, isBlurEvent, shouldDirty, shouldRender) => {
-    let shouldUpdateField = false;
-    let isPreviousDirty = false;
-    const output = {
-      name
-    };
-    if (!isBlurEvent || shouldDirty) {
-      if (_proxyFormState.isDirty) {
-        isPreviousDirty = _formState.isDirty;
-        _formState.isDirty = output.isDirty = _getDirty();
-        shouldUpdateField = isPreviousDirty !== output.isDirty;
-      }
-      const isCurrentFieldPristine = deepEqual(get(_defaultValues, name), fieldValue);
-      isPreviousDirty = get(_formState.dirtyFields, name);
-      isCurrentFieldPristine ? unset(_formState.dirtyFields, name) : set(_formState.dirtyFields, name, true);
-      output.dirtyFields = _formState.dirtyFields;
-      shouldUpdateField = shouldUpdateField || _proxyFormState.dirtyFields && isPreviousDirty !== !isCurrentFieldPristine;
-    }
-    if (isBlurEvent) {
-      const isPreviousFieldTouched = get(_formState.touchedFields, name);
-      if (!isPreviousFieldTouched) {
-        set(_formState.touchedFields, name, isBlurEvent);
-        output.touchedFields = _formState.touchedFields;
-        shouldUpdateField = shouldUpdateField || _proxyFormState.touchedFields && isPreviousFieldTouched !== isBlurEvent;
-      }
-    }
-    shouldUpdateField && shouldRender && _subjects.state.next(output);
-    return shouldUpdateField ? output : {};
-  };
-  const shouldRenderByError = (name, isValid, error2, fieldState) => {
-    const previousFieldError = get(_formState.errors, name);
-    const shouldUpdateValid = _proxyFormState.isValid && isBoolean(isValid) && _formState.isValid !== isValid;
-    if (props.delayError && error2) {
-      delayErrorCallback = debounce2(() => updateErrors(name, error2));
-      delayErrorCallback(props.delayError);
-    } else {
-      clearTimeout(timer);
-      delayErrorCallback = null;
-      error2 ? set(_formState.errors, name, error2) : unset(_formState.errors, name);
-    }
-    if ((error2 ? !deepEqual(previousFieldError, error2) : previousFieldError) || !isEmptyObject(fieldState) || shouldUpdateValid) {
-      const updatedFormState = {
-        ...fieldState,
-        ...shouldUpdateValid && isBoolean(isValid) ? { isValid } : {},
-        errors: _formState.errors,
-        name
-      };
-      _formState = {
-        ..._formState,
-        ...updatedFormState
-      };
-      _subjects.state.next(updatedFormState);
-    }
-    _updateIsValidating(false);
-  };
-  const _executeSchema = async (name) => _options.resolver(_formValues, _options.context, getResolverOptions(name || _names.mount, _fields, _options.criteriaMode, _options.shouldUseNativeValidation));
-  const executeSchemaAndUpdateState = async (names) => {
-    const { errors } = await _executeSchema();
-    if (names) {
-      for (const name of names) {
-        const error2 = get(errors, name);
-        error2 ? set(_formState.errors, name, error2) : unset(_formState.errors, name);
-      }
-    } else {
-      _formState.errors = errors;
-    }
-    return errors;
-  };
-  const executeBuiltInValidation = async (fields, shouldOnlyCheckValid, context = {
-    valid: true
-  }) => {
-    for (const name in fields) {
-      const field = fields[name];
-      if (field) {
-        const { _f, ...fieldValue } = field;
-        if (_f) {
-          const isFieldArrayRoot = _names.array.has(_f.name);
-          const fieldError = await validateField(field, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation && !shouldOnlyCheckValid, isFieldArrayRoot);
-          if (fieldError[_f.name]) {
-            context.valid = false;
-            if (shouldOnlyCheckValid) {
-              break;
-            }
-          }
-          !shouldOnlyCheckValid && (get(fieldError, _f.name) ? isFieldArrayRoot ? updateFieldArrayRootError(_formState.errors, fieldError, _f.name) : set(_formState.errors, _f.name, fieldError[_f.name]) : unset(_formState.errors, _f.name));
-        }
-        fieldValue && await executeBuiltInValidation(fieldValue, shouldOnlyCheckValid, context);
-      }
-    }
-    return context.valid;
-  };
-  const _removeUnmounted = () => {
-    for (const name of _names.unMount) {
-      const field = get(_fields, name);
-      field && (field._f.refs ? field._f.refs.every((ref) => !live(ref)) : !live(field._f.ref)) && unregister(name);
-    }
-    _names.unMount = /* @__PURE__ */ new Set();
-  };
-  const _getDirty = (name, data) => (name && data && set(_formValues, name, data), !deepEqual(getValues(), _defaultValues));
-  const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
-    ..._state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString(names) ? { [names]: defaultValue } : defaultValue
-  }, isGlobal, defaultValue);
-  const _getFieldArray = (name) => compact(get(_state.mount ? _formValues : _defaultValues, name, props.shouldUnregister ? get(_defaultValues, name, []) : []));
-  const setFieldValue = (name, value, options = {}) => {
-    const field = get(_fields, name);
-    let fieldValue = value;
-    if (field) {
-      const fieldReference = field._f;
-      if (fieldReference) {
-        !fieldReference.disabled && set(_formValues, name, getFieldValueAs(value, fieldReference));
-        fieldValue = isHTMLElement2(fieldReference.ref) && isNullOrUndefined2(value) ? "" : value;
-        if (isMultipleSelect(fieldReference.ref)) {
-          [...fieldReference.ref.options].forEach((optionRef) => optionRef.selected = fieldValue.includes(optionRef.value));
-        } 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);
-          } else {
-            fieldReference.refs.forEach((radioRef) => radioRef.checked = radioRef.value === fieldValue);
-          }
-        } else if (isFileInput(fieldReference.ref)) {
-          fieldReference.ref.value = "";
-        } else {
-          fieldReference.ref.value = fieldValue;
-          if (!fieldReference.ref.type) {
-            _subjects.values.next({
-              name,
-              values: { ..._formValues }
-            });
-          }
-        }
-      }
-    }
-    (options.shouldDirty || options.shouldTouch) && updateTouchAndDirty(name, fieldValue, options.shouldTouch, options.shouldDirty, true);
-    options.shouldValidate && trigger(name);
-  };
-  const setValues = (name, value, options) => {
-    for (const fieldKey in value) {
-      const fieldValue = value[fieldKey];
-      const fieldName = `${name}.${fieldKey}`;
-      const field = get(_fields, fieldName);
-      (_names.array.has(name) || !isPrimitive(fieldValue) || field && !field._f) && !isDateObject(fieldValue) ? setValues(fieldName, fieldValue, options) : setFieldValue(fieldName, fieldValue, options);
-    }
-  };
-  const setValue = (name, value, options = {}) => {
-    const field = get(_fields, name);
-    const isFieldArray = _names.array.has(name);
-    const cloneValue = cloneObject(value);
-    set(_formValues, name, cloneValue);
-    if (isFieldArray) {
-      _subjects.array.next({
-        name,
-        values: { ..._formValues }
-      });
-      if ((_proxyFormState.isDirty || _proxyFormState.dirtyFields) && options.shouldDirty) {
-        _subjects.state.next({
-          name,
-          dirtyFields: getDirtyFields(_defaultValues, _formValues),
-          isDirty: _getDirty(name, cloneValue)
-        });
-      }
-    } else {
-      field && !field._f && !isNullOrUndefined2(cloneValue) ? setValues(name, cloneValue, options) : setFieldValue(name, cloneValue, options);
-    }
-    isWatched(name, _names) && _subjects.state.next({ ..._formState });
-    _subjects.values.next({
-      name,
-      values: { ..._formValues }
-    });
-    !_state.mount && flushRootRender();
-  };
-  const onChange = async (event) => {
-    const target = event.target;
-    let name = target.name;
-    let isFieldValueUpdated = true;
-    const field = get(_fields, name);
-    const getCurrentFieldValue = () => target.type ? getFieldValue(field._f) : getEventValue(event);
-    if (field) {
-      let error2;
-      let isValid;
-      const fieldValue = getCurrentFieldValue();
-      const isBlurEvent = event.type === EVENTS.BLUR || event.type === EVENTS.FOCUS_OUT;
-      const shouldSkipValidation = !hasValidation(field._f) && !_options.resolver && !get(_formState.errors, name) && !field._f.deps || skipValidation(isBlurEvent, get(_formState.touchedFields, name), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit);
-      const watched = isWatched(name, _names, isBlurEvent);
-      set(_formValues, name, fieldValue);
-      if (isBlurEvent) {
-        field._f.onBlur && field._f.onBlur(event);
-        delayErrorCallback && delayErrorCallback(0);
-      } else if (field._f.onChange) {
-        field._f.onChange(event);
-      }
-      const fieldState = updateTouchAndDirty(name, fieldValue, isBlurEvent, false);
-      const shouldRender = !isEmptyObject(fieldState) || watched;
-      !isBlurEvent && _subjects.values.next({
-        name,
-        type: event.type,
-        values: { ..._formValues }
-      });
-      if (shouldSkipValidation) {
-        _proxyFormState.isValid && _updateValid();
-        return shouldRender && _subjects.state.next({ name, ...watched ? {} : fieldState });
-      }
-      !isBlurEvent && watched && _subjects.state.next({ ..._formState });
-      _updateIsValidating(true);
-      if (_options.resolver) {
-        const { errors } = await _executeSchema([name]);
-        const previousErrorLookupResult = schemaErrorLookup(_formState.errors, _fields, name);
-        const errorLookupResult = schemaErrorLookup(errors, _fields, previousErrorLookupResult.name || name);
-        error2 = errorLookupResult.error;
-        name = errorLookupResult.name;
-        isValid = isEmptyObject(errors);
-      } else {
-        error2 = (await validateField(field, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name];
-        isFieldValueUpdated = isNaN(fieldValue) || fieldValue === get(_formValues, name, fieldValue);
-        if (isFieldValueUpdated) {
-          if (error2) {
-            isValid = false;
-          } else if (_proxyFormState.isValid) {
-            isValid = await executeBuiltInValidation(_fields, true);
-          }
-        }
-      }
-      if (isFieldValueUpdated) {
-        field._f.deps && trigger(field._f.deps);
-        shouldRenderByError(name, isValid, error2, fieldState);
-      }
-    }
-  };
-  const trigger = async (name, options = {}) => {
-    let isValid;
-    let validationResult;
-    const fieldNames = convertToArrayPayload(name);
-    _updateIsValidating(true);
-    if (_options.resolver) {
-      const errors = await executeSchemaAndUpdateState(isUndefined(name) ? name : fieldNames);
-      isValid = isEmptyObject(errors);
-      validationResult = name ? !fieldNames.some((name2) => get(errors, name2)) : isValid;
-    } else if (name) {
-      validationResult = (await Promise.all(fieldNames.map(async (fieldName) => {
-        const field = get(_fields, fieldName);
-        return await executeBuiltInValidation(field && field._f ? { [fieldName]: field } : field);
-      }))).every(Boolean);
-      !(!validationResult && !_formState.isValid) && _updateValid();
-    } else {
-      validationResult = isValid = await executeBuiltInValidation(_fields);
-    }
-    _subjects.state.next({
-      ...!isString(name) || _proxyFormState.isValid && isValid !== _formState.isValid ? {} : { name },
-      ..._options.resolver || !name ? { isValid } : {},
-      errors: _formState.errors,
-      isValidating: false
-    });
-    options.shouldFocus && !validationResult && focusFieldBy(_fields, (key) => key && get(_formState.errors, key), name ? fieldNames : _names.mount);
-    return validationResult;
-  };
-  const getValues = (fieldNames) => {
-    const values = {
-      ..._defaultValues,
-      ..._state.mount ? _formValues : {}
-    };
-    return isUndefined(fieldNames) ? values : isString(fieldNames) ? get(values, fieldNames) : fieldNames.map((name) => get(values, name));
-  };
-  const getFieldState = (name, formState) => ({
-    invalid: !!get((formState || _formState).errors, name),
-    isDirty: !!get((formState || _formState).dirtyFields, name),
-    isTouched: !!get((formState || _formState).touchedFields, name),
-    error: get((formState || _formState).errors, name)
-  });
-  const clearErrors = (name) => {
-    name && convertToArrayPayload(name).forEach((inputName) => unset(_formState.errors, inputName));
-    _subjects.state.next({
-      errors: name ? _formState.errors : {}
-    });
-  };
-  const setError = (name, error2, options) => {
-    const ref = (get(_fields, name, { _f: {} })._f || {}).ref;
-    set(_formState.errors, name, {
-      ...error2,
-      ref
-    });
-    _subjects.state.next({
-      name,
-      errors: _formState.errors,
-      isValid: false
-    });
-    options && options.shouldFocus && ref && ref.focus && ref.focus();
-  };
-  const watch = (name, defaultValue) => isFunction4(name) ? _subjects.values.subscribe({
-    next: (payload) => name(_getWatch(void 0, defaultValue), payload)
-  }) : _getWatch(name, defaultValue, true);
-  const unregister = (name, options = {}) => {
-    for (const fieldName of name ? convertToArrayPayload(name) : _names.mount) {
-      _names.mount.delete(fieldName);
-      _names.array.delete(fieldName);
-      if (!options.keepValue) {
-        unset(_fields, fieldName);
-        unset(_formValues, fieldName);
-      }
-      !options.keepError && unset(_formState.errors, fieldName);
-      !options.keepDirty && unset(_formState.dirtyFields, fieldName);
-      !options.keepTouched && unset(_formState.touchedFields, fieldName);
-      !_options.shouldUnregister && !options.keepDefaultValue && unset(_defaultValues, fieldName);
-    }
-    _subjects.values.next({
-      values: { ..._formValues }
-    });
-    _subjects.state.next({
-      ..._formState,
-      ...!options.keepDirty ? {} : { isDirty: _getDirty() }
-    });
-    !options.keepIsValid && _updateValid();
-  };
-  const register = (name, options = {}) => {
-    let field = get(_fields, name);
-    const disabledIsDefined = isBoolean(options.disabled);
-    set(_fields, name, {
-      ...field || {},
-      _f: {
-        ...field && field._f ? field._f : { ref: { name } },
-        name,
-        mount: true,
-        ...options
-      }
-    });
-    _names.mount.add(name);
-    field ? disabledIsDefined && set(_formValues, name, options.disabled ? void 0 : get(_formValues, name, getFieldValue(field._f))) : updateValidAndValue(name, true, options.value);
-    return {
-      ...disabledIsDefined ? { disabled: options.disabled } : {},
-      ..._options.shouldUseNativeValidation ? {
-        required: !!options.required,
-        min: getRuleValue(options.min),
-        max: getRuleValue(options.max),
-        minLength: getRuleValue(options.minLength),
-        maxLength: getRuleValue(options.maxLength),
-        pattern: getRuleValue(options.pattern)
-      } : {},
-      name,
-      onChange,
-      onBlur: onChange,
-      ref: (ref) => {
-        if (ref) {
-          register(name, options);
-          field = get(_fields, name);
-          const fieldRef = isUndefined(ref.value) ? ref.querySelectorAll ? ref.querySelectorAll("input,select,textarea")[0] || ref : ref : ref;
-          const radioOrCheckbox = isRadioOrCheckbox(fieldRef);
-          const refs = field._f.refs || [];
-          if (radioOrCheckbox ? refs.find((option) => option === fieldRef) : fieldRef === field._f.ref) {
-            return;
-          }
-          set(_fields, name, {
-            _f: {
-              ...field._f,
-              ...radioOrCheckbox ? {
-                refs: [
-                  ...refs.filter(live),
-                  fieldRef,
-                  ...Array.isArray(get(_defaultValues, name)) ? [{}] : []
-                ],
-                ref: { type: fieldRef.type, name }
-              } : { ref: fieldRef }
-            }
-          });
-          updateValidAndValue(name, false, void 0, fieldRef);
-        } else {
-          field = get(_fields, name, {});
-          if (field._f) {
-            field._f.mount = false;
-          }
-          (_options.shouldUnregister || options.shouldUnregister) && !(isNameInFieldArray(_names.array, name) && _state.action) && _names.unMount.add(name);
-        }
-      }
-    };
-  };
-  const _focusError = () => _options.shouldFocusError && focusFieldBy(_fields, (key) => key && get(_formState.errors, key), _names.mount);
-  const handleSubmit = (onValid, onInvalid) => async (e2) => {
-    if (e2) {
-      e2.preventDefault && e2.preventDefault();
-      e2.persist && e2.persist();
-    }
-    let fieldValues = cloneObject(_formValues);
-    _subjects.state.next({
-      isSubmitting: true
-    });
-    if (_options.resolver) {
-      const { errors, values } = await _executeSchema();
-      _formState.errors = errors;
-      fieldValues = values;
-    } else {
-      await executeBuiltInValidation(_fields);
-    }
-    unset(_formState.errors, "root");
-    if (isEmptyObject(_formState.errors)) {
-      _subjects.state.next({
-        errors: {}
-      });
-      await onValid(fieldValues, e2);
-    } else {
-      if (onInvalid) {
-        await onInvalid({ ..._formState.errors }, e2);
-      }
-      _focusError();
-      setTimeout(_focusError);
-    }
-    _subjects.state.next({
-      isSubmitted: true,
-      isSubmitting: false,
-      isSubmitSuccessful: isEmptyObject(_formState.errors),
-      submitCount: _formState.submitCount + 1,
-      errors: _formState.errors
-    });
-  };
-  const resetField = (name, options = {}) => {
-    if (get(_fields, name)) {
-      if (isUndefined(options.defaultValue)) {
-        setValue(name, get(_defaultValues, name));
-      } else {
-        setValue(name, options.defaultValue);
-        set(_defaultValues, name, options.defaultValue);
-      }
-      if (!options.keepTouched) {
-        unset(_formState.touchedFields, name);
-      }
-      if (!options.keepDirty) {
-        unset(_formState.dirtyFields, name);
-        _formState.isDirty = options.defaultValue ? _getDirty(name, get(_defaultValues, name)) : _getDirty();
-      }
-      if (!options.keepError) {
-        unset(_formState.errors, name);
-        _proxyFormState.isValid && _updateValid();
-      }
-      _subjects.state.next({ ..._formState });
-    }
-  };
-  const _reset = (formValues, keepStateOptions = {}) => {
-    const updatedValues = formValues || _defaultValues;
-    const cloneUpdatedValues = cloneObject(updatedValues);
-    const values = formValues && !isEmptyObject(formValues) ? cloneUpdatedValues : _defaultValues;
-    if (!keepStateOptions.keepDefaultValues) {
-      _defaultValues = updatedValues;
-    }
-    if (!keepStateOptions.keepValues) {
-      if (keepStateOptions.keepDirtyValues || shouldCaptureDirtyFields) {
-        for (const fieldName of _names.mount) {
-          get(_formState.dirtyFields, fieldName) ? set(values, fieldName, get(_formValues, fieldName)) : setValue(fieldName, get(values, fieldName));
-        }
-      } else {
-        if (isWeb && isUndefined(formValues)) {
-          for (const name of _names.mount) {
-            const field = get(_fields, name);
-            if (field && field._f) {
-              const fieldReference = Array.isArray(field._f.refs) ? field._f.refs[0] : field._f.ref;
-              if (isHTMLElement2(fieldReference)) {
-                const form = fieldReference.closest("form");
-                if (form) {
-                  form.reset();
-                  break;
-                }
-              }
-            }
-          }
-        }
-        _fields = {};
-      }
-      _formValues = props.shouldUnregister ? keepStateOptions.keepDefaultValues ? cloneObject(_defaultValues) : {} : cloneUpdatedValues;
-      _subjects.array.next({
-        values: { ...values }
-      });
-      _subjects.values.next({
-        values: { ...values }
-      });
-    }
-    _names = {
-      mount: /* @__PURE__ */ new Set(),
-      unMount: /* @__PURE__ */ new Set(),
-      array: /* @__PURE__ */ new Set(),
-      watch: /* @__PURE__ */ new Set(),
-      watchAll: false,
-      focus: ""
-    };
-    !_state.mount && flushRootRender();
-    _state.mount = !_proxyFormState.isValid || !!keepStateOptions.keepIsValid;
-    _state.watch = !!props.shouldUnregister;
-    _subjects.state.next({
-      submitCount: keepStateOptions.keepSubmitCount ? _formState.submitCount : 0,
-      isDirty: keepStateOptions.keepDirty ? _formState.isDirty : !!(keepStateOptions.keepDefaultValues && !deepEqual(formValues, _defaultValues)),
-      isSubmitted: keepStateOptions.keepIsSubmitted ? _formState.isSubmitted : false,
-      dirtyFields: keepStateOptions.keepDirtyValues ? _formState.dirtyFields : keepStateOptions.keepDefaultValues && formValues ? getDirtyFields(_defaultValues, formValues) : {},
-      touchedFields: keepStateOptions.keepTouched ? _formState.touchedFields : {},
-      errors: keepStateOptions.keepErrors ? _formState.errors : {},
-      isSubmitting: false,
-      isSubmitSuccessful: false
-    });
-  };
-  const reset = (formValues, keepStateOptions) => _reset(isFunction4(formValues) ? formValues(_formValues) : formValues, keepStateOptions);
-  const setFocus2 = (name, options = {}) => {
-    const field = get(_fields, name);
-    const fieldReference = field && field._f;
-    if (fieldReference) {
-      const fieldRef = fieldReference.refs ? fieldReference.refs[0] : fieldReference.ref;
-      if (fieldRef.focus) {
-        fieldRef.focus();
-        options.shouldSelect && fieldRef.select();
-      }
-    }
-  };
-  const _updateFormState = (updatedFormState) => {
-    _formState = {
-      ..._formState,
-      ...updatedFormState
-    };
-  };
-  const _resetDefaultValues = () => isFunction4(_options.defaultValues) && _options.defaultValues().then((values) => {
-    reset(values, _options.resetOptions);
-    _subjects.state.next({
-      isLoading: false
-    });
-  });
-  return {
-    control: {
-      register,
-      unregister,
-      getFieldState,
-      _executeSchema,
-      _getWatch,
-      _getDirty,
-      _updateValid,
-      _removeUnmounted,
-      _updateFieldArray,
-      _getFieldArray,
-      _reset,
-      _resetDefaultValues,
-      _updateFormState,
-      _subjects,
-      _proxyFormState,
-      get _fields() {
-        return _fields;
-      },
-      get _formValues() {
-        return _formValues;
-      },
-      get _state() {
-        return _state;
-      },
-      set _state(value) {
-        _state = value;
-      },
-      get _defaultValues() {
-        return _defaultValues;
-      },
-      get _names() {
-        return _names;
-      },
-      set _names(value) {
-        _names = value;
-      },
-      get _formState() {
-        return _formState;
-      },
-      set _formState(value) {
-        _formState = value;
-      },
-      get _options() {
-        return _options;
-      },
-      set _options(value) {
-        _options = {
-          ..._options,
-          ...value
-        };
-      }
-    },
-    trigger,
-    register,
-    handleSubmit,
-    watch,
-    setValue,
-    getValues,
-    reset,
-    resetField,
-    clearErrors,
-    unregister,
-    setError,
-    setFocus: setFocus2,
-    getFieldState
-  };
-}
-function useForm(props = {}) {
-  const _formControl = import_react11.default.useRef();
-  const [formState, updateFormState] = import_react11.default.useState({
-    isDirty: false,
-    isValidating: false,
-    isLoading: isFunction4(props.defaultValues),
-    isSubmitted: false,
-    isSubmitting: false,
-    isSubmitSuccessful: false,
-    isValid: false,
-    submitCount: 0,
-    dirtyFields: {},
-    touchedFields: {},
-    errors: {},
-    defaultValues: isFunction4(props.defaultValues) ? void 0 : props.defaultValues
-  });
-  if (!_formControl.current) {
-    _formControl.current = {
-      ...createFormControl(props, () => updateFormState((formState2) => ({ ...formState2 }))),
-      formState
-    };
-  }
-  const control = _formControl.current.control;
-  control._options = props;
-  useSubscribe({
-    subject: control._subjects.state,
-    next: (value) => {
-      if (shouldRenderFormState(value, control._proxyFormState, control._updateFormState, true)) {
-        updateFormState({ ...control._formState });
-      }
-    }
-  });
-  import_react11.default.useEffect(() => {
-    if (props.values && !deepEqual(props.values, control._defaultValues)) {
-      control._reset(props.values, control._options.resetOptions);
-    } else {
-      control._resetDefaultValues();
-    }
-  }, [props.values, control]);
-  import_react11.default.useEffect(() => {
-    if (!control._state.mount) {
-      control._updateValid();
-      control._state.mount = true;
-    }
-    if (control._state.watch) {
-      control._state.watch = false;
-      control._subjects.state.next({ ...control._formState });
-    }
-    control._removeUnmounted();
-  });
-  _formControl.current.formState = getProxyFormState(formState, control);
-  return _formControl.current;
-}
-
-// src/component/edit-form/index.tsx
+var import_react15 = require("react");
+var import_react_hook_form4 = require("react-hook-form");
 var import_yup = require("@hookform/resolvers/yup");
 var import_classnames7 = __toESM(require_classnames2());
 
 // src/component/input-text/index.tsx
+var import_react_hook_form = require("react-hook-form");
 var import_classnames3 = __toESM(require_classnames2());
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var TextInput = (props) => {
   const { t: t2 } = useTranslation();
   const { control, id, name, min: min2, max: max2, type, label, labelSize, required, errors, height, disabled, row, isLabel, placeholder, autoFocus, inLine, callback, readOnly, classes, ...rest } = props;
   const renderLabel = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react12.Fragment, { children: isLabel === false ? "" : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Label$1, { for: name, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react11.Fragment, { children: isLabel === false ? "" : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Label$1, { for: name, children: [
       t2(label ? label : ""),
       " ",
       required ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-danger", children: "*" }) : "",
@@ -23997,9 +22519,9 @@ var TextInput = (props) => {
     ] }) });
   };
   const renderInput2 = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react12.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react11.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        Controller,
+        import_react_hook_form.Controller,
         {
           name,
           control,
@@ -24048,7 +22570,7 @@ var TextInput = (props) => {
       errors && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FormFeedback$1, { children: errors?.message })
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react12.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react11.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
       className: (0, import_classnames3.default)(
@@ -24070,8 +22592,9 @@ var TextInput = (props) => {
 var input_text_default = TextInput;
 
 // src/component/input-number/index.tsx
+var import_react_hook_form2 = require("react-hook-form");
 var import_classnames4 = __toESM(require_classnames2());
-var import_react13 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var NumberInput = (props) => {
   const { t: t2 } = useTranslation();
@@ -24102,7 +22625,7 @@ var NumberInput = (props) => {
     ...rest
   } = props;
   const renderLabel = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react13.Fragment, { children: isLabel === false ? "" : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Label$1, { className: "form-label", for: name, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react12.Fragment, { children: isLabel === false ? "" : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Label$1, { className: "form-label", for: name, children: [
       t2(label ? label : ""),
       " ",
       required ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-danger", children: "*" }) : "",
@@ -24110,9 +22633,9 @@ var NumberInput = (props) => {
     ] }) });
   };
   const renderInput2 = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react13.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react12.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        Controller,
+        import_react_hook_form2.Controller,
         {
           name,
           control,
@@ -24179,7 +22702,7 @@ var NumberInput = (props) => {
       errors && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FormFeedback$1, { children: errors?.message })
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react13.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react12.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       className: (0, import_classnames4.default)(
@@ -24201,15 +22724,16 @@ var NumberInput = (props) => {
 var input_number_default = NumberInput;
 
 // src/component/edit-form/select-table/index.tsx
+var import_react_hook_form3 = require("react-hook-form");
 var import_classnames6 = __toESM(require_classnames2());
-var import_react15 = require("react");
+var import_react14 = require("react");
 
 // src/component/select-table/index.tsx
-var import_react14 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var import_classnames5 = __toESM(require_classnames2());
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var defaultMaxHeight = 250;
-var SelectTable = (0, import_react14.forwardRef)((props, ref) => {
+var SelectTable = (0, import_react13.forwardRef)((props, ref) => {
   const {
     id,
     menuWidth,
@@ -24240,17 +22764,17 @@ var SelectTable = (0, import_react14.forwardRef)((props, ref) => {
     onOpenMenu,
     onPaste
   } = props;
-  const selectTableRef = (0, import_react14.useRef)();
-  const selectMenuTableRef = (0, import_react14.useRef)();
-  const inputRef = (0, import_react14.useRef)();
-  const [dropdownOpen, setDropdownOpen] = (0, import_react14.useState)(false);
-  const [indexFocus, setIndexFocus] = (0, import_react14.useState)(-1);
-  const [isFocus, setIsFocus] = (0, import_react14.useState)(false);
-  const [isLoading2, setIsLoading] = (0, import_react14.useState)(false);
-  const [searchTerm, setSearchTerm] = (0, import_react14.useState)("");
-  const [optionsLoad, setOptionsLoad] = (0, import_react14.useState)();
+  const selectTableRef = (0, import_react13.useRef)();
+  const selectMenuTableRef = (0, import_react13.useRef)();
+  const inputRef = (0, import_react13.useRef)();
+  const [dropdownOpen, setDropdownOpen] = (0, import_react13.useState)(false);
+  const [indexFocus, setIndexFocus] = (0, import_react13.useState)(-1);
+  const [isFocus, setIsFocus] = (0, import_react13.useState)(false);
+  const [isLoading2, setIsLoading] = (0, import_react13.useState)(false);
+  const [searchTerm, setSearchTerm] = (0, import_react13.useState)("");
+  const [optionsLoad, setOptionsLoad] = (0, import_react13.useState)();
   const { t: t2 } = useTranslation();
-  const isSelectedAll = (0, import_react14.useMemo)(() => {
+  const isSelectedAll = (0, import_react13.useMemo)(() => {
     return isMulti === true && (optionsLoad ? optionsLoad : options).length > 0 && value?.length >= (optionsLoad ? optionsLoad : options).length;
   }, [optionsLoad, options, value]);
   const defaultColumns = [
@@ -24269,7 +22793,7 @@ var SelectTable = (0, import_react14.forwardRef)((props, ref) => {
     }
     onChange(val);
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (dropdownOpen && value && !isMulti && selectMenuTableRef) {
       const index = (optionsLoad ? optionsLoad : options)?.findIndex((e2) => e2[fieldValue ?? "value"] === value[fieldValue ?? "value"]);
       if (index >= 0) {
@@ -24277,7 +22801,7 @@ var SelectTable = (0, import_react14.forwardRef)((props, ref) => {
       }
     }
   }, [dropdownOpen]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (inputRef && !isDisabled) {
       inputRef.current.addEventListener("blur", function() {
         setDropdownOpen(false);
@@ -24291,13 +22815,13 @@ var SelectTable = (0, import_react14.forwardRef)((props, ref) => {
       });
     }
   }, [inputRef]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (searchTerm && !dropdownOpen) {
       setDropdownOpen(true);
       setIndexFocus(0);
     }
   }, [searchTerm]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (dropdownOpen && onOpenMenu) {
       onOpenMenu();
     }
@@ -24421,7 +22945,7 @@ var SelectTable = (0, import_react14.forwardRef)((props, ref) => {
   };
   const renderHeaderCol = (col, indexCol) => {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_react14.Fragment,
+      import_react13.Fragment,
       {
         children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "th",
@@ -24471,12 +22995,12 @@ var SelectTable = (0, import_react14.forwardRef)((props, ref) => {
     setIsLoading(false);
     setOptionsLoad(rs);
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (optionsLoad?.length === 0 && allowCreate && !isMulti) {
       setOptionsLoad([{ label: `Create "${searchTerm}"`, value: searchTerm, isCreated: true }]);
     }
   }, [optionsLoad]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!searchTerm) {
       setOptionsLoad(void 0);
     }
@@ -24485,7 +23009,7 @@ var SelectTable = (0, import_react14.forwardRef)((props, ref) => {
     const element = document.getElementById(`select-${id}-${indexRow}-${indexCol}`);
     return element && element.scrollWidth > element.clientWidth;
   };
-  const RenderElement = import_react14.default.memo((props2) => {
+  const RenderElement = import_react13.default.memo((props2) => {
     const { indexRow, row, isSelected: isSelected2, level = 0 } = props2;
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "tr",
@@ -24538,7 +23062,7 @@ var SelectTable = (0, import_react14.forwardRef)((props, ref) => {
             } else if (col.type === "datetime") {
               valueDisplay = valueDisplay ? formatDateTime(valueDisplay, formatSetting?.dateFormat ?? "DD/MM/yyyy HH:mm") : "";
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react14.Fragment, { children: [
+            return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react13.Fragment, { children: [
               col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "td",
                 {
@@ -24800,7 +23324,7 @@ var SelectTableBox = (props) => {
     fieldValue,
     fieldLabel,
     labelComponent,
-    defaultOptions: defaultOptions3,
+    defaultOptions: defaultOptions2,
     loadOptions,
     control,
     placeholder,
@@ -24829,7 +23353,7 @@ var SelectTableBox = (props) => {
   const renderLabel = (props2) => {
     const { t: t2 } = useTranslation();
     const { isLabel: isLabel2, desciptionLabel: desciptionLabel2, id: id2, classLabel: classLabel2, name: name2, label: label2, required: required2 } = props2;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react15.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react14.Fragment, { children: [
       isLabel2 === false ? "" : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Label$1, { id: `label-${id2}`, className: classLabel2, for: name2, children: [
         t2(label2 ? label2 : ""),
         " ",
@@ -24838,7 +23362,7 @@ var SelectTableBox = (props) => {
       (!isNullOrUndefined(desciptionLabel2) && desciptionLabel2 !== "") ?? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UncontrolledTooltip, { target: `label-${id2}`, children: t2(desciptionLabel2 ?? "") }) })
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react14.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     {
       className: (0, import_classnames6.default)(
@@ -24853,7 +23377,7 @@ var SelectTableBox = (props) => {
         renderLabel({ isLabel, desciptionLabel, classLabel, name, label, required, id: id ?? "" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: (0, import_classnames6.default)("form-input-content", { "hidden-label": isLabel === false }), children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            Controller,
+            import_react_hook_form3.Controller,
             {
               name,
               control,
@@ -24863,7 +23387,7 @@ var SelectTableBox = (props) => {
                   {
                     ...rest,
                     id,
-                    value: (isMulti ? value?.length > 0 : value) ? !isMulti ? defaultOptions3.find((val) => val[fieldValue ?? "value"] === value) ?? (defaultValue ?? "") : value : isMulti ? [] : void 0,
+                    value: (isMulti ? value?.length > 0 : value) ? !isMulti ? defaultOptions2.find((val) => val[fieldValue ?? "value"] === value) ?? (defaultValue ?? "") : value : isMulti ? [] : void 0,
                     onChange: (val) => {
                       if (isMulti || (fieldValue && val ? val[fieldValue] : val?.value) !== value) {
                         if (confirmHandle) {
@@ -24886,7 +23410,7 @@ var SelectTableBox = (props) => {
                     placeholder,
                     invalid: errors,
                     loadOptions,
-                    options: defaultOptions3,
+                    options: defaultOptions2,
                     isDisabled: disabled,
                     columns,
                     fieldValue,
@@ -24908,7 +23432,7 @@ var select_table_default = SelectTableBox;
 // src/component/edit-form/index.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var defaultWidth = 200;
-var EditForm = (0, import_react16.forwardRef)((props, ref) => {
+var EditForm = (0, import_react15.forwardRef)((props, ref) => {
   const {
     id,
     field,
@@ -24934,11 +23458,11 @@ var EditForm = (0, import_react16.forwardRef)((props, ref) => {
     labelSize = "label-small"
   } = props;
   const { innerWidth } = window;
-  const inputRef = (0, import_react16.useRef)();
-  const editFormRef = (0, import_react16.useRef)();
-  const buttonRef = (0, import_react16.useRef)();
-  const [dropdownOpen, setDropdownOpen] = (0, import_react16.useState)(false);
-  const [itemsField, setItemsField] = (0, import_react16.useState)([]);
+  const inputRef = (0, import_react15.useRef)();
+  const editFormRef = (0, import_react15.useRef)();
+  const buttonRef = (0, import_react15.useRef)();
+  const [dropdownOpen, setDropdownOpen] = (0, import_react15.useState)(false);
+  const [itemsField, setItemsField] = (0, import_react15.useState)([]);
   const { t: t2 } = useTranslation();
   useOnClickOutside(editFormRef, () => {
     closeMenu();
@@ -24955,12 +23479,12 @@ var EditForm = (0, import_react16.forwardRef)((props, ref) => {
     reset,
     setValue,
     formState: { errors }
-  } = useForm({
+  } = (0, import_react_hook_form4.useForm)({
     mode: "onChange",
     defaultValues,
     resolver: (0, import_yup.yupResolver)(schema)
   });
-  (0, import_react16.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (dropdownOpen) {
       if (onFormOpen && itemsField.length === 0) {
         onFormOpen(rowData, itemsField, setItemsField);
@@ -24972,7 +23496,7 @@ var EditForm = (0, import_react16.forwardRef)((props, ref) => {
       }
     }
   }, [dropdownOpen]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (dropdownOpen && itemsField.length > 0) {
       itemsField.forEach((ele) => {
         setValue(ele.name, rowData[ele.name] ?? "");
@@ -25242,7 +23766,7 @@ var EditForm = (0, import_react16.forwardRef)((props, ref) => {
 var edit_form_default = EditForm;
 
 // src/component/sidebar-setting-column/index.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 
 // src/component/modal-header/index.tsx
 var import_classnames8 = __toESM(require_classnames2());
@@ -25288,7 +23812,7 @@ var modal_header_default = ModalHeader2;
 
 // src/component/sidebar/index.tsx
 var import_classnames9 = __toESM(require_classnames2());
-var import_react17 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var Sidebar = (props) => {
   const {
@@ -25300,9 +23824,9 @@ var Sidebar = (props) => {
     hiddenBackground,
     hiddenFullScreenButton
   } = props;
-  const [isFullScreen, setIsFullScreen] = (0, import_react17.useState)(false);
-  const [flag, setFlag] = (0, import_react17.useState)(open);
-  (0, import_react17.useEffect)(() => {
+  const [isFullScreen, setIsFullScreen] = (0, import_react16.useState)(false);
+  const [flag, setFlag] = (0, import_react16.useState)(open);
+  (0, import_react16.useEffect)(() => {
     if (open !== flag) {
       if (open) {
         setFlag(open);
@@ -25395,9 +23919,9 @@ var import_jsx_runtime10 = require("react/jsx-runtime");
 var SidebarSetColumn = (props) => {
   const { column, setColumn, openSidebar, handleSidebar } = props;
   const { t: t2 } = useTranslation();
-  const [dataSource, setDataSource] = (0, import_react18.useState)([]);
-  const [indexFocus, setIndexFocus] = (0, import_react18.useState)();
-  (0, import_react18.useEffect)(() => {
+  const [dataSource, setDataSource] = (0, import_react17.useState)([]);
+  const [indexFocus, setIndexFocus] = (0, import_react17.useState)();
+  (0, import_react17.useEffect)(() => {
     if (openSidebar) {
       setDataSource(column.map((e2) => ({ ...e2 })));
     }
@@ -25414,8 +23938,8 @@ var SidebarSetColumn = (props) => {
     const { innerWidth, innerHeight } = window;
     return { innerWidth, innerHeight };
   };
-  const [windowSize, setWindowSize] = (0, import_react18.useState)(getWindowSize());
-  (0, import_react18.useEffect)(() => {
+  const [windowSize, setWindowSize] = (0, import_react17.useState)(getWindowSize());
+  (0, import_react17.useEffect)(() => {
     const handleWindowResize = () => {
       setWindowSize(getWindowSize());
     };
@@ -25425,7 +23949,7 @@ var SidebarSetColumn = (props) => {
     };
   }, []);
   const renderFooterButtons = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react18.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react17.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button$1, { color: "primary", onClick: handleSubmit, className: "me-1", children: t2("Confirm") }),
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button$1, { color: "secondary", onClick: handleCancel, outline: true, children: t2("Close") })
     ] });
@@ -25517,7 +24041,7 @@ var SidebarSetColumn = (props) => {
   ];
   const renderHeaderCol = (col, indexCol) => {
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_react18.Fragment,
+      import_react17.Fragment,
       {
         children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "th",
@@ -25573,7 +24097,7 @@ var SidebarSetColumn = (props) => {
                   if (col.editType === "numeric" || col.editTypeCondition && col.editTypeCondition(row) === "numeric") {
                     value = formartNumberic(row[col.field], ",", ".", col.numericSettings?.fraction, true) ?? 0;
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react18.Fragment, { children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react17.Fragment, { children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                     "td",
                     {
                       className: (0, import_classnames10.default)(
@@ -25643,16 +24167,16 @@ var sidebar_setting_column_default = SidebarSetColumn;
 
 // src/component/table/paging/index.tsx
 var import_classnames11 = __toESM(require_classnames2());
-var import_react19 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var PagingComponent = ({ totalItem, pageSize, currentPage, onChangePage, pageOptions, onChangePageSize }) => {
   const { t: t2 } = useTranslation();
-  const [countPage, setCountPage] = (0, import_react19.useState)(0);
-  const [currentPageNumber, setCurrentPageNumber] = (0, import_react19.useState)(1);
-  (0, import_react19.useEffect)(() => {
+  const [countPage, setCountPage] = (0, import_react18.useState)(0);
+  const [currentPageNumber, setCurrentPageNumber] = (0, import_react18.useState)(1);
+  (0, import_react18.useEffect)(() => {
     setCountPage(Math.floor(totalItem / pageSize) + (Math.floor(totalItem / pageSize) === totalItem / pageSize ? 0 : 1));
   }, [totalItem, pageSize]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     setCurrentPageNumber(Math.floor(currentPage / 5) + (Math.floor(currentPage / 5) === currentPage / 5 ? 0 : 1));
   }, [currentPage]);
   const renderPageNumber = (number) => {
@@ -25674,7 +24198,7 @@ var PagingComponent = ({ totalItem, pageSize, currentPage, onChangePage, pageOpt
     }
     return arr;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react19.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "r-pager", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react18.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "r-pager", children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "r-pagercontainer", children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "r-button", type: "button", disabled: countPage <= 1 || currentPage === 1, onClick: () => onChangePage({ totalItem, pageSize, currentPage: 1, old: currentPage }), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SvgChevronsLeft, { fontSize: 16 }) }),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "r-button", type: "button", disabled: countPage <= 1 || currentPage === 1, onClick: () => onChangePage({ totalItem, pageSize, currentPage: currentPage - 1, old: currentPage }), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SvgChevronLeft, { fontSize: 16 }) }),
@@ -25726,7 +24250,7 @@ var PagingComponent = ({ totalItem, pageSize, currentPage, onChangePage, pageOpt
 };
 
 // src/component/table/header.tsx
-var import_react20 = require("react");
+var import_react19 = require("react");
 var import_classnames12 = __toESM(require_classnames2());
 var import_react_resizable = __toESM(require_react_resizable());
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -25753,7 +24277,7 @@ var HeaderTableCol = (props) => {
       setColumn(newColumns);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react20.Fragment, { children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react19.Fragment, { children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_react_resizable.Resizable,
     {
       className: "r-resize",
@@ -25813,11 +24337,11 @@ var HeaderTableCol = (props) => {
 var header_default = HeaderTableCol;
 
 // src/component/table/command.tsx
-var import_react22 = require("react");
+var import_react21 = require("react");
 var import_classnames13 = __toESM(require_classnames2());
 
 // src/component/icon/index.tsx
-var import_react21 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var IconCustom = (props) => {
   const { iconName, size } = props;
@@ -25825,7 +24349,7 @@ var IconCustom = (props) => {
     return null;
   } else {
     const TagIcon = iconName === "" ? "" : index_esm_exports[iconName];
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react21.Fragment, { children: iconName === "" ? "" : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TagIcon, { fontSize: size }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react20.Fragment, { children: iconName === "" ? "" : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TagIcon, { fontSize: size }) });
   }
 };
 var icon_default = IconCustom;
@@ -25835,7 +24359,7 @@ var import_jsx_runtime14 = require("react/jsx-runtime");
 var CommandElement = (props) => {
   const { commandItems, rowData, indexRow, handleCommandClick, indexFocus, setIndexFocus } = props;
   const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react22.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "d-flex align-items-center", style: { columnGap: 10 }, children: commandItems.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react21.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "d-flex align-items-center", style: { columnGap: 10 }, children: commandItems.map((item, index) => {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       Button$1,
       {
@@ -25865,11 +24389,11 @@ var CommandElement = (props) => {
 var command_default = CommandElement;
 
 // src/component/select-table-tree/index.tsx
-var import_react23 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 var import_classnames14 = __toESM(require_classnames2());
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var defaultMaxHeight2 = 250;
-var SelectTableTree = (0, import_react23.forwardRef)((props, ref) => {
+var SelectTableTree = (0, import_react22.forwardRef)((props, ref) => {
   const {
     id,
     menuWidth,
@@ -25900,12 +24424,12 @@ var SelectTableTree = (0, import_react23.forwardRef)((props, ref) => {
     onOpenMenu,
     onPaste
   } = props;
-  const selectTableRef = (0, import_react23.useRef)();
-  const selectMenuTableRef = (0, import_react23.useRef)();
-  const inputRef = (0, import_react23.useRef)();
-  const [dropdownOpen, setDropdownOpen] = (0, import_react23.useState)(false);
-  const [isFocus, setIsFocus] = (0, import_react23.useState)(false);
-  const [searchTerm, setSearchTerm] = (0, import_react23.useState)("");
+  const selectTableRef = (0, import_react22.useRef)();
+  const selectMenuTableRef = (0, import_react22.useRef)();
+  const inputRef = (0, import_react22.useRef)();
+  const [dropdownOpen, setDropdownOpen] = (0, import_react22.useState)(false);
+  const [isFocus, setIsFocus] = (0, import_react22.useState)(false);
+  const [searchTerm, setSearchTerm] = (0, import_react22.useState)("");
   const { t: t2 } = useTranslation();
   const areAllItemsSelected = (value2, options2, fieldValue2) => {
     const checkAllSelected = (nodes) => {
@@ -25917,10 +24441,10 @@ var SelectTableTree = (0, import_react23.forwardRef)((props, ref) => {
     };
     return checkAllSelected(options2);
   };
-  const isSelectedAll = (0, import_react23.useMemo)(() => {
+  const isSelectedAll = (0, import_react22.useMemo)(() => {
     return isMulti === true && options.length > 0 && areAllItemsSelected(value, options, fieldValue ?? "value");
   }, [options, value]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (dropdownOpen && onOpenMenu) {
       onOpenMenu();
     }
@@ -25935,7 +24459,7 @@ var SelectTableTree = (0, import_react23.forwardRef)((props, ref) => {
   const closeMenu = () => {
     setDropdownOpen(false);
   };
-  (0, import_react23.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (dropdownOpen && value && !isMulti && selectMenuTableRef) {
       const index = options?.findIndex((e2) => e2[fieldValue ?? "value"] === value[fieldValue ?? "value"]);
       if (index >= 0) {
@@ -25943,7 +24467,7 @@ var SelectTableTree = (0, import_react23.forwardRef)((props, ref) => {
       }
     }
   }, [dropdownOpen]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (inputRef && !isDisabled) {
       inputRef.current.addEventListener("blur", function() {
         setDropdownOpen(false);
@@ -25957,7 +24481,7 @@ var SelectTableTree = (0, import_react23.forwardRef)((props, ref) => {
       });
     }
   }, [inputRef]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (searchTerm && !dropdownOpen) {
       setDropdownOpen(true);
     }
@@ -26002,7 +24526,7 @@ var SelectTableTree = (0, import_react23.forwardRef)((props, ref) => {
     }
   };
   const renderHeaderCol = (col, indexCol) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react23.Fragment, { children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react22.Fragment, { children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "th",
       {
         className: (0, import_classnames14.default)(`r-select-headercell fix-${col.fixedType}`, { "cell-fixed": col.fixedType }),
@@ -26062,9 +24586,9 @@ var SelectTableTree = (0, import_react23.forwardRef)((props, ref) => {
     traverse(tree);
     return selects;
   };
-  const RenderElement = import_react23.default.memo((props2) => {
+  const RenderElement = import_react22.default.memo((props2) => {
     const { indexRow, row, isSelected: isSelected2, level = 0 } = props2;
-    const [expanded, setExpanded] = (0, import_react23.useState)(row.expanded);
+    const [expanded, setExpanded] = (0, import_react22.useState)(row.expanded);
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "tr",
@@ -26150,7 +24674,7 @@ var SelectTableTree = (0, import_react23.forwardRef)((props, ref) => {
               } else if (col.type === "datetime") {
                 valueDisplay = valueDisplay ? formatDateTime(valueDisplay, formatSetting?.dateFormat ?? "DD/MM/yyyy HH:mm") : "";
               }
-              return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react23.Fragment, { children: [
+              return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react22.Fragment, { children: [
                 col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                   "td",
                   {
@@ -26433,7 +24957,7 @@ var SelectTableTree = (0, import_react23.forwardRef)((props, ref) => {
 });
 
 // node_modules/react-number-format/dist/react-number-format.es.js
-var import_react24 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 function __rest2(s2, e2) {
   var t2 = {};
   for (var p2 in s2) {
@@ -26506,9 +25030,9 @@ function applyThousandSeparator(str, thousandSeparator, thousandsGroupStyle) {
   return str.substring(0, index) + str.substring(index, str.length).replace(thousandsGroupRegex, "$1" + thousandSeparator);
 }
 function usePersistentCallback(cb) {
-  var callbackRef = (0, import_react24.useRef)(cb);
+  var callbackRef = (0, import_react23.useRef)(cb);
   callbackRef.current = cb;
-  var persistentCbRef = (0, import_react24.useRef)(function() {
+  var persistentCbRef = (0, import_react23.useRef)(function() {
     var args = [], len = arguments.length;
     while (len--) args[len] = arguments[len];
     return callbackRef.current.apply(callbackRef, args);
@@ -26769,7 +25293,7 @@ function useInternalValues(value, defaultValue, valueIsNumericString, format2, r
     }
     return { formattedValue, numAsString };
   });
-  var ref = (0, import_react24.useState)(function() {
+  var ref = (0, import_react23.useState)(function() {
     return getValues(isNil(value) ? defaultValue : value, valueIsNumericString);
   });
   var values = ref[0];
@@ -26790,7 +25314,7 @@ function useInternalValues(value, defaultValue, valueIsNumericString, format2, r
     _valueIsNumericString = true;
   }
   var newValues = getValues(_value, _valueIsNumericString);
-  (0, import_react24.useMemo)(function() {
+  (0, import_react23.useMemo)(function() {
     setValues(newValues);
   }, [newValues.formattedValue]);
   return [values, _onValueChange];
@@ -26839,21 +25363,21 @@ function NumberFormatBase(props) {
   var formattedValue = ref_0.formattedValue;
   var numAsString = ref_0.numAsString;
   var onFormattedValueChange = ref[1];
-  var caretPositionBeforeChange = (0, import_react24.useRef)();
-  var lastUpdatedValue = (0, import_react24.useRef)({ formattedValue, numAsString });
+  var caretPositionBeforeChange = (0, import_react23.useRef)();
+  var lastUpdatedValue = (0, import_react23.useRef)({ formattedValue, numAsString });
   var _onValueChange = function(values, source) {
     lastUpdatedValue.current = { formattedValue: values.formattedValue, numAsString: values.value };
     onFormattedValueChange(values, source);
   };
-  var ref$1 = (0, import_react24.useState)(false);
+  var ref$1 = (0, import_react23.useState)(false);
   var mounted = ref$1[0];
   var setMounted = ref$1[1];
-  var focusedElm = (0, import_react24.useRef)(null);
-  var timeout2 = (0, import_react24.useRef)({
+  var focusedElm = (0, import_react23.useRef)(null);
+  var timeout2 = (0, import_react23.useRef)({
     setCaretTimeout: null,
     focusTimeout: null
   });
-  (0, import_react24.useEffect)(function() {
+  (0, import_react23.useEffect)(function() {
     setMounted(true);
     return function() {
       clearTimeout(timeout2.current.setCaretTimeout);
@@ -26910,7 +25434,7 @@ function NumberFormatBase(props) {
       _onValueChange(getValueObject(newFormattedValue, numAsString2), { event, source });
     }
   };
-  (0, import_react24.useEffect)(function() {
+  (0, import_react23.useEffect)(function() {
     var ref2 = lastUpdatedValue.current;
     var lastFormattedValue = ref2.formattedValue;
     var lastNumAsString = ref2.numAsString;
@@ -26922,7 +25446,7 @@ function NumberFormatBase(props) {
     }
   }, [formattedValue, numAsString]);
   var currentCaretPosition = focusedElm.current ? geInputCaretPosition(focusedElm.current) : void 0;
-  var useIsomorphicLayoutEffect3 = typeof window !== "undefined" ? import_react24.useLayoutEffect : import_react24.useEffect;
+  var useIsomorphicLayoutEffect3 = typeof window !== "undefined" ? import_react23.useLayoutEffect : import_react23.useEffect;
   useIsomorphicLayoutEffect3(function() {
     var input = focusedElm.current;
     if (formattedValue !== lastUpdatedValue.current.formattedValue && input) {
@@ -27071,12 +25595,12 @@ function NumberFormatBase(props) {
     onBlur: _onBlur
   });
   if (displayType === "text") {
-    return renderText ? import_react24.default.createElement(import_react24.default.Fragment, null, renderText(formattedValue, otherProps) || null) : import_react24.default.createElement("span", Object.assign({}, otherProps, { ref: getInputRef }), formattedValue);
+    return renderText ? import_react23.default.createElement(import_react23.default.Fragment, null, renderText(formattedValue, otherProps) || null) : import_react23.default.createElement("span", Object.assign({}, otherProps, { ref: getInputRef }), formattedValue);
   } else if (customInput) {
     var CustomInput = customInput;
-    return import_react24.default.createElement(CustomInput, Object.assign({}, inputProps, { ref: getInputRef }));
+    return import_react23.default.createElement(CustomInput, Object.assign({}, inputProps, { ref: getInputRef }));
   }
-  return import_react24.default.createElement("input", Object.assign({}, inputProps, { ref: getInputRef }));
+  return import_react23.default.createElement("input", Object.assign({}, inputProps, { ref: getInputRef }));
 }
 function format(numStr, props) {
   var decimalScale = props.decimalScale;
@@ -27439,12 +25963,12 @@ function useNumericFormat(props) {
 }
 function NumericFormat(props) {
   var numericFormatProps = useNumericFormat(props);
-  return import_react24.default.createElement(NumberFormatBase, Object.assign({}, numericFormatProps));
+  return import_react23.default.createElement(NumberFormatBase, Object.assign({}, numericFormatProps));
 }
 
 // src/component/table/index.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var TableEdit = (0, import_react25.forwardRef)((props, ref) => {
+var TableEdit = (0, import_react24.forwardRef)((props, ref) => {
   const { t: t2 } = useTranslation();
   const {
     idTable,
@@ -27473,35 +25997,35 @@ var TableEdit = (0, import_react25.forwardRef)((props, ref) => {
     isMulti,
     disableAutoKey
   } = props;
-  (0, import_react25.useImperativeHandle)(ref, () => {
+  (0, import_react24.useImperativeHandle)(ref, () => {
     return {
       refeshFocusRow: handleRefeshRow
     };
   });
-  const [refreshRow, setRefreshRow] = (0, import_react25.useState)(false);
-  const [indexFocus, setIndexFocus] = (0, import_react25.useState)();
-  const [selectedRows, setSelectedRows] = (0, import_react25.useState)([]);
-  const [headerColumns, setHeaderColumns] = (0, import_react25.useState)([[]]);
-  const [contentColumns, setContentColumns] = (0, import_react25.useState)([]);
-  const [levelCol, setLevelCol] = (0, import_react25.useState)(0);
-  const [columnFistEdit, setColumnFistEdit] = (0, import_react25.useState)(0);
-  const [columnLastEdit, setColumnlastEdit] = (0, import_react25.useState)(0);
-  const [objWidthFix, setObjWidthFix] = (0, import_react25.useState)({});
-  const [openPopupSetupColumn, setOpenPopupSetupColumn] = (0, import_react25.useState)(false);
-  const [searchTerm, setSearchTerm] = (0, import_react25.useState)("");
-  const tableElement = (0, import_react25.useRef)(null);
-  const gridRef = (0, import_react25.useRef)();
+  const [refreshRow, setRefreshRow] = (0, import_react24.useState)(false);
+  const [indexFocus, setIndexFocus] = (0, import_react24.useState)();
+  const [selectedRows, setSelectedRows] = (0, import_react24.useState)([]);
+  const [headerColumns, setHeaderColumns] = (0, import_react24.useState)([[]]);
+  const [contentColumns, setContentColumns] = (0, import_react24.useState)([]);
+  const [levelCol, setLevelCol] = (0, import_react24.useState)(0);
+  const [columnFistEdit, setColumnFistEdit] = (0, import_react24.useState)(0);
+  const [columnLastEdit, setColumnlastEdit] = (0, import_react24.useState)(0);
+  const [objWidthFix, setObjWidthFix] = (0, import_react24.useState)({});
+  const [openPopupSetupColumn, setOpenPopupSetupColumn] = (0, import_react24.useState)(false);
+  const [searchTerm, setSearchTerm] = (0, import_react24.useState)("");
+  const tableElement = (0, import_react24.useRef)(null);
+  const gridRef = (0, import_react24.useRef)();
   let totalCount = dataSource.length;
   const pagingClient = pagingSetting?.allowPaging && (pagingSetting?.pagingClient || !(editDisable || addDisable));
   const searchClient = searchSetting?.searchEnable && (searchSetting?.searchClient || !(editDisable || addDisable));
   const fieldKey = columns.find((item) => item.isPrimarykey === true)?.field ?? "id";
   const fieldUniKey = columns.filter((item) => item.isUnikey === true)?.map((item) => item.field);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (pagingClient && pagingSetting.setCurrentPage && Math.ceil(totalCount / (pagingSetting?.pageSize ?? 1)) < (pagingSetting.currentPage ?? 1)) {
       pagingSetting.setCurrentPage(1);
     }
   }, [dataSource]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     let indexFirst = -1;
     let indexlast = -1;
     let letfWidthFix = 0;
@@ -27535,7 +26059,7 @@ var TableEdit = (0, import_react25.forwardRef)((props, ref) => {
     setColumnFistEdit(indexFirst + 1);
     setColumnlastEdit(indexlast + 1);
   }, [contentColumns]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const arrHeaderColumns = [];
     const arrContentColumns = [];
     let headerLevelRow = 0;
@@ -27552,7 +26076,7 @@ var TableEdit = (0, import_react25.forwardRef)((props, ref) => {
     setHeaderColumns(arrHeaderColumns);
     setContentColumns(arrContentColumns);
   }, [columns]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const arrHeaderColumns = [];
     const arrContentColumns = [];
     let headerLevelRow = 0;
@@ -27631,7 +26155,7 @@ var TableEdit = (0, import_react25.forwardRef)((props, ref) => {
     }
   };
   const searchTemplate = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react25.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "me-50 r-search", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react24.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "me-50 r-search", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       react_input_default,
       {
         style: { width: "230px" },
@@ -28381,7 +26905,7 @@ var TableEdit = (0, import_react25.forwardRef)((props, ref) => {
       }
     }
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     setIndexFocus(-1);
     if (setSelectedItem) {
       if (isMulti) {
@@ -28408,7 +26932,7 @@ var TableEdit = (0, import_react25.forwardRef)((props, ref) => {
       }
     }
   }, [selectedRows]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!isMulti) {
       if (dataSource && selectedItem && selectedItem[fieldKey]) {
         if (selectedRows?.length === 0 || selectedItem[fieldKey] !== selectedRows[0][fieldKey]) {
@@ -28559,7 +27083,7 @@ var TableEdit = (0, import_react25.forwardRef)((props, ref) => {
       }
       const typeDis = !editDisable && (indexFocus === indexRow || col.editType === "checkbox") && (!col.disabledCondition || !col.disabledCondition(row)) ? col.editEnable ? 1 : col.template ? 2 : 3 : col.template ? 2 : 3;
       const errorMessage = typeDis === 1 || col.field === "" || !col.validate ? "" : col.validate(row[col.field], row);
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react25.Fragment, { children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react24.Fragment, { children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "td",
         {
           className: (0, import_classnames15.default)(
@@ -28644,7 +27168,7 @@ var TableEdit = (0, import_react25.forwardRef)((props, ref) => {
     return element && element.scrollWidth > element.clientWidth;
   };
   const renderFooterCol = (col, indexCol) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react25.Fragment, { children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react24.Fragment, { children: col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "td",
       {
         className: (0, import_classnames15.default)(
@@ -28754,12 +27278,12 @@ var TableEdit = (0, import_react25.forwardRef)((props, ref) => {
       }
     });
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (pagingClient && pagingSetting?.setCurrentPage && (searchSetting?.searchTerm !== void 0 ? searchSetting?.searchTerm : searchTerm)) {
       pagingSetting?.setCurrentPage(1);
     }
   }, [searchTerm, searchSetting?.searchTerm]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react25.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react24.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "react-table-edit", children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "r-grid", ref: gridRef, children: [
         toolbarSetting?.showTopToolbar ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: renderToolbarTop() }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, {}),
@@ -28822,14 +27346,14 @@ var table_default = TableEdit;
 
 // src/component/tab-menu/index.tsx
 var import_classnames16 = __toESM(require_classnames2());
-var import_react26 = require("react");
+var import_react25 = require("react");
 
 // node_modules/react-router-dom/dist/index.js
-var React16 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var ReactDOM4 = __toESM(require("react-dom"));
 
 // node_modules/react-router/dist/index.js
-var React15 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 
 // node_modules/@remix-run/router/dist/router.js
 function _extends3() {
@@ -29098,27 +27622,27 @@ function _extends4() {
   };
   return _extends4.apply(this, arguments);
 }
-var DataRouterContext = /* @__PURE__ */ React15.createContext(null);
+var DataRouterContext = /* @__PURE__ */ React14.createContext(null);
 if (process.env.NODE_ENV !== "production") {
   DataRouterContext.displayName = "DataRouter";
 }
-var DataRouterStateContext = /* @__PURE__ */ React15.createContext(null);
+var DataRouterStateContext = /* @__PURE__ */ React14.createContext(null);
 if (process.env.NODE_ENV !== "production") {
   DataRouterStateContext.displayName = "DataRouterState";
 }
-var AwaitContext = /* @__PURE__ */ React15.createContext(null);
+var AwaitContext = /* @__PURE__ */ React14.createContext(null);
 if (process.env.NODE_ENV !== "production") {
   AwaitContext.displayName = "Await";
 }
-var NavigationContext = /* @__PURE__ */ React15.createContext(null);
+var NavigationContext = /* @__PURE__ */ React14.createContext(null);
 if (process.env.NODE_ENV !== "production") {
   NavigationContext.displayName = "Navigation";
 }
-var LocationContext = /* @__PURE__ */ React15.createContext(null);
+var LocationContext = /* @__PURE__ */ React14.createContext(null);
 if (process.env.NODE_ENV !== "production") {
   LocationContext.displayName = "Location";
 }
-var RouteContext = /* @__PURE__ */ React15.createContext({
+var RouteContext = /* @__PURE__ */ React14.createContext({
   outlet: null,
   matches: [],
   isDataRoute: false
@@ -29126,7 +27650,7 @@ var RouteContext = /* @__PURE__ */ React15.createContext({
 if (process.env.NODE_ENV !== "production") {
   RouteContext.displayName = "Route";
 }
-var RouteErrorContext = /* @__PURE__ */ React15.createContext(null);
+var RouteErrorContext = /* @__PURE__ */ React14.createContext(null);
 if (process.env.NODE_ENV !== "production") {
   RouteErrorContext.displayName = "RouteError";
 }
@@ -29143,7 +27667,7 @@ function useHref(to, _temp) {
   let {
     basename,
     navigator: navigator2
-  } = React15.useContext(NavigationContext);
+  } = React14.useContext(NavigationContext);
   let {
     hash: hash3,
     pathname,
@@ -29162,7 +27686,7 @@ function useHref(to, _temp) {
   });
 }
 function useInRouterContext() {
-  return React15.useContext(LocationContext) != null;
+  return React14.useContext(LocationContext) != null;
 }
 function useLocation() {
   !useInRouterContext() ? process.env.NODE_ENV !== "production" ? invariant(
@@ -29171,19 +27695,19 @@ function useLocation() {
     // router loaded. We can help them understand how to avoid that.
     "useLocation() may be used only in the context of a <Router> component."
   ) : invariant(false) : void 0;
-  return React15.useContext(LocationContext).location;
+  return React14.useContext(LocationContext).location;
 }
 var navigateEffectWarning = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
 function useIsomorphicLayoutEffect2(cb) {
-  let isStatic = React15.useContext(NavigationContext).static;
+  let isStatic = React14.useContext(NavigationContext).static;
   if (!isStatic) {
-    React15.useLayoutEffect(cb);
+    React14.useLayoutEffect(cb);
   }
 }
 function useNavigate() {
   let {
     isDataRoute
-  } = React15.useContext(RouteContext);
+  } = React14.useContext(RouteContext);
   return isDataRoute ? useNavigateStable() : useNavigateUnstable();
 }
 function useNavigateUnstable() {
@@ -29193,24 +27717,24 @@ function useNavigateUnstable() {
     // router loaded. We can help them understand how to avoid that.
     "useNavigate() may be used only in the context of a <Router> component."
   ) : invariant(false) : void 0;
-  let dataRouterContext = React15.useContext(DataRouterContext);
+  let dataRouterContext = React14.useContext(DataRouterContext);
   let {
     basename,
     future,
     navigator: navigator2
-  } = React15.useContext(NavigationContext);
+  } = React14.useContext(NavigationContext);
   let {
     matches
-  } = React15.useContext(RouteContext);
+  } = React14.useContext(RouteContext);
   let {
     pathname: locationPathname
   } = useLocation();
   let routePathnamesJson = JSON.stringify(getResolveToMatches(matches, future.v7_relativeSplatPath));
-  let activeRef = React15.useRef(false);
+  let activeRef = React14.useRef(false);
   useIsomorphicLayoutEffect2(() => {
     activeRef.current = true;
   });
-  let navigate = React15.useCallback(function(to, options) {
+  let navigate = React14.useCallback(function(to, options) {
     if (options === void 0) {
       options = {};
     }
@@ -29234,15 +27758,15 @@ function useResolvedPath(to, _temp2) {
   } = _temp2 === void 0 ? {} : _temp2;
   let {
     future
-  } = React15.useContext(NavigationContext);
+  } = React14.useContext(NavigationContext);
   let {
     matches
-  } = React15.useContext(RouteContext);
+  } = React14.useContext(RouteContext);
   let {
     pathname: locationPathname
   } = useLocation();
   let routePathnamesJson = JSON.stringify(getResolveToMatches(matches, future.v7_relativeSplatPath));
-  return React15.useMemo(() => resolveTo(to, JSON.parse(routePathnamesJson), locationPathname, relative === "path"), [to, routePathnamesJson, locationPathname, relative]);
+  return React14.useMemo(() => resolveTo(to, JSON.parse(routePathnamesJson), locationPathname, relative === "path"), [to, routePathnamesJson, locationPathname, relative]);
 }
 var DataRouterHook = /* @__PURE__ */ function(DataRouterHook3) {
   DataRouterHook3["UseBlocker"] = "useBlocker";
@@ -29267,17 +27791,17 @@ function getDataRouterConsoleError(hookName) {
   return hookName + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
 }
 function useDataRouterContext(hookName) {
-  let ctx = React15.useContext(DataRouterContext);
+  let ctx = React14.useContext(DataRouterContext);
   !ctx ? process.env.NODE_ENV !== "production" ? invariant(false, getDataRouterConsoleError(hookName)) : invariant(false) : void 0;
   return ctx;
 }
 function useDataRouterState(hookName) {
-  let state = React15.useContext(DataRouterStateContext);
+  let state = React14.useContext(DataRouterStateContext);
   !state ? process.env.NODE_ENV !== "production" ? invariant(false, getDataRouterConsoleError(hookName)) : invariant(false) : void 0;
   return state;
 }
 function useRouteContext(hookName) {
-  let route = React15.useContext(RouteContext);
+  let route = React14.useContext(RouteContext);
   !route ? process.env.NODE_ENV !== "production" ? invariant(false, getDataRouterConsoleError(hookName)) : invariant(false) : void 0;
   return route;
 }
@@ -29299,18 +27823,18 @@ function useMatches() {
     matches,
     loaderData
   } = useDataRouterState(DataRouterStateHook.UseMatches);
-  return React15.useMemo(() => matches.map((m2) => convertRouteMatchToUiMatch(m2, loaderData)), [matches, loaderData]);
+  return React14.useMemo(() => matches.map((m2) => convertRouteMatchToUiMatch(m2, loaderData)), [matches, loaderData]);
 }
 function useNavigateStable() {
   let {
     router
   } = useDataRouterContext(DataRouterHook.UseNavigateStable);
   let id = useCurrentRouteId(DataRouterStateHook.UseNavigateStable);
-  let activeRef = React15.useRef(false);
+  let activeRef = React14.useRef(false);
   useIsomorphicLayoutEffect2(() => {
     activeRef.current = true;
   });
-  let navigate = React15.useCallback(function(to, options) {
+  let navigate = React14.useCallback(function(to, options) {
     if (options === void 0) {
       options = {};
     }
@@ -29327,7 +27851,7 @@ function useNavigateStable() {
   return navigate;
 }
 var START_TRANSITION = "startTransition";
-var startTransitionImpl = React15[START_TRANSITION];
+var startTransitionImpl = React14[START_TRANSITION];
 function Router(_ref5) {
   let {
     basename: basenameProp = "/",
@@ -29340,7 +27864,7 @@ function Router(_ref5) {
   } = _ref5;
   !!useInRouterContext() ? process.env.NODE_ENV !== "production" ? invariant(false, "You cannot render a <Router> inside another <Router>. You should never have more than one in your app.") : invariant(false) : void 0;
   let basename = basenameProp.replace(/^\/*/, "/");
-  let navigationContext = React15.useMemo(() => ({
+  let navigationContext = React14.useMemo(() => ({
     basename,
     navigator: navigator2,
     static: staticProp,
@@ -29358,7 +27882,7 @@ function Router(_ref5) {
     state = null,
     key = "default"
   } = locationProp;
-  let locationContext = React15.useMemo(() => {
+  let locationContext = React14.useMemo(() => {
     let trailingPathname = stripBasename(pathname, basename);
     if (trailingPathname == null) {
       return null;
@@ -29378,9 +27902,9 @@ function Router(_ref5) {
   if (locationContext == null) {
     return null;
   }
-  return /* @__PURE__ */ React15.createElement(NavigationContext.Provider, {
+  return /* @__PURE__ */ React14.createElement(NavigationContext.Provider, {
     value: navigationContext
-  }, /* @__PURE__ */ React15.createElement(LocationContext.Provider, {
+  }, /* @__PURE__ */ React14.createElement(LocationContext.Provider, {
     children,
     value: locationContext
   }));
@@ -29525,22 +28049,22 @@ try {
   window.__reactRouterVersion = REACT_ROUTER_VERSION;
 } catch (e2) {
 }
-var ViewTransitionContext = /* @__PURE__ */ React16.createContext({
+var ViewTransitionContext = /* @__PURE__ */ React15.createContext({
   isTransitioning: false
 });
 if (process.env.NODE_ENV !== "production") {
   ViewTransitionContext.displayName = "ViewTransition";
 }
-var FetchersContext = /* @__PURE__ */ React16.createContext(/* @__PURE__ */ new Map());
+var FetchersContext = /* @__PURE__ */ React15.createContext(/* @__PURE__ */ new Map());
 if (process.env.NODE_ENV !== "production") {
   FetchersContext.displayName = "Fetchers";
 }
 var START_TRANSITION2 = "startTransition";
-var startTransitionImpl2 = React16[START_TRANSITION2];
+var startTransitionImpl2 = React15[START_TRANSITION2];
 var FLUSH_SYNC = "flushSync";
 var flushSyncImpl = ReactDOM4[FLUSH_SYNC];
 var USE_ID = "useId";
-var useIdImpl = React16[USE_ID];
+var useIdImpl = React15[USE_ID];
 function HistoryRouter(_ref6) {
   let {
     basename,
@@ -29548,18 +28072,18 @@ function HistoryRouter(_ref6) {
     future,
     history
   } = _ref6;
-  let [state, setStateImpl] = React16.useState({
+  let [state, setStateImpl] = React15.useState({
     action: history.action,
     location: history.location
   });
   let {
     v7_startTransition
   } = future || {};
-  let setState = React16.useCallback((newState) => {
+  let setState = React15.useCallback((newState) => {
     v7_startTransition && startTransitionImpl2 ? startTransitionImpl2(() => setStateImpl(newState)) : setStateImpl(newState);
   }, [setStateImpl, v7_startTransition]);
-  React16.useLayoutEffect(() => history.listen(setState), [history, setState]);
-  return /* @__PURE__ */ React16.createElement(Router, {
+  React15.useLayoutEffect(() => history.listen(setState), [history, setState]);
+  return /* @__PURE__ */ React15.createElement(Router, {
     basename,
     children,
     location: state.location,
@@ -29573,7 +28097,7 @@ if (process.env.NODE_ENV !== "production") {
 }
 var isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 var ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
-var Link = /* @__PURE__ */ React16.forwardRef(function LinkWithRef(_ref7, ref) {
+var Link = /* @__PURE__ */ React15.forwardRef(function LinkWithRef(_ref7, ref) {
   let {
     onClick,
     relative,
@@ -29587,7 +28111,7 @@ var Link = /* @__PURE__ */ React16.forwardRef(function LinkWithRef(_ref7, ref) {
   } = _ref7, rest = _objectWithoutPropertiesLoose3(_ref7, _excluded2);
   let {
     basename
-  } = React16.useContext(NavigationContext);
+  } = React15.useContext(NavigationContext);
   let absoluteHref;
   let isExternal = false;
   if (typeof to === "string" && ABSOLUTE_URL_REGEX.test(to)) {
@@ -29626,7 +28150,7 @@ var Link = /* @__PURE__ */ React16.forwardRef(function LinkWithRef(_ref7, ref) {
   }
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ React16.createElement("a", _extends5({}, rest, {
+    /* @__PURE__ */ React15.createElement("a", _extends5({}, rest, {
       href: absoluteHref || href,
       onClick: isExternal || reloadDocument ? onClick : handleClick,
       ref,
@@ -29637,7 +28161,7 @@ var Link = /* @__PURE__ */ React16.forwardRef(function LinkWithRef(_ref7, ref) {
 if (process.env.NODE_ENV !== "production") {
   Link.displayName = "Link";
 }
-var NavLink2 = /* @__PURE__ */ React16.forwardRef(function NavLinkWithRef(_ref8, ref) {
+var NavLink2 = /* @__PURE__ */ React15.forwardRef(function NavLinkWithRef(_ref8, ref) {
   let {
     "aria-current": ariaCurrentProp = "page",
     caseSensitive = false,
@@ -29652,11 +28176,11 @@ var NavLink2 = /* @__PURE__ */ React16.forwardRef(function NavLinkWithRef(_ref8,
     relative: rest.relative
   });
   let location2 = useLocation();
-  let routerState = React16.useContext(DataRouterStateContext);
+  let routerState = React15.useContext(DataRouterStateContext);
   let {
     navigator: navigator2,
     basename
-  } = React16.useContext(NavigationContext);
+  } = React15.useContext(NavigationContext);
   let isTransitioning = routerState != null && // Conditional usage is OK here because the usage of a data router is static
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useViewTransitionState(path) && viewTransition === true;
@@ -29687,7 +28211,7 @@ var NavLink2 = /* @__PURE__ */ React16.forwardRef(function NavLinkWithRef(_ref8,
     className = [classNameProp, isActive ? "active" : null, isPending ? "pending" : null, isTransitioning ? "transitioning" : null].filter(Boolean).join(" ");
   }
   let style = typeof styleProp === "function" ? styleProp(renderProps) : styleProp;
-  return /* @__PURE__ */ React16.createElement(Link, _extends5({}, rest, {
+  return /* @__PURE__ */ React15.createElement(Link, _extends5({}, rest, {
     "aria-current": ariaCurrent,
     className,
     ref,
@@ -29699,7 +28223,7 @@ var NavLink2 = /* @__PURE__ */ React16.forwardRef(function NavLinkWithRef(_ref8,
 if (process.env.NODE_ENV !== "production") {
   NavLink2.displayName = "NavLink";
 }
-var Form3 = /* @__PURE__ */ React16.forwardRef((_ref9, forwardedRef) => {
+var Form3 = /* @__PURE__ */ React15.forwardRef((_ref9, forwardedRef) => {
   let {
     fetcherKey,
     navigate,
@@ -29735,7 +28259,7 @@ var Form3 = /* @__PURE__ */ React16.forwardRef((_ref9, forwardedRef) => {
       viewTransition
     });
   };
-  return /* @__PURE__ */ React16.createElement("form", _extends5({
+  return /* @__PURE__ */ React15.createElement("form", _extends5({
     ref: forwardedRef,
     method: formMethod,
     action: formAction,
@@ -29777,12 +28301,12 @@ function getDataRouterConsoleError2(hookName) {
   return hookName + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
 }
 function useDataRouterContext2(hookName) {
-  let ctx = React16.useContext(DataRouterContext);
+  let ctx = React15.useContext(DataRouterContext);
   !ctx ? process.env.NODE_ENV !== "production" ? invariant(false, getDataRouterConsoleError2(hookName)) : invariant(false) : void 0;
   return ctx;
 }
 function useDataRouterState2(hookName) {
-  let state = React16.useContext(DataRouterStateContext);
+  let state = React15.useContext(DataRouterStateContext);
   !state ? process.env.NODE_ENV !== "production" ? invariant(false, getDataRouterConsoleError2(hookName)) : invariant(false) : void 0;
   return state;
 }
@@ -29800,7 +28324,7 @@ function useLinkClickHandler(to, _temp) {
   let path = useResolvedPath(to, {
     relative
   });
-  return React16.useCallback((event) => {
+  return React15.useCallback((event) => {
     if (shouldProcessLinkClick(event, target)) {
       event.preventDefault();
       let replace2 = replaceProp !== void 0 ? replaceProp : createPath(location2) === createPath(path);
@@ -29827,9 +28351,9 @@ function useSubmit() {
   } = useDataRouterContext2(DataRouterHook2.UseSubmit);
   let {
     basename
-  } = React16.useContext(NavigationContext);
+  } = React15.useContext(NavigationContext);
   let currentRouteId = useRouteId();
-  return React16.useCallback(function(target, options) {
+  return React15.useCallback(function(target, options) {
     if (options === void 0) {
       options = {};
     }
@@ -29873,8 +28397,8 @@ function useFormAction(action, _temp2) {
   } = _temp2 === void 0 ? {} : _temp2;
   let {
     basename
-  } = React16.useContext(NavigationContext);
-  let routeContext = React16.useContext(RouteContext);
+  } = React15.useContext(NavigationContext);
+  let routeContext = React15.useContext(RouteContext);
   !routeContext ? process.env.NODE_ENV !== "production" ? invariant(false, "useFormAction must be used inside a RouteContext") : invariant(false) : void 0;
   let [match] = routeContext.matches.slice(-1);
   let path = _extends5({}, useResolvedPath(action ? action : ".", {
@@ -29917,17 +28441,17 @@ function useScrollRestoration(_temp4) {
   } = useDataRouterState2(DataRouterStateHook2.UseScrollRestoration);
   let {
     basename
-  } = React16.useContext(NavigationContext);
+  } = React15.useContext(NavigationContext);
   let location2 = useLocation();
   let matches = useMatches();
   let navigation = useNavigation();
-  React16.useEffect(() => {
+  React15.useEffect(() => {
     window.history.scrollRestoration = "manual";
     return () => {
       window.history.scrollRestoration = "auto";
     };
   }, []);
-  usePageHide(React16.useCallback(() => {
+  usePageHide(React15.useCallback(() => {
     if (navigation.state === "idle") {
       let key = (getKey ? getKey(location2, matches) : null) || location2.key;
       savedScrollPositions[key] = window.scrollY;
@@ -29940,7 +28464,7 @@ function useScrollRestoration(_temp4) {
     window.history.scrollRestoration = "auto";
   }, [storageKey, getKey, navigation.state, location2, matches]));
   if (typeof document !== "undefined") {
-    React16.useLayoutEffect(() => {
+    React15.useLayoutEffect(() => {
       try {
         let sessionPositions = sessionStorage.getItem(storageKey || SCROLL_RESTORATION_STORAGE_KEY);
         if (sessionPositions) {
@@ -29949,7 +28473,7 @@ function useScrollRestoration(_temp4) {
       } catch (e2) {
       }
     }, [storageKey]);
-    React16.useLayoutEffect(() => {
+    React15.useLayoutEffect(() => {
       let getKeyWithoutBasename = getKey && basename !== "/" ? (location3, matches2) => getKey(
         // Strip the basename to match useLocation()
         _extends5({}, location3, {
@@ -29960,7 +28484,7 @@ function useScrollRestoration(_temp4) {
       let disableScrollRestoration = router == null ? void 0 : router.enableScrollRestoration(savedScrollPositions, () => window.scrollY, getKeyWithoutBasename);
       return () => disableScrollRestoration && disableScrollRestoration();
     }, [router, basename, getKey]);
-    React16.useLayoutEffect(() => {
+    React15.useLayoutEffect(() => {
       if (restoreScrollPosition === false) {
         return;
       }
@@ -29986,7 +28510,7 @@ function usePageHide(callback, options) {
   let {
     capture
   } = options || {};
-  React16.useEffect(() => {
+  React15.useEffect(() => {
     let opts = capture != null ? {
       capture
     } : void 0;
@@ -30000,7 +28524,7 @@ function useViewTransitionState(to, opts) {
   if (opts === void 0) {
     opts = {};
   }
-  let vtContext = React16.useContext(ViewTransitionContext);
+  let vtContext = React15.useContext(ViewTransitionContext);
   !(vtContext != null) ? process.env.NODE_ENV !== "production" ? invariant(false, "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : invariant(false) : void 0;
   let {
     basename
@@ -30029,14 +28553,14 @@ var TabsMenuComponent = ({
   renderModal
 }) => {
   const navigate = useNavigate();
-  const [dataMenu, setDataMenu] = (0, import_react26.useState)([]);
-  const [openMenu, setOpenMenu] = (0, import_react26.useState)(false);
-  const [url, setUrl] = (0, import_react26.useState)("");
-  const [contentWidth, setContentWidth] = (0, import_react26.useState)(0);
-  const [componentWidth, setComponentWidth] = (0, import_react26.useState)(0);
-  const [scrollPosition, setScrollPosition] = (0, import_react26.useState)(0);
-  const [dataItem, setDataItem] = (0, import_react26.useState)([]);
-  const [openModal, setOpenModal] = (0, import_react26.useState)({});
+  const [dataMenu, setDataMenu] = (0, import_react25.useState)([]);
+  const [openMenu, setOpenMenu] = (0, import_react25.useState)(false);
+  const [url, setUrl] = (0, import_react25.useState)("");
+  const [contentWidth, setContentWidth] = (0, import_react25.useState)(0);
+  const [componentWidth, setComponentWidth] = (0, import_react25.useState)(0);
+  const [scrollPosition, setScrollPosition] = (0, import_react25.useState)(0);
+  const [dataItem, setDataItem] = (0, import_react25.useState)([]);
+  const [openModal, setOpenModal] = (0, import_react25.useState)({});
   const handleWindowResize = () => {
     const tabEle = document.getElementById(`tab-component-${resourceCode}`);
     const tabContent = document.getElementById(`content-component-${resourceCode}`);
@@ -30045,7 +28569,7 @@ var TabsMenuComponent = ({
       setContentWidth(tabContent?.offsetWidth ?? 0);
     }
   };
-  (0, import_react26.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     setUrl(window.location.pathname);
     window.addEventListener("resize", handleWindowResize);
     setTimeout(() => {
@@ -30061,7 +28585,7 @@ var TabsMenuComponent = ({
       window.removeEventListener("resize", handleWindowResize);
     };
   }, []);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const item = resources?.find((x) => x.code === (resourceCodeParent ? resourceCodeParent : resourceCode));
     if (item) {
       if (resourceCodeParent) {
@@ -30092,7 +28616,7 @@ var TabsMenuComponent = ({
   const handleModal = (name) => {
     setOpenModal((old) => ({ ...old, [name]: !(openModal[name] ?? false) }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react26.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react25.Fragment, { children: [
     renderModal ? renderModal({ handleModal, windowSize, openModal, setDataItem, dataItem }) : "",
     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: (0, import_classnames16.default)("tab-custom", { "tab-parent": tabParent }, { "tab-child": tabChild }), style: { width: `calc(100% - ${buttonWidth ?? 100}px` }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -30149,7 +28673,7 @@ var TabsMenuComponent = ({
 
 // src/component/input-style/index.tsx
 var import_classnames17 = __toESM(require_classnames2());
-var import_react27 = require("react");
+var import_react26 = require("react");
 
 // src/component/input-style/fonts.ts
 var OptionFont = [
@@ -31022,7 +29546,7 @@ var InputStyleComponent = (props) => {
     disabledItalic,
     disabledUnderline
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react27.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "d-flex align-items-center", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "d-flex align-items-center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       SelectTable,
       {