@activecollab/components 2.0.139 → 2.0.141

package/dist/cjs/components/SelectDate/SelectDateV2.js

@@ -0,0 +1,233 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectDateV2 = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+var _SelectDateTarget = require("./SelectDateTarget");
+var _Styles = require("./Styles");
+var _dateUtils = require("../../utils/dateUtils");
+var _DatePickerV = require("../DatePicker/DatePickerV2");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var isDayInRange = function isDayInRange(day, data) {
+  if (data.repeating) {
+    var from = new Date(day.getFullYear(), data.from.getMonth(), data.from.getDate());
+    var to = new Date(day.getFullYear(), data.to.getMonth(), data.to.getDate());
+    return day >= from && day <= to;
+  }
+  return day >= data.from && day <= data.to;
+};
+var SelectDateV2 = exports.SelectDateV2 = function SelectDateV2(_ref) {
+  var _ref$changeMode = _ref.changeMode,
+    mode = _ref$changeMode === void 0 ? "instant" : _ref$changeMode,
+    _ref$trigger = _ref.trigger,
+    labelType = _ref$trigger === void 0 ? "text" : _ref$trigger,
+    _ref$saveButtonText = _ref.saveButtonText,
+    saveButtonText = _ref$saveButtonText === void 0 ? "Save" : _ref$saveButtonText,
+    _ref$cancelButtonText = _ref.cancelButtonText,
+    cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
+    _ref$clearButtonText = _ref.clearButtonText,
+    clearButtonText = _ref$clearButtonText === void 0 ? "Clear" : _ref$clearButtonText,
+    _ref$modalHeaderText = _ref.modalHeaderText,
+    modalHeaderText = _ref$modalHeaderText === void 0 ? "Discard changes?" : _ref$modalHeaderText,
+    _ref$modalDiscardMess = _ref.modalDiscardMessage,
+    modalDiscardMessage = _ref$modalDiscardMess === void 0 ? "All unsaved changes will be lost." : _ref$modalDiscardMess,
+    _ref$modalDiscardBtnT = _ref.modalDiscardBtnText,
+    modalDiscardBtnText = _ref$modalDiscardBtnT === void 0 ? "OK" : _ref$modalDiscardBtnT,
+    _ref$modalCancelBtnTe = _ref.modalCancelBtnText,
+    modalCancelBtnText = _ref$modalCancelBtnTe === void 0 ? "Cancel" : _ref$modalCancelBtnTe,
+    onDayClick = _ref.onDayClick,
+    onSave = _ref.onSave,
+    onCancel = _ref.onCancel,
+    onToggleDatePicker = _ref.onToggleDatePicker,
+    _ref$required = _ref.required,
+    dateRequired = _ref$required === void 0 ? false : _ref$required,
+    _ref$longDateFormat = _ref.longDateFormat,
+    longDateFormat = _ref$longDateFormat === void 0 ? false : _ref$longDateFormat,
+    _ref$defaultShowDateP = _ref.defaultShowDatePicker,
+    defaultShowDatePicker = _ref$defaultShowDateP === void 0 ? false : _ref$defaultShowDateP,
+    _ref$firstDayOfWeek = _ref.firstDayOfWeek,
+    firstDayOfWeek = _ref$firstDayOfWeek === void 0 ? 0 : _ref$firstDayOfWeek,
+    selectedDays = _ref.selectedDays,
+    _ref$selectionMode = _ref.selectionMode,
+    selectionMode = _ref$selectionMode === void 0 ? "custom" : _ref$selectionMode,
+    menuClassName = _ref.menuClassName,
+    targetClassName = _ref.targetClassName,
+    icon = _ref.icon,
+    _ref$defaultLabelText = _ref.defaultLabelText,
+    defaultLabelText = _ref$defaultLabelText === void 0 ? "Set..." : _ref$defaultLabelText,
+    targetTextClassName = _ref.targetTextClassName,
+    targetIconClassName = _ref.targetIconClassName,
+    backgroundElementClass = _ref.backgroundElementClass,
+    dateFormat = _ref.dateFormat,
+    defaultMonth = _ref.defaultMonth,
+    _ref$daysToModify = _ref.daysToModify,
+    daysToModify = _ref$daysToModify === void 0 ? [] : _ref$daysToModify,
+    _ref$weekends = _ref.weekends,
+    weekends = _ref$weekends === void 0 ? [] : _ref$weekends,
+    _ref$weekendLabel = _ref.weekendLabel,
+    weekendLabel = _ref$weekendLabel === void 0 ? "Weekend" : _ref$weekendLabel,
+    _ref$nonWorkingDaysOf = _ref.nonWorkingDaysOfWeek,
+    _nonWorkingDaysOfWeek = _ref$nonWorkingDaysOf === void 0 ? [] : _ref$nonWorkingDaysOf,
+    _ref$nonWorkingDaysOf2 = _ref.nonWorkingDaysOfWeekLabel,
+    nonWorkingDaysOfWeekLabel = _ref$nonWorkingDaysOf2 === void 0 ? "Unavailable" : _ref$nonWorkingDaysOf2,
+    _ref$weekendIsSelecta = _ref.weekendIsSelectable,
+    weekendIsSelectable = _ref$weekendIsSelecta === void 0 ? false : _ref$weekendIsSelecta,
+    tooltipText = _ref.tooltipText,
+    popperTooltipClassName = _ref.popperTooltipClassName,
+    popperClassName = _ref.popperClassName,
+    popperTooltipStyle = _ref.popperTooltipStyle,
+    position = _ref.position,
+    disableDaysBefore = _ref.disableDaysBefore,
+    enableYearPicker = _ref.enableYearPicker,
+    disableAnimations = _ref.disableAnimations;
+  var labelText = (0, _react.useMemo)(function () {
+    if (!selectedDays) {
+      return defaultLabelText;
+    } else {
+      var formattedEndDate = (0, _dateUtils.formatDate)(_momentTimezone.default.utc(Number(selectedDays === null || selectedDays === void 0 ? void 0 : selectedDays.to) * 1000), dateFormat, longDateFormat);
+      var formattedStartDate = (0, _dateUtils.formatDate)(_momentTimezone.default.utc((selectedDays === null || selectedDays === void 0 ? void 0 : selectedDays.from) * 1000), dateFormat, longDateFormat);
+      if (_momentTimezone.default.utc(selectedDays.from * 1000).isSame(_momentTimezone.default.utc(Number(selectedDays.to) * 1000))) {
+        return formattedEndDate;
+      }
+      return "".concat(formattedStartDate, " - ").concat(formattedEndDate);
+    }
+  }, [selectedDays, dateFormat, defaultLabelText, longDateFormat]);
+  var modifiers = (0, _react.useMemo)(function () {
+    var userAvailabilities = daysToModify.filter(function (data) {
+      return data.type === "user_day_off";
+    });
+    var globalDaysOff = daysToModify.filter(function (data) {
+      return data.type === "global_day_off";
+    });
+    var selectableGlobalDaysOff = daysToModify.filter(function (data) {
+      return data.type === "selectable_global_day_off";
+    });
+    return {
+      userAvailability: function userAvailability(day) {
+        var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
+        var matchedData = userAvailabilities.find(function (data) {
+          return isDayInRange(currentDay, data);
+        });
+        return {
+          matched: !!matchedData,
+          title: matchedData ? matchedData.title : null
+        };
+      },
+      weekend: function weekend(day) {
+        var isWeekend = weekends.includes(day.getDay());
+        return {
+          matched: isWeekend,
+          title: isWeekend ? weekendLabel : null
+        };
+      },
+      nonWorkingDay: function nonWorkingDay(day) {
+        if (weekends.includes(day.getDay())) {
+          return {
+            matched: true,
+            title: ""
+          };
+        }
+        var nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];
+        var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
+        var matchedData = nonWorkingDays.find(function (data) {
+          return isDayInRange(currentDay, data);
+        });
+        return {
+          matched: !!matchedData,
+          title: matchedData ? matchedData.title : null
+        };
+      },
+      nonWorkingDaysOfWeek: function nonWorkingDaysOfWeek(day) {
+        var isNonWorkingDay = _nonWorkingDaysOfWeek.includes(day.getDay());
+        return {
+          matched: isNonWorkingDay,
+          title: isNonWorkingDay ? nonWorkingDaysOfWeekLabel : null
+        };
+      }
+    };
+  }, [daysToModify, _nonWorkingDaysOfWeek, nonWorkingDaysOfWeekLabel, weekendLabel, weekends]);
+  var renderTargetEl = (0, _react.useMemo)(function () {
+    if (labelType === "icon" && icon) {
+      return /*#__PURE__*/_react.default.createElement(_SelectDateTarget.SelectDateTarget, {
+        icon: icon,
+        title: tooltipText,
+        targetIconClassName: targetIconClassName,
+        popperTooltipClassName: popperTooltipClassName,
+        popperTooltipStyle: popperTooltipStyle
+      });
+    }
+    if (typeof labelType === "function") {
+      return labelType(labelText);
+    }
+    return /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDateButton, {
+      type: "button",
+      className: (0, _classnames.default)("date-picker-target", targetClassName)
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: targetTextClassName
+    }, labelText));
+  }, [icon, labelText, labelType, popperTooltipClassName, popperTooltipStyle, targetClassName, targetIconClassName, targetTextClassName, tooltipText]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectDate, {
+    className: "select-date"
+  }, labelType !== "inline" ? /*#__PURE__*/_react.default.createElement(_DatePickerV.DatePickerV2, {
+    target: renderTargetEl,
+    position: position,
+    menuClassName: menuClassName,
+    popperClassName: popperClassName,
+    month: defaultMonth,
+    instant: mode === "instant",
+    mode: selectionMode,
+    required: dateRequired,
+    selected: selectedDays,
+    firstDayOfWeek: firstDayOfWeek,
+    saveLabel: saveButtonText,
+    cancelLabel: cancelButtonText,
+    clearLabel: clearButtonText,
+    onSave: onSave,
+    onClose: onCancel,
+    modifiers: modifiers,
+    modalHeaderText: modalHeaderText,
+    modalDiscardMessage: modalDiscardMessage,
+    modalDiscardBtnText: modalDiscardBtnText,
+    modalCancelBtnText: modalCancelBtnText,
+    disabledDaysBefore: disableDaysBefore,
+    backgroundElementClass: backgroundElementClass,
+    disabled: weekendIsSelectable ? [] : [0, 6],
+    popperTooltipClassName: popperTooltipClassName,
+    popperTooltipStyle: popperTooltipStyle,
+    open: defaultShowDatePicker,
+    onCalendarToggle: onToggleDatePicker,
+    onDayClick: onDayClick,
+    enableConfirmModal: mode === "atomic" && !dateRequired,
+    disableYearPicker: !enableYearPicker,
+    disableAnimations: disableAnimations,
+    showControls: true
+  }) : /*#__PURE__*/_react.default.createElement(_DatePickerV.DatePickerV2, {
+    month: defaultMonth,
+    instant: mode === "instant",
+    mode: selectionMode,
+    required: dateRequired,
+    selected: selectedDays,
+    firstDayOfWeek: firstDayOfWeek,
+    saveLabel: saveButtonText,
+    cancelLabel: cancelButtonText,
+    clearLabel: clearButtonText,
+    disabledDaysBefore: disableDaysBefore,
+    popperTooltipClassName: popperTooltipClassName,
+    popperTooltipStyle: popperTooltipStyle,
+    disabled: weekendIsSelectable ? [] : [0, 6],
+    onSave: onSave,
+    modifiers: modifiers,
+    onDayClick: onDayClick,
+    disableYearPicker: !enableYearPicker,
+    disableAnimations: disableAnimations,
+    showControls: true
+  }));
+};
+SelectDateV2.displayName = "SelectDateV2";
+//# sourceMappingURL=SelectDateV2.js.map

