@activecollab/components 2.0.269 → 2.0.271

package/dist/cjs/components/Icons/collection/Billing.js

@@ -51,10 +51,12 @@ var BillingIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, svgRef)
     ref: svgRef
   }, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
     gradient: gradient
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M13 7v1h2v2h-4v1h3a1 1 0 01.993.884L15 12v3a1 1 0 01-.884.993L14 16h-1v1h-2v-1H9v-2h4v-1h-3a1 1 0 01-.993-.884L9 12V9a1 1 0 01.884-.993L10 8h1V7h2z"
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M4 5h3v2H4v10h3v2H4a2 2 0 01-2-2V7a2 2 0 012-2zm16 12h-3v2h3a2 2 0 002-2V7a2 2 0 00-2-2h-3v2h3v10zm-9 0h2v-1h1a1 1 0 001-1v-3a1 1 0 00-1-1h-3v-1h4V8h-2V7h-2v1h-1a1 1 0 00-1 1v3a1 1 0 001 1h3v1H9v2h2v1z"
+    d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16z"
   }));
 });
 BillingIcon.displayName = "BillingIcon";

package/dist/cjs/components/Icons/collection/Billing.js.map

@@ -1 +1 @@
-{"version":3,"file":"Billing.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","BillingIcon","React","forwardRef","_ref","svgRef","gradient","props","createElement","width","height","viewBox","xmlns","fill","focusable","ref","GradientDefs","fillRule","clipRule","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Billing.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component BillingIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <BillingIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <BillingIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst BillingIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"BillingIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M4 5h3v2H4v10h3v2H4a2 2 0 01-2-2V7a2 2 0 012-2zm16 12h-3v2h3a2 2 0 002-2V7a2 2 0 00-2-2h-3v2h3v10zm-9 0h2v-1h1a1 1 0 001-1v-3a1 1 0 00-1-1h-3v-1h4V8h-2V7h-2v1h-1a1 1 0 00-1 1v3a1 1 0 001 1h3v1H9v2h2v1z\"\n      />\n    </svg>\n  )\n);\nBillingIcon.displayName = \"BillingIcon\";\nexport default BillingIcon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Billing.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","BillingIcon","React","forwardRef","_ref","svgRef","gradient","props","createElement","width","height","viewBox","xmlns","fill","focusable","ref","GradientDefs","d","fillRule","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Billing.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component BillingIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <BillingIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <BillingIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst BillingIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"BillingIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M13 7v1h2v2h-4v1h3a1 1 0 01.993.884L15 12v3a1 1 0 01-.884.993L14 16h-1v1h-2v-1H9v-2h4v-1h-3a1 1 0 01-.993-.884L9 12V9a1 1 0 01.884-.993L10 8h1V7h2z\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16z\"\n      />\n    </svg>\n  )\n);\nBillingIcon.displayName = \"BillingIcon\";\nexport default BillingIcon;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Icons/collection/Puzzle.js

@@ -41,9 +41,9 @@ var PuzzleIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, svgRef)
   var gradient = _ref.gradient,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
-    width: 18,
-    height: 18,
-    viewBox: "0 0 18 18",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "PuzzleIcon",
     fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
@@ -54,7 +54,7 @@ var PuzzleIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, svgRef)
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M7.5 0A3.5 3.5 0 0111 3.5h1.5a2 2 0 012 2V7a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 0114.5 14v2a2 2 0 01-2 2H2a2 2 0 01-2-2v-4.023h2a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 002 9.023H0V5.5a2 2 0 012-2h2a3.5 3.5 0 01.905-2.349l.12-.126A3.5 3.5 0 017.5 0zm0 2.023A1.476 1.476 0 006.023 3.5v2H2V7a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 012 14v2h10.5l.014-4.023H14.5a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 0014.5 9.023h.16-2.146L12.5 5.5H8.977v-2A1.476 1.476 0 007.5 2.023z"
+    d: "M11.5 3A3.5 3.5 0 0115 6.5h1.5a2 2 0 012 2V10a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 0118.5 17v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-4.023h2a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 006 12.023H4V8.5a2 2 0 012-2h2a3.5 3.5 0 01.905-2.349l.12-.126A3.5 3.5 0 0111.5 3zm0 2.023A1.476 1.476 0 0010.023 6.5v2H6V10a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 016 17v2h10.5l.014-4.023H18.5a1.476 1.476 0 001.47-1.332l.007-.145a1.476 1.476 0 00-1.477-1.477h.16-2.146L16.5 8.5h-3.523v-2A1.476 1.476 0 0011.5 5.023z"
   }));
 });
 PuzzleIcon.displayName = "PuzzleIcon";

package/dist/cjs/components/Icons/collection/Puzzle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Puzzle.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","PuzzleIcon","React","forwardRef","_ref","svgRef","gradient","props","createElement","width","height","viewBox","xmlns","fill","focusable","ref","GradientDefs","fillRule","clipRule","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Puzzle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component PuzzleIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <PuzzleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <PuzzleIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst PuzzleIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={18}\n      height={18}\n      viewBox=\"0 0 18 18\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"PuzzleIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M7.5 0A3.5 3.5 0 0111 3.5h1.5a2 2 0 012 2V7a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 0114.5 14v2a2 2 0 01-2 2H2a2 2 0 01-2-2v-4.023h2a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 002 9.023H0V5.5a2 2 0 012-2h2a3.5 3.5 0 01.905-2.349l.12-.126A3.5 3.5 0 017.5 0zm0 2.023A1.476 1.476 0 006.023 3.5v2H2V7a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 012 14v2h10.5l.014-4.023H14.5a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 0014.5 9.023h.16-2.146L12.5 5.5H8.977v-2A1.476 1.476 0 007.5 2.023z\"\n      />\n    </svg>\n  )\n);\nPuzzleIcon.displayName = \"PuzzleIcon\";\nexport default PuzzleIcon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Puzzle.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","PuzzleIcon","React","forwardRef","_ref","svgRef","gradient","props","createElement","width","height","viewBox","xmlns","fill","focusable","ref","GradientDefs","fillRule","clipRule","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Puzzle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component PuzzleIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <PuzzleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <PuzzleIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst PuzzleIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"PuzzleIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.5 3A3.5 3.5 0 0115 6.5h1.5a2 2 0 012 2V10a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 0118.5 17v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-4.023h2a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 006 12.023H4V8.5a2 2 0 012-2h2a3.5 3.5 0 01.905-2.349l.12-.126A3.5 3.5 0 0111.5 3zm0 2.023A1.476 1.476 0 0010.023 6.5v2H6V10a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 016 17v2h10.5l.014-4.023H18.5a1.476 1.476 0 001.47-1.332l.007-.145a1.476 1.476 0 00-1.477-1.477h.16-2.146L16.5 8.5h-3.523v-2A1.476 1.476 0 0011.5 5.023z\"\n      />\n    </svg>\n  )\n);\nPuzzleIcon.displayName = \"PuzzleIcon\";\nexport default PuzzleIcon;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Steppers/DateStepper/DateStepper.js

