dynamic-modal 1.1.18 → 1.1.20

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

@@ -1,10 +1,7 @@
-"use strict";
 'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+"use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const InputUpload = ({ onChange, readAsArrayBuffer, read, helpText, label, ...props }) => {
     const onChangeHandler = (event) => {
         if (read && event.target.files) {
@@ -41,9 +38,6 @@ const InputUpload = ({ onChange, readAsArrayBuffer, read, helpText, label, ...pr
             };
         });
     };
-    return (react_1.default.createElement("div", { className: "flex flex-col w-full gap-1 text-center" },
-        label && (react_1.default.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-900 dark:text-white", htmlFor: `file-input-${props.id}` }, label)),
-        react_1.default.createElement("input", { className: "file:transition-all file:delay-150 block w-full text-sm text-slate-500\n        file:mr-4 file:py-2 file:px-4 file:rounded-md\n        file:border-0 file:text-sm file:font-semibold\n        file:bg-gray-100 file:text-blue-600\n        hover:file:bg-blue-700 hover:file:text-white cursor-pointer disabled:cursor-not-allowed", "aria-describedby": `file-input-${props.id}-help`, id: `file-input-${props.id}`, type: "file", onChange: onChangeHandler, ...props }),
-        react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-300 text-start", id: `file-input-${props.id}-help` }, helpText?.toUpperCase())));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-full gap-1 text-center", children: [label && ((0, jsx_runtime_1.jsx)("label", { className: "block mb-2 text-sm font-medium text-gray-900 dark:text-white", htmlFor: `file-input-${props.id}`, children: label })), (0, jsx_runtime_1.jsx)("input", { className: "file:transition-all file:delay-150 block w-full text-sm text-slate-500\n        file:mr-4 file:py-2 file:px-4 file:rounded-md\n        file:border-0 file:text-sm file:font-semibold\n        file:bg-gray-100 file:text-blue-600\n        hover:file:bg-blue-700 hover:file:text-white cursor-pointer disabled:cursor-not-allowed", "aria-describedby": `file-input-${props.id}-help`, id: `file-input-${props.id}`, type: "file", onChange: onChangeHandler, ...props }), (0, jsx_runtime_1.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-300 text-start", id: `file-input-${props.id}-help`, children: helpText?.toUpperCase() })] }));
 };
 exports.default = InputUpload;

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

@@ -1,45 +1,13 @@
-"use strict";
 'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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;
-    };
-})();
+"use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const component_state_1 = require("../../context/component/component-state");
 const MakeButton = ({ element, getValues }) => {
     const { Button } = (0, react_1.useContext)(component_state_1.ComponentStateContext);
     const elementId = (0, react_1.useId)();
-    return (react_1.default.createElement(Button, { ...element, id: elementId, onClick: () => {
+    return ((0, jsx_runtime_1.jsx)(Button, { ...element, id: elementId, onClick: () => {
             const formData = getValues();
             if (element.onClick)
                 element.onClick(formData);

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

@@ -1,43 +1,11 @@
-"use strict";
 'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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;
-    };
-})();
+"use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const component_state_1 = require("../../context/component/component-state");
 const use_enable_if_1 = __importDefault(require("../../hooks/use-enable-if"));
@@ -80,7 +48,7 @@ const MakeCustomUpload = ({ element, control, watch, unregister, }) => {
     }, [watch, render, enable]);
     if (!render)
         return null;
-    return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: elementName, rules: {
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: elementName, rules: {
             required: {
                 value: required,
                 message: message ?? '',
@@ -92,6 +60,6 @@ const MakeCustomUpload = ({ element, control, watch, unregister, }) => {
                 }
                 : undefined,
             ...otherValidation,
-        }, render: ({ field: { onChange, value }, fieldState: { invalid, error }, }) => (react_1.default.createElement(CustomUpload, { ...inputProps, name: elementName, id: elementId, onChange: onChange, value: value ?? '', invalid: invalid, error: error, disabled: element.disabled ?? !enable })) }));
+        }, render: ({ field: { onChange, value }, fieldState: { invalid, error }, }) => ((0, jsx_runtime_1.jsx)(CustomUpload, { ...inputProps, name: elementName, id: elementId, onChange: onChange, value: value ?? '', invalid: invalid, error: error, disabled: element.disabled ?? !enable })) }));
 };
 exports.default = MakeCustomUpload;

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

@@ -1,13 +1,8 @@
-"use strict";
 'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+"use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const MakeDescription = ({ element: { text, Icon, containerStyle, textStyle }, }) => {
