magneto365.ui 2.79.1 → 2.81.0

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

@@ -18,13 +18,14 @@ require('../../../../constants/stories/vacantPositionsCategory.constants.js');
 require('../../../../constants/img.constants.js');
 var DateDropdown_module = require('./DateDropdown.module.scss.js');
 require('../../../../utils/date/dateInput.util.js');
+require('../Field/Field.component.js');
+require('../Typography/Typography.component.js');
+require('../Typography/Typography.interface.js');
 require('../InputFile/InputFile.component.js');
 require('../Paragraph/Paragraph.component.js');
 require('../Radio/Radio.interface.js');
 require('../Radio/Radio.constants.js');
 require('../../../../constants/jobDetails.constants.js');
-require('../Typography/Typography.component.js');
-require('../Typography/Typography.interface.js');
 require('../../../hooks/useMediaQuery/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -1 +1 @@
-{"version":3,"file":"DateDropdown.component.js","sources":["../../../../../../src/components/UI/atoms/DateDropdown/DateDropdown.component.tsx"],"sourcesContent":[null],"names":["useMemo","React","IconItem","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAM,SAAS,GAA4B,UAAC,EAM3C;QALC,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,eAAe,qBAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEhB,IAAM,aAAa,GAAGA,aAAO,CAAC;QAC5B,IAAI,QAAQ;YACV,QACEC,wCAACC,uBAAQ,IAAC,SAAS,EAAEC,mBAAM,CAAC,iCAAiC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,EAChH;QACH,OAAOF,wCAACC,uBAAQ,IAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,CAAA;KACjE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,QACED,iDAAK,SAAS,EAAEE,mBAAM,CAAC,oCAAoC,CAAC;QAC1DF,oDACE,SAAS,EAAEE,mBAAM,CAAC,mCAAmC,CAAC,EACtD,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,QAAQ;YAElBF,oDAAQ,SAAS,EAAEE,mBAAM,CAAC,mCAAmC,CAAC,EAAE,KAAK,EAAC,EAAE,EAAC,QAAQ,QAAC,MAAM,UACrF,gBAAgB,CACV,EACR,WAAW,aAAX,WAAW;YAAX,WAAW,CAAE,GAAG,CAAC,UAAC,EAA4B;oBAA1B,WAAW,iBAAA,EAAE,WAAW,iBAAA;gBAAO,QAClDF,oDAAQ,SAAS,EAAEE,mBAAM,CAAC,mCAAmC,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,IACjG,WAAW,CACL;aACV,CAAC,CACK;QACTF,kDAAM,SAAS,EAAEE,mBAAM,CAAC,iCAAiC,CAAC,IAAG,aAAa,CAAQ,CAC9E,EACP;AACH,CAAC,CAAA;IAEY,YAAY,GAAG;;;;"}
+{"version":3,"file":"DateDropdown.component.js","sources":["../../../../../../src/components/UI/atoms/DateDropdown/DateDropdown.component.tsx"],"sourcesContent":[null],"names":["useMemo","React","IconItem","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAM,SAAS,GAA4B,UAAC,EAM3C;QALC,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,eAAe,qBAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEhB,IAAM,aAAa,GAAGA,aAAO,CAAC;QAC5B,IAAI,QAAQ;YACV,QACEC,wCAACC,uBAAQ,IAAC,SAAS,EAAEC,mBAAM,CAAC,iCAAiC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,EAChH;QACH,OAAOF,wCAACC,uBAAQ,IAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,CAAA;KACjE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,QACED,iDAAK,SAAS,EAAEE,mBAAM,CAAC,oCAAoC,CAAC;QAC1DF,oDACE,SAAS,EAAEE,mBAAM,CAAC,mCAAmC,CAAC,EACtD,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,QAAQ;YAElBF,oDAAQ,SAAS,EAAEE,mBAAM,CAAC,mCAAmC,CAAC,EAAE,KAAK,EAAC,EAAE,EAAC,QAAQ,QAAC,MAAM,UACrF,gBAAgB,CACV,EACR,WAAW,aAAX,WAAW;YAAX,WAAW,CAAE,GAAG,CAAC,UAAC,EAA4B;oBAA1B,WAAW,iBAAA,EAAE,WAAW,iBAAA;gBAAO,QAClDF,oDAAQ,SAAS,EAAEE,mBAAM,CAAC,mCAAmC,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,IACjG,WAAW,CACL;aACV,CAAC,CACK;QACTF,kDAAM,SAAS,EAAEE,mBAAM,CAAC,iCAAiC,CAAC,IAAG,aAAa,CAAQ,CAC9E,EACP;AACH,CAAC,CAAA;IAEY,YAAY,GAAG;;;;"}

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

@@ -0,0 +1,31 @@
+'use strict';
+
+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');
+var FieldList_component = require('./children/FieldList/FieldList.component.js');
+var Field_context = require('./Field.context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var BaseComponent = function (_a, ref) {
+    var children = _a.children, props = tslib_es6.__rest(_a, ["children"]);
+    return (React__default["default"].createElement(Field_context.FieldProvider, tslib_es6.__assign({}, props, { fieldRef: ref }), children));
+};
+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 });
+
+exports.Field = Field;
+//# sourceMappingURL=Field.component.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function combineRefs(node) {
+    var refs = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        refs[_i - 1] = arguments[_i];
+    }
+    for (var _a = 0, refs_1 = refs; _a < refs_1.length; _a++) {
+        var ref = refs_1[_a];
+        if (!ref)
+            continue;
+        if (typeof ref === 'function') {
+            ref(node);
+        }
+        else {
+            ref.current = node;
+        }
+    }
+}
+
+exports.combineRefs = combineRefs;
+//# sourceMappingURL=Field.constant.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.constant.js","sources":["../../../../../../src/components/UI/atoms/Field/Field.constant.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;SAAgB,WAAW,CAAI,IAAO;IAAE,cAAqC;SAArC,UAAqC,EAArC,qBAAqC,EAArC,IAAqC;QAArC,6BAAqC;;IAC3E,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI,EAAE;QAAnB,IAAM,GAAG,aAAA;QACZ,IAAI,CAAC,GAAG;YAAE,SAAQ;QAElB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,IAAI,CAAC,CAAA;SACV;aAAM;YACJ,GAAwC,CAAC,OAAO,GAAG,IAAI,CAAA;SACzD;KACF;AACH;;;;"}

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

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var index = require('../../../hooks/useMediaQuery/index.js');
+var classNames_util = require('../../../../shared/utils/common/classNames.util.js');
+var Field_module = require('./Field.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(Field_module);
+var FieldContext = React.createContext(null);
+var FieldProvider = function (_a) {
+    var _b;
+    var children = _a.children, className = _a.className, fieldRef = _a.fieldRef, props = tslib_es6.__rest(_a, ["children", "className", "fieldRef"]);
+    var _c = React.useState(undefined), hasError = _c[0], setHasError = _c[1];
+    var _d = React.useState(null), breakpoint = _d[0], setBreakpoint = _d[1];
+    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 onFocus = React.useCallback(function () {
+        setIsFocused(true);
+    }, []);
+    var onBlur = React.useCallback(function (evt) {
+        var _a;
+        if (isMobile)
+            return;
+        var nextTarget = (evt === null || evt === void 0 ? void 0 : evt.relatedTarget) || document.activeElement;
+        if (nextTarget && ((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(nextTarget)))
+            return;
+        setIsFocused(false);
+    }, [isMobile]);
+    return (React__default["default"].createElement(FieldContext.Provider, { value: {
+            breakpoint: breakpoint,
+            hasError: hasError,
+            hasList: hasList,
+            id: id,
+            isFocused: isFocused,
+            isMobile: isMobile,
+            wrapperRef: wrapperRef,
+            onBlur: onBlur,
+            onFocus: onFocus,
+            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)));
+};
+var useFieldContext = function () {
+    var context = React.useContext(FieldContext);
+    if (!context) {
+        throw new Error('useFieldContext must be used within a FieldProvider');
+    }
+    return context;
+};
+
+exports.FieldProvider = FieldProvider;
+exports.useFieldContext = useFieldContext;
+//# sourceMappingURL=Field.context.js.map

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

@@ -0,0 +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","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,KAA0BC,cAAQ,CAAsB,SAAS,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAA;IAClE,IAAA,KAA8BA,cAAQ,CAAgB,IAAI,CAAC,EAA1D,UAAU,QAAA,EAAE,aAAa,QAAiC,CAAA;IAC3D,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,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,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;;;;;"}

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

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Field_context = require('./Field.context.js');
+
+var useFieldError = function (error) {
+    var _a = Field_context.useFieldContext(), hasError = _a.hasError, setHasError = _a.setHasError;
+    React.useEffect(function () {
+        if (error === undefined || error === hasError)
+            return;
+        setHasError(error);
+    }, [error, hasError, setHasError]);
+};
+function useFieldFocus(_a) {
+    var disabled = _a.disabled, readOnly = _a.readOnly, ref = _a.ref, controlledOnBlur = _a.onBlur, controlledOnFocus = _a.onFocus;
+    var _b = Field_context.useFieldContext(), onBlur = _b.onBlur, onFocus = _b.onFocus, isFocused = _b.isFocused, isMobile = _b.isMobile;
+    var handleOnBlur = React.useCallback(function (evt, ref) {
+        onBlur(evt, ref);
+        controlledOnBlur === null || controlledOnBlur === void 0 ? void 0 : controlledOnBlur(evt);
+    }, [controlledOnBlur, onBlur]);
+    var handleOnFocus = React.useCallback(function (evt) {
+        if (disabled || readOnly)
+            return;
+        onFocus(evt);
+        controlledOnFocus === null || controlledOnFocus === void 0 ? void 0 : controlledOnFocus(evt);
+    }, [controlledOnFocus, disabled, onFocus, readOnly]);
+    React.useEffect(function () {
+        var _a;
+        if (!isMobile && isFocused) {
+            (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [isFocused, isMobile, ref]);
+    return { handleOnFocus: handleOnFocus, handleOnBlur: handleOnBlur };
+}
+
+exports.useFieldError = useFieldError;
+exports.useFieldFocus = useFieldFocus;
+//# sourceMappingURL=Field.hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.hooks.js","sources":["../../../../../../src/components/UI/atoms/Field/Field.hooks.tsx"],"sourcesContent":[null],"names":["useFieldContext","useEffect","useCallback"],"mappings":";;;;;;;IAIa,aAAa,GAAG,UAAC,KAAe;IACrC,IAAA,KAA4BA,6BAAe,EAAE,EAA3C,QAAQ,cAAA,EAAE,WAAW,iBAAsB,CAAA;IAEnDC,eAAS,CAAC;QACR,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ;YAAE,OAAM;QACrD,WAAW,CAAC,KAAK,CAAC,CAAA;KACnB,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;AACpC,EAAC;SAEe,aAAa,CAAwB,EAMjC;QALlB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,GAAG,SAAA,EACK,gBAAgB,YAAA,EACf,iBAAiB,aAAA;IAEpB,IAAA,KAA2CD,6BAAe,EAAE,EAA1D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAsB,CAAA;IAElE,IAAM,YAAY,GAAGE,iBAAW,CAC9B,UAAC,GAAwB,EAAE,GAAgD;QACzE,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;QAChB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,GAAG,CAAC,CAAA;KACxB,EACD,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAC3B,CAAA;IAED,IAAM,aAAa,GAAGA,iBAAW,CAC/B,UAAC,GAAwB;QACvB,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAM;QAChC,OAAO,CAAC,GAAG,CAAC,CAAA;QACZ,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,GAAG,CAAC,CAAA;KACzB,EACD,CAAC,iBAAiB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CACjD,CAAA;IAEDD,eAAS,CAAC;;QACR,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE;YAC1B,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA;SACtB;KACF,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAA;IAE9B,OAAO,EAAE,aAAa,eAAA,EAAE,YAAY,cAAA,EAAE,CAAA;AACxC;;;;;"}

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

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

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

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

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var Field_constant = require('../../Field.constant.js');
+var Field_hooks = require('../../Field.hooks.js');
+var classNames_util = require('../../../../../../shared/utils/common/classNames.util.js');
+var FieldArea_module = require('./FieldArea.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(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 areaRef = React.useRef(null);
+    Field_hooks.useFieldError(error);
+    var handleOnWrapperMouseDown = React.useCallback(function (evt) {
+        var _a;
+        if (disabled || readOnly)
+            return;
+        evt.preventDefault();
+        (_a = areaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [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); } }))));
+};
+var Component = React.forwardRef(BaseComponent);
+/**
+ * Atom UI of field. It includes .
+ */
+var FieldArea = Object.assign(Component, {});
+
+exports.FieldArea = FieldArea;
+//# sourceMappingURL=FieldArea.component.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +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"};
+
+module.exports = styles;
+//# sourceMappingURL=FieldArea.module.scss.js.map

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

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

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classNames_util = require('../../../../../../shared/utils/common/classNames.util.js');
+var FieldGroup_module = require('./FieldGroup.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(FieldGroup_module);
+var BaseComponent = function (_a, ref) {
+    var children = _a.children, className = _a.className, props = tslib_es6.__rest(_a, ["children", "className"]);
+    return (React__default["default"].createElement("div", tslib_es6.__assign({}, props, { ref: ref, className: cx('magneto-ui-field-group', className), "data-lib": "magneto-ui", "data-slot": "field-group" }), children));
+};
+var Component = React.forwardRef(BaseComponent);
+/**
+ * Atom UI of field. It includes .
+ */
+var FieldGroup = Object.assign(Component, {});
+
+exports.FieldGroup = FieldGroup;
+//# sourceMappingURL=FieldGroup.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.component.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldGroup/FieldGroup.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","React","forwardRef"],"mappings":";;;;;;;;;;;;;AAKA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,iBAAM,CAAC,CAAA;AAElC,IAAM,aAAa,GAAG,UAAC,EAA8C,EAAE,GAAuC;IAArF,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,wBAA/B,yBAAiC,CAAF;IACpD,QACEC,sEACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,cACzC,YAAY,eACX,aAAa,KAEtB,QAAQ,CACL,EACP;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAGC,gBAAU,CAA8B,aAAa,CAAC,CAAA;AAExE;;;IAGa,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"magneto-ui-field-group":"mg_field_group_magneto-ui-field-group_uxauq"};
+
+module.exports = styles;
+//# sourceMappingURL=FieldGroup.module.scss.js.map

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

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

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classNames_util = require('../../../../../../shared/utils/common/classNames.util.js');
+var FieldHint_module = require('./FieldHint.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(FieldHint_module);
+var BaseComponent = function (_a, ref) {
+    var children = _a.children, className = _a.className, type = _a.type, props = tslib_es6.__rest(_a, ["children", "className", "type"]);
+    return (React__default["default"].createElement("span", tslib_es6.__assign({}, props, { ref: ref, "data-lib": "magneto-ui", "data-slot": "field-hint", className: cx('magneto-ui-field-hint', type ? "magneto-ui-field-hint--".concat(type) : '', className) }), children));
+};
+var Component = React.forwardRef(BaseComponent);
+/**
+ * Atom UI of field. It includes .
+ */
+var FieldHint = Object.assign(Component, {});
+
+exports.FieldHint = FieldHint;
+//# sourceMappingURL=FieldHint.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHint.component.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldHint/FieldHint.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","React","forwardRef"],"mappings":";;;;;;;;;;;;;AAKA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,gBAAM,CAAC,CAAA;AAElC,IAAM,aAAa,GAAG,UACpB,EAAmD,EACnD,GAAwC;IADtC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAK,KAAK,wBAArC,iCAAuC,CAAF;IAGrC,QACEC,uEACM,KAAK,IACT,GAAG,EAAE,GAAG,cACC,YAAY,eACX,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,IAAI,GAAG,iCAA0B,IAAI,CAAE,GAAG,EAAE,EAAE,SAAS,CAAC,KAE9F,QAAQ,CACJ,EACR;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAGC,gBAAU,CAA8B,aAAa,CAAC,CAAA;AAExE;;;IAGa,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"magneto-ui-field-hint--hint":"mg_field_hint_magneto-ui-field-hint--hint_1qhw2","magneto-ui-field-hint--warning":"mg_field_hint_magneto-ui-field-hint--warning_1qhw2","magneto-ui-field-hint--error":"mg_field_hint_magneto-ui-field-hint--error_1qhw2","magneto-ui-field-hint--success":"mg_field_hint_magneto-ui-field-hint--success_1qhw2"};
+
+module.exports = styles;
+//# sourceMappingURL=FieldHint.module.scss.js.map

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

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

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

@@ -0,0 +1,70 @@
+'use strict';
+
+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 Field_hooks = require('../../Field.hooks.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 FieldInput_module = require('./FieldInput.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(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 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;
+    var handleOnFocus = Field_hooks.useFieldFocus({
+        disabled: disabled,
+        readOnly: readOnly,
+        ref: inputRef,
+        onFocus: controlledOnFocus
+    }).handleOnFocus;
+    Field_hooks.useFieldError(error);
+    var handleLocalOnFocus = React.useCallback(function (evt) {
+        if (isMobile && !preserveFocus && hasList)
+            evt.target.blur();
+        if (hasList)
+            handleOnFocus(evt);
+        controlledOnFocus === null || controlledOnFocus === void 0 ? void 0 : controlledOnFocus(evt);
+    }, [controlledOnFocus, hasList, handleOnFocus, isMobile, preserveFocus]);
+    var handleOnWrapperMouseDown = React.useCallback(function (evt) {
+        var _a, _b, _c;
+        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)))
+            return;
+        if (hasList) {
+            setIsFocused(true);
+        }
+        evt.preventDefault();
+        (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+    }, [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, { 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
+                ? !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))));
+};
+var Component = React.forwardRef(BaseComponent);
+/**
+ * Atom UI of field. It includes .
+ */
+var FieldInput = Object.assign(Component, {});
+
+exports.FieldInput = FieldInput;
+//# sourceMappingURL=FieldInput.component.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+exports.FieldInputTypeEnum = void 0;
+(function (FieldInputTypeEnum) {
+    FieldInputTypeEnum["TEXT"] = "text";
+    FieldInputTypeEnum["PASSWORD"] = "password";
+    FieldInputTypeEnum["NUMBER"] = "number";
+    FieldInputTypeEnum["EMAIL"] = "email";
+    FieldInputTypeEnum["TEL"] = "tel";
+    FieldInputTypeEnum["BUTTON"] = "button";
+})(exports.FieldInputTypeEnum || (exports.FieldInputTypeEnum = {}));
+//# sourceMappingURL=FieldInput.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldInput.interface.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldInput/FieldInput.interface.ts"],"sourcesContent":[null],"names":["FieldInputTypeEnum"],"mappings":";;;;AAMYA;AAAZ,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,2CAAqB,CAAA;IACrB,uCAAiB,CAAA;IACjB,qCAAe,CAAA;IACf,iCAAW,CAAA;IACX,uCAAiB,CAAA;AACnB,CAAC,EAPWA,0BAAkB,KAAlBA,0BAAkB;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"magneto-ui-field-input":"mg_field_input_magneto-ui-field-input_1a3ed","magneto-ui-field-input--mobile":"mg_field_input_magneto-ui-field-input--mobile_1a3ed","magneto-ui-field-input--button":"mg_field_input_magneto-ui-field-input--button_1a3ed","magneto-ui-field-input--button-placeholder":"mg_field_input_magneto-ui-field-input--button-placeholder_1a3ed","magneto-ui-field-input--button-value":"mg_field_input_magneto-ui-field-input--button-value_1a3ed","magneto-ui-field-input--left":"mg_field_input_magneto-ui-field-input--left_1a3ed","magneto-ui-field-input--center":"mg_field_input_magneto-ui-field-input--center_1a3ed","magneto-ui-field-input--right":"mg_field_input_magneto-ui-field-input--right_1a3ed","magneto-ui-field-input-wrapper":"mg_field_input_magneto-ui-field-input-wrapper_1a3ed","magneto-ui-field-input-wrapper--mobile":"mg_field_input_magneto-ui-field-input-wrapper--mobile_1a3ed","magneto-ui-field-input-wrapper--error":"mg_field_input_magneto-ui-field-input-wrapper--error_1a3ed","magneto-ui-field-input-wrapper--button":"mg_field_input_magneto-ui-field-input-wrapper--button_1a3ed","magneto-ui-field-input-wrapper--disabled":"mg_field_input_magneto-ui-field-input-wrapper--disabled_1a3ed","magneto-ui-field-input-wrapper--readonly":"mg_field_input_magneto-ui-field-input-wrapper--readonly_1a3ed"};
+
+module.exports = styles;
+//# sourceMappingURL=FieldInput.module.scss.js.map

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

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

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classNames_util = require('../../../../../../shared/utils/common/classNames.util.js');
+var FieldLabel_module = require('./FieldLabel.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(FieldLabel_module);
+var BaseComponent = function (_a, ref) {
+    var children = _a.children, className = _a.className, props = tslib_es6.__rest(_a, ["children", "className"]);
+    return (React__default["default"].createElement("label", tslib_es6.__assign({}, props, { ref: ref, className: cx('magneto-ui-field-label', className), "data-lib": "magneto-ui", "data-slot": "field-label" }), children));
+};
+var Component = React.forwardRef(BaseComponent);
+/**
+ * Atom UI of field. It includes .
+ */
+var FieldLabel = Object.assign(Component, {});
+
+exports.FieldLabel = FieldLabel;
+//# sourceMappingURL=FieldLabel.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.component.js","sources":["../../../../../../../../src/components/UI/atoms/Field/children/FieldLabel/FieldLabel.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","React","forwardRef"],"mappings":";;;;;;;;;;;;;AAKA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,iBAAM,CAAC,CAAA;AAElC,IAAM,aAAa,GAAG,UAAC,EAA8C,EAAE,GAAyC;IAAvF,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,wBAA/B,yBAAiC,CAAF;IACpD,QACEC,wEACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,cACzC,YAAY,eACX,aAAa,KAEtB,QAAQ,CACH,EACT;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAGC,gBAAU,CAAgC,aAAa,CAAC,CAAA;AAE1E;;;IAGa,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"magneto-ui-field-label":"mg_field_label_magneto-ui-field-label_vcsdd"};
+
+module.exports = styles;
+//# sourceMappingURL=FieldLabel.module.scss.js.map

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

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

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

@@ -0,0 +1,68 @@
+'use strict';
+
+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 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 classNames_util = require('../../../../../../shared/utils/common/classNames.util.js');
+var FieldList_context = require('./FieldList.context.js');
+var FieldList_module = require('./FieldList.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(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; _a.isMobile; var multiple = _a.multiple, onChange = _a.onChange, style = _a.style, props = tslib_es6.__rest(_a, ["breakpoint", "children", "className", "defaultValue", "isMobile", "multiple", "onChange", "style"]);
+    var _b = React.useState(defaultValue), selected = _b[0], setSelected = _b[1];
+    var _c = Field_context.useFieldContext(), breakpoint = _c.breakpoint, hasList = _c.hasList, 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 toggleValue = React.useCallback(function (value) {
+        if (!value)
+            return;
+        if (multiple) {
+            setSelected(function (prev) {
+                var _a;
+                var prevArr = (_a = prev) !== 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);
+                return next;
+            });
+        }
+        else {
+            setIsFocused(false);
+            setSelected(value);
+            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        }
+    }, [multiple, onChange, setIsFocused]);
+    React.useEffect(function () {
+        if (!breakpoint && controlledBreakpoint) {
+            setBreakpoint(controlledBreakpoint);
+        }
+    }, [breakpoint, controlledBreakpoint, setBreakpoint]);
+    React.useEffect(function () {
+        if (!hasList)
+            setHasList(true);
+    }, [hasList, setHasList]);
+    return (React__default["default"].createElement(FieldList_context.ListContext.Provider, { value: { selected: selected, toggleValue: toggleValue } },
+        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({ isMobile: isMobile }) : children))));
+}
+var Component = React.forwardRef(BaseComponent);
+// const Component = forwardRef<HTMLUListElement, IFieldList>(BaseComponent)
+var FieldList = Object.assign(Component, { Item: FieldListItem_component.FieldListItem, Wrapper: FieldListWrapper_component.FieldListWrapper });
+
+exports.FieldList = FieldList;
+//# sourceMappingURL=FieldList.component.js.map

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

@@ -0,0 +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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"}