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

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

@@ -11,16 +11,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Component = function (_a) {
-    var range = _a.bin, percentage = _a.heightPercentage, jobText = _a.jobText, point = _a.point, _b = _a.maxHeight, maxHeight = _b === void 0 ? 400 : _b, _c = _a.maxPercentage, maxPercentage = _c === void 0 ? 1 : _c;
-    var barRef = React.useRef(null);
-    var _d = React.useState(false), isHover = _d[0], setIsHover = _d[1];
-    var _e = React.useMemo(function () { return range; }, [range]), minRange = _e[0], maxRange = _e[1];
-    var _f = React.useState(enums.EPositions.center), popoverPosition = _f[0], setPopoverPosition = _f[1];
-    React.useEffect(function () {
+const Component = ({ bin: range, heightPercentage: percentage, jobText, point, maxHeight = 400, maxPercentage = 1 }) => {
+    const barRef = React.useRef(null);
+    const [isHover, setIsHover] = React.useState(false);
+    const [minRange, maxRange] = React.useMemo(() => range, [range]);
+    const [popoverPosition, setPopoverPosition] = React.useState(enums.EPositions.center);
+    React.useEffect(() => {
         if (isHover && barRef.current) {
-            var rect = barRef.current.getBoundingClientRect();
-            var screenWidth = window.innerWidth;
+            const rect = barRef.current.getBoundingClientRect();
+            const screenWidth = window.innerWidth;
             if (rect.right > screenWidth - 50) {
                 setPopoverPosition(enums.EPositions.left);
             }
@@ -32,18 +31,16 @@ var Component = function (_a) {
             }
         }
     }, [isHover]);
-    var popoverContent = React.useMemo(function () {
-        return isHover && (React__default["default"].createElement("div", { className: "".concat(BarChart_module['magneto-ui-chart-bar__popover'], " ").concat(BarChart_module["popover-".concat(popoverPosition)]) },
-            React__default["default"].createElement("div", null, "".concat(currency_util.numberToCurrency(minRange), " - ").concat(currency_util.numberToCurrency(maxRange))),
-            React__default["default"].createElement("div", null, "".concat(Math.round(percentage * 100), "% ").concat(jobText))));
-    }, [isHover, jobText, maxRange, minRange, percentage, popoverPosition]);
+    const popoverContent = React.useMemo(() => isHover && (React__default["default"].createElement("div", { className: `${BarChart_module['magneto-ui-chart-bar__popover']} ${BarChart_module[`popover-${popoverPosition}`]}` },
+        React__default["default"].createElement("div", null, `${currency_util.numberToCurrency(minRange)} - ${currency_util.numberToCurrency(maxRange)}`),
+        React__default["default"].createElement("div", null, `${Math.round(percentage * 100)}% ${jobText}`))), [isHover, jobText, maxRange, minRange, percentage, popoverPosition]);
     return (React__default["default"].createElement("div", { style: {
             height: Math.max((percentage / maxPercentage) * maxHeight, 1)
-        }, ref: barRef, className: BarChart_module['magneto-ui-chart-bar'], onMouseEnter: function () { return setIsHover(true); }, onMouseLeave: function () { return setIsHover(false); } },
+        }, ref: barRef, className: BarChart_module['magneto-ui-chart-bar'], onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false) },
         React__default["default"].createElement("div", { className: BarChart_module['magneto-ui-chart-bar__point'], style: { backgroundColor: point } }),
         popoverContent));
 };
-var BarChart = Component;
+const BarChart = Component;
 
 exports.BarChart = BarChart;
 //# sourceMappingURL=BarChart.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BarChart.component.js","sources":["../../../../../../src/components/UI/atoms/BarChart/BarChart.component.tsx"],"sourcesContent":[null],"names":["useRef","useState","useMemo","EPositions","useEffect","React","styles","numberToCurrency"],"mappings":";;;;;;;;;;;;;AAOA,IAAM,SAAS,GAAwB,UAAC,EAOvC;QANM,KAAK,SAAA,EACQ,UAAU,sBAAA,EAC5B,OAAO,aAAA,EACP,KAAK,WAAA,EACL,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA,EACf,qBAAiB,EAAjB,aAAa,mBAAG,CAAC,KAAA;IAEjB,IAAM,MAAM,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAA;IACrC,IAAA,KAAwBC,cAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IACvC,IAAA,KAAuBC,aAAO,CAAC,cAAM,OAAA,KAAK,GAAA,EAAE,CAAC,KAAK,CAAC,CAAC,EAAnD,QAAQ,QAAA,EAAE,QAAQ,QAAiC,CAAA;IACpD,IAAA,KAAwCD,cAAQ,CAAmBE,gBAAU,CAAC,MAAM,CAAC,EAApF,eAAe,QAAA,EAAE,kBAAkB,QAAiD,CAAA;IAE3FC,eAAS,CAAC;QACR,IAAI,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE;YAC7B,IAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;YACnD,IAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAA;YACrC,IAAI,IAAI,CAAC,KAAK,GAAG,WAAW,GAAG,EAAE,EAAE;gBACjC,kBAAkB,CAACD,gBAAU,CAAC,IAAI,CAAC,CAAA;aACpC;iBAAM,IAAI,IAAI,CAAC,IAAI,GAAG,EAAE,EAAE;gBACzB,kBAAkB,CAACA,gBAAU,CAAC,KAAK,CAAC,CAAA;aACrC;iBAAM;gBACL,kBAAkB,CAACA,gBAAU,CAAC,MAAM,CAAC,CAAA;aACtC;SACF;KACF,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,cAAc,GAAGD,aAAO,CAC5B;QACE,OAAA,OAAO,KACLG,iDAAK,SAAS,EAAE,UAAGC,eAAM,CAAC,+BAA+B,CAAC,cAAIA,eAAM,CAAC,kBAAW,eAAe,CAAE,CAAC,CAAE;YAClGD,qDAAM,UAAGE,8BAAgB,CAAC,QAAQ,CAAC,gBAAMA,8BAAgB,CAAC,QAAQ,CAAC,CAAE,CAAO;YAC5EF,qDAAM,UAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,eAAK,OAAO,CAAE,CAAO,CACtD,CACP;KAAA,EACH,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,CAAC,CACpE,CAAA;IAED,QACEA,iDACE,KAAK,EAAE;YACL,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,GAAG,aAAa,IAAI,SAAS,EAAE,CAAC,CAAC;SAC9D,EACD,GAAG,EAAE,MAAM,EACX,SAAS,EAAEC,eAAM,CAAC,sBAAsB,CAAC,EACzC,YAAY,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,GAAA,EACpC,YAAY,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,GAAA;QAErCD,iDAAK,SAAS,EAAEC,eAAM,CAAC,6BAA6B,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GAAI;QAC3F,cAAc,CACX,EACP;AACH,CAAC,CAAA;IAEY,QAAQ,GAAG;;;;"}
