magneto365.ui 2.83.2 → 2.83.3

package/dist/cjs/components/UI/atoms/Field/Field.component.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var FieldArea_component = require('./children/FieldArea/FieldArea.component.js');
-var FieldGroup_component = require('./children/FieldGroup/FieldGroup.component.js');
-var FieldHint_component = require('./children/FieldHint/FieldHint.component.js');
 var FieldInput_component = require('./children/FieldInput/FieldInput.component.js');
 require('./children/FieldInput/FieldInput.interface.js');
 var FieldLabel_component = require('./children/FieldLabel/FieldLabel.component.js');
@@ -25,7 +23,7 @@ var Component = React.forwardRef(BaseComponent);
 /**
  * Atom UI of field. It includes .
  */
-var Field = Object.assign(Component, { Area: FieldArea_component.FieldArea, Hint: FieldHint_component.FieldHint, Input: FieldInput_component.FieldInput, Label: FieldLabel_component.FieldLabel, List: FieldList_component.FieldList, Group: FieldGroup_component.FieldGroup });
+var Field = Object.assign(Component, { Area: FieldArea_component.FieldArea, Input: FieldInput_component.FieldInput, Label: FieldLabel_component.FieldLabel, List: FieldList_component.FieldList });
 
 exports.Field = Field;
 //# sourceMappingURL=Field.component.js.map

