@emeraldemperaur/vector-sigma 1.4.12 → 1.4.13

package/lib/index.cjs

@@ -21582,7 +21582,6 @@ const FileMultiple = (_a) => {
                             React.createElement(Icon, { name: 'close' })))));
             }))),
             React.createElement("div", null,
-                React.createElement("br", null),
                 React.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, inputLabel),
                 "\u00A0",
                 isHinted ?
@@ -28946,7 +28945,6 @@ const PasswordInput = (_a) => {
                 React.createElement(e, { content: showPassword ? "Hide password" : "Show password" },
                     React.createElement(o$5, { size: "1", variant: "ghost", color: "gray", onClick: toggleVisibility, type: "button", "aria-label": showPassword ? "Hide password" : "Show password" }, showPassword ? (React.createElement(Icon, { name: "eyeopen", height: "16", width: "16" })) : (React.createElement(Icon, { name: "eyeclosed", height: "16", width: "16" })))))),
         React.createElement("div", null,
-            React.createElement("br", null),
             React.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, inputLabel),
             "\u00A0",
             isHinted && (React.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
@@ -36549,69 +36547,68 @@ const PhoneInput = (_a) => {
                 hasError && (React.createElement(p$d, { id: errorId, size: "1", color: "red", className: 'core-input-label-error' }, errorText || meta.error || `Required field`))))));
 };
 
