dynamic-modal 1.0.11 → 1.0.12

package/dist/components/make-input/make-input.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -41,22 +51,19 @@ const react_2 = require("@nextui-org/react");
 const general_1 = require("../../tools/general");
 const MakeInput = (_a) => {
     var _b, _c;
-    var { element } = _a, props = __rest(_a, ["element"]);
-    const { render, enable, checkField } = (0, field_render_1.useFieldRender)(Object.assign({ element }, props));
+    var _d = _a.element, _e = _d.validation, { required } = _e, validation = __rest(_e, ["required"]), element = __rest(_d, ["validation"]), props = __rest(_a, ["element"]);
+    const { render, enable, checkField } = (0, field_render_1.useFieldRender)(Object.assign(Object.assign({}, props), { element }));
     (0, react_1.useEffect)(() => {
         const subscription = props.watch((value, { name, type }) => checkField(value, { name, type }));
         return () => subscription.unsubscribe();
     }, [checkField, props]);
     return (render
-        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: element.name, rules: {
-                required: element.validation.required,
-                pattern: {
-                    value: (_b = element.validation.regex) !== null && _b !== void 0 ? _b : /(.*)/,
-                    message: (_c = element.validation.message) !== null && _c !== void 0 ? _c : ''
-                }
-            }, render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
+        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: element.name, rules: Object.assign({ required, pattern: {
+                    value: (_b = validation.regex) !== null && _b !== void 0 ? _b : /(.*)/,
+                    message: (_c = validation.message) !== null && _c !== void 0 ? _c : ''
+                } }, validation), render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
                 var _a, _b, _c;
-                return (react_1.default.createElement(react_2.Input, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, value: value !== null && value !== void 0 ? value : '', color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = element.validation.message) !== null && _b !== void 0 ? _b : '') : undefined, disabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable })));
+                return (react_1.default.createElement(react_2.Input, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, value: value !== null && value !== void 0 ? value : '', color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined, disabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable })));
             } })
         : null);
 };

package/dist/components/make-multi-select/make-multi-select.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -41,22 +51,19 @@ const general_1 = require("../../tools/general");
 const react_2 = require("@nextui-org/react");
 const MakeMultiSelect = (_a) => {
     var _b, _c;
-    var { element } = _a, props = __rest(_a, ["element"]);
-    const { render, enable, checkField, liveData, liveSearching } = (0, field_render_1.useFieldRender)(Object.assign({ element }, props));
+    var _d = _a.element, _e = _d.validation, { required } = _e, validation = __rest(_e, ["required"]), element = __rest(_d, ["validation"]), props = __rest(_a, ["element"]);
+    const { render, enable, checkField, liveData, liveSearching } = (0, field_render_1.useFieldRender)(Object.assign(Object.assign({}, props), { element }));
     (0, react_1.useEffect)(() => {
         const subscription = props.watch((value, { name, type }) => checkField(value, { name, type }));
         return () => subscription.unsubscribe();
     }, [checkField, props, props.watch]);
     return (render
-        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: element.name, rules: {
-                required: element.validation.required,
-                pattern: {
-                    value: (_b = element.validation.regex) !== null && _b !== void 0 ? _b : /(.*)/,
-                    message: (_c = element.validation.message) !== null && _c !== void 0 ? _c : ''
-                }
-            }, render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
+        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: element.name, rules: Object.assign({ required, pattern: {
+                    value: (_b = validation.regex) !== null && _b !== void 0 ? _b : /(.*)/,
+                    message: (_c = validation.message) !== null && _c !== void 0 ? _c : ''
+                } }, validation), render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
                 var _a, _b, _c, _d;
-                return (react_1.default.createElement(react_2.Select, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onSelectionChange: onChange, label: liveSearching ? 'Loading...' : element.label, selectionMode: "multiple", selectedKeys: value, color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = element.validation.message) !== null && _b !== void 0 ? _b : '') : undefined, disabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable, className: 'max-w-lg' }), (liveData || ((_d = element.options) !== null && _d !== void 0 ? _d : [])).map((opt) => (react_1.default.createElement(react_2.SelectItem, { key: opt.id, value: opt.id }, opt.name)))));
+                return (react_1.default.createElement(react_2.Select, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onSelectionChange: onChange, label: liveSearching ? 'Loading...' : element.label, selectionMode: "multiple", selectedKeys: value, color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined, disabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable, className: 'max-w-lg' }), (liveData || ((_d = element.options) !== null && _d !== void 0 ? _d : [])).map((opt) => (react_1.default.createElement(react_2.SelectItem, { key: opt.id, value: opt.id }, opt.name)))));
             } })
         : null);
 };