@@ -48,7 +48,9 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
     _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
     _ref$alwaysShowDate = _ref.alwaysShowDate,
-    alwaysShowDate = _ref$alwaysShowDate === void 0 ? false : _ref$alwaysShowDate;
+    alwaysShowDate = _ref$alwaysShowDate === void 0 ? false : _ref$alwaysShowDate,
+    _ref$disableArrows = _ref.disableArrows,
+    disableArrows = _ref$disableArrows === void 0 ? false : _ref$disableArrows;
   var _useState = (0, _react.useState)(_momentTimezone.default.utc(from)),
     _useState2 = _slicedToArray(_useState, 2),
     fromDate = _useState2[0],
@@ -74,9 +76,17 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
     } else if (step === "yearly") {
       date.add(interval, "years");
       return [date.clone().startOf("year"), date.clone().endOf("year")];
+    } else if (step === "range") {
+      // For range step, calculate N days based on current selection
+      var daysDiff = toDate.diff(fromDate, "days");
+      // If same day selected (daysDiff = 0), move by 1 day
+      var daysToMove = daysDiff === 0 ? 1 : daysDiff + 1;
+      var newFromDate = fromDate.clone().add(interval * daysToMove, "days");
+      var newToDate = daysDiff === 0 ? newFromDate.clone() : toDate.clone().add(interval * daysToMove, "days");
+      return [newFromDate, newToDate];
     }
     return [date, date];
-  }, [fromDate, period, step]);
+  }, [fromDate, toDate, period, step]);
   var getDateFormatted = (0, _react.useMemo)(function () {
     if (formatCallback) {
       return formatCallback(fromDate, toDate);
@@ -105,6 +115,20 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
     } else if (step === "yearly") {
       return fromDate.utc().format("YYYY");
     } else if (step === "range") {
+      // For range step, if toDate is invalid or at epoch (1970), only show fromDate
+      if (!toDate.isValid() || toDate.year() === 1970) {
+        if (fromDate.year() === actualYear) {
+          return fromDate.utc().format("MMM DD");
+        }
+        return fromDate.utc().format("MMM DD YYYY");
+      }
+      // If from and to are the same date, show only once
+      if (fromDate.format("YYYY-MM-DD") === toDate.format("YYYY-MM-DD")) {
+        if (fromDate.year() === actualYear) {
+          return fromDate.utc().format("MMM DD");
+        }
+        return fromDate.utc().format("MMM DD YYYY");
+      }
       return showWeekOrCustomDateFormat(fromDate, toDate);
     }
     return "";
@@ -154,7 +178,7 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
     setFromDate(_momentTimezone.default.utc(newFrom));
     setToDate(_momentTimezone.default.utc(newTo));
     if (onChange) {
-      onChange(_momentTimezone.default.utc(newFrom), _momentTimezone.default.utc(newTo));
+      onChange(_momentTimezone.default.utc(newFrom).toDate(), _momentTimezone.default.utc(newTo).toDate());
     }
     if (onForward) {
       onForward(_momentTimezone.default.utc(newFrom).toDate(), _momentTimezone.default.utc(newTo).toDate());
@@ -171,15 +195,12 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
     setFromDate(_momentTimezone.default.utc(newFrom));
     setToDate(_momentTimezone.default.utc(newTo));
     if (onChange) {
-      onChange(_momentTimezone.default.utc(newFrom), _momentTimezone.default.utc(newTo));
+      onChange(_momentTimezone.default.utc(newFrom).toDate(), _momentTimezone.default.utc(newTo).toDate());
     }
     if (onBack) {
       onBack(_momentTimezone.default.utc(newFrom).toDate(), _momentTimezone.default.utc(newTo).toDate());
     }
   }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);
-  var renderLeftRightButtons = (0, _react.useMemo)(function () {
-    return step !== "range";
-  }, [step]);
   (0, _react.useEffect)(function () {
     setFromDate(_momentTimezone.default.utc(from));
     setToDate(_momentTimezone.default.utc(to));
@@ -238,14 +259,14 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
   }, [isDisabled]);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledButtonGroup, {
     className: (0, _classnames.default)("c-date-stepper", className)
-  }, renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
+  }, !disableArrows ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
     type: "button",
     variant: mode === "flat" ? "text gray" : "secondary",
     onClick: onLeftClickHandler,
     disabled: isBeforeMinDate
   }, /*#__PURE__*/_react.default.createElement(_ArrowLeft.default, null)) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledDiv, {
     $isTargetable: step === "yearly" || !withDatePicker,
-    $isRounded: step === "range",
+    $isRounded: disableArrows,
     $mode: mode,
     $alwaysShowDate: alwaysShowDate,
     style: dateStepperWidth(fromDate, toDate, step)
@@ -270,7 +291,7 @@ var DateStepper = exports.DateStepper = function DateStepper(_ref) {
     key: datePickerMode,
     instant: true,
     required: true
-  }) : /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
+  }) : /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, null, getDateFormatted)), !disableArrows ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
     type: "button",
     variant: mode === "flat" ? "text gray" : "secondary",
     onClick: onRightClickHandler,

