magneto365.ui 2.83.2 → 2.83.3-faqs.2

package/dist/esm/components/UI/atoms/Field/children/FieldInput/FieldInput.component.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from '../../../../../../node_modules/tslib/tslib.es6.js';
 import React, { forwardRef, useRef, useCallback } from 'react';
 import { FieldInputTypeEnum } from './FieldInput.interface.js';
+import { useFieldListContext } from '../FieldList/FieldList.context.js';
 import { useFieldFocus, useFieldError } from '../../Field.hooks.js';
 import { useFieldContext } from '../../Field.context.js';
 import { combineRefs } from '../../Field.constant.js';
@@ -9,11 +10,12 @@ import styles from './FieldInput.module.scss.js';
 
 var cx = classNames.bind(styles);
 var BaseComponent = function (_a, ref) {
-    var _b = _a.align, align = _b === void 0 ? 'left' : _b, className = _a.className, disabled = _a.disabled, error = _a.error, isMobile = _a.isMobile, controlledOnFocus = _a.onFocus, placeholder = _a.placeholder, prefix = _a.prefix, preserveFocus = _a.preserveFocus, readOnly = _a.readOnly, size = _a.size, suffix = _a.suffix, type = _a.type, value = _a.value, wrapper = _a.wrapper, props = __rest(_a, ["align", "className", "disabled", "error", "isMobile", "onFocus", "placeholder", "prefix", "preserveFocus", "readOnly", "size", "suffix", "type", "value", "wrapper"]);
+    var _b = _a.align, align = _b === void 0 ? 'left' : _b, className = _a.className, disabled = _a.disabled, error = _a.error, inputClassName = _a.inputClassName, controlledOnFocus = _a.onFocus, placeholder = _a.placeholder, prefix = _a.prefix, prefixClassName = _a.prefixClassName, preserveFocus = _a.preserveFocus, readOnly = _a.readOnly, size = _a.size, suffix = _a.suffix, suffixClassName = _a.suffixClassName, type = _a.type, value = _a.value, wrapper = _a.wrapper, props = __rest(_a, ["align", "className", "disabled", "error", "inputClassName", "onFocus", "placeholder", "prefix", "prefixClassName", "preserveFocus", "readOnly", "size", "suffix", "suffixClassName", "type", "value", "wrapper"]);
     var prefixRef = useRef(null);
     var suffixRef = useRef(null);
     var inputRef = useRef(null);
-    var _c = useFieldContext(), hasList = _c.hasList, setIsFocused = _c.setIsFocused, isFocused = _c.isFocused, id = _c.id;
+    var _c = useFieldContext(), hasList = _c.hasList, setIsFocused = _c.setIsFocused, isFocused = _c.isFocused, isMobile = _c.isMobile;
+    var listContext = useFieldListContext();
     var handleOnFocus = useFieldFocus({
         disabled: disabled,
         readOnly: readOnly,
@@ -30,27 +32,41 @@ var BaseComponent = function (_a, ref) {
     }, [controlledOnFocus, hasList, handleOnFocus, isMobile, preserveFocus]);
     var handleOnWrapperMouseDown = useCallback(function (evt) {
         var _a, _b, _c;
+        if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.contains(evt.target)) {
+            return;
+        }
         if (disabled ||
             readOnly ||
-            ((_a = prefixRef.current) === null || _a === void 0 ? void 0 : _a.contains(evt.target)) ||
-            ((_b = suffixRef.current) === null || _b === void 0 ? void 0 : _b.contains(evt.target)))
+            ((_b = prefixRef.current) === null || _b === void 0 ? void 0 : _b.contains(evt.target)) ||
+            ((_c = suffixRef.current) === null || _c === void 0 ? void 0 : _c.contains(evt.target)))
             return;
         if (hasList) {
             setIsFocused(true);
         }
         evt.preventDefault();
-        (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+        var input = inputRef.current;
+        input === null || input === void 0 ? void 0 : input.focus();
+        if (input && typeof input.value === 'string') {
+            var len = input.value.length;
+            input.setSelectionRange(len, len);
+        }
     }, [disabled, hasList, readOnly, setIsFocused]);
     if (type && !Object.values(FieldInputTypeEnum).includes(type))
         return null;
-    return (React.createElement("span", __assign({}, wrapper, { onMouseDown: handleOnWrapperMouseDown, "data-error": error, "data-lib": "magneto-ui", "data-slot": "field-input", className: cx('magneto-ui-field-input-wrapper', disabled ? 'magneto-ui-field-input-wrapper--disabled' : '', readOnly ? 'magneto-ui-field-input-wrapper--readonly' : '', isMobile ? 'magneto-ui-field-input-wrapper--mobile' : '', error ? 'magneto-ui-field-input-wrapper--error' : '', size ? "magneto-ui-field-input-wrapper--".concat(size) : '', type ? "magneto-ui-field-input-wrapper--".concat(type) : '', wrapper === null || wrapper === void 0 ? void 0 : wrapper.className) }),
-        prefix && (React.createElement("span", { ref: prefixRef }, typeof prefix === 'function' ? prefix({ opened: hasList === true && isFocused }) : prefix)),
-        React.createElement("input", __assign({}, props, { "aria-describedby": "".concat(id, "-hint"), className: cx('magneto-ui-field-input', isMobile ? 'magneto-ui-field-input-wrapper--mobile' : '', align ? "magneto-ui-field-input--".concat(align) : '', type === FieldInputTypeEnum.BUTTON
+    return (React.createElement("span", __assign({}, wrapper, { onMouseDown: handleOnWrapperMouseDown, "data-lib": "magneto-ui", "data-slot": "field-input", "data-disabled": !!disabled, "data-readonly": !!readOnly, "data-error": !!error, "data-size": size, "data-type": type, className: cx('magneto-ui-field-input-wrapper', disabled ? 'magneto-ui-field-input-wrapper--disabled' : '', readOnly ? 'magneto-ui-field-input-wrapper--readonly' : '', error ? 'magneto-ui-field-input-wrapper--error' : '', size ? "magneto-ui-field-input-wrapper--".concat(size) : '', type ? "magneto-ui-field-input-wrapper--".concat(type) : '', isMobile && !(listContext === null || listContext === void 0 ? void 0 : listContext.isInsideList) ? 'magneto-ui-field-input-wrapper--mobile' : '', !(listContext === null || listContext === void 0 ? void 0 : listContext.isInsideList) && hasList && isFocused && !isMobile
+            ? 'magneto-ui-field-input-wrapper--list-opened'
+            : '', className) }),
+        prefix && (React.createElement("span", { ref: prefixRef, className: cx('magneto-ui-field-input-prefix', prefixClassName) }, typeof prefix === 'function'
+            ? prefix({ inputRef: inputRef, prefixRef: prefixRef, opened: hasList === true && isFocused })
+            : prefix)),
+        React.createElement("input", __assign({}, props, { className: cx('magneto-ui-field-input', isMobile && !(listContext === null || listContext === void 0 ? void 0 : listContext.isInsideList) ? 'magneto-ui-field-input-wrapper--mobile' : '', align ? "magneto-ui-field-input--".concat(align) : '', type === FieldInputTypeEnum.BUTTON
                 ? !value
                     ? 'magneto-ui-field-input--button-placeholder'
                     : 'magneto-ui-field-input--button-value'
-                : '', className), disabled: disabled, onFocus: handleLocalOnFocus, placeholder: placeholder, readOnly: readOnly, ref: function (node) { return combineRefs(node, inputRef, ref); }, type: type, value: type === FieldInputTypeEnum.BUTTON ? (!value ? placeholder : value) : value })),
-        suffix && (React.createElement("span", { ref: suffixRef }, typeof suffix === 'function' ? suffix({ opened: hasList === true && isFocused }) : suffix))));
+                : '', inputClassName), disabled: disabled, onFocus: handleLocalOnFocus, placeholder: placeholder, readOnly: readOnly, ref: function (node) { return combineRefs(node, inputRef, ref); }, type: type, value: type === FieldInputTypeEnum.BUTTON ? (!value ? placeholder : value) : value })),
+        suffix && (React.createElement("span", { ref: suffixRef, className: cx('magneto-ui-field-input-suffix', suffixClassName) }, typeof suffix === 'function'
+            ? suffix({ inputRef: inputRef, suffixRef: suffixRef, opened: hasList === true && isFocused })
+            : suffix))));
 };
 var Component = forwardRef(BaseComponent);
 /**

package/dist/esm/components/UI/atoms/Field/children/FieldInput/FieldInput.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldInput.component.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldInput/FieldInput.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAQA,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAElC,IAAM,aAAa,GAAG,UACpB,EAiBc,EACd,GAAyC;IAjBvC,IAAA,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACC,iBAAiB,aAAA,EAC1B,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACJ,KAAK,cAhBV,sKAiBC,CADS;IAIV,IAAM,SAAS,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAA;IACtD,IAAM,SAAS,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAA;IACtD,IAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAChD,IAAA,KAA2C,eAAe,EAAE,EAA1D,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,EAAE,QAAsB,CAAA;IAC1D,IAAA,aAAa,GAAK,aAAa,CAAmB;QACxD,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,iBAAiB;KAC3B,CAAC,cALmB,CAKnB;IAEF,aAAa,CAAC,KAAK,CAAC,CAAA;IAEpB,IAAM,kBAAkB,GAAG,WAAW,CACpC,UAAC,GAAuC;QACtC,IAAI,QAAQ,IAAI,CAAC,aAAa,IAAI,OAAO;YAAE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;QAC5D,IAAI,OAAO;YAAE,aAAa,CAAC,GAAG,CAAC,CAAA;QAC/B,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,GAAG,CAAC,CAAA;KACzB,EACD,CAAC,iBAAiB,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,CAAC,CACrE,CAAA;IAED,IAAM,wBAAwB,GAAG,WAAW,CAC1C,UAAC,GAAqB;;QACpB,IACE,QAAQ;YACR,QAAQ;aACR,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,GAAG,CAAC,MAAc,CAAC,CAAA;aAC/C,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,GAAG,CAAC,MAAc,CAAC,CAAA;YAE/C,OAAM;QAER,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;QAED,GAAG,CAAC,cAAc,EAAE,CAAA;QACpB,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;KAC1B,EACD,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,CAAC,CAC5C,CAAA;IAED,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAA0B,CAAC;QAAE,OAAO,IAAI,CAAA;IAEhG,QACE,yCACM,OAAO,IACX,WAAW,EAAE,wBAAwB,gBACzB,KAAK,cACR,YAAY,eACX,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,QAAQ,GAAG,0CAA0C,GAAG,EAAE,EAC1D,QAAQ,GAAG,0CAA0C,GAAG,EAAE,EAC1D,QAAQ,GAAG,wCAAwC,GAAG,EAAE,EACxD,KAAK,GAAG,uCAAuC,GAAG,EAAE,EACpD,IAAI,GAAG,0CAAmC,IAAI,CAAE,GAAG,EAAE,EACrD,IAAI,GAAG,0CAAmC,IAAI,CAAE,GAAG,EAAE,EACrD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CACnB;QAEA,MAAM,KACL,8BAAM,GAAG,EAAE,SAAS,IACjB,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,IAAI,SAAS,EAAE,CAAC,GAAG,MAAM,CACrF,CACR;QACD,0CACM,KAAK,wBACS,UAAG,EAAE,UAAO,EAC9B,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,QAAQ,GAAG,wCAAwC,GAAG,EAAE,EACxD,KAAK,GAAG,kCAA2B,KAAK,CAAE,GAAG,EAAE,EAC/C,IAAI,KAAK,kBAAkB,CAAC,MAAM;kBAC9B,CAAC,KAAK;sBACJ,4CAA4C;sBAC5C,sCAAsC;kBACxC,EAAE,EACN,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,UAAC,IAAI,IAAK,OAAA,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAA,EAC/C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,KAAK,kBAAkB,CAAC,MAAM,IAAI,CAAC,KAAK,GAAG,WAAW,GAAG,KAAK,IAAI,KAAK,IAClF;QACD,MAAM,KACL,8BAAM,GAAG,EAAE,SAAS,IACjB,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,IAAI,SAAS,EAAE,CAAC,GAAG,MAAM,CACrF,CACR,CACI,EACR;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAG,UAAU,CAAgC,aAAa,CAAC,CAAA;AAE1E;;;IAGa,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}
+{"version":3,"file":"FieldInput.component.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldInput/FieldInput.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AASA,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAElC,IAAM,aAAa,GAAG,UACpB,EAmBc,EACd,GAAyC;IAnBvC,IAAA,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,cAAc,oBAAA,EACL,iBAAiB,aAAA,EAC1B,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACJ,KAAK,cAlBV,kNAmBC,CADS;IAIV,IAAM,SAAS,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAA;IACtD,IAAM,SAAS,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAA;IACtD,IAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAEhD,IAAA,KAAiD,eAAe,EAAE,EAAhE,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAsB,CAAA;IAExE,IAAM,WAAW,GAAG,mBAAmB,EAAE,CAAA;IAEjC,IAAA,aAAa,GAAK,aAAa,CAAmB;QACxD,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,iBAAiB;KAC3B,CAAC,cALmB,CAKnB;IAEF,aAAa,CAAC,KAAK,CAAC,CAAA;IAEpB,IAAM,kBAAkB,GAAG,WAAW,CACpC,UAAC,GAAuC;QACtC,IAAI,QAAQ,IAAI,CAAC,aAAa,IAAI,OAAO;YAAE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;QAC5D,IAAI,OAAO;YAAE,aAAa,CAAC,GAAG,CAAC,CAAA;QAC/B,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,GAAG,CAAC,CAAA;KACzB,EACD,CAAC,iBAAiB,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,CAAC,CACrE,CAAA;IAED,IAAM,wBAAwB,GAAG,WAAW,CAC1C,UAAC,GAAqB;;QACpB,IAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,QAAQ,CAAC,GAAG,CAAC,MAAc,CAAC,EAAE;YAClD,OAAM;SACP;QAED,IACE,QAAQ;YACR,QAAQ;aACR,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,GAAG,CAAC,MAAc,CAAC,CAAA;aAC/C,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,GAAG,CAAC,MAAc,CAAC,CAAA;YAE/C,OAAM;QAER,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;QAED,GAAG,CAAC,cAAc,EAAE,CAAA;QAEpB,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAA;QAE9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,CAAA;QAEd,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE;YAC5C,IAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAA;YAC9B,KAAK,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;SAClC;KACF,EACD,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,CAAC,CAC5C,CAAA;IAED,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAA0B,CAAC;QAAE,OAAO,IAAI,CAAA;IAEhG,QACE,yCACM,OAAO,IACX,WAAW,EAAE,wBAAwB,cAC5B,YAAY,eACX,aAAa,mBACR,CAAC,CAAC,QAAQ,mBACV,CAAC,CAAC,QAAQ,gBACb,CAAC,CAAC,KAAK,eACR,IAAI,eACJ,IAAI,EACf,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,QAAQ,GAAG,0CAA0C,GAAG,EAAE,EAC1D,QAAQ,GAAG,0CAA0C,GAAG,EAAE,EAC1D,KAAK,GAAG,uCAAuC,GAAG,EAAE,EACpD,IAAI,GAAG,0CAAmC,IAAI,CAAE,GAAG,EAAE,EACrD,IAAI,GAAG,0CAAmC,IAAI,CAAE,GAAG,EAAE,EACrD,QAAQ,IAAI,EAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,CAAA,GAAG,wCAAwC,GAAG,EAAE,EACtF,EAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,CAAA,IAAI,OAAO,IAAI,SAAS,IAAI,CAAC,QAAQ;cAC3D,6CAA6C;cAC7C,EAAE,EACN,SAAS,CACV;QAEA,MAAM,KACL,8BAAM,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,eAAe,CAAC,IAClF,OAAO,MAAM,KAAK,UAAU;cACzB,MAAM,CAAC,EAAE,QAAQ,UAAA,EAAE,SAAS,WAAA,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,IAAI,SAAS,EAAE,CAAC;cACtE,MAAM,CACL,CACR;QACD,0CACM,KAAK,IACT,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,QAAQ,IAAI,EAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,CAAA,GAAG,wCAAwC,GAAG,EAAE,EACtF,KAAK,GAAG,kCAA2B,KAAK,CAAE,GAAG,EAAE,EAC/C,IAAI,KAAK,kBAAkB,CAAC,MAAM;kBAC9B,CAAC,KAAK;sBACJ,4CAA4C;sBAC5C,sCAAsC;kBACxC,EAAE,EACN,cAAc,CACf,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,UAAC,IAAI,IAAK,OAAA,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAA,EAC/C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,KAAK,kBAAkB,CAAC,MAAM,IAAI,CAAC,KAAK,GAAG,WAAW,GAAG,KAAK,IAAI,KAAK,IAClF;QACD,MAAM,KACL,8BAAM,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,eAAe,CAAC,IAClF,OAAO,MAAM,KAAK,UAAU;cACzB,MAAM,CAAC,EAAE,QAAQ,UAAA,EAAE,SAAS,WAAA,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,IAAI,SAAS,EAAE,CAAC;cACtE,MAAM,CACL,CACR,CACI,EACR;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAG,UAAU,CAAgC,aAAa,CAAC,CAAA;AAE1E;;;IAGa,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}

package/dist/esm/components/UI/atoms/Field/children/FieldInput/FieldInput.module.scss.js

@@ -1,4 +1,4 @@
-var styles = {"magneto-ui-field-input":"mg_field_input_magneto-ui-field-input_xru2f","magneto-ui-field-input--mobile":"mg_field_input_magneto-ui-field-input--mobile_xru2f","magneto-ui-field-input--button":"mg_field_input_magneto-ui-field-input--button_xru2f","magneto-ui-field-input--button-placeholder":"mg_field_input_magneto-ui-field-input--button-placeholder_xru2f","magneto-ui-field-input--button-value":"mg_field_input_magneto-ui-field-input--button-value_xru2f","magneto-ui-field-input--left":"mg_field_input_magneto-ui-field-input--left_xru2f","magneto-ui-field-input--center":"mg_field_input_magneto-ui-field-input--center_xru2f","magneto-ui-field-input--right":"mg_field_input_magneto-ui-field-input--right_xru2f","magneto-ui-field-input-wrapper":"mg_field_input_magneto-ui-field-input-wrapper_xru2f","magneto-ui-field-input-wrapper--mobile":"mg_field_input_magneto-ui-field-input-wrapper--mobile_xru2f","magneto-ui-field-input-wrapper--error":"mg_field_input_magneto-ui-field-input-wrapper--error_xru2f","magneto-ui-field-input-wrapper--button":"mg_field_input_magneto-ui-field-input-wrapper--button_xru2f","magneto-ui-field-input-wrapper--disabled":"mg_field_input_magneto-ui-field-input-wrapper--disabled_xru2f","magneto-ui-field-input-wrapper--readonly":"mg_field_input_magneto-ui-field-input-wrapper--readonly_xru2f"};
+var styles = {"magneto-ui-field-input":"mg_field_input_magneto-ui-field-input_1oo3i","magneto-ui-field-input--mobile":"mg_field_input_magneto-ui-field-input--mobile_1oo3i","magneto-ui-field-input--button":"mg_field_input_magneto-ui-field-input--button_1oo3i","magneto-ui-field-input--button-placeholder":"mg_field_input_magneto-ui-field-input--button-placeholder_1oo3i","magneto-ui-field-input--button-value":"mg_field_input_magneto-ui-field-input--button-value_1oo3i","magneto-ui-field-input--left":"mg_field_input_magneto-ui-field-input--left_1oo3i","magneto-ui-field-input--center":"mg_field_input_magneto-ui-field-input--center_1oo3i","magneto-ui-field-input--right":"mg_field_input_magneto-ui-field-input--right_1oo3i","magneto-ui-field-input-wrapper":"mg_field_input_magneto-ui-field-input-wrapper_1oo3i","magneto-ui-field-input-wrapper--list-opened":"mg_field_input_magneto-ui-field-input-wrapper--list-opened_1oo3i","magneto-ui-field-input-wrapper--error":"mg_field_input_magneto-ui-field-input-wrapper--error_1oo3i","magneto-ui-field-input-wrapper--mobile":"mg_field_input_magneto-ui-field-input-wrapper--mobile_1oo3i","magneto-ui-field-input-wrapper--button":"mg_field_input_magneto-ui-field-input-wrapper--button_1oo3i","magneto-ui-field-input-wrapper--disabled":"mg_field_input_magneto-ui-field-input-wrapper--disabled_1oo3i","magneto-ui-field-input-wrapper--readonly":"mg_field_input_magneto-ui-field-input-wrapper--readonly_1oo3i","magneto-ui-field-input-prefix":"mg_field_input_magneto-ui-field-input-prefix_1oo3i","magneto-ui-field-input-suffix":"mg_field_input_magneto-ui-field-input-suffix_1oo3i"};
 
 export { styles as default };
 //# sourceMappingURL=FieldInput.module.scss.js.map

package/dist/esm/components/UI/atoms/Field/children/FieldList/FieldList.component.js

@@ -1,46 +1,29 @@
-import { __rest, __assign, __spreadArray } from '../../../../../../node_modules/tslib/tslib.es6.js';
-import React, { forwardRef, useState, useMemo, useCallback, useEffect } from 'react';
-import MiniArrowGrayDown from '../../../../../../assets/miniArrowGrayDown.svg.js';
-import MiniArrowGrayUp from '../../../../../../assets/miniArrowGrayUp.svg.js';
+import { __rest, __assign } from '../../../../../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useRef, useEffect } from 'react';
+import { FieldListBody } from './children/FieldListBody/FieldListBody.component.js';
 import { FieldListItem } from './children/FieldListItem/FieldListItem.component.js';
 import { FieldListResponsive } from './children/FieldListResponsive/FieldListResponsive.component.js';
 import { FieldListWrapper } from './children/FieldListWrapper/FieldListWrapper.component.js';
 import { useFieldContext } from '../../Field.context.js';
+import { combineRefs } from '../../Field.constant.js';
 import { classNames } from '../../../../../../shared/utils/common/classNames.util.js';
 import { ListContext } from './FieldList.context.js';
+import { useFieldList } from './FieldList.hooks.js';
+import { renderChildren } from '../../../../../../utils/react/index.js';
 import styles from './FieldList.module.scss.js';
 
 var cx = classNames.bind(styles);
-var containerStyle = {
-    '--custom-scrollbar-thumb-down-background': "url(".concat(MiniArrowGrayDown, ")"),
-    '--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
-};
 function BaseComponent(_a, ref) {
-    var controlledBreakpoint = _a.breakpoint, children = _a.children, className = _a.className, defaultValue = _a.defaultValue, multiple = _a.multiple, onChange = _a.onChange, style = _a.style, controlledValue = _a.value, props = __rest(_a, ["breakpoint", "children", "className", "defaultValue", "multiple", "onChange", "style", "value"]);
-    var _b = useState(defaultValue), selected = _b[0], setSelected = _b[1];
-    var _c = useFieldContext(), breakpoint = _c.breakpoint, hasList = _c.hasList, isDesktop = _c.isDesktop, isFocused = _c.isFocused, isMobile = _c.isMobile, setBreakpoint = _c.setBreakpoint, setHasList = _c.setHasList, setIsFocused = _c.setIsFocused;
-    var styles = useMemo(function () { return (__assign(__assign({}, containerStyle), style)); }, [style]);
-    var isControlled = useMemo(function () { return controlledValue !== undefined; }, [controlledValue]);
-    var value = useMemo(function () { return (isControlled ? controlledValue : selected); }, [isControlled, controlledValue, selected]);
-    var toggleValue = useCallback(function (value) {
-        var _a;
-        if (!value)
-            return;
-        if (multiple) {
-            var prevArr = (_a = (isControlled ? controlledValue : selected)) !== null && _a !== void 0 ? _a : [];
-            var exists = prevArr.some(function (v) { return JSON.stringify(v) === JSON.stringify(value); });
-            var next = exists ? prevArr.filter(function (v) { return JSON.stringify(v) !== JSON.stringify(value); }) : __spreadArray(__spreadArray([], prevArr, true), [value], false);
-            onChange === null || onChange === void 0 ? void 0 : onChange(next);
-            if (!isControlled)
-                setSelected(next);
-        }
-        else {
-            setIsFocused(false);
-            onChange === null || onChange === void 0 ? void 0 : onChange(value);
-            if (!isControlled)
-                setSelected(value);
-        }
-    }, [controlledValue, isControlled, multiple, onChange, selected, setIsFocused]);
+    var controlledBreakpoint = _a.breakpoint, children = _a.children, className = _a.className, defaultValue = _a.defaultValue, multiple = _a.multiple, onChange = _a.onChange, controlledValue = _a.value, props = __rest(_a, ["breakpoint", "children", "className", "defaultValue", "multiple", "onChange", "value"]);
+    var _b = useFieldContext(), breakpoint = _b.breakpoint, hasError = _b.hasError, hasList = _b.hasList, isDesktop = _b.isDesktop, isFocused = _b.isFocused, isMobile = _b.isMobile, setBreakpoint = _b.setBreakpoint, setHasList = _b.setHasList;
+    var _c = useFieldList({
+        defaultValue: defaultValue,
+        multiple: multiple,
+        onChange: onChange,
+        value: controlledValue
+    }), value = _c.value, toggleValue = _c.toggleValue;
+    var listRef = useRef(null);
+    var shadowRef = useRef(null);
     useEffect(function () {
         if (!breakpoint && controlledBreakpoint) {
             setBreakpoint(controlledBreakpoint);
@@ -50,13 +33,49 @@ function BaseComponent(_a, ref) {
         if (!hasList)
             setHasList(true);
     }, [hasList, setHasList]);
-    return (React.createElement(ListContext.Provider, { value: { value: value, toggleValue: toggleValue } },
+    useEffect(function () {
+        var _a, _b;
+        if (!isFocused || hasError || !shadowRef.current || !listRef.current)
+            return;
+        var updateShadow = function () {
+            var _a;
+            var list = listRef.current;
+            var shadow = shadowRef.current;
+            var fieldInput = (_a = list === null || list === void 0 ? void 0 : list.closest('[data-lib="magneto-ui"][data-slot="field"]')) === null || _a === void 0 ? void 0 : _a.querySelector('[data-slot="field-input"]');
+            // const fieldGroup = list?.closest('[data-slot="field-group"]')
+            if (!list || !shadow || !fieldInput)
+                return;
+            // const groupRect = fieldGroup?.getBoundingClientRect()
+            var inputRect = fieldInput.getBoundingClientRect();
+            var listRect = list.getBoundingClientRect();
+            // shadow.style.width = `${groupRect?.width || inputRect?.width}px`
+            shadow.style.width = "".concat(inputRect.width, "px");
+            shadow.style.height = "".concat(inputRect.height + listRect.height, "px");
+        };
+        updateShadow();
+        var resizeObserver = new ResizeObserver(updateShadow);
+        if (listRef.current)
+            resizeObserver.observe(listRef.current);
+        // const fieldGroup = listRef.current?.closest('[data-slot="field-group"]')
+        var field = (_b = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.closest('.magneto-ui-field')) === null || _b === void 0 ? void 0 : _b.querySelector('[data-slot="field-input"]');
+        if (field)
+            resizeObserver.observe(field);
+        window.addEventListener('scroll', updateShadow, true);
+        window.addEventListener('resize', updateShadow);
+        return function () {
+            resizeObserver.disconnect();
+            window.removeEventListener('scroll', updateShadow, true);
+            window.removeEventListener('resize', updateShadow);
+        };
+    }, [hasError, isFocused, isMobile]);
+    return (React.createElement(ListContext.Provider, { value: { isInsideList: true, toggleValue: toggleValue, value: value } },
         React.createElement(FieldListResponsive, null,
-            React.createElement("ul", __assign({}, props, { ref: ref, "data-lib": "magneto-ui", "data-slot": "field-list", "data-state": isFocused ? 'visible' : 'hidden', style: styles, className: cx('magneto-ui-field-list', !isMobile ? 'magneto-ui-field-list--desktop' : '', isFocused ? 'magneto-ui-field-list--visible' : 'magneto-ui-field-list--hidden', className) }), typeof children === 'function' ? children({ isDesktop: isDesktop, isMobile: isMobile }) : children))));
+            React.createElement("div", __assign({}, props, { ref: function (node) { return combineRefs(node, listRef, ref); }, "data-lib": "magneto-ui", "data-slot": "field-list", "data-state": isFocused ? 'visible' : 'hidden', className: cx('magneto-ui-field-list', !isMobile ? 'magneto-ui-field-list--desktop' : '', isFocused ? 'magneto-ui-field-list--visible' : 'magneto-ui-field-list--hidden', hasError ? 'magneto-ui-field-list--error' : '', className) }),
+                React.createElement("div", { ref: shadowRef, className: cx('magneto-ui-field-list-shadow', isFocused ? 'magneto-ui-field-list-shadow--visible' : 'magneto-ui-field-list-shadow--hidden') }),
+                renderChildren(children, { isDesktop: isDesktop, isMobile: isMobile })))));
 }
 var Component = forwardRef(BaseComponent);
-// const Component = forwardRef<HTMLUListElement, IFieldList>(BaseComponent)
-var FieldList = Object.assign(Component, { Item: FieldListItem, Wrapper: FieldListWrapper });
+var FieldList = Object.assign(Component, { Item: FieldListItem, Wrapper: FieldListWrapper, Body: FieldListBody });
 
 export { FieldList };
 //# sourceMappingURL=FieldList.component.js.map

package/dist/esm/components/UI/atoms/Field/children/FieldList/FieldList.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldList.component.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldList/FieldList.component.tsx"],"sourcesContent":[null],"names":["Responsive"],"mappings":"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"}
+{"version":3,"file":"FieldList.component.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldList/FieldList.component.tsx"],"sourcesContent":[null],"names":["Responsive"],"mappings":"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"}

package/dist/esm/components/UI/atoms/Field/children/FieldList/FieldList.context.js

@@ -1,12 +1,13 @@
 import { createContext, useContext } from 'react';
 
-var ListContext = createContext(null);
+var initialValue = {
+    isInsideList: false,
+    toggleValue: function () { return undefined; },
+    value: undefined
+};
+var ListContext = createContext(initialValue);
 var useFieldListContext = function () {
-    var context = useContext(ListContext);
-    if (!context) {
-        throw new Error('useFieldListContext must be used within Field.List');
-    }
-    return context;
+    return useContext(ListContext);
 };
 
 export { ListContext, useFieldListContext };

package/dist/esm/components/UI/atoms/Field/children/FieldList/FieldList.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldList.context.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldList/FieldList.context.tsx"],"sourcesContent":[null],"names":[],"mappings":";;IAGa,WAAW,GAAG,aAAa,CAA2B,IAAI,EAAC;IAE3D,mBAAmB,GAAG;IACjC,IAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACvC,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;KACtE;IACD,OAAO,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"FieldList.context.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldList/FieldList.context.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,IAAM,YAAY,GAAsB;IACtC,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,cAAM,OAAA,SAAS,GAAA;IAC5B,KAAK,EAAE,SAAS;CACjB,CAAA;IAEY,WAAW,GAAG,aAAa,CAAoB,YAAY,EAAC;IAE5D,mBAAmB,GAAG;IACjC,OAAO,UAAU,CAAC,WAAW,CAAC,CAAA;AAChC;;;;"}

package/dist/esm/components/UI/atoms/Field/children/FieldList/FieldList.hooks.js

@@ -0,0 +1,46 @@
+import { __spreadArray } from '../../../../../../node_modules/tslib/tslib.es6.js';
+import { useState, useMemo, useCallback } from 'react';
+import { useFieldContext } from '../../Field.context.js';
+
+function useFieldList(_a) {
+    var defaultValue = _a.defaultValue, multiple = _a.multiple, onChange = _a.onChange, controlledValue = _a.value;
+    var _b = useState(defaultValue), selected = _b[0], setSelected = _b[1];
+    var setIsFocused = useFieldContext().setIsFocused;
+    var isControlled = useMemo(function () { return controlledValue !== undefined; }, [controlledValue]);
+    var value = useMemo(function () { return (isControlled ? controlledValue : selected); }, [isControlled, controlledValue, selected]);
+    var handleMultipleChange = useCallback(function (newValue) {
+        if (!onChange)
+            return;
+        var multipleOnChange = onChange;
+        multipleOnChange(newValue);
+    }, [onChange]);
+    var handleSingleChange = useCallback(function (newValue) {
+        if (!onChange)
+            return;
+        var singleOnChange = onChange;
+        singleOnChange(newValue);
+    }, [onChange]);
+    var toggleValue = useCallback(function (value) {
+        var _a;
+        if (!value)
+            return;
+        if (multiple) {
+            var prevArr = (_a = (isControlled ? controlledValue : selected)) !== null && _a !== void 0 ? _a : [];
+            var exists = prevArr.some(function (v) { return v.id === value.id; });
+            var next = exists ? prevArr.filter(function (v) { return v.id !== value.id; }) : __spreadArray(__spreadArray([], prevArr, true), [value], false);
+            handleMultipleChange(next);
+            if (!isControlled)
+                setSelected(next);
+        }
+        else {
+            setIsFocused(false);
+            handleSingleChange(value);
+            if (!isControlled)
+                setSelected(value);
+        }
+    }, [controlledValue, isControlled, multiple, handleMultipleChange, handleSingleChange, selected, setIsFocused]);
+    return { toggleValue: toggleValue, value: value };
+}
+
+export { useFieldList };
+//# sourceMappingURL=FieldList.hooks.js.map

package/dist/esm/components/UI/atoms/Field/children/FieldList/FieldList.hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldList.hooks.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldList/FieldList.hooks.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;SAIgB,YAAY,CAA2B,EAKrB;QAJhC,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACD,eAAe,WAAA;IAEhB,IAAA,KAA0B,QAAQ,CAAsB,YAAY,CAAC,EAApE,QAAQ,QAAA,EAAE,WAAW,QAA+C,CAAA;IACnE,IAAA,YAAY,GAAK,eAAe,EAAE,aAAtB,CAAsB;IAE1C,IAAM,YAAY,GAAG,OAAO,CAAC,cAAM,OAAA,eAAe,KAAK,SAAS,GAAA,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAEpF,IAAM,KAAK,GAAG,OAAO,CAAC,cAAM,QAAC,YAAY,GAAG,eAAe,GAAG,QAAQ,IAAC,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnH,IAAM,oBAAoB,GAAG,WAAW,CACtC,UAAC,QAAa;QACZ,IAAI,CAAC,QAAQ;YAAE,OAAM;QACrB,IAAM,gBAAgB,GAAG,QAAiC,CAAA;QAC1D,gBAAgB,CAAC,QAAQ,CAAC,CAAA;KAC3B,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,IAAM,kBAAkB,GAAG,WAAW,CACpC,UAAC,QAAW;QACV,IAAI,CAAC,QAAQ;YAAE,OAAM;QACrB,IAAM,cAAc,GAAG,QAA8B,CAAA;QACrD,cAAc,CAAC,QAAQ,CAAC,CAAA;KACzB,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,KAAsB;;QACrB,IAAI,CAAC,KAAK;YAAE,OAAM;QAElB,IAAI,QAAQ,EAAE;YACZ,IAAM,OAAO,GAAG,OAAE,YAAY,GAAG,eAAe,GAAG,QAAQ,CAAS,mCAAI,EAAE,CAAA;YAC1E,IAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,GAAA,CAAC,CAAA;YACrD,IAAM,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAM,KAAW,CAAC,EAAE,GAAA,CAAC,mCAAO,OAAO,UAAE,KAAU,SAAC,CAAA;YAChG,oBAAoB,CAAC,IAAI,CAAC,CAAA;YAC1B,IAAI,CAAC,YAAY;gBAAE,WAAW,CAAC,IAAI,CAAC,CAAA;SACrC;aAAM;YACL,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,kBAAkB,CAAC,KAAU,CAAC,CAAA;YAC9B,IAAI,CAAC,YAAY;gBAAE,WAAW,CAAC,KAAU,CAAC,CAAA;SAC3C;KACF,EACD,CAAC,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,YAAY,CAAC,CAC5G,CAAA;IAED,OAAO,EAAE,WAAW,aAAA,EAAE,KAAK,OAAA,EAAE,CAAA;AAC/B;;;;"}

package/dist/esm/components/UI/atoms/Field/children/FieldList/FieldList.module.scss.js

@@ -1,4 +1,4 @@
-var styles = {"magneto-ui-field-list":"mg_field_list_magneto-ui-field-list_4ke0c","magneto-ui-field-list--desktop":"mg_field_list_magneto-ui-field-list--desktop_4ke0c","magneto-ui-field-list--hidden":"mg_field_list_magneto-ui-field-list--hidden_4ke0c","magneto-ui-field-list--visible":"mg_field_list_magneto-ui-field-list--visible_4ke0c"};
+var styles = {"magneto-ui-field-list":"mg_field_list_magneto-ui-field-list_wm93x","magneto-ui-field-list--desktop":"mg_field_list_magneto-ui-field-list--desktop_wm93x","magneto-ui-field-list--error":"mg_field_list_magneto-ui-field-list--error_wm93x","magneto-ui-field-list--hidden":"mg_field_list_magneto-ui-field-list--hidden_wm93x","magneto-ui-field-list--visible":"mg_field_list_magneto-ui-field-list--visible_wm93x","magneto-ui-field-list-shadow":"mg_field_list_magneto-ui-field-list-shadow_wm93x","magneto-ui-field-list-shadow--hidden":"mg_field_list_magneto-ui-field-list-shadow--hidden_wm93x","magneto-ui-field-list-shadow--visible":"mg_field_list_magneto-ui-field-list-shadow--visible_wm93x"};
 
 export { styles as default };
 //# sourceMappingURL=FieldList.module.scss.js.map

package/dist/esm/components/UI/atoms/Field/children/FieldList/children/FieldListBody/FieldListBody.component.js

@@ -0,0 +1,22 @@
+import { __rest, __assign } from '../../../../../../../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useMemo } from 'react';
+import { screenSize } from '../../../../../../../../constants/responsive.constants.js';
+import { useFieldContext } from '../../../../Field.context.js';
+import { classNames } from '../../../../../../../../shared/utils/common/classNames.util.js';
+import styles from './FieldListBody.module.scss.js';
+
+var cx = classNames.bind(styles);
+function BaseComponent(_a, ref) {
+    var className = _a.className, children = _a.children, style = _a.style, props = __rest(_a, ["className", "children", "style"]);
+    var _b = useFieldContext(), breakpoint = _b.breakpoint, isDesktop = _b.isDesktop, isMobile = _b.isMobile;
+    var styles = useMemo(function () { return (__assign(__assign({}, style), { '--breakpoint': "".concat(screenSize[breakpoint || 'sm'], "px") })); }, [breakpoint, style]);
+    return (React.createElement("ul", __assign({}, props, { ref: ref, "data-lib": "magneto-ui", "data-slot": "field-list-body", style: styles, className: cx('magneto-ui-field-list-body', isDesktop ? 'magneto-ui-field-list-body--desktop' : '', className) }), typeof children === 'function' ? children({ isDesktop: isDesktop, isMobile: isMobile }) : children));
+}
+var Component = forwardRef(BaseComponent);
+/**
+ * Atom UI of field. It includes .
+ */
+var FieldListBody = Object.assign(Component, {});
+
+export { FieldListBody };
+//# sourceMappingURL=FieldListBody.component.js.map