+{"version":3,"file":"BarChart.component.js","sources":["../../../../../../src/components/UI/atoms/BarChart/BarChart.component.tsx"],"sourcesContent":[null],"names":["useRef","useState","useMemo","EPositions","useEffect","React","styles","numberToCurrency"],"mappings":";;;;;;;;;;;;;AAOA,MAAM,SAAS,GAAwB,CAAC,EACtC,GAAG,EAAE,KAAK,EACV,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EACP,KAAK,EACL,SAAS,GAAG,GAAG,EACf,aAAa,GAAG,CAAC,EAClB;IACC,MAAM,MAAM,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAA;IAC3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAGC,aAAO,CAAC,MAAM,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAC1D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAGD,cAAQ,CAAmBE,gBAAU,CAAC,MAAM,CAAC,CAAA;IAE3FC,eAAS,CAAC;QACR,IAAI,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE;YAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;YACnD,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAA;YACrC,IAAI,IAAI,CAAC,KAAK,GAAG,WAAW,GAAG,EAAE,EAAE;gBACjC,kBAAkB,CAACD,gBAAU,CAAC,IAAI,CAAC,CAAA;aACpC;iBAAM,IAAI,IAAI,CAAC,IAAI,GAAG,EAAE,EAAE;gBACzB,kBAAkB,CAACA,gBAAU,CAAC,KAAK,CAAC,CAAA;aACrC;iBAAM;gBACL,kBAAkB,CAACA,gBAAU,CAAC,MAAM,CAAC,CAAA;aACtC;SACF;KACF,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,cAAc,GAAGD,aAAO,CAC5B,MACE,OAAO,KACLG,iDAAK,SAAS,EAAE,GAAGC,eAAM,CAAC,+BAA+B,CAAC,IAAIA,eAAM,CAAC,WAAW,eAAe,EAAE,CAAC,EAAE;QAClGD,qDAAM,GAAGE,8BAAgB,CAAC,QAAQ,CAAC,MAAMA,8BAAgB,CAAC,QAAQ,CAAC,EAAE,CAAO;QAC5EF,qDAAM,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,KAAK,OAAO,EAAE,CAAO,CACtD,CACP,EACH,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,CAAC,CACpE,CAAA;IAED,QACEA,iDACE,KAAK,EAAE;YACL,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,GAAG,aAAa,IAAI,SAAS,EAAE,CAAC,CAAC;SAC9D,EACD,GAAG,EAAE,MAAM,EACX,SAAS,EAAEC,eAAM,CAAC,sBAAsB,CAAC,EACzC,YAAY,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,MAAM,UAAU,CAAC,KAAK,CAAC;QAErCD,iDAAK,SAAS,EAAEC,eAAM,CAAC,6BAA6B,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GAAI;QAC3F,cAAc,CACX,EACP;AACH,CAAC,CAAA;MAEY,QAAQ,GAAG;;;;"}

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var BarLoader_constants = require('./BarLoader.constants.js');
 var classNameManager_util = require('../../../../utils/classNameManager/classNameManager.util.js');
