module-package-comp 1.4.9 → 1.5.0

package/dist/component/ComponentDisplayer.js

@@ -1,43 +1,192 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useState, useEffect, useMemo } from "react";
 import { ShowAttr } from "./ShowAttr";
 import PrimaryBtn from "./PrimaryBtn";
 import ShowErrors from "./ShowErrors";
 export function ComponentDisplayer({ component, data, setData, onSubmit, disabled, }) {
     const [errors, setErrors] = useState([]);
+    // Calculate initial repeatable counts from existing data
+    const initialRepeatableCounts = useMemo(() => {
+        const counts = {};
+        component.attributes.forEach((attr) => {
+            var _a;
+            if ((_a = attr.settings) === null || _a === void 0 ? void 0 : _a.repeatable) {
+                // Find all keys in data that belong to this attribute
+                const baseName = attr.name;
+                const matchingKeys = Object.keys(data).filter((key) => {
+                    // Match exact name or name with _number suffix
+                    if (key === baseName)
+                        return true;
+                    if (key.startsWith(baseName + "_")) {
+                        // Check if suffix is a number
+                        const suffix = key.substring(baseName.length + 1);
+                        return /^\d+$/.test(suffix);
+                    }
+                    return false;
+                });
+                // Calculate the highest index found
+                let maxIndex = 0;
+                matchingKeys.forEach((key) => {
+                    if (key === baseName) {
+                        maxIndex = Math.max(maxIndex, 0);
+                    }
+                    else {
+                        const suffix = key.substring(baseName.length + 1);
+                        const index = parseInt(suffix, 10);
+                        if (!isNaN(index)) {
+                            maxIndex = Math.max(maxIndex, index);
+                        }
+                    }
+                });
+                // We need at least maxIndex + 1 instances (since index starts at 0)
+                counts[baseName] = Math.max(1, maxIndex + 1);
+            }
+        });
+        return counts;
+    }, [component.attributes, data]);
+    const [repeatableCounts, setRepeatableCounts] = useState(initialRepeatableCounts);
+    // Update repeatable counts when data changes
+    useEffect(() => {
+        setRepeatableCounts((prev) => {
+            const newCounts = Object.assign({}, prev);
+            let hasChanges = false;
+            component.attributes.forEach((attr) => {
+                var _a;
+                if ((_a = attr.settings) === null || _a === void 0 ? void 0 : _a.repeatable) {
+                    const baseName = attr.name;
+                    const matchingKeys = Object.keys(data).filter((key) => {
+                        if (key === baseName)
+                            return true;
+                        if (key.startsWith(baseName + "_")) {
+                            const suffix = key.substring(baseName.length + 1);
+                            return /^\d+$/.test(suffix);
+                        }
+                        return false;
+                    });
+                    if (matchingKeys.length > 0) {
+                        let maxIndex = 0;
+                        matchingKeys.forEach((key) => {
+                            if (key === baseName) {
+                                maxIndex = Math.max(maxIndex, 0);
+                            }
+                            else {
+                                const suffix = key.substring(baseName.length + 1);
+                                const index = parseInt(suffix, 10);
+                                if (!isNaN(index)) {
+                                    maxIndex = Math.max(maxIndex, index);
+                                }
+                            }
+                        });
+                        const requiredCount = Math.max(1, maxIndex + 1);
+                        if (prev[baseName] !== requiredCount) {
+                            newCounts[baseName] = requiredCount;
+                            hasChanges = true;
+                        }
+                    }
+                }
+            });
+            return hasChanges ? newCounts : prev;
+        });
+    }, [data, component.attributes]);
+    // Add a repeatable field instance
+    const addRepeatableInstance = (attrName) => {
+        setRepeatableCounts((prev) => (Object.assign(Object.assign({}, prev), { [attrName]: (prev[attrName] || 1) + 1 })));
+    };
+    // Remove a repeatable field instance
+    const removeRepeatableInstance = (attrName) => {
+        if (repeatableCounts[attrName] > 1) {
+            const newCount = repeatableCounts[attrName] - 1;
+            setRepeatableCounts((prev) => (Object.assign(Object.assign({}, prev), { [attrName]: newCount })));
+            // Clean up data for removed instance (the last one)
+            const dataKey = `${attrName}_${newCount}`;
+            const temp = Object.assign({}, data);
+            if (temp[dataKey]) {
+                delete temp[dataKey];
+                setData(temp);
+            }
+        }
+    };
+    // Get data key name for a field (supports repeatable fields)
+    const getDataKey = (attrName, index = 0) => {
+        if (index === 0) {
+            return attrName; // First instance uses original name
+        }
+        return `${attrName}_${index}`; // Subsequent instances add index suffix
+    };
+    // Render a field (may include multiple instances)
+    const renderAttribute = (attr) => {
+        var _a;
+        const isRepeatable = ((_a = attr.settings) === null || _a === void 0 ? void 0 : _a.repeatable) || false;
+        const instanceCount = isRepeatable ? repeatableCounts[attr.name] || 1 : 1;
+        // Check if this field should be shown
+        const shouldShow = canShow(attr, data, component.conditions || []);
+        if (!shouldShow) {
+            // Clean up data for all instances
+            for (let i = 0; i < instanceCount; i++) {
+                const dataKey = getDataKey(attr.name, i);
+                if (data[dataKey]) {
+                    const temp = Object.assign({}, data);
+                    delete temp[dataKey];
+                    setData(temp);
+                }
+            }
+            return null;
+        }
+        // Render all instances
+        const instances = [];
+        for (let i = 0; i < instanceCount; i++) {
+            const dataKey = getDataKey(attr.name, i);
+            const isFirstInstance = i === 0;
+            // Get the value from data (check both exact and suffixed keys)
+            let fieldValue = "";
+            if (data[dataKey] !== undefined) {
+                fieldValue = String(data[dataKey]);
+            }
+            instances.push(_jsx("div", { className: i > 0 ? "mt-4 border-t pt-4" : "", children: _jsx(ShowAttr, { attribute: attr, value: fieldValue, setValue: (s) => {
+                        const temp = Object.assign({}, data);
+                        temp[dataKey] = s;
+                        setData(temp);
+                    }, data: data, disabled: disabled, isRepeatable: isRepeatable, repeatableIndex: i, onAddRepeatable: isFirstInstance && isRepeatable
+                        ? () => addRepeatableInstance(attr.name)
+                        : undefined, onRemoveRepeatable: isRepeatable
+                        ? () => removeRepeatableInstance(attr.name)
+                        : undefined }) }, `${attr.name}_${i}`));
+        }
+        return instances;
+    };
     return (_jsxs("form", { onSubmit: (e) => {
             e.preventDefault();
-            const errs = checkRequired(component.attributes, data);
+            const errs = checkRequired(component.attributes, data, repeatableCounts);
             if (errs.length === 0 && onSubmit) {
                 onSubmit();
             }
             else {
                 setErrors(errs);
             }
-        }, className: "min-w-72", children: [_jsx("h1", { className: "font-bold text-center text-blue-800 text-4xl mb-8", children: component.label }), _jsx("div", { className: "space-y-3", children: component.attributes.map((attr) => {
-                    if (canShow(attr, data, component.conditions || [])) {
-                        return (_jsx(ShowAttr, { attribute: attr, value: data[attr.name] ? String(data[attr.name]) : "", setValue: (s) => {
-                                const temp = Object.assign({}, data);
-                                temp[attr.name] = s;
-                                setData(temp);
-                            }, data: data, disabled: disabled }, attr.name));
-                    }
-                    else {
-                        if (data[attr.name]) {
-                            const temp = Object.assign({}, data);
-                            temp[attr.name] = "";
-                            setData(temp);
-                        }
-                    }
-                }) }), errors.length !== 0 && (_jsx("div", { className: "my-6", children: _jsx(ShowErrors, { errors: errors }) })), onSubmit && (_jsx("div", { className: "flex justify-center my-8", children: _jsx(PrimaryBtn, { text: "Submit" }) }))] }));
+        }, className: "min-w-72", children: [_jsx("h1", { className: "font-bold text-center text-blue-800 text-4xl mb-8", children: component.label }), _jsx("div", { className: "space-y-6", children: component.attributes.map((attr) => renderAttribute(attr)) }), errors.length !== 0 && (_jsx("div", { className: "my-6", children: _jsx(ShowErrors, { errors: errors }) })), onSubmit && (_jsx("div", { className: "flex justify-center my-8", children: _jsx(PrimaryBtn, { text: "Submit" }) }))] }));
 }
