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

package/dist/esm/components/UI/molecules/MobileDrawer/MobileDrawer.component.js

@@ -2,9 +2,6 @@ import React, { useState, useEffect } from 'react';
 import { IconItem } from '../../atoms/Icon/Icon.component.js';
 import Add from '../../../../assets/Add.svg.js';
 import '../../atoms/BarChart/enums.js';
-import '../../../../utils/classNameManager/classNameManager.util.js';
-import { classNames } from '../../../../shared/utils/common/classNames.util.js';
-import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../constants/stories/DatePicker.constants.js';
 import '../../../../constants/stories/jobVideo.constants.js';
 import '../../../../constants/stories/megaMenu.constants.js';
@@ -12,6 +9,8 @@ import '../../../../constants/stories/sideFilter.constants.js';
 import '../../../../constants/stories/vacancies.constants.js';
 import '../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../constants/img.constants.js';
+import { classNames } from '../../../../shared/utils/common/classNames.util.js';
+import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
 import '../../atoms/Paragraph/Paragraph.component.js';
@@ -24,27 +23,26 @@ import '../../../hooks/useMediaQuery/index.js';
 import { DrawerPortal } from '../Drawer/DrawerPortal.js';
 import style from './mobileDrawer.module.scss.js';
 
-var cx = classNames.bind(style);
-var Component = function (_a) {
-    var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c, _d = _a.backgroundClassName, backgroundClassName = _d === void 0 ? '' : _d;
-    var _e = useState(false), showContent = _e[0], setShowContent = _e[1];
-    var _f = useState(isOpen), renderPortal = _f[0], setRenderPortal = _f[1];
-    var showMenu = showContent ? 'show' : 'hidden';
-    useEffect(function () {
-        var timer = null;
+const cx = classNames.bind(style);
+const Component = ({ onClose, isOpen, children, className = '', blockBackgroundClose = false, backgroundClassName = '' }) => {
+    const [showContent, setShowContent] = useState(false);
+    const [renderPortal, setRenderPortal] = useState(isOpen);
+    const showMenu = showContent ? 'show' : 'hidden';
+    useEffect(() => {
+        let timer = null;
         if (isOpen) {
             setRenderPortal(true);
-            timer = setTimeout(function () {
+            timer = setTimeout(() => {
                 setShowContent(true);
             }, 100);
         }
         else {
             setShowContent(false);
-            timer = setTimeout(function () {
+            timer = setTimeout(() => {
                 setRenderPortal(false);
             }, 500);
         }
-        return function () {
+        return () => {
             if (timer) {
                 clearTimeout(timer);
             }
@@ -56,12 +54,12 @@ var Component = function (_a) {
                 React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx('magneto-ui-close-button'), onClick: onClose },
                     React.createElement(IconItem, { icon: Add, hover: false })),
                 React.createElement("div", { className: cx('magneto-ui-container') }, children)),
-            isOpen && (React.createElement("span", { className: cx('background-drawer', backgroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
+            isOpen && (React.createElement("span", { className: cx('background-drawer', backgroundClassName), onClick: blockBackgroundClose ? () => null : onClose })))))));
 };
 /**
  * Molecule UI component for Mobile Drawer
  */
-var MobileDrawer = Component;
+const MobileDrawer = Component;
 
 export { MobileDrawer };
 //# sourceMappingURL=MobileDrawer.component.js.map

package/dist/esm/components/UI/molecules/MobileDrawer/MobileDrawer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileDrawer.component.js","sources":["../../../../../../src/components/UI/molecules/MobileDrawer/MobileDrawer.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAEjC,IAAM,SAAS,GAA4B,UAAC,EAO3C;QANC,OAAO,aAAA,EACP,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,2BAAwB,EAAxB,mBAAmB,mBAAG,EAAE,KAAA;IAElB,IAAA,KAAgC,QAAQ,CAAU,KAAK,CAAC,EAAvD,WAAW,QAAA,EAAE,cAAc,QAA4B,CAAA;IACxD,IAAA,KAAkC,QAAQ,CAAU,MAAM,CAAC,EAA1D,YAAY,QAAA,EAAE,eAAe,QAA6B,CAAA;IACjE,IAAM,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAA;IAEhD,SAAS,CAAC;QACR,IAAI,KAAK,GAA0B,IAAI,CAAA;QACvC,IAAI,MAAM,EAAE;YACV,eAAe,CAAC,IAAI,CAAC,CAAA;YACrB,KAAK,GAAG,UAAU,CAAC;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAA;aACrB,EAAE,GAAG,CAAC,CAAA;SACR;aAAM;YACL,cAAc,CAAC,KAAK,CAAC,CAAA;YACrB,KAAK,GAAG,UAAU,CAAC;gBACjB,eAAe,CAAC,KAAK,CAAC,CAAA;aACvB,EAAE,GAAG,CAAC,CAAA;SACR;QACD,OAAO;YACL,IAAI,KAAK,EAAE;gBACT,YAAY,CAAC,KAAK,CAAC,CAAA;aACpB;SACF,CAAA;KACF,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,QACE,0CACG,YAAY,KACX,oBAAC,YAAY;QACX,6BAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC;YAC5C,+BAAO,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;gBACvC,6CACY,cAAc,EACxB,KAAK,EAAC,aAAa,EACnB,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,EACxC,OAAO,EAAE,OAAO;oBAEhB,oBAAC,QAAQ,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,CAC9B;gBACT,6BAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAG,QAAQ,CAAO,CACtD;YACP,MAAM,KACL,8BACE,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,EACvD,OAAO,EAAE,oBAAoB,GAAG,cAAM,OAAA,IAAI,GAAA,GAAG,OAAO,GACpD,CACH,CACG,CACO,CAChB,CACA,EACJ;AACH,CAAC,CAAA;AACD;;;IAGa,YAAY,GAAG;;;;"}
+{"version":3,"file":"MobileDrawer.component.js","sources":["../../../../../../src/components/UI/molecules/MobileDrawer/MobileDrawer.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAEjC,MAAM,SAAS,GAA4B,CAAC,EAC1C,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,oBAAoB,GAAG,KAAK,EAC5B,mBAAmB,GAAG,EAAE,EACzB;IACC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAC9D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,MAAM,CAAC,CAAA;IACjE,MAAM,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAA;IAEhD,SAAS,CAAC;QACR,IAAI,KAAK,GAA0B,IAAI,CAAA;QACvC,IAAI,MAAM,EAAE;YACV,eAAe,CAAC,IAAI,CAAC,CAAA;YACrB,KAAK,GAAG,UAAU,CAAC;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAA;aACrB,EAAE,GAAG,CAAC,CAAA;SACR;aAAM;YACL,cAAc,CAAC,KAAK,CAAC,CAAA;YACrB,KAAK,GAAG,UAAU,CAAC;gBACjB,eAAe,CAAC,KAAK,CAAC,CAAA;aACvB,EAAE,GAAG,CAAC,CAAA;SACR;QACD,OAAO;YACL,IAAI,KAAK,EAAE;gBACT,YAAY,CAAC,KAAK,CAAC,CAAA;aACpB;SACF,CAAA;KACF,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,QACE,0CACG,YAAY,KACX,oBAAC,YAAY;QACX,6BAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC;YAC5C,+BAAO,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;gBACvC,6CACY,cAAc,EACxB,KAAK,EAAC,aAAa,EACnB,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,EACxC,OAAO,EAAE,OAAO;oBAEhB,oBAAC,QAAQ,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,CAC9B;gBACT,6BAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAG,QAAQ,CAAO,CACtD;YACP,MAAM,KACL,8BACE,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,EACvD,OAAO,EAAE,oBAAoB,GAAG,MAAM,IAAI,GAAG,OAAO,GACpD,CACH,CACG,CACO,CAChB,CACA,EACJ;AACH,CAAC,CAAA;AACD;;;MAGa,YAAY,GAAG;;;;"}

package/dist/esm/components/UI/molecules/MobileJobDetailsHeader/MobileJobDetailsHeader.component.js

@@ -2,8 +2,6 @@ import React from 'react';
 import { IconItem } from '../../atoms/Icon/Icon.component.js';
 import ArrowLeft2 from '../../../../assets/ArrowLeft2.svg.js';
 import '../../atoms/BarChart/enums.js';
-import '../../../../utils/classNameManager/classNameManager.util.js';
-import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../constants/stories/DatePicker.constants.js';
 import '../../../../constants/stories/jobVideo.constants.js';
 import '../../../../constants/stories/megaMenu.constants.js';
@@ -11,6 +9,7 @@ import '../../../../constants/stories/sideFilter.constants.js';
 import '../../../../constants/stories/vacancies.constants.js';
 import '../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../constants/img.constants.js';
+import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
 import '../../atoms/Paragraph/Paragraph.component.js';
@@ -22,8 +21,7 @@ import '../../atoms/Typography/Typography.interface.js';
 import '../../../hooks/useMediaQuery/index.js';
 import styles from './MobileJobDetailHeader.module.scss.js';
 
-var Component = function (_a) {
-    var returnText = _a.returnText, onClick = _a.onClick;
+const Component = ({ returnText, onClick }) => {
     return (React.createElement("div", { className: styles['magneto-ui-mobile-job-details-header'] },
         React.createElement("button", { onClick: onClick },
             React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
@@ -32,7 +30,7 @@ var Component = function (_a) {
 /**
  * UI Molecule Component for Mobile Jobs Drawer
  */
-var MobileJobDetailsHeader = Component;
+const MobileJobDetailsHeader = Component;
 
 export { MobileJobDetailsHeader };
 //# sourceMappingURL=MobileJobDetailsHeader.component.js.map

package/dist/esm/components/UI/molecules/MobileJobDetailsHeader/MobileJobDetailsHeader.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileJobDetailsHeader.component.js","sources":["../../../../../../src/components/UI/molecules/MobileJobDetailsHeader/MobileJobDetailsHeader.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,SAAS,GAAsC,UAAC,EAAuB;QAArB,UAAU,gBAAA,EAAE,OAAO,aAAA;IACzE,QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,sCAAsC,CAAC;QAC5D,gCAAQ,OAAO,EAAE,OAAO;YACtB,oBAAC,QAAQ,IAAC,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,UAAU,GAAI,CACxC;QACT,+BAAI,UAAU,CAAK,CACf,EACP;AACH,CAAC,CAAA;AAED;;;IAIa,sBAAsB,GAAG;;;;"}
+{"version":3,"file":"MobileJobDetailsHeader.component.js","sources":["../../../../../../src/components/UI/molecules/MobileJobDetailsHeader/MobileJobDetailsHeader.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,SAAS,GAAsC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE;IAC3E,QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,sCAAsC,CAAC;QAC5D,gCAAQ,OAAO,EAAE,OAAO;YACtB,oBAAC,QAAQ,IAAC,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,UAAU,GAAI,CACxC;QACT,+BAAI,UAAU,CAAK,CACf,EACP;AACH,CAAC,CAAA;AAED;;;MAIa,sBAAsB,GAAG;;;;"}

package/dist/esm/components/UI/molecules/MobileSearchbar/MobileSearchbar.component.js

@@ -1,8 +1,5 @@
-import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React, { useState, useRef, useEffect } from 'react';
 import '../../atoms/BarChart/enums.js';
-import '../../../../utils/classNameManager/classNameManager.util.js';
-import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../constants/stories/DatePicker.constants.js';
 import { searchMobileProps, closeSearchMobileProps } from '../../../../constants/stories/headers.constants.js';
 import '../../../../constants/stories/jobVideo.constants.js';
@@ -11,6 +8,7 @@ import '../../../../constants/stories/sideFilter.constants.js';
 import '../../../../constants/stories/vacancies.constants.js';
 import '../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../constants/img.constants.js';
+import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
 import { MainButton } from '../../atoms/MainButton/MainButton.component.js';
@@ -23,23 +21,22 @@ import '../../atoms/Typography/Typography.interface.js';
 import '../../../hooks/useMediaQuery/index.js';
 import styles from './MobileSearchbar.modules.scss.js';
 
-var Component = function (_a) {
-    var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
-    var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
-    var searchInputRef = useRef(null);
-    var handleSubmit = function (event) {
+const Component = ({ termValue, onSearch, onClick, focusSearchInput, showMobileSearchbar }) => {
+    const [searchValue, setSearchValue] = useState(termValue ? termValue : '');
+    const searchInputRef = useRef(null);
+    const handleSubmit = (event) => {
         event.preventDefault();
         onSearch(searchValue);
         localStorage.setItem('searchValue', searchValue);
     };
-    var handleClearSearch = function () {
+    const handleClearSearch = () => {
         setSearchValue('');
         onSearch('');
         localStorage.removeItem('searchValue');
         if (onClick)
             onClick();
     };
-    useEffect(function () {
+    useEffect(() => {
         var _a;
         if (focusSearchInput) {
             (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
@@ -48,15 +45,15 @@ var Component = function (_a) {
     return (React.createElement("div", { className: styles.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
         React.createElement("form", { onSubmit: handleSubmit },
             searchValue && React.createElement("div", { className: styles['search-badge'] }),
-            React.createElement(MainButton, __assign({ className: styles['magneto-ui-search-button'] }, searchMobileProps)),
+            React.createElement(MainButton, { className: styles['magneto-ui-search-button'], ...searchMobileProps }),
             React.createElement("label", { htmlFor: "search" }),
-            React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
-            React.createElement(MainButton, __assign({ className: styles['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
+            React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: (e) => setSearchValue(e.target.value), ref: searchInputRef }),
+            React.createElement(MainButton, { className: styles['magneto-ui-remove-button'], onClick: handleClearSearch, ...closeSearchMobileProps }))));
 };
 /**
  * Molecule UI component for MobileSearchbar
  */
-var MobileSearchbar = Component;
+const MobileSearchbar = Component;
 
 export { MobileSearchbar };
 //# sourceMappingURL=MobileSearchbar.component.js.map

package/dist/esm/components/UI/molecules/MobileSearchbar/MobileSearchbar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSearchbar.component.js","sources":["../../../../../../src/components/UI/molecules/MobileSearchbar/MobileSearchbar.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,SAAS,GAA+B,UAAC,EAM9C;QALC,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA;IAEb,IAAA,KAAgC,QAAQ,CAAC,SAAS,GAAG,SAAS,GAAG,EAAE,CAAC,EAAnE,WAAW,QAAA,EAAE,cAAc,QAAwC,CAAA;IAC1E,IAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAErD,IAAM,YAAY,GAAG,UAAC,KAAqC;QACzD,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,QAAQ,CAAC,WAAW,CAAC,CAAA;QACrB,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;KACjD,CAAA;IAED,IAAM,iBAAiB,GAAG;QACxB,cAAc,CAAC,EAAE,CAAC,CAAA;QAClB,QAAQ,CAAC,EAAE,CAAC,CAAA;QACZ,YAAY,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;QACtC,IAAI,OAAO;YAAE,OAAO,EAAE,CAAA;KACvB,CAAA;IAED,SAAS,CAAC;;QACR,IAAI,gBAAgB,EAAE;YACpB,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;SAChC;KACF,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,gCAA8B,mBAAmB;QAC9F,8BAAM,QAAQ,EAAE,YAAY;YACzB,WAAW,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,GAAI;YAC1D,oBAAC,UAAU,aAAC,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,IAAM,iBAAiB,EAAI;YACpF,+BAAO,OAAO,EAAC,QAAQ,GAAG;YAC1B,+BACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAA,EAC/C,GAAG,EAAE,cAAc,GACnB;YAEF,oBAAC,UAAU,aACT,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,EAC7C,OAAO,EAAE,iBAAiB,IACtB,sBAAsB,EAC1B,CACG,CACH,EACP;AACH,CAAC,CAAA;AAED;;;IAIa,eAAe,GAAG;;;;"}
+{"version":3,"file":"MobileSearchbar.component.js","sources":["../../../../../../src/components/UI/molecules/MobileSearchbar/MobileSearchbar.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,SAAS,GAA+B,CAAC,EAC7C,SAAS,EACT,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,mBAAmB,EACpB;IACC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,SAAS,GAAG,SAAS,GAAG,EAAE,CAAC,CAAA;IAC1E,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAErD,MAAM,YAAY,GAAG,CAAC,KAAqC;QACzD,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,QAAQ,CAAC,WAAW,CAAC,CAAA;QACrB,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;KACjD,CAAA;IAED,MAAM,iBAAiB,GAAG;QACxB,cAAc,CAAC,EAAE,CAAC,CAAA;QAClB,QAAQ,CAAC,EAAE,CAAC,CAAA;QACZ,YAAY,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;QACtC,IAAI,OAAO;YAAE,OAAO,EAAE,CAAA;KACvB,CAAA;IAED,SAAS,CAAC;;QACR,IAAI,gBAAgB,EAAE;YACpB,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;SAChC;KACF,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,gCAA8B,mBAAmB;QAC9F,8BAAM,QAAQ,EAAE,YAAY;YACzB,WAAW,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,GAAI;YAC1D,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,KAAM,iBAAiB,GAAI;YACpF,+BAAO,OAAO,EAAC,QAAQ,GAAG;YAC1B,+BACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,GAAG,EAAE,cAAc,GACnB;YAEF,oBAAC,UAAU,IACT,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,EAC7C,OAAO,EAAE,iBAAiB,KACtB,sBAAsB,GAC1B,CACG,CACH,EACP;AACH,CAAC,CAAA;AAED;;;MAIa,eAAe,GAAG;;;;"}

package/dist/esm/components/UI/molecules/Modal/Modal.component.js

@@ -1,4 +1,3 @@
-import { __rest, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React, { useEffect } from 'react';
 import Close from '../../../../assets/Close.svg.js';
 import { classMUI } from '../../../../constants/stories/common.constants.js';
@@ -12,10 +11,9 @@ import '../../../../constants/img.constants.js';
 import styles from './Modal.module.scss.js';
 import { ModalPortal } from './ModalPortal.component.js';
 
-var Modal = function (_a) {
-    var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, title = _a.title, description = _a.description, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c, _d = _a.backgroundClassName, backgroundClassName = _d === void 0 ? '' : _d;
-    useEffect(function () {
-        var body = document.body;
+const Modal = ({ onClose, isOpen, children, title, description, className = '', blockBackgroundClose = false, backgroundClassName = '' }) => {
+    useEffect(() => {
+        const { body } = document;
         if (!body)
             return;
         body.style.overflowY = isOpen ? 'hidden' : 'auto';
@@ -23,23 +21,17 @@ var Modal = function (_a) {
     if (!isOpen)
         return null;
     return (React.createElement(ModalPortal, null,
-        React.createElement("div", { className: "".concat(styles["".concat(classMUI, "-modal")], " ").concat(className) },
-            title ? React.createElement("h2", { className: "".concat(styles["".concat(classMUI, "-modal__title")]) }, title) : null,
-            description ? React.createElement("p", { className: "".concat(styles["".concat(classMUI, "-modal__description")]) }, description) : null,
+        React.createElement("div", { className: `${styles[`${classMUI}-modal`]} ${className}` },
+            title ? React.createElement("h2", { className: `${styles[`${classMUI}-modal__title`]}` }, title) : null,
+            description ? React.createElement("p", { className: `${styles[`${classMUI}-modal__description`]}` }, description) : null,
             children,
-            React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
+            React.createElement("button", { "data-name": "close-drawer", className: `${styles[`${classMUI}-modal__close-btn`]}`, onClick: onClose, type: "button" },
                 React.createElement("img", { src: Close, alt: "close icon" }))),
-        React.createElement("span", { className: "".concat(styles["".concat(classMUI, "-background-modal")], " ").concat(backgroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
+        React.createElement("span", { className: `${styles[`${classMUI}-background-modal`]} ${backgroundClassName}`, onClick: blockBackgroundClose ? () => null : onClose })));
 };
-var Title = function (_a) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (React.createElement("h2", __assign({ className: "".concat(styles["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
-};
-var Description = function (_a) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (React.createElement("p", __assign({ className: "".concat(styles["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
-};
-var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
+const Title = ({ className, children, ...props }) => (React.createElement("h2", { className: `${styles[`${classMUI}-modal__title`]} ${className}`, ...props }, children));
+const Description = ({ className, children, ...props }) => (React.createElement("p", { className: `${styles[`${classMUI}-modal__description`]} ${className}`, ...props }, children));
+var Modal$1 = Object.assign(Modal, { Title, Description });
 
 export { Modal$1 as default };
 //# sourceMappingURL=Modal.component.js.map

package/dist/esm/components/UI/molecules/Modal/Modal.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.component.js","sources":["../../../../../../src/components/UI/molecules/Modal/Modal.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAOA,IAAM,KAAK,GAAqB,UAAC,EAShC;QARC,OAAO,aAAA,EACP,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,2BAAwB,EAAxB,mBAAmB,mBAAG,EAAE,KAAA;IAExB,SAAS,CAAC;QACA,IAAA,IAAI,GAAK,QAAQ,KAAb,CAAa;QACzB,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;KAClD,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,QACE,oBAAC,WAAW;QACV,6BAAK,SAAS,EAAE,UAAG,MAAM,CAAC,UAAG,QAAQ,WAAQ,CAAC,cAAI,SAAS,CAAE;YAC1D,KAAK,GAAG,4BAAI,SAAS,EAAE,UAAG,MAAM,CAAC,UAAG,QAAQ,kBAAe,CAAC,CAAE,IAAG,KAAK,CAAM,GAAG,IAAI;YACnF,WAAW,GAAG,2BAAG,SAAS,EAAE,UAAG,MAAM,CAAC,UAAG,QAAQ,wBAAqB,CAAC,CAAE,IAAG,WAAW,CAAK,GAAG,IAAI;YACnG,QAAQ;YACT,6CACY,cAAc,EACxB,SAAS,EAAE,UAAG,MAAM,CAAC,UAAG,QAAQ,sBAAmB,CAAC,CAAE,EACtD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ;gBAEb,6BAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,YAAY,GAAG,CAC7B,CACL;QACN,8BACE,SAAS,EAAE,UAAG,MAAM,CAAC,UAAG,QAAQ,sBAAmB,CAAC,cAAI,mBAAmB,CAAE,EAC7E,OAAO,EAAE,oBAAoB,GAAG,cAAM,OAAA,IAAI,GAAA,GAAG,OAAO,GACpD,CACU,EACf;AACH,CAAC,CAAA;AAED,IAAM,KAAK,GAA0B,UAAC,EAAiC;IAA/B,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAAO,QAC1E,qCAAI,SAAS,EAAE,UAAG,MAAM,CAAC,UAAG,QAAQ,kBAAe,CAAC,cAAI,SAAS,CAAE,IAAM,KAAK,GAC3E,QAAQ,CACN,EACN;CAAA,CAAA;AAED,IAAM,WAAW,GAAgC,UAAC,EAAiC;IAA/B,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAAO,QACtF,oCAAG,SAAS,EAAE,UAAG,MAAM,CAAC,UAAG,QAAQ,wBAAqB,CAAC,cAAI,SAAS,CAAE,IAAM,KAAK,GAChF,QAAQ,CACP,EACL;CAAA,CAAA;AACD,cAAe,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,WAAW,aAAA,EAAE,CAAC;;;;"}
+{"version":3,"file":"Modal.component.js","sources":["../../../../../../src/components/UI/molecules/Modal/Modal.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAOA,MAAM,KAAK,GAAqB,CAAC,EAC/B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,WAAW,EACX,SAAS,GAAG,EAAE,EACd,oBAAoB,GAAG,KAAK,EAC5B,mBAAmB,GAAG,EAAE,EACzB;IACC,SAAS,CAAC;QACR,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAA;QACzB,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;KAClD,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,QACE,oBAAC,WAAW;QACV,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,QAAQ,QAAQ,CAAC,IAAI,SAAS,EAAE;YAC1D,KAAK,GAAG,4BAAI,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,QAAQ,eAAe,CAAC,EAAE,IAAG,KAAK,CAAM,GAAG,IAAI;YACnF,WAAW,GAAG,2BAAG,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,QAAQ,qBAAqB,CAAC,EAAE,IAAG,WAAW,CAAK,GAAG,IAAI;YACnG,QAAQ;YACT,6CACY,cAAc,EACxB,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,QAAQ,mBAAmB,CAAC,EAAE,EACtD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ;gBAEb,6BAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,YAAY,GAAG,CAC7B,CACL;QACN,8BACE,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,QAAQ,mBAAmB,CAAC,IAAI,mBAAmB,EAAE,EAC7E,OAAO,EAAE,oBAAoB,GAAG,MAAM,IAAI,GAAG,OAAO,GACpD,CACU,EACf;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAA0B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,MACrE,4BAAI,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,QAAQ,eAAe,CAAC,IAAI,SAAS,EAAE,KAAM,KAAK,IAC3E,QAAQ,CACN,CACN,CAAA;AAED,MAAM,WAAW,GAAgC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,MACjF,2BAAG,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,QAAQ,qBAAqB,CAAC,IAAI,SAAS,EAAE,KAAM,KAAK,IAChF,QAAQ,CACP,CACL,CAAA;AACD,cAAe,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;;;;"}

package/dist/esm/components/UI/molecules/Modal/ModalPortal.component.js

@@ -3,19 +3,18 @@ import ReactDOM from 'react-dom';
 import { isServer } from '../../../../constants/env.constants.js';
 import { ContainerContext } from '../../../context/container/container.context.js';
 
-var ModalPortal = function (_a) {
-    var children = _a.children;
-    var container = useContext(ContainerContext).container;
-    var portalNode = useRef(null);
-    var _b = useState(false), mounted = _b[0], setMounted = _b[1];
-    useEffect(function () {
+const ModalPortal = ({ children }) => {
+    const { container } = useContext(ContainerContext);
+    const portalNode = useRef(null);
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
         if (isServer || !container)
             return;
         portalNode.current = document.createElement('div');
         portalNode.current.classList.add('modal-ui-drawer');
         container.appendChild(portalNode.current);
         setMounted(true);
-        return function () {
+        return () => {
             if (portalNode.current) {
                 container.removeChild(portalNode.current);
             }

package/dist/esm/components/UI/molecules/Modal/ModalPortal.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalPortal.component.js","sources":["../../../../../../src/components/UI/molecules/Modal/ModalPortal.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAMa,WAAW,GAA2B,UAAC,EAAY;QAAV,QAAQ,cAAA;IACpD,IAAA,SAAS,GAAK,UAAU,CAAC,gBAAgB,CAAC,UAAjC,CAAiC;IAClD,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACzC,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,SAAS,CAAC;QACR,IAAI,QAAQ,IAAI,CAAC,SAAS;YAAE,OAAM;QAClC,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAClD,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;QACnD,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QACzC,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,OAAO;YACL,IAAI,UAAU,CAAC,OAAO,EAAE;gBACtB,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;aAC1C;SACF,CAAA;KACF,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACf,OAAO,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;AACnG;;;;"}
+{"version":3,"file":"ModalPortal.component.js","sources":["../../../../../../src/components/UI/molecules/Modal/ModalPortal.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;MAMa,WAAW,GAA2B,CAAC,EAAE,QAAQ,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAClD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC;QACR,IAAI,QAAQ,IAAI,CAAC,SAAS;YAAE,OAAM;QAClC,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAClD,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;QACnD,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QACzC,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,OAAO;YACL,IAAI,UAAU,CAAC,OAAO,EAAE;gBACtB,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;aAC1C;SACF,CAAA;KACF,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACf,OAAO,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;AACnG;;;;"}

package/dist/esm/components/UI/molecules/ModalResponsive/ModalResponsive.component.js

@@ -3,14 +3,13 @@ import { useMediaQuery } from '../../../hooks/useMediaQuery/index.js';
 import { MobileDrawer } from '../MobileDrawer/MobileDrawer.component.js';
 import Modal from '../Modal/Modal.component.js';
 
-var Component = function (_a) {
-    var children = _a.children, open = _a.open, onClose = _a.onClose, _b = _a.modalClassName, modalClassName = _b === void 0 ? '' : _b, _c = _a.mobileDrawerClassName, mobileDrawerClassName = _c === void 0 ? '' : _c, _d = _a.backgroundClassNameDesktop, backgroundClassNameDesktop = _d === void 0 ? '' : _d, _e = _a.backgroundClassNameMobile, backgroundClassNameMobile = _e === void 0 ? '' : _e;
-    var container = useMediaQuery(React.createElement(Modal, { className: modalClassName, backgroundClassName: backgroundClassNameDesktop, isOpen: open, onClose: onClose }, children), {
+const Component = ({ children, open, onClose, modalClassName = '', mobileDrawerClassName = '', backgroundClassNameDesktop = '', backgroundClassNameMobile = '' }) => {
+    const container = useMediaQuery(React.createElement(Modal, { className: modalClassName, backgroundClassName: backgroundClassNameDesktop, isOpen: open, onClose: onClose }, children), {
         md: (React.createElement(MobileDrawer, { backgroundClassName: backgroundClassNameMobile, className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
     });
     return container;
 };
-var ModalResponsive = Component;
+const ModalResponsive = Component;
 
 export { ModalResponsive };
 //# sourceMappingURL=ModalResponsive.component.js.map

package/dist/esm/components/UI/molecules/ModalResponsive/ModalResponsive.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalResponsive.component.js","sources":["../../../../../../src/components/UI/molecules/ModalResponsive/ModalResponsive.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA,IAAM,SAAS,GAA+B,UAAC,EAQ9C;QAPC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,6BAA0B,EAA1B,qBAAqB,mBAAG,EAAE,KAAA,EAC1B,kCAA+B,EAA/B,0BAA0B,mBAAG,EAAE,KAAA,EAC/B,iCAA8B,EAA9B,yBAAyB,mBAAG,EAAE,KAAA;IAE9B,IAAM,SAAS,GAAG,aAAa,CAC7B,oBAAC,KAAK,IAAC,SAAS,EAAE,cAAc,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAC9G,QAAQ,CACH,EACR;QACE,EAAE,GACA,oBAAC,YAAY,IACX,mBAAmB,EAAE,yBAAyB,EAC9C,SAAS,EAAE,qBAAqB,EAChC,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,IAEf,QAAQ,CACI,CAChB;KACF,CACF,CAAA;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;IAEY,eAAe,GAAG;;;;"}
+{"version":3,"file":"ModalResponsive.component.js","sources":["../../../../../../src/components/UI/molecules/ModalResponsive/ModalResponsive.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA,MAAM,SAAS,GAA+B,CAAC,EAC7C,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,cAAc,GAAG,EAAE,EACnB,qBAAqB,GAAG,EAAE,EAC1B,0BAA0B,GAAG,EAAE,EAC/B,yBAAyB,GAAG,EAAE,EAC/B;IACC,MAAM,SAAS,GAAG,aAAa,CAC7B,oBAAC,KAAK,IAAC,SAAS,EAAE,cAAc,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAC9G,QAAQ,CACH,EACR;QACE,EAAE,GACA,oBAAC,YAAY,IACX,mBAAmB,EAAE,yBAAyB,EAC9C,SAAS,EAAE,qBAAqB,EAChC,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,IAEf,QAAQ,CACI,CAChB;KACF,CACF,CAAA;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;MAEY,eAAe,GAAG;;;;"}

package/dist/esm/components/UI/molecules/Notification/Notification.component.js

@@ -3,16 +3,15 @@ import { ModalPortal } from '../Modal/ModalPortal.component.js';
 import styles from './Notification.module.scss.js';
 import Close from '../../../../assets/Close.svg.js';
 
-var Notification = function (_a) {
-    var onClose = _a.onClose, message = _a.message, _b = _a.position, position = _b === void 0 ? 'top-right' : _b, className = _a.className, _c = _a.autoCloseDuration, autoCloseDuration = _c === void 0 ? 5000 : _c, extraContent = _a.extraContent;
-    useEffect(function () {
+const Notification = ({ onClose, message, position = 'top-right', className, autoCloseDuration = 5000, extraContent }) => {
+    useEffect(() => {
         if (autoCloseDuration > 0) {
-            var timer_1 = setTimeout(onClose, autoCloseDuration);
-            return function () { return clearTimeout(timer_1); };
+            const timer = setTimeout(onClose, autoCloseDuration);
+            return () => clearTimeout(timer);
         }
     }, [autoCloseDuration, onClose]);
     return (React.createElement(ModalPortal, null,
-        React.createElement("div", { className: "".concat(styles.notification, " ").concat(styles[position], " ").concat(className), role: "alert" },
+        React.createElement("div", { className: `${styles.notification} ${styles[position]} ${className}`, role: "alert" },
             React.createElement("div", { className: styles['notification__content'] },
                 React.createElement("div", { className: styles['notification__message'] }, message),
                 React.createElement("button", { className: styles['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },

package/dist/esm/components/UI/molecules/Notification/Notification.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.component.js","sources":["../../../../../../src/components/UI/molecules/Notification/Notification.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAMM,YAAY,GAA4B,UAAC,EAO9C;QANC,OAAO,aAAA,EACP,OAAO,aAAA,EACP,gBAAsB,EAAtB,QAAQ,mBAAG,WAAW,KAAA,EACtB,SAAS,eAAA,EACT,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACxB,YAAY,kBAAA;IAEZ,SAAS,CAAC;QACR,IAAI,iBAAiB,GAAG,CAAC,EAAE;YACzB,IAAM,OAAK,GAAG,UAAU,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAA;YACpD,OAAO,cAAM,OAAA,YAAY,CAAC,OAAK,CAAC,GAAA,CAAA;SACjC;KACF,EAAE,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAA;IAEhC,QACE,oBAAC,WAAW;QACV,6BAAK,SAAS,EAAE,UAAG,MAAM,CAAC,YAAY,cAAI,MAAM,CAAC,QAAQ,CAAC,cAAI,SAAS,CAAE,EAAE,IAAI,EAAC,OAAO;YACrF,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC;gBAC7C,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAAG,OAAO,CAAO;gBAChE,gCACE,SAAS,EAAE,MAAM,CAAC,yBAAyB,CAAC,EAC5C,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,gBACF,oBAAoB;oBAE/B,6BAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,YAAY,GAAG,CAC7B,CACL;YACL,YAAY,IAAI,YAAY,CACzB,CACM,EACf;AACH;;;;"}
+{"version":3,"file":"Notification.component.js","sources":["../../../../../../src/components/UI/molecules/Notification/Notification.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;MAMM,YAAY,GAA4B,CAAC,EAC7C,OAAO,EACP,OAAO,EACP,QAAQ,GAAG,WAAW,EACtB,SAAS,EACT,iBAAiB,GAAG,IAAI,EACxB,YAAY,EACb;IACC,SAAS,CAAC;QACR,IAAI,iBAAiB,GAAG,CAAC,EAAE;YACzB,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAA;YACpD,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC,CAAA;SACjC;KACF,EAAE,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAA;IAEhC,QACE,oBAAC,WAAW;QACV,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAS,EAAE,EAAE,IAAI,EAAC,OAAO;YACrF,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC;gBAC7C,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAAG,OAAO,CAAO;gBAChE,gCACE,SAAS,EAAE,MAAM,CAAC,yBAAyB,CAAC,EAC5C,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,gBACF,oBAAoB;oBAE/B,6BAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,YAAY,GAAG,CAC7B,CACL;YACL,YAAY,IAAI,YAAY,CACzB,CACM,EACf;AACH;;;;"}

package/dist/esm/components/UI/molecules/Pagination/Pagination.component.js

@@ -4,8 +4,6 @@ import ArrowRight2 from '../../../../assets/ArrowRight2.svg.js';
 import Ellipsis from '../../../../assets/Ellipsis-h.svg.js';
 import { IconItem } from '../../atoms/Icon/Icon.component.js';
 import '../../atoms/BarChart/enums.js';
-import '../../../../utils/classNameManager/classNameManager.util.js';
-import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../constants/stories/DatePicker.constants.js';
 import '../../../../constants/stories/jobVideo.constants.js';
 import '../../../../constants/stories/megaMenu.constants.js';
@@ -13,6 +11,7 @@ import '../../../../constants/stories/sideFilter.constants.js';
 import '../../../../constants/stories/vacancies.constants.js';
 import '../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../constants/img.constants.js';
+import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
 import '../../atoms/Paragraph/Paragraph.component.js';
@@ -26,35 +25,34 @@ import { BtnPagination } from './children/BtnPagination.js';
 import { createPagination } from './utils/createPagination.util.js';
 import styles from './Pagination.module.scss.js';
 
-var Pagination = function (_a) {
-    var total = _a.total, current = _a.current, pageSize = _a.pageSize, loading = _a.loading, onChange = _a.onChange, prevTitle = _a.prevTitle, nextTitle = _a.nextTitle, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 3 : _b, dynamicUrl = _a.dynamicUrl;
-    var handleClick = useCallback(function (page) {
+const Pagination = ({ total, current, pageSize, loading, onChange, prevTitle, nextTitle, numberOfButtons = 3, dynamicUrl }) => {
+    const handleClick = useCallback((page) => {
         if (page === current)
             return;
         onChange(page, pageSize);
     }, [current, pageSize, onChange]);
-    var _c = useMemo(function () {
+    const { buttons, first, last } = useMemo(() => {
         return createPagination({
-            total: total,
-            current: current,
-            pageSize: pageSize,
-            numberOfButtons: numberOfButtons
+            total,
+            current,
+            pageSize,
+            numberOfButtons
         });
-    }, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
+    }, [total, current, pageSize, numberOfButtons]);
     if (total <= pageSize)
         return React.createElement(Fragment, null);
     return (React.createElement("div", { className: styles['magneto-ui-pagination'] },
-        first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
+        first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: () => handleClick(current - 1) })),
         React.createElement("ul", null,
             !buttons.includes(first) && (React.createElement("li", null,
-                React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
+                React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: () => handleClick(first), dynamicPaginationUrl: dynamicUrl }),
                 React.createElement(IconItem, { icon: Ellipsis, className: styles['magneto-ui-pagination_ellipsis'] }))),
-            buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
-                React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
+            buttons.map((page, index) => (React.createElement("li", { key: `${page}-${index}` },
+                React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: () => handleClick(page), dynamicPaginationUrl: dynamicUrl })))),
             !buttons.includes(last) && (React.createElement("li", null,
                 React.createElement(IconItem, { icon: Ellipsis, className: styles['magneto-ui-pagination_ellipsis'] }),
-                React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
-        last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
+                React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: () => handleClick(last), dynamicPaginationUrl: dynamicUrl })))),
+        last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: () => handleClick(current + 1) }))));
 };
 
 export { Pagination };

package/dist/esm/components/UI/molecules/Pagination/Pagination.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.component.js","sources":["../../../../../../src/components/UI/molecules/Pagination/Pagination.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAca,UAAU,GAAsB,UAAC,EAU7C;QATC,KAAK,WAAA,EACL,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACT,uBAAmB,EAAnB,eAAe,mBAAG,CAAC,KAAA,EACnB,UAAU,gBAAA;IAEV,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,IAAY;QACX,IAAI,IAAI,KAAK,OAAO;YAAE,OAAM;QAC5B,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;KACzB,EACD,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAC9B,CAAA;IAEK,IAAA,KAA2B,OAAO,CAAC;QACvC,OAAO,gBAAgB,CAAC;YACtB,KAAK,OAAA;YACL,OAAO,SAAA;YACP,QAAQ,UAAA;YACR,eAAe,iBAAA;SAChB,CAAC,CAAA;KACH,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,EAPvC,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAOmB,CAAA;IAE/C,IAAI,KAAK,IAAI,QAAQ;QAAE,OAAO,oBAAC,QAAQ,OAAG,CAAA;IAE1C,QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC;QAC5C,KAAK,KAAK,OAAO,KAChB,oBAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,GAAA,GAAI,CAChH;QACD;YACG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,KACvB;gBACE,oBAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,GAAA,EACjC,oBAAoB,EAAE,UAAU,GAChC;gBACF,oBAAC,QAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,gCAAgC,CAAC,GAAI,CAC9E,CACN;YACA,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,QAC5B,4BAAI,GAAG,EAAE,UAAG,IAAI,cAAI,KAAK,CAAE;gBACzB,oBAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,GAAA,EAChC,oBAAoB,EAAE,UAAU,GAChC,CACC,IACN,CAAC;YACD,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KACtB;gBACE,oBAAC,QAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,gCAAgC,CAAC,GAAI;gBACjF,oBAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,GAAA,EAChC,oBAAoB,EAAE,UAAU,GAChC,CACC,CACN,CACE;QACJ,IAAI,KAAK,OAAO,KACf,oBAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,GAAA,GAAI,CACjH,CACG,EACP;AACH;;;;"}
+{"version":3,"file":"Pagination.component.js","sources":["../../../../../../src/components/UI/molecules/Pagination/Pagination.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;MAca,UAAU,GAAsB,CAAC,EAC5C,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,eAAe,GAAG,CAAC,EACnB,UAAU,EACX;IACC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,IAAY;QACX,IAAI,IAAI,KAAK,OAAO;YAAE,OAAM;QAC5B,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;KACzB,EACD,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAC9B,CAAA;IAED,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;QACvC,OAAO,gBAAgB,CAAC;YACtB,KAAK;YACL,OAAO;YACP,QAAQ;YACR,eAAe;SAChB,CAAC,CAAA;KACH,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAA;IAE/C,IAAI,KAAK,IAAI,QAAQ;QAAE,OAAO,oBAAC,QAAQ,OAAG,CAAA;IAE1C,QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC;QAC5C,KAAK,KAAK,OAAO,KAChB,oBAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,GAAI,CAChH;QACD;YACG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,KACvB;gBACE,oBAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,WAAW,CAAC,KAAK,CAAC,EACjC,oBAAoB,EAAE,UAAU,GAChC;gBACF,oBAAC,QAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,gCAAgC,CAAC,GAAI,CAC9E,CACN;YACA,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACvB,4BAAI,GAAG,EAAE,GAAG,IAAI,IAAI,KAAK,EAAE;gBACzB,oBAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,WAAW,CAAC,IAAI,CAAC,EAChC,oBAAoB,EAAE,UAAU,GAChC,CACC,CACN,CAAC;YACD,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KACtB;gBACE,oBAAC,QAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,gCAAgC,CAAC,GAAI;gBACjF,oBAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,WAAW,CAAC,IAAI,CAAC,EAChC,oBAAoB,EAAE,UAAU,GAChC,CACC,CACN,CACE;QACJ,IAAI,KAAK,OAAO,KACf,oBAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,GAAI,CACjH,CACG,EACP;AACH;;;;"}

package/dist/esm/components/UI/molecules/Pagination/children/BtnPagination.js

@@ -2,8 +2,6 @@ import React, { useMemo, Fragment } from 'react';
 import SpinnerWhite from '../../../../../assets/SpinnerWhite.svg.js';
 import { IconItem } from '../../../atoms/Icon/Icon.component.js';
 import '../../../atoms/BarChart/enums.js';
-import '../../../../../utils/classNameManager/classNameManager.util.js';
-import '../../../atoms/Collapse/Collapse.component.js';
 import '../../../../../constants/stories/DatePicker.constants.js';
 import '../../../../../constants/stories/jobVideo.constants.js';
 import '../../../../../constants/stories/megaMenu.constants.js';
@@ -11,6 +9,7 @@ import '../../../../../constants/stories/sideFilter.constants.js';
 import '../../../../../constants/stories/vacancies.constants.js';
 import '../../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../../constants/img.constants.js';
+import '../../../atoms/Collapse/Collapse.component.js';
 import '../../../../../utils/date/dateInput.util.js';
 import '../../../atoms/InputFile/InputFile.component.js';
 import '../../../atoms/Paragraph/Paragraph.component.js';
@@ -22,20 +21,29 @@ import '../../../atoms/Typography/Typography.interface.js';
 import '../../../../hooks/useMediaQuery/index.js';
 import styles from './BtnPagination.module.scss.js';
 
-var BtnPagination = function (_a) {
-    var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
-    var displayContent = useMemo(function () {
+const BtnPagination = ({ loading, value, current, text, icon, onClick, dynamicPaginationUrl }) => {
+    const displayContent = useMemo(() => {
         if (loading && value && current === value)
             return React.createElement(IconItem, { icon: SpinnerWhite, className: styles['magneto-ui-btn-pagination_spinner'] });
         return value;
     }, [loading, current, value]);
-    var pageQueryParam = 'paginator[page]=';
-    var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
-    var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
-    return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
-        React.createElement("button", { className: "\n              ".concat(loading && styles['magneto-ui-btn-pagination_disabled'], " \n              ").concat(value && current === value && styles['magneto-ui-btn-pagination_active'], " \n              ").concat(text && styles['magneto-ui-btn-pagination_with__icon'], "\n              ").concat(styles['magneto-ui-btn-pagination_btn'], "\n            "), title: title, disabled: loading, onClick: onClick },
+    const pageQueryParam = 'paginator[page]=';
+    const displayIcon = useMemo(() => (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)), [icon]);
+    const title = useMemo(() => (text ? text : `${value}`), [text, value]);
+    return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles['magneto-ui-btn-pagination_anchor'], href: `${dynamicPaginationUrl}?${pageQueryParam}${value}`, onClick: (e) => e.preventDefault() },
+        React.createElement("button", { className: `
+              ${loading && styles['magneto-ui-btn-pagination_disabled']} 
+              ${value && current === value && styles['magneto-ui-btn-pagination_active']} 
+              ${text && styles['magneto-ui-btn-pagination_with__icon']}
+              ${styles['magneto-ui-btn-pagination_btn']}
+            `, title: title, disabled: loading, onClick: onClick },
             displayContent,
-            displayIcon))) : (React.createElement("button", { className: "\n            ".concat(loading && styles['magneto-ui-btn-pagination_disabled'], " \n            ").concat(value && current === value && styles['magneto-ui-btn-pagination_active'], " \n            ").concat(text && styles['magneto-ui-btn-pagination_with__icon'], "\n            ").concat(styles['magneto-ui-btn-pagination_btn'], "\n          "), title: title, disabled: loading, onClick: onClick },
+            displayIcon))) : (React.createElement("button", { className: `
+            ${loading && styles['magneto-ui-btn-pagination_disabled']} 
+            ${value && current === value && styles['magneto-ui-btn-pagination_active']} 
+            ${text && styles['magneto-ui-btn-pagination_with__icon']}
+            ${styles['magneto-ui-btn-pagination_btn']}
+          `, title: title, disabled: loading, onClick: onClick },
         displayContent,
         displayIcon))));
 };

package/dist/esm/components/UI/molecules/Pagination/children/BtnPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"BtnPagination.js","sources":["../../../../../../../src/components/UI/molecules/Pagination/children/BtnPagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAMa,aAAa,GAA4B,UAAC,EAQtD;QAPC,OAAO,aAAA,EACP,KAAK,WAAA,EACL,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,oBAAoB,0BAAA;IAEpB,IAAM,cAAc,GAAG,OAAO,CAAC;QAC7B,IAAI,OAAO,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK;YACvC,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,mCAAmC,CAAC,GAAI,CAAA;QACjG,OAAO,KAAK,CAAA;KACb,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAE7B,IAAM,cAAc,GAAG,kBAAkB,CAAA;IAEzC,IAAM,WAAW,GAAG,OAAO,CAAC,cAAM,QAAC,IAAI,GAAG,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,GAAG,oBAAC,QAAQ,OAAG,IAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAE3F,IAAM,KAAK,GAAG,OAAO,CAAC,cAAM,QAAC,IAAI,GAAG,IAAI,GAAG,UAAG,KAAK,CAAE,IAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAEtE,QACE,oBAAC,QAAQ,QACN,oBAAoB,IACnB,2BACE,SAAS,EAAE,MAAM,CAAC,kCAAkC,CAAC,EACrD,IAAI,EAAE,UAAG,oBAAoB,cAAI,cAAc,SAAG,KAAK,CAAE,EACzD,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,cAAc,EAAE,GAAA;QAElC,gCACE,SAAS,EAAE,0BACP,OAAO,IAAI,MAAM,CAAC,oCAAoC,CAAC,8BACvD,KAAK,IAAI,OAAO,KAAK,KAAK,IAAI,MAAM,CAAC,kCAAkC,CAAC,8BACxE,IAAI,IAAI,MAAM,CAAC,sCAAsC,CAAC,6BACtD,MAAM,CAAC,+BAA+B,CAAC,mBAC1C,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,OAAO;YAEf,cAAc;YACd,WAAW,CACL,CACP,KAEJ,gCACE,SAAS,EAAE,wBACP,OAAO,IAAI,MAAM,CAAC,oCAAoC,CAAC,4BACvD,KAAK,IAAI,OAAO,KAAK,KAAK,IAAI,MAAM,CAAC,kCAAkC,CAAC,4BACxE,IAAI,IAAI,MAAM,CAAC,sCAAsC,CAAC,2BACtD,MAAM,CAAC,+BAA+B,CAAC,iBAC1C,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,OAAO;QAEf,cAAc;QACd,WAAW,CACL,CACV,CACQ,EACZ;AACH;;;;"}
+{"version":3,"file":"BtnPagination.js","sources":["../../../../../../../src/components/UI/molecules/Pagination/children/BtnPagination.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MAMa,aAAa,GAA4B,CAAC,EACrD,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,oBAAoB,EACrB;IACC,MAAM,cAAc,GAAG,OAAO,CAAC;QAC7B,IAAI,OAAO,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK;YACvC,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,mCAAmC,CAAC,GAAI,CAAA;QACjG,OAAO,KAAK,CAAA;KACb,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAE7B,MAAM,cAAc,GAAG,kBAAkB,CAAA;IAEzC,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,IAAI,GAAG,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,GAAG,oBAAC,QAAQ,OAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAE3F,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,IAAI,GAAG,IAAI,GAAG,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAEtE,QACE,oBAAC,QAAQ,QACN,oBAAoB,IACnB,2BACE,SAAS,EAAE,MAAM,CAAC,kCAAkC,CAAC,EACrD,IAAI,EAAE,GAAG,oBAAoB,IAAI,cAAc,GAAG,KAAK,EAAE,EACzD,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE;QAElC,gCACE,SAAS,EAAE;gBACP,OAAO,IAAI,MAAM,CAAC,oCAAoC,CAAC;gBACvD,KAAK,IAAI,OAAO,KAAK,KAAK,IAAI,MAAM,CAAC,kCAAkC,CAAC;gBACxE,IAAI,IAAI,MAAM,CAAC,sCAAsC,CAAC;gBACtD,MAAM,CAAC,+BAA+B,CAAC;aAC1C,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,OAAO;YAEf,cAAc;YACd,WAAW,CACL,CACP,KAEJ,gCACE,SAAS,EAAE;cACP,OAAO,IAAI,MAAM,CAAC,oCAAoC,CAAC;cACvD,KAAK,IAAI,OAAO,KAAK,KAAK,IAAI,MAAM,CAAC,kCAAkC,CAAC;cACxE,IAAI,IAAI,MAAM,CAAC,sCAAsC,CAAC;cACtD,MAAM,CAAC,+BAA+B,CAAC;WAC1C,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,OAAO;QAEf,cAAc;QACd,WAAW,CACL,CACV,CACQ,EACZ;AACH;;;;"}

package/dist/esm/components/UI/molecules/Pagination/utils/createPagination.util.js

@@ -1,21 +1,17 @@
-import { __spreadArray } from '../../../../../node_modules/tslib/tslib.es6.js';
-
-var createPagination = function (_a) {
-    var total = _a.total, current = _a.current, _b = _a.pageSize, pageSize = _b === void 0 ? 10 : _b, _c = _a.numberOfButtons, numberOfButtons = _c === void 0 ? 3 : _c;
-    var numberOfPages = Math.ceil(total / pageSize);
+const createPagination = ({ total, current, pageSize = 10, numberOfButtons = 3 }) => {
+    const numberOfPages = Math.ceil(total / pageSize);
     if (current > numberOfPages || current < 1 || !total || !current)
         return {
             buttons: [],
-            current: current,
+            current,
             first: 1,
             last: numberOfPages
         };
-    var totalButtons = Array(numberOfPages)
+    const totalButtons = Array(numberOfPages)
         .fill(1)
-        .map(function (e, i) { return e + i; });
-    var sideButtons = numberOfButtons % 2 === 0 ? numberOfButtons / 2 : (numberOfButtons - 1) / 2;
-    var calculateLeft = function (rest) {
-        if (rest === void 0) { rest = 0; }
+        .map((e, i) => e + i);
+    const sideButtons = numberOfButtons % 2 === 0 ? numberOfButtons / 2 : (numberOfButtons - 1) / 2;
+    const calculateLeft = (rest = 0) => {
         return {
             left: totalButtons
                 .slice(0, current - 1)
@@ -27,8 +23,7 @@ var createPagination = function (_a) {
             }
         };
     };
-    var calculateRight = function (rest) {
-        if (rest === void 0) { rest = 0; }
+    const calculateRight = (rest = 0) => {
         return {
             right: totalButtons.slice(current).slice(0, sideButtons + rest),
             rest: function () {
@@ -36,11 +31,11 @@ var createPagination = function (_a) {
             }
         };
     };
-    var leftButtons = calculateLeft(calculateRight().rest()).left;
-    var rightButtons = calculateRight(calculateLeft().rest()).right;
+    const leftButtons = calculateLeft(calculateRight().rest()).left;
+    const rightButtons = calculateRight(calculateLeft().rest()).right;
     return {
-        buttons: __spreadArray(__spreadArray(__spreadArray([], leftButtons, true), [current], false), rightButtons, true),
-        current: current,
+        buttons: [...leftButtons, current, ...rightButtons],
+        current,
         first: 1,
         last: numberOfPages
     };