package/dist/esm/components/UI/atoms/Field/children/FieldList/children/FieldListBody/FieldListBody.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldListBody.component.js","sources":["../../../../../../../../../../src/components/UI/atoms/Field/children/FieldList/children/FieldListBody/FieldListBody.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAOA,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAElC,SAAS,aAAa,CACpB,EAAwD,EACxD,GAAyC;IADvC,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAAtC,kCAAwC,CAAF;IAGhC,IAAA,KAAsC,eAAe,EAAE,EAArD,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAsB,CAAA;IAE7D,IAAM,MAAM,GAAG,OAAO,CACpB,cAAM,8BAAM,KAAK,KAAE,cAAc,EAAE,UAAG,UAAU,CAAC,UAAU,IAAI,IAAI,CAAC,OAAI,OAAG,EAC3E,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAA;IAED,QACE,uCACM,KAAK,IACT,GAAG,EAAE,GAAG,cACC,YAAY,eACX,iBAAiB,EAC3B,KAAK,EAAE,MAA6B,EACpC,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,GAAG,qCAAqC,GAAG,EAAE,EAAE,SAAS,CAAC,KAE7G,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,GAAG,QAAQ,CAC3E,EACN;AACH,CAAC;AAED,IAAM,SAAS,GAAG,UAAU,CAAmC,aAAa,CAAC,CAAA;AAE7E;;;IAGa,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}

