npm - @activecollab/components - Versions diffs - 1.0.206 → 1.0.207 - Mend

@activecollab/components 1.0.206 → 1.0.207

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1561) hide show

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

@@ -1,101 +1,73 @@
 "use strict";
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DateStepper = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _moment = _interopRequireDefault(require("moment"));
 var _moment2 = _interopRequireDefault(require("react-day-picker/moment"));
 var _Button = require("../../Button/Button");
 var _ArrowLeft = _interopRequireDefault(require("../../Icons/collection/ArrowLeft"));
 var _DatePicker = require("../../DatePicker");
 var _ClassNames = require("../../DatePicker/ClassNames");
 var _Styles = require("./Styles");
 var _Icons = require("../../Icons");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 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 DateStepper = function DateStepper(_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,
-      datePickerClass = _ref.datePickerClass,
-      _ref$withDatePicker = _ref.withDatePicker,
-      withDatePicker = _ref$withDatePicker === void 0 ? true : _ref$withDatePicker,
-      _ref$defaultMonth = _ref.defaultMonth,
-      defaultMonth = _ref$defaultMonth === void 0 ? new Date() : _ref$defaultMonth,
-      popperClassName = _ref.popperClassName,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? "bottom" : _ref$position;
+    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,
+    datePickerClass = _ref.datePickerClass,
+    _ref$withDatePicker = _ref.withDatePicker,
+    withDatePicker = _ref$withDatePicker === void 0 ? true : _ref$withDatePicker,
+    _ref$defaultMonth = _ref.defaultMonth,
+    defaultMonth = _ref$defaultMonth === void 0 ? new Date() : _ref$defaultMonth,
+    popperClassName = _ref.popperClassName,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "bottom" : _ref$position;
   var _useState = (0, _react.useState)((0, _moment.default)(from)),
-      _useState2 = _slicedToArray(_useState, 2),
-      fromDate = _useState2[0],
-      setFromDate = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    fromDate = _useState2[0],
+    setFromDate = _useState2[1];
   var _useState3 = (0, _react.useState)((0, _moment.default)(to)),
-      _useState4 = _slicedToArray(_useState3, 2),
-      toDate = _useState4[0],
-      setToDate = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    toDate = _useState4[0],
+    setToDate = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showDatePicker = _useState6[0],
-      setShowDatePicker = _useState6[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    showDatePicker = _useState6[0],
+    setShowDatePicker = _useState6[1];
   var _useState7 = (0, _react.useState)(defaultMonth),
-      _useState8 = _slicedToArray(_useState7, 2),
-      month = _useState8[0],
-      setMonth = _useState8[1];
+    _useState8 = _slicedToArray(_useState7, 2),
+    month = _useState8[0],
+    setMonth = _useState8[1];
   var getDatesByPeriod = (0, _react.useCallback)(function (interval) {
     var date = fromDate ? fromDate : (0, _moment.default)();
     if (step === "daily") {
       date.add(interval, "days");
       return [date, date.clone()];
@@ -112,16 +84,13 @@ var DateStepper = function DateStepper(_ref) {
       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(), toDate.toDate());
     }
     var actualYear = (0, _moment.default)().year();
     var showWeekOrCustomDateFormat = function showWeekOrCustomDateFormat(start, end) {
       if (start.year() === actualYear && end.year() === actualYear) {
         return start.format("MMM DD") + " - " + end.format("MMM DD");
@@ -129,12 +98,10 @@ var DateStepper = function DateStepper(_ref) {
         return start.format("MMM DD YYYY") + " - " + end.format("MMM DD YYYY");
       }
     };
     if (step === "daily") {
       if (fromDate.year() === actualYear) {
         return fromDate.format("MMM DD");
       }
       return fromDate.format("MMM DD YYYY");
     } else if (step === "weekly") {
       var startDate = fromDate.clone().startOf(period);
@@ -149,18 +116,15 @@ var DateStepper = function DateStepper(_ref) {
     } else if (step === "custom") {
       return showWeekOrCustomDateFormat(fromDate, toDate);
     }
     return "";
   }, [fromDate, step, toDate, formatCallback, period]);
   var onChangeCallback = (0, _react.useCallback)(function (amount) {
     var _getDatesByPeriod = getDatesByPeriod(amount),
-        _getDatesByPeriod2 = _slicedToArray(_getDatesByPeriod, 2),
-        newFrom = _getDatesByPeriod2[0],
-        newTo = _getDatesByPeriod2[1];
+      _getDatesByPeriod2 = _slicedToArray(_getDatesByPeriod, 2),
+      newFrom = _getDatesByPeriod2[0],
+      newTo = _getDatesByPeriod2[1];
     setFromDate((0, _moment.default)(newFrom));
     setToDate((0, _moment.default)(newTo));
     if (onChange) {
       onChange(newFrom.toDate(), newTo.toDate());
     }
@@ -170,7 +134,6 @@ var DateStepper = function DateStepper(_ref) {
     var toDateTemp = dates === null || dates === void 0 ? void 0 : dates.to;
     setFromDate((0, _moment.default)(fromDateTemp));
     setToDate((0, _moment.default)(toDateTemp));
     if (onChange && fromDateTemp instanceof Date && toDateTemp instanceof Date) {
       onChange(fromDateTemp, toDateTemp);
     }
@@ -188,7 +151,6 @@ var DateStepper = function DateStepper(_ref) {
         setToDate((0, _moment.default)(minValue));
       }
     }
     if (isAfterMaxDate) {
       if (step === "daily") {
         setFromDate((0, _moment.default)(maxValue));
@@ -200,9 +162,7 @@ var DateStepper = function DateStepper(_ref) {
     if (isAfterMaxDate) {
       return;
     }
     onChangeCallback(1);
     if (onForward) {
       onForward(fromDate.toDate(), toDate.toDate());
     }
@@ -211,9 +171,7 @@ var DateStepper = function DateStepper(_ref) {
     if (isBeforeMinDate) {
       return;
     }
     onChangeCallback(-1);
     if (onBack) {
       onBack(fromDate.toDate(), toDate.toDate());
     }
@@ -223,7 +181,6 @@ var DateStepper = function DateStepper(_ref) {
   }, [step]);
   var handleShow = (0, _react.useCallback)(function () {
     setShowDatePicker(!showDatePicker);
     if (fromDate) {
       setMonth(fromDate.toDate());
     }
@@ -238,7 +195,6 @@ var DateStepper = function DateStepper(_ref) {
     setFromDate((0, _moment.default)(from));
     setToDate((0, _moment.default)(to));
   }, [from, to]);
   var dateStepperWidth = function dateStepperWidth(fromDay, toDay, range) {
     if (fromDay.year() !== (0, _moment.default)().year() || toDay.year() !== (0, _moment.default)().year()) {
       switch (range) {
@@ -247,7 +203,6 @@ var DateStepper = function DateStepper(_ref) {
           return {
             minWidth: "122px"
           };
         case "weekly":
         case "custom":
           return {
@@ -255,25 +210,21 @@ var DateStepper = function DateStepper(_ref) {
           };
       }
     }
     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 = (0, _moment.default)(day).format("YYYY-MM-DD");
     var isBefore = maxValue instanceof Date && (0, _moment.default)((0, _moment.default)(maxValue).format("YYYY-MM-DD")).isBefore(dayFormat);
@@ -282,7 +233,6 @@ var DateStepper = function DateStepper(_ref) {
   }, [maxValue, minValue]);
   var modifiers = (0, _react.useMemo)(function () {
     var _ref2;
     return _ref2 = {}, _defineProperty(_ref2, _ClassNames.customClassNames.disabled, function (day) {
       return isDisabled(day);
     }), _defineProperty(_ref2, _ClassNames.customClassNames.nonWorkingDay, function (day) {
@@ -332,7 +282,6 @@ var DateStepper = function DateStepper(_ref) {
     disabled: isAfterMaxDate
   }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null)) : null);
 };
 exports.DateStepper = DateStepper;
 DateStepper.displayName = "DateStepper";
 //# sourceMappingURL=DateStepper.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"names":["DateStepper","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","fromDate","setFromDate","toDate","setToDate","showDatePicker","setShowDatePicker","month","setMonth","getDatesByPeriod","interval","date","add","clone","startOf","endOf","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","customClassNames","disabled","nonWorkingDay","MomentLocaleUtils","displayName"],"mappings":"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","sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Placement } from \"@popperjs/core\";\nimport { Button } from \"../../Button/Button\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { customClassNames } from \"../../DatePicker/ClassNames\";\nimport {\n StyledButton,\n StyledButtonGroup,\n StyledDiv,\n StyledMenu,\n StyledSpan,\n} from \"./Styles\";\nimport { ArrowRightIcon } from \"../../Icons\";\n\ninterface IDateStepperProps {\n /** One of the possible steps for this component /\n step:\n \| \"daily\"\n \| \"weekly\"\n \| \"monthly\"\n \| \"quarterly\"\n \| \"yearly\"\n \| \"custom\"\n \| string;\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: Date \| string;\n /* End date of the range /\n to: Date \| string;\n /* Callback function that will format the text label /\n formatCallback?: (from: string \| Date, to: string \| Date) => string;\n /* Default month /\n defaultMonth?: Date;\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?: Date;\n /* Max fate /\n maxValue?: Date;\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}\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 */\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 datePickerClass,\n withDatePicker = true,\n defaultMonth = new Date(),\n popperClassName,\n position = \"bottom\",\n}) => {\n const [fromDate, setFromDate] = useState(moment(from));\n const [toDate, setToDate] = useState(moment(to));\n const [showDatePicker, setShowDatePicker] = useState(false);\n const [month, setMonth] = useState(defaultMonth);\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(), toDate.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 start.format(\"MMM DD\") + \" - \" + end.format(\"MMM DD\");\n } else {\n return start.format(\"MMM DD YYYY\") + \" - \" + end.format(\"MMM DD YYYY\");\n }\n };\n\n if (step === \"daily\") {\n if (fromDate.year() === actualYear) {\n return fromDate.format(\"MMM DD\");\n }\n return fromDate.format(\"MMM DD YYYY\");\n } else if (step === \"weekly\") {\n const startDate = fromDate.clone().startOf(period);\n const endDate = startDate.clone().endOf(period);\n return showWeekOrCustomDateFormat(startDate, endDate);\n } else if (step === \"monthly\") {\n return fromDate.format(\"MMM YYYY\");\n } else if (step === \"quarterly\") {\n return `Q${fromDate.quarter()}/${fromDate.format(\"YYYY\")}`;\n } else if (step === \"yearly\") {\n return fromDate.format(\"YYYY\");\n } else if (step === \"custom\") {\n return showWeekOrCustomDateFormat(fromDate, toDate);\n }\n\n return \"\";\n }, [fromDate, step, toDate, formatCallback, period]);\n\n const onChangeCallback = useCallback(\n (amount: number) => {\n const [newFrom, newTo] = getDatesByPeriod(amount);\n setFromDate(moment(newFrom));\n setToDate(moment(newTo));\n\n if (onChange) {\n onChange(newFrom.toDate(), newTo.toDate());\n }\n },\n [onChange, getDatesByPeriod]\n );\n\n const onDatePickerChange = useCallback(\n (dates?: { from: Date; to: Date }) => {\n const fromDateTemp = dates?.from;\n const toDateTemp = dates?.to;\n\n setFromDate(moment(fromDateTemp));\n setToDate(moment(toDateTemp));\n\n if (\n onChange &&\n fromDateTemp instanceof Date &&\n toDateTemp instanceof Date\n ) {\n onChange(fromDateTemp, toDateTemp);\n }\n },\n [onChange, setFromDate, setToDate]\n );\n\n const isAfterMaxDate = useMemo(() => {\n return (\n maxValue instanceof Date &&\n moment(moment(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n toDate.format(\"YYYY-MM-DD\")\n )\n );\n }, [maxValue, toDate]);\n\n const isBeforeMinDate = useMemo(() => {\n return (\n minValue instanceof Date &&\n moment(moment(minValue).format(\"YYYY-MM-DD\")).isSameOrAfter(\n toDate.format(\"YYYY-MM-DD\")\n )\n );\n }, [minValue, toDate]);\n\n useEffect(() => {\n if (isBeforeMinDate) {\n if (step === \"daily\") {\n setFromDate(moment(minValue));\n setToDate(moment(minValue));\n }\n }\n if (isAfterMaxDate) {\n if (step === \"daily\") {\n setFromDate(moment(maxValue));\n setToDate(moment(maxValue));\n }\n }\n }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n const onRightClickHandler = useCallback(() => {\n if (isAfterMaxDate) {\n return;\n }\n\n onChangeCallback(1);\n\n if (onForward) {\n onForward(fromDate.toDate(), toDate.toDate());\n }\n }, [isAfterMaxDate, onChangeCallback, onForward, fromDate, toDate]);\n\n const onLeftClickHandler = useCallback(() => {\n if (isBeforeMinDate) {\n return;\n }\n\n onChangeCallback(-1);\n\n if (onBack) {\n onBack(fromDate.toDate(), toDate.toDate());\n }\n }, [isBeforeMinDate, onChangeCallback, onBack, fromDate, toDate]);\n\n const renderLeftRightButtons = useMemo(() => {\n return step !== \"custom\";\n }, [step]);\n\n const handleShow = useCallback(() => {\n setShowDatePicker(!showDatePicker);\n if (fromDate) {\n setMonth(fromDate.toDate());\n }\n }, [setShowDatePicker, showDatePicker, fromDate]);\n\n const closeMenu = useCallback(() => {\n setShowDatePicker(false);\n }, []);\n\n const onMonthChange = useCallback(\n (m: Date) => {\n setMonth(m);\n },\n [setMonth]\n );\n\n useEffect(() => {\n setFromDate(moment(from));\n setToDate(moment(to));\n }, [from, to]);\n\n const dateStepperWidth = (\n fromDay: Moment,\n toDay: Moment,\n range: string\n ): { minWidth: string } => {\n if (\n fromDay.year() !== moment().year() \|\|\n toDay.year() !== moment().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: Date): boolean => {\n const dayFormat = moment(day).format(\"YYYY-MM-DD\");\n\n const isBefore =\n maxValue instanceof Date &&\n moment(moment(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n const isAfter =\n minValue instanceof Date &&\n moment(moment(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n return isBefore \|\| isAfter;\n },\n [maxValue, minValue]\n );\n\n const modifiers = useMemo(() => {\n return {\n [customClassNames.disabled]: (day: Date): boolean => {\n return isDisabled(day);\n },\n [customClassNames.nonWorkingDay]: (day: Date): boolean => {\n return isDisabled(day);\n },\n };\n }, [isDisabled]);\n\n return (\n <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n {renderLeftRightButtons ? (\n <Button\n type=\"button\"\n variant=\"secondary\"\n onClick={onLeftClickHandler}\n disabled={isBeforeMinDate}\n >\n <ArrowLeftIcon />\n </Button>\n ) : null}\n <StyledDiv\n $isTargetable={step === \"yearly\" \|\| !withDatePicker}\n $isRounded={step === \"custom\"}\n style={dateStepperWidth(fromDate, toDate, step)}\n >\n {withDatePicker ? (\n <StyledMenu\n target={\n <StyledButton type=\"button\">\n <span>{getDateFormatted}</span>\n </StyledButton>\n }\n open={showDatePicker}\n onOpen={handleShow}\n onClose={closeMenu}\n popperClassName={popperClassName}\n position={position}\n >\n <DatePicker\n month={month}\n localeUtils={MomentLocaleUtils}\n locale=\"en\"\n selectionMode={step}\n className={datePickerClass}\n selectedDays={{ from: fromDate.toDate(), to: toDate.toDate() }}\n onChange={onDatePickerChange}\n onMonthChange={onMonthChange}\n firstDayOfWeek={period === \"week\" ? 0 : 1}\n modifiers={modifiers}\n dateRequired\n fixedWeeks\n />\n </StyledMenu>\n ) : (\n <StyledSpan>{getDateFormatted}</StyledSpan>\n )}\n </StyledDiv>\n {renderLeftRightButtons ? (\n <Button\n type=\"button\"\n variant=\"secondary\"\n onClick={onRightClickHandler}\n disabled={isAfterMaxDate}\n >\n <ArrowRightIcon />\n </Button>\n ) : null}\n </StyledButtonGroup>\n );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"file":"DateStepper.js"}
1	+ {"version":3,"file":"DateStepper.js","names":["DateStepper","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","useState","moment","fromDate","setFromDate","toDate","setToDate","showDatePicker","setShowDatePicker","month","setMonth","getDatesByPeriod","useCallback","interval","date","add","clone","startOf","endOf","getDateFormatted","useMemo","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","useEffect","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","customClassNames","disabled","nonWorkingDay","classNames","MomentLocaleUtils","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Placement } from \"@popperjs/core\";\nimport { Button } from \"../../Button/Button\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { customClassNames } from \"../../DatePicker/ClassNames\";\nimport {\n StyledButton,\n StyledButtonGroup,\n StyledDiv,\n StyledMenu,\n StyledSpan,\n} from \"./Styles\";\nimport { ArrowRightIcon } from \"../../Icons\";\n\ninterface IDateStepperProps {\n /** One of the possible steps for this component /\n step:\n \| \"daily\"\n \| \"weekly\"\n \| \"monthly\"\n \| \"quarterly\"\n \| \"yearly\"\n \| \"custom\"\n \| string;\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: Date \| string;\n /* End date of the range /\n to: Date \| string;\n /* Callback function that will format the text label /\n formatCallback?: (from: string \| Date, to: string \| Date) => string;\n /* Default month /\n defaultMonth?: Date;\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?: Date;\n /* Max fate /\n maxValue?: Date;\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}\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 */\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 datePickerClass,\n withDatePicker = true,\n defaultMonth = new Date(),\n popperClassName,\n position = \"bottom\",\n}) => {\n const [fromDate, setFromDate] = useState(moment(from));\n const [toDate, setToDate] = useState(moment(to));\n const [showDatePicker, setShowDatePicker] = useState(false);\n const [month, setMonth] = useState(defaultMonth);\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(), toDate.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 start.format(\"MMM DD\") + \" - \" + end.format(\"MMM DD\");\n } else {\n return start.format(\"MMM DD YYYY\") + \" - \" + end.format(\"MMM DD YYYY\");\n }\n };\n\n if (step === \"daily\") {\n if (fromDate.year() === actualYear) {\n return fromDate.format(\"MMM DD\");\n }\n return fromDate.format(\"MMM DD YYYY\");\n } else if (step === \"weekly\") {\n const startDate = fromDate.clone().startOf(period);\n const endDate = startDate.clone().endOf(period);\n return showWeekOrCustomDateFormat(startDate, endDate);\n } else if (step === \"monthly\") {\n return fromDate.format(\"MMM YYYY\");\n } else if (step === \"quarterly\") {\n return `Q${fromDate.quarter()}/${fromDate.format(\"YYYY\")}`;\n } else if (step === \"yearly\") {\n return fromDate.format(\"YYYY\");\n } else if (step === \"custom\") {\n return showWeekOrCustomDateFormat(fromDate, toDate);\n }\n\n return \"\";\n }, [fromDate, step, toDate, formatCallback, period]);\n\n const onChangeCallback = useCallback(\n (amount: number) => {\n const [newFrom, newTo] = getDatesByPeriod(amount);\n setFromDate(moment(newFrom));\n setToDate(moment(newTo));\n\n if (onChange) {\n onChange(newFrom.toDate(), newTo.toDate());\n }\n },\n [onChange, getDatesByPeriod]\n );\n\n const onDatePickerChange = useCallback(\n (dates?: { from: Date; to: Date }) => {\n const fromDateTemp = dates?.from;\n const toDateTemp = dates?.to;\n\n setFromDate(moment(fromDateTemp));\n setToDate(moment(toDateTemp));\n\n if (\n onChange &&\n fromDateTemp instanceof Date &&\n toDateTemp instanceof Date\n ) {\n onChange(fromDateTemp, toDateTemp);\n }\n },\n [onChange, setFromDate, setToDate]\n );\n\n const isAfterMaxDate = useMemo(() => {\n return (\n maxValue instanceof Date &&\n moment(moment(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n toDate.format(\"YYYY-MM-DD\")\n )\n );\n }, [maxValue, toDate]);\n\n const isBeforeMinDate = useMemo(() => {\n return (\n minValue instanceof Date &&\n moment(moment(minValue).format(\"YYYY-MM-DD\")).isSameOrAfter(\n toDate.format(\"YYYY-MM-DD\")\n )\n );\n }, [minValue, toDate]);\n\n useEffect(() => {\n if (isBeforeMinDate) {\n if (step === \"daily\") {\n setFromDate(moment(minValue));\n setToDate(moment(minValue));\n }\n }\n if (isAfterMaxDate) {\n if (step === \"daily\") {\n setFromDate(moment(maxValue));\n setToDate(moment(maxValue));\n }\n }\n }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n const onRightClickHandler = useCallback(() => {\n if (isAfterMaxDate) {\n return;\n }\n\n onChangeCallback(1);\n\n if (onForward) {\n onForward(fromDate.toDate(), toDate.toDate());\n }\n }, [isAfterMaxDate, onChangeCallback, onForward, fromDate, toDate]);\n\n const onLeftClickHandler = useCallback(() => {\n if (isBeforeMinDate) {\n return;\n }\n\n onChangeCallback(-1);\n\n if (onBack) {\n onBack(fromDate.toDate(), toDate.toDate());\n }\n }, [isBeforeMinDate, onChangeCallback, onBack, fromDate, toDate]);\n\n const renderLeftRightButtons = useMemo(() => {\n return step !== \"custom\";\n }, [step]);\n\n const handleShow = useCallback(() => {\n setShowDatePicker(!showDatePicker);\n if (fromDate) {\n setMonth(fromDate.toDate());\n }\n }, [setShowDatePicker, showDatePicker, fromDate]);\n\n const closeMenu = useCallback(() => {\n setShowDatePicker(false);\n }, []);\n\n const onMonthChange = useCallback(\n (m: Date) => {\n setMonth(m);\n },\n [setMonth]\n );\n\n useEffect(() => {\n setFromDate(moment(from));\n setToDate(moment(to));\n }, [from, to]);\n\n const dateStepperWidth = (\n fromDay: Moment,\n toDay: Moment,\n range: string\n ): { minWidth: string } => {\n if (\n fromDay.year() !== moment().year() \|\|\n toDay.year() !== moment().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: Date): boolean => {\n const dayFormat = moment(day).format(\"YYYY-MM-DD\");\n\n const isBefore =\n maxValue instanceof Date &&\n moment(moment(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n const isAfter =\n minValue instanceof Date &&\n moment(moment(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n return isBefore \|\| isAfter;\n },\n [maxValue, minValue]\n );\n\n const modifiers = useMemo(() => {\n return {\n [customClassNames.disabled]: (day: Date): boolean => {\n return isDisabled(day);\n },\n [customClassNames.nonWorkingDay]: (day: Date): boolean => {\n return isDisabled(day);\n },\n };\n }, [isDisabled]);\n\n return (\n <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n {renderLeftRightButtons ? (\n <Button\n type=\"button\"\n variant=\"secondary\"\n onClick={onLeftClickHandler}\n disabled={isBeforeMinDate}\n >\n <ArrowLeftIcon />\n </Button>\n ) : null}\n <StyledDiv\n $isTargetable={step === \"yearly\" \|\| !withDatePicker}\n $isRounded={step === \"custom\"}\n style={dateStepperWidth(fromDate, toDate, step)}\n >\n {withDatePicker ? (\n <StyledMenu\n target={\n <StyledButton type=\"button\">\n <span>{getDateFormatted}</span>\n </StyledButton>\n }\n open={showDatePicker}\n onOpen={handleShow}\n onClose={closeMenu}\n popperClassName={popperClassName}\n position={position}\n >\n <DatePicker\n month={month}\n localeUtils={MomentLocaleUtils}\n locale=\"en\"\n selectionMode={step}\n className={datePickerClass}\n selectedDays={{ from: fromDate.toDate(), to: toDate.toDate() }}\n onChange={onDatePickerChange}\n onMonthChange={onMonthChange}\n firstDayOfWeek={period === \"week\" ? 0 : 1}\n modifiers={modifiers}\n dateRequired\n fixedWeeks\n />\n </StyledMenu>\n ) : (\n <StyledSpan>{getDateFormatted}</StyledSpan>\n )}\n </StyledDiv>\n {renderLeftRightButtons ? (\n <Button\n type=\"button\"\n variant=\"secondary\"\n onClick={onRightClickHandler}\n disabled={isAfterMaxDate}\n >\n <ArrowRightIcon />\n </Button>\n ) : null}\n </StyledButtonGroup>\n );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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"}

package/dist/cjs/components/Steppers/DateStepper/Styles.js CHANGED Viewed

@@ -1,26 +1,17 @@
 "use strict";
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledSpan = exports.StyledMenu = exports.StyledDiv = exports.StyledButtonGroup = exports.StyledButton = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _ButtonGroup = require("../../ButtonGroup");
 var _FontStyle = require("../../FontStyle");
 var _BoxSizingStyle = require("../../BoxSizingStyle");
 var _Menu = require("../../Menu");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var StyledButton = _styledComponents.default.button.withConfig({
   displayName: "Styles__StyledButton",
   componentId: "sc-1v8h7mt-0"
@@ -39,7 +30,6 @@ var StyledButton = _styledComponents.default.button.withConfig({
   "cursor": "pointer",
   "textAlign": "center"
 });
 exports.StyledButton = StyledButton;
 var StyledMenu = (0, _styledComponents.default)(_Menu.Menu).withConfig({
   displayName: "Styles__StyledMenu",
@@ -58,14 +48,11 @@ var StyledButtonGroup = (0, _styledComponents.default)(_ButtonGroup.ButtonGroup)
   componentId: "sc-1v8h7mt-2"
 })(["", " ", " button:hover{position:relative;z-index:1;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 exports.StyledButtonGroup = StyledButtonGroup;
 var StyledSpan = _styledComponents.default.span.withConfig({
   displayName: "Styles__StyledSpan",
   componentId: "sc-1v8h7mt-3"
 })(["line-height:30px;color:var(--color-theme-700);"]);
 exports.StyledSpan = StyledSpan;
 var StyledDiv = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDiv",
   componentId: "sc-1v8h7mt-4"
@@ -93,7 +80,6 @@ var StyledDiv = _styledComponents.default.div.withConfig({
   "borderWidth": "1px",
   "borderStyle": "solid"
 });
 exports.StyledDiv = StyledDiv;
 StyledButtonGroup.displayName = "StyledButtonGroup";
 StyledSpan.displayName = "StyledSpan";

package/dist/cjs/components/Steppers/DateStepper/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/Steppers/DateStepper/~~Styles.ts"],"names":["StyledButton","styled","button","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","displayName"],"~~mappings~~":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,MAAV;AAAA;AAAA;AAAA,kVACrBC,oBADqB,EAErBC,8BAFqB,EAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;;;AAqDA,IAAMC,UAAU,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;;AASA,IAAMC,iBAAiB,GAAG,+BAAOC,wBAAP,CAAH;AAAA;AAAA;AAAA,6DAC1BL,oBAD0B,EAE1BC,8BAF0B,CAAvB;;;AAUA,IAAMK,UAAU,GAAGR,0BAAOS,IAAV;AAAA;AAAA;AAAA,sDAAhB;;;;AAUA,IAAMC,SAAS,GAAGV,0BAAOW,GAAV;AAAA;AAAA;AAAA,mgBAClB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,QACAC,qBADA,YAEM;AAAA;AAAA,GAFN,CADA;AAAA,CADkB,EAOlB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,UAAN,QACAD,qBADA,0CADA;AAAA,CAPkB,EAahB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAbgB,CAAf;;;AAqEPR,iBAAiB,CAACU,WAAlB,GAAgC,mBAAhC;AACAR,UAAU,CAACQ,WAAX,GAAyB,YAAzB;AACAN,SAAS,CAACM,WAAV,GAAwB,WAAxB;AACAZ,UAAU,CAACY,WAAX,GAAyB,YAAzB;AACAjB,YAAY,CAACiB,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`\n tw-relative\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-text-center\n `}\n\n color: var(--color-theme-700);\n margin: 0;\n padding: 0;\n background: none;\n width: 100%;\n height: auto;\n border: none;\n height: 30px;\n line-height: 1;\n transition: all 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n`;\n\nexport const StyledMenu = styled(Menu)`\n ${tw`\n tw-w-auto\n tw-h-auto\n tw-py-4\n tw-px-2\n `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n ${FontStyle}\n ${BoxSizingStyle}\n\n button:hover {\n position: relative;\n z-index: 1;\n }\n`;\n\nexport const StyledSpan = styled.span`\n line-height: 30px;\n color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n $isTargetable: boolean;\n $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n ${(props) =>\n props.$isTargetable &&\n css`\n ${tw`tw-pointer-events-none`}\n `}\n\n ${(props) =>\n props.$isRounded &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n\n ${tw`\n tw-relative\n tw-text-center\n tw-p-0\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-border\n tw-border-solid\n `}\n\n height: 32px;\n transition: all 0.3s ease;\n background-color: transparent;\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n margin-right: -1px;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n text-decoration: none;\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["StyledButton","styled","button","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`\n tw-relative\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-text-center\n `}\n\n color: var(--color-theme-700);\n margin: 0;\n padding: 0;\n background: none;\n width: 100%;\n height: auto;\n border: none;\n height: 30px;\n line-height: 1;\n transition: all 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n`;\n\nexport const StyledMenu = styled(Menu)`\n ${tw`\n tw-w-auto\n tw-h-auto\n tw-py-4\n tw-px-2\n `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n ${FontStyle}\n ${BoxSizingStyle}\n\n button:hover {\n position: relative;\n z-index: 1;\n }\n`;\n\nexport const StyledSpan = styled.span`\n line-height: 30px;\n color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n $isTargetable: boolean;\n $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n ${(props) =>\n props.$isTargetable &&\n css`\n ${tw`tw-pointer-events-none`}\n `}\n\n ${(props) =>\n props.$isRounded &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n\n ${tw`\n tw-relative\n tw-text-center\n tw-p-0\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-border\n tw-border-solid\n `}\n\n height: 32px;\n transition: all 0.3s ease;\n background-color: transparent;\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n margin-right: -1px;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n text-decoration: none;\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAAkC;AAAA;AAE3B,IAAMA,YAAY,GAAGC,yBAAM,CAACC,MAAM;EAAA;EAAA;AAAA,kVACrCC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAaJ,CAAC,CAkCF;AAAC;AAEK,IAAMC,UAAU,GAAG,IAAAJ,yBAAM,EAACK,UAAI,CAAC;EAAA;EAAA;AAAA,aAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAKJ,CAAC,CACF;AAAC;AAEK,IAAMC,iBAAiB,GAAG,IAAAN,yBAAM,EAACO,wBAAW,CAAC;EAAA;EAAA;AAAA,6DAChDL,oBAAS,EACTC,8BAAc,CAMjB;AAAC;AAEK,IAAMK,UAAU,GAAGR,yBAAM,CAACS,IAAI;EAAA;EAAA;AAAA,sDAGpC;AAAC;AAOK,IAAMC,SAAS,GAAGV,yBAAM,CAACW,GAAG;EAAA;EAAA;AAAA,mgBAC/B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,aAAa,QACnBC,qBAAG,YACG;IAAA;EAAuB,CAAC,CAC7B;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,UAAU,QAChBD,qBAAG,0CAEF;AAAA,GAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAgBJ,CAAC,CAsCF;AAAC;AAEFR,iBAAiB,CAACU,WAAW,GAAG,mBAAmB;AACnDR,UAAU,CAACQ,WAAW,GAAG,YAAY;AACrCN,SAAS,CAACM,WAAW,GAAG,WAAW;AACnCZ,UAAU,CAACY,WAAW,GAAG,YAAY;AACrCjB,YAAY,CAACiB,WAAW,GAAG,cAAc"}

package/dist/cjs/components/Steppers/DateStepper/index.js CHANGED Viewed

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _DateStepper = require("./DateStepper");
 Object.keys(_DateStepper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _DateStepper[key]) return;

package/dist/cjs/components/Steppers/DateStepper/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/index.ts"],"~~names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","~~sourcesContent":["export * from \"./DateStepper\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Steppers/DateStepper/index.ts"],"sourcesContent":["export * from \"./DateStepper\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/Steppers/Steps/Steps.js CHANGED Viewed

@@ -1,46 +1,35 @@
 "use strict";
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Steps = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var Steps = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var numberOfSteps = _ref.numberOfSteps,
-      activeStep = _ref.activeStep,
-      _ref$progressive = _ref.progressive,
-      progressive = _ref$progressive === void 0 ? false : _ref$progressive,
-      wrapperClassName = _ref.wrapperClassName;
+    activeStep = _ref.activeStep,
+    _ref$progressive = _ref.progressive,
+    progressive = _ref$progressive === void 0 ? false : _ref$progressive,
+    wrapperClassName = _ref.wrapperClassName;
   var steps = (0, _react.useMemo)(function () {
     // fastest way to generate an array of N numbers
     var a = [];
     var b = numberOfSteps;
     while (b--) {
       a[b] = b + 1;
     }
     return a;
   }, [numberOfSteps]);
   var activeSteps = (0, _react.useMemo)(function () {
     if (!progressive) {
       return [activeStep];
     }
     return steps.filter(function (step) {
       return step <= activeStep;
     });

package/dist/cjs/components/Steppers/Steps/Steps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/Steppers/~~Steps~~/Steps~~.~~tsx~~"],"names":["Steps","ref","numberOfSteps","activeStep","progressive","wrapperClassName","steps","a","b","activeSteps","filter","step","map","indexOf","displayName"],"~~mappings~~":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAaO,IAAMA,KAAK,gBAAG,uBACnB,gBAOEC,GAPF,EAQK;AAAA,MANDC,aAMC,QANDA,aAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,8BAJDC,WAIC;AAAA,MAJDA,WAIC,iCAJa,KAIb;AAAA,MAHDC,gBAGC,QAHDA,gBAGC;AACH,MAAMC,KAAK,GAAG,oBAAQ,YAAM;AAC1B;AACA,QAAMC,CAAW,GAAG,EAApB;AACA,QAAIC,CAAC,GAAGN,aAAR;;AACA,WAAOM,CAAC,EAAR,EAAY;AACVD,MAAAA,CAAC,CAACC,CAAD,CAAD,GAAOA,CAAC,GAAG,CAAX;AACD;;AACD,WAAOD,CAAP;AACD,GARa,EAQX,CAACL,aAAD,CARW,CAAd;AAUA,MAAMO,WAAW,GAAG,oBAAQ,YAAM;AAChC,QAAI,CAACL,WAAL,EAAkB;AAChB,aAAO,CAACD,UAAD,CAAP;AACD;;AAED,WAAOG,KAAK,CAACI,MAAN,CAAa,UAACC,IAAD,EAAU;AAC5B,aAAOA,IAAI,IAAIR,UAAf;AACD,KAFM,CAAP;AAGD,GARmB,EAQjB,CAACA,UAAD,EAAaC,WAAb,EAA0BE,KAA1B,CARiB,CAApB;AAUA,sBACE,6BAAC,mBAAD;AACE,IAAA,SAAS,EAAE,yBAAW,iBAAX,EAA8BD,gBAA9B,CADb;AAEE,IAAA,GAAG,EAAEJ;AAFP,KAIGK,KAAK,CAACM,GAAN,CAAU,UAACD,IAAD,EAAU;AACnB,wBACE,6BAAC,kBAAD;AACE,MAAA,GAAG,iBAAUA,IAAV,CADL;AAEE,MAAA,aAAa,EAAEF,WAAW,CAACI,OAAZ,CAAoBF,IAApB,IAA4B,CAAC;AAF9C,MADF;AAMD,GAPA,CAJH,CADF;AAeD,CA7CkB,CAAd;;AAgDPX,KAAK,CAACc,WAAN,GAAoB,OAApB","sourcesContent":["import React, { Ref, useMemo, forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledStep, StyledSteps } from \"./Styles\";\n\ninterface IStepsProps {\n /** Number of steps /\n numberOfSteps: number;\n /* If not progressive, the index of the only active step. If progressive, the index of the last active steps /\n activeStep: number;\n /* Does the stepper can have only single active step /\n progressive?: boolean;\n /* Class for wrapper div */\n wrapperClassName?: string;\n}\n\nexport const Steps = forwardRef(\n (\n {\n numberOfSteps,\n activeStep,\n progressive = false,\n wrapperClassName,\n }: IStepsProps,\n ref: Ref<HTMLDivElement> \| null \| undefined\n ) => {\n const steps = useMemo(() => {\n // fastest way to generate an array of N numbers\n const a: number[] = [];\n let b = numberOfSteps;\n while (b--) {\n a[b] = b + 1;\n }\n return a;\n }, [numberOfSteps]);\n\n const activeSteps = useMemo(() => {\n if (!progressive) {\n return [activeStep];\n }\n\n return steps.filter((step) => {\n return step <= activeStep;\n });\n }, [activeStep, progressive, steps]);\n\n return (\n <StyledSteps\n className={classnames(\"c-steps-wrapper\", wrapperClassName)}\n ref={ref}\n >\n {steps.map((step) => {\n return (\n <StyledStep\n key={`step-${step}`}\n $isActiveStep={activeSteps.indexOf(step) > -1}\n />\n );\n })}\n </StyledSteps>\n );\n }\n);\n\nSteps.displayName = \"Steps\";\n"],"~~file~~":"~~Steps.js~~"}
1	+ {"version":3,"file":"Steps.js","names":["Steps","forwardRef","ref","numberOfSteps","activeStep","progressive","wrapperClassName","steps","useMemo","a","b","activeSteps","filter","step","classnames","map","indexOf","displayName"],"sources":["../../../../../src/components/Steppers/Steps/Steps.tsx"],"sourcesContent":["import React, { Ref, useMemo, forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledStep, StyledSteps } from \"./Styles\";\n\ninterface IStepsProps {\n /** Number of steps /\n numberOfSteps: number;\n /* If not progressive, the index of the only active step. If progressive, the index of the last active steps /\n activeStep: number;\n /* Does the stepper can have only single active step /\n progressive?: boolean;\n /* Class for wrapper div */\n wrapperClassName?: string;\n}\n\nexport const Steps = forwardRef(\n (\n {\n numberOfSteps,\n activeStep,\n progressive = false,\n wrapperClassName,\n }: IStepsProps,\n ref: Ref<HTMLDivElement> \| null \| undefined\n ) => {\n const steps = useMemo(() => {\n // fastest way to generate an array of N numbers\n const a: number[] = [];\n let b = numberOfSteps;\n while (b--) {\n a[b] = b + 1;\n }\n return a;\n }, [numberOfSteps]);\n\n const activeSteps = useMemo(() => {\n if (!progressive) {\n return [activeStep];\n }\n\n return steps.filter((step) => {\n return step <= activeStep;\n });\n }, [activeStep, progressive, steps]);\n\n return (\n <StyledSteps\n className={classnames(\"c-steps-wrapper\", wrapperClassName)}\n ref={ref}\n >\n {steps.map((step) => {\n return (\n <StyledStep\n key={`step-${step}`}\n $isActiveStep={activeSteps.indexOf(step) > -1}\n />\n );\n })}\n </StyledSteps>\n );\n }\n);\n\nSteps.displayName = \"Steps\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAAmD;AAAA;AAAA;AAa5C,IAAMA,KAAK,gBAAG,IAAAC,iBAAU,EAC7B,gBAOEC,GAA2C,EACxC;EAAA,IANDC,aAAa,QAAbA,aAAa;IACbC,UAAU,QAAVA,UAAU;IAAA,wBACVC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IACnBC,gBAAgB,QAAhBA,gBAAgB;EAIlB,IAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B;IACA,IAAMC,CAAW,GAAG,EAAE;IACtB,IAAIC,CAAC,GAAGP,aAAa;IACrB,OAAOO,CAAC,EAAE,EAAE;MACVD,CAAC,CAACC,CAAC,CAAC,GAAGA,CAAC,GAAG,CAAC;IACd;IACA,OAAOD,CAAC;EACV,CAAC,EAAE,CAACN,aAAa,CAAC,CAAC;EAEnB,IAAMQ,WAAW,GAAG,IAAAH,cAAO,EAAC,YAAM;IAChC,IAAI,CAACH,WAAW,EAAE;MAChB,OAAO,CAACD,UAAU,CAAC;IACrB;IAEA,OAAOG,KAAK,CAACK,MAAM,CAAC,UAACC,IAAI,EAAK;MAC5B,OAAOA,IAAI,IAAIT,UAAU;IAC3B,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,EAAEC,WAAW,EAAEE,KAAK,CAAC,CAAC;EAEpC,oBACE,6BAAC,mBAAW;IACV,SAAS,EAAE,IAAAO,mBAAU,EAAC,iBAAiB,EAAER,gBAAgB,CAAE;IAC3D,GAAG,EAAEJ;EAAI,GAERK,KAAK,CAACQ,GAAG,CAAC,UAACF,IAAI,EAAK;IACnB,oBACE,6BAAC,kBAAU;MACT,GAAG,iBAAUA,IAAI,CAAG;MACpB,aAAa,EAAEF,WAAW,CAACK,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;IAAE,EAC9C;EAEN,CAAC,CAAC,CACU;AAElB,CAAC,CACF;AAAC;AAEFb,KAAK,CAACiB,WAAW,GAAG,OAAO"}

package/dist/cjs/components/Steppers/Steps/Styles.js CHANGED Viewed

@@ -1,36 +1,26 @@
 "use strict";
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledSteps = exports.StyledStep = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _FontStyle = require("../../FontStyle");
 var _BoxSizingStyle = require("../../BoxSizingStyle");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var StyledSteps = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledSteps",
   componentId: "sc-fkt5j2-0"
 })(["", " ", " display:flex;justify-content:center;"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 exports.StyledSteps = StyledSteps;
 var StyledStep = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledStep",
   componentId: "sc-fkt5j2-1"
 })(["display:inline-block;width:8px;height:8px;background-color:var(--color-theme-400);border-radius:50%;margin:0 5px;", ""], function (props) {
   return props.$isActiveStep && (0, _styledComponents.css)(["background-color:var(--color-primary);"]);
 });
 exports.StyledStep = StyledStep;
 StyledSteps.displayName = "StyledSteps";
 StyledStep.displayName = "StyledStep";

package/dist/cjs/components/Steppers/Steps/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/Steppers/Steps/~~Styles.ts"],"names":["StyledSteps","styled","div","FontStyle","BoxSizingStyle","StyledStep","props","$isActiveStep","css","displayName"],"~~mappings~~":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEO,IAAMA,WAAW,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,uDACpBC,oBADoB,EAEpBC,8BAFoB,CAAjB;;;;AAQA,IAAMC,UAAU,GAAGJ,0BAAOC,GAAV;AAAA;AAAA;AAAA,8HAQnB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,QACAC,qBADA,6CADA;AAAA,CARmB,CAAhB;;;AAePR,WAAW,CAACS,WAAZ,GAA0B,aAA1B;AACAJ,UAAU,CAACI,WAAX,GAAyB,YAAzB","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\n\nexport const StyledSteps = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n display: flex;\n justify-content: center;\n`;\n\nexport const StyledStep = styled.div<{ $isActiveStep: boolean }>`\n display: inline-block;\n width: 8px;\n height: 8px;\n background-color: var(--color-theme-400);\n border-radius: 50%;\n margin: 0 5px;\n\n ${(props) =>\n props.$isActiveStep &&\n css`\n background-color: var(--color-primary);\n `}\n`;\n\nStyledSteps.displayName = \"StyledSteps\";\nStyledStep.displayName = \"StyledStep\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["StyledSteps","styled","div","FontStyle","BoxSizingStyle","StyledStep","props","$isActiveStep","css","displayName"],"sources":["../../../../../src/components/Steppers/Steps/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\n\nexport const StyledSteps = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n display: flex;\n justify-content: center;\n`;\n\nexport const StyledStep = styled.div<{ $isActiveStep: boolean }>`\n display: inline-block;\n width: 8px;\n height: 8px;\n background-color: var(--color-theme-400);\n border-radius: 50%;\n margin: 0 5px;\n\n ${(props) =>\n props.$isActiveStep &&\n css`\n background-color: var(--color-primary);\n `}\n`;\n\nStyledSteps.displayName = \"StyledSteps\";\nStyledStep.displayName = \"StyledStep\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAAsD;AAAA;AAE/C,IAAMA,WAAW,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,uDACjCC,oBAAS,EACTC,8BAAc,CAIjB;AAAC;AAEK,IAAMC,UAAU,GAAGJ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,8HAQhC,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,aAAa,QACnBC,qBAAG,6CAEF;AAAA,EACJ;AAAC;AAEFR,WAAW,CAACS,WAAW,GAAG,aAAa;AACvCJ,UAAU,CAACI,WAAW,GAAG,YAAY"}

package/dist/cjs/components/Steppers/Steps/index.js CHANGED Viewed

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _Steps = require("./Steps");
 Object.keys(_Steps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Steps[key]) return;

package/dist/cjs/components/Steppers/Steps/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Steppers/Steps/index.ts"],"~~names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","~~sourcesContent":["export * from \"./Steps\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Steppers/Steps/index.ts"],"sourcesContent":["export * from \"./Steps\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}