magneto365.ui 2.75.1-job-details.11 → 2.75.1-job-details.12

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerDesktop/ContainerDesktop.component.js

@@ -1,9 +1,12 @@
 'use strict';
 
+var tslib_es6 = require('../../../../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var Close = require('../../../../../../../assets/Close.svg.js');
 require('../../../../../atoms/BarChart/enums.js');
+require('../../../../../../../utils/classNameManager/classNameManager.util.js');
+require('../../../../../atoms/Collapse/Collapse.component.js');
 var common_constants = require('../../../../../../../constants/stories/common.constants.js');
 require('../../../../../../../constants/stories/DatePicker.constants.js');
 require('../../../../../../../constants/stories/jobVideo.constants.js');
@@ -12,7 +15,6 @@ require('../../../../../../../constants/stories/sideFilter.constants.js');
 require('../../../../../../../constants/stories/vacancies.constants.js');
 require('../../../../../../../constants/stories/vacantPositionsCategory.constants.js');
 require('../../../../../../../constants/img.constants.js');
-require('../../../../../atoms/Collapse/Collapse.component.js');
 require('../../../../../../../utils/date/dateInput.util.js');
 require('../../../../../atoms/InputFile/InputFile.component.js');
 var InputSearch_component = require('../../../../../atoms/InputSearch/InputSearch.component.js');
@@ -35,28 +37,29 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
-const ContainerDesktop = ({ inputSearchProps, selectedValues, listOptions, removeValueToArray, addValueToArray, numberOfSelectable, dropDownTitle }) => {
-    const { containerOptions, menuPosition, toggleDropdown, limitOfSelectable, inputRef, isOpen, dropdownRef } = useContainerDesktop({ numberOfSelectable, selectedValues });
-    const { container } = React.useContext(container_context.ContainerContext);
-    const hideComponent = React.useMemo(() => {
+var ContainerDesktop = function (_a) {
+    var inputSearchProps = _a.inputSearchProps, selectedValues = _a.selectedValues, listOptions = _a.listOptions, removeValueToArray = _a.removeValueToArray, addValueToArray = _a.addValueToArray, numberOfSelectable = _a.numberOfSelectable, dropDownTitle = _a.dropDownTitle;
+    var _b = useContainerDesktop({ numberOfSelectable: numberOfSelectable, selectedValues: selectedValues }), containerOptions = _b.containerOptions, menuPosition = _b.menuPosition, toggleDropdown = _b.toggleDropdown, limitOfSelectable = _b.limitOfSelectable, inputRef = _b.inputRef, isOpen = _b.isOpen, dropdownRef = _b.dropdownRef;
+    var container = React.useContext(container_context.ContainerContext).container;
+    var hideComponent = React.useMemo(function () {
         return isOpen ? ContainerDesktop_module['hide'] : '';
     }, [isOpen]);
     return (React__default["default"].createElement("div", { style: { zIndex: 999999 } },
-        limitOfSelectable && (React__default["default"].createElement("div", { className: `${ContainerDesktop_module[`${common_constants.classMUI}-container-options-drop-down-container`]} ${hideComponent} `, ref: inputRef },
+        limitOfSelectable && (React__default["default"].createElement("div", { className: "".concat(ContainerDesktop_module["".concat(common_constants.classMUI, "-container-options-drop-down-container")], " ").concat(hideComponent, " "), ref: inputRef },
             React__default["default"].createElement(DropDownButton_component, { title: dropDownTitle, onClick: toggleDropdown }))),
-        React__default["default"].createElement("div", { className: `${ContainerDesktop_module[`${common_constants.classMUI}-container-options-tags-container`]} ${hideComponent}` }, selectedValues.map((itemSelected) => (React__default["default"].createElement(Tag_component, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: () => removeValueToArray(itemSelected) })))),
-        React__default["default"].createElement("div", { ref: containerOptions, className: `${ContainerDesktop_module[`${common_constants.classMUI}-container-options`]}` }, isOpen &&
+        React__default["default"].createElement("div", { className: "".concat(ContainerDesktop_module["".concat(common_constants.classMUI, "-container-options-tags-container")], " ").concat(hideComponent) }, selectedValues.map(function (itemSelected) { return (React__default["default"].createElement(Tag_component, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: function () { return removeValueToArray(itemSelected); } })); })),
+        React__default["default"].createElement("div", { ref: containerOptions, className: "".concat(ContainerDesktop_module["".concat(common_constants.classMUI, "-container-options")]) }, isOpen &&
             container &&
             ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: {
                     position: 'absolute',
-                    top: `${menuPosition.top - 60}px `,
-                    left: `${menuPosition.left}px`,
-                    width: `${menuPosition.width}px`,
+                    top: "".concat(menuPosition.top - 60, "px "),
+                    left: "".concat(menuPosition.left, "px"),
+                    width: "".concat(menuPosition.width, "px"),
                     zIndex: 999999
-                }, ref: dropdownRef, className: `${ContainerDesktop_module[`${common_constants.classMUI}-container-options__menu`]}` },
-                inputSearchProps && React__default["default"].createElement(InputSearch_component, { ...inputSearchProps }),
-                React__default["default"].createElement("div", { className: `${ContainerDesktop_module[`${common_constants.classMUI}-container-options__menu--tags`]}` }, selectedValues.map((itemSelected) => (React__default["default"].createElement(Tag_component, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: () => removeValueToArray(itemSelected) })))),
-                React__default["default"].createElement("div", { className: `${ContainerDesktop_module[`${common_constants.classMUI}-container-options__menu--list`]}` }, listOptions.map((value) => (React__default["default"].createElement(SelectItem_component, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: () => addValueToArray(value), text: value.name }))))), container))));
+                }, ref: dropdownRef, className: "".concat(ContainerDesktop_module["".concat(common_constants.classMUI, "-container-options__menu")]) },
+                inputSearchProps && React__default["default"].createElement(InputSearch_component, tslib_es6.__assign({}, inputSearchProps)),
+                React__default["default"].createElement("div", { className: "".concat(ContainerDesktop_module["".concat(common_constants.classMUI, "-container-options__menu--tags")]) }, selectedValues.map(function (itemSelected) { return (React__default["default"].createElement(Tag_component, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: function () { return removeValueToArray(itemSelected); } })); })),
+                React__default["default"].createElement("div", { className: "".concat(ContainerDesktop_module["".concat(common_constants.classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React__default["default"].createElement(SelectItem_component, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: function () { return addValueToArray(value); }, text: value.name })); }))), container))));
 };
 
 module.exports = ContainerDesktop;

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerDesktop/ContainerDesktop.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerDesktop.component.js","sources":["../../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerDesktop/ContainerDesktop.component.tsx"],"sourcesContent":[null],"names":["useContext","ContainerContext","useMemo","style","React","classMUI","DropDownButton","Tag","ReactDOM","InputSearch","SelectItem"],"mappings":"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"}
+{"version":3,"file":"ContainerDesktop.component.js","sources":["../../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerDesktop/ContainerDesktop.component.tsx"],"sourcesContent":[null],"names":["useContext","ContainerContext","useMemo","style","React","classMUI","DropDownButton","Tag","ReactDOM","InputSearch","SelectItem"],"mappings":"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"}

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerDesktop/hooks/useContainerDesktop.js