-// check the required attributes and return array string of errors
-function checkRequired(attributes, data) {
+// Update required field checker to support repeatable fields
+function checkRequired(attributes, data, repeatableCounts) {
     const requiredAttributes = attributes.filter((attr) => { var _a; return (_a = attr.settings) === null || _a === void 0 ? void 0 : _a.required; });
     const errors = [];
     requiredAttributes.forEach((attr) => {
-        if (!data[attr.name]) {
-            errors.push(`${attr.label} is required`);
+        var _a;
+        const isRepeatable = ((_a = attr.settings) === null || _a === void 0 ? void 0 : _a.repeatable) || false;
+        if (isRepeatable) {
+            // For repeatable fields, check all instances
+            const instanceCount = repeatableCounts[attr.name] || 1;
+            for (let i = 0; i < instanceCount; i++) {
+                const dataKey = i === 0 ? attr.name : `${attr.name}_${i}`;
+                if (!data[dataKey]) {
+                    errors.push(`${attr.label} #${i + 1} is required`);
+                }
+            }
+        }
+        else {
+            // For non-repeatable fields, only check original field
+            if (!data[attr.name]) {
+                errors.push(`${attr.label} is required`);
+            }
         }
     });
     return errors;

package/dist/component/ComponentDisplayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentDisplayer.js","sourceRoot":"","sources":["../../src/component/ComponentDisplayer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ComponentDisplayer.js","sourceRoot":"","sources":["../../src/component/ComponentDisplayer.tsx"],"names":[],"mappings":"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"}

package/dist/component/ShowAttr.d.ts

@@ -6,6 +6,10 @@ type ShowAttrProps = {
     data: DataJSON;
     showLabel?: boolean;
     disabled?: boolean;
+    isRepeatable?: boolean;
+    repeatableIndex?: number;
+    onAddRepeatable?: () => void;
+    onRemoveRepeatable?: () => void;
 };
-export declare function ShowAttr({ attribute, value, setValue, showLabel, data, disabled, }: ShowAttrProps): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function ShowAttr({ attribute, value, setValue, showLabel, data, disabled, isRepeatable, repeatableIndex, onAddRepeatable, onRemoveRepeatable, }: ShowAttrProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/component/ShowAttr.js

@@ -6,45 +6,65 @@ import LabeledMutliSelect from "./inputs/LabeledMutliSelect";
 import { useMemo } from "react";
 import { Parser } from "expr-eval";
 import LabeledFileInput from "./inputs/LableledFileInput";
-export function ShowAttr({ attribute, value, setValue, showLabel = true, data, disabled, }) {
-    var _a, _b, _c, _d;
-    const label = useMemo(() => (showLabel ? attribute.label || "" : ""), [attribute.label]);
+import LabledCheckboxSelect from "./inputs/LabledCheckboxSelect";
+export function ShowAttr({ attribute, value, setValue, showLabel = true, data, disabled, isRepeatable = false, repeatableIndex = 0, onAddRepeatable, onRemoveRepeatable, }) {
+    var _a, _b, _c, _d, _e;
+    const label = useMemo(() => {
+        const baseLabel = showLabel ? attribute.label || "" : "";
+        if (isRepeatable && repeatableIndex > 0) {
+            return `${baseLabel} #${repeatableIndex + 1}`;
+        }
+        return baseLabel;
+    }, [attribute.label, showLabel, isRepeatable, repeatableIndex]);
     const type = useMemo(() => {
         if (attribute.type)
             return AttributeTypeEnum[attribute.type];
     }, [attribute.type]);
+    const renderRepeatableControls = () => {
+        if (!isRepeatable)
+            return null;
+        return (_jsxs("div", { className: "flex gap-2 mt-2", children: [onAddRepeatable && (_jsx("div", { className: "h-1/2 items-center self-end mb-4", children: _jsx("button", { type: "button", onClick: onAddRepeatable, className: "px-2 py-1 bg-blue-800 text-white text-sm rounded hover:bg-blue-800", disabled: disabled, children: "+" }) })), onRemoveRepeatable && repeatableIndex > 0 && (_jsx("div", { className: "h-1/2 items-center self-end mb-4", children: _jsx("button", { type: "button", onClick: onRemoveRepeatable, className: "px-2 py-1 bg-red-500 text-white text-sm rounded hover:bg-red-600", disabled: disabled, children: "-" }) }))] }));
+    };
     switch (type) {
         case AttributeTypeEnum.NUMBER:
-            return (_jsx(LabeledInput, { label: label, value: value, setValue: setValue, type: "number", max: ((_a = attribute.settings) === null || _a === void 0 ? void 0 : _a.max) ? Number(attribute.settings.max) : undefined, min: ((_b = attribute.settings) === null || _b === void 0 ? void 0 : _b.min) ? Number(attribute.settings.min) : undefined, disabled: disabled }));
+            return (_jsxs("div", { className: "flex gap-2", children: [_jsx(LabeledInput, { label: label, value: value, setValue: setValue, type: "number", max: ((_a = attribute.settings) === null || _a === void 0 ? void 0 : _a.max)
+                            ? Number(attribute.settings.max)
+                            : undefined, min: ((_b = attribute.settings) === null || _b === void 0 ? void 0 : _b.min)
+                            ? Number(attribute.settings.min)
+                            : undefined, disabled: disabled }), renderRepeatableControls()] }));
         case AttributeTypeEnum.TEXT:
-            return (_jsx(LabeledInput, { label: label, value: value, setValue: setValue, type: "text", maxLength: (_c = attribute.settings) === null || _c === void 0 ? void 0 : _c.max, minLength: (_d = attribute.settings) === null || _d === void 0 ? void 0 : _d.min, disabled: disabled }));
+            return (_jsxs("div", { className: "flex gap-2", children: [_jsx(LabeledInput, { label: label, value: value, setValue: setValue, type: "text", maxLength: (_c = attribute.settings) === null || _c === void 0 ? void 0 : _c.max, minLength: (_d = attribute.settings) === null || _d === void 0 ? void 0 : _d.min, disabled: disabled, required: (_e = attribute.settings) === null || _e === void 0 ? void 0 : _e.required }), renderRepeatableControls()] }));
         case AttributeTypeEnum.LIST:
-            return (_jsx(LabeledSelect, { label: label, selected: value, setSelected: setValue, options: attribute.content || [], disabled: disabled }));
+            return (_jsxs("div", { className: "flex gap-2", children: [_jsx(LabeledSelect, { label: label, selected: value, setSelected: setValue, options: attribute.content || [], disabled: disabled }), renderRepeatableControls()] }));
+        case AttributeTypeEnum.LIST_CHECKBOX:
+            return (_jsxs("div", { className: "flex gap-2", children: [_jsx(LabledCheckboxSelect, { label: label, selected: value, setSelected: setValue, options: attribute.content || [], disabled: disabled }), renderRepeatableControls()] }));
         case AttributeTypeEnum.BOOLEAN:
-            return (_jsx(LabeledInput, { type: "checkbox", label: label, checked: value === "true", setValue: (s) => setValue(s), disabled: disabled }));
+            return (_jsxs("div", { className: "flex gap-2", children: [_jsx(LabeledInput, { type: "checkbox", label: label, checked: value === "true", setValue: (s) => setValue(s), disabled: disabled }), renderRepeatableControls()] }));
         case AttributeTypeEnum.DATE:
-            return (_jsx(LabeledInput, { type: "date", label: label, value: value, setValue: (date) => setValue(date), disabled: disabled }));
+            return (_jsxs("div", { className: "flex gap-2", children: [_jsx(LabeledInput, { type: "date", label: label, value: value, setValue: (date) => setValue(date), disabled: disabled }), renderRepeatableControls()] }));
         case AttributeTypeEnum.LINK:
-            return (_jsxs("div", { className: "w-full", children: [_jsx("label", { className: "block text-sm font-bold mb-1", children: label }), _jsx("a", { href: attribute.content, target: "_blank", children: attribute.content })] }));
+            return (_jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "w-full", children: [_jsx("label", { className: "block text-sm font-bold mb-1", children: label }), _jsx("a", { href: attribute.content, target: "_blank", children: attribute.content })] }), renderRepeatableControls()] }));
         case AttributeTypeEnum.MULTIPLE:
-            return (_jsx(LabeledMutliSelect, { label: label, selectedOptions: value !== "" ? value.split(",") : [], onChange: (selected) => setValue(selected.join(",")), options: attribute.content || [], disabled: disabled }));
+            return (_jsxs("div", { className: "flex gap-2", children: [_jsx(LabeledMutliSelect, { label: label, selectedOptions: value !== "" ? value.split(",") : [], onChange: (selected) => setValue(selected.join(",")), options: attribute.content || [], disabled: disabled }), renderRepeatableControls()] }));
         case AttributeTypeEnum.FILE:
         case AttributeTypeEnum.IMAGE:
-            return (_jsx(LabeledFileInput, { label: label, fileUrl: value.includes("http") ? value : undefined, setFileData: setValue, disabled: disabled }));
+            return (_jsxs("div", { className: "flex gap-2", children: [_jsx(LabeledFileInput, { label: label, fileUrl: value.includes("http") ? value : undefined, setFileData: setValue, disabled: disabled }), renderRepeatableControls()] }));
         case AttributeTypeEnum.IMAGE_OUTPUT:
-            return (_jsxs("div", { className: "w-full", children: [_jsx("label", { className: "block text-sm font-bold mb-1", children: label }), _jsx("img", { className: "w-64", src: attribute.content })] }));
+            return (_jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "w-full", children: [_jsx("label", { className: "block text-sm font-bold mb-1", children: label }), _jsx("img", { className: "w-64", src: attribute.content })] }), renderRepeatableControls()] }));
         case AttributeTypeEnum.VIDEO_OUTPUT:
