@jars-labs/jars-components 1.0.57 → 1.0.58

package/dist/{index-BA-eBbTW.js → index-BNZjZyyj.js}

@@ -183,7 +183,7 @@ var Animation = function (_a) {
     var refVector = useRef(null);
     var _b = useState(null), lottie = _b[0], setLottie = _b[1];
     useEffect(function () {
-        import('./lottie-D45kmDuF.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
+        import('./lottie-DPfByjxI.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
     }, []);
     useEffect(function () {
         if (lottie && refVector.current) {
@@ -438,7 +438,7 @@ var Input = function (_a) {
     var showLabel = !hideLabel && (isFocused || value.trim());
     var placeHolderValue = placeholder || label;
     var ErrorSection = useMemo(function () {
-        return holdSpace && (jsxs(Flex, { className: classNames(styles$m.error, error ? styles$m.errorVisible : styles$m.errorHidden), gap: 4, ml: 0, children: [jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }), jsx(Text, { variant: "xs", className: classNames(styles$m.errorText), as: "span", children: capitalizeFirstSentenceLetter(error) })] }));
+        return holdSpace && (jsxs(Flex, { className: classNames(styles$m.error, error ? styles$m.errorVisible : styles$m.errorHidden), gap: 4, ml: 0, style: { alignItems: 'flex-start' }, children: [jsx(Flex, { style: { flexShrink: 0 }, children: jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }) }), jsx(Text, { variant: "xs", className: classNames(styles$m.errorText), as: "span", children: capitalizeFirstSentenceLetter(error) })] }));
     }, [error]);
     return (jsxs("div", { className: styles$m.container, children: [showLabel && (jsx("label", { className: classNames(styles$m.label, (_b = {},
                     _b[styles$m.labelError] = error && !isFocused,
@@ -484,11 +484,14 @@ var Autocomplete = function (_a) {
     var handleOptionSubmit = function (option) {
         onOptionSubmit === null || onOptionSubmit === undefined ? undefined : onOptionSubmit(option);
     };
+    var searchTrimmed = searchValue.trim();
     var boldedOptions = options.map(function (option) {
-        var index = option.label.toLowerCase().indexOf(searchValue.toLowerCase());
+        var index = option.label
+            .toLowerCase()
+            .indexOf(searchTrimmed.toLowerCase());
         if (index === -1)
-            return (jsx(Dropdown.Option, { value: option.label, children: option.label }, option.id));
-        return (jsxs(Dropdown.Option, { value: option.label, onClick: function () { return handleOptionSubmit(option); }, children: [option.label.slice(0, index), jsx("strong", { children: option.label.slice(index, index + searchValue.length) }), option.label.slice(index + searchValue.length)] }, option.id));
+            return (jsx(Dropdown.Option, { value: option.label, onClick: function () { return handleOptionSubmit(option); }, children: option.label }, option.id));
+        return (jsxs(Dropdown.Option, { value: option.label, onClick: function () { return handleOptionSubmit(option); }, children: [option.label.slice(0, index), jsx("strong", { children: option.label.slice(index, index + searchTrimmed.length) }), option.label.slice(index + searchTrimmed.length)] }, option.id));
     });
     var emptyOptions = (jsx(Dropdown.Option, { value: "No options found", style: { cursor: 'not-allowed', pointerEvents: 'none' }, children: "No matches found, try something else." }));
     var loadingOptions = (jsx(Dropdown.Option, { value: "Loading...", disabled: true, style: { display: 'flex', justifyContent: 'center' }, children: jsx(Loader, {}) }));
@@ -808,7 +811,10 @@ var DateInput = function (_a) {
     var showLabel = !hideLabel && (isFocused || value);
     var placeHolderValue = showLabel ? placeholder : label;
     var ErrorSection = useMemo(function () {
-        return holdSpace && (jsxs(Flex, { className: styles$m.error, gap: 4, ml: 0, style: { visibility: error ? 'visible' : 'hidden' }, children: [jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }), jsx(Text, { variant: "xs", className: classNames(styles$m.errorText), children: capitalizeFirstSentenceLetter(error || '') })] }));
+        return holdSpace && (jsxs(Flex, { className: styles$m.error, gap: 4, ml: 16, style: {
+                visibility: error ? 'visible' : 'hidden',
+                alignItems: 'flex-start',
+            }, children: [jsx(Flex, { style: { flexShrink: 0 }, children: jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }) }), jsx(Text, { variant: "xs", className: classNames(styles$m.errorText), children: capitalizeFirstSentenceLetter(error || '') })] }));
     }, [error, holdSpace]);
     var handleBlur = function (e) {
         setIsFocused(false);
@@ -1041,6 +1047,8 @@ EyeShow.displayName = 'EyeShow';
  * @param {function} onChange - The function to call when the input password value changes.
  * @param {function} onBlur - The function to call when the input password loses focus.
  * @param {string} error - The error message to display.
+ * @param {boolean} disabled - Whether to disable the input password field.
+ * @param {boolean} defaultVisible - Whether to show the password by default.
  *
  * @return Attaches PasswordInput to target element and displays options
  *
@@ -1057,12 +1065,15 @@ EyeShow.displayName = 'EyeShow';
  *
  */
 var PasswordInput = function (_a) {
-    var name = _a.name, label = _a.label, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, error = _a.error;
-    var _b = useState(false), showPassword = _b[0], setShowPassword = _b[1];
+    var name = _a.name, label = _a.label, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, error = _a.error, _b = _a.disabled, disabled = _b === undefined ? false : _b, _c = _a.defaultVisible, defaultVisible = _c === undefined ? false : _c;
+    var _d = useState(defaultVisible), showPassword = _d[0], setShowPassword = _d[1];
     var togglePasswordVisibility = function () {
         setShowPassword(function (prevShowPassword) { return !prevShowPassword; });
     };
-    return (jsx(Input, { "data-testid": name, name: name, label: label, placeholder: placeholder, type: showPassword ? 'text' : 'password', value: value, onChange: onChange, onBlur: onBlur, error: error, rightSection: jsx(Flex, { onClick: togglePasswordVisibility, align: 'center', style: { cursor: 'pointer' }, children: showPassword ? (jsx(EyeShow, { width: "32px", height: "32px", stroke: "var(--color-neutral-600)" })) : (jsx(EyeHide, { width: "32px", height: "32px", stroke: "var(--color-neutral-600)" })) }) }));
+    return (jsx(Input, { "data-testid": name, name: name, label: label, disabled: disabled, placeholder: placeholder, type: showPassword ? 'text' : 'password', value: value, onChange: onChange, onBlur: onBlur, error: error, rightSection: jsx(Flex, { onClick: !disabled ? togglePasswordVisibility : undefined, align: 'center', style: {
+                cursor: !disabled ? 'pointer' : 'default',
+                opacity: disabled ? 0.5 : 1,
+            }, children: showPassword ? (jsx(EyeShow, { width: "32px", height: "32px", stroke: "var(--color-neutral-600)" })) : (jsx(EyeHide, { width: "32px", height: "32px", stroke: "var(--color-neutral-600)" })) }) }));
 };
 PasswordInput.displayName = 'PasswordInput';
 
@@ -1328,10 +1339,11 @@ var styles$6 = {"container":"Select-module_container__T9nVd","input":"Select-mod
  */
 var Select = function (_a) {
     var _b, _c;
-    var error = _a.error, description = _a.description, label = _a.label, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, name = _a.name, data = _a.data, _d = _a.disabled, disabled = _d === undefined ? false : _d, _e = _a.searchable, searchable = _e === undefined ? true : _e;
+    var error = _a.error, description = _a.description, label = _a.label, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, name = _a.name, data = _a.data, _d = _a.disabled, disabled = _d === undefined ? false : _d, _e = _a.searchable, searchable = _e === undefined ? true : _e, renderOption = _a.renderOption;
     var _f = useState(false), isFocused = _f[0], setIsFocused = _f[1];
     var _g = useState(false), isHovered = _g[0], setIsHovered = _g[1];
     var _h = useState(false), isOpen = _h[0], setIsOpen = _h[1];
+    var allowedValues = useMemo(function () { return data.map(function (option) { return option.value; }); }, [data]);
     var showLabel = isFocused || value;
     var placeHolderValue = showLabel ? placeholder : label;
     var ErrorSection = useMemo(function () { return (jsxs(Flex, { className: styles$6.error, gap: 4, ml: 0, style: { visibility: error ? 'visible' : 'hidden' }, children: [jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }), jsx(Text, { variant: "xs", className: classNames(styles$6.errorText), children: error })] })); }, [error]);
@@ -1340,8 +1352,8 @@ var Select = function (_a) {
         if (onBlur) {
             onBlur();
         }
-        if (!value && onChange) {
-            onChange(null);
+        if (value && !allowedValues.includes(value)) {
+            onChange === null || onChange === undefined ? undefined : onChange(null);
         }
     };
     return (jsxs("div", { className: styles$6.container, children: [showLabel && (jsx("label", { className: classNames(styles$6.label, (_b = {},
@@ -1356,7 +1368,7 @@ var Select = function (_a) {
                         option: styles$6.option,
                     }, data: data, placeholder: placeHolderValue, value: value, name: name || '', onChange: onChange, comboboxProps: { zIndex: 1000 }, error: ErrorSection, onFocus: function () { return setIsFocused(true); }, onBlur: handleBlur, inputWrapperOrder: ['label', 'input', 'description', 'error'], description: !error && description && jsx(Text, { variant: "xs", children: description }), descriptionProps: { className: styles$6.description }, errorProps: { className: styles$6.error }, rightSection: jsx(Chevron, { rotate: isOpen ? 90 : 270 }), rightSectionProps: {
                         className: styles$6.chevron,
-                    }, withCheckIcon: false, onDropdownOpen: function () { return setIsOpen(true); }, onDropdownClose: function () { return setIsOpen(false); }, disabled: disabled, searchable: searchable }) })] }));
+                    }, withCheckIcon: false, onDropdownOpen: function () { return setIsOpen(true); }, onDropdownClose: function () { return setIsOpen(false); }, disabled: disabled, searchable: searchable, allowDeselect: false, autoComplete: "new-password", renderOption: renderOption }) })] }));
 };
 Select.displayName = 'Select';
 
@@ -1985,4 +1997,4 @@ var Refresh = function (props) {
 Refresh.displayName = 'Refresh';
 
 export { ChevronCollapse as $, Accordion as A, Badge as B, Card as C, DateInput as D, EnterCodeInput as E, FileInput as F, ToastContainer as G, Tooltip as H, IncrementNumber as I, Multiselect as J, NavBarSide as K, Link as L, Message as M, NavBar as N, Alert as O, PasswordInput as P, Arrow as Q, RadioButton as R, SegmentedControl as S, Table as T, Attachment as U, AvatarPlaceholder as V, Bell as W, Calendar as X, Cat as Y, Chat as Z, Chevron as _, AccordionItem as a, Clock as a0, Close as a1, Cloud as a2, Delete as a3, Document as a4, Dog as a5, EyeHide as a6, EyeShow as a7, Fingerprint as a8, Google as a9, Visa as aA, Warning as aB, World as aC, AISearch as aD, AIGenerate as aE, AIPrompt as aF, AIRedo as aG, Refresh as aH, capitalizeFirstSentenceLetter as aI, Grid as aa, Hamburger as ab, HappyFace as ac, House as ad, HouseTime as ae, Identification as af, Info as ag, Location as ah, Mail as ai, Menu as aj, MenuTouched as ak, Notification as al, Open as am, Pets as an, Phone as ao, Plaid as ap, Plus as aq, Remove as ar, Search as as, Shield as at, StepIndicator as au, ThreeDots as av, ThumbsDown as aw, Tick as ax, Umbrello as ay, Upload as az, AccordionControl as b, AccordionPanel as c, ActionIcon as d, Animation as e, Autocomplete as f, getDefaultExportFromCjs as g, badgeVariantMap as h, Button as i, cardStatusVariantMap as j, CardStatus as k, Checkbox as l, Chip as m, Dropdown as n, FileUpload as o, Input as p, LinkModal as q, Loader as r, Modal as s, Pagination as t, Select as u, StatusBadge as v, Stepper as w, Tabs as x, Text as y, Textarea as z };
-//# sourceMappingURL=index-BA-eBbTW.js.map
+//# sourceMappingURL=index-BNZjZyyj.js.map