magneto365.ui 2.79.0 → 2.80.0

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":";;;;;;;;;;;;;;;;;AAQA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,iBAAM,CAAC,CAAA;AAElC,IAAM,aAAa,GAAG,UACpB,EAiBc,EACd,GAAyC;IAjBvC,IAAA,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACC,iBAAiB,aAAA,EAC1B,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACJ,KAAK,wBAhBV,sKAiBC,CADS;IAIV,IAAM,SAAS,GAAGC,YAAM,CAAyB,IAAI,CAAC,CAAA;IACtD,IAAM,SAAS,GAAGA,YAAM,CAAyB,IAAI,CAAC,CAAA;IACtD,IAAM,QAAQ,GAAGA,YAAM,CAA0B,IAAI,CAAC,CAAA;IAChD,IAAA,KAAuCC,6BAAe,EAAE,EAAtD,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,SAAS,eAAsB,CAAA;IACtD,IAAA,aAAa,GAAKC,yBAAa,CAAmB;QACxD,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,iBAAiB;KAC3B,CAAC,cALmB,CAKnB;IAEFC,yBAAa,CAAC,KAAK,CAAC,CAAA;IAEpB,IAAM,kBAAkB,GAAGC,iBAAW,CACpC,UAAC,GAAuC;QACtC,IAAI,QAAQ,IAAI,CAAC,aAAa,IAAI,OAAO;YAAE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;QAC5D,IAAI,OAAO;YAAE,aAAa,CAAC,GAAG,CAAC,CAAA;QAC/B,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,GAAG,CAAC,CAAA;KACzB,EACD,CAAC,iBAAiB,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,CAAC,CACrE,CAAA;IAED,IAAM,wBAAwB,GAAGA,iBAAW,CAC1C,UAAC,GAAqB;;QACpB,IACE,QAAQ;YACR,QAAQ;aACR,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,GAAG,CAAC,MAAc,CAAC,CAAA;aAC/C,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,GAAG,CAAC,MAAc,CAAC,CAAA;YAE/C,OAAM;QAER,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;QAED,GAAG,CAAC,cAAc,EAAE,CAAA;QACpB,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;KAC1B,EACD,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,CAAC,CAC5C,CAAA;IAED,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAACC,uCAAkB,CAAC,CAAC,QAAQ,CAAC,IAA0B,CAAC;QAAE,OAAO,IAAI,CAAA;IAEhG,QACEC,uEACM,OAAO,IACX,WAAW,EAAE,wBAAwB,gBACzB,KAAK,cACR,YAAY,eACX,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,QAAQ,GAAG,0CAA0C,GAAG,EAAE,EAC1D,QAAQ,GAAG,0CAA0C,GAAG,EAAE,EAC1D,QAAQ,GAAG,wCAAwC,GAAG,EAAE,EACxD,KAAK,GAAG,uCAAuC,GAAG,EAAE,EACpD,IAAI,GAAG,0CAAmC,IAAI,CAAE,GAAG,EAAE,EACrD,IAAI,GAAG,0CAAmC,IAAI,CAAE,GAAG,EAAE,EACrD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CACnB;QAEA,MAAM,KACLA,kDAAM,GAAG,EAAE,SAAS,IACjB,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,IAAI,SAAS,EAAE,CAAC,GAAG,MAAM,CACrF,CACR;QACDA,wEACM,KAAK,IACT,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,QAAQ,GAAG,wCAAwC,GAAG,EAAE,EACxD,KAAK,GAAG,kCAA2B,KAAK,CAAE,GAAG,EAAE,EAC/C,IAAI,KAAKD,uCAAkB,CAAC,MAAM;kBAC9B,CAAC,KAAK;sBACJ,4CAA4C;sBAC5C,sCAAsC;kBACxC,EAAE,EACN,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,UAAC,IAAI,IAAK,OAAAE,0BAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAA,EAC/C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,KAAKF,uCAAkB,CAAC,MAAM,IAAI,CAAC,KAAK,GAAG,WAAW,GAAG,KAAK,IAAI,KAAK,IAClF;QACD,MAAM,KACLC,kDAAM,GAAG,EAAE,SAAS,IACjB,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,IAAI,SAAS,EAAE,CAAC,GAAG,MAAM,CACrF,CACR,CACI,EACR;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAGE,gBAAU,CAAgC,aAAa,CAAC,CAAA;AAE1E;;;IAGa,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE;;;;"}

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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"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var ListContext = React.createContext(null);
+var useFieldListContext = function () {
+    var context = React.useContext(ListContext);
+    if (!context) {
+        throw new Error('useFieldListContext must be used within Field.List');
+    }
+    return context;
+};
+
+exports.ListContext = ListContext;
+exports.useFieldListContext = useFieldListContext;
+//# sourceMappingURL=FieldList.context.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+'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 FieldList_context = require('../../FieldList.context.js');
+var FieldListItem_module = require('./FieldListItem.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(FieldListItem_module);
+function BaseComponent(_a, ref) {
+    var children = _a.children, className = _a.className, value = _a.value, props = tslib_es6.__rest(_a, ["children", "className", "value"]);
+    var _b = FieldList_context.useFieldListContext(), selected = _b.selected, toggleValue = _b.toggleValue;
+    var isSelected = React.useMemo(function () {
+        if (!value)
+            return false;
+        if (Array.isArray(selected)) {
+            return selected.some(function (v) { return JSON.stringify(v) === JSON.stringify(value); });
+        }
+        return JSON.stringify(selected) === JSON.stringify(value);
+    }, [selected, 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(value); }, "data-lib": "magneto-ui", "data-slot": "field-list-item", ref: ref }), children));
+}
+var Component = React.forwardRef(BaseComponent);
+/**
+ * Atom UI of field. It includes .
+ */
+var FieldListItem = Object.assign(Component, {});
+
+exports.FieldListItem = FieldListItem;
+//# sourceMappingURL=FieldListItem.component.js.map

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