-    return (react_1.default.createElement("div", { className: "flex gap-4 w-full h-auto text-xs text-center p-2 border-1 rounded-md", style: containerStyle },
-        Icon && react_1.default.createElement(Icon, null),
-        react_1.default.createElement("p", { style: textStyle }, text)));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MakeDescription = ({ element: { text, Icon, containerStyle, textStyle, elements }, }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 w-full h-auto text-xs text-center p-2 border-1 rounded-md", style: containerStyle, children: [Icon && (0, jsx_runtime_1.jsx)(Icon, {}), text && !elements && (0, jsx_runtime_1.jsx)("p", { style: textStyle, children: text }), !text && elements && ((0, jsx_runtime_1.jsx)("p", { style: textStyle, children: elements.map((fragment, index) => ((0, jsx_runtime_1.jsx)("span", { style: fragment.style, children: fragment.text }, `desc-fragment-${index}`))) }))] }));
 };
 exports.default = MakeDescription;

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

@@ -1,43 +1,11 @@
-"use strict";
 'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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;
-    };
-})();
+"use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const component_state_1 = require("../../context/component/component-state");
 const use_enable_if_1 = __importDefault(require("../../hooks/use-enable-if"));
@@ -80,7 +48,7 @@ const MakeInput = ({ element, control, watch, unregister, }) => {
     }, [watch, render, enable]);
     if (!render)
         return null;
-    return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: elementName, rules: {
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: elementName, rules: {
             required: {
                 value: required,
                 message: message ?? '',
@@ -92,6 +60,6 @@ const MakeInput = ({ element, control, watch, unregister, }) => {
                 }
                 : undefined,
             ...otherValidation,
-        }, render: ({ field: { onChange, value }, fieldState: { invalid, error }, }) => (react_1.default.createElement(Input, { ...inputProps, name: elementName, id: elementId, onChange: onChange, value: value ?? '', invalid: invalid, error: error, disabled: element.disabled ?? !enable })) }));
+        }, render: ({ field: { onChange, value }, fieldState: { invalid, error }, }) => ((0, jsx_runtime_1.jsx)(Input, { ...inputProps, name: elementName, id: elementId, onChange: onChange, value: value ?? '', invalid: invalid, error: error, disabled: element.disabled ?? !enable })) }));
 };
 exports.default = MakeInput;

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

@@ -1,43 +1,11 @@
-"use strict";
 'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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;
-    };
-})();
+"use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const component_state_1 = require("../../context/component/component-state");
 const use_enable_if_1 = __importDefault(require("../../hooks/use-enable-if"));
@@ -98,7 +66,7 @@ const MakeSelect = ({ element, control, watch, setValue, unregister, }) => {
     }, [watch, render, enable, liveData]);
     if (!render)
         return null;
-    return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: elementName, rules: {
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: elementName, rules: {
             required: {
                 value: required,
                 message: message ?? '',
@@ -110,6 +78,6 @@ const MakeSelect = ({ element, control, watch, setValue, unregister, }) => {
                 }
                 : undefined,
             ...otherValidation,
-        }, render: ({ field: { onChange, value }, fieldState: { invalid, error }, }) => (react_1.default.createElement(Select, { ...inputProps, id: elementId, name: elementName, onChange: onChange, value: value, invalid: invalid, error: error, disabled: element.disabled ?? !enable, liveSearching: liveSearching, options: liveData || (element.options ?? []) })) }));
+        }, render: ({ field: { onChange, value }, fieldState: { invalid, error }, }) => ((0, jsx_runtime_1.jsx)(Select, { ...inputProps, id: elementId, name: elementName, onChange: onChange, value: value, invalid: invalid, error: error, disabled: element.disabled ?? !enable, liveSearching: liveSearching, options: liveData || (element.options ?? []) })) }));
 };
 exports.default = MakeSelect;

package/dist/components/make-table/make-table.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IMakeTableProps } from '../../interfaces/make-table';
+declare const MakeTable: FC<IMakeTableProps>;
+export default MakeTable;

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