package/dist/cjs/components/SelectDate/SelectDateV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDateV2.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_momentTimezone","_SelectDateTarget","_Styles","_dateUtils","_DatePickerV","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","isDayInRange","day","data","repeating","from","Date","getFullYear","getMonth","getDate","to","SelectDateV2","exports","_ref","_ref$changeMode","changeMode","mode","_ref$trigger","trigger","labelType","_ref$saveButtonText","saveButtonText","_ref$cancelButtonText","cancelButtonText","_ref$clearButtonText","clearButtonText","_ref$modalHeaderText","modalHeaderText","_ref$modalDiscardMess","modalDiscardMessage","_ref$modalDiscardBtnT","modalDiscardBtnText","_ref$modalCancelBtnTe","modalCancelBtnText","onDayClick","onSave","onCancel","onToggleDatePicker","_ref$required","required","dateRequired","_ref$longDateFormat","longDateFormat","_ref$defaultShowDateP","defaultShowDatePicker","_ref$firstDayOfWeek","firstDayOfWeek","selectedDays","_ref$selectionMode","selectionMode","menuClassName","targetClassName","icon","_ref$defaultLabelText","defaultLabelText","targetTextClassName","targetIconClassName","backgroundElementClass","dateFormat","defaultMonth","_ref$daysToModify","daysToModify","_ref$weekends","weekends","_ref$weekendLabel","weekendLabel","_ref$nonWorkingDaysOf","nonWorkingDaysOfWeek","_ref$nonWorkingDaysOf2","nonWorkingDaysOfWeekLabel","_ref$weekendIsSelecta","weekendIsSelectable","tooltipText","popperTooltipClassName","popperClassName","popperTooltipStyle","position","disableDaysBefore","enableYearPicker","disableAnimations","labelText","useMemo","formattedEndDate","formatDate","moment","utc","Number","formattedStartDate","isSame","concat","modifiers","userAvailabilities","filter","type","globalDaysOff","selectableGlobalDaysOff","userAvailability","currentDay","matchedData","find","matched","title","weekend","isWeekend","includes","getDay","nonWorkingDay","nonWorkingDays","isNonWorkingDay","renderTargetEl","createElement","SelectDateTarget","StyledSelectDateButton","className","classnames","StyledSelectDate","DatePickerV2","target","month","instant","selected","saveLabel","cancelLabel","clearLabel","onClose","disabledDaysBefore","disabled","open","onCalendarToggle","enableConfirmModal","disableYearPicker","showControls","displayName"],"sources":["../../../../src/components/SelectDate/SelectDateV2.tsx"],"sourcesContent":["import React, { ElementType, FC, useMemo, CSSProperties } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classnames from \"classnames\";\nimport { Moment } from \"moment\";\nimport moment from \"moment-timezone\";\n\nimport { SelectDateTarget } from \"./SelectDateTarget\";\nimport { StyledSelectDate, StyledSelectDateButton } from \"./Styles\";\nimport { DaysToModify } from \"./types\";\nimport { formatDate } from \"../../utils/dateUtils\";\nimport {\n  ChangeMode,\n  DatePickerV2,\n  TimestampDateRange,\n} from \"../DatePicker/DatePickerV2\";\n\nconst isDayInRange = (day: Date, data: DaysToModify): boolean => {\n  if (data.repeating) {\n    const from = new Date(\n      day.getFullYear(),\n      data.from.getMonth(),\n      data.from.getDate()\n    );\n    const to = new Date(\n      day.getFullYear(),\n      data.to.getMonth(),\n      data.to.getDate()\n    );\n    return day >= from && day <= to;\n  }\n\n  return day >= data.from && day <= data.to;\n};\n\ntype TriggerStringType = \"text\" | \"icon\" | \"inline\";\ntype TriggerFunctionType = (text: string) => JSX.Element;\n\nexport interface ISelectDateV2 {\n  /** Change mode - can be atomic and instant */\n  changeMode?: \"atomic\" | \"instant\";\n  /** Trigger - can be text, icon, inline, or custom render function */\n  trigger?: TriggerStringType | TriggerFunctionType;\n  /** Save button text */\n  saveButtonText?: string;\n  /** Cancel button text */\n  cancelButtonText?: string;\n  /** Clear button text */\n  clearButtonText?: string;\n  /** Modal header text */\n  modalHeaderText?: string;\n  /** Modal cancel button text */\n  modalCancelBtnText?: string;\n  /** Modal discard button text */\n  modalDiscardBtnText?: string;\n  /** Modal discard message text */\n  modalDiscardMessage?: string;\n  /** Tooltip text */\n  tooltipText?: string;\n  /** Called when day is clicked */\n  onDayClick?: (day: Moment, modifiers: string[]) => void;\n  /** Save changes in atomic mode */\n  onSave?: (dates?: TimestampDateRange) => void;\n  /** On cancel closes datepicker or opens disard modal in atomic mode */\n  onCancel?: () => void;\n  /** Clear dates when they are not required */\n  onClear?: () => void;\n  /** Use this callback to get is picker visible */\n  onToggleDatePicker?: (value: boolean) => void;\n  /** Set selected day or days */\n  selectedDays?: TimestampDateRange;\n  /** Set month */\n  defaultMonth?: Moment;\n  /** Set selection range */\n  selectionMode?: ChangeMode;\n  /** Set is date required */\n  required?: boolean;\n  /** Set default show on date picker (only for text and icon mode) */\n  defaultShowDatePicker?: boolean;\n  /** Long date format (Always show year) */\n  longDateFormat?: boolean;\n  /** Set is date required */\n  defaultTimezoneAware?: boolean;\n  /** Set first day of week */\n  firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** One of icon types */\n  icon?: ElementType;\n  /** Default Label text */\n  defaultLabelText?: string;\n  /** Date format */\n  dateFormat?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Target element classes */\n  targetClassName?: string;\n  /** Target element text classes */\n  targetTextClassName?: string;\n  /** Target element icon classes */\n  targetIconClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Days to modify */\n  daysToModify?: DaysToModify[];\n  /** Array of weekend days */\n  weekends?: number[];\n  /** Weekend label */\n  weekendLabel?: string;\n  /** Array of nonworking week days */\n  nonWorkingDaysOfWeek?: number[];\n  /** Nonworking week days label */\n  nonWorkingDaysOfWeekLabel?: string;\n  /** Allows weekends to be selected */\n  weekendIsSelectable?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Position of selectDate menu */\n  position?: Placement;\n  /** Disable days before specified date */\n  disableDaysBefore?: Moment;\n  /** Enable year selector */\n  enableYearPicker?: boolean;\n  /** Disable aniamtions */\n  disableAnimations?: boolean;\n}\n\nexport const SelectDateV2: FC<ISelectDateV2> = ({\n  changeMode: mode = \"instant\",\n  trigger: labelType = \"text\",\n  saveButtonText = \"Save\",\n  cancelButtonText = \"Cancel\",\n  clearButtonText = \"Clear\",\n  modalHeaderText = \"Discard changes?\",\n  modalDiscardMessage = \"All unsaved changes will be lost.\",\n  modalDiscardBtnText = \"OK\",\n  modalCancelBtnText = \"Cancel\",\n  onDayClick,\n  onSave,\n  onCancel,\n  onToggleDatePicker,\n  required: dateRequired = false,\n  longDateFormat = false,\n  defaultShowDatePicker = false,\n  firstDayOfWeek = 0,\n  selectedDays,\n  selectionMode = \"custom\",\n  menuClassName,\n  targetClassName,\n  icon,\n  defaultLabelText = \"Set...\",\n  targetTextClassName,\n  targetIconClassName,\n  backgroundElementClass,\n  dateFormat,\n  defaultMonth,\n  daysToModify = [],\n  weekends = [],\n  weekendLabel = \"Weekend\",\n  nonWorkingDaysOfWeek = [],\n  nonWorkingDaysOfWeekLabel = \"Unavailable\",\n  weekendIsSelectable = false,\n  tooltipText,\n  popperTooltipClassName,\n  popperClassName,\n  popperTooltipStyle,\n  position,\n  disableDaysBefore,\n  enableYearPicker,\n  disableAnimations,\n}) => {\n  const labelText = useMemo(() => {\n    if (!selectedDays) {\n      return defaultLabelText;\n    } else {\n      const formattedEndDate = formatDate(\n        moment.utc(Number(selectedDays?.to) * 1000),\n        dateFormat,\n        longDateFormat\n      );\n      const formattedStartDate = formatDate(\n        moment.utc(selectedDays?.from * 1000),\n        dateFormat,\n        longDateFormat\n      );\n\n      if (\n        moment\n          .utc(selectedDays.from * 1000)\n          .isSame(moment.utc(Number(selectedDays.to) * 1000))\n      ) {\n        return formattedEndDate;\n      }\n\n      return `${formattedStartDate} - ${formattedEndDate}`;\n    }\n  }, [selectedDays, dateFormat, defaultLabelText, longDateFormat]);\n\n  const modifiers = useMemo(() => {\n    const userAvailabilities = daysToModify.filter(\n      (data) => data.type === \"user_day_off\"\n    );\n    const globalDaysOff = daysToModify.filter(\n      (data) => data.type === \"global_day_off\"\n    );\n    const selectableGlobalDaysOff = daysToModify.filter(\n      (data) => data.type === \"selectable_global_day_off\"\n    );\n\n    return {\n      userAvailability: (day: Date) => {\n        const currentDay = new Date(\n          day.getFullYear(),\n          day.getMonth(),\n          day.getDate()\n        );\n        const matchedData = userAvailabilities.find((data) =>\n          isDayInRange(currentDay, data)\n        );\n        return {\n          matched: !!matchedData,\n          title: matchedData ? matchedData.title : null,\n        };\n      },\n      weekend: (day: Date) => {\n        const isWeekend = weekends.includes(day.getDay());\n        return {\n          matched: isWeekend,\n          title: isWeekend ? weekendLabel : null,\n        };\n      },\n      nonWorkingDay: (day: Date) => {\n        if (weekends.includes(day.getDay())) {\n          return { matched: true, title: \"\" };\n        }\n        const nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];\n        const currentDay = new Date(\n          day.getFullYear(),\n          day.getMonth(),\n          day.getDate()\n        );\n        const matchedData = nonWorkingDays.find((data) =>\n          isDayInRange(currentDay, data)\n        );\n        return {\n          matched: !!matchedData,\n          title: matchedData ? matchedData.title : null,\n        };\n      },\n      nonWorkingDaysOfWeek: (day: Date) => {\n        const isNonWorkingDay = nonWorkingDaysOfWeek.includes(day.getDay());\n        return {\n          matched: isNonWorkingDay,\n          title: isNonWorkingDay ? nonWorkingDaysOfWeekLabel : null,\n        };\n      },\n    };\n  }, [\n    daysToModify,\n    nonWorkingDaysOfWeek,\n    nonWorkingDaysOfWeekLabel,\n    weekendLabel,\n    weekends,\n  ]);\n\n  const renderTargetEl = useMemo(() => {\n    if (labelType === \"icon\" && icon) {\n      return (\n        <SelectDateTarget\n          icon={icon}\n          title={tooltipText}\n          targetIconClassName={targetIconClassName}\n          popperTooltipClassName={popperTooltipClassName}\n          popperTooltipStyle={popperTooltipStyle}\n        />\n      );\n    }\n    if (typeof labelType === \"function\") {\n      return labelType(labelText);\n    }\n    return (\n      <StyledSelectDateButton\n        type=\"button\"\n        className={classnames(\"date-picker-target\", targetClassName)}\n      >\n        <span className={targetTextClassName}>{labelText}</span>\n      </StyledSelectDateButton>\n    );\n  }, [\n    icon,\n    labelText,\n    labelType,\n    popperTooltipClassName,\n    popperTooltipStyle,\n    targetClassName,\n    targetIconClassName,\n    targetTextClassName,\n    tooltipText,\n  ]);\n\n  return (\n    <StyledSelectDate className=\"select-date\">\n      {labelType !== \"inline\" ? (\n        <DatePickerV2\n          target={renderTargetEl}\n          position={position}\n          menuClassName={menuClassName}\n          popperClassName={popperClassName}\n          month={defaultMonth}\n          instant={mode === \"instant\"}\n          mode={selectionMode}\n          required={dateRequired}\n          selected={selectedDays}\n          firstDayOfWeek={firstDayOfWeek}\n          saveLabel={saveButtonText}\n          cancelLabel={cancelButtonText}\n          clearLabel={clearButtonText}\n          onSave={onSave}\n          onClose={onCancel}\n          modifiers={modifiers}\n          modalHeaderText={modalHeaderText}\n          modalDiscardMessage={modalDiscardMessage}\n          modalDiscardBtnText={modalDiscardBtnText}\n          modalCancelBtnText={modalCancelBtnText}\n          disabledDaysBefore={disableDaysBefore}\n          backgroundElementClass={backgroundElementClass}\n          disabled={weekendIsSelectable ? [] : [0, 6]}\n          popperTooltipClassName={popperTooltipClassName}\n          popperTooltipStyle={popperTooltipStyle}\n          open={defaultShowDatePicker}\n          onCalendarToggle={onToggleDatePicker}\n          onDayClick={onDayClick}\n          enableConfirmModal={mode === \"atomic\" && !dateRequired}\n          disableYearPicker={!enableYearPicker}\n          disableAnimations={disableAnimations}\n          showControls\n        />\n      ) : (\n        <DatePickerV2\n          month={defaultMonth}\n          instant={mode === \"instant\"}\n          mode={selectionMode}\n          required={dateRequired}\n          selected={selectedDays}\n          firstDayOfWeek={firstDayOfWeek}\n          saveLabel={saveButtonText}\n          cancelLabel={cancelButtonText}\n          clearLabel={clearButtonText}\n          disabledDaysBefore={disableDaysBefore}\n          popperTooltipClassName={popperTooltipClassName}\n          popperTooltipStyle={popperTooltipStyle}\n          disabled={weekendIsSelectable ? [] : [0, 6]}\n          onSave={onSave}\n          modifiers={modifiers}\n          onDayClick={onDayClick}\n          disableYearPicker={!enableYearPicker}\n          disableAnimations={disableAnimations}\n          showControls\n        />\n      )}\n    </StyledSelectDate>\n  );\n};\n\nSelectDateV2.displayName = \"SelectDateV2\";\n"],"mappings":"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"}