@@ -0,0 +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,EAA2D,EAC3D,GAAsC;IADpC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAK,KAAK,wBAAtC,kCAAwC,CAAF;IAGhC,IAAA,KAA4BC,qCAAmB,EAAE,EAA/C,QAAQ,cAAA,EAAE,WAAW,iBAA0B,CAAA;IAEvD,IAAM,UAAU,GAAGC,aAAO,CAAC;QACzB,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAA;QAExB,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,OAAO,QAAQ,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAA,CAAC,CAAA;SACzE;QAED,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;KAC1D,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,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,KAAK,CAAC,GAAA,cACxB,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;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"magneto-ui-field-list-item":"mg_field_list_item_magneto-ui-field-list-item_10x9f","magneto-ui-field-list-item--selected":"mg_field_list_item_magneto-ui-field-list-item--selected_10x9f"};
+
+module.exports = styles;
+//# sourceMappingURL=FieldListItem.module.scss.js.map

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

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

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

@@ -0,0 +1,78 @@
+'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');
+require('../../../../../../molecules/Actions/Actions.component.js');
+var classNames_util = require('../../../../../../../../shared/utils/common/classNames.util.js');
+require('../../../../../BarChart/enums.js');
+require('../../../../../../../../utils/classNameManager/classNameManager.util.js');
+require('../../../../../Collapse/Collapse.component.js');
+require('../../../../../../../../constants/stories/DatePicker.constants.js');
+require('../../../../../../../../constants/stories/jobVideo.constants.js');
+require('../../../../../../../../constants/stories/megaMenu.constants.js');
+require('../../../../../../../../constants/stories/sideFilter.constants.js');
+require('../../../../../../../../constants/stories/vacancies.constants.js');
+require('../../../../../../../../constants/stories/vacantPositionsCategory.constants.js');
+require('../../../../../../../../constants/img.constants.js');
+require('../../../../../../../../utils/date/dateInput.util.js');
+require('../../../../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('../../../../../../../hooks/useMediaQuery/index.js');
+require('../../../../../../molecules/AlertJobModal/AlertJobModal.component.js');
+require('../../../../../../molecules/AlertJobStatus/AlertJobStatus.component.js');
+var MobileDrawer_component = require('../../../../../../molecules/MobileDrawer/MobileDrawer.component.js');
+require('../../../../../../../context/container/container.context.js');
+require('../../../../../../molecules/CandidateNav/CandidateNav.component.js');
+require('../../../../../../molecules/CandidateProfile/CandidateProfile.component.js');
+require('react-dom');
+require('../../../../../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.constants.js');
+require('../../../../../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.js');
+require('../../../../../../molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.js');
+require('../../../../../../molecules/ExpandableInfo/ExpandableInfo.interface.js');
+require('../../../../../../../hoc/megaMenu/withSideCardsDrawer.mobile.js');
+require('../../../../../../molecules/SharePopover/SharePopover.js');
+require('../../../../../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
+require('../../../../../../template/MegaMenu/MegaMenu.context.js');
+require('../../../../../../molecules/Modal/Modal.component.js');
+require('../../../../../../molecules/SimilarCard/SimilarCard.component.js');
+require('../../../../../../molecules/TimelineEvent/TimelineEvent.interface.js');
+require('../../../../../../molecules/UserMenuAnalyst/children/UserMenuAnalystOptions/children/UserMenuAnalystOption/UserMenuAnalystOption.constants.js');
+require('../../../../../../molecules/UserMenuAnalyst/children/UserMenuAnalystOptions/children/UserMenuAnalystOption/children/UserMenuAnalystOptionDefault/UserMenuAnalystOptionDefault.component.js');
+require('../../../../../../molecules/UserMenuAnalyst/children/UserMenuAnalystOptions/children/UserMenuAnalystOption/children/UserMenuAnalystOptionHover/UserMenuAnalystOptionHover.component.js');
+require('../../../../../../molecules/UserMenuAnalyst/children/UserMenuAnalystOptions/children/UserMenuAnalystOption/children/UserMenuAnalystOptionText/UserMenuAnalystOptionText.component.js');
+require('../../../../../../molecules/UserMenuAnalyst/children/UserMenuAnalystOptions/children/UserMenuAnalystOption/children/UserMenuAnalystOptionActions/UserMenuAnalystOptionActions.component.js');
+require('../../../../../../molecules/UserMenuAnalyst/children/UserMenuAnalystOptions/children/UserMenuAnalystOption/UserMenuAnalystOption.interface.js');
+require('../../../../../../molecules/JobDetails/JobDetails.component.js');
+var FieldListResponsive_module = require('./FieldListResponsive.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(FieldListResponsive_module);
+var BaseComponent = function (_a) {
+    var children = _a.children;
+    var _b = Field_context.useFieldContext(), isFocused = _b.isFocused, isMobile = _b.isMobile, setIsFocused = _b.setIsFocused;
+    var Container = React.useMemo(function () { return (isMobile ? MobileDrawer_component.MobileDrawer : React__default["default"].Fragment); }, [isMobile]);
+    var mobileProps = React.useMemo(function () {
+        return isMobile && {
+            isOpen: isFocused,
+            onClose: function () { return setIsFocused(false); },
+            className: cx('magneto-ui-field-list-responsive')
+        };
+    }, [isFocused, isMobile, setIsFocused]);
+    return React__default["default"].createElement(Container, tslib_es6.__assign({}, mobileProps), children);
+};
+var FieldListResponsive = BaseComponent;
+
+exports.FieldListResponsive = FieldListResponsive;
+//# sourceMappingURL=FieldListResponsive.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldListResponsive.component.js","sources":["../../../../../../../../../../src/components/UI/atoms/Field/children/FieldList/children/FieldListResponsive/FieldListResponsive.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","useFieldContext","useMemo","MobileDrawer","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,0BAAM,CAAC,CAAA;AAElC,IAAM,aAAa,GAAa,UAAC,EAAY;QAAV,QAAQ,cAAA;IACnC,IAAA,KAAwCC,6BAAe,EAAE,EAAvD,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAsB,CAAA;IAE/D,IAAM,SAAS,GAAGC,aAAO,CAAC,cAAM,QAAC,QAAQ,GAAIC,mCAAsC,GAAGC,yBAAK,CAAC,QAAQ,IAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAElH,IAAM,WAAW,GAAGF,aAAO,CACzB;QACE,OAAA,QAAQ,IAAI;YACV,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,GAAA;YAClC,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC;SAClD;KAAA,EACH,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,CAAC,CACpC,CAAA;IAED,OAAOE,wCAAC,SAAS,yBAAK,WAAW,GAAG,QAAQ,CAAa,CAAA;AAC3D,CAAC,CAAA;IAEY,mBAAmB,GAAG;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"magneto-ui-field-list-responsive":"mg_field_list_responsive_magneto-ui-field-list-responsive_w54c0"};
+
+module.exports = styles;
+//# sourceMappingURL=FieldListResponsive.module.scss.js.map

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

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

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

@@ -0,0 +1,32 @@
+'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');
+var FieldListWrapper_module = require('./FieldListWrapper.module.scss.js');
+var classNames_util = require('../../../../../../../../shared/utils/common/classNames.util.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(FieldListWrapper_module);
+var BaseComponent = function (_a, ref) {
+    var children = _a.children, className = _a.className, nonRelative = _a.nonRelative, controlledOnBlur = _a.onBlur, tabIndex = _a.tabIndex, props = tslib_es6.__rest(_a, ["children", "className", "nonRelative", "onBlur", "tabIndex"]);
+    var _b = Field_context.useFieldContext(), isMobile = _b.isMobile, wrapperRef = _b.wrapperRef, onBlur = _b.onBlur;
+    var handleOnBlur = React.useCallback(function (evt) {
+        onBlur(evt, ref || wrapperRef);
+        controlledOnBlur === null || controlledOnBlur === void 0 ? void 0 : controlledOnBlur(evt);
+    }, [controlledOnBlur, onBlur, ref, wrapperRef]);
+    return (React__default["default"].createElement("div", tslib_es6.__assign({}, props, { tabIndex: tabIndex || -1, className: cx('magneto-ui-field-list-wrapper', nonRelative ? 'magneto-ui-field-list-wrapper--non-relative' : '', className), onBlur: handleOnBlur, "data-lib": "magneto-ui", "data-slot": "field-list-wrapper", "data-state": nonRelative ? 'non-relative' : 'relative', ref: ref || wrapperRef }), React__default["default"].Children.map(children, function (child) { return (typeof child === 'function' ? child({ isMobile: isMobile }) : child); })));
+};
+var Component = React.forwardRef(BaseComponent);
+/**
+ * Atom UI of field. It includes .
+ */
+var FieldListWrapper = Object.assign(Component, {});
+
+exports.FieldListWrapper = FieldListWrapper;
+//# sourceMappingURL=FieldListWrapper.component.js.map