package/dist/components/make-select/make-select.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -41,22 +51,19 @@ const general_1 = require("../../tools/general");
 const react_2 = require("@nextui-org/react");
 const MakeSelect = (_a) => {
     var _b, _c;
-    var { element } = _a, props = __rest(_a, ["element"]);
-    const { render, enable, checkField, liveData, liveSearching } = (0, field_render_1.useFieldRender)(Object.assign({ element }, props));
+    var _d = _a.element, _e = _d.validation, { required } = _e, validation = __rest(_e, ["required"]), element = __rest(_d, ["validation"]), props = __rest(_a, ["element"]);
+    const { render, enable, checkField, liveData, liveSearching } = (0, field_render_1.useFieldRender)(Object.assign(Object.assign({}, props), { element }));
     (0, react_1.useEffect)(() => {
         const subscription = props.watch((value, { name, type }) => checkField(value, { name, type }));
         return () => subscription.unsubscribe();
     }, [checkField, props, props.watch]);
     return (render
-        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: element.name, rules: {
-                required: element.validation.required,
-                pattern: {
-                    value: (_b = element.validation.regex) !== null && _b !== void 0 ? _b : /(.*)/,
-                    message: (_c = element.validation.message) !== null && _c !== void 0 ? _c : ''
-                }
-            }, render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
+        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: element.name, rules: Object.assign({ required, pattern: {
+                    value: (_b = validation.regex) !== null && _b !== void 0 ? _b : /(.*)/,
+                    message: (_c = validation.message) !== null && _c !== void 0 ? _c : ''
+                } }, validation), render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
                 var _a, _b, _c, _d;
-                return (react_1.default.createElement(react_2.Select, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, label: liveSearching ? 'Loading...' : element.label, selectedKeys: [value], color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = element.validation.message) !== null && _b !== void 0 ? _b : '') : undefined, disabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable }), (liveData || ((_d = element.options) !== null && _d !== void 0 ? _d : [])).map((opt) => (react_1.default.createElement(react_2.SelectItem, { key: opt.id, value: opt.id }, opt.name)))));
+                return (react_1.default.createElement(react_2.Select, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, label: liveSearching ? 'Loading...' : element.label, selectedKeys: [value], color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined, disabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable }), (liveData || ((_d = element.options) !== null && _d !== void 0 ? _d : [])).map((opt) => (react_1.default.createElement(react_2.SelectItem, { key: opt.id, value: opt.id }, opt.name)))));
             } })
         : react_1.default.createElement(react_1.default.Fragment, null));
 };