package/dist/cjs/components/UI/atoms/Field/Field.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.component.js","sources":["../../../../../../src/components/UI/atoms/Field/Field.component.tsx"],"sourcesContent":[null],"names":["React","FieldProvider","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;AAKA,IAAM,aAAa,GAAG,UAAC,EAA8B,EAAE,GAAuC;IAArE,IAAA,QAAQ,cAAA,EAAK,KAAK,wBAApB,YAAsB,CAAF;IACzC,QACEA,wCAACC,2BAAa,yBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,KACpC,QAAQ,CACK,EACjB;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAGC,gBAAU,CAAyB,aAAa,CAAC,CAAA;AAEnE;;;IAGa,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,+BAAA,EAAE,IAAI,+BAAA,EAAE,KAAK,iCAAA,EAAE,KAAK,iCAAA,EAAE,IAAI,+BAAA,EAAE,KAAK,iCAAA,EAAE;;;;"}
+{"version":3,"file":"Field.component.js","sources":["../../../../../../src/components/UI/atoms/Field/Field.component.tsx"],"sourcesContent":[null],"names":["React","FieldProvider","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAM,aAAa,GAAG,UAAC,EAA8B,EAAE,GAAuC;IAArE,IAAA,QAAQ,cAAA,EAAK,KAAK,wBAApB,YAAsB,CAAF;IACzC,QACEA,wCAACC,2BAAa,yBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,KACpC,QAAQ,CACK,EACjB;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAGC,gBAAU,CAAyB,aAAa,CAAC,CAAA;AAEnE;;;IAGa,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,+BAAA,EAAE,KAAK,iCAAA,EAAE,KAAK,iCAAA,EAAE,IAAI,+BAAA,EAAE;;;;"}

package/dist/cjs/components/UI/atoms/Field/Field.context.js

@@ -22,7 +22,6 @@ var FieldProvider = function (_a) {
     var _e = React.useState(false), isFocused = _e[0], setIsFocused = _e[1];
     var _f = React.useState(false), hasList = _f[0], setHasList = _f[1];
     var wrapperRef = React.useRef(null);
-    var _g = React.useState(''), id = _g[0], setId = _g[1];
     var isMobile = index.useMediaQuery(false, (_b = {}, _b[breakpoint || 'sm'] = true, _b));
     var isDesktop = React.useMemo(function () { return !isMobile; }, [isMobile]);
     var onFocus = React.useCallback(function () {
@@ -41,7 +40,6 @@ var FieldProvider = function (_a) {
             breakpoint: breakpoint,
             hasError: hasError,
             hasList: hasList,
-            id: id,
             isDesktop: isDesktop,
             isFocused: isFocused,
             isMobile: isMobile,
@@ -51,10 +49,9 @@ var FieldProvider = function (_a) {
             setBreakpoint: setBreakpoint,
             setHasError: setHasError,
             setHasList: setHasList,
-            setId: setId,
             setIsFocused: setIsFocused
         } },
-        React__default["default"].createElement("div", tslib_es6.__assign({}, props, { className: cx('magneto-ui-field', className), "data-error": hasError, "data-focused": isFocused, ref: fieldRef }), children)));
+        React__default["default"].createElement("div", tslib_es6.__assign({}, props, { className: cx('magneto-ui-field', className), "data-lib": "magneto-ui", "data-slot": "field", "data-error": hasError, "data-focused": isFocused, ref: fieldRef }), children)));
 };
 var useFieldContext = function () {
     var context = React.useContext(FieldContext);

package/dist/cjs/components/UI/atoms/Field/Field.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.context.js","sources":["../../../../../../src/components/UI/atoms/Field/Field.context.tsx"],"sourcesContent":[null],"names":["classNames","styles","createContext","useState","useRef","useMediaQuery","useMemo","useCallback","React","useContext"],"mappings":";;;;;;;;;;;;;;AAMA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,YAAM,CAAC,CAAA;AAElC,IAAM,YAAY,GAAGC,mBAAa,CAAuB,IAAI,CAAC,CAAA;IAEjD,aAAa,GAAG,UAAC,EAA2D;;IAAzD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,wBAAzC,qCAA2C,CAAF;IAC/D,IAAA,KAA8BC,cAAQ,CAA2B,IAAI,CAAC,EAArE,UAAU,QAAA,EAAE,aAAa,QAA4C,CAAA;IACtE,IAAA,KAA0BA,cAAQ,CAAsB,SAAS,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAA;IAClE,IAAA,KAA4BA,cAAQ,CAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAA;IACpD,IAAA,KAAwBA,cAAQ,CAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAA;IACtD,IAAM,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;IACzC,IAAA,KAAcD,cAAQ,CAAS,EAAE,CAAC,EAAjC,EAAE,QAAA,EAAE,KAAK,QAAwB,CAAA;IAExC,IAAM,QAAQ,GAAGE,mBAAa,CAAC,KAAK,YAAI,GAAC,UAAU,IAAI,IAAI,IAAG,IAAI,MAAG,CAAA;IAErE,IAAM,SAAS,GAAGC,aAAO,CAAC,cAAM,OAAA,CAAC,QAAQ,GAAA,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEtD,IAAM,OAAO,GAAGC,iBAAW,CAAC;QAC1B,YAAY,CAAC,IAAI,CAAC,CAAA;KACnB,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,MAAM,GAAGA,iBAAW,CACxB,UAAa,GAAyB;;QACpC,IAAI,QAAQ;YAAE,OAAM;QAEpB,IAAM,UAAU,GAAG,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAsB,KAAI,QAAQ,CAAC,aAAa,CAAA;QAEzE,IAAI,UAAU,KAAI,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;YAAE,OAAM;QAElE,YAAY,CAAC,KAAK,CAAC,CAAA;KACpB,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,QACEC,wCAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,UAAU,YAAA;YACV,QAAQ,UAAA;YACR,OAAO,SAAA;YACP,EAAE,IAAA;YACF,SAAS,WAAA;YACT,SAAS,WAAA;YACT,QAAQ,UAAA;YACR,UAAU,YAAA;YACV,MAAM,QAAA;YACN,OAAO,SAAA;YACP,aAAa,eAAA;YACb,WAAW,aAAA;YACX,UAAU,YAAA;YACV,KAAK,OAAA;YACL,YAAY,cAAA;SACb;QAEDA,sEACM,KAAK,IACT,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,gBAChC,QAAQ,kBACN,SAAS,EACvB,GAAG,EAAE,QAAQ,KAEZ,QAAQ,CACL,CACgB,EACzB;AACH,EAAC;IAEY,eAAe,GAAG;IAC7B,IAAM,OAAO,GAAGC,gBAAU,CAAC,YAAY,CAAC,CAAA;IACxC,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAA;KACvE;IACD,OAAO,OAAO,CAAA;AAChB;;;;;"}
+{"version":3,"file":"Field.context.js","sources":["../../../../../../src/components/UI/atoms/Field/Field.context.tsx"],"sourcesContent":[null],"names":["classNames","styles","createContext","useState","useRef","useMediaQuery","useMemo","useCallback","React","useContext"],"mappings":";;;;;;;;;;;;;;AAMA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,YAAM,CAAC,CAAA;AAElC,IAAM,YAAY,GAAGC,mBAAa,CAAuB,IAAI,CAAC,CAAA;IAEjD,aAAa,GAAG,UAAC,EAA2D;;IAAzD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,wBAAzC,qCAA2C,CAAF;IAC/D,IAAA,KAA8BC,cAAQ,CAA2B,IAAI,CAAC,EAArE,UAAU,QAAA,EAAE,aAAa,QAA4C,CAAA;IACtE,IAAA,KAA0BA,cAAQ,CAAsB,SAAS,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAA;IAClE,IAAA,KAA4BA,cAAQ,CAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAA;IACpD,IAAA,KAAwBA,cAAQ,CAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAA;IACtD,IAAM,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;IAE/C,IAAM,QAAQ,GAAGC,mBAAa,CAAC,KAAK,YAAI,GAAC,UAAU,IAAI,IAAI,IAAG,IAAI,MAAG,CAAA;IAErE,IAAM,SAAS,GAAGC,aAAO,CAAC,cAAM,OAAA,CAAC,QAAQ,GAAA,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEtD,IAAM,OAAO,GAAGC,iBAAW,CAAC;QAC1B,YAAY,CAAC,IAAI,CAAC,CAAA;KACnB,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,MAAM,GAAGA,iBAAW,CACxB,UAAa,GAAyB;;QACpC,IAAI,QAAQ;YAAE,OAAM;QAEpB,IAAM,UAAU,GAAG,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAsB,KAAI,QAAQ,CAAC,aAAa,CAAA;QAEzE,IAAI,UAAU,KAAI,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;YAAE,OAAM;QAElE,YAAY,CAAC,KAAK,CAAC,CAAA;KACpB,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,QACEC,wCAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,UAAU,YAAA;YACV,QAAQ,UAAA;YACR,OAAO,SAAA;YACP,SAAS,WAAA;YACT,SAAS,WAAA;YACT,QAAQ,UAAA;YACR,UAAU,YAAA;YACV,MAAM,QAAA;YACN,OAAO,SAAA;YACP,aAAa,eAAA;YACb,WAAW,aAAA;YACX,UAAU,YAAA;YACV,YAAY,cAAA;SACb;QAEDA,sEACM,KAAK,IACT,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,cACnC,YAAY,eACX,OAAO,gBACL,QAAQ,kBACN,SAAS,EACvB,GAAG,EAAE,QAAQ,KAEZ,QAAQ,CACL,CACgB,EACzB;AACH,EAAC;IAEY,eAAe,GAAG;IAC7B,IAAM,OAAO,GAAGC,gBAAU,CAAC,YAAY,CAAC,CAAA;IACxC,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAA;KACvE;IACD,OAAO,OAAO,CAAA;AAChB;;;;;"}

package/dist/cjs/components/UI/atoms/Field/Field.module.scss.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var styles = {"magneto-ui-field":"mg_field_magneto-ui-field_1uw0e"};
+var styles = {"magneto-ui-field":"mg_field_magneto-ui-field_1emy3"};
 
 module.exports = styles;
 //# sourceMappingURL=Field.module.scss.js.map

package/dist/cjs/components/UI/atoms/Field/children/FieldArea/FieldArea.component.js

@@ -15,18 +15,26 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var cx = classNames_util.classNames.bind(FieldArea_module);
 var BaseComponent = function (_a, ref) {
-    var className = _a.className, disabled = _a.disabled, error = _a.error, readOnly = _a.readOnly, wrapper = _a.wrapper, props = tslib_es6.__rest(_a, ["className", "disabled", "error", "readOnly", "wrapper"]);
+    var className = _a.className, disabled = _a.disabled, error = _a.error, readOnly = _a.readOnly, wrapper = _a.wrapper, textareaClassName = _a.textareaClassName, props = tslib_es6.__rest(_a, ["className", "disabled", "error", "readOnly", "wrapper", "textareaClassName"]);
     var areaRef = React.useRef(null);
     Field_hooks.useFieldError(error);
     var handleOnWrapperMouseDown = React.useCallback(function (evt) {
         var _a;
+        if ((_a = areaRef.current) === null || _a === void 0 ? void 0 : _a.contains(evt.target)) {
+            return;
+        }
         if (disabled || readOnly)
             return;
         evt.preventDefault();
-        (_a = areaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        var area = areaRef.current;
+        area === null || area === void 0 ? void 0 : area.focus();
+        if (area && typeof area.value === 'string') {
+            var len = area.value.length;
+            area.setSelectionRange(len, len);
+        }
     }, [disabled, readOnly]);
-    return (React__default["default"].createElement("span", tslib_es6.__assign({}, wrapper, { onMouseDown: handleOnWrapperMouseDown, "data-error": error, "data-lib": "magneto-ui", "data-slot": "field-area", className: cx('magneto-ui-field-area-wrapper', disabled ? 'magneto-ui-field-area-wrapper--disabled' : '', readOnly ? 'magneto-ui-field-area-wrapper--readonly' : '', error ? 'magneto-ui-field-area-wrapper--error' : '', wrapper === null || wrapper === void 0 ? void 0 : wrapper.className) }),
-        React__default["default"].createElement("textarea", tslib_es6.__assign({}, props, { className: cx('magneto-ui-field-area', className), disabled: disabled, readOnly: readOnly, ref: function (node) { return Field_constant.combineRefs(node, areaRef, ref); } }))));
+    return (React__default["default"].createElement("span", tslib_es6.__assign({}, wrapper, { onMouseDown: handleOnWrapperMouseDown, "data-lib": "magneto-ui", "data-slot": "field-area", "data-disabled": !!disabled, "data-readonly": !!readOnly, "data-error": !!error, className: cx('magneto-ui-field-area-wrapper', disabled ? 'magneto-ui-field-area-wrapper--disabled' : '', readOnly ? 'magneto-ui-field-area-wrapper--readonly' : '', error ? 'magneto-ui-field-area-wrapper--error' : '', className) }),
+        React__default["default"].createElement("textarea", tslib_es6.__assign({}, props, { className: cx('magneto-ui-field-area', textareaClassName), disabled: disabled, readOnly: readOnly, ref: function (node) { return Field_constant.combineRefs(node, areaRef, ref); } }))));
 };
 var Component = React.forwardRef(BaseComponent);
 /**

package/dist/cjs/components/UI/atoms/Field/children/FieldArea/FieldArea.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldArea.component.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldArea/FieldArea.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","useRef","useFieldError","useCallback","React","combineRefs","forwardRef"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,gBAAM,CAAC,CAAA;AAElC,IAAM,aAAa,GAAG,UACpB,EAAuE,EACvE,GAA4C;IAD1C,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,KAAK,wBAAzD,yDAA2D,CAAF;IAGzD,IAAM,OAAO,GAAGC,YAAM,CAA6B,IAAI,CAAC,CAAA;IAExDC,yBAAa,CAAC,KAAK,CAAC,CAAA;IAEpB,IAAM,wBAAwB,GAAGC,iBAAW,CAC1C,UAAC,GAAqB;;QACpB,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAM;QAEhC,GAAG,CAAC,cAAc,EAAE,CAAA;QACpB,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;KACzB,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAA;IAED,QACEC,uEACM,OAAO,IACX,WAAW,EAAE,wBAAwB,gBACzB,KAAK,cACR,YAAY,eACX,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,+BAA+B,EAC/B,QAAQ,GAAG,yCAAyC,GAAG,EAAE,EACzD,QAAQ,GAAG,yCAAyC,GAAG,EAAE,EACzD,KAAK,GAAG,sCAAsC,GAAG,EAAE,EACnD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CACnB;QAEDA,2EACM,KAAK,IACT,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,EACjD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,UAAC,IAAI,IAAK,OAAAC,0BAAW,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,GAAA,IAC9C,CACG,EACR;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAGC,gBAAU,CAAkC,aAAa,CAAC,CAAA;AAE5E;;;IAGa,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}
+{"version":3,"file":"FieldArea.component.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldArea/FieldArea.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","useRef","useFieldError","useCallback","React","combineRefs","forwardRef"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,gBAAM,CAAC,CAAA;AAElC,IAAM,aAAa,GAAG,UACpB,EAA0F,EAC1F,GAA4C;IAD1C,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,iBAAiB,uBAAA,EAAK,KAAK,wBAA5E,8EAA8E,CAAF;IAG5E,IAAM,OAAO,GAAGC,YAAM,CAA6B,IAAI,CAAC,CAAA;IAExDC,yBAAa,CAAC,KAAK,CAAC,CAAA;IAEpB,IAAM,wBAAwB,GAAGC,iBAAW,CAC1C,UAAC,GAAqB;;QACpB,IAAI,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,GAAG,CAAC,MAAc,CAAC,EAAE;YACjD,OAAM;SACP;QAED,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAM;QAEhC,GAAG,CAAC,cAAc,EAAE,CAAA;QAEpB,IAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAE5B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,CAAA;QAEb,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAC1C,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAA;YAC7B,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;SACjC;KACF,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAA;IAED,QACEC,uEACM,OAAO,IACX,WAAW,EAAE,wBAAwB,cAC5B,YAAY,eACX,YAAY,mBACP,CAAC,CAAC,QAAQ,mBACV,CAAC,CAAC,QAAQ,gBACb,CAAC,CAAC,KAAK,EACnB,SAAS,EAAE,EAAE,CACX,+BAA+B,EAC/B,QAAQ,GAAG,yCAAyC,GAAG,EAAE,EACzD,QAAQ,GAAG,yCAAyC,GAAG,EAAE,EACzD,KAAK,GAAG,sCAAsC,GAAG,EAAE,EACnD,SAAS,CACV;QAEDA,2EACM,KAAK,IACT,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,EACzD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,UAAC,IAAI,IAAK,OAAAC,0BAAW,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,GAAA,IAC9C,CACG,EACR;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAGC,gBAAU,CAAkC,aAAa,CAAC,CAAA;AAE5E;;;IAGa,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}

package/dist/cjs/components/UI/atoms/Field/children/FieldArea/FieldArea.module.scss.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var styles = {"magneto-ui-field-area":"mg_field_area_magneto-ui-field-area_a2go4","magneto-ui-field-area-wrapper":"mg_field_area_magneto-ui-field-area-wrapper_a2go4","magneto-ui-field-area-wrapper--error":"mg_field_area_magneto-ui-field-area-wrapper--error_a2go4","magneto-ui-field-area-wrapper--disabled":"mg_field_area_magneto-ui-field-area-wrapper--disabled_a2go4","magneto-ui-field-area-wrapper--readonly":"mg_field_area_magneto-ui-field-area-wrapper--readonly_a2go4"};
+var styles = {"magneto-ui-field-area":"mg_field_area_magneto-ui-field-area_1t4as","magneto-ui-field-area-wrapper":"mg_field_area_magneto-ui-field-area-wrapper_1t4as","magneto-ui-field-area-wrapper--error":"mg_field_area_magneto-ui-field-area-wrapper--error_1t4as","magneto-ui-field-area-wrapper--disabled":"mg_field_area_magneto-ui-field-area-wrapper--disabled_1t4as","magneto-ui-field-area-wrapper--readonly":"mg_field_area_magneto-ui-field-area-wrapper--readonly_1t4as"};
 
 module.exports = styles;
 //# sourceMappingURL=FieldArea.module.scss.js.map

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var FieldInput_interface = require('./FieldInput.interface.js');
+var FieldList_context = require('../FieldList/FieldList.context.js');
 var Field_hooks = require('../../Field.hooks.js');
 var Field_context = require('../../Field.context.js');
 var Field_constant = require('../../Field.constant.js');
@@ -17,11 +18,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var cx = classNames_util.classNames.bind(FieldInput_module);
 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 = tslib_es6.__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 = tslib_es6.__rest(_a, ["align", "className", "disabled", "error", "inputClassName", "onFocus", "placeholder", "prefix", "prefixClassName", "preserveFocus", "readOnly", "size", "suffix", "suffixClassName", "type", "value", "wrapper"]);
     var prefixRef = React.useRef(null);
     var suffixRef = React.useRef(null);
     var inputRef = React.useRef(null);
-    var _c = Field_context.useFieldContext(), hasList = _c.hasList, setIsFocused = _c.setIsFocused, isFocused = _c.isFocused, id = _c.id;
+    var _c = Field_context.useFieldContext(), hasList = _c.hasList, setIsFocused = _c.setIsFocused, isFocused = _c.isFocused, isMobile = _c.isMobile;
+    var listContext = FieldList_context.useFieldListContext();
     var handleOnFocus = Field_hooks.useFieldFocus({
         disabled: disabled,
         readOnly: readOnly,
@@ -38,27 +40,41 @@ var BaseComponent = function (_a, ref) {
     }, [controlledOnFocus, hasList, handleOnFocus, isMobile, preserveFocus]);
     var handleOnWrapperMouseDown = React.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(FieldInput_interface.FieldInputTypeEnum).includes(type))
         return null;
-    return (React__default["default"].createElement("span", tslib_es6.__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__default["default"].createElement("span", { ref: prefixRef }, typeof prefix === 'function' ? prefix({ opened: hasList === true && isFocused }) : prefix)),
-        React__default["default"].createElement("input", tslib_es6.__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 === FieldInput_interface.FieldInputTypeEnum.BUTTON
+    return (React__default["default"].createElement("span", tslib_es6.__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__default["default"].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__default["default"].createElement("input", tslib_es6.__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 === FieldInput_interface.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 Field_constant.combineRefs(node, inputRef, ref); }, type: type, value: type === FieldInput_interface.FieldInputTypeEnum.BUTTON ? (!value ? placeholder : value) : value })),
-        suffix && (React__default["default"].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 Field_constant.combineRefs(node, inputRef, ref); }, type: type, value: type === FieldInput_interface.FieldInputTypeEnum.BUTTON ? (!value ? placeholder : value) : value })),
+        suffix && (React__default["default"].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 = React.forwardRef(BaseComponent);
 /**

package/dist/cjs/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":["classNames","styles","useRef","useFieldContext","useFieldFocus","useFieldError","useCallback","FieldInputTypeEnum","React","combineRefs","forwardRef"],"mappings":"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"}
+{"version":3,"file":"FieldInput.component.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldInput/FieldInput.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","useRef","useFieldContext","useFieldListContext","useFieldFocus","useFieldError","useCallback","FieldInputTypeEnum","React","combineRefs","forwardRef"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-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"};
 
 module.exports = styles;
 //# sourceMappingURL=FieldInput.module.scss.js.map

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

@@ -4,14 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
-var miniArrowGrayDown = require('../../../../../../assets/miniArrowGrayDown.svg.js');
-var miniArrowGrayUp = require('../../../../../../assets/miniArrowGrayUp.svg.js');
+var FieldListBody_component = require('./children/FieldListBody/FieldListBody.component.js');
 var FieldListItem_component = require('./children/FieldListItem/FieldListItem.component.js');
 var FieldListResponsive_component = require('./children/FieldListResponsive/FieldListResponsive.component.js');
 var FieldListWrapper_component = require('./children/FieldListWrapper/FieldListWrapper.component.js');
 var Field_context = require('../../Field.context.js');
+var Field_constant = require('../../Field.constant.js');
 var classNames_util = require('../../../../../../shared/utils/common/classNames.util.js');
 var FieldList_context = require('./FieldList.context.js');
+var FieldList_hooks = require('./FieldList.hooks.js');
+var index = require('../../../../../../utils/react/index.js');
 var FieldList_module = require('./FieldList.module.scss.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -19,36 +21,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var cx = classNames_util.classNames.bind(FieldList_module);
-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 = tslib_es6.__rest(_a, ["breakpoint", "children", "className", "defaultValue", "multiple", "onChange", "style", "value"]);
-    var _b = React.useState(defaultValue), selected = _b[0], setSelected = _b[1];
-    var _c = Field_context.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 = React.useMemo(function () { return (tslib_es6.__assign(tslib_es6.__assign({}, containerStyle), style)); }, [style]);
-    var isControlled = React.useMemo(function () { return controlledValue !== undefined; }, [controlledValue]);
-    var value = React.useMemo(function () { return (isControlled ? controlledValue : selected); }, [isControlled, controlledValue, selected]);
-    var toggleValue = React.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); }) : tslib_es6.__spreadArray(tslib_es6.__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 = tslib_es6.__rest(_a, ["breakpoint", "children", "className", "defaultValue", "multiple", "onChange", "value"]);
+    var _b = Field_context.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 = FieldList_hooks.useFieldList({
+        defaultValue: defaultValue,
+        multiple: multiple,
+        onChange: onChange,
+        value: controlledValue
+    }), value = _c.value, toggleValue = _c.toggleValue;
+    var listRef = React.useRef(null);
+    var shadowRef = React.useRef(null);
     React.useEffect(function () {
         if (!breakpoint && controlledBreakpoint) {
             setBreakpoint(controlledBreakpoint);
@@ -58,13 +41,49 @@ function BaseComponent(_a, ref) {
         if (!hasList)
             setHasList(true);
     }, [hasList, setHasList]);
-    return (React__default["default"].createElement(FieldList_context.ListContext.Provider, { value: { value: value, toggleValue: toggleValue } },
+    React.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__default["default"].createElement(FieldList_context.ListContext.Provider, { value: { isInsideList: true, toggleValue: toggleValue, value: value } },
         React__default["default"].createElement(FieldListResponsive_component.FieldListResponsive, null,
-            React__default["default"].createElement("ul", tslib_es6.__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__default["default"].createElement("div", tslib_es6.__assign({}, props, { ref: function (node) { return Field_constant.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__default["default"].createElement("div", { ref: shadowRef, className: cx('magneto-ui-field-list-shadow', isFocused ? 'magneto-ui-field-list-shadow--visible' : 'magneto-ui-field-list-shadow--hidden') }),
+                index.renderChildren(children, { isDesktop: isDesktop, isMobile: isMobile })))));
 }
 var Component = React.forwardRef(BaseComponent);
-// const Component = forwardRef<HTMLUListElement, IFieldList>(BaseComponent)
-var FieldList = Object.assign(Component, { Item: FieldListItem_component.FieldListItem, Wrapper: FieldListWrapper_component.FieldListWrapper });
+var FieldList = Object.assign(Component, { Item: FieldListItem_component.FieldListItem, Wrapper: FieldListWrapper_component.FieldListWrapper, Body: FieldListBody_component.FieldListBody });
 
 exports.FieldList = FieldList;
 //# sourceMappingURL=FieldList.component.js.map

package/dist/cjs/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":["classNames","styles","MiniArrowGrayDown","MiniArrowGrayUp","useState","useFieldContext","useMemo","useCallback","useEffect","React","ListContext","Responsive","forwardRef"],"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":["classNames","styles","useFieldContext","useFieldList","useRef","useEffect","React","ListContext","Responsive","combineRefs","renderChildren","forwardRef"],"mappings":"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"}

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

@@ -4,13 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var ListContext = React.createContext(null);
+var initialValue = {
+    isInsideList: false,
+    toggleValue: function () { return undefined; },
+    value: undefined
+};
+var ListContext = React.createContext(initialValue);
 var useFieldListContext = function () {
-    var context = React.useContext(ListContext);
-    if (!context) {
-        throw new Error('useFieldListContext must be used within Field.List');
-    }
-    return context;
+    return React.useContext(ListContext);
 };
 
 exports.ListContext = ListContext;

package/dist/cjs/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":["createContext","useContext"],"mappings":";;;;;;IAGa,WAAW,GAAGA,mBAAa,CAA2B,IAAI,EAAC;IAE3D,mBAAmB,GAAG;IACjC,IAAM,OAAO,GAAGC,gBAAU,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":["createContext","useContext"],"mappings":";;;;;;AAGA,IAAM,YAAY,GAAsB;IACtC,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,cAAM,OAAA,SAAS,GAAA;IAC5B,KAAK,EAAE,SAAS;CACjB,CAAA;IAEY,WAAW,GAAGA,mBAAa,CAAoB,YAAY,EAAC;IAE5D,mBAAmB,GAAG;IACjC,OAAOC,gBAAU,CAAC,WAAW,CAAC,CAAA;AAChC;;;;;"}

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

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var Field_context = require('../../Field.context.js');
+
+function useFieldList(_a) {
+    var defaultValue = _a.defaultValue, multiple = _a.multiple, onChange = _a.onChange, controlledValue = _a.value;
+    var _b = React.useState(defaultValue), selected = _b[0], setSelected = _b[1];
+    var setIsFocused = Field_context.useFieldContext().setIsFocused;
+    var isControlled = React.useMemo(function () { return controlledValue !== undefined; }, [controlledValue]);
+    var value = React.useMemo(function () { return (isControlled ? controlledValue : selected); }, [isControlled, controlledValue, selected]);
+    var handleMultipleChange = React.useCallback(function (newValue) {
+        if (!onChange)
+            return;
+        var multipleOnChange = onChange;
+        multipleOnChange(newValue);
+    }, [onChange]);
+    var handleSingleChange = React.useCallback(function (newValue) {
+        if (!onChange)
+            return;
+        var singleOnChange = onChange;
+        singleOnChange(newValue);
+    }, [onChange]);
+    var toggleValue = React.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; }) : tslib_es6.__spreadArray(tslib_es6.__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 };
+}
+
+exports.useFieldList = useFieldList;
+//# sourceMappingURL=FieldList.hooks.js.map

package/dist/cjs/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":["useState","useFieldContext","useMemo","useCallback"],"mappings":";;;;;;;;SAIgB,YAAY,CAA2B,EAKrB;QAJhC,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACD,eAAe,WAAA;IAEhB,IAAA,KAA0BA,cAAQ,CAAsB,YAAY,CAAC,EAApE,QAAQ,QAAA,EAAE,WAAW,QAA+C,CAAA;IACnE,IAAA,YAAY,GAAKC,6BAAe,EAAE,aAAtB,CAAsB;IAE1C,IAAM,YAAY,GAAGC,aAAO,CAAC,cAAM,OAAA,eAAe,KAAK,SAAS,GAAA,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAEpF,IAAM,KAAK,GAAGA,aAAO,CAAC,cAAM,QAAC,YAAY,GAAG,eAAe,GAAG,QAAQ,IAAC,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnH,IAAM,oBAAoB,GAAGC,iBAAW,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,GAAGA,iBAAW,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,GAAGA,iBAAW,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,uDAAO,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/cjs/components/UI/atoms/Field/children/FieldList/FieldList.module.scss.js

@@ -1,6 +1,6 @@
 'use strict';
 
-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"};
 
 module.exports = styles;
 //# sourceMappingURL=FieldList.module.scss.js.map

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var responsive_constants = require('../../../../../../../../constants/responsive.constants.js');
+var Field_context = require('../../../../Field.context.js');
+var classNames_util = require('../../../../../../../../shared/utils/common/classNames.util.js');
+var FieldListBody_module = require('./FieldListBody.module.scss.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var cx = classNames_util.classNames.bind(FieldListBody_module);
+function BaseComponent(_a, ref) {
+    var className = _a.className, children = _a.children, style = _a.style, props = tslib_es6.__rest(_a, ["className", "children", "style"]);
+    var _b = Field_context.useFieldContext(), breakpoint = _b.breakpoint, isDesktop = _b.isDesktop, isMobile = _b.isMobile;
+    var styles = React.useMemo(function () { return (tslib_es6.__assign(tslib_es6.__assign({}, style), { '--breakpoint': "".concat(responsive_constants.screenSize[breakpoint || 'sm'], "px") })); }, [breakpoint, style]);
+    return (React__default["default"].createElement("ul", tslib_es6.__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 = React.forwardRef(BaseComponent);
+/**
+ * Atom UI of field. It includes .
+ */
+var FieldListBody = Object.assign(Component, {});
+
+exports.FieldListBody = FieldListBody;
+//# sourceMappingURL=FieldListBody.component.js.map

package/dist/cjs/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":["classNames","styles","useFieldContext","useMemo","screenSize","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,oBAAM,CAAC,CAAA;AAElC,SAAS,aAAa,CACpB,EAAwD,EACxD,GAAyC;IADvC,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,wBAAtC,kCAAwC,CAAF;IAGhC,IAAA,KAAsCC,6BAAe,EAAE,EAArD,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAsB,CAAA;IAE7D,IAAM,MAAM,GAAGC,aAAO,CACpB,cAAM,kDAAM,KAAK,KAAE,cAAc,EAAE,UAAGC,+BAAU,CAAC,UAAU,IAAI,IAAI,CAAC,OAAI,OAAG,EAC3E,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAA;IAED,QACEC,qEACM,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,GAAGC,gBAAU,CAAmC,aAAa,CAAC,CAAA;AAE7E;;;IAGa,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+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"};
+
+module.exports = styles;
+//# sourceMappingURL=FieldListBody.module.scss.js.map

package/dist/cjs/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/cjs/components/UI/atoms/Field/children/FieldList/children/FieldListItem/FieldListItem.component.js

@@ -15,14 +15,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx = classNames_util.classNames.bind(FieldListItem_module);
 function BaseComponent(_a, ref) {
     var children = _a.children, className = _a.className, controlledValue = _a.value, props = tslib_es6.__rest(_a, ["children", "className", "value"]);
-    var _b = FieldList_context.useFieldListContext(), value = _b.value, toggleValue = _b.toggleValue;
+    var _b = FieldList_context.useFieldListContext(), toggleValue = _b.toggleValue, value = _b.value;
     var isSelected = React.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__default["default"].createElement("li", tslib_es6.__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/cjs/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":["classNames","styles","useFieldListContext","useMemo","React","forwardRef"],"mappings":";;;;;;;;;;;;;;AAMA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,oBAAM,CAAC,CAAA;AAElC,SAAS,aAAa,CACpB,EAA4E,EAC5E,GAAsC;IADpC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAS,eAAe,WAAA,EAAK,KAAK,wBAAvD,kCAAyD,CAAF;IAGjD,IAAA,KAAyBC,qCAAmB,EAAE,EAA5C,KAAK,WAAA,EAAE,WAAW,iBAA0B,CAAA;IAEpD,IAAM,UAAU,GAAGC,aAAO,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,QACEC,qEACM,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,GAAGC,gBAAU,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":["classNames","styles","useFieldListContext","useMemo","React","forwardRef"],"mappings":";;;;;;;;;;;;;;AAOA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,oBAAM,CAAC,CAAA;AAElC,SAAS,aAAa,CACpB,EAA4E,EAC5E,GAAsC;IADpC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAS,eAAe,WAAA,EAAK,KAAK,wBAAvD,kCAAyD,CAAF;IAGjD,IAAA,KAAyBC,qCAAmB,EAAE,EAA5C,WAAW,iBAAA,EAAE,KAAK,WAA0B,CAAA;IAEpD,IAAM,UAAU,GAAGC,aAAO,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,QACEC,qEACM,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,GAAGC,gBAAU,CAAC,aAAa,CAEL,CAAA;AAErC;;;IAGa,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}