-const parseUuidFormat = (input) => {
-    if (!input.toLowerCase().startsWith('uuid')) {
-        return [4, 4, 4, 4];
+const safeParseUuidFormat = (typeString) => {
+    try {
+        if (!typeString.startsWith('uuid'))
+            return null;
+        // "uuid-8-4-4-4-12" -> [8,4,4,4,12]
+        const parts = typeString.split('-').slice(1).map(Number);
+        return parts.length > 0 && !parts.some(isNaN) ? parts : null;
     }
-    const parts = input.slice(5).split('-');
-    const numbers = parts.map((part) => parseInt(part, 10));
-    if (numbers.some((n) => isNaN(n))) {
-        return [4, 4, 4, 4];
+    catch (_a) {
+        return null;
     }
-    return numbers;
 };
-
 const UUIDInput = (_a) => {
-    var { alias, type, inputLabel, width, delimiter = "-", format = [8, 4, 4, 4, 12], placeholder = '', newRow, isHinted, hintText, hintUrl, errorText, readOnly = false, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "newRow", "isHinted", "hintText", "hintUrl", "errorText", "readOnly", "inputVariant", "size", "className"]);
+    var { alias, type = "uuid", inputLabel, width, delimiter = "-", format = [8, 4, 4, 4, 12], placeholder = 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', newRow, isHinted, hintText, hintUrl, errorText, readOnly = false, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "newRow", "isHinted", "hintText", "hintUrl", "errorText", "readOnly", "inputVariant", "size", "className"]);
     const { setFieldValue, setFieldTouched } = formik.useFormikContext();
     const [field, meta] = formik.useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
     const [copied, setCopied] = React.useState(false);
     const errorId = `${alias}-error`;
     const activeFormat = React.useMemo(() => {
-        if (type && type.toLowerCase().startsWith("uuid") && type.length > 4) {
-            const parsed = parseUuidFormat(type);
-            if (parsed)
-                return parsed;
-        }
-        return format;
-    }, [format, type]);
-    const maxRawLength = activeFormat.reduce((a, b) => a + b, 0);
-    const formatUUID = (rawValue) => {
-        const clean = rawValue.replace(/[^0-9a-fA-F]/g, '').toUpperCase().slice(0, maxRawLength);
-        let formatted = '';
-        let currentIdx = 0;
+        const parsed = safeParseUuidFormat(type);
+        return parsed || format;
+    }, [type, format]);
+    const maxHexChars = activeFormat.reduce((a, b) => a + b, 0);
+    const maxTotalLength = maxHexChars + (activeFormat.length - 1);
+    const formatValue = (rawValue) => {
+        if (!rawValue)
+            return "";
+        const clean = rawValue.replace(/[^0-9a-fA-F]/g, "").toUpperCase().slice(0, maxHexChars);
+        const parts = [];
+        let currentIndex = 0;
         for (let i = 0; i < activeFormat.length; i++) {
-            const chunkLen = activeFormat[i];
-            if (currentIdx + chunkLen <= clean.length) {
-                formatted += clean.substring(currentIdx, chunkLen);
-                if (i < activeFormat.length - 1) {
-                    formatted += delimiter;
-                }
+            const chunkLength = activeFormat[i];
+            const remaining = clean.length - currentIndex;
+            if (remaining > 0) {
+                const chunk = clean.substr(currentIndex, chunkLength);
+                parts.push(chunk);
+                currentIndex += chunkLength;
             }
             else {
-                formatted += clean.substring(currentIdx);
                 break;
             }
-            currentIdx += chunkLen;
         }
-        return formatted;
+        return parts.join(delimiter);
     };
     const handleChange = (e) => {
-        const newVal = e.target.value;
-        const formatted = formatUUID(newVal);
+        const val = e.target.value;
+        const formatted = formatValue(val);
         setFieldValue(alias, formatted);
     };
     const handleCopy = () => {
-        navigator.clipboard.writeText(field.value || '');
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2000);
+        if (field.value) {
+            navigator.clipboard.writeText(field.value);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
     };
     const variantClass = inputVariant !== 'input-outline' ? `input-${inputVariant}` : '';
     return (React.createElement(Column, { span: width, newLine: newRow },
         React.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
             React.createElement(u, Object.assign({ size: size, variant: "surface", color: hasError ? 'red' : undefined, className: `${variantClass} ${className || ''}` }, props),
-                React.createElement("input", { id: `${alias}FormInput`, name: alias, "aria-describedby": `${alias}InputLabel`, readOnly: readOnly, value: field.value || '', onChange: handleChange, onBlur: () => setFieldTouched(alias, true), placeholder: placeholder || 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', maxLength: maxRawLength + (activeFormat.length - 1), type: "text", style: {
+                React.createElement("input", { id: `${alias}FormInput`, name: alias, "aria-describedby": `${alias}InputLabel`, readOnly: readOnly, value: field.value || '', onChange: handleChange, onBlur: () => setFieldTouched(alias, true), maxLength: maxTotalLength, placeholder: placeholder, type: "text", style: {
                         flex: 1,
                         border: 'none',
                         outline: 'none',
@@ -36628,12 +36625,12 @@ const UUIDInput = (_a) => {
                     React.createElement(e, { content: copied ? "Copied!" : "Copy to clipboard" },
                         React.createElement(o$5, { size: "1", variant: "ghost", color: copied ? "green" : "gray", onClick: handleCopy, type: "button", disabled: !field.value }, copied ? React.createElement(CheckIcon, null) : React.createElement(CopyIcon, null))))),
             React.createElement("div", null,
-                React.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, inputLabel),
+                inputLabel && (React.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, inputLabel)),
                 "\u00A0",
-                isHinted && (React.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
+                isHinted && (React.createElement(e, { content: hintText || "No hint available" },
                     React.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer" },
-                        React.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
-                hasError && (React.createElement("p", { id: errorId, className: 'core-input-label-error' }, errorText || meta.error || `Required field`))))));
+                        React.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray', marginLeft: 4 } })))),
+                hasError && (React.createElement(p$d, { id: errorId, size: "1", color: "red", style: { display: 'block', marginTop: 2 } }, errorText || meta.error || `Required field`))))));
 };
 
 var FaCcVisa = {};
@@ -47256,6 +47253,18 @@ const xFormSchema = object({
     model: array(SectionSchema),
 });
 
+const parseUuidFormat = (input) => {
+    if (!input.toLowerCase().startsWith('uuid')) {
+        return [4, 4, 4, 4];
+    }
+    const parts = input.slice(5).split('-');
+    const numbers = parts.map((part) => parseInt(part, 10));
+    if (numbers.some((n) => isNaN(n))) {
+        return [4, 4, 4, 4];
+    }
+    return numbers;
+};
+
 exports.AvatarInput = AvatarInput;
 exports.ButtonInput = ButtonInput;
 exports.CURRENCIES = CURRENCIES;

package/lib/index.esm.js

@@ -21562,7 +21562,6 @@ const FileMultiple = (_a) => {
                             React__default.createElement(Icon, { name: 'close' })))));
             }))),
             React__default.createElement("div", null,
-                React__default.createElement("br", null),
                 React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, inputLabel),
                 "\u00A0",
                 isHinted ?