package/dist/cjs/components/Steppers/DateStepper/DateStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateStepper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_momentTimezone","_Styles","_DatePicker","_Icons","_ArrowLeft","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","DateStepper","exports","_ref","step","formatCallback","onChange","to","onBack","onForward","minValue","maxValue","className","_ref$period","period","_ref$withDatePicker","withDatePicker","_ref$defaultMonth","defaultMonth","moment","enableYearPicker","_ref$position","position","popperClassName","_ref$mode","mode","_ref$alwaysShowDate","alwaysShowDate","_useState","useState","utc","_useState2","fromDate","setFromDate","_useState3","_useState4","toDate","setToDate","getDatesByPeriod","useCallback","interval","date","add","clone","startOf","endOf","getDateFormatted","useMemo","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","concat","quarter","datePickerMode","onDatePickerChange","dates","fromDateTemp","Number","toDateTemp","isMoment","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","useEffect","onRightClickHandler","_getDatesByPeriod","_getDatesByPeriod2","newFrom","newTo","onLeftClickHandler","_getDatesByPeriod3","_getDatesByPeriod4","renderLeftRightButtons","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","matched","title","nonWorkingDay","createElement","StyledButtonGroup","classNames","StyledControl","type","variant","onClick","StyledDiv","$isTargetable","$isRounded","$mode","$alwaysShowDate","style","DatePicker","month","target","StyledButton","selected","unix","firstDayOfWeek","disabledDaysAfter","disabledDaysBefore","disableYearPicker","key","instant","required","StyledSpan","ArrowRightIcon","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\nimport { Moment } from \"moment\";\nimport moment from \"moment-timezone\";\n\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledSpan,\n  StyledControl,\n} from \"./Styles\";\nimport { DatePicker, TimestampDateRange } from \"../../DatePicker/DatePicker\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { InputMode } from \"../../Input/types\";\n\nexport interface IDateStepperProps {\n  /** One of the possible steps for this component */\n  step: \"daily\" | \"weekly\" | \"monthly\" | \"quarterly\" | \"yearly\" | \"range\";\n  /** Callback function that will be called after the changed range */\n  onChange?: (from: Date, to: Date) => void;\n  /** Start date of the range */\n  from: Moment | string;\n  /** End date of the range */\n  to: Moment | string;\n  /** Callback function that will format the text label */\n  formatCallback?: (from: string | Moment, to: string | Moment) => string;\n  /** Default month */\n  defaultMonth?: Moment;\n  /** Callback function onBack */\n  onBack?: (from: Date, to: Date) => void;\n  /** Callback function onForward */\n  onForward?: (from: Date, to: Date) => void;\n  /** Min date */\n  minValue?: Moment;\n  /** Max fate */\n  maxValue?: Moment;\n  /** html class */\n  className?: string;\n  /** Period for calculating week (isoWeek) */\n  period?: \"week\" | \"isoWeek\";\n  /** Classes for datePicker */\n  datePickerClass?: string;\n  /** Show datePicker in the middle button */\n  withDatePicker?: boolean;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** DatePicker menu position */\n  position?: Placement;\n  /** Enable year picker in DatePicker */\n  enableYearPicker?: boolean;\n  /** conditional border & button variant styles */\n  mode?: InputMode;\n  /** preserve date on smaller screens */\n  alwaysShowDate?: boolean;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\n\nexport const DateStepper: FC<IDateStepperProps> = ({\n  step,\n  formatCallback,\n  onChange,\n  from,\n  to,\n  onBack,\n  onForward,\n  minValue,\n  maxValue,\n  className,\n  period = \"week\",\n  withDatePicker = true,\n  defaultMonth = moment(),\n  enableYearPicker,\n  position = \"bottom\",\n  popperClassName,\n  mode = \"outlined\",\n  alwaysShowDate = false,\n}) => {\n  const [fromDate, setFromDate] = useState<Moment>(moment.utc(from));\n  const [toDate, setToDate] = useState<Moment>(moment.utc(to));\n\n  const getDatesByPeriod = useCallback(\n    (interval: number): Moment[] => {\n      const date = fromDate ? fromDate : moment();\n      if (step === \"daily\") {\n        date.add(interval, \"days\");\n        return [date, date.clone()];\n      } else if (step === \"weekly\") {\n        date.add(interval, \"weeks\");\n        return [date.clone().startOf(period), date.clone().endOf(period)];\n      } else if (step === \"monthly\") {\n        date.add(interval, \"months\");\n        return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n      } else if (step === \"quarterly\") {\n        date.add(interval, \"quarters\");\n        return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n      } else if (step === \"yearly\") {\n        date.add(interval, \"years\");\n        return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n      }\n      return [date, date];\n    },\n    [fromDate, period, step]\n  );\n\n  const getDateFormatted = useMemo(() => {\n    if (formatCallback) {\n      return formatCallback(fromDate, toDate);\n    }\n\n    const actualYear = moment().year();\n\n    const showWeekOrCustomDateFormat = (start, end): string => {\n      if (start.year() === actualYear && end.year() === actualYear) {\n        return (\n          start.utc().format(\"MMM DD\") + \" - \" + end.utc().format(\"MMM DD\")\n        );\n      } else {\n        return (\n          start.utc().format(\"MMM DD YYYY\") +\n          \" - \" +\n          end.utc().format(\"MMM DD YYYY\")\n        );\n      }\n    };\n\n    if (step === \"daily\") {\n      if (fromDate.year() === actualYear) {\n        return fromDate.utc().format(\"MMM DD\");\n      }\n      return fromDate.utc().format(\"MMM DD YYYY\");\n    } else if (step === \"weekly\") {\n      const startDate = fromDate.clone().utc().startOf(period);\n      const endDate = startDate.clone().utc().endOf(period);\n      return showWeekOrCustomDateFormat(startDate, endDate);\n    } else if (step === \"monthly\") {\n      return fromDate.utc().format(\"MMM YYYY\");\n    } else if (step === \"quarterly\") {\n      return `Q${fromDate.utc().quarter()}/${fromDate.utc().format(\"YYYY\")}`;\n    } else if (step === \"yearly\") {\n      return fromDate.utc().format(\"YYYY\");\n    } else if (step === \"range\") {\n      return showWeekOrCustomDateFormat(fromDate, toDate);\n    }\n\n    return \"\";\n  }, [fromDate, toDate, step, formatCallback, period]);\n\n  const datePickerMode = useMemo(() => {\n    if (step === \"range\") return \"custom\";\n    if (step === \"yearly\") return \"custom\";\n    return step;\n  }, [step]);\n\n  const onDatePickerChange = useCallback(\n    (dates?: TimestampDateRange) => {\n      const fromDateTemp: Moment = moment.utc(Number(dates?.from) * 1000);\n      const toDateTemp: Moment = moment.utc(Number(dates?.to) * 1000);\n\n      setFromDate(fromDateTemp);\n      setToDate(toDateTemp);\n\n      if (\n        onChange &&\n        moment.isMoment(fromDateTemp) &&\n        moment.isMoment(toDateTemp)\n      ) {\n        onChange(fromDateTemp.toDate(), toDateTemp.toDate());\n      }\n    },\n    [onChange, setFromDate, setToDate]\n  );\n\n  const isAfterMaxDate = useMemo(() => {\n    return (\n      moment.isMoment(maxValue) &&\n      moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n        toDate.utc().format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [maxValue, toDate]);\n\n  const isBeforeMinDate = useMemo(() => {\n    return (\n      moment.isMoment(minValue) &&\n      moment\n        .utc(moment.utc(minValue).format(\"YYYY-MM-DD\"))\n        .isSameOrAfter(toDate.utc().format(\"YYYY-MM-DD\"))\n    );\n  }, [minValue, toDate]);\n\n  useEffect(() => {\n    if (isBeforeMinDate) {\n      if (step === \"daily\") {\n        setFromDate(moment.utc(minValue));\n        setToDate(moment.utc(minValue));\n      }\n    }\n    if (isAfterMaxDate) {\n      if (step === \"daily\") {\n        setFromDate(moment.utc(maxValue));\n        setToDate(moment.utc(maxValue));\n      }\n    }\n  }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n  const onRightClickHandler = useCallback(() => {\n    if (isAfterMaxDate) {\n      return;\n    }\n\n    const [newFrom, newTo] = getDatesByPeriod(1);\n    setFromDate(moment.utc(newFrom));\n    setToDate(moment.utc(newTo));\n\n    if (onChange) {\n      onChange(moment.utc(newFrom), moment.utc(newTo));\n    }\n\n    if (onForward) {\n      onForward(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n  }, [isAfterMaxDate, getDatesByPeriod, onChange, onForward]);\n\n  const onLeftClickHandler = useCallback(() => {\n    if (isBeforeMinDate) {\n      return;\n    }\n\n    const [newFrom, newTo] = getDatesByPeriod(-1);\n    setFromDate(moment.utc(newFrom));\n    setToDate(moment.utc(newTo));\n\n    if (onChange) {\n      onChange(moment.utc(newFrom), moment.utc(newTo));\n    }\n    if (onBack) {\n      onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n  }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);\n\n  const renderLeftRightButtons = useMemo(() => {\n    return step !== \"range\";\n  }, [step]);\n\n  useEffect(() => {\n    setFromDate(moment.utc(from));\n    setToDate(moment.utc(to));\n  }, [from, to]);\n\n  const dateStepperWidth = (\n    fromDay: Moment,\n    toDay: Moment,\n    range: string\n  ): { minWidth: string } => {\n    if (\n      fromDay.utc().year() !== moment.utc().year() ||\n      toDay.utc().year() !== moment.utc().year()\n    ) {\n      switch (range) {\n        case \"daily\":\n        case \"monthly\":\n          return { minWidth: \"122px\" };\n        case \"weekly\":\n        case \"custom\":\n          return { minWidth: \"232px\" };\n      }\n    }\n    switch (range) {\n      case \"monthly\":\n        return { minWidth: \"122px\" };\n      case \"weekly\":\n      case \"custom\":\n        return { minWidth: \"182px\" };\n    }\n\n    return { minWidth: \"102px\" };\n  };\n  const isDisabled = useCallback(\n    (day: Moment): boolean => {\n      const dayFormat = moment.utc(day).format(\"YYYY-MM-DD\");\n\n      const isBefore =\n        moment.isMoment(maxValue) &&\n        moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n      const isAfter =\n        moment.isMoment(minValue) &&\n        moment(moment.utc(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n      return isBefore || isAfter;\n    },\n    [maxValue, minValue]\n  );\n\n  const modifiers = useMemo(\n    () => ({\n      disabled: (day: Moment) => ({ matched: isDisabled(day), title: null }),\n      nonWorkingDay: (day: Moment) => ({\n        matched: isDisabled(day),\n        title: null,\n      }),\n    }),\n    [isDisabled]\n  );\n\n  return (\n    <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n      {renderLeftRightButtons ? (\n        <StyledControl\n          type=\"button\"\n          variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <ArrowLeftIcon />\n        </StyledControl>\n      ) : null}\n      <StyledDiv\n        $isTargetable={step === \"yearly\" || !withDatePicker}\n        $isRounded={step === \"range\"}\n        $mode={mode}\n        $alwaysShowDate={alwaysShowDate}\n        style={dateStepperWidth(fromDate, toDate, step)}\n      >\n        {withDatePicker && step !== \"yearly\" ? (\n          <DatePicker\n            month={defaultMonth}\n            target={\n              <StyledButton type=\"button\">{getDateFormatted}</StyledButton>\n            }\n            mode={datePickerMode}\n            selected={{\n              from: moment.utc(fromDate).unix(),\n              to: moment.utc(toDate).unix(),\n            }}\n            onChange={onDatePickerChange}\n            firstDayOfWeek={period === \"week\" ? 0 : 1}\n            modifiers={modifiers}\n            disabledDaysAfter={maxValue}\n            disabledDaysBefore={minValue}\n            disableYearPicker={!enableYearPicker}\n            popperClassName={popperClassName}\n            position={position}\n            key={datePickerMode}\n            instant\n            required\n          />\n        ) : (\n          <StyledSpan>{getDateFormatted}</StyledSpan>\n        )}\n      </StyledDiv>\n      {renderLeftRightButtons ? (\n        <StyledControl\n          type=\"button\"\n          variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <ArrowRightIcon />\n        </StyledControl>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DateStepper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_momentTimezone","_Styles","_DatePicker","_Icons","_ArrowLeft","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","DateStepper","exports","_ref","step","formatCallback","onChange","to","onBack","onForward","minValue","maxValue","className","_ref$period","period","_ref$withDatePicker","withDatePicker","_ref$defaultMonth","defaultMonth","moment","enableYearPicker","_ref$position","position","popperClassName","_ref$mode","mode","_ref$alwaysShowDate","alwaysShowDate","_ref$disableArrows","disableArrows","_useState","useState","utc","_useState2","fromDate","setFromDate","_useState3","_useState4","toDate","setToDate","getDatesByPeriod","useCallback","interval","date","add","clone","startOf","endOf","daysDiff","diff","daysToMove","newFromDate","newToDate","getDateFormatted","useMemo","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","concat","quarter","isValid","datePickerMode","onDatePickerChange","dates","fromDateTemp","Number","toDateTemp","isMoment","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","useEffect","onRightClickHandler","_getDatesByPeriod","_getDatesByPeriod2","newFrom","newTo","onLeftClickHandler","_getDatesByPeriod3","_getDatesByPeriod4","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","matched","title","nonWorkingDay","createElement","StyledButtonGroup","classNames","StyledControl","type","variant","onClick","StyledDiv","$isTargetable","$isRounded","$mode","$alwaysShowDate","style","DatePicker","month","target","StyledButton","selected","unix","firstDayOfWeek","disabledDaysAfter","disabledDaysBefore","disableYearPicker","key","instant","required","StyledSpan","ArrowRightIcon","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\nimport { Moment } from \"moment\";\nimport moment from \"moment-timezone\";\n\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledSpan,\n  StyledControl,\n} from \"./Styles\";\nimport { DatePicker, TimestampDateRange } from \"../../DatePicker/DatePicker\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { InputMode } from \"../../Input/types\";\n\nexport interface IDateStepperProps {\n  /** One of the possible steps for this component */\n  step: \"daily\" | \"weekly\" | \"monthly\" | \"quarterly\" | \"yearly\" | \"range\";\n  /** Callback function that will be called after the changed range */\n  onChange?: (from: Date, to: Date) => void;\n  /** Start date of the range */\n  from: Moment | string;\n  /** End date of the range */\n  to: Moment | string;\n  /** Callback function that will format the text label */\n  formatCallback?: (from: string | Moment, to: string | Moment) => string;\n  /** Default month */\n  defaultMonth?: Moment;\n  /** Callback function onBack */\n  onBack?: (from: Date, to: Date) => void;\n  /** Callback function onForward */\n  onForward?: (from: Date, to: Date) => void;\n  /** Min date */\n  minValue?: Moment;\n  /** Max fate */\n  maxValue?: Moment;\n  /** html class */\n  className?: string;\n  /** Period for calculating week (isoWeek) */\n  period?: \"week\" | \"isoWeek\";\n  /** Classes for datePicker */\n  datePickerClass?: string;\n  /** Show datePicker in the middle button */\n  withDatePicker?: boolean;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** DatePicker menu position */\n  position?: Placement;\n  /** Enable year picker in DatePicker */\n  enableYearPicker?: boolean;\n  /** conditional border & button variant styles */\n  mode?: InputMode;\n  /** preserve date on smaller screens */\n  alwaysShowDate?: boolean;\n  /** Hide navigation arrows */\n  disableArrows?: boolean;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\n\nexport const DateStepper: FC<IDateStepperProps> = ({\n  step,\n  formatCallback,\n  onChange,\n  from,\n  to,\n  onBack,\n  onForward,\n  minValue,\n  maxValue,\n  className,\n  period = \"week\",\n  withDatePicker = true,\n  defaultMonth = moment(),\n  enableYearPicker,\n  position = \"bottom\",\n  popperClassName,\n  mode = \"outlined\",\n  alwaysShowDate = false,\n  disableArrows = false,\n}) => {\n  const [fromDate, setFromDate] = useState<Moment>(moment.utc(from));\n  const [toDate, setToDate] = useState<Moment>(moment.utc(to));\n\n  const getDatesByPeriod = useCallback(\n    (interval: number): Moment[] => {\n      const date = fromDate ? fromDate : moment();\n      if (step === \"daily\") {\n        date.add(interval, \"days\");\n        return [date, date.clone()];\n      } else if (step === \"weekly\") {\n        date.add(interval, \"weeks\");\n        return [date.clone().startOf(period), date.clone().endOf(period)];\n      } else if (step === \"monthly\") {\n        date.add(interval, \"months\");\n        return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n      } else if (step === \"quarterly\") {\n        date.add(interval, \"quarters\");\n        return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n      } else if (step === \"yearly\") {\n        date.add(interval, \"years\");\n        return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n      } else if (step === \"range\") {\n        // For range step, calculate N days based on current selection\n        const daysDiff = toDate.diff(fromDate, \"days\");\n        // If same day selected (daysDiff = 0), move by 1 day\n        const daysToMove = daysDiff === 0 ? 1 : daysDiff + 1;\n        const newFromDate = fromDate.clone().add(interval * daysToMove, \"days\");\n        const newToDate =\n          daysDiff === 0\n            ? newFromDate.clone()\n            : toDate.clone().add(interval * daysToMove, \"days\");\n        return [newFromDate, newToDate];\n      }\n      return [date, date];\n    },\n    [fromDate, toDate, period, step]\n  );\n\n  const getDateFormatted = useMemo(() => {\n    if (formatCallback) {\n      return formatCallback(fromDate, toDate);\n    }\n\n    const actualYear = moment().year();\n\n    const showWeekOrCustomDateFormat = (start, end): string => {\n      if (start.year() === actualYear && end.year() === actualYear) {\n        return (\n          start.utc().format(\"MMM DD\") + \" - \" + end.utc().format(\"MMM DD\")\n        );\n      } else {\n        return (\n          start.utc().format(\"MMM DD YYYY\") +\n          \" - \" +\n          end.utc().format(\"MMM DD YYYY\")\n        );\n      }\n    };\n\n    if (step === \"daily\") {\n      if (fromDate.year() === actualYear) {\n        return fromDate.utc().format(\"MMM DD\");\n      }\n      return fromDate.utc().format(\"MMM DD YYYY\");\n    } else if (step === \"weekly\") {\n      const startDate = fromDate.clone().utc().startOf(period);\n      const endDate = startDate.clone().utc().endOf(period);\n      return showWeekOrCustomDateFormat(startDate, endDate);\n    } else if (step === \"monthly\") {\n      return fromDate.utc().format(\"MMM YYYY\");\n    } else if (step === \"quarterly\") {\n      return `Q${fromDate.utc().quarter()}/${fromDate.utc().format(\"YYYY\")}`;\n    } else if (step === \"yearly\") {\n      return fromDate.utc().format(\"YYYY\");\n    } else if (step === \"range\") {\n      // For range step, if toDate is invalid or at epoch (1970), only show fromDate\n      if (!toDate.isValid() || toDate.year() === 1970) {\n        if (fromDate.year() === actualYear) {\n          return fromDate.utc().format(\"MMM DD\");\n        }\n        return fromDate.utc().format(\"MMM DD YYYY\");\n      }\n      // If from and to are the same date, show only once\n      if (fromDate.format(\"YYYY-MM-DD\") === toDate.format(\"YYYY-MM-DD\")) {\n        if (fromDate.year() === actualYear) {\n          return fromDate.utc().format(\"MMM DD\");\n        }\n        return fromDate.utc().format(\"MMM DD YYYY\");\n      }\n      return showWeekOrCustomDateFormat(fromDate, toDate);\n    }\n\n    return \"\";\n  }, [fromDate, toDate, step, formatCallback, period]);\n\n  const datePickerMode = useMemo(() => {\n    if (step === \"range\") return \"custom\";\n    if (step === \"yearly\") return \"custom\";\n    return step;\n  }, [step]);\n\n  const onDatePickerChange = useCallback(\n    (dates?: TimestampDateRange) => {\n      const fromDateTemp: Moment = moment.utc(Number(dates?.from) * 1000);\n      const toDateTemp: Moment = moment.utc(Number(dates?.to) * 1000);\n\n      setFromDate(fromDateTemp);\n      setToDate(toDateTemp);\n\n      if (\n        onChange &&\n        moment.isMoment(fromDateTemp) &&\n        moment.isMoment(toDateTemp)\n      ) {\n        onChange(fromDateTemp.toDate(), toDateTemp.toDate());\n      }\n    },\n    [onChange, setFromDate, setToDate]\n  );\n\n  const isAfterMaxDate = useMemo(() => {\n    return (\n      moment.isMoment(maxValue) &&\n      moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n        toDate.utc().format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [maxValue, toDate]);\n\n  const isBeforeMinDate = useMemo(() => {\n    return (\n      moment.isMoment(minValue) &&\n      moment\n        .utc(moment.utc(minValue).format(\"YYYY-MM-DD\"))\n        .isSameOrAfter(toDate.utc().format(\"YYYY-MM-DD\"))\n    );\n  }, [minValue, toDate]);\n\n  useEffect(() => {\n    if (isBeforeMinDate) {\n      if (step === \"daily\") {\n        setFromDate(moment.utc(minValue));\n        setToDate(moment.utc(minValue));\n      }\n    }\n    if (isAfterMaxDate) {\n      if (step === \"daily\") {\n        setFromDate(moment.utc(maxValue));\n        setToDate(moment.utc(maxValue));\n      }\n    }\n  }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n  const onRightClickHandler = useCallback(() => {\n    if (isAfterMaxDate) {\n      return;\n    }\n\n    const [newFrom, newTo] = getDatesByPeriod(1);\n    setFromDate(moment.utc(newFrom));\n    setToDate(moment.utc(newTo));\n\n    if (onChange) {\n      onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n\n    if (onForward) {\n      onForward(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n  }, [isAfterMaxDate, getDatesByPeriod, onChange, onForward]);\n\n  const onLeftClickHandler = useCallback(() => {\n    if (isBeforeMinDate) {\n      return;\n    }\n\n    const [newFrom, newTo] = getDatesByPeriod(-1);\n    setFromDate(moment.utc(newFrom));\n    setToDate(moment.utc(newTo));\n\n    if (onChange) {\n      onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n    if (onBack) {\n      onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n    }\n  }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);\n\n  useEffect(() => {\n    setFromDate(moment.utc(from));\n    setToDate(moment.utc(to));\n  }, [from, to]);\n\n  const dateStepperWidth = (\n    fromDay: Moment,\n    toDay: Moment,\n    range: string\n  ): { minWidth: string } => {\n    if (\n      fromDay.utc().year() !== moment.utc().year() ||\n      toDay.utc().year() !== moment.utc().year()\n    ) {\n      switch (range) {\n        case \"daily\":\n        case \"monthly\":\n          return { minWidth: \"122px\" };\n        case \"weekly\":\n        case \"custom\":\n          return { minWidth: \"232px\" };\n      }\n    }\n    switch (range) {\n      case \"monthly\":\n        return { minWidth: \"122px\" };\n      case \"weekly\":\n      case \"custom\":\n        return { minWidth: \"182px\" };\n    }\n\n    return { minWidth: \"102px\" };\n  };\n  const isDisabled = useCallback(\n    (day: Moment): boolean => {\n      const dayFormat = moment.utc(day).format(\"YYYY-MM-DD\");\n\n      const isBefore =\n        moment.isMoment(maxValue) &&\n        moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n      const isAfter =\n        moment.isMoment(minValue) &&\n        moment(moment.utc(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n      return isBefore || isAfter;\n    },\n    [maxValue, minValue]\n  );\n\n  const modifiers = useMemo(\n    () => ({\n      disabled: (day: Moment) => ({ matched: isDisabled(day), title: null }),\n      nonWorkingDay: (day: Moment) => ({\n        matched: isDisabled(day),\n        title: null,\n      }),\n    }),\n    [isDisabled]\n  );\n\n  return (\n    <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n      {!disableArrows ? (\n        <StyledControl\n          type=\"button\"\n          variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <ArrowLeftIcon />\n        </StyledControl>\n      ) : null}\n      <StyledDiv\n        $isTargetable={step === \"yearly\" || !withDatePicker}\n        $isRounded={disableArrows}\n        $mode={mode}\n        $alwaysShowDate={alwaysShowDate}\n        style={dateStepperWidth(fromDate, toDate, step)}\n      >\n        {withDatePicker && step !== \"yearly\" ? (\n          <DatePicker\n            month={defaultMonth}\n            target={\n              <StyledButton type=\"button\">{getDateFormatted}</StyledButton>\n            }\n            mode={datePickerMode}\n            selected={{\n              from: moment.utc(fromDate).unix(),\n              to: moment.utc(toDate).unix(),\n            }}\n            onChange={onDatePickerChange}\n            firstDayOfWeek={period === \"week\" ? 0 : 1}\n            modifiers={modifiers}\n            disabledDaysAfter={maxValue}\n            disabledDaysBefore={minValue}\n            disableYearPicker={!enableYearPicker}\n            popperClassName={popperClassName}\n            position={position}\n            key={datePickerMode}\n            instant\n            required\n          />\n        ) : (\n          <StyledSpan>{getDateFormatted}</StyledSpan>\n        )}\n      </StyledDiv>\n      {!disableArrows ? (\n        <StyledControl\n          type=\"button\"\n          variant={mode === \"flat\" ? \"text gray\" : \"secondary\"}\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <ArrowRightIcon />\n        </StyledControl>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Icons/collection/Billing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Billing.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/Billing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,WAAW;eAMA,MAAM;+CA6BtB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"Billing.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/Billing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,WAAW;eAMA,MAAM;+CA8BtB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/components/Icons/collection/Billing.js