package/dist/components/make-textarea/make-textarea.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -41,22 +51,19 @@ const general_1 = require("../../tools/general");
 const react_2 = require("@nextui-org/react");
 const MakeTextarea = (_a) => {
     var _b, _c;
-    var { element } = _a, props = __rest(_a, ["element"]);
+    var _d = _a.element, _e = _d.validation, { required } = _e, validation = __rest(_e, ["required"]), element = __rest(_d, ["validation"]), props = __rest(_a, ["element"]);
     const { render, enable, checkField } = (0, field_render_1.useFieldRender)(Object.assign(Object.assign({}, props), { element }));
     (0, react_1.useEffect)(() => {
         const subscription = props.watch((value, { name, type }) => checkField(value, { name, type }));
         return () => subscription.unsubscribe();
     }, [checkField, props, props.watch]);
     return (render
-        ? react_1.default.createElement(react_hook_form_1.Controller, { name: element.name, control: props.control, rules: {
-                required: element.validation.required,
-                pattern: {
-                    value: (_b = element.validation.regex) !== null && _b !== void 0 ? _b : /(.*)/,
-                    message: (_c = element.validation.message) !== null && _c !== void 0 ? _c : ''
-                }
-            }, render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
+        ? react_1.default.createElement(react_hook_form_1.Controller, { name: element.name, control: props.control, rules: Object.assign({ required, pattern: {
+                    value: (_b = validation.regex) !== null && _b !== void 0 ? _b : /(.*)/,
+                    message: (_c = validation.message) !== null && _c !== void 0 ? _c : ''
+                } }, validation), render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
                 var _a, _b, _c;
-                return (react_1.default.createElement(react_2.Textarea, Object.assign({}, element, { disableAutosize: true, id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, label: element.label, value: value !== null && value !== void 0 ? value : '', color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = element.validation.message) !== null && _b !== void 0 ? _b : '') : undefined, disabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable })));
+                return (react_1.default.createElement(react_2.Textarea, Object.assign({}, element, { disableAutosize: true, id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, label: element.label, value: value !== null && value !== void 0 ? value : '', color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined, disabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable })));
             } })
         : null);
 };

package/dist/components/make-toggle/make-toggle.js

@@ -15,12 +15,33 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
@@ -28,23 +49,24 @@ const react_hook_form_1 = require("react-hook-form");
 const field_render_1 = require("../../hooks/field-render");
 const react_2 = require("@nextui-org/react");
 const general_1 = require("../../tools/general");
-const MakeToggle = (props) => {
-    var _a, _b;
-    const { render, enable, checkField } = (0, field_render_1.useFieldRender)(props);
+const MakeToggle = (_a) => {
+    var _b, _c;
+    var _d = _a.element, _e = _d.validation, { required } = _e, validation = __rest(_e, ["required"]), element = __rest(_d, ["validation"]), props = __rest(_a, ["element"]);
+    const { render, enable, checkField } = (0, field_render_1.useFieldRender)(Object.assign(Object.assign({}, props), { element }));
     (0, react_1.useEffect)(() => {
         const subscription = props.watch((value, { name, type }) => checkField(value, { name, type }));
         return () => subscription.unsubscribe();
     }, [checkField, props, props.watch]);
     return (render
-        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: props.element.name, rules: {
-                required: props.element.validation.required,
+        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: element.name, rules: {
+                required,
                 pattern: {
-                    value: (_a = props.element.validation.regex) !== null && _a !== void 0 ? _a : /(.*)/,
-                    message: (_b = props.element.validation.message) !== null && _b !== void 0 ? _b : ''
+                    value: (_b = validation.regex) !== null && _b !== void 0 ? _b : /(.*)/,
+                    message: (_c = validation.message) !== null && _c !== void 0 ? _c : ''
                 }
             }, render: ({ field: { onChange, value } }) => {
                 var _a, _b;
-                return (react_1.default.createElement(react_2.Switch, Object.assign({}, props.element, { id: (_a = props.element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), isSelected: value, onValueChange: onChange, isDisabled: (_b = props.element.disabled) !== null && _b !== void 0 ? _b : !enable }), props.element.label));
+                return (react_1.default.createElement(react_2.Switch, Object.assign({}, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), isSelected: value, onValueChange: onChange, isDisabled: (_b = element.disabled) !== null && _b !== void 0 ? _b : !enable }), element.label));
             } })
         : null);
 };

package/dist/components/make-upload/make-upload.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7,19 +18,20 @@ const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const input_upload_1 = __importDefault(require("../input-upload/input-upload"));
 const field_render_1 = require("../../hooks/field-render");