@@ -28926,7 +28925,6 @@ const PasswordInput = (_a) => {
                 React__default.createElement(e, { content: showPassword ? "Hide password" : "Show password" },
                     React__default.createElement(o$5, { size: "1", variant: "ghost", color: "gray", onClick: toggleVisibility, type: "button", "aria-label": showPassword ? "Hide password" : "Show password" }, showPassword ? (React__default.createElement(Icon, { name: "eyeopen", height: "16", width: "16" })) : (React__default.createElement(Icon, { name: "eyeclosed", height: "16", width: "16" })))))),
         React__default.createElement("div", null,
-            React__default.createElement("br", null),
             React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, inputLabel),
             "\u00A0",
             isHinted && (React__default.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
@@ -36529,69 +36527,68 @@ const PhoneInput = (_a) => {
                 hasError && (React__default.createElement(p$d, { id: errorId, size: "1", color: "red", className: 'core-input-label-error' }, errorText || meta.error || `Required field`))))));
 };
 
-const parseUuidFormat = (input) => {
-    if (!input.toLowerCase().startsWith('uuid')) {
-        return [4, 4, 4, 4];
+const safeParseUuidFormat = (typeString) => {
+    try {
+        if (!typeString.startsWith('uuid'))
+            return null;
+        // "uuid-8-4-4-4-12" -> [8,4,4,4,12]
+        const parts = typeString.split('-').slice(1).map(Number);
+        return parts.length > 0 && !parts.some(isNaN) ? parts : null;
     }
-    const parts = input.slice(5).split('-');
-    const numbers = parts.map((part) => parseInt(part, 10));
-    if (numbers.some((n) => isNaN(n))) {
-        return [4, 4, 4, 4];
+    catch (_a) {
+        return null;
     }
-    return numbers;
 };
-
 const UUIDInput = (_a) => {
-    var { alias, type, inputLabel, width, delimiter = "-", format = [8, 4, 4, 4, 12], placeholder = '', newRow, isHinted, hintText, hintUrl, errorText, readOnly = false, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "newRow", "isHinted", "hintText", "hintUrl", "errorText", "readOnly", "inputVariant", "size", "className"]);
+    var { alias, type = "uuid", inputLabel, width, delimiter = "-", format = [8, 4, 4, 4, 12], placeholder = 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', newRow, isHinted, hintText, hintUrl, errorText, readOnly = false, inputVariant = 'input-outline', size = "2", className } = _a, props = __rest$1(_a, ["alias", "type", "inputLabel", "width", "delimiter", "format", "placeholder", "newRow", "isHinted", "hintText", "hintUrl", "errorText", "readOnly", "inputVariant", "size", "className"]);
     const { setFieldValue, setFieldTouched } = useFormikContext();
     const [field, meta] = useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
     const [copied, setCopied] = useState(false);
     const errorId = `${alias}-error`;
     const activeFormat = useMemo(() => {
-        if (type && type.toLowerCase().startsWith("uuid") && type.length > 4) {
-            const parsed = parseUuidFormat(type);
-            if (parsed)
-                return parsed;
-        }
-        return format;
-    }, [format, type]);
-    const maxRawLength = activeFormat.reduce((a, b) => a + b, 0);
-    const formatUUID = (rawValue) => {
-        const clean = rawValue.replace(/[^0-9a-fA-F]/g, '').toUpperCase().slice(0, maxRawLength);
-        let formatted = '';
-        let currentIdx = 0;
+        const parsed = safeParseUuidFormat(type);
+        return parsed || format;
+    }, [type, format]);
+    const maxHexChars = activeFormat.reduce((a, b) => a + b, 0);
+    const maxTotalLength = maxHexChars + (activeFormat.length - 1);
+    const formatValue = (rawValue) => {
+        if (!rawValue)
+            return "";
+        const clean = rawValue.replace(/[^0-9a-fA-F]/g, "").toUpperCase().slice(0, maxHexChars);
+        const parts = [];
+        let currentIndex = 0;
         for (let i = 0; i < activeFormat.length; i++) {
-            const chunkLen = activeFormat[i];
-            if (currentIdx + chunkLen <= clean.length) {
-                formatted += clean.substring(currentIdx, chunkLen);
-                if (i < activeFormat.length - 1) {
-                    formatted += delimiter;
-                }
+            const chunkLength = activeFormat[i];
+            const remaining = clean.length - currentIndex;
+            if (remaining > 0) {
+                const chunk = clean.substr(currentIndex, chunkLength);
+                parts.push(chunk);
+                currentIndex += chunkLength;
             }
             else {
-                formatted += clean.substring(currentIdx);
                 break;
             }
-            currentIdx += chunkLen;
         }
-        return formatted;
+        return parts.join(delimiter);
     };
     const handleChange = (e) => {
-        const newVal = e.target.value;
-        const formatted = formatUUID(newVal);
+        const val = e.target.value;
+        const formatted = formatValue(val);
         setFieldValue(alias, formatted);
     };
     const handleCopy = () => {
-        navigator.clipboard.writeText(field.value || '');
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2000);
+        if (field.value) {
+            navigator.clipboard.writeText(field.value);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
     };
     const variantClass = inputVariant !== 'input-outline' ? `input-${inputVariant}` : '';
     return (React__default.createElement(Column, { span: width, newLine: newRow },
         React__default.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
             React__default.createElement(u, Object.assign({ size: size, variant: "surface", color: hasError ? 'red' : undefined, className: `${variantClass} ${className || ''}` }, props),
-                React__default.createElement("input", { id: `${alias}FormInput`, name: alias, "aria-describedby": `${alias}InputLabel`, readOnly: readOnly, value: field.value || '', onChange: handleChange, onBlur: () => setFieldTouched(alias, true), placeholder: placeholder || 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', maxLength: maxRawLength + (activeFormat.length - 1), type: "text", style: {
+                React__default.createElement("input", { id: `${alias}FormInput`, name: alias, "aria-describedby": `${alias}InputLabel`, readOnly: readOnly, value: field.value || '', onChange: handleChange, onBlur: () => setFieldTouched(alias, true), maxLength: maxTotalLength, placeholder: placeholder, type: "text", style: {
                         flex: 1,
                         border: 'none',
                         outline: 'none',
@@ -36608,12 +36605,12 @@ const UUIDInput = (_a) => {
                     React__default.createElement(e, { content: copied ? "Copied!" : "Copy to clipboard" },
                         React__default.createElement(o$5, { size: "1", variant: "ghost", color: copied ? "green" : "gray", onClick: handleCopy, type: "button", disabled: !field.value }, copied ? React__default.createElement(CheckIcon, null) : React__default.createElement(CopyIcon, null))))),
             React__default.createElement("div", null,
-                React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, inputLabel),
+                inputLabel && (React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, inputLabel)),
                 "\u00A0",
-                isHinted && (React__default.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
+                isHinted && (React__default.createElement(e, { content: hintText || "No hint available" },
                     React__default.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer" },
-                        React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
-                hasError && (React__default.createElement("p", { id: errorId, className: 'core-input-label-error' }, errorText || meta.error || `Required field`))))));
+                        React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray', marginLeft: 4 } })))),
+                hasError && (React__default.createElement(p$d, { id: errorId, size: "1", color: "red", style: { display: 'block', marginTop: 2 } }, errorText || meta.error || `Required field`))))));
 };
 
 var FaCcVisa = {};
@@ -47236,4 +47233,16 @@ const xFormSchema = object({
     model: array(SectionSchema),
 });
 
+const parseUuidFormat = (input) => {
+    if (!input.toLowerCase().startsWith('uuid')) {
+        return [4, 4, 4, 4];
+    }
+    const parts = input.slice(5).split('-');
+    const numbers = parts.map((part) => parseInt(part, 10));
+    if (numbers.some((n) => isNaN(n))) {
+        return [4, 4, 4, 4];
+    }
+    return numbers;
+};
+
 export { AvatarInput, ButtonInput, CURRENCIES, CheckboxGroupInput, Column, ConditionalTrigger, Container, CreditCardInput, CurrencyInput, DatePicker, DateRangePicker, DateTimePicker, Dropdown, File$1 as File, FileMultiple, FlagIcon, Icon, ImageOutput, Input$2 as Input, MultipleSelect, OptionSelect, PasswordInput, PhoneInput, RadioGroupInput, RangeSlider, Row, SectionTitle, SliderInput, StockInput, R as Theme, N as ThemePanel, Toggle, UUIDInput, parseUuidFormat, primeMatrix, vectorSigma, xFormSchema };

package/lib/types/components/input/uuidInput.d.ts

@@ -5,7 +5,7 @@ import '../../styles/main.scss';
 type startsWithUuid = `uuid${string}`;
 type UUIDInputProps = Omit<React.ComponentProps<typeof TextField.Root>, 'type' | 'onChange' | 'value' | 'defaultValue'> & {
     alias: string;
-    type: startsWithUuid;
+    type?: startsWithUuid | string;
     inputLabel?: string;
     width: number;
     newRow?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emeraldemperaur/vector-sigma",
-  "version": "1.4.12",
+  "version": "1.4.13",
   "description": "Dynamic Form Orchestrator: NPM Package",
   "repository": {
     "type": "git",