@activecollab/components 2.0.90 → 2.0.91

package/dist/index.js

@@ -583,7 +583,7 @@
     }
     var formattedNum = scale === 0 ? absoluteNumber.toFixed(0) : absoluteNumber.toFixed(1);
     var result = formattedNum.endsWith(".0") ? formattedNum.slice(0, -2) : formattedNum;
-    return isNegative ? `-${result}${suffixes[scale]}` : `${result}${suffixes[scale]}`;
+    return isNegative ? "-".concat(result).concat(suffixes[scale]) : "".concat(result).concat(suffixes[scale]);
   };
   var numberWithSeparator = function numberWithSeparator(x, thousandSeparator) {
     var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
@@ -613,7 +613,7 @@
     var numericInput = disableMacros ? value : value.replace(/([0-9.]+)([kmbtKMBT])/, function (_, num, unit) {
       return (parseFloat(num) * currencyMultiplier[unit.toLowerCase()]).toString();
     });
-    var regexString = `^(-?\\d{0,${limit}}(?:\\${decimalSeparator}\\d{0,${decimalLength}})?)?$`;
+    var regexString = "^(-?\\d{0,".concat(limit, "}(?:\\").concat(decimalSeparator, "\\d{0,").concat(decimalLength, "})?)?$");
     return new RegExp(regexString).test(numericInput);
   };
   var isValidUrl = function isValidUrl(string) {
@@ -700,7 +700,7 @@
       return "";
     }
     if (typeof num === "string" && !num) {
-      return withLeadingZeroHours ? `00:00` : "0:00";
+      return withLeadingZeroHours ? "00:00" : "0:00";
     }
     if (typeof num === "string" && num.indexOf(":") >= 0) {
       //eslint-disable-next-line
@@ -709,19 +709,19 @@
         _hours = _num$split2[0],
         _minutes = _num$split2[1];
       if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {
-        _minutes = `${Number(_minutes)}0`;
+        _minutes = "".concat(Number(_minutes), "0");
       }
       if (_hours && _minutes) {
         if (withLeadingZeroHours) {
-          return `${withLeadingZero(_hours)}:${_minutes}`;
+          return "".concat(withLeadingZero(_hours), ":").concat(_minutes);
         }
-        return `${_hours}:${_minutes}`;
+        return "".concat(_hours, ":").concat(_minutes);
       } else if (!_hours && _minutes) {
-        return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;
+        return withLeadingZeroHours ? "00:".concat(_minutes) : "0:".concat(_minutes);
       } else if (!_minutes && _hours) {
-        return withLeadingZeroHours ? `${withLeadingZero(_hours)}:00` : `${_hours}:00`;
+        return withLeadingZeroHours ? "".concat(withLeadingZero(_hours), ":00") : "".concat(_hours, ":00");
       } else {
-        return withLeadingZeroHours ? `00:00` : "0:00";
+        return withLeadingZeroHours ? "00:00" : "0:00";
       }
     }
     if (typeof num === "string" && num.indexOf(",") >= 0) {
@@ -730,9 +730,9 @@
     var input = typeof num === "string" ? parseFloat(num) : num;
     if (!isDecimal(input)) {
       if (withLeadingZeroHours) {
-        return `${withLeadingZero(input)}:00`;
+        return "".concat(withLeadingZero(input), ":00");
       }
-      return `${input}:00`;
+      return "".concat(input, ":00");
     }
     var decimal = input.toFixed(2);
     var time = decimal.toString().split(".");
@@ -742,12 +742,12 @@
     }
     var minutes = time[1];
     var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