-const MakeUpload = (props) => {
-    var _a, _b;
-    const { render, enable } = (0, field_render_1.useFieldRender)(props);
+const MakeUpload = (_a) => {
+    var _b, _c;
+    var _d = _a.element, _e = _d.validation, { required } = _e, validation = __rest(_e, ["required"]), element = __rest(_d, ["validation"]), props = __rest(_a, ["element"]);
+    const { render, enable } = (0, field_render_1.useFieldRender)(Object.assign(Object.assign({}, props), { element }));
     return (render
-        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: props.element.name, rules: {
-                required: props.element.validation.required,
+        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: element.name, rules: {
+                required,
                 pattern: {
-                    value: (_a = props.element.validation.regex) !== null && _a !== void 0 ? _a : /(.*)/,
-                    message: (_b = props.element.validation.message) !== null && _b !== void 0 ? _b : ''
+                    value: (_b = validation.regex) !== null && _b !== void 0 ? _b : /(.*)/,
+                    message: (_c = validation.message) !== null && _c !== void 0 ? _c : ''
                 }
             }, render: ({ field: { onChange } }) => {
                 var _a;
-                return (react_1.default.createElement(input_upload_1.default, { id: props.element.id, name: props.element.name, disabled: (_a = props.element.disabled) !== null && _a !== void 0 ? _a : !enable, onChange: onChange, label: props.element.label, helpText: props.element.helpText, style: props.element.styles, accept: props.element.accept, read: props.element.read, readAsArrayBuffer: props.element.readAsArrayBuffer }));
+                return (react_1.default.createElement(input_upload_1.default, Object.assign({}, element, { disabled: (_a = element.disabled) !== null && _a !== void 0 ? _a : !enable, onChange: onChange })));
             } })
         : null);
 };

package/dist/components/portal/portal.js

@@ -16,13 +16,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Portal = void 0;
 const react_1 = __importStar(require("react"));

package/dist/interfaces/field.d.ts

@@ -1,9 +1,8 @@
 import { CSSProperties } from 'react';
 import { Control, FieldValues, UseFormSetValue, UseFormUnregister, UseFormWatch } from 'react-hook-form';
-import { IOption } from './option';
-export interface IFieldLiveData {
-    action: (data: string, ...args: unknown[]) => Promise<Array<IOption>>;
-    condition: string;
+export interface IValidationBase<T> {
+    value: T;
+    message: string;
 }
 export interface IField {
     name: string;
@@ -17,6 +16,10 @@ export interface IField {
         required: boolean;
         regex?: RegExp;
         message?: string;
+        maxLength?: IValidationBase<number>;
+        minLength?: IValidationBase<number>;
+        min?: IValidationBase<number | string>;
+        max?: IValidationBase<number | string>;
     };
     disabled?: boolean;
 }

package/dist/interfaces/input-upload.d.ts

@@ -4,19 +4,6 @@ export interface IFileResult {
     size: number;
     data: string;
 }
-export interface IFile {
-    data?: string;
-    name: string;
-    size: number;
-}
-export interface IInputState {
-    state: boolean;
-    file: IFile;
-}
-export interface IInputStorage {
-    setData: (file: IInputState) => void;
-    clearFuntion: () => void;
-}
 export interface IInputUpload {
     id?: string;
     value?: string;
@@ -24,8 +11,7 @@ export interface IInputUpload {
     accept?: string;
     label?: string;
     helpText?: string;
-    clearfunction?: () => void;
-    style?: CSSProperties;
+    styles?: CSSProperties;
     readAsArrayBuffer?: boolean;
     name: string;
     disabled?: boolean;

package/dist/modal.js

@@ -16,13 +16,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/eslint.config.mjs

@@ -1,14 +1,14 @@
-import globals from "globals";
-import pluginJs from "@eslint/js";
-import tseslint from "typescript-eslint";
-import pluginReact from "eslint-plugin-react";
-
-export default [
-  { files: ['**/*.{ts,tsx}'] },
-  { languageOptions: { globals: globals.browser } },
-  { settings: { react: { version: 'detect' } } },
-  { ignores : ['dist/**', 'node_modules/**'] },
-  pluginJs.configs.recommended,
-  ...tseslint.configs.recommended,
-  pluginReact.configs.flat.recommended,
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginReact from "eslint-plugin-react";
+
+export default [
+  { files: ['**/*.{ts,tsx}'] },
+  { languageOptions: { globals: globals.browser } },
+  { settings: { react: { version: 'detect' } } },
+  { ignores : ['dist/**', 'node_modules/**'] },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
 ];