@@ -0,0 +1,105 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const use_render_if_1 = __importDefault(require("../../hooks/use-render-if"));
+const component_state_1 = require("../../context/component/component-state");
+const use_live_data_1 = __importDefault(require("../../hooks/use-live-data"));
+const react_hook_form_1 = require("react-hook-form");
+const MakeTable = ({ element, watch, control, setValue }) => {
+    const [liveSearching, setLiveSearching] = (0, react_1.useState)(false);
+    const [selected, setSelected] = (0, react_1.useState)('');
+    const [rowSelected, setRowSelected] = (0, react_1.useState)(new Map());
+    const { Select } = (0, react_1.useContext)(component_state_1.ComponentStateContext);
+    const { Button } = (0, react_1.useContext)(component_state_1.ComponentStateContext);
+    const { selectTitleName, selectValueName, selectActionName, selectPlaceholder, renderIf, columns, name: elementName, data, liveData: elementLiveData, style, buttonStyle } = element;
+    const { checkLiveData, liveData, setLiveData } = (0, use_live_data_1.default)({
+        elementLiveData,
+    });
+    const { checkRender, render, setRender } = (0, use_render_if_1.default)({
+        elementRenderIf: renderIf,
+    });
+    const addToTable = (0, react_1.useCallback)((selected) => {
+        if (selected === '')
+            return;
+        const elementSelected = data.find((e) => e[selectValueName] === selected);
+        if (elementSelected) {
+            const currentElements = new Map(rowSelected.entries());
+            currentElements.set(selected, elementSelected);
+            setValue(elementName, Array.from(currentElements.values()));
+            setRowSelected(currentElements);
+            setSelected('');
+        }
+    }, [data, rowSelected, setRowSelected, setSelected]);
+    const tableButtonAction = (0, react_1.useCallback)((row, isDeleteAction, action) => {
+        const id = row[selectValueName];
+        if (isDeleteAction) {
+            const currentElements = new Map(rowSelected.entries());
+            currentElements.delete(id);
+            setRowSelected(currentElements);
+            return;
+        }
+        if (action)
+            action(row);
+    }, [rowSelected, setRowSelected]);
+    (0, react_1.useEffect)(() => {
+        const { unsubscribe } = watch((formData, { name, type }) => {
+            if (!name)
+                return;
+            if (renderIf) {
+                checkRender(formData, { name, type }).then((renderStatus) => {
+                    if (renderStatus === undefined || renderStatus === null)
+                        return;
+                    if (render !== renderStatus) {
+                        setRender(!!renderStatus);
+                    }
+                });
+            }
+            if (elementLiveData) {
+                setLiveSearching(true);
+                checkLiveData(formData, { name, type })
+                    .then((options) => {
+                    if (options === undefined || options === null)
+                        return;
+                    setLiveData(options);
+                })
+                    .finally(() => {
+                    setLiveSearching(false);
+                });
+            }
+        });
+        return () => unsubscribe();
+    }, [watch, render, liveData]);
+    if (!render)
+        return null;
+    const selectOptions = (0, react_1.useMemo)(() => {
+        return data.map((e) => {
+            const id = e[selectValueName];
+            const name = e[selectTitleName];
+            return {
+                id,
+                name
+            };
+        });
+    }, [data]);
+    const keyColumns = (0, react_1.useMemo)(() => {
+        return columns.map((e) => e.title);
+    }, [columns]);
+    const tableData = (0, react_1.useMemo)(() => {
+        return Array.from(rowSelected.values());
+    }, [rowSelected]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-2', style: { ...style }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex w-full justify-between gap-4", children: [(0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: elementName, defaultValue: [], render: ({ field: { value } }) => ((0, jsx_runtime_1.jsx)("input", { type: 'hidden', value: value })) }), (0, jsx_runtime_1.jsx)(Select, { name: 'table-select-field', placeholder: selectPlaceholder, isSearch: true, value: selected, invalid: false, options: liveData || selectOptions, liveSearching: liveSearching, onChange: (selected) => {
+                            setSelected(selected);
+                        } }), (0, jsx_runtime_1.jsx)(Button, { style: buttonStyle, text: selectActionName, onClick: () => addToTable(selected) })] }), (0, jsx_runtime_1.jsxs)("table", { className: "text-[11px] w-full shadow-md sm:rounded-lg", children: [(0, jsx_runtime_1.jsx)("thead", { className: "sticky top-0 text-gray-700 bg-gray-50 text-center z-10", children: (0, jsx_runtime_1.jsx)("tr", { children: keyColumns.map((title) => ((0, jsx_runtime_1.jsx)("th", { scope: 'col', className: 'px-6 py-3', children: title }))) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: tableData.map((row, index) => {
+                            return ((0, jsx_runtime_1.jsx)("tr", { className: "bg-white border-b hover:bg-gray-50 text-center", children: columns.map(({ Icon, isButton, action, isDeleteAction, style, ...column }) => {
+                                    if (!isButton)
+                                        return ((0, jsx_runtime_1.jsx)("td", { className: 'px-6 py-4', style: style, children: row[column.key] ?? '' }));
+                                    return ((0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("button", { className: 'p-2 rounded-md text-lg', onClick: () => { tableButtonAction(row, isDeleteAction, action); }, style: style, children: Icon && (0, jsx_runtime_1.jsx)(Icon, {}) }) }));
+                                }) }, `row-${row[selectValueName]}-i-${index}`));
+                        }) })] })] }));
+};
+exports.default = MakeTable;

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

@@ -1,43 +1,11 @@
-"use strict";
 'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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;
-    };
-})();
+"use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const component_state_1 = require("../../context/component/component-state");
 const use_enable_if_1 = __importDefault(require("../../hooks/use-enable-if"));