@@ -12,28 +11,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Component = function (_a) {
-    var className = _a.className, color = _a.color, percent = _a.percent;
-    var validateCompleted = React.useCallback(function (value) {
+const Component = ({ className, color, percent }) => {
+    const validateCompleted = React.useCallback((value) => {
         if (!value)
             return 0;
-        var numValue = Number(value);
+        const numValue = Number(value);
         if (isNaN(numValue) || numValue < 0)
             return 0;
         if (numValue > 100)
             return 100;
         return numValue;
     }, []);
-    var barColor = React.useMemo(function () {
-        var _a;
-        return (_a = {}, _a["".concat(BarLoader_constants.BAR_LOADER_PREFIX, "-color")] = color, _a);
-    }, [color]);
-    var barCompleted = React.useMemo(function () {
-        var _a;
-        return (_a = {}, _a["".concat(BarLoader_constants.BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
-    }, [percent, validateCompleted]);
+    const barColor = React.useMemo(() => ({ [`${BarLoader_constants.BAR_LOADER_PREFIX}-color`]: color }), [color]);
+    const barCompleted = React.useMemo(() => ({ [`${BarLoader_constants.BAR_LOADER_PREFIX}-completed`]: `${validateCompleted(percent)}%` }), [percent, validateCompleted]);
     return (React__default["default"].createElement("div", { className: classNameManager_util.get({ styles: BarLoader_module, cls: [className] }) },
-        React__default["default"].createElement("div", { className: classNameManager_util.get({ styles: BarLoader_module, cls: ['bar-loader'] }), style: tslib_es6.__assign(tslib_es6.__assign({}, barColor), barCompleted) },
+        React__default["default"].createElement("div", { className: classNameManager_util.get({ styles: BarLoader_module, cls: ['bar-loader'] }), style: { ...barColor, ...barCompleted } },
             React__default["default"].createElement("div", { className: classNameManager_util.get({
                     styles: BarLoader_module,
                     cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
@@ -42,7 +34,7 @@ var Component = function (_a) {
 /**
  * UI Atom component of Bar Loader
  */
-var BarLoader = Component;
+const BarLoader = Component;
 
 exports.BarLoader = BarLoader;
 //# sourceMappingURL=BarLoader.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BarLoader.component.js","sources":["../../../../../../src/components/UI/atoms/BarLoader/BarLoader.component.tsx"],"sourcesContent":[null],"names":["useCallback","useMemo","preffix","React","CNM"],"mappings":";;;;;;;;;;;;;;AAMA,IAAM,SAAS,GAA0B,UAAC,EAA6B;QAA3B,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;IACnE,IAAM,iBAAiB,GAAGA,iBAAW,CAAC,UAAC,KAAc;QACnD,IAAI,CAAC,KAAK;YAAE,OAAO,CAAC,CAAA;QAEpB,IAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAE9B,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO,CAAC,CAAA;QAC7C,IAAI,QAAQ,GAAG,GAAG;YAAE,OAAO,GAAG,CAAA;QAE9B,OAAO,QAAQ,CAAA;KAChB,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,QAAQ,GAAGC,aAAO,CAAC;;QAAM,iBAAG,GAAC,UAAGC,qCAAO,WAAQ,IAAG,KAAK;KAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAE1E,IAAM,YAAY,GAAGD,aAAO,CAC1B;;QAAM,iBAAG,GAAC,UAAGC,qCAAO,eAAY,IAAG,UAAG,iBAAiB,CAAC,OAAO,CAAC,MAAG;KAAG,EACtE,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAC7B,CAAA;IAED,QACEC,iDAAK,SAAS,EAAEC,qBAAG,CAAC,GAAG,CAAC,EAAE,MAAM,kBAAA,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC;QACnDD,iDAAK,SAAS,EAAEC,qBAAG,CAAC,GAAG,CAAC,EAAE,MAAM,kBAAA,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,KAAK,4CAAO,QAAQ,GAAK,YAAY;YAC7FD,iDACE,SAAS,EAAEC,qBAAG,CAAC,GAAG,CAAC;oBACjB,MAAM,kBAAA;oBACN,GAAG,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,SAAS,GAAG,4BAA4B,GAAG,2BAA2B,CAAC;iBAC7G,CAAC,GACF,CACE,CACF,EACP;AACH,CAAC,CAAA;AAED;;;IAGa,SAAS,GAAG;;;;"}
+{"version":3,"file":"BarLoader.component.js","sources":["../../../../../../src/components/UI/atoms/BarLoader/BarLoader.component.tsx"],"sourcesContent":[null],"names":["useCallback","useMemo","preffix","React","CNM","styles"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,SAAS,GAA0B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;IACrE,MAAM,iBAAiB,GAAGA,iBAAW,CAAC,CAAC,KAAc;QACnD,IAAI,CAAC,KAAK;YAAE,OAAO,CAAC,CAAA;QAEpB,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAE9B,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO,CAAC,CAAA;QAC7C,IAAI,QAAQ,GAAG,GAAG;YAAE,OAAO,GAAG,CAAA;QAE9B,OAAO,QAAQ,CAAA;KAChB,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,QAAQ,GAAGC,aAAO,CAAC,OAAO,EAAE,CAAC,GAAGC,qCAAO,QAAQ,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAE1E,MAAM,YAAY,GAAGD,aAAO,CAC1B,OAAO,EAAE,CAAC,GAAGC,qCAAO,YAAY,GAAG,GAAG,iBAAiB,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EACtE,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAC7B,CAAA;IAED,QACEC,iDAAK,SAAS,EAAEC,qBAAG,CAAC,GAAG,CAAC,UAAEC,gBAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC;QACnDF,iDAAK,SAAS,EAAEC,qBAAG,CAAC,GAAG,CAAC,UAAEC,gBAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,QAAQ,EAAE,GAAG,YAAY,EAAE;YAC/FF,iDACE,SAAS,EAAEC,qBAAG,CAAC,GAAG,CAAC;4BACjBC,gBAAM;oBACN,GAAG,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,SAAS,GAAG,4BAA4B,GAAG,2BAA2B,CAAC;iBAC7G,CAAC,GACF,CACE,CACF,EACP;AACH,CAAC,CAAA;AAED;;;MAGa,SAAS,GAAG;;;;"}

package/dist/cjs/components/UI/atoms/BarLoader/BarLoader.constants.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var BAR_LOADER_PREFIX = '--bar-loader';
+const BAR_LOADER_PREFIX = '--bar-loader';
 
 exports.BAR_LOADER_PREFIX = BAR_LOADER_PREFIX;
 //# sourceMappingURL=BarLoader.constants.js.map

package/dist/cjs/components/UI/atoms/BarLoader/BarLoader.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarLoader.constants.js","sources":["../../../../../../src/components/UI/atoms/BarLoader/BarLoader.constants.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;IAAa,iBAAiB,GAAG;;;;"}
+{"version":3,"file":"BarLoader.constants.js","sources":["../../../../../../src/components/UI/atoms/BarLoader/BarLoader.constants.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;MAAa,iBAAiB,GAAG;;;;"}

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

@@ -9,30 +9,27 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Component = function (_a) {
-    var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
-    var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
-    var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
-    var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
-    var haveDetailTitle = detailTitle !== '';
-    var detailTileStyle = detailTitle ? Breadcrumb_modules['no-transform'] : '';
-    var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
+const Component = ({ breadcrumbText, breadcrumbCustomText, queryParams, haveRedirect = true, detailTitle = '', breadCrumbFromServer, urlFromServer }) => {
+    const breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
+    const breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
+    const lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
+    const haveDetailTitle = detailTitle !== '';
+    const detailTileStyle = detailTitle ? Breadcrumb_modules['no-transform'] : '';
+    const regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
     // This removes the base64 from the vacancy breadcrumbs
-    var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
-    var breadCrumbsRender = React.useMemo(function () {
+    const title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
+    const breadCrumbsRender = React.useMemo(() => {
         return haveRedirect ? (React__default["default"].createElement(React__default["default"].Fragment, null, breadCrumbFromServer === null || breadCrumbFromServer === void 0 ? void 0 :
-            breadCrumbFromServer.map(function (href, i) {
-                return breadCrumbFromServer.length - 1 !== i && (React__default["default"].createElement("a", { href: "".concat(urlFromServer === null || urlFromServer === void 0 ? void 0 : urlFromServer[i]).concat(queryParams ? queryParams : ''), key: i },
-                    React__default["default"].createElement("p", null,
-                        "/ ",
-                        href)));
-            }),
-            React__default["default"].createElement("p", { className: "".concat(Breadcrumb_modules['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
+            breadCrumbFromServer.map((href, i) => breadCrumbFromServer.length - 1 !== i && (React__default["default"].createElement("a", { href: `${urlFromServer === null || urlFromServer === void 0 ? void 0 : urlFromServer[i]}${queryParams ? queryParams : ''}`, key: i },
+                React__default["default"].createElement("p", null,
+                    "/ ",
+                    href)))),
+            React__default["default"].createElement("p", { className: `${Breadcrumb_modules['magneto-ui-bc-active']} ${detailTileStyle}` },
                 "/ ",
-                haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? Breadcrumb_modules['magneto-ui-bc-active'] : '', " ").concat(Breadcrumb_modules['magneto-ui-bc']), key: i },
+                haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map((bc, i) => (React__default["default"].createElement("p", { className: `${lastIndexBC == i ? Breadcrumb_modules['magneto-ui-bc-active'] : ''} ${Breadcrumb_modules['magneto-ui-bc']}`, key: i },
             i > 0 && '/',
             " ",
-            bc)); })));
+            bc)))));
     }, [
         haveRedirect,
         breadCrumbFromServer,
@@ -50,7 +47,7 @@ var Component = function (_a) {
 /**
  * Atom UI of breadcrumb
  */
-var Breadcrumb = Component;
+const Breadcrumb = Component;
 
 exports.Breadcrumb = Breadcrumb;
 //# sourceMappingURL=Breadcrumb.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.component.js","sources":["../../../../../../src/components/UI/atoms/Breadcrumb/Breadcrumb.component.tsx"],"sourcesContent":[null],"names":["styles","useMemo","React"],"mappings":";;;;;;;;;;;AAIA,IAAM,SAAS,GAA0B,UAAC,EAQzC;QAPC,cAAc,oBAAA,EACd,oBAAoB,0BAAA,EACpB,WAAW,iBAAA,EACX,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,oBAAoB,0BAAA,EACpB,aAAa,mBAAA;IAEb,IAAM,WAAW,GAAG,oBAAoB,GAAG,oBAAoB,GAAG,cAAc,IAAI,EAAE,CAAA;IACtF,IAAM,mBAAmB,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IACnD,IAAM,WAAW,GAAG,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,IAAG,CAAC,CAAA;IACnD,IAAM,eAAe,GAAG,WAAW,KAAK,EAAE,CAAA;IAC1C,IAAM,eAAe,GAAG,WAAW,GAAGA,kBAAM,CAAC,cAAc,CAAC,GAAG,EAAE,CAAA;IACjE,IAAM,UAAU,GAAG,+DAA+D,CAAA;;IAGlF,IAAM,KAAK,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA;IACzF,IAAM,iBAAiB,GAAGC,aAAO,CAAC;QAChC,OAAO,YAAY,IACjBC,kFACG,oBAAoB,aAApB,oBAAoB;YAApB,oBAAoB,CAAE,GAAG,CACxB,UAAC,IAAI,EAAE,CAAC;gBACN,OAAA,oBAAoB,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,KACnCA,+CAAG,IAAI,EAAE,UAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,SAAG,WAAW,GAAG,WAAW,GAAG,EAAE,CAAE,EAAE,GAAG,EAAE,CAAC;oBACvEA;;wBAAM,IAAI,CAAK,CACb,CACL;aAAA,CACJ;YACDA,+CAAG,SAAS,EAAE,UAAGF,kBAAM,CAAC,sBAAsB,CAAC,cAAI,eAAe,CAAE;;gBAC/D,eAAe,GAAG,WAAW,GAAG,KAAK,CACtC,CACH,KAEHE,kFACG,mBAAmB,CAAC,GAAG,CAAC,UAAC,EAAE,EAAE,CAAC,IAAK,QAClCA,+CAAG,SAAS,EAAE,UAAG,WAAW,IAAI,CAAC,GAAGF,kBAAM,CAAC,sBAAsB,CAAC,GAAG,EAAE,cAAIA,kBAAM,CAAC,eAAe,CAAC,CAAE,EAAE,GAAG,EAAE,CAAC;YACzG,CAAC,GAAG,CAAC,IAAI,GAAG;;YAAG,EAAE,CAChB,IACL,CAAC,CACD,CACJ,CAAA;KACF,EAAE;QACD,YAAY;QACZ,oBAAoB;QACpB,eAAe;QACf,eAAe;QACf,WAAW;QACX,KAAK;QACL,mBAAmB;QACnB,aAAa;QACb,WAAW;QACX,WAAW;KACZ,CAAC,CAAA;IAEF,OAAOE,iDAAK,SAAS,EAAEF,kBAAM,CAAC,mBAAmB,IAAG,iBAAiB,CAAO,CAAA;AAC9E,CAAC,CAAA;AAED;;;IAIa,UAAU,GAAG;;;;"}
+{"version":3,"file":"Breadcrumb.component.js","sources":["../../../../../../src/components/UI/atoms/Breadcrumb/Breadcrumb.component.tsx"],"sourcesContent":[null],"names":["styles","useMemo","React"],"mappings":";;;;;;;;;;;AAIA,MAAM,SAAS,GAA0B,CAAC,EACxC,cAAc,EACd,oBAAoB,EACpB,WAAW,EACX,YAAY,GAAG,IAAI,EACnB,WAAW,GAAG,EAAE,EAChB,oBAAoB,EACpB,aAAa,EACd;IACC,MAAM,WAAW,GAAG,oBAAoB,GAAG,oBAAoB,GAAG,cAAc,IAAI,EAAE,CAAA;IACtF,MAAM,mBAAmB,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IACnD,MAAM,WAAW,GAAG,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,IAAG,CAAC,CAAA;IACnD,MAAM,eAAe,GAAG,WAAW,KAAK,EAAE,CAAA;IAC1C,MAAM,eAAe,GAAG,WAAW,GAAGA,kBAAM,CAAC,cAAc,CAAC,GAAG,EAAE,CAAA;IACjE,MAAM,UAAU,GAAG,+DAA+D,CAAA;;IAGlF,MAAM,KAAK,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA;IACzF,MAAM,iBAAiB,GAAGC,aAAO,CAAC;QAChC,OAAO,YAAY,IACjBC,kFACG,oBAAoB,aAApB,oBAAoB;YAApB,oBAAoB,CAAE,GAAG,CACxB,CAAC,IAAI,EAAE,CAAC,KACN,oBAAoB,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,KACnCA,+CAAG,IAAI,EAAE,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,GAAG,WAAW,GAAG,WAAW,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;gBACvEA;;oBAAM,IAAI,CAAK,CACb,CACL,CACJ;YACDA,+CAAG,SAAS,EAAE,GAAGF,kBAAM,CAAC,sBAAsB,CAAC,IAAI,eAAe,EAAE;;gBAC/D,eAAe,GAAG,WAAW,GAAG,KAAK,CACtC,CACH,KAEHE,kFACG,mBAAmB,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,MAC7BA,+CAAG,SAAS,EAAE,GAAG,WAAW,IAAI,CAAC,GAAGF,kBAAM,CAAC,sBAAsB,CAAC,GAAG,EAAE,IAAIA,kBAAM,CAAC,eAAe,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;YACzG,CAAC,GAAG,CAAC,IAAI,GAAG;;YAAG,EAAE,CAChB,CACL,CAAC,CACD,CACJ,CAAA;KACF,EAAE;QACD,YAAY;QACZ,oBAAoB;QACpB,eAAe;QACf,eAAe;QACf,WAAW;QACX,KAAK;QACL,mBAAmB;QACnB,aAAa;QACb,WAAW;QACX,WAAW;KACZ,CAAC,CAAA;IAEF,OAAOE,iDAAK,SAAS,EAAEF,kBAAM,CAAC,mBAAmB,IAAG,iBAAiB,CAAO,CAAA;AAC9E,CAAC,CAAA;AAED;;;MAIa,UAAU,GAAG;;;;"}

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

@@ -10,9 +10,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Component = function (_a) {
-    var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, _c = _a.type, type = _c === void 0 ? 'button' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
-    return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(Button_module['magneto-ui-button'], " ").concat(addHover ? Button_module['hover-effect'] : '', " "), type: type, onClick: onClick, title: buttonTitle, disabled: disabled },
+const Component = ({ buttonText, buttonTitle, addHover, onClick, suffixIcon, prefixIcon, className, iconSize = 20, type = 'button', disabled = false }) => {
+    return (React__default["default"].createElement("button", { className: `${className} ${Button_module['magneto-ui-button']} ${addHover ? Button_module['hover-effect'] : ''} `, type: type, onClick: onClick, title: buttonTitle, disabled: disabled },
         typeof suffixIcon === 'string' ? (React__default["default"].createElement(Icon_component.IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: Button_module['magneto-ui-button__icon'] })) : (suffixIcon),
         buttonText && React__default["default"].createElement("p", { className: Button_module['magneto-ui-button__mobile-text'] }, buttonText),
         typeof prefixIcon === 'string' ? (React__default["default"].createElement(Icon_component.IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: Button_module['magneto-ui-button__icon'] })) : (prefixIcon)));
@@ -20,7 +19,7 @@ var Component = function (_a) {
 /**
  * UI Atom Component of Save Button
  */
-var Button = Component;
+const Button = Component;
 
 exports.Button = Button;
 //# sourceMappingURL=Button.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.component.js","sources":["../../../../../../src/components/UI/atoms/Button/Button.component.tsx"],"sourcesContent":[null],"names":["React","styles","IconItem"],"mappings":";;;;;;;;;;;;AAKA,IAAM,SAAS,GAAsB,UAAC,EAWrC;QAVC,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEhB,QACEA,oDACE,SAAS,EAAE,UAAG,SAAS,cAAIC,aAAM,CAAC,mBAAmB,CAAC,cAAI,QAAQ,GAAGA,aAAM,CAAC,cAAc,CAAC,GAAG,EAAE,MAAG,EACnG,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,QAAQ;QAEjB,OAAO,UAAU,KAAK,QAAQ,IAC7BD,wCAACE,uBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAED,aAAM,CAAC,yBAAyB,CAAC,GAAI,KAE7G,UAAU,CACX;QACA,UAAU,IAAID,+CAAG,SAAS,EAAEC,aAAM,CAAC,gCAAgC,CAAC,IAAG,UAAU,CAAK;QACtF,OAAO,UAAU,KAAK,QAAQ,IAC7BD,wCAACE,uBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAED,aAAM,CAAC,yBAAyB,CAAC,GAAI,KAE7G,UAAU,CACX,CACM,EACV;AACH,CAAC,CAAA;AAED;;;IAIa,MAAM,GAAG;;;;"}
+{"version":3,"file":"Button.component.js","sources":["../../../../../../src/components/UI/atoms/Button/Button.component.tsx"],"sourcesContent":[null],"names":["React","styles","IconItem"],"mappings":";;;;;;;;;;;;AAKA,MAAM,SAAS,GAAsB,CAAC,EACpC,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,EAAE,EACb,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,EACjB;IACC,QACEA,oDACE,SAAS,EAAE,GAAG,SAAS,IAAIC,aAAM,CAAC,mBAAmB,CAAC,IAAI,QAAQ,GAAGA,aAAM,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,EACnG,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,QAAQ;QAEjB,OAAO,UAAU,KAAK,QAAQ,IAC7BD,wCAACE,uBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAED,aAAM,CAAC,yBAAyB,CAAC,GAAI,KAE7G,UAAU,CACX;QACA,UAAU,IAAID,+CAAG,SAAS,EAAEC,aAAM,CAAC,gCAAgC,CAAC,IAAG,UAAU,CAAK;QACtF,OAAO,UAAU,KAAK,QAAQ,IAC7BD,wCAACE,uBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAED,aAAM,CAAC,yBAAyB,CAAC,GAAI,KAE7G,UAAU,CACX,CACM,EACV;AACH,CAAC,CAAA;AAED;;;MAIa,MAAM,GAAG;;;;"}

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

@@ -10,15 +10,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Component = function (_a) {
-    var buttonText = _a.buttonText, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, href = _a.href, rel = _a.rel, target = _a.target, title = _a.title;
-    var handleClick = React.useCallback(function (event) {
+const Component = ({ buttonText, onClick, suffixIcon, prefixIcon, className, iconSize = 20, href, rel, target, title }) => {
+    const handleClick = React.useCallback((event) => {
         if (onClick) {
             event.preventDefault();
             onClick();
         }
     }, [onClick]);
-    return (React__default["default"].createElement("a", { className: "".concat(className ? className : ButtonLink_module['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target, title: title },
+    return (React__default["default"].createElement("a", { className: `${className ? className : ButtonLink_module['button-link']}`, type: "button", onClick: handleClick, href: href, rel: rel, target: target, title: title },
         suffixIcon && (React__default["default"].createElement(Icon_component.IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: ButtonLink_module['button-link__icon'] })),
         buttonText && React__default["default"].createElement("p", { className: ButtonLink_module['button-link__text'] }, buttonText),
         prefixIcon && (React__default["default"].createElement(Icon_component.IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: ButtonLink_module['button-link__icon'] }))));
@@ -26,7 +25,7 @@ var Component = function (_a) {
 /**
  * UI Atom Component of Save Button
  */
-var ButtonLink = Component;
+const ButtonLink = Component;
 
 exports.ButtonLink = ButtonLink;
 //# sourceMappingURL=ButtonLink.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.component.js","sources":["../../../../../../src/components/UI/atoms/ButtonLink/ButtonLink.component.tsx"],"sourcesContent":[null],"names":["useCallback","React","styles","IconItem"],"mappings":";;;;;;;;;;;;AAKA,IAAM,SAAS,GAA0B,UAAC,EAWzC;QAVC,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,MAAM,YAAA,EACN,KAAK,WAAA;IAEL,IAAM,WAAW,GAAGA,iBAAW,CAC7B,UAAC,KAAsD;QACrD,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,OAAO,EAAE,CAAA;SACV;KACF,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,QACEC,+CACE,SAAS,EAAE,UAAG,SAAS,GAAG,SAAS,GAAGC,iBAAM,CAAC,aAAa,CAAC,CAAE,EAC7D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK;QAEX,UAAU,KACTD,wCAACE,uBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAED,iBAAM,CAAC,mBAAmB,CAAC,GAAI,CACpG;QACA,UAAU,IAAID,+CAAG,SAAS,EAAEC,iBAAM,CAAC,mBAAmB,CAAC,IAAG,UAAU,CAAK;QACzE,UAAU,KACTD,wCAACE,uBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAED,iBAAM,CAAC,mBAAmB,CAAC,GAAI,CACpG,CACC,EACL;AACH,CAAC,CAAA;AAED;;;IAIa,UAAU,GAAG;;;;"}
+{"version":3,"file":"ButtonLink.component.js","sources":["../../../../../../src/components/UI/atoms/ButtonLink/ButtonLink.component.tsx"],"sourcesContent":[null],"names":["useCallback","React","styles","IconItem"],"mappings":";;;;;;;;;;;;AAKA,MAAM,SAAS,GAA0B,CAAC,EACxC,UAAU,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,EAAE,EACb,IAAI,EACJ,GAAG,EACH,MAAM,EACN,KAAK,EACN;IACC,MAAM,WAAW,GAAGA,iBAAW,CAC7B,CAAC,KAAsD;QACrD,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,OAAO,EAAE,CAAA;SACV;KACF,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,QACEC,+CACE,SAAS,EAAE,GAAG,SAAS,GAAG,SAAS,GAAGC,iBAAM,CAAC,aAAa,CAAC,EAAE,EAC7D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK;QAEX,UAAU,KACTD,wCAACE,uBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAED,iBAAM,CAAC,mBAAmB,CAAC,GAAI,CACpG;QACA,UAAU,IAAID,+CAAG,SAAS,EAAEC,iBAAM,CAAC,mBAAmB,CAAC,IAAG,UAAU,CAAK;QACzE,UAAU,KACTD,wCAACE,uBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAED,iBAAM,CAAC,mBAAmB,CAAC,GAAI,CACpG,CACC,EACL;AACH,CAAC,CAAA;AAED;;;MAIa,UAAU,GAAG;;;;"}

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var stub_util = require('../../../../shared/utils/common/stub.util.js');
 var classNames_util = require('../../../../shared/utils/common/classNames.util.js');
@@ -12,27 +11,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var cx = classNames_util.classNames.bind(Checkbox_module);
-var defaultCheck = function (_a) {
-    var type = _a.type, checked = _a.checked;
+const cx = classNames_util.classNames.bind(Checkbox_module);
+const defaultCheck = ({ type, checked }) => {
     if (type === 'background')
         return;
     return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].Fragment, null, "\u2713") : null));
 };
-var Component = function (_a) {
-    var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stub_util.stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = tslib_es6.__rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
-    return (React__default["default"].createElement("label", { className: cx('checkbox', "checkbox--".concat(display), className, {
+const Component = ({ id, checked, onChange = stub_util.stubTrue, children, type = 'box', className, display = 'inline', renderCheck = defaultCheck, ...rest }) => {
+    return (React__default["default"].createElement("label", { className: cx('checkbox', `checkbox--${display}`, className, {
             'checkbox--checked': checked,
             'checkbox--background': type === 'background'
         }), "data-name": "checkbox-container", htmlFor: id },
-        renderCheck({ checked: checked, type: type }),
-        React__default["default"].createElement("input", tslib_es6.__assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
-                var target = _a.target;
-                return onChange(target.checked);
-            }, type: "checkbox", id: id }, rest)),
+        renderCheck({ checked, type }),
+        React__default["default"].createElement("input", { "data-name": "checkbox", checked: checked, onChange: ({ target }) => onChange(target.checked), type: "checkbox", id: id, ...rest }),
         children));
 };
-var Checkbox = Component;
+const Checkbox = Component;
 
 exports.Checkbox = Checkbox;
 //# sourceMappingURL=Checkbox.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.component.js","sources":["../../../../../../src/components/UI/atoms/Checkbox/Checkbox.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","React","stubTrue"],"mappings":";;;;;;;;;;;;;;AAKA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,eAAM,CAAC,CAAA;AAElC,IAAM,YAAY,GAA6B,UAAC,EAAiB;QAAf,IAAI,UAAA,EAAE,OAAO,aAAA;IAC7D,IAAI,IAAI,KAAK,YAAY;QAAE,OAAM;IACjC,QACEC,iEAAmB,OAAO,EAAE,IAAI,EAAC,UAAU,EAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,wBAAwB,EAAE,OAAO,EAAE,CAAC,IAC9G,OAAO,GAAGA,2FAAa,GAAG,IAAI,CAC3B,EACP;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAwB,UAAC,EAUvC;IATC,IAAA,EAAE,QAAA,EACF,OAAO,aAAA,EACP,gBAAmB,EAAnB,QAAQ,mBAAGC,kBAAQ,KAAA,EACnB,QAAQ,cAAA,EACR,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,SAAS,eAAA,EACT,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,mBAA0B,EAA1B,WAAW,mBAAG,YAAY,KAAA,EACvB,IAAI,wBAT+B,wFAUvC,CADQ;IAEP,QACED,mDACE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,oBAAa,OAAO,CAAE,EAAE,SAAS,EAAE;YAC3D,mBAAmB,EAAE,OAAO;YAC5B,sBAAsB,EAAE,IAAI,KAAK,YAAY;SAC9C,CAAC,eACQ,oBAAoB,EAC9B,OAAO,EAAE,EAAE;QAEV,WAAW,CAAC,EAAE,OAAO,SAAA,EAAE,IAAI,MAAA,EAAE,CAAC;QAC/BA,mFACY,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAC,EAAU;oBAAR,MAAM,YAAA;gBAAO,OAAA,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC;aAAA,EAClD,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,IACF,IAAI,EACR;QACD,QAAQ,CACH,EACT;AACH,CAAC,CAAA;IAEY,QAAQ,GAAG;;;;"}
+{"version":3,"file":"Checkbox.component.js","sources":["../../../../../../src/components/UI/atoms/Checkbox/Checkbox.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","React","stubTrue"],"mappings":";;;;;;;;;;;;;AAKA,MAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,eAAM,CAAC,CAAA;AAElC,MAAM,YAAY,GAA6B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;IAC/D,IAAI,IAAI,KAAK,YAAY;QAAE,OAAM;IACjC,QACEC,iEAAmB,OAAO,EAAE,IAAI,EAAC,UAAU,EAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,wBAAwB,EAAE,OAAO,EAAE,CAAC,IAC9G,OAAO,GAAGA,2FAAa,GAAG,IAAI,CAC3B,EACP;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAwB,CAAC,EACtC,EAAE,EACF,OAAO,EACP,QAAQ,GAAGC,kBAAQ,EACnB,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,OAAO,GAAG,QAAQ,EAClB,WAAW,GAAG,YAAY,EAC1B,GAAG,IAAI,EACR;IACC,QACED,mDACE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,aAAa,OAAO,EAAE,EAAE,SAAS,EAAE;YAC3D,mBAAmB,EAAE,OAAO;YAC5B,sBAAsB,EAAE,IAAI,KAAK,YAAY;SAC9C,CAAC,eACQ,oBAAoB,EAC9B,OAAO,EAAE,EAAE;QAEV,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAC/BA,gEACY,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,EAClD,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,KACF,IAAI,GACR;QACD,QAAQ,CACH,EACT;AACH,CAAC,CAAA;MAEY,QAAQ,GAAG;;;;"}

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var CollapseBody_component = require('./children/CollapseBody/CollapseBody.component.js');
 var CollapseHeader_component = require('./children/CollapseHeader/CollapseHeader.component.js');
@@ -13,15 +12,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Component = function (_a) {
-    var children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, onChangeOpen = _a.onChangeOpen, props = tslib_es6.__rest(_a, ["children", "defaultOpen", "open", "onChangeOpen"]);
+const Component = ({ children, defaultOpen, open, onChangeOpen, ...props }) => {
     return (React__default["default"].createElement(Collapse_context.Provider, { defaultOpen: defaultOpen, open: open, onChangeOpen: onChangeOpen },
-        React__default["default"].createElement("div", tslib_es6.__assign({}, props), children)));
+        React__default["default"].createElement("div", { ...props }, children)));
 };
 /**
  * Atom UI component of Collapse
  */
-var Collapse = Object.assign(Component, tslib_es6.__assign({ Body: CollapseBody_component.CollapseBody, Header: CollapseHeader_component.CollapseHeader, Toggler: CollapseToggler_component.CollapseToggler }, Collapse_context));
+const Collapse = Object.assign(Component, {
+    Body: CollapseBody_component.CollapseBody,
+    Header: CollapseHeader_component.CollapseHeader,
+    Toggler: CollapseToggler_component.CollapseToggler,
+    ...Collapse_context
+});
 
 exports.Collapse = Collapse;
 //# sourceMappingURL=Collapse.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Collapse.component.js","sources":["../../../../../../src/components/UI/atoms/Collapse/Collapse.component.tsx"],"sourcesContent":[null],"names":["React","context.Provider","context"],"mappings":";;;;;;;;;;;;;;;AAKA,IAAM,SAAS,GAAwB,UAAC,EAAuD;IAArD,IAAA,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAE,YAAY,kBAAA,EAAK,KAAK,wBAArD,mDAAuD,CAAF;IAC3F,QACEA,wCAACC,yBAAgB,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY;QAChFD,sEAAS,KAAK,GAAG,QAAQ,CAAO,CACf,EACpB;AACH,CAAC,CAAA;AAED;;;IAGa,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,uBAC7C,IAAI,qCAAA,EACJ,MAAM,yCAAA,EACN,OAAO,2CAAA,IACJE,gBAAO;;;;"}
+{"version":3,"file":"Collapse.component.js","sources":["../../../../../../src/components/UI/atoms/Collapse/Collapse.component.tsx"],"sourcesContent":[null],"names":["React","context.Provider","Body","Header","Toggler","context"],"mappings":";;;;;;;;;;;;;;AAKA,MAAM,SAAS,GAAwB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE;IAC7F,QACEA,wCAACC,yBAAgB,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY;QAChFD,oDAAS,KAAK,IAAG,QAAQ,CAAO,CACf,EACpB;AACH,CAAC,CAAA;AAED;;;MAGa,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;UAC/CE,mCAAI;YACJC,uCAAM;aACNC,yCAAO;IACP,GAAGC,gBAAO;CACX;;;;"}

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

@@ -8,25 +8,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var CollapseContext = React.createContext(undefined);
-var Provider = function (_a) {
-    var children = _a.children, _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b, onChangeOpen = _a.onChangeOpen, open = _a.open;
-    var _c = React.useState(defaultOpen), localIsOpen = _c[0], setLocalIsOpen = _c[1];
-    var handleOnchangeOpen = React.useCallback(function (isOpen) {
+const CollapseContext = React.createContext(undefined);
+const Provider = ({ children, defaultOpen = false, onChangeOpen, open }) => {
+    const [localIsOpen, setLocalIsOpen] = React.useState(defaultOpen);
+    const handleOnchangeOpen = React.useCallback((isOpen) => {
         onChangeOpen === null || onChangeOpen === void 0 ? void 0 : onChangeOpen(isOpen);
         if (open === undefined) {
             setLocalIsOpen(isOpen);
         }
     }, [onChangeOpen, open]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         if (open !== undefined) {
             setLocalIsOpen(open);
         }
     }, [open]);
     return (React__default["default"].createElement(CollapseContext.Provider, { value: { open: localIsOpen, onChangeOpen: handleOnchangeOpen } }, children));
 };
-var useCollapse = function () {
-    var context = React.useContext(CollapseContext);
+const useCollapse = () => {
+    const context = React.useContext(CollapseContext);
     if (!context)
         throw new Error('useCollapse must be used within a CollapseProvider');
     return context;

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

@@ -1 +1 @@
-{"version":3,"file":"Collapse.context.js","sources":["../../../../../../src/components/UI/atoms/Collapse/Collapse.context.tsx"],"sourcesContent":[null],"names":["createContext","useState","useCallback","useEffect","React","useContext"],"mappings":";;;;;;;;;;AAGA,IAAM,eAAe,GAAGA,mBAAa,CAA+B,SAAS,CAAC,CAAA;IAEjE,QAAQ,GAAwC,UAAC,EAK7D;QAJC,QAAQ,cAAA,EACR,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,YAAY,kBAAA,EACZ,IAAI,UAAA;IAEE,IAAA,KAAgCC,cAAQ,CAAU,WAAW,CAAC,EAA7D,WAAW,QAAA,EAAE,cAAc,QAAkC,CAAA;IAEpE,IAAM,kBAAkB,GAAGC,iBAAW,CACpC,UAAC,MAAe;QACd,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,MAAM,CAAC,CAAA;QACtB,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,cAAc,CAAC,MAAM,CAAC,CAAA;SACvB;KACF,EACD,CAAC,YAAY,EAAE,IAAI,CAAC,CACrB,CAAA;IAEDC,eAAS,CAAC;QACR,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,cAAc,CAAC,IAAI,CAAC,CAAA;SACrB;KACF,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,QACEC,wCAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,IACrF,QAAQ,CACgB,EAC5B;AACH,EAAC;IAEY,WAAW,GAAG;IACzB,IAAM,OAAO,GAAGC,gBAAU,CAAC,eAAe,CAAC,CAAA;IAC3C,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;IACnF,OAAO,OAAO,CAAA;AAChB;;;;;"}
+{"version":3,"file":"Collapse.context.js","sources":["../../../../../../src/components/UI/atoms/Collapse/Collapse.context.tsx"],"sourcesContent":[null],"names":["createContext","useState","useCallback","useEffect","React","useContext"],"mappings":";;;;;;;;;;AAGA,MAAM,eAAe,GAAGA,mBAAa,CAA+B,SAAS,CAAC,CAAA;MAEjE,QAAQ,GAAwC,CAAC,EAC5D,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,IAAI,EACL;IACC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGC,cAAQ,CAAU,WAAW,CAAC,CAAA;IAEpE,MAAM,kBAAkB,GAAGC,iBAAW,CACpC,CAAC,MAAe;QACd,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,MAAM,CAAC,CAAA;QACtB,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,cAAc,CAAC,MAAM,CAAC,CAAA;SACvB;KACF,EACD,CAAC,YAAY,EAAE,IAAI,CAAC,CACrB,CAAA;IAEDC,eAAS,CAAC;QACR,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,cAAc,CAAC,IAAI,CAAC,CAAA;SACrB;KACF,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,QACEC,wCAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,IACrF,QAAQ,CACgB,EAC5B;AACH,EAAC;MAEY,WAAW,GAAG;IACzB,MAAM,OAAO,GAAGC,gBAAU,CAAC,eAAe,CAAC,CAAA;IAC3C,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;IACnF,OAAO,OAAO,CAAA;AAChB;;;;;"}

package/dist/cjs/components/UI/atoms/Collapse/children/CollapseBody/CollapseBody.component.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var Collapse_context = require('../../Collapse.context.js');
 var classNames_util = require('../../../../../../shared/utils/common/classNames.util.js');
@@ -12,13 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var cx = classNames_util.classNames.bind(CollapseBody_module);
-var Component = function (_a) {
-    var className = _a.className, children = _a.children, props = tslib_es6.__rest(_a, ["className", "children"]);
-    var open = Collapse_context.useCollapse().open;
-    return (React__default["default"].createElement("div", tslib_es6.__assign({}, props, { className: cx('magneto-ui-collapse-body', {
+const cx = classNames_util.classNames.bind(CollapseBody_module);
+const Component = ({ className, children, ...props }) => {
+    const { open } = Collapse_context.useCollapse();
+    return (React__default["default"].createElement("div", { ...props, className: cx('magneto-ui-collapse-body', {
             'magneto-ui-collapse-body--visible': open
-        }) }),
+        }) },
         React__default["default"].createElement("div", { className: cx('magneto-ui-collapse-body__container', {
                 'magneto-ui-collapse-body__container--visible': open
             }) },
@@ -29,7 +27,7 @@ var Component = function (_a) {
 /**
  * Atom UI component child of Collapse
  */
-var CollapseBody = Component;
+const CollapseBody = Component;
 
 exports.CollapseBody = CollapseBody;
 //# sourceMappingURL=CollapseBody.component.js.map

package/dist/cjs/components/UI/atoms/Collapse/children/CollapseBody/CollapseBody.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseBody.component.js","sources":["../../../../../../../../src/components/UI/atoms/Collapse/children/CollapseBody/CollapseBody.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","useCollapse","React"],"mappings":";;;;;;;;;;;;;;AAMA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,mBAAM,CAAC,CAAA;AAElC,IAAM,SAAS,GAA4B,UAAC,EAAiC;IAA/B,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,wBAA/B,yBAAiC,CAAF;IACjE,IAAA,IAAI,GAAKC,4BAAW,EAAE,KAAlB,CAAkB;IAE9B,QACEC,sEACM,KAAK,IACT,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;YACxC,mCAAmC,EAAE,IAAI;SAC1C,CAAC;QAEFA,iDACE,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE;gBACnD,8CAA8C,EAAE,IAAI;aACrD,CAAC;YAEFA,iDACE,SAAS,EAAE,EAAE,CACX,mCAAmC,EACnC;oBACE,4CAA4C,EAAE,IAAI;iBACnD,EACD,SAAS,CACV,IAEA,QAAQ,CACL,CACF,CACF,EACP;AACH,CAAC,CAAA;AAED;;;IAGa,YAAY,GAAG;;;;"}
+{"version":3,"file":"CollapseBody.component.js","sources":["../../../../../../../../src/components/UI/atoms/Collapse/children/CollapseBody/CollapseBody.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","useCollapse","React"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,mBAAM,CAAC,CAAA;AAElC,MAAM,SAAS,GAA4B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;IAC3E,MAAM,EAAE,IAAI,EAAE,GAAGC,4BAAW,EAAE,CAAA;IAE9B,QACEC,oDACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;YACxC,mCAAmC,EAAE,IAAI;SAC1C,CAAC;QAEFA,iDACE,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE;gBACnD,8CAA8C,EAAE,IAAI;aACrD,CAAC;YAEFA,iDACE,SAAS,EAAE,EAAE,CACX,mCAAmC,EACnC;oBACE,4CAA4C,EAAE,IAAI;iBACnD,EACD,SAAS,CACV,IAEA,QAAQ,CACL,CACF,CACF,EACP;AACH,CAAC,CAAA;AAED;;;MAGa,YAAY,GAAG;;;;"}

package/dist/cjs/components/UI/atoms/Collapse/children/CollapseHeader/CollapseHeader.component.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var classNames_util = require('../../../../../../shared/utils/common/classNames.util.js');
 var CollapseHeader_module = require('./CollapseHeader.module.scss.js');
@@ -11,15 +10,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var cx = classNames_util.classNames.bind(CollapseHeader_module);
-var Component = function (_a) {
-    var children = _a.children, className = _a.className, props = tslib_es6.__rest(_a, ["children", "className"]);
-    return (React__default["default"].createElement("header", tslib_es6.__assign({ className: cx('magneto-ui-collapse-header', className) }, props), children));
+const cx = classNames_util.classNames.bind(CollapseHeader_module);
+const Component = ({ children, className, ...props }) => {
+    return (React__default["default"].createElement("header", { className: cx('magneto-ui-collapse-header', className), ...props }, children));
 };
 /**
  * Atom UI component child of Collapse
  */
-var CollapseHeader = Component;
+const CollapseHeader = Component;
 
 exports.CollapseHeader = CollapseHeader;
 //# sourceMappingURL=CollapseHeader.component.js.map

package/dist/cjs/components/UI/atoms/Collapse/children/CollapseHeader/CollapseHeader.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseHeader.component.js","sources":["../../../../../../../../src/components/UI/atoms/Collapse/children/CollapseHeader/CollapseHeader.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","React"],"mappings":";;;;;;;;;;;;;AAKA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,qBAAM,CAAC,CAAA;AAElC,IAAM,SAAS,GAA8B,UAAC,EAAiC;IAA/B,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,wBAA/B,yBAAiC,CAAF;IAC3E,QACEC,uEAAQ,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,IAAM,KAAK,GACtE,QAAQ,CACF,EACV;AACH,CAAC,CAAA;AAED;;;IAGa,cAAc,GAAG;;;;"}
+{"version":3,"file":"CollapseHeader.component.js","sources":["../../../../../../../../src/components/UI/atoms/Collapse/children/CollapseHeader/CollapseHeader.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","React"],"mappings":";;;;;;;;;;;;AAKA,MAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,qBAAM,CAAC,CAAA;AAElC,MAAM,SAAS,GAA8B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE;IAC7E,QACEC,oDAAQ,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAAM,KAAK,IACtE,QAAQ,CACF,EACV;AACH,CAAC,CAAA;AAED;;;MAGa,cAAc,GAAG;;;;"}

package/dist/cjs/components/UI/atoms/Collapse/children/CollapseToggler/CollapseToggler.component.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var Collapse_context = require('../../Collapse.context.js');
 var CollapseToggler_module = require('./CollapseToggler.module.scss.js');
@@ -12,21 +11,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var cx = classNames_util.classNames.bind(CollapseToggler_module);
-var Component = function (_a) {
-    var children = _a.children, className = _a.className, onClick = _a.onClick, props = tslib_es6.__rest(_a, ["children", "className", "onClick"]);
-    var _b = Collapse_context.useCollapse(), open = _b.open, onChangeOpen = _b.onChangeOpen;
-    var handleOnClick = React.useCallback(function (evt) {
+const cx = classNames_util.classNames.bind(CollapseToggler_module);
+const Component = ({ children, className, onClick, ...props }) => {
+    const { open, onChangeOpen } = Collapse_context.useCollapse();
+    const handleOnClick = React.useCallback((evt) => {
         if (onClick)
             onClick(evt);
         onChangeOpen(!open);
     }, [open, onChangeOpen, onClick]);
-    return (React__default["default"].createElement("button", tslib_es6.__assign({}, props, { onClick: handleOnClick, className: cx('magneto-ui-collapse-toggler', className) }), children));
+    return (React__default["default"].createElement("button", { ...props, onClick: handleOnClick, className: cx('magneto-ui-collapse-toggler', className) }, children));
 };
 /**
  * Atom UI component child of Collapse
  */
-var CollapseToggler = Component;
+const CollapseToggler = Component;
 
 exports.CollapseToggler = CollapseToggler;
 //# sourceMappingURL=CollapseToggler.component.js.map

package/dist/cjs/components/UI/atoms/Collapse/children/CollapseToggler/CollapseToggler.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseToggler.component.js","sources":["../../../../../../../../src/components/UI/atoms/Collapse/children/CollapseToggler/CollapseToggler.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","useCollapse","useCallback","React"],"mappings":";;;;;;;;;;;;;;AAMA,IAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,sBAAM,CAAC,CAAA;AAElC,IAAM,SAAS,GAA+B,UAAC,EAA0C;IAAxC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,wBAAxC,oCAA0C,CAAF;IAC/E,IAAA,KAAyBC,4BAAW,EAAE,EAApC,IAAI,UAAA,EAAE,YAAY,kBAAkB,CAAA;IAE5C,IAAM,aAAa,GAAGC,iBAAW,CAC/B,UAAC,GAAoD;QACnD,IAAI,OAAO;YAAE,OAAO,CAAC,GAAG,CAAC,CAAA;QACzB,YAAY,CAAC,CAAC,IAAI,CAAC,CAAA;KACpB,EACD,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,CAC9B,CAAA;IAED,QACEC,yEAAY,KAAK,IAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAC/F,QAAQ,CACF,EACV;AACH,CAAC,CAAA;AAED;;;IAGa,eAAe,GAAG;;;;"}
+{"version":3,"file":"CollapseToggler.component.js","sources":["../../../../../../../../src/components/UI/atoms/Collapse/children/CollapseToggler/CollapseToggler.component.tsx"],"sourcesContent":[null],"names":["classNames","styles","useCollapse","useCallback","React"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,EAAE,GAAGA,0BAAU,CAAC,IAAI,CAACC,sBAAM,CAAC,CAAA;AAElC,MAAM,SAAS,GAA+B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE;IACvF,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAGC,4BAAW,EAAE,CAAA;IAE5C,MAAM,aAAa,GAAGC,iBAAW,CAC/B,CAAC,GAAoD;QACnD,IAAI,OAAO;YAAE,OAAO,CAAC,GAAG,CAAC,CAAA;QACzB,YAAY,CAAC,CAAC,IAAI,CAAC,CAAA;KACpB,EACD,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,CAC9B,CAAA;IAED,QACEC,uDAAY,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,IAC/F,QAAQ,CACF,EACV;AACH,CAAC,CAAA;AAED;;;MAGa,eAAe,GAAG;;;;"}

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

@@ -17,19 +17,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var nf = new Intl.NumberFormat('de-DE');
-var Component = function (_a) {
-    var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c, _d = _a.position, position = _d === void 0 ? 'left' : _d;
-    var currentHigherMax = React.useMemo(function () {
+const nf = new Intl.NumberFormat('de-DE');
+const Component = ({ current = 0, max = 0, position = 'left' }) => {
+    const currentHigherMax = React.useMemo(() => {
         return current > max;
     }, [current, max]);
-    return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(ComparativeCounter_module["".concat(common_constants.classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? ComparativeCounter_module['error-label'] : '') },
+    return (React__default["default"].createElement("p", { style: { textAlign: position }, className: `${ComparativeCounter_module[`${common_constants.classMUI}-comparative-counter`]} ${currentHigherMax ? ComparativeCounter_module['error-label'] : ''}` },
         nf.format(current),
         React__default["default"].createElement("span", null,
             " / ",
             nf.format(max))));
 };
-var ComparativeCounter = Component;
+const ComparativeCounter = Component;
 
 exports.ComparativeCounter = ComparativeCounter;
 //# sourceMappingURL=ComparativeCounter.component.js.map