-            return _jsx(ShowVideo, { url: attribute.content });
+            return (_jsxs("div", { className: "flex gap-2", children: [_jsx(ShowVideo, { url: attribute.content }), renderRepeatableControls()] }));
         case AttributeTypeEnum.TEXT_OUTPUT:
-            return (_jsxs("div", { className: "w-full", children: [_jsx("label", { className: "block text-sm font-bold mb-1", children: label }), _jsx("textarea", { className: "w-full bg-white", disabled: true, children: attribute.content })] }));
+            return (_jsx("div", { children: _jsxs("div", { className: "w-full", children: [_jsx("label", { className: "block text-sm font-bold mb-1", children: label }), _jsx("textarea", { className: "w-full bg-white", disabled: true, children: attribute.content })] }) }));
         case AttributeTypeEnum.TITRE:
-            return (_jsx("div", { className: "w-full", children: _jsx("h2", { className: "text-3xl font-semibold", children: attribute.label }) }));
+            return (_jsx("div", { className: "w-full", children: _jsx("h2", { className: "text-3xl font-semibold", children: label }) }));
         case AttributeTypeEnum.AUTOGEN:
             let result = 0;
             if (attribute.content && typeof attribute.content === "string") {
                 result = calculateContent(attribute.content, data);
-                return _jsx("p", { children: result });
+                return (_jsxs("div", { className: "w-full", children: [_jsx("label", { className: "block text-sm font-bold mb-1", children: label }), _jsx("p", { children: result })] }));
             }