-    return `${hours}:${withLeadingZero(minutes_formatted)}`;
+    return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
   };
   var withLeadingZero = function withLeadingZero(num) {
     var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-    var s = `${num}`;
-    while (s.length < size) s = `0` + s;
+    var s = "".concat(num);
+    while (s.length < size) s = "0" + s;
     return s;
   };
   var isDecimal = function isDecimal(num) {
@@ -7987,7 +7987,7 @@
       tabIndex: -1,
       afterWrite: onPopperOpen
     }, /*#__PURE__*/React__default["default"].createElement(StyledMenu$2, {
-      className: classNames__default["default"]("c-simple-menu__paper", `c-simple-menu__${mode}`, menuClassName, className),
+      className: classNames__default["default"]("c-simple-menu__paper", "c-simple-menu__".concat(mode), menuClassName, className),
       $mode: mode,
       onMouseDown: onMenuClick
     }, /*#__PURE__*/React__default["default"].createElement(MenuContextProvider, {
@@ -8298,8 +8298,8 @@
       var diffWidth = childWidth - parentWidth;
       if (diffWidth > 0) {
         var _offsetWidth, _olRef$current, _olRef$current$queryS, _olRef$current2, _breadcrumbItems$leng;
-        var separatorWidth = (_offsetWidth = (_olRef$current = olRef.current) === null || _olRef$current === void 0 || (_olRef$current = _olRef$current.querySelectorAll(`[data-role="separator"]`)[0]) === null || _olRef$current === void 0 ? void 0 : _olRef$current.offsetWidth) !== null && _offsetWidth !== void 0 ? _offsetWidth : 0;
-        var breadcrumbItems = (_olRef$current$queryS = (_olRef$current2 = olRef.current) === null || _olRef$current2 === void 0 ? void 0 : _olRef$current2.querySelectorAll(`[data-role="item"]`)) !== null && _olRef$current$queryS !== void 0 ? _olRef$current$queryS : [];
+        var separatorWidth = (_offsetWidth = (_olRef$current = olRef.current) === null || _olRef$current === void 0 || (_olRef$current = _olRef$current.querySelectorAll("[data-role=\"separator\"]")[0]) === null || _olRef$current === void 0 ? void 0 : _olRef$current.offsetWidth) !== null && _offsetWidth !== void 0 ? _offsetWidth : 0;
+        var breadcrumbItems = (_olRef$current$queryS = (_olRef$current2 = olRef.current) === null || _olRef$current2 === void 0 ? void 0 : _olRef$current2.querySelectorAll("[data-role=\"item\"]")) !== null && _olRef$current$queryS !== void 0 ? _olRef$current$queryS : [];
         var childWidthCollection = [];
         var maxIndex = ((_breadcrumbItems$leng = breadcrumbItems === null || breadcrumbItems === void 0 ? void 0 : breadcrumbItems.length) !== null && _breadcrumbItems$leng !== void 0 ? _breadcrumbItems$leng : 1) - 1;
         var currentIndex = 0;
@@ -8675,7 +8675,7 @@
       dimension: 16,
       value: counter
     }) : null), counter > 0 ? /*#__PURE__*/React__default["default"].createElement(Tooltip, {
-      title: `${tooltipText}`,
+      title: "".concat(tooltipText),
       popperTooltipClassName: "z-index-1300"
     }, /*#__PURE__*/React__default["default"].createElement(StyledCounterButtonReset, {
       variant: "text colored",
@@ -8693,11 +8693,11 @@
     xxl: "1536px"
   };
   var screen = {
-    sm: `@media (min-width: ${size.sm})`,
-    md: `@media (min-width: ${size.md})`,
-    lg: `@media (min-width: ${size.lg})`,
-    xl: `@media (min-width: ${size.xl})`,
-    xxl: `@media (min-width: ${size.xxl})`
+    sm: "@media (min-width: ".concat(size.sm, ")"),
+    md: "@media (min-width: ".concat(size.md, ")"),
+    lg: "@media (min-width: ".concat(size.lg, ")"),
+    xl: "@media (min-width: ".concat(size.xl, ")"),
+    xxl: "@media (min-width: ".concat(size.xxl, ")")
   };
 
   var StyledButton$1 = styled__default["default"].button.withConfig({
@@ -9277,9 +9277,9 @@
     }, [onMonthChange, onChange, selectedDays, selectionMode, dateRequired]);
     var text = React.useMemo(function () {
       if (showMonthPicker) {
-        return `${month.getFullYear()}`;
+        return "".concat(month.getFullYear());
       }
-      return `${moment__default["default"](month).format("MMMM")} ${moment__default["default"](month).isSame(moment__default["default"](), "year") ? "" : month.getFullYear()}`;
+      return "".concat(moment__default["default"](month).format("MMMM"), " ").concat(moment__default["default"](month).isSame(moment__default["default"](), "year") ? "" : month.getFullYear());
     }, [showMonthPicker, month]);
     var customNavBarElement = React.useCallback(function (props) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9475,7 +9475,7 @@
       } else if (step === "monthly") {
         return fromDate.format("MMM YYYY");
       } else if (step === "quarterly") {
-        return `Q${fromDate.quarter()}/${fromDate.format("YYYY")}`;
+        return "Q".concat(fromDate.quarter(), "/").concat(fromDate.format("YYYY"));
       } else if (step === "yearly") {
         return fromDate.format("YYYY");
       } else if (step === "custom") {
@@ -9690,7 +9690,7 @@
       ref: ref
     }, steps.map(function (step) {
       return /*#__PURE__*/React__default["default"].createElement(StyledStep, {
-        key: `step-${step}`,
+        key: "step-".concat(step),
         $isActiveStep: activeSteps.indexOf(step) > -1
       });
     }));
@@ -10229,7 +10229,7 @@
       }, header.map(function (h, colIndex) {
         return /*#__PURE__*/React__default["default"].createElement("td", {
           key: colIndex,
-          className: classNames__default["default"](`c-table__cell c-data-table__item`, {
+          className: classNames__default["default"]("c-table__cell c-data-table__item", {
             hovered: hovered === h.key
           }),
           "data-key": h.key,
@@ -10255,7 +10255,7 @@
         }, header.map(function (col, colIndex) {
           return /*#__PURE__*/React__default["default"].createElement("td", {
             key: colIndex,
-            className: classNames__default["default"](`c-table__cell c-data-table__item`, {
+            className: classNames__default["default"]("c-table__cell c-data-table__item", {
               hovered: hovered === col.key
             }),
             "data-key": col.key
@@ -10283,14 +10283,14 @@
                 "c-table__collapse_icon--collapsed": collapsed[key]
               })
             })))), /*#__PURE__*/React__default["default"].createElement(Tbody, {
-              className: classNames__default["default"]("c-table__grouped__head", `head_${i}`, {
+              className: classNames__default["default"]("c-table__grouped__head", "head_".concat(i), {
                 "c-table__grouped__head--expanded": isCollapsible && !collapsed[key],
                 "c-table__grouped__head--collapsed": isCollapsible && collapsed[key],
                 last: i === keys.length - 1,
                 first: i === 0
               })
             }, groupHead(data[key], keys[i] !== "null" ? keys[i].trim() : null)), /*#__PURE__*/React__default["default"].createElement(Tbody, {
-              className: classNames__default["default"](`c-table__group c-table_group_${i}`, {
+              className: classNames__default["default"]("c-table__group c-table_group_".concat(i), {
                 hidden: collapsed[key]
               })
             }, data[key].map(function (row, index) {
@@ -10348,7 +10348,7 @@
     }, header.map(function (h, index) {
       return /*#__PURE__*/React__default["default"].createElement("th", {
         key: h.key,
-        className: classNames__default["default"](`c-table__cell`, {
+        className: classNames__default["default"]("c-table__cell", {
           "c-table__cell--hovered": hovered === h.key,
           "c-table__head--hidden": groupBy && allGroupsCollapsed && h.hideCollapsed
         }),
@@ -10367,7 +10367,7 @@
       })), hovered === h.key && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "c-table__overlay",
         style: {
-          height: overlayStyles() + `px`
+          height: overlayStyles() + "px"
         }
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: sortColumn,
@@ -10582,7 +10582,7 @@
       }).map(function (p) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           key: p.name,
-          className: `entity-property-${p.name}`
+          className: "entity-property-".concat(p.name)
         }, p.render());
       });
     }, []);
@@ -10599,7 +10599,7 @@
       var renderProperty = function renderProperty(p) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           key: p.name,
-          className: `entity-property-${p.name}`
+          className: "entity-property-".concat(p.name)
         }, p.render());
       };
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10777,13 +10777,13 @@
         newValue = max;
       }
       if (newValue === max) {
-        return `${Math.floor(newValue / 1000000000)}B+`;
+        return "".concat(Math.floor(newValue / 1000000000), "B+");
       } else if (newValue > 999999) {
-        return `${Math.floor(newValue / 1000000)}M`;
+        return "".concat(Math.floor(newValue / 1000000), "M");
       } else if (newValue > 999) {
-        return `${Math.floor(newValue / 1000)}k`;
+        return "".concat(Math.floor(newValue / 1000), "k");
       }
-      return `${newValue}`;
+      return "".concat(newValue);
     }, [value]);
     React.useEffect(function () {
       value && setPrevValue(function (v) {
@@ -11071,7 +11071,7 @@
       role = _ref.role,
       rest = _objectWithoutProperties(_ref, _excluded$V);
     return /*#__PURE__*/React__default["default"].createElement(StyledNavListItem, _extends({
-      className: classNames__default["default"](`c-nav__item`, {
+      className: classNames__default["default"]("c-nav__item", {
         "c-nav__item--active": active
       }, className),
       ref: ref
@@ -11211,30 +11211,30 @@
       switch (url.length) {
         case 1:
           return {
-            width: `${size}px`,
-            height: `${size}px`
+            width: "".concat(size, "px"),
+            height: "".concat(size, "px")
           };
         case 2:
           return {
-            width: `${size / 2}px`,
-            height: `${size}px`
+            width: "".concat(size / 2, "px"),
+            height: "".concat(size, "px")
           };
         case 3:
           if (i === 0) {
             return {
-              width: `${size / 2}px`,
-              height: `${size}px`
+              width: "".concat(size / 2, "px"),
+              height: "".concat(size, "px")
             };
           } else {
             return {
-              width: `${size / 2}px`,
-              height: `${size / 2}px`
+              width: "".concat(size / 2, "px"),
+              height: "".concat(size / 2, "px")
             };
           }
         default:
           return {
-            width: `${size / 2}px`,
-            height: `${size / 2}px`
+            width: "".concat(size / 2, "px"),
+            height: "".concat(size / 2, "px")
           };
       }
     }, [size, url.length]);
@@ -11248,8 +11248,8 @@
       className: "tw-relative tw-inline-flex"
     }, /*#__PURE__*/React__default["default"].createElement(StyledMultiAvatar, {
       style: {
-        width: `${size}px`,
-        height: `${size}px`
+        width: "".concat(size, "px"),
+        height: "".concat(size, "px")
       },
       className: className,
       $urlCount: url.length
@@ -11257,10 +11257,10 @@
       return /*#__PURE__*/React__default["default"].createElement(StyledMultiAvatarInner, {
         style: setSize(i),
         className: "c-multi-avatar__wrapper",
-        key: `avatar_${i}`
+        key: "avatar_".concat(i)
       }, /*#__PURE__*/React__default["default"].createElement("img", {
         src: v,
-        alt: alt && alt[i] ? alt[i] : `avatar_${i}`,
+        alt: alt && alt[i] ? alt[i] : "avatar_".concat(i),
         width: size,
         height: size
       }));
@@ -12276,7 +12276,7 @@
     React.useEffect(function () {
       if (hover === id && type !== "single") {
         var _document$getElementB;
-        (_document$getElementB = document.getElementById(`${id}`)) === null || _document$getElementB === void 0 || _document$getElementB.focus();
+        (_document$getElementB = document.getElementById("".concat(id))) === null || _document$getElementB === void 0 || _document$getElementB.focus();
       }
     }, [hover, type, id]);
     var isAllOptionsChecked = React.useMemo(function () {
@@ -12331,7 +12331,7 @@
     }, /*#__PURE__*/React__default["default"].createElement(StyledOptionGroupHeader, null, /*#__PURE__*/React__default["default"].createElement(StyledOptionGroupHeaderName, {
       weight: "bold"
     }, name), type === "multiple" && /*#__PURE__*/React__default["default"].createElement(Checkbox, {
-      id: `${id}`,
+      id: "".concat(id),
       checked: isAllOptionsChecked,
       mixed: isMixed,
       onChange: handleClick,
@@ -12638,7 +12638,7 @@
         renderOption: renderOption(_objectSpread2(_objectSpread2({}, item), {}, {
           name: highlightText(item.name, filter)
         }), {
-          id: `option_${item.id}`,
+          id: "option_".concat(item.id),
           checked: selectedOptions && selectedOptions.includes(item.id),
           hover: hover.item === item.id,
           onChange: function onChange() {
@@ -13362,9 +13362,9 @@
               }
             }
           }
-          var newMinutesString = newMinutes < 10 ? `0${newMinutes}` : newMinutes;
-          var newHoursString = withLeadingZero && newHours < 10 ? `0${newHours}` : newHours;
-          var newValue = `${newHoursString}:${newMinutesString}`;
+          var newMinutesString = newMinutes < 10 ? "0".concat(newMinutes) : newMinutes;
+          var newHoursString = withLeadingZero && newHours < 10 ? "0".concat(newHours) : newHours;
+          var newValue = "".concat(newHoursString, ":").concat(newMinutesString);
           if (validation(newValue, withLeadingZero)) {
             setCurrentValue(newValue);
             if (onChange) onChange(newValue);
@@ -14253,11 +14253,11 @@
     displayName: "Styles__StyledAnimatedSpan",
     componentId: "sc-144eyxd-3"
   })(["background:red;", " ", " ", " ", ""], function (props) {
-    return props.$state === "entering" && styled.css(["opacity:1;", ""], props.$mode === "stretch" ? styled.css(["animation-name:", ";animation-duration:", ";animation-delay:", ";"], StyledSheetControlsTop, `${props.$durationIn}s`, `${props.$durationIn}s`) : styled.css(["animation-name:", ";animation-duration:", ";animation-delay:0s;"], StyledSheetControlsCenterIn, `${props.$maxDurationIn}s`));
+    return props.$state === "entering" && styled.css(["opacity:1;", ""], props.$mode === "stretch" ? styled.css(["animation-name:", ";animation-duration:", ";animation-delay:", ";"], StyledSheetControlsTop, "".concat(props.$durationIn, "s"), "".concat(props.$durationIn, "s")) : styled.css(["animation-name:", ";animation-duration:", ";animation-delay:0s;"], StyledSheetControlsCenterIn, "".concat(props.$maxDurationIn, "s")));
   }, function (props) {
     return props.$state === "entered" && styled.css(["opacity:1;"]);
   }, function (props) {
-    return props.$state === "exiting" && styled.css(["opacity:0;", ""], props.$mode === "stretch" ? styled.css(["animation-name:", ";animation-duration:", ";animation-delay:", ";"], StyledSheetControlsBottom, `${props.$durationOut}s`, `${props.$durationOut}s`) : styled.css(["animation-name:", ";animation-duration:", ";animation-delay:0;"], StyledSheetControlsCenterOut, `${props.$maxDurationOut}s`));
+    return props.$state === "exiting" && styled.css(["opacity:0;", ""], props.$mode === "stretch" ? styled.css(["animation-name:", ";animation-duration:", ";animation-delay:", ";"], StyledSheetControlsBottom, "".concat(props.$durationOut, "s"), "".concat(props.$durationOut, "s")) : styled.css(["animation-name:", ";animation-duration:", ";animation-delay:0;"], StyledSheetControlsCenterOut, "".concat(props.$maxDurationOut, "s")));
   }, function (props) {
     return props.$state === "exited" && styled.css(["opacity:0;"]);
   });
@@ -14358,7 +14358,7 @@
         appear: true,
         in: open,
         timeout: maxDurationIn * 100,
-        key: `c-sheet-control-${index}`
+        key: "c-sheet-control-".concat(index)
       }, function (state) {
         return /*#__PURE__*/React__default["default"].createElement(StyledAnimatedSpan, {
           $state: state,
@@ -14480,8 +14480,8 @@
       rows: rows,
       className: classNames__default["default"]("c-autoresizetextarea", className),
       style: {
-        minHeight: `${lineHeight}px`,
-        lineHeight: `${lineHeight}px`
+        minHeight: "".concat(lineHeight, "px"),
+        lineHeight: "".concat(lineHeight, "px")
       }
     }));
   });
@@ -14585,7 +14585,7 @@
     var itemId = React.useMemo(function () {
       if (!id) {
         var randomString = Math.random().toString(36).slice(2);
-        return `accordion-item-${randomString}`;
+        return "accordion-item-".concat(randomString);
       }
       return id;
     }, [id]);
@@ -14649,7 +14649,7 @@
     var duration = 200;
     var height = useHeight(divRef);
     var defaultStyle = {
-      transition: `max-height ${duration}ms linear`,
+      transition: "max-height ".concat(duration, "ms linear"),
       maxHeight: 0
     };
     var transitionStyles = {
@@ -14961,7 +14961,7 @@
   var _excluded$u = ["in", "children", "style", "timeout"];
   var defaultStyle$2 = function defaultStyle(duration) {
     return {
-      transition: `all ${duration}ms ease-in-out`,
+      transition: "all ".concat(duration, "ms ease-in-out"),
       opacity: 0
     };
   };
@@ -15028,21 +15028,21 @@
     }
     var defaultStyle = function defaultStyle(timeout) {
       return {
-        transition: `all ${timeout}ms ease`
+        transition: "all ".concat(timeout, "ms ease")
       };
     };
     var transitionStyles = {
       entering: {
-        transform: `translate(0,0)`
+        transform: "translate(0,0)"
       },
       entered: {
-        transform: `translate(0,0)`
+        transform: "translate(0,0)"
       },
       exiting: {
-        transform: `translate(${directionSign})`
+        transform: "translate(".concat(directionSign, ")")
       },
       exited: {
-        transform: `translate(${directionSign})`
+        transform: "translate(".concat(directionSign, ")")
       }
     };
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
@@ -15145,7 +15145,7 @@
     var defaultStyle = React.useMemo(function () {
       return {
         transitionProperty: "width, height",
-        transitionDuration: `${timeout}ms`,
+        transitionDuration: "".concat(timeout, "ms"),
         transitionTimingFunction: "ease"
       };
     }, [timeout]);
@@ -15168,27 +15168,27 @@
   var _excluded$r = ["in", "children", "style", "timeout"];
   var defaultStyle = function defaultStyle(duration) {
     return {
-      transition: `all ${duration}ms ease-in`,
-      transform: `scaleX(0)`,
+      transition: "all ".concat(duration, "ms ease-in"),
+      transform: "scaleX(0)",
       opacity: 0,
       transformOrigin: "left"
     };
   };
   var transitionStyles$1 = {
     entering: {
-      transform: `scaleX(1)`,
+      transform: "scaleX(1)",
       opacity: 1
     },
     entered: {
-      transform: `scaleX(1)`,
+      transform: "scaleX(1)",
       opacity: 1
     },
     exiting: {
-      transform: `scaleX(0)`,
+      transform: "scaleX(0)",
       opacity: 0
     },
     exited: {
-      transform: `scaleX(0)`,
+      transform: "scaleX(0)",
       opacity: 0
     }
   };
@@ -15232,7 +15232,7 @@
     var defaultStyle = React.useMemo(function () {
       return {
         transitionProperty: "transform",
-        transitionDuration: `${timeout}ms`,
+        transitionDuration: "".concat(timeout, "ms"),
         transform: "scale(0)"
       };
     }, [timeout]);
@@ -15532,7 +15532,7 @@
   SelectDateTarget.displayName = "SelectDateTarget";
 
   var getShortDateFormat = function getShortDateFormat(value) {
-    return value.replace(/Y|,$/gi, ``).trim();
+    return value.replace(/Y|,$/gi, "").trim();
   };
   var formatDate = function formatDate(value) {
     var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "YYYY-MM-DD";
@@ -15667,7 +15667,7 @@
         if (selectedDays.from === selectedDays.to) {
           return formattedEndDate;
         }
-        return `${formattedStartDate} - ${formattedEndDate}`;
+        return "".concat(formattedStartDate, " - ").concat(formattedEndDate);
       }
     }, [selectedDays, dateFormat, timezoneAware, defaultLabelText, longDateFormat]);
     var modifiedDates = React.useMemo(function () {
@@ -15884,10 +15884,10 @@
       }, props.date.getDate());
       if (titles.length) {
         var title = /*#__PURE__*/React__default["default"].createElement("div", {
-          key: `title-wrapper-${props.date.getDate()}`
+          key: "title-wrapper-".concat(props.date.getDate())
         }, titles.map(function (title, index) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
-            key: `title-text-${index}`
+            key: "title-text-".concat(index)
           }, title);
         }));
         return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
@@ -16246,7 +16246,7 @@
     displayName: "Styles__StyledComboBoxList",
     componentId: "sc-5qvkpb-3"
   })(["min-width:260px;background-color:var(--page-paper-main);border-radius:8px;border:1px solid var(--border-primary);box-shadow:var(--shadow-tertiary);margin:8px 0;width:", ";", ""], function (props) {
-    return `${props.$width}px`;
+    return "".concat(props.$width, "px");
   }, function (_ref) {
     var $hide = _ref.$hide;
     return $hide === true && styled.css(["display:none;"]);
@@ -16656,7 +16656,7 @@
             total = total + groupedOptions.length;
             if (groupedOptions.length > 0) {
               groupedOptions.forEach(function (o, _index) {
-                elements.push(renderChipAdornment(o, `${index}_${_index}`));
+                elements.push(renderChipAdornment(o, "".concat(index, "_").concat(_index)));
               });
             }
           }
@@ -16667,7 +16667,7 @@
         }
         return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, elements, _hidden > 0 && /*#__PURE__*/React__default["default"].createElement(_StyledTypography$1, {
           variant: size === "small" ? "Caption 1" : size === "regular" ? "Body 2" : "Body 1"
-        }, typeof hiddenNumberText === "function" ? hiddenNumberText(_hidden) : `+${_hidden}`));
+        }, typeof hiddenNumberText === "function" ? hiddenNumberText(_hidden) : "+".concat(_hidden)));
       }
       if (type === "single" && selected) {
         var optionItem;
@@ -16929,7 +16929,7 @@
     }, /*#__PURE__*/React__default["default"].createElement(StyledProgressBarProgress, {
       className: "c-progress-bar__progress",
       style: {
-        width: `${progressNumber}%`
+        width: "".concat(progressNumber, "%")
       },
       $height: height,
       $color: progressColor
@@ -17017,7 +17017,7 @@
       $color: backgroundColor,
       $strokeDashOffset: -strokeDashoffsetOuter,
       strokeWidth: stroke,
-      strokeDasharray: `${circumference} ${circumference}`,
+      strokeDasharray: "".concat(circumference, " ").concat(circumference),
       r: normalizedRadius,
       cx: radius,
       cy: radius
@@ -17025,7 +17025,7 @@
       $color: progressColor,
       $strokeDashOffset: strokeDashoffsetInner,
       strokeWidth: stroke,
-      strokeDasharray: `${circumference} ${circumference}`,
+      strokeDasharray: "".concat(circumference, " ").concat(circumference),
       r: normalizedRadius,
       cx: radius,
       cy: radius
@@ -17456,7 +17456,7 @@
       if (intInputRef !== null && intInputRef !== void 0 && intInputRef.current) {
         intInputRef.current.scrollLeft = 0;
       }
-      typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur) === `function` && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur(evt));
+      typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur) === "function" && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur(evt));
     }, [inputProps]);
     return /*#__PURE__*/React__default["default"].createElement(StyledDiv, _extends({
       className: className,
@@ -17851,7 +17851,7 @@
   })(["", " ", ""], function (_ref11) {
     var $renderAs = _ref11.$renderAs,
       $gap = _ref11.$gap;
-    return $renderAs === "grid" && styled.css(["display:grid;grid-gap:", ";grid-template-columns:repeat(auto-fill,minmax(260px,1fr));"], $gap ? `${$gap}px` : "initial");
+    return $renderAs === "grid" && styled.css(["display:grid;grid-gap:", ";grid-template-columns:repeat(auto-fill,minmax(260px,1fr));"], $gap ? "".concat($gap, "px") : "initial");
   }, function (props) {
     return props.$renderAs === "list" && styled.css(["display:flex;flex-direction:column;"]);
   });
@@ -17898,7 +17898,7 @@
       rest = _objectWithoutProperties(_ref, _excluded$9);
     var _useContext = React.useContext(EntityGroupContext),
       renderAs = _useContext.renderAs;
-    var classSuffix = `c-entity-card-${renderAs}`;
+    var classSuffix = "c-entity-card-".concat(renderAs);
     var paperType = renderAs === "grid" ? "paper-1" : "paper-2";
     var Component = as || Card;
     return /*#__PURE__*/React__default["default"].createElement(StyledEntityCard, _extends({
@@ -17923,7 +17923,7 @@
       props = _objectWithoutProperties(_ref, _excluded$8);
     var _useContext = React.useContext(EntityGroupContext),
       renderAs = _useContext.renderAs;
-    var classSuffix = `c-entity-property-${renderAs}`;
+    var classSuffix = "c-entity-property-".concat(renderAs);
     return /*#__PURE__*/React__default["default"].createElement(StyledEntityProperty, _extends({
       className: classNames__default["default"]("c-entity-property", classSuffix, className)
     }, props, {
@@ -18044,7 +18044,7 @@
       }
       if ((submenu === null || submenu === void 0 ? void 0 : submenu.length) > 1) {
         return /*#__PURE__*/React__default["default"].createElement(StyledStartMenuListItem, {
-          key: `filter-list-item-${index}`,
+          key: "filter-list-item-".concat(index),
           onClick: function onClick() {
             return onItemClick(id);
           }
@@ -18254,7 +18254,7 @@
         defaultValue = _ref2.defaultValue,
         rest = _objectWithoutProperties(_ref2, _excluded$6);
       return /*#__PURE__*/React__default["default"].createElement(SlideLeftRightTransition, {
-        key: `filter-submenu-${index}`,
+        key: "filter-submenu-".concat(index),
         in: menu === id,
         direction: isLeft ? "left" : "right",
         onEnter: handleHeight,
@@ -18501,7 +18501,7 @@
     }, rest), _children.map(function (child, index) {
       var item = child;
       var tooltipText = item.props.alt;
-      var alt = `Image of ${tooltipText}`;
+      var alt = "Image of ".concat(tooltipText);
       return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
         title: tooltipText ? tooltipText : "",
         disable: !hasTooltip,
@@ -18511,7 +18511,7 @@
         alt: alt,
         style: {
           // component preserves it's width
-          marginLeft: `-${index === 0 ? null : gap}px`,
+          marginLeft: "-".concat(index === 0 ? null : gap, "px"),
           outline: "1px solid var(--page-paper-main)"
         }
       })));
@@ -18522,7 +18522,7 @@
       size: size,
       role: "status",
       "aria-label": "Rest of the users",
-      $_css: `-${gap}px`
+      $_css: "-".concat(gap, "px")
     }, /*#__PURE__*/React__default["default"].createElement(Typography, {
       variant: handleVariant,
       weight: "medium"
@@ -18814,7 +18814,7 @@
       var doc = parser.parseFromString(purifiedTarget, "text/html");
       var text = doc.body.textContent || "";
       var checkValidSearchChars = searchValue.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-      var regex = new RegExp(`(${checkValidSearchChars})`, "gi");
+      var regex = new RegExp("(".concat(checkValidSearchChars, ")"), "gi");
       return text.replace(regex, "<mark>$1</mark>");
     }
     return "";