package/dist/esm/components/UI/atoms/Field/children/FieldList/children/FieldListBody/FieldListBody.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"magneto-ui-field-list-body":"mg_field_list_body_magneto-ui-field-list-body_rv47z","magneto-ui-field-list-body--desktop":"mg_field_list_body_magneto-ui-field-list-body--desktop_rv47z"};
+
+export { styles as default };
+//# sourceMappingURL=FieldListBody.module.scss.js.map

package/dist/esm/components/UI/atoms/Field/children/FieldList/children/FieldListBody/FieldListBody.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldListBody.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/UI/atoms/Field/children/FieldList/children/FieldListItem/FieldListItem.component.js

@@ -7,14 +7,14 @@ import styles from './FieldListItem.module.scss.js';
 var cx = classNames.bind(styles);
 function BaseComponent(_a, ref) {
     var children = _a.children, className = _a.className, controlledValue = _a.value, props = __rest(_a, ["children", "className", "value"]);
-    var _b = useFieldListContext(), value = _b.value, toggleValue = _b.toggleValue;
+    var _b = useFieldListContext(), toggleValue = _b.toggleValue, value = _b.value;
     var isSelected = useMemo(function () {
         if (!controlledValue)
             return false;
         if (Array.isArray(value)) {
-            return value.some(function (v) { return JSON.stringify(v) === JSON.stringify(controlledValue); });
+            return value.some(function (v) { return v.id === controlledValue.id; });
         }
-        return JSON.stringify(controlledValue) === JSON.stringify(value);
+        return controlledValue.id === (value === null || value === void 0 ? void 0 : value.id);
     }, [controlledValue, value]);
     return (React.createElement("li", __assign({}, props, { className: cx('magneto-ui-field-list-item', isSelected ? 'magneto-ui-field-list-item--selected' : '', className), onClick: function () { return toggleValue(controlledValue); }, "data-lib": "magneto-ui", "data-slot": "field-list-item", ref: ref }), children));
 }