@@ -2,19 +2,20 @@
 
 var React = require('react');
 
-const useContainerDesktop = ({ numberOfSelectable, selectedValues }) => {
-    const limitOfSelectable = React.useMemo(() => {
+var useContainerDesktop = function (_a) {
+    var numberOfSelectable = _a.numberOfSelectable, selectedValues = _a.selectedValues;
+    var limitOfSelectable = React.useMemo(function () {
         return selectedValues.length < numberOfSelectable;
     }, [numberOfSelectable, selectedValues.length]);
-    const containerOptions = React.useRef(null);
-    const [isOpen, setIsOpen] = React.useState(false);
-    const dropdownRef = React.useRef(null);
-    const [menuPosition, setMenuPosition] = React.useState({ top: 0, left: 0, width: 0 });
-    const inputRef = React.useRef(null);
-    React.useEffect(() => {
-        const input = inputRef.current;
+    var containerOptions = React.useRef(null);
+    var _b = React.useState(false), isOpen = _b[0], setIsOpen = _b[1];
+    var dropdownRef = React.useRef(null);
+    var _c = React.useState({ top: 0, left: 0, width: 0 }), menuPosition = _c[0], setMenuPosition = _c[1];
+    var inputRef = React.useRef(null);
+    React.useEffect(function () {
+        var input = inputRef.current;
         if (input) {
-            const rect = input.getBoundingClientRect();
+            var rect = input.getBoundingClientRect();
             setMenuPosition({
                 top: rect.bottom + window.scrollY,
                 left: rect.left + window.scrollX,
@@ -22,33 +23,33 @@ const useContainerDesktop = ({ numberOfSelectable, selectedValues }) => {
             });
         }
     }, [isOpen, selectedValues]);
-    React.useEffect(() => {
-        const handleMouseOutside = (event) => {
+    React.useEffect(function () {
+        var handleMouseOutside = function (event) {
             if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
                 setIsOpen(false);
             }
         };
         document.addEventListener('mouseover', handleMouseOutside);
-        return () => {
+        return function () {
             document.removeEventListener('mouseover', handleMouseOutside);
         };
     }, []);
-    React.useEffect(() => {
+    React.useEffect(function () {
         if (!limitOfSelectable) {
             setIsOpen(false);
         }
     }, [limitOfSelectable]);
-    const toggleDropdown = () => {
+    var toggleDropdown = function () {
         setIsOpen(!isOpen);
     };
     return {
-        toggleDropdown,
-        containerOptions,
-        menuPosition,
-        limitOfSelectable,
-        inputRef,
-        isOpen,
-        dropdownRef
+        toggleDropdown: toggleDropdown,
+        containerOptions: containerOptions,
+        menuPosition: menuPosition,
+        limitOfSelectable: limitOfSelectable,
+        inputRef: inputRef,
+        isOpen: isOpen,
+        dropdownRef: dropdownRef
     };
 };
 

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerDesktop/hooks/useContainerDesktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContainerDesktop.js","sources":["../../../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerDesktop/hooks/useContainerDesktop.tsx"],"sourcesContent":[null],"names":["useMemo","useRef","useState","useEffect"],"mappings":";;;;MAQM,mBAAmB,GAAG,CAAC,EAAE,kBAAkB,EAAE,cAAc,EAAwB;IACvF,MAAM,iBAAiB,GAAGA,aAAO,CAAC;QAChC,OAAO,cAAc,CAAC,MAAM,GAAG,kBAAkB,CAAA;KAClD,EAAE,CAAC,kBAAkB,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,MAAM,gBAAgB,GAAGC,YAAM,CAAwB,IAAI,CAAC,CAAA;IAC5D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,WAAW,GAAGD,YAAM,CAAwB,IAAI,CAAC,CAAA;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAA;IAC/E,MAAM,QAAQ,GAAGD,YAAM,CAAmB,IAAI,CAAC,CAAA;IAE/CE,eAAS,CAAC;QACR,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAA;QAE9B,IAAI,KAAK,EAAE;YACT,MAAM,IAAI,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAA;YAE1C,eAAe,CAAC;gBACd,GAAG,EAAE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO;gBACjC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO;gBAChC,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB,CAAC,CAAA;SACH;KACF,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;IAE5BA,eAAS,CAAC;QACR,MAAM,kBAAkB,GAAG,CAAC,KAAiB;YAC3C,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC9E,SAAS,CAAC,KAAK,CAAC,CAAA;aACjB;SACF,CAAA;QACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAE1D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;SAC9D,CAAA;KACF,EAAE,EAAE,CAAC,CAAA;IAENA,eAAS,CAAC;QACR,IAAI,CAAC,iBAAiB,EAAE;YACtB,SAAS,CAAC,KAAK,CAAC,CAAA;SACjB;KACF,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,MAAM,cAAc,GAAG;QACrB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;KACnB,CAAA;IAED,OAAO;QACL,cAAc;QACd,gBAAgB;QAChB,YAAY;QACZ,iBAAiB;QACjB,QAAQ;QACR,MAAM;QACN,WAAW;KACZ,CAAA;AACH;;;;"}
+{"version":3,"file":"useContainerDesktop.js","sources":["../../../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerDesktop/hooks/useContainerDesktop.tsx"],"sourcesContent":[null],"names":["useMemo","useRef","useState","useEffect"],"mappings":";;;;IAQM,mBAAmB,GAAG,UAAC,EAA4D;QAA1D,kBAAkB,wBAAA,EAAE,cAAc,oBAAA;IAC/D,IAAM,iBAAiB,GAAGA,aAAO,CAAC;QAChC,OAAO,cAAc,CAAC,MAAM,GAAG,kBAAkB,CAAA;KAClD,EAAE,CAAC,kBAAkB,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,IAAM,gBAAgB,GAAGC,YAAM,CAAwB,IAAI,CAAC,CAAA;IACtD,IAAA,KAAsBC,cAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAC3C,IAAM,WAAW,GAAGD,YAAM,CAAwB,IAAI,CAAC,CAAA;IACjD,IAAA,KAAkCC,cAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxE,YAAY,QAAA,EAAE,eAAe,QAA2C,CAAA;IAC/E,IAAM,QAAQ,GAAGD,YAAM,CAAmB,IAAI,CAAC,CAAA;IAE/CE,eAAS,CAAC;QACR,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAA;QAE9B,IAAI,KAAK,EAAE;YACT,IAAM,IAAI,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAA;YAE1C,eAAe,CAAC;gBACd,GAAG,EAAE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO;gBACjC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO;gBAChC,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB,CAAC,CAAA;SACH;KACF,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;IAE5BA,eAAS,CAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;YAC3C,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC9E,SAAS,CAAC,KAAK,CAAC,CAAA;aACjB;SACF,CAAA;QACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAE1D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;SAC9D,CAAA;KACF,EAAE,EAAE,CAAC,CAAA;IAENA,eAAS,CAAC;QACR,IAAI,CAAC,iBAAiB,EAAE;YACtB,SAAS,CAAC,KAAK,CAAC,CAAA;SACjB;KACF,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,IAAM,cAAc,GAAG;QACrB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;KACnB,CAAA;IAED,OAAO;QACL,cAAc,gBAAA;QACd,gBAAgB,kBAAA;QAChB,YAAY,cAAA;QACZ,iBAAiB,mBAAA;QACjB,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,WAAW,aAAA;KACZ,CAAA;AACH;;;;"}

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerMobile/ContainerMobile.component.js

@@ -3,6 +3,8 @@
 var React = require('react');
 var Close = require('../../../../../../../assets/Close.svg.js');
 require('../../../../../atoms/BarChart/enums.js');
+require('../../../../../../../utils/classNameManager/classNameManager.util.js');
+require('../../../../../atoms/Collapse/Collapse.component.js');
 var common_constants = require('../../../../../../../constants/stories/common.constants.js');
 require('../../../../../../../constants/stories/DatePicker.constants.js');
 require('../../../../../../../constants/stories/jobVideo.constants.js');
@@ -11,7 +13,6 @@ require('../../../../../../../constants/stories/sideFilter.constants.js');
 require('../../../../../../../constants/stories/vacancies.constants.js');
 require('../../../../../../../constants/stories/vacantPositionsCategory.constants.js');
 require('../../../../../../../constants/img.constants.js');
-require('../../../../../atoms/Collapse/Collapse.component.js');
 require('../../../../../../../utils/date/dateInput.util.js');
 require('../../../../../atoms/InputFile/InputFile.component.js');
 require('../../../../../atoms/Paragraph/Paragraph.component.js');
@@ -35,8 +36,9 @@ require('../../../../../molecules/ExpandableInfo/children/ExpandableInfoAction/E
 require('../../../../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.js');
 require('../../../../../molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.js');
 require('../../../../../molecules/ExpandableInfo/ExpandableInfo.interface.js');
-require('../../../../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.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');
@@ -55,25 +57,26 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ContainerDesktop = ({ selectedValues, listOptions, removeValueToArray, addValueToArray, dropDownTitle, numberOfSelectable }) => {
-    const [openOptions, setOpenOptions] = React.useState(false);
-    const limitOfSelectable = React.useMemo(() => {
+var ContainerDesktop = function (_a) {
+    var selectedValues = _a.selectedValues, listOptions = _a.listOptions, removeValueToArray = _a.removeValueToArray, addValueToArray = _a.addValueToArray, dropDownTitle = _a.dropDownTitle, numberOfSelectable = _a.numberOfSelectable;
+    var _b = React.useState(false), openOptions = _b[0], setOpenOptions = _b[1];
+    var limitOfSelectable = React.useMemo(function () {
         return selectedValues.length < numberOfSelectable;
     }, [numberOfSelectable, selectedValues.length]);
-    React.useEffect(() => {
+    React.useEffect(function () {
         if (!limitOfSelectable) {
             setOpenOptions(false);
         }
     }, [limitOfSelectable]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        limitOfSelectable && React__default["default"].createElement(DropDownButton_component, { title: dropDownTitle, onClick: () => setOpenOptions(true) }),
-        React__default["default"].createElement("div", { className: `${ContainerMobile_module[`${common_constants.classMUI}-container-options-tags-container`]}` }, selectedValues.map((itemSelected) => (React__default["default"].createElement(Tag_component, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: () => removeValueToArray(itemSelected) })))),
+        limitOfSelectable && React__default["default"].createElement(DropDownButton_component, { title: dropDownTitle, onClick: function () { return setOpenOptions(true); } }),
+        React__default["default"].createElement("div", { className: "".concat(ContainerMobile_module["".concat(common_constants.classMUI, "-container-options-tags-container")]) }, selectedValues.map(function (itemSelected) { return (React__default["default"].createElement(Tag_component, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: function () { return removeValueToArray(itemSelected); } })); })),
         React__default["default"].createElement("div", { style: { zIndex: 99999999 } },
-            React__default["default"].createElement(MobileDrawer_component.MobileDrawer, { isOpen: openOptions, onClose: () => setOpenOptions(false) },
-                React__default["default"].createElement("div", { className: `${ContainerMobile_module[`${common_constants.classMUI}-container-options`]}` },
-                    React__default["default"].createElement("div", { className: `${ContainerMobile_module[`${common_constants.classMUI}-container-options__menu`]}` },
-                        React__default["default"].createElement("div", { className: `${ContainerMobile_module[`${common_constants.classMUI}-container-options__menu--tags`]}` }, selectedValues.map((itemSelected) => (React__default["default"].createElement(Tag_component, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: () => removeValueToArray(itemSelected) })))),
-                        React__default["default"].createElement("div", { className: `${ContainerMobile_module[`${common_constants.classMUI}-container-options__menu--list`]}` }, listOptions.map((value) => (React__default["default"].createElement(SelectItem_component, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: () => addValueToArray(value), text: value.name }))))))))));
+            React__default["default"].createElement(MobileDrawer_component.MobileDrawer, { isOpen: openOptions, onClose: function () { return setOpenOptions(false); } },
+                React__default["default"].createElement("div", { className: "".concat(ContainerMobile_module["".concat(common_constants.classMUI, "-container-options")]) },
+                    React__default["default"].createElement("div", { className: "".concat(ContainerMobile_module["".concat(common_constants.classMUI, "-container-options__menu")]) },
+                        React__default["default"].createElement("div", { className: "".concat(ContainerMobile_module["".concat(common_constants.classMUI, "-container-options__menu--tags")]) }, selectedValues.map(function (itemSelected) { return (React__default["default"].createElement(Tag_component, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: function () { return removeValueToArray(itemSelected); } })); })),
+                        React__default["default"].createElement("div", { className: "".concat(ContainerMobile_module["".concat(common_constants.classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React__default["default"].createElement(SelectItem_component, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: function () { return addValueToArray(value); }, text: value.name })); }))))))));
 };
 
 module.exports = ContainerDesktop;

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerMobile/ContainerMobile.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerMobile.component.js","sources":["../../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerMobile/ContainerMobile.component.tsx"],"sourcesContent":[null],"names":["useState","useMemo","useEffect","React","DropDownButton","style","classMUI","Tag","MobileDrawer","SelectItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAUM,gBAAgB,GAAgC,CAAC,EACrD,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,kBAAkB,EACnB;IACC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAA;IAErD,MAAM,iBAAiB,GAAGC,aAAO,CAAC;QAChC,OAAO,cAAc,CAAC,MAAM,GAAG,kBAAkB,CAAA;KAClD,EAAE,CAAC,kBAAkB,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/CC,eAAS,CAAC;QACR,IAAI,CAAC,iBAAiB,EAAE;YACtB,cAAc,CAAC,KAAK,CAAC,CAAA;SACtB;KACF,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,QACEC;QACG,iBAAiB,IAAIA,wCAACC,wBAAc,IAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC,IAAI,CAAC,GAAI;QACnGD,iDAAK,SAAS,EAAE,GAAGE,sBAAK,CAAC,GAAGC,yBAAQ,mCAAmC,CAAC,EAAE,IACvE,cAAc,CAAC,GAAG,CAAC,CAAC,YAAY,MAC/BH,wCAACI,aAAG,IACF,GAAG,EAAE,YAAY,CAAC,EAAE,EACpB,IAAI,EAAE,YAAY,CAAC,IAAI,EACvB,IAAI,EAAE,KAAK,EACX,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,MAAM,kBAAkB,CAAC,YAAY,CAAC,GAC/C,CACH,CAAC,CACE;QACNJ,iDAAK,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;YAC9BA,wCAACK,mCAAY,IAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC,KAAK,CAAC;gBACrEL,iDAAK,SAAS,EAAE,GAAGE,sBAAK,CAAC,GAAGC,yBAAQ,oBAAoB,CAAC,EAAE;oBACzDH,iDAAK,SAAS,EAAE,GAAGE,sBAAK,CAAC,GAAGC,yBAAQ,0BAA0B,CAAC,EAAE;wBAC/DH,iDAAK,SAAS,EAAE,GAAGE,sBAAK,CAAC,GAAGC,yBAAQ,gCAAgC,CAAC,EAAE,IACpE,cAAc,CAAC,GAAG,CAAC,CAAC,YAAY,MAC/BH,wCAACI,aAAG,IACF,GAAG,EAAE,YAAY,CAAC,EAAE,EACpB,IAAI,EAAE,YAAY,CAAC,IAAI,EACvB,IAAI,EAAE,KAAK,EACX,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,MAAM,kBAAkB,CAAC,YAAY,CAAC,GAC/C,CACH,CAAC,CACE;wBACNJ,iDAAK,SAAS,EAAE,GAAGE,sBAAK,CAAC,GAAGC,yBAAQ,gCAAgC,CAAC,EAAE,IACpE,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,MACrBH,wCAACM,oBAAU,IACT,OAAO,EAAE,CAAC,iBAAiB,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC7D,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,OAAO,EAAE,MAAM,eAAe,CAAC,KAAK,CAAC,EACrC,IAAI,EAAE,KAAK,CAAC,IAAI,GAChB,CACH,CAAC,CACE,CACF,CACF,CACO,CACX,CACL,EACJ;AACH;;;;"}
+{"version":3,"file":"ContainerMobile.component.js","sources":["../../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerMobile/ContainerMobile.component.tsx"],"sourcesContent":[null],"names":["useState","useMemo","useEffect","React","DropDownButton","style","classMUI","Tag","MobileDrawer","SelectItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUM,gBAAgB,GAAgC,UAAC,EAOtD;QANC,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,kBAAkB,wBAAA;IAEZ,IAAA,KAAgCA,cAAQ,CAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IAErD,IAAM,iBAAiB,GAAGC,aAAO,CAAC;QAChC,OAAO,cAAc,CAAC,MAAM,GAAG,kBAAkB,CAAA;KAClD,EAAE,CAAC,kBAAkB,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/CC,eAAS,CAAC;QACR,IAAI,CAAC,iBAAiB,EAAE;YACtB,cAAc,CAAC,KAAK,CAAC,CAAA;SACtB;KACF,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,QACEC;QACG,iBAAiB,IAAIA,wCAACC,wBAAc,IAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,GAAA,GAAI;QACnGD,iDAAK,SAAS,EAAE,UAAGE,sBAAK,CAAC,UAAGC,yBAAQ,sCAAmC,CAAC,CAAE,IACvE,cAAc,CAAC,GAAG,CAAC,UAAC,YAAY,IAAK,QACpCH,wCAACI,aAAG,IACF,GAAG,EAAE,YAAY,CAAC,EAAE,EACpB,IAAI,EAAE,YAAY,CAAC,IAAI,EACvB,IAAI,EAAE,KAAK,EACX,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,cAAM,OAAA,kBAAkB,CAAC,YAAY,CAAC,GAAA,GAC/C,IACH,CAAC,CACE;QACNJ,iDAAK,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;YAC9BA,wCAACK,mCAAY,IAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,GAAA;gBACrEL,iDAAK,SAAS,EAAE,UAAGE,sBAAK,CAAC,UAAGC,yBAAQ,uBAAoB,CAAC,CAAE;oBACzDH,iDAAK,SAAS,EAAE,UAAGE,sBAAK,CAAC,UAAGC,yBAAQ,6BAA0B,CAAC,CAAE;wBAC/DH,iDAAK,SAAS,EAAE,UAAGE,sBAAK,CAAC,UAAGC,yBAAQ,mCAAgC,CAAC,CAAE,IACpE,cAAc,CAAC,GAAG,CAAC,UAAC,YAAY,IAAK,QACpCH,wCAACI,aAAG,IACF,GAAG,EAAE,YAAY,CAAC,EAAE,EACpB,IAAI,EAAE,YAAY,CAAC,IAAI,EACvB,IAAI,EAAE,KAAK,EACX,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAM,OAAA,kBAAkB,CAAC,YAAY,CAAC,GAAA,GAC/C,IACH,CAAC,CACE;wBACNJ,iDAAK,SAAS,EAAE,UAAGE,sBAAK,CAAC,UAAGC,yBAAQ,mCAAgC,CAAC,CAAE,IACpE,WAAW,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QAC1BH,wCAACM,oBAAU,IACT,OAAO,EAAE,CAAC,iBAAiB,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC7D,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,KAAK,CAAC,GAAA,EACrC,IAAI,EAAE,KAAK,CAAC,IAAI,GAChB,IACH,CAAC,CACE,CACF,CACF,CACO,CACX,CACL,EACJ;AACH;;;;"}

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerOptions.component.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var index = require('../../../../../hooks/useMediaQuery/index.js');
 var ContainerDesktop_component = require('./ContainerDesktop/ContainerDesktop.component.js');
@@ -9,9 +10,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ContainerOptions = (containerProps) => {
-    const responsiveContainer = index.useMediaQuery(React__default["default"].createElement(ContainerDesktop_component, { ...containerProps }), {
-        md: React__default["default"].createElement(ContainerMobile_component, { ...containerProps })
+var ContainerOptions = function (containerProps) {
+    var responsiveContainer = index.useMediaQuery(React__default["default"].createElement(ContainerDesktop_component, tslib_es6.__assign({}, containerProps)), {
+        md: React__default["default"].createElement(ContainerMobile_component, tslib_es6.__assign({}, containerProps))
     });
     return responsiveContainer;
 };

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerOptions.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerOptions.component.js","sources":["../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerOptions.component.tsx"],"sourcesContent":[null],"names":["useMediaQuery","React","ContainerDesktop","ContainerMobile"],"mappings":";;;;;;;;;;;MAKM,gBAAgB,GAAgC,CAAC,cAAc;IACnE,MAAM,mBAAmB,GAAGA,mBAAa,CAACC,wCAACC,0BAAgB,OAAK,cAAc,GAAI,EAAE;QAClF,EAAE,EAAED,wCAACE,yBAAe,OAAK,cAAc,GAAI;KAC5C,CAAC,CAAA;IAEF,OAAO,mBAAmB,CAAA;AAC5B;;;;"}
+{"version":3,"file":"ContainerOptions.component.js","sources":["../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/ContainerOptions/ContainerOptions.component.tsx"],"sourcesContent":[null],"names":["useMediaQuery","React","ContainerDesktop","ContainerMobile"],"mappings":";;;;;;;;;;;;IAKM,gBAAgB,GAAgC,UAAC,cAAc;IACnE,IAAM,mBAAmB,GAAGA,mBAAa,CAACC,wCAACC,0BAAgB,yBAAK,cAAc,EAAI,EAAE;QAClF,EAAE,EAAED,wCAACE,yBAAe,yBAAK,cAAc,EAAI;KAC5C,CAAC,CAAA;IAEF,OAAO,mBAAmB,CAAA;AAC5B;;;;"}

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/DropDownButton/DropDownButton.component.js

@@ -4,6 +4,8 @@ var React = require('react');
 var Icon_component = require('../../../../atoms/Icon/Icon.component.js');
 var ArrowDown2 = require('../../../../../../assets/ArrowDown2.svg.js');
 require('../../../../atoms/BarChart/enums.js');
+require('../../../../../../utils/classNameManager/classNameManager.util.js');
+require('../../../../atoms/Collapse/Collapse.component.js');
 var common_constants = require('../../../../../../constants/stories/common.constants.js');
 require('../../../../../../constants/stories/DatePicker.constants.js');
 require('../../../../../../constants/stories/jobVideo.constants.js');
@@ -12,7 +14,6 @@ require('../../../../../../constants/stories/sideFilter.constants.js');
 require('../../../../../../constants/stories/vacancies.constants.js');
 require('../../../../../../constants/stories/vacantPositionsCategory.constants.js');
 require('../../../../../../constants/img.constants.js');
-require('../../../../atoms/Collapse/Collapse.component.js');
 require('../../../../../../utils/date/dateInput.util.js');
 require('../../../../atoms/InputFile/InputFile.component.js');
 require('../../../../atoms/Paragraph/Paragraph.component.js');
@@ -28,8 +29,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const DropDownButton = ({ onClick, title }) => {
-    return (React__default["default"].createElement("button", { className: `${DropDownButton_module[`${common_constants.classMUI}-drop-down-button`]}`, type: "button", onClick: onClick },
+var DropDownButton = function (_a) {
+    var onClick = _a.onClick, title = _a.title;
+    return (React__default["default"].createElement("button", { className: "".concat(DropDownButton_module["".concat(common_constants.classMUI, "-drop-down-button")]), type: "button", onClick: onClick },
         title,
         React__default["default"].createElement(Icon_component.IconItem, { icon: ArrowDown2, alt: "arrow-icon" })));
 };

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/DropDownButton/DropDownButton.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownButton.component.js","sources":["../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/DropDownButton/DropDownButton.component.tsx"],"sourcesContent":[null],"names":["React","style","classMUI","IconItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAOM,cAAc,GAA8B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE;IACnE,QACEA,oDAAQ,SAAS,EAAE,GAAGC,qBAAK,CAAC,GAAGC,yBAAQ,mBAAmB,CAAC,EAAE,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO;QAC1F,KAAK;QACNF,wCAACG,uBAAQ,IAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAC,YAAY,GAAG,CACxC,EACV;AACH;;;;"}
+{"version":3,"file":"DropDownButton.component.js","sources":["../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/DropDownButton/DropDownButton.component.tsx"],"sourcesContent":[null],"names":["React","style","classMUI","IconItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOM,cAAc,GAA8B,UAAC,EAAkB;QAAhB,OAAO,aAAA,EAAE,KAAK,WAAA;IACjE,QACEA,oDAAQ,SAAS,EAAE,UAAGC,qBAAK,CAAC,UAAGC,yBAAQ,sBAAmB,CAAC,CAAE,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO;QAC1F,KAAK;QACNF,wCAACG,uBAAQ,IAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAC,YAAY,GAAG,CACxC,EACV;AACH;;;;"}

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/SelectItem/SelectItem.component.js

@@ -15,11 +15,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const SelectItem = ({ text, onClick, disable }) => {
-    const disableSelection = React.useMemo(() => {
+var SelectItem = function (_a) {
+    var text = _a.text, onClick = _a.onClick, disable = _a.disable;
+    var disableSelection = React.useMemo(function () {
         return disable ? SelectItem_module['disable'] : '';
     }, [disable]);
-    return (React__default["default"].createElement("button", { className: `${SelectItem_module[`${common_constants.classMUI}-select-item`]} ${disableSelection}`, title: text, onClick: onClick }, text));
+    return (React__default["default"].createElement("button", { className: "".concat(SelectItem_module["".concat(common_constants.classMUI, "-select-item")], " ").concat(disableSelection), title: text, onClick: onClick }, text));
 };
 
 module.exports = SelectItem;

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/children/SelectItem/SelectItem.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.component.js","sources":["../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/SelectItem/SelectItem.component.tsx"],"sourcesContent":[null],"names":["useMemo","style","React","classMUI"],"mappings":";;;;;;;;;;;;;;;;;MAKM,UAAU,GAA0B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE;IACnE,MAAM,gBAAgB,GAAGA,aAAO,CAAC;QAC/B,OAAO,OAAO,GAAGC,iBAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAA;KACvC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,QACEC,oDAAQ,SAAS,EAAE,GAAGD,iBAAK,CAAC,GAAGE,yBAAQ,cAAc,CAAC,IAAI,gBAAgB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IACxG,IAAI,CACE,EACV;AACH;;;;"}
+{"version":3,"file":"SelectItem.component.js","sources":["../../../../../../../../src/components/UI/organism/MultipleSelectionEntry/children/SelectItem/SelectItem.component.tsx"],"sourcesContent":[null],"names":["useMemo","style","React","classMUI"],"mappings":";;;;;;;;;;;;;;;;;IAKM,UAAU,GAA0B,UAAC,EAA0B;QAAxB,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA;IACjE,IAAM,gBAAgB,GAAGA,aAAO,CAAC;QAC/B,OAAO,OAAO,GAAGC,iBAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAA;KACvC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,QACEC,oDAAQ,SAAS,EAAE,UAAGD,iBAAK,CAAC,UAAGE,yBAAQ,iBAAc,CAAC,cAAI,gBAAgB,CAAE,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IACxG,IAAI,CACE,EACV;AACH;;;;"}

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/hooks/useMultipleSelectionEntry.js

@@ -2,63 +2,84 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 
-const useMultipleSelectionEntry = ({ selectedValues, listOptions, onChange, numberOfSelectable }) => {
-    const [inputValue, setInputValue] = React.useState('');
-    const [localSelectedValues, localSetSelectedValues] = React.useState([]);
-    const [localListOptions, localSetListOptions] = React.useState([]);
-    const getListOptions = React.useCallback(async () => {
-        const options = await listOptions;
-        localSetListOptions(options);
-    }, [listOptions]);
-    const getSaveOptions = React.useCallback(async () => {
-        if (selectedValues) {
-            const saveOptionsFilter = await listOptions.filter((options) => selectedValues.includes(options.id));
-            localSetSelectedValues(saveOptionsFilter);
-        }
-    }, [selectedValues, listOptions]);
-    React.useEffect(() => {
+var useMultipleSelectionEntry = function (_a) {
+    var selectedValues = _a.selectedValues, listOptions = _a.listOptions, onChange = _a.onChange, numberOfSelectable = _a.numberOfSelectable;
+    var _b = React.useState(''), inputValue = _b[0], setInputValue = _b[1];
+    var _c = React.useState([]), localSelectedValues = _c[0], localSetSelectedValues = _c[1];
+    var _d = React.useState([]), localListOptions = _d[0], localSetListOptions = _d[1];
+    var getListOptions = React.useCallback(function () { return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
+        var options;
+        return tslib_es6.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, listOptions];
+                case 1:
+                    options = _a.sent();
+                    localSetListOptions(options);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [listOptions]);
+    var getSaveOptions = React.useCallback(function () { return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
+        var saveOptionsFilter;
+        return tslib_es6.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!selectedValues) return [3 /*break*/, 2];
+                    return [4 /*yield*/, listOptions.filter(function (options) { return selectedValues.includes(options.id); })];
+                case 1:
+                    saveOptionsFilter = _a.sent();
+                    localSetSelectedValues(saveOptionsFilter);
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, [selectedValues, listOptions]);
+    React.useEffect(function () {
         getListOptions();
     }, [getListOptions]);
-    React.useEffect(() => {
+    React.useEffect(function () {
         getSaveOptions();
     }, [getSaveOptions]);
-    const addValueToArray = React.useCallback((value) => {
-        const valueExists = localSelectedValues.some((currentValues) => currentValues.id === value.id);
+    var addValueToArray = React.useCallback(function (value) {
+        var valueExists = localSelectedValues.some(function (currentValues) { return currentValues.id === value.id; });
         if (valueExists)
             return;
         if (localSelectedValues.length === numberOfSelectable)
             return;
-        localSetSelectedValues((prevValues) => {
-            onChange([...prevValues, value]);
-            return [...prevValues, value];
+        localSetSelectedValues(function (prevValues) {
+            onChange(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], prevValues, true), [value], false));
+            return tslib_es6.__spreadArray(tslib_es6.__spreadArray([], prevValues, true), [value], false);
         });
     }, [localSelectedValues, numberOfSelectable, onChange]);
-    const removeValueToArray = React.useCallback((value) => {
-        const filterOptions = localSelectedValues.filter((options) => options.id !== value.id);
+    var removeValueToArray = React.useCallback(function (value) {
+        var filterOptions = localSelectedValues.filter(function (options) { return options.id !== value.id; });
         localSetSelectedValues(filterOptions);
         onChange(filterOptions);
     }, [localSelectedValues, onChange]);
-    const handleInputChange = React.useCallback((event) => {
+    var handleInputChange = React.useCallback(function (event) {
         event.preventDefault();
-        const value = event.target.value;
+        var value = event.target.value;
         setInputValue(value);
-        const filtered = listOptions.filter((option) => option.name.toLocaleLowerCase().includes(value.toLocaleLowerCase()));
+        var filtered = listOptions.filter(function (option) {
+            return option.name.toLocaleLowerCase().includes(value.toLocaleLowerCase());
+        });
         localSetListOptions(filtered);
     }, [listOptions]);
-    const clearFilter = () => {
+    var clearFilter = function () {
         localSetListOptions(listOptions);
         setInputValue('');
     };
     return {
-        addValueToArray,
-        removeValueToArray,
-        handleInputChange,
-        clearFilter,
-        inputValue,
-        localListOptions,
-        localSelectedValues
+        addValueToArray: addValueToArray,
+        removeValueToArray: removeValueToArray,
+        handleInputChange: handleInputChange,
+        clearFilter: clearFilter,
+        inputValue: inputValue,
+        localListOptions: localListOptions,
+        localSelectedValues: localSelectedValues
     };
 };
 

package/dist/cjs/components/UI/organism/MultipleSelectionEntry/hooks/useMultipleSelectionEntry.js.map

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