@@ -46,10 +46,12 @@ const BillingIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     ref: svgRef
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13 7v1h2v2h-4v1h3a1 1 0 01.993.884L15 12v3a1 1 0 01-.884.993L14 16h-1v1h-2v-1H9v-2h4v-1h-3a1 1 0 01-.993-.884L9 12V9a1 1 0 01.884-.993L10 8h1V7h2z"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M4 5h3v2H4v10h3v2H4a2 2 0 01-2-2V7a2 2 0 012-2zm16 12h-3v2h3a2 2 0 002-2V7a2 2 0 00-2-2h-3v2h3v10zm-9 0h2v-1h1a1 1 0 001-1v-3a1 1 0 00-1-1h-3v-1h4V8h-2V7h-2v1h-1a1 1 0 00-1 1v3a1 1 0 001 1h3v1H9v2h2v1z"
+    d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16z"
   }));
 });
 BillingIcon.displayName = "BillingIcon";

package/dist/esm/components/Icons/collection/Billing.js.map

@@ -1 +1 @@
-{"version":3,"file":"Billing.js","names":["React","GradientDefs","BillingIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Billing.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component BillingIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <BillingIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <BillingIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst BillingIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"BillingIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M4 5h3v2H4v10h3v2H4a2 2 0 01-2-2V7a2 2 0 012-2zm16 12h-3v2h3a2 2 0 002-2V7a2 2 0 00-2-2h-3v2h3v10zm-9 0h2v-1h1a1 1 0 001-1v-3a1 1 0 00-1-1h-3v-1h4V8h-2V7h-2v1h-1a1 1 0 00-1 1v3a1 1 0 001 1h3v1H9v2h2v1z\"\n      />\n    </svg>\n  )\n);\nBillingIcon.displayName = \"BillingIcon\";\nexport default BillingIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,gBAAGF,KAAK,CAACG,UAAU,CAClC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,aAAa;IACzBC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACES,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAA2M,CAC9M,CACE,CAAC;AAAA,CAEV,CAAC;AACDnB,WAAW,CAACoB,WAAW,GAAG,aAAa;AACvC,eAAepB,WAAW","ignoreList":[]}
+{"version":3,"file":"Billing.js","names":["React","GradientDefs","BillingIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Billing.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component BillingIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <BillingIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <BillingIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst BillingIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"BillingIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M13 7v1h2v2h-4v1h3a1 1 0 01.993.884L15 12v3a1 1 0 01-.884.993L14 16h-1v1h-2v-1H9v-2h4v-1h-3a1 1 0 01-.993-.884L9 12V9a1 1 0 01.884-.993L10 8h1V7h2z\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16z\"\n      />\n    </svg>\n  )\n);\nBillingIcon.displayName = \"BillingIcon\";\nexport default BillingIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,gBAAGF,KAAK,CAACG,UAAU,CAClC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,aAAa;IACzBC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMS,CAAC,EAAC;EAAqJ,CAAE,CAAC,eAChKnB,KAAA,CAAAU,aAAA;IACEU,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC;EAAyG,CAC5G,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,WAAW,CAACoB,WAAW,GAAG,aAAa;AACvC,eAAepB,WAAW","ignoreList":[]}

package/dist/esm/components/Icons/collection/Puzzle.js

@@ -36,9 +36,9 @@ const PuzzleIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 18,
-    height: 18,
-    viewBox: "0 0 18 18",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "PuzzleIcon",
     fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
@@ -49,7 +49,7 @@ const PuzzleIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M7.5 0A3.5 3.5 0 0111 3.5h1.5a2 2 0 012 2V7a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 0114.5 14v2a2 2 0 01-2 2H2a2 2 0 01-2-2v-4.023h2a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 002 9.023H0V5.5a2 2 0 012-2h2a3.5 3.5 0 01.905-2.349l.12-.126A3.5 3.5 0 017.5 0zm0 2.023A1.476 1.476 0 006.023 3.5v2H2V7a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 012 14v2h10.5l.014-4.023H14.5a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 0014.5 9.023h.16-2.146L12.5 5.5H8.977v-2A1.476 1.476 0 007.5 2.023z"
+    d: "M11.5 3A3.5 3.5 0 0115 6.5h1.5a2 2 0 012 2V10a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 0118.5 17v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-4.023h2a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 006 12.023H4V8.5a2 2 0 012-2h2a3.5 3.5 0 01.905-2.349l.12-.126A3.5 3.5 0 0111.5 3zm0 2.023A1.476 1.476 0 0010.023 6.5v2H6V10a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 016 17v2h10.5l.014-4.023H18.5a1.476 1.476 0 001.47-1.332l.007-.145a1.476 1.476 0 00-1.477-1.477h.16-2.146L16.5 8.5h-3.523v-2A1.476 1.476 0 0011.5 5.023z"
   }));
 });
 PuzzleIcon.displayName = "PuzzleIcon";