package/dist/esm/components/UI/atoms/Field/children/FieldList/children/FieldListItem/FieldListItem.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldListItem.component.js","sources":["../../../../../../../../../../src/components/UI/atoms/Field/children/FieldList/children/FieldListItem/FieldListItem.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAMA,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAElC,SAAS,aAAa,CACpB,EAA4E,EAC5E,GAAsC;IADpC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAS,eAAe,WAAA,EAAK,KAAK,cAAvD,kCAAyD,CAAF;IAGjD,IAAA,KAAyB,mBAAmB,EAAE,EAA5C,KAAK,WAAA,EAAE,WAAW,iBAA0B,CAAA;IAEpD,IAAM,UAAU,GAAG,OAAO,CAAC;QACzB,IAAI,CAAC,eAAe;YAAE,OAAO,KAAK,CAAA;QAElC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACxB,OAAO,KAAK,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,GAAA,CAAC,CAAA;SAChF;QAED,OAAO,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;KACjE,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAA;IAE5B,QACE,uCACM,KAAK,IACT,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,UAAU,GAAG,sCAAsC,GAAG,EAAE,EAAE,SAAS,CAAC,EAChH,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,eAAe,CAAC,GAAA,cAClC,YAAY,eACX,iBAAiB,EAC3B,GAAG,EAAE,GAAG,KAEP,QAAQ,CACN,EACN;AACH,CAAC;AAED,IAAM,SAAS,GAAG,UAAU,CAAC,aAAa,CAEL,CAAA;AAErC;;;IAGa,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}
+{"version":3,"file":"FieldListItem.component.js","sources":["../../../../../../../../../../src/components/UI/atoms/Field/children/FieldList/children/FieldListItem/FieldListItem.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOA,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAElC,SAAS,aAAa,CACpB,EAA4E,EAC5E,GAAsC;IADpC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAS,eAAe,WAAA,EAAK,KAAK,cAAvD,kCAAyD,CAAF;IAGjD,IAAA,KAAyB,mBAAmB,EAAE,EAA5C,WAAW,iBAAA,EAAE,KAAK,WAA0B,CAAA;IAEpD,IAAM,UAAU,GAAG,OAAO,CAAC;QACzB,IAAI,CAAC,eAAe;YAAE,OAAO,KAAK,CAAA;QAElC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACxB,OAAO,KAAK,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,eAAe,CAAC,EAAE,GAAA,CAAC,CAAA;SACtD;QAED,OAAO,eAAe,CAAC,EAAE,MAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,CAAA,CAAA;KACxC,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAA;IAE5B,QACE,uCACM,KAAK,IACT,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,UAAU,GAAG,sCAAsC,GAAG,EAAE,EAAE,SAAS,CAAC,EAChH,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,eAAe,CAAC,GAAA,cAClC,YAAY,eACX,iBAAiB,EAC3B,GAAG,EAAE,GAAG,KAEP,QAAQ,CACN,EACN;AACH,CAAC;AAED,IAAM,SAAS,GAAG,UAAU,CAAC,aAAa,CAEL,CAAA;AAErC;;;IAGa,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}

package/dist/esm/components/UI/atoms/Field/children/FieldList/children/FieldListResponsive/FieldListResponsive.component.js

@@ -61,7 +61,8 @@ var BaseComponent = function (_a) {
         return isMobile && {
             isOpen: isFocused,
             onClose: function () { return setIsFocused(false); },
-            className: cx('magneto-ui-field-list-responsive')
+            className: cx('magneto-ui-field-list-responsive'),
+            modalClassName: cx('magneto-ui-field-list-responsive')
         };
     }, [isFocused, isMobile, setIsFocused]);
     return React.createElement(Container, __assign({}, mobileProps), children);

package/dist/esm/components/UI/atoms/Field/children/FieldList/children/FieldListResponsive/FieldListResponsive.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldListResponsive.component.js","sources":["../../../../../../../../../../src/components/UI/atoms/Field/children/FieldList/children/FieldListResponsive/FieldListResponsive.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAElC,IAAM,aAAa,GAAa,UAAC,EAAY;QAAV,QAAQ,cAAA;IACnC,IAAA,KAAwC,eAAe,EAAE,EAAvD,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAsB,CAAA;IAE/D,IAAM,SAAS,GAAG,OAAO,CAAC,cAAM,QAAC,QAAQ,GAAI,YAAsC,GAAG,KAAK,CAAC,QAAQ,IAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAElH,IAAM,WAAW,GAAG,OAAO,CACzB;QACE,OAAA,QAAQ,IAAI;YACV,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,GAAA;YAClC,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC;SAClD;KAAA,EACH,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,CAAC,CACpC,CAAA;IAED,OAAO,oBAAC,SAAS,eAAK,WAAW,GAAG,QAAQ,CAAa,CAAA;AAC3D,CAAC,CAAA;IAEY,mBAAmB,GAAG;;;;"}
+{"version":3,"file":"FieldListResponsive.component.js","sources":["../../../../../../../../../../src/components/UI/atoms/Field/children/FieldList/children/FieldListResponsive/FieldListResponsive.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAElC,IAAM,aAAa,GAAa,UAAC,EAAY;QAAV,QAAQ,cAAA;IACnC,IAAA,KAAwC,eAAe,EAAE,EAAvD,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAsB,CAAA;IAE/D,IAAM,SAAS,GAAG,OAAO,CAAC,cAAM,QAAC,QAAQ,GAAI,YAAsC,GAAG,KAAK,CAAC,QAAQ,IAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAElH,IAAM,WAAW,GAAG,OAAO,CACzB;QACE,OAAA,QAAQ,IAAI;YACV,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,GAAA;YAClC,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC;YACjD,cAAc,EAAE,EAAE,CAAC,kCAAkC,CAAC;SACvD;KAAA,EACH,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,CAAC,CACpC,CAAA;IAED,OAAO,oBAAC,SAAS,eAAK,WAAW,GAAG,QAAQ,CAAa,CAAA;AAC3D,CAAC,CAAA;IAEY,mBAAmB,GAAG;;;;"}

package/dist/esm/components/UI/atoms/Field/children/FieldList/children/FieldListResponsive/FieldListResponsive.module.scss.js

@@ -1,4 +1,4 @@
-var styles = {"magneto-ui-field-list-responsive":"mg_field_list_responsive_magneto-ui-field-list-responsive_w54c0"};
+var styles = {"magneto-ui-field-list-responsive":"mg_field_list_responsive_magneto-ui-field-list-responsive_gx6ny"};
 
 export { styles as default };
 //# sourceMappingURL=FieldListResponsive.module.scss.js.map

package/dist/esm/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.component.js

@@ -60,9 +60,11 @@ import styles from './JobDetailsDrawer.module.scss.js';
 import { JobDetailsSkeleton } from './children/JobDetailsSkeleton.component.js';
 import { ActionLinkCard } from '../../molecules/ActionLinkCard/ActionLinkCard.component.js';
 import { SimilarJobs } from '../../../Domain/Jobs/SimilarJobs/index.js';
+import { JobsFaqs } from '../../../Domain/Jobs/JobDetails/children/JobsFaqs/JobsFaqs.component.js';
+import { JobsFaqsLink } from '../../../Domain/Jobs/JobDetails/children/JobsFaqs/JobsFaqsLink/JobsFaqsLink.component.js';
 
 var Component = function (_a) {
-    var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps, alertJobStatusProps = _a.alertJobStatusProps, isApplied = _a.isApplied, canApply = _a.canApply, variant = _a.variant, isJobDetailPage = _a.isJobDetailPage, actionLinkCardProps = _a.actionLinkCardProps;
+    var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps, alertJobStatusProps = _a.alertJobStatusProps, isApplied = _a.isApplied, canApply = _a.canApply, variant = _a.variant, isJobDetailPage = _a.isJobDetailPage, actionLinkCardProps = _a.actionLinkCardProps, faqs = _a.faqs;
     var jobDetailsRef = useRef(null);
     var isDetailVariant = variant === 'detailed';
     useEffect(function () {
@@ -86,6 +88,10 @@ var Component = function (_a) {
                 actionLinkCardProps && React.createElement(ActionLinkCard, __assign({}, actionLinkCardProps)),
                 fraudCardJobProps && React.createElement(FraudCardJob, __assign({}, fraudCardJobProps)),
                 React.createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
+                faqs && (React.createElement(JobsFaqs, { title: faqs.title, roundEdges: true }, faqs.questions.map(function (_a, index) {
+                    var question = _a.question, href = _a.href;
+                    return (React.createElement(JobsFaqsLink, { key: index, text: question, href: href }));
+                }))),
                 React.createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps, { variant: variant })),
                 similarJobsProps ? React.createElement(SimilarJobs, __assign({}, similarJobsProps)) : null))),
         modalPendingInfoComponent));

package/dist/esm/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"JobDetailsDrawer.component.js","sources":["../../../../../../src/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.component.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"JobDetailsDrawer.component.js","sources":["../../../../../../src/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.component.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}