@@ -80,7 +48,7 @@ const MakeTextarea = ({ element, control, watch, unregister, }) => {
     }, [watch, render, enable]);
     if (!render)
         return null;
-    return (react_1.default.createElement(react_hook_form_1.Controller, { name: elementName, control: control, rules: {
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: elementName, control: control, rules: {
             required: {
                 value: required,
                 message: message ?? '',
@@ -92,6 +60,6 @@ const MakeTextarea = ({ element, control, watch, unregister, }) => {
                 }
                 : undefined,
             ...otherValidation,
-        }, render: ({ field: { onChange, value }, fieldState: { invalid, error }, }) => (react_1.default.createElement(Textarea, { ...inputProps, id: elementId, name: elementName, onChange: onChange, value: value ?? '', invalid: invalid, error: error, disabled: element.disabled ?? !enable })) }));
+        }, render: ({ field: { onChange, value }, fieldState: { invalid, error }, }) => ((0, jsx_runtime_1.jsx)(Textarea, { ...inputProps, id: elementId, name: elementName, onChange: onChange, value: value ?? '', invalid: invalid, error: error, disabled: element.disabled ?? !enable })) }));
 };
 exports.default = MakeTextarea;

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

@@ -1,43 +1,11 @@
-"use strict";
 'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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;
-    };
-})();
+"use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const component_state_1 = require("../../context/component/component-state");
 const use_enable_if_1 = __importDefault(require("../../hooks/use-enable-if"));
@@ -80,7 +48,7 @@ const MakeToggle = ({ element, control, watch, unregister, }) => {
     }, [watch, render, enable]);
     if (!render)
         return null;
-    return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: elementName, rules: {
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: elementName, rules: {
             required: {
                 value: required,
                 message: message ?? '',
@@ -92,6 +60,6 @@ const MakeToggle = ({ element, control, watch, unregister, }) => {
                 }
                 : undefined,
             ...otherValidation,
-        }, render: ({ field: { onChange, value }, fieldState: { invalid, error }, }) => (react_1.default.createElement(Toggle, { ...inputProps, id: elementId, name: elementName, onChange: onChange, value: value ?? '', invalid: invalid, error: error, disabled: element.disabled ?? !enable })) }));
+        }, render: ({ field: { onChange, value }, fieldState: { invalid, error }, }) => ((0, jsx_runtime_1.jsx)(Toggle, { ...inputProps, id: elementId, name: elementName, onChange: onChange, value: value ?? '', invalid: invalid, error: error, disabled: element.disabled ?? !enable })) }));
 };
 exports.default = MakeToggle;

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

@@ -1,43 +1,11 @@
-"use strict";
 'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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;
-    };
-})();
+"use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const input_upload_1 = __importDefault(require("../input-upload/input-upload"));
 const use_enable_if_1 = __importDefault(require("../../hooks/use-enable-if"));
@@ -79,7 +47,7 @@ const MakeUpload = ({ element, control, watch, unregister, }) => {
     }, [watch, render, enable]);
     if (!render)
         return null;
-    return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: elementName, rules: {
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: elementName, rules: {
             required: {
                 value: required,
                 message: message ?? '',
@@ -91,6 +59,6 @@ const MakeUpload = ({ element, control, watch, unregister, }) => {
                 }
                 : undefined,
             ...otherValidation,
-        }, render: ({ field: { onChange } }) => (react_1.default.createElement(input_upload_1.default, { ...inputProps, id: elementId, name: elementName, onChange: onChange, disabled: element.disabled ?? !enable })) }));
+        }, render: ({ field: { onChange } }) => ((0, jsx_runtime_1.jsx)(input_upload_1.default, { ...inputProps, id: elementId, name: elementName, onChange: onChange, disabled: element.disabled ?? !enable })) }));
 };
 exports.default = MakeUpload;

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

@@ -1,40 +1,8 @@
-"use strict";
 'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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;
-    };
-})();
+"use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const component_state_1 = require("../../context/component/component-state");
 const MakeWatcher = ({ element, watch }) => {
     const [value, setValue] = (0, react_1.useState)('');
@@ -57,6 +25,6 @@ const MakeWatcher = ({ element, watch }) => {
         });
         return () => unsubscribe();
     }, [watch]);
-    return (react_1.default.createElement(Input, { ...watcherProps, name: `watcher-${elementId}`, id: elementId, value: value ?? '', onChange: () => { }, invalid: false, disabled: true, style: style }));
+    return ((0, jsx_runtime_1.jsx)(Input, { ...watcherProps, name: `watcher-${elementId}`, id: elementId, value: value ?? '', onChange: () => { }, invalid: false, disabled: true, style: style }));
 };
 exports.default = MakeWatcher;