package/dist/esm/components/Icons/collection/Puzzle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Puzzle.js","names":["React","GradientDefs","PuzzleIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Puzzle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component PuzzleIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <PuzzleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <PuzzleIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst PuzzleIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={18}\n      height={18}\n      viewBox=\"0 0 18 18\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"PuzzleIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M7.5 0A3.5 3.5 0 0111 3.5h1.5a2 2 0 012 2V7a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 0114.5 14v2a2 2 0 01-2 2H2a2 2 0 01-2-2v-4.023h2a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 002 9.023H0V5.5a2 2 0 012-2h2a3.5 3.5 0 01.905-2.349l.12-.126A3.5 3.5 0 017.5 0zm0 2.023A1.476 1.476 0 006.023 3.5v2H2V7a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 012 14v2h10.5l.014-4.023H14.5a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 0014.5 9.023h.16-2.146L12.5 5.5H8.977v-2A1.476 1.476 0 007.5 2.023z\"\n      />\n    </svg>\n  )\n);\nPuzzleIcon.displayName = \"PuzzleIcon\";\nexport default PuzzleIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,gBAAGF,KAAK,CAACG,UAAU,CACjC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,YAAY;IACxBC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACES,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAA+e,CAClf,CACE,CAAC;AAAA,CAEV,CAAC;AACDnB,UAAU,CAACoB,WAAW,GAAG,YAAY;AACrC,eAAepB,UAAU","ignoreList":[]}
+{"version":3,"file":"Puzzle.js","names":["React","GradientDefs","PuzzleIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Puzzle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component PuzzleIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <PuzzleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <PuzzleIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst PuzzleIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"PuzzleIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.5 3A3.5 3.5 0 0115 6.5h1.5a2 2 0 012 2V10a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 0118.5 17v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-4.023h2a1.476 1.476 0 001.47-1.332l.007-.145A1.476 1.476 0 006 12.023H4V8.5a2 2 0 012-2h2a3.5 3.5 0 01.905-2.349l.12-.126A3.5 3.5 0 0111.5 3zm0 2.023A1.476 1.476 0 0010.023 6.5v2H6V10a3.5 3.5 0 013.5 3.5l-.004.174A3.5 3.5 0 016 17v2h10.5l.014-4.023H18.5a1.476 1.476 0 001.47-1.332l.007-.145a1.476 1.476 0 00-1.477-1.477h.16-2.146L16.5 8.5h-3.523v-2A1.476 1.476 0 0011.5 5.023z\"\n      />\n    </svg>\n  )\n);\nPuzzleIcon.displayName = \"PuzzleIcon\";\nexport default PuzzleIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,gBAAGF,KAAK,CAACG,UAAU,CACjC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,YAAY;IACxBC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACES,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAAyf,CAC5f,CACE,CAAC;AAAA,CAEV,CAAC;AACDnB,UAAU,CAACoB,WAAW,GAAG,YAAY;AACrC,eAAepB,UAAU","ignoreList":[]}

package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts

@@ -41,6 +41,8 @@ export interface IDateStepperProps {
     mode?: InputMode;
     /** preserve date on smaller screens */
     alwaysShowDate?: boolean;
+    /** Hide navigation arrows */
+    disableArrows?: boolean;
 }
 /**
  * This component allow you to select date range. It accepts two parameters "from" and "to" as valid format

package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAahC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxE,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,8BAA8B;IAC9B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,4BAA4B;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACxE,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IACxC,kCAAkC;IAClC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3C,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,6BAA6B;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iDAAiD;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;GAGG;AAEH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAiT7C,CAAC"}
+{"version":3,"file":"DateStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAahC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxE,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,8BAA8B;IAC9B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,4BAA4B;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACxE,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IACxC,kCAAkC;IAClC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3C,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,6BAA6B;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iDAAiD;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;GAGG;AAEH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAuU7C,CAAC"}

package/dist/esm/components/Steppers/DateStepper/DateStepper.js

@@ -29,7 +29,8 @@ export const DateStepper = _ref => {
     position = "bottom",
     popperClassName,
     mode = "outlined",
-    alwaysShowDate = false
+    alwaysShowDate = false,
+    disableArrows = false
   } = _ref;
   const [fromDate, setFromDate] = useState(moment.utc(from));
   const [toDate, setToDate] = useState(moment.utc(to));
@@ -50,9 +51,17 @@ export const DateStepper = _ref => {
     } else if (step === "yearly") {
       date.add(interval, "years");
       return [date.clone().startOf("year"), date.clone().endOf("year")];
+    } else if (step === "range") {
+      // For range step, calculate N days based on current selection
+      const daysDiff = toDate.diff(fromDate, "days");
+      // If same day selected (daysDiff = 0), move by 1 day
+      const daysToMove = daysDiff === 0 ? 1 : daysDiff + 1;
+      const newFromDate = fromDate.clone().add(interval * daysToMove, "days");
+      const newToDate = daysDiff === 0 ? newFromDate.clone() : toDate.clone().add(interval * daysToMove, "days");
+      return [newFromDate, newToDate];
     }
     return [date, date];
-  }, [fromDate, period, step]);
+  }, [fromDate, toDate, period, step]);
   const getDateFormatted = useMemo(() => {
     if (formatCallback) {
       return formatCallback(fromDate, toDate);
@@ -81,6 +90,20 @@ export const DateStepper = _ref => {
     } else if (step === "yearly") {
       return fromDate.utc().format("YYYY");
     } else if (step === "range") {
+      // For range step, if toDate is invalid or at epoch (1970), only show fromDate
+      if (!toDate.isValid() || toDate.year() === 1970) {
+        if (fromDate.year() === actualYear) {
+          return fromDate.utc().format("MMM DD");
+        }
+        return fromDate.utc().format("MMM DD YYYY");
+      }
+      // If from and to are the same date, show only once
+      if (fromDate.format("YYYY-MM-DD") === toDate.format("YYYY-MM-DD")) {
+        if (fromDate.year() === actualYear) {
+          return fromDate.utc().format("MMM DD");
+        }
+        return fromDate.utc().format("MMM DD YYYY");
+      }
       return showWeekOrCustomDateFormat(fromDate, toDate);
     }
     return "";
@@ -127,7 +150,7 @@ export const DateStepper = _ref => {
     setFromDate(moment.utc(newFrom));
     setToDate(moment.utc(newTo));
     if (onChange) {
-      onChange(moment.utc(newFrom), moment.utc(newTo));
+      onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());
     }
     if (onForward) {
       onForward(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());
@@ -141,15 +164,12 @@ export const DateStepper = _ref => {
     setFromDate(moment.utc(newFrom));
     setToDate(moment.utc(newTo));
     if (onChange) {
-      onChange(moment.utc(newFrom), moment.utc(newTo));
+      onChange(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());
     }
     if (onBack) {
       onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());
     }
   }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);
-  const renderLeftRightButtons = useMemo(() => {
-    return step !== "range";
-  }, [step]);
   useEffect(() => {
     setFromDate(moment.utc(from));
     setToDate(moment.utc(to));
@@ -202,14 +222,14 @@ export const DateStepper = _ref => {
   }), [isDisabled]);
   return /*#__PURE__*/React.createElement(StyledButtonGroup, {
     className: classNames("c-date-stepper", className)
-  }, renderLeftRightButtons ? /*#__PURE__*/React.createElement(StyledControl, {
+  }, !disableArrows ? /*#__PURE__*/React.createElement(StyledControl, {
     type: "button",
     variant: mode === "flat" ? "text gray" : "secondary",
     onClick: onLeftClickHandler,
     disabled: isBeforeMinDate
   }, /*#__PURE__*/React.createElement(ArrowLeftIcon, null)) : null, /*#__PURE__*/React.createElement(StyledDiv, {
     $isTargetable: step === "yearly" || !withDatePicker,
-    $isRounded: step === "range",
+    $isRounded: disableArrows,
     $mode: mode,
     $alwaysShowDate: alwaysShowDate,
     style: dateStepperWidth(fromDate, toDate, step)
@@ -234,7 +254,7 @@ export const DateStepper = _ref => {
     key: datePickerMode,
     instant: true,
     required: true
-  }) : /*#__PURE__*/React.createElement(StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/React.createElement(StyledControl, {
+  }) : /*#__PURE__*/React.createElement(StyledSpan, null, getDateFormatted)), !disableArrows ? /*#__PURE__*/React.createElement(StyledControl, {
     type: "button",
     variant: mode === "flat" ? "text gray" : "secondary",
     onClick: onRightClickHandler,