package/dist/cjs/components/SelectDate/index.js

@@ -14,4 +14,15 @@ Object.keys(_SelectDate).forEach(function (key) {
     }
   });
 });
+var _SelectDateV = require("./SelectDateV2");
+Object.keys(_SelectDateV).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SelectDateV[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SelectDateV[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/SelectDate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_SelectDate","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/SelectDate/index.ts"],"sourcesContent":["export * from \"./SelectDate\";\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_SelectDate","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_SelectDateV"],"sources":["../../../../src/components/SelectDate/index.ts"],"sourcesContent":["export * from \"./SelectDate\";\nexport * from \"./SelectDateV2\";\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,YAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,YAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,YAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,YAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,276 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateStepperV2 = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+var _Styles = require("./Styles");
+var _DatePickerV = require("../../DatePicker/DatePickerV2");
+var _Icons = require("../../Icons");
+var _ArrowLeft = _interopRequireDefault(require("../../Icons/collection/ArrowLeft"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * This component allow you to select date range. It accepts two parameters "from" and "to" as valid format
+ * onChange and onBack and onForward it will return "from: Date" and "to: Date" as function arguments
+ */
+
+var DateStepperV2 = exports.DateStepperV2 = function DateStepperV2(_ref) {
+  var step = _ref.step,
+    formatCallback = _ref.formatCallback,
+    onChange = _ref.onChange,
+    from = _ref.from,
+    to = _ref.to,
+    onBack = _ref.onBack,
+    onForward = _ref.onForward,
+    minValue = _ref.minValue,
+    maxValue = _ref.maxValue,
+    className = _ref.className,
+    _ref$period = _ref.period,
+    period = _ref$period === void 0 ? "week" : _ref$period,
+    _ref$withDatePicker = _ref.withDatePicker,
+    withDatePicker = _ref$withDatePicker === void 0 ? true : _ref$withDatePicker,
+    _ref$defaultMonth = _ref.defaultMonth,
+    defaultMonth = _ref$defaultMonth === void 0 ? (0, _momentTimezone.default)() : _ref$defaultMonth,
+    enableYearPicker = _ref.enableYearPicker,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "bottom" : _ref$position,
+    popperClassName = _ref.popperClassName;
+  var _useState = (0, _react.useState)(_momentTimezone.default.utc(from)),
+    _useState2 = _slicedToArray(_useState, 2),
+    fromDate = _useState2[0],
+    setFromDate = _useState2[1];
+  var _useState3 = (0, _react.useState)(_momentTimezone.default.utc(to)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    toDate = _useState4[0],
+    setToDate = _useState4[1];
+  var getDatesByPeriod = (0, _react.useCallback)(function (interval) {
+    var date = fromDate ? fromDate : (0, _momentTimezone.default)();
+    if (step === "daily") {
+      date.add(interval, "days");
+      return [date, date.clone()];
+    } else if (step === "weekly") {
+      date.add(interval, "weeks");
+      return [date.clone().startOf(period), date.clone().endOf(period)];
+    } else if (step === "monthly") {
+      date.add(interval, "months");
+      return [date.clone().startOf("month"), date.clone().endOf("month")];
+    } else if (step === "quarterly") {
+      date.add(interval, "quarters");
+      return [date.clone().startOf("quarter"), date.clone().endOf("quarter")];
+    } else if (step === "yearly") {
+      date.add(interval, "years");
+      return [date.clone().startOf("year"), date.clone().endOf("year")];
+    }
+    return [date, date];
+  }, [fromDate, period, step]);
+  var getDateFormatted = (0, _react.useMemo)(function () {
+    if (formatCallback) {
+      return formatCallback(fromDate, toDate);
+    }
+    var actualYear = (0, _momentTimezone.default)().year();
+    var showWeekOrCustomDateFormat = function showWeekOrCustomDateFormat(start, end) {
+      if (start.year() === actualYear && end.year() === actualYear) {
+        return start.utc().format("MMM DD") + " - " + end.utc().format("MMM DD");
+      } else {
+        return start.utc().format("MMM DD YYYY") + " - " + end.utc().format("MMM DD YYYY");
+      }
+    };
+    if (step === "daily") {
+      if (fromDate.year() === actualYear) {
+        return fromDate.utc().format("MMM DD");
+      }
+      return fromDate.utc().format("MMM DD YYYY");
+    } else if (step === "weekly") {
+      var startDate = fromDate.clone().utc().startOf(period);
+      var endDate = startDate.clone().utc().endOf(period);
+      return showWeekOrCustomDateFormat(startDate, endDate);
+    } else if (step === "monthly") {
+      return fromDate.utc().format("MMM YYYY");
+    } else if (step === "quarterly") {
+      return "Q".concat(fromDate.utc().quarter(), "/").concat(fromDate.utc().format("YYYY"));
+    } else if (step === "yearly") {
+      return fromDate.utc().format("YYYY");
+    } else if (step === "range") {
+      return showWeekOrCustomDateFormat(fromDate, toDate);
+    }
+    return "";
+  }, [fromDate, toDate, step, formatCallback, period]);
+  var datePickerMode = (0, _react.useMemo)(function () {
+    if (step === "range") return "custom";
+    if (step === "yearly") return "custom";
+    return step;
+  }, [step]);
+  var onDatePickerChange = (0, _react.useCallback)(function (dates) {
+    var fromDateTemp = _momentTimezone.default.utc(Number(dates === null || dates === void 0 ? void 0 : dates.from) * 1000);
+    var toDateTemp = _momentTimezone.default.utc(Number(dates === null || dates === void 0 ? void 0 : dates.to) * 1000);
+    setFromDate(fromDateTemp);
+    setToDate(toDateTemp);
+    if (onChange && _momentTimezone.default.isMoment(fromDateTemp) && _momentTimezone.default.isMoment(toDateTemp)) {
+      onChange(fromDateTemp.toDate(), toDateTemp.toDate());
+    }
+  }, [onChange, setFromDate, setToDate]);
+  var isAfterMaxDate = (0, _react.useMemo)(function () {
+    return _momentTimezone.default.isMoment(maxValue) && (0, _momentTimezone.default)(_momentTimezone.default.utc(maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.utc().format("YYYY-MM-DD"));
+  }, [maxValue, toDate]);
+  var isBeforeMinDate = (0, _react.useMemo)(function () {
+    return _momentTimezone.default.isMoment(minValue) && _momentTimezone.default.utc((0, _momentTimezone.default)(minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.utc().format("YYYY-MM-DD"));
+  }, [minValue, toDate]);
+  (0, _react.useEffect)(function () {
+    if (isBeforeMinDate) {
+      if (step === "daily") {
+        setFromDate(_momentTimezone.default.utc(minValue));
+        setToDate(_momentTimezone.default.utc(minValue));
+      }
+    }
+    if (isAfterMaxDate) {
+      if (step === "daily") {
+        setFromDate(_momentTimezone.default.utc(maxValue));
+        setToDate(_momentTimezone.default.utc(maxValue));
+      }
+    }
+  }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);
+  var onRightClickHandler = (0, _react.useCallback)(function () {
+    if (isAfterMaxDate) {
+      return;
+    }
+    var _getDatesByPeriod = getDatesByPeriod(1),
+      _getDatesByPeriod2 = _slicedToArray(_getDatesByPeriod, 2),
+      newFrom = _getDatesByPeriod2[0],
+      newTo = _getDatesByPeriod2[1];
+    setFromDate(_momentTimezone.default.utc(newFrom));
+    setToDate(_momentTimezone.default.utc(newTo));
+    if (onChange) {
+      onChange(_momentTimezone.default.utc(newFrom), _momentTimezone.default.utc(newTo));
+    }
+    if (onForward) {
+      onForward(_momentTimezone.default.utc(newFrom).toDate(), _momentTimezone.default.utc(newTo).toDate());
+    }
+  }, [isAfterMaxDate, getDatesByPeriod, onChange, onForward]);
+  var onLeftClickHandler = (0, _react.useCallback)(function () {
+    if (isBeforeMinDate) {
+      return;
+    }
+    var _getDatesByPeriod3 = getDatesByPeriod(-1),
+      _getDatesByPeriod4 = _slicedToArray(_getDatesByPeriod3, 2),
+      newFrom = _getDatesByPeriod4[0],
+      newTo = _getDatesByPeriod4[1];
+    setFromDate(_momentTimezone.default.utc(newFrom));
+    setToDate(_momentTimezone.default.utc(newTo));
+    if (onChange) {
+      onChange(_momentTimezone.default.utc(newFrom), _momentTimezone.default.utc(newTo));
+    }
+    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));
+  }, [from, to]);
+  var dateStepperWidth = function dateStepperWidth(fromDay, toDay, range) {
+    if (fromDay.utc().year() !== _momentTimezone.default.utc().year() || toDay.utc().year() !== _momentTimezone.default.utc().year()) {
+      switch (range) {
+        case "daily":
+        case "monthly":
+          return {
+            minWidth: "122px"
+          };
+        case "weekly":
+        case "custom":
+          return {
+            minWidth: "232px"
+          };
+      }
+    }
+    switch (range) {
+      case "monthly":
+        return {
+          minWidth: "122px"
+        };
+      case "weekly":
+      case "custom":
+        return {
+          minWidth: "182px"
+        };
+    }
+    return {
+      minWidth: "102px"
+    };
+  };
+  var isDisabled = (0, _react.useCallback)(function (day) {
+    var dayFormat = _momentTimezone.default.utc(day).format("YYYY-MM-DD");
+    var isBefore = _momentTimezone.default.isMoment(maxValue) && (0, _momentTimezone.default)(_momentTimezone.default.utc(maxValue).format("YYYY-MM-DD")).isBefore(dayFormat);
+    var isAfter = _momentTimezone.default.isMoment(minValue) && (0, _momentTimezone.default)(_momentTimezone.default.utc(minValue).format("YYYY-MM-DD")).isAfter(dayFormat);
+    return isBefore || isAfter;
+  }, [maxValue, minValue]);
+  var modifiers = (0, _react.useMemo)(function () {
+    return {
+      disabled: function disabled(day) {
+        return {
+          matched: isDisabled(day),
+          title: null
+        };
+      },
+      nonWorkingDay: function nonWorkingDay(day) {
+        return {
+          matched: isDisabled(day),
+          title: null
+        };
+      }
+    };
+  }, [isDisabled]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledButtonGroup, {
+    className: (0, _classnames.default)("c-date-stepper", className)
+  }, renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
+    type: "button",
+    variant: "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",
+    style: dateStepperWidth(fromDate, toDate, step)
+  }, withDatePicker && step !== "yearly" ? /*#__PURE__*/_react.default.createElement(_DatePickerV.DatePickerV2, {
+    month: defaultMonth,
+    target: /*#__PURE__*/_react.default.createElement(_Styles.StyledButton, {
+      type: "button"
+    }, getDateFormatted),
+    mode: datePickerMode,
+    selected: {
+      from: _momentTimezone.default.utc(fromDate).unix(),
+      to: _momentTimezone.default.utc(toDate).unix()
+    },
+    onChange: onDatePickerChange,
+    firstDayOfWeek: period === "week" ? 0 : 1,
+    modifiers: modifiers,
+    disabledDaysAfter: maxValue,
+    disabledDaysBefore: minValue,
+    disableYearPicker: !enableYearPicker,
+    popperClassName: popperClassName,
+    position: position,
+    key: datePickerMode,
+    instant: true,
+    required: true
+  }) : /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
+    type: "button",
+    variant: "secondary",
+    onClick: onRightClickHandler,
+    disabled: isAfterMaxDate
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null)) : null);
+};
+DateStepperV2.displayName = "DateStepperV2";
+//# sourceMappingURL=DateStepperV2.js.map