+        default:
+            return null;
     }
 }
 function calculateContent(content, data) {

package/dist/component/ShowAttr.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowAttr.js","sourceRoot":"","sources":["../../src/component/ShowAttr.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ShowAttr.js","sourceRoot":"","sources":["../../src/component/ShowAttr.tsx"],"names":[],"mappings":"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"}

package/dist/component/inputs/CheckBoxSelect.d.ts

@@ -0,0 +1,2 @@
+import { SelectProps } from "./Select";
+export default function AlwaysOpenCheckboxSelect({ options, selected, setSelected, canDefault, disabled, }: SelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/inputs/CheckBoxSelect.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function AlwaysOpenCheckboxSelect({ options, selected, setSelected, canDefault, disabled, }) {
+    const handleCheckboxChange = (option) => {
+        if (selected === option) {
+            setSelected("");
+        }
+        else {
+            setSelected(option);
+        }
+    };
+    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "mb-2 p-2 bg-gray-50 rounded border border-gray-200 text-sm", children: ["Selection: ", _jsx("span", { className: "font-medium", children: selected || "_" })] }), _jsxs("div", { className: "w-full bg-white border border-gray-200 rounded-lg overflow-hidden", style: { maxHeight: "400px", overflowY: "auto" }, children: [canDefault && (_jsxs("label", { className: "flex items-center gap-3 p-4 hover:bg-gray-50 cursor-pointer border-b", children: [_jsx("input", { type: "checkbox", checked: selected === "", onChange: () => setSelected(""), className: "h-5 w-5 text-blue-600 rounded focus:ring-blue-500", disabled: disabled }), _jsx("span", { className: "text-gray-700 font-medium", children: "Selection" })] })), options.map((option, index) => (_jsxs("label", { className: "flex items-center gap-3 p-4 hover:bg-gray-50 cursor-pointer border-b last:border-b-0", children: [_jsx("input", { type: "checkbox", checked: selected === option, onChange: () => handleCheckboxChange(option), className: "h-5 w-5 text-blue-600 rounded focus:ring-blue-500", disabled: disabled }), _jsx("span", { className: "text-gray-900", children: option })] }, index)))] })] }));
+}
+//# sourceMappingURL=CheckBoxSelect.js.map

package/dist/component/inputs/CheckBoxSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxSelect.js","sourceRoot":"","sources":["../../../src/component/inputs/CheckBoxSelect.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,OAAO,EACP,QAAQ,EACR,WAAW,EACX,UAAU,EACV,QAAQ,GACI;IACZ,MAAM,oBAAoB,GAAG,CAAC,MAAc,EAAE,EAAE;QAC9C,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YACxB,WAAW,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,QAAQ,aAErB,eAAK,SAAS,EAAC,4DAA4D,4BAC9D,eAAM,SAAS,EAAC,aAAa,YAAE,QAAQ,IAAI,GAAG,GAAQ,IAC7D,EAGN,eACE,SAAS,EAAC,mEAAmE,EAC7E,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,aAE/C,UAAU,IAAI,CACb,iBAAO,SAAS,EAAC,sEAAsE,aACrF,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,QAAQ,KAAK,EAAE,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAC/B,SAAS,EAAC,mDAAmD,EAC7D,QAAQ,EAAE,QAAQ,GAClB,EACF,eAAM,SAAS,EAAC,2BAA2B,0BAAiB,IACtD,CACT,EAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,iBAEE,SAAS,EAAC,sFAAsF,aAEhG,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,QAAQ,KAAK,MAAM,EAC5B,QAAQ,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAC5C,SAAS,EAAC,mDAAmD,EAC7D,QAAQ,EAAE,QAAQ,GAClB,EACF,eAAM,SAAS,EAAC,eAAe,YAAE,MAAM,GAAQ,KAV1C,KAAK,CAWJ,CACT,CAAC,IACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/component/inputs/IconInput.d.ts

@@ -0,0 +1,25 @@
+import { ChangeEvent } from "react";
+interface IconInputProps {
+    id: string;
+    name: string;
+    type: string;
+    value?: string;
+    placeholder?: string;
+    autoComplete?: string;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    icon?: React.ReactNode;
+    required?: boolean;
+    validationError?: string;
+    className?: string;
+    disabled?: boolean;
+    label?: string;
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number;
+    lang?: string;
+    inputRef?: React.Ref<HTMLInputElement>;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    checked?: boolean;
+}
+declare function IconInput({ id, name, type, placeholder, autoComplete, onChange, icon, value, required, validationError, className, label, disabled, min, max, step, lang, inputRef, onKeyDown, checked, }: IconInputProps): import("react/jsx-runtime").JSX.Element;
+export default IconInput;

package/dist/component/inputs/IconInput.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function IconInput({ id, name, type, placeholder, autoComplete = "off", onChange, icon, value, required = false, validationError, className, label, disabled = false, min, max, step, lang, inputRef, onKeyDown, checked, }) {
+    const isCheckbox = type === "checkbox";
+    const inputClassName = `bg-clairGrey rounded-xl focus:outline-none shadow-md ${isCheckbox ? "h-5 w-5 border border-lightGrey rounded" : "py-2 px-4 pl-10"} `;
+    return (_jsxs("div", { className: `relative mb-2 ${isCheckbox ? "flex items-center gap-2" : "w-full"}`, children: [label && (_jsxs("label", { htmlFor: id, className: `text-base px-2 text-black ${isCheckbox
+                    ? "ml-2 cursor-pointer"
+                    : "absolute z-10 -top-3 left-10 bg-gradient-to-b from-white to-clairGrey"}`, children: [label, required && _jsx("span", { className: "text-primaryRed", children: " *" })] })), _jsxs("div", { className: `${className} relative ${isCheckbox
+                    ? "flex items-center justify-center"
+                    : "border-2 rounded-xl focus-within:border-primary"}`, children: [_jsx("input", { id: id, name: name, ref: inputRef, value: value, type: type, checked: checked, placeholder: placeholder, autoComplete: autoComplete !== null && autoComplete !== void 0 ? autoComplete : "off", className: `${inputClassName} ${isCheckbox ? "" : "w-full focus:border-none"}`, onChange: onChange, required: required, disabled: disabled, min: min, max: max, step: step, onKeyDown: onKeyDown, lang: lang }), icon && !isCheckbox && (_jsx("div", { className: "absolute inset-y-0 left-3 flex items-center pointer-events-none", children: icon }))] }), validationError && !isCheckbox && (_jsx("p", { className: "text-red-500 mt-1 text-sm", children: validationError }))] }));
+}
+export default IconInput;
+//# sourceMappingURL=IconInput.js.map

package/dist/component/inputs/IconInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconInput.js","sourceRoot":"","sources":["../../../src/component/inputs/IconInput.tsx"],"names":[],"mappings":";AAyBA,SAAS,SAAS,CAAC,EACjB,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GACQ;IACf,MAAM,UAAU,GAAG,IAAI,KAAK,UAAU,CAAC;IACvC,MAAM,cAAc,GAAG,wDACrB,UAAU,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,iBAC3D,GAAG,CAAC;IAEJ,OAAO,CACL,eACE,SAAS,EAAE,iBACT,UAAU,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,QAC3C,EAAE,aAED,KAAK,IAAI,CACR,iBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,6BACT,UAAU;oBACR,CAAC,CAAC,qBAAqB;oBACvB,CAAC,CAAC,uEACN,EAAE,aAED,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,iBAAiB,mBAAU,IAClD,CACT,EACD,eACE,SAAS,EAAE,GAAG,SAAS,aACrB,UAAU;oBACR,CAAC,CAAC,kCAAkC;oBACpC,CAAC,CAAC,iDACN,EAAE,aAEF,gBACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,EACnC,SAAS,EAAE,GAAG,cAAc,IAC1B,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,0BACpB,EAAE,EACF,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,GACV,EACD,IAAI,IAAI,CAAC,UAAU,IAAI,CACtB,cAAK,SAAS,EAAC,iEAAiE,YAC7E,IAAI,GACD,CACP,IACG,EACL,eAAe,IAAI,CAAC,UAAU,IAAI,CACjC,YAAG,SAAS,EAAC,2BAA2B,YAAE,eAAe,GAAK,CAC/D,IACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}

package/dist/component/inputs/Input.d.ts

@@ -11,5 +11,6 @@ export type InputProps = {
     placeholder?: string;
     disabled?: boolean;
     checked?: boolean;
+    required?: boolean;
 };
 export default function Input({ value, setValue, type, onBlur, maxLength, minLength, max, min, placeholder, disabled, checked, }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/inputs/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/component/inputs/Input.tsx"],"names":[],"mappings":";AAgBA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAS,EACT,GAAG,EACH,GAAG,EACH,WAAW,EACX,QAAQ,EACR,OAAO,GACI;IACX,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,eAAe,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,gKAAgK,EACnO,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,IAAI,KAAK,UAAU;YACjB,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAE9B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EACP,SAAS,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAExE,SAAS,EACP,SAAS,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAExE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/component/inputs/Input.tsx"],"names":[],"mappings":";AAiBA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAS,EACT,GAAG,EACH,GAAG,EACH,WAAW,EACX,QAAQ,EACR,OAAO,GACI;IACX,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,eACT,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QACnC,gKAAgK,EAChK,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,IAAI,KAAK,UAAU;YACjB,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAE9B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EACP,SAAS,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAExE,SAAS,EACP,SAAS,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAExE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC"}

package/dist/component/inputs/LabledCheckboxSelect.d.ts

@@ -0,0 +1,6 @@
+import { SelectProps } from "./Select";
+type Props = {
+    label: string;
+} & SelectProps;
+declare const LabledCheckboxSelect: ({ label, ...inputProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export default LabledCheckboxSelect;

package/dist/component/inputs/LabledCheckboxSelect.js

@@ -0,0 +1,19 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AlwaysOpenCheckboxSelect from "./CheckBoxSelect";
+const LabledCheckboxSelect = (_a) => {
+    var { label } = _a, inputProps = __rest(_a, ["label"]);
+    return (_jsxs("div", { className: "w-full", children: [_jsx("label", { className: "block text-sm font-bold mb-1", children: label }), _jsx(AlwaysOpenCheckboxSelect, Object.assign({}, inputProps))] }));
+};
+export default LabledCheckboxSelect;
+//# sourceMappingURL=LabledCheckboxSelect.js.map

package/dist/component/inputs/LabledCheckboxSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabledCheckboxSelect.js","sourceRoot":"","sources":["../../../src/component/inputs/LabledCheckboxSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,wBAAwB,MAAM,kBAAkB,CAAC;AAOxD,MAAM,oBAAoB,GAAG,CAAC,EAA+B,EAAE,EAAE;QAAnC,EAAE,KAAK,OAAwB,EAAnB,UAAU,cAAtB,SAAwB,CAAF;IAClD,OAAO,CACL,eAAK,SAAS,EAAC,QAAQ,aACrB,gBAAO,SAAS,EAAC,8BAA8B,YAAE,KAAK,GAAS,EAC/D,KAAC,wBAAwB,oBAAK,UAAU,EAAI,IACxC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/component/inputs/LableledInput.d.ts

@@ -2,5 +2,5 @@ import { InputProps } from "./Input";
 type Props = {
     label: string;
 } & InputProps;
-export default function LabeledInput({ label, ...inputProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function LabeledInput({ label, required, ...inputProps }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/component/inputs/LableledInput.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Input from "./Input";
 export default function LabeledInput(_a) {
-    var { label } = _a, inputProps = __rest(_a, ["label"]);
-    return (_jsxs("div", { className: "w-full flex gap-2 items-center", children: [_jsx("label", { className: "block text-base font-bold mb-1", children: label }), _jsx(Input, Object.assign({}, inputProps))] }));
+    var { label, required } = _a, inputProps = __rest(_a, ["label", "required"]);
+    return (_jsxs("div", { className: "w-full items-center ", children: [_jsxs("label", { className: "block text-base font-bold mb-1", children: [label, required && _jsx("span", { className: "text-primaryRed", children: " *" })] }), _jsx(Input, Object.assign({}, inputProps))] }));
 }
 //# sourceMappingURL=LableledInput.js.map

package/dist/component/inputs/LableledInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"LableledInput.js","sourceRoot":"","sources":["../../../src/component/inputs/LableledInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAqB,MAAM,SAAS,CAAC;AAM5C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAA+B;QAA/B,EAAE,KAAK,OAAwB,EAAnB,UAAU,cAAtB,SAAwB,CAAF;IACzD,OAAO,CACL,eAAK,SAAS,EAAC,gCAAgC,aAC7C,gBAAO,SAAS,EAAC,gCAAgC,YAAE,KAAK,GAAS,EACjE,KAAC,KAAK,oBAAK,UAAU,EAAI,IACrB,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"LableledInput.js","sourceRoot":"","sources":["../../../src/component/inputs/LableledInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAqB,MAAM,SAAS,CAAC;AAM5C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAI7B;QAJ6B,EACnC,KAAK,EACL,QAAQ,OAEF,EADH,UAAU,cAHsB,qBAIpC,CADc;IAEb,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,iBAAO,SAAS,EAAC,gCAAgC,aAC9C,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,iBAAiB,mBAAU,IAClD,EACR,KAAC,KAAK,oBAAK,UAAU,EAAI,IACrB,CACP,CAAC;AACJ,CAAC"}

package/dist/component/inputs/MultiSelect.js

@@ -16,7 +16,7 @@ const MultiSelect = ({ options, selectedOptions, onChange, disabled, }) => {
         setFilter(e.target.value);
     };
     const filteredOptions = options.filter((option) => option.toLowerCase().includes(filter.toLowerCase()));
-    return (_jsxs("div", { className: "relative inline-block w-full", children: [_jsx("div", { className: "py-2 px-3 bg-white block w-full border-2 border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none", onClick: toggleDropdown, children: Array.isArray(selectedOptions) && selectedOptions.length > 0 ? (selectedOptions.map((option) => (_jsx("span", { className: "mr-1 inline-block rounded-full bg-[#0096DC] px-2 py-1 text-sm", children: option }, option)))) : (_jsx("span", { className: "text-placeholder-gray", children: "Select options" })) }), isOpen && (_jsxs("div", { className: "absolute left-0 right-0 z-10 mt-2 rounded-md border border-secondary-gray bg-white", children: [_jsx("input", { type: "text", className: "w-full border-b border-secondary-gray p-2", placeholder: "Filter options...", value: filter, onChange: handleFilterChange }), _jsx("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.map((option) => (_jsxs("div", { className: "cursor-pointer p-2 hover:bg-primary-gray", onClick: () => {
+    return (_jsxs("div", { className: "relative inline-block w-full", children: [_jsx("div", { className: "py-2 px-3 bg-white block w-full border-2 border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none", onClick: toggleDropdown, children: Array.isArray(selectedOptions) && selectedOptions.length > 0 ? (selectedOptions.map((option) => (_jsx("span", { className: "mr-1 inline-block rounded-full bg-[#0096DC] px-2 py-1 text-sm", children: option }, option)))) : (_jsx("span", { className: "text-placeholder-gray", children: "Options" })) }), isOpen && (_jsxs("div", { className: "absolute left-0 right-0 z-10 mt-2 rounded-md border border-secondary-gray bg-white", children: [_jsx("input", { type: "text", className: "w-full border-b border-secondary-gray p-2", placeholder: "Filter options...", value: filter, onChange: handleFilterChange }), _jsx("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.map((option) => (_jsxs("div", { className: "cursor-pointer p-2 hover:bg-primary-gray", onClick: () => {
                                 if (!disabled)
                                     handleOptionClick(option);
                             }, children: [_jsx("input", { type: "checkbox", checked: selectedOptions.includes(option), readOnly: true, className: "mr-2" }), _jsx("span", { className: "ml-2", children: option })] }, option))) })] }))] }));

package/dist/component/inputs/MultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/component/inputs/MultiSelect.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASxC,MAAM,WAAW,GAA+B,CAAC,EAC/C,OAAO,EACP,eAAe,EACf,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAEhD,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAE,EAAE;QAC3C,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACrC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC;QACtE,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,CAAC,GAAG,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACpE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAChD,MAAM,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CACpD,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cACE,SAAS,EAAC,wKAAwK,EAClL,OAAO,EAAE,cAAc,YAEtB,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9D,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9B,eAEE,SAAS,EAAC,+DAA+D,YAExE,MAAM,IAHF,MAAM,CAIN,CACR,CAAC,CACH,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,uBAAuB,+BAAsB,CAC9D,GACG,EACL,MAAM,IAAI,CACT,eAAK,SAAS,EAAC,oFAAoF,aACjG,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,2CAA2C,EACrD,WAAW,EAAC,mBAAmB,EAC/B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,kBAAkB,GAC5B,EACF,cAAK,SAAS,EAAC,0BAA0B,YACtC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC/B,eAEE,SAAS,EAAC,0CAA0C,EACpD,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,CAAC,QAAQ;oCAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;4BAC3C,CAAC,aAED,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EACzC,QAAQ,QACR,SAAS,EAAC,MAAM,GAChB,EACF,eAAM,SAAS,EAAC,MAAM,YAAE,MAAM,GAAQ,KAZjC,MAAM,CAaP,CACP,CAAC,GACE,IACF,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/component/inputs/MultiSelect.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASxC,MAAM,WAAW,GAA+B,CAAC,EAC/C,OAAO,EACP,eAAe,EACf,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAEhD,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAE,EAAE;QAC3C,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACrC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC;QACtE,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,CAAC,GAAG,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACpE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAChD,MAAM,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CACpD,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cACE,SAAS,EAAC,wKAAwK,EAClL,OAAO,EAAE,cAAc,YAEtB,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9D,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9B,eAEE,SAAS,EAAC,+DAA+D,YAExE,MAAM,IAHF,MAAM,CAIN,CACR,CAAC,CACH,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,uBAAuB,wBAAe,CACvD,GACG,EACL,MAAM,IAAI,CACT,eAAK,SAAS,EAAC,oFAAoF,aACjG,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,2CAA2C,EACrD,WAAW,EAAC,mBAAmB,EAC/B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,kBAAkB,GAC5B,EACF,cAAK,SAAS,EAAC,0BAA0B,YACtC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC/B,eAEE,SAAS,EAAC,0CAA0C,EACpD,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,CAAC,QAAQ;oCAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;4BAC3C,CAAC,aAED,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EACzC,QAAQ,QACR,SAAS,EAAC,MAAM,GAChB,EACF,eAAM,SAAS,EAAC,MAAM,YAAE,MAAM,GAAQ,KAZjC,MAAM,CAaP,CACP,CAAC,GACE,IACF,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/index.css

@@ -554,6 +554,14 @@ video {
   --tw-contain-style:  ;
 }
 
+.pointer-events-none {
+  pointer-events: none;
+}
+
+.visible {
+  visibility: visible;
+}
+
 .absolute {
   position: absolute;
 }
@@ -562,10 +570,27 @@ video {
   position: relative;
 }
 
+.inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
+
+.-top-3 {
+  top: -0.75rem;
+}
+
 .left-0 {
   left: 0px;
 }
 
+.left-10 {
+  left: 2.5rem;
+}
+
+.left-3 {
+  left: 0.75rem;
+}
+
 .right-0 {
   right: 0px;
 }
@@ -588,6 +613,14 @@ video {
   margin-bottom: 0.25rem;
 }
 
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
+.mb-4 {
+  margin-bottom: 1rem;
+}
+
 .mb-8 {
   margin-bottom: 2rem;
 }
@@ -608,10 +641,18 @@ video {
   margin-right: 0.5rem;
 }
 
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
 .mt-2 {
   margin-top: 0.5rem;
 }
 
+.mt-4 {
+  margin-top: 1rem;
+}
+
 .block {
   display: block;
 }
@@ -633,10 +674,22 @@ video {
   height: 1.25rem;
 }
 
+.h-1\/2 {
+  height: 50%;
+}
+
+.h-5 {
+  height: 1.25rem;
+}
+
 .max-h-60 {
   max-height: 15rem;
 }
 
+.w-5 {
+  width: 1.25rem;
+}
+
 .w-64 {
   width: 16rem;
 }
@@ -673,16 +726,32 @@ video {
   gap: 0.5rem;
 }
 
-.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+.gap-3 {
+  gap: 0.75rem;
+}
+
+.space-y-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
-  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
+.overflow-hidden {
+  overflow: hidden;
 }
 
 .overflow-y-auto {
   overflow-y: auto;
 }
 
+.rounded {
+  border-radius: 0.25rem;
+}
+
 .rounded-2xl {
   border-radius: 1rem;
 }
@@ -715,6 +784,10 @@ video {
   border-bottom-width: 1px;
 }
 
+.border-t {
+  border-top-width: 1px;
+}
+
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
@@ -735,11 +808,26 @@ video {
   background-color: rgb(0 150 220 / var(--tw-bg-opacity));
 }
 
+.bg-blue-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
+}
+
+.bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
+
 .bg-red-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 242 242 / var(--tw-bg-opacity));
 }
 
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+}
+
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -749,10 +837,24 @@ video {
   --tw-bg-opacity: 0.85;
 }
 
+.bg-gradient-to-b {
+  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
+
+.from-white {
+  --tw-gradient-from: #fff var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
 .p-2 {
   padding: 0.5rem;
 }
 
+.p-4 {
+  padding: 1rem;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -763,6 +865,11 @@ video {
   padding-right: 0.75rem;
 }
 
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
 .px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
@@ -783,6 +890,14 @@ video {
   padding-bottom: 0.5rem;
 }
 
+.pl-10 {
+  padding-left: 2.5rem;
+}
+
+.pt-4 {
+  padding-top: 1rem;
+}
+
 .text-center {
   text-align: center;
 }
@@ -811,20 +926,49 @@ video {
   font-weight: 700;
 }
 
+.font-medium {
+  font-weight: 500;
+}
+
 .font-semibold {
   font-weight: 600;
 }
 
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
+.text-blue-600 {
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity));
+}
+
 .text-blue-800 {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
 }
 
+.text-gray-700 {
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity));
+}
+
+.text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity));
+}
+
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity));
+}
+
 .text-red-600 {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity));
@@ -835,19 +979,53 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.shadow-md {
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.last\:border-b-0:last-child {
+  border-bottom-width: 0px;
+}
+
+.hover\:bg-blue-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-opacity-100:hover {
   --tw-bg-opacity: 1;
 }
 
+.focus\:border-none:focus {
+  border-style: none;
+}
+
 .focus\:border-blue-500:focus {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity));
 }
 
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
 .focus\:ring-blue-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));

package/dist/util/type.d.ts

@@ -21,7 +21,8 @@ export declare enum AttributeTypeEnum {
     TITRE = "titre",
     TEXT_OUTPUT = "text_output",
     IMAGE_OUTPUT = "image_output",
-    VIDEO_OUTPUT = "video_output"
+    VIDEO_OUTPUT = "video_output",
+    LIST_CHECKBOX = "list_checkbox"
 }
 export declare enum ComponentType {
     GENERAL = "general",
@@ -47,6 +48,7 @@ export interface ISettingsAttribute {
     color?: string;
     required?: boolean;
     newValue?: boolean;
+    repeatable?: boolean;
 }
 export interface Attribute {
     name: string;

package/dist/util/type.js

@@ -23,6 +23,7 @@ export var AttributeTypeEnum;
     AttributeTypeEnum["TEXT_OUTPUT"] = "text_output";
     AttributeTypeEnum["IMAGE_OUTPUT"] = "image_output";
     AttributeTypeEnum["VIDEO_OUTPUT"] = "video_output";
+    AttributeTypeEnum["LIST_CHECKBOX"] = "list_checkbox";
 })(AttributeTypeEnum || (AttributeTypeEnum = {}));
 export var ComponentType;
 (function (ComponentType) {

package/dist/util/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/util/type.ts"],"names":[],"mappings":"AAIA,QAAQ;AACR,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,6BAAY,CAAA;IACZ,iCAAgB,CAAA;IAChB,iCAAgB,CAAA;IAChB,oCAAmB,CAAA;AACrB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAED,MAAM,CAAN,IAAY,iBAgBX;AAhBD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,kCAAa,CAAA;IACb,sCAAiB,CAAA;IACjB,wCAAmB,CAAA;IACnB,kCAAa,CAAA;IACb,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,kCAAa,CAAA;IACb,0CAAqB,CAAA;IACrB,wCAAmB,CAAA;IACnB,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,gDAA2B,CAAA;IAC3B,kDAA6B,CAAA;IAC7B,kDAA6B,CAAA;AAC/B,CAAC,EAhBW,iBAAiB,KAAjB,iBAAiB,QAgB5B;AAED,MAAM,CAAN,IAAY,aAWX;AAXD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,kCAAiB,CAAA;IACjB,4BAAW,CAAA;IACX,oCAAmB,CAAA;IACnB,oCAAmB,CAAA;IACnB,8CAA6B,CAAA;IAC7B,sCAAqB,CAAA;IACrB,kCAAiB,CAAA;IACjB,8CAA6B,CAAA;IAC7B,8BAAa,CAAA;AACf,CAAC,EAXW,aAAa,KAAb,aAAa,QAWxB"}
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/util/type.ts"],"names":[],"mappings":"AAIA,QAAQ;AACR,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,6BAAY,CAAA;IACZ,iCAAgB,CAAA;IAChB,iCAAgB,CAAA;IAChB,oCAAmB,CAAA;AACrB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAED,MAAM,CAAN,IAAY,iBAiBX;AAjBD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,kCAAa,CAAA;IACb,sCAAiB,CAAA;IACjB,wCAAmB,CAAA;IACnB,kCAAa,CAAA;IACb,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,kCAAa,CAAA;IACb,0CAAqB,CAAA;IACrB,wCAAmB,CAAA;IACnB,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,gDAA2B,CAAA;IAC3B,kDAA6B,CAAA;IAC7B,kDAA6B,CAAA;IAC7B,oDAA+B,CAAA;AACjC,CAAC,EAjBW,iBAAiB,KAAjB,iBAAiB,QAiB5B;AAED,MAAM,CAAN,IAAY,aAWX;AAXD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,kCAAiB,CAAA;IACjB,4BAAW,CAAA;IACX,oCAAmB,CAAA;IACnB,oCAAmB,CAAA;IACnB,8CAA6B,CAAA;IAC7B,sCAAqB,CAAA;IACrB,kCAAiB,CAAA;IACjB,8CAA6B,CAAA;IAC7B,8BAAa,CAAA;AACf,CAAC,EAXW,aAAa,KAAb,aAAa,QAWxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "module-package-comp",
-  "version": "1.4.9",
+  "version": "1.5.0",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",