@activecollab/components 2.0.89 → 2.0.91

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

@@ -1,25 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-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 _Styles = require("./Styles");
-var _DatePicker = require("../../DatePicker");
-var _Icons = require("../../Icons");
-var _ArrowLeft = _interopRequireDefault(require("../../Icons/collection/ArrowLeft"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+import React, { useCallback, useMemo, useState, useEffect } from "react";
+import classNames from "classnames";
+import moment from "moment";
+import { StyledButton, StyledButtonGroup, StyledDiv, StyledMenu, StyledSpan, StyledControl } from "./Styles";
+import { DatePicker } from "../../DatePicker";
+import { ArrowRightIcon } from "../../Icons";
+import ArrowLeftIcon from "../../Icons/collection/ArrowLeft";
 /**
  * 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
  */
 
-const DateStepper = _ref => {
+export const DateStepper = _ref => {
   let {
     step,
     formatCallback,
@@ -38,12 +29,12 @@ const DateStepper = _ref => {
     popperClassName,
     position = "bottom"
   } = _ref;
-  const [fromDate, setFromDate] = (0, _react.useState)((0, _moment.default)(from));
-  const [toDate, setToDate] = (0, _react.useState)((0, _moment.default)(to));
-  const [showDatePicker, setShowDatePicker] = (0, _react.useState)(false);
-  const [month, setMonth] = (0, _react.useState)(defaultMonth);
-  const getDatesByPeriod = (0, _react.useCallback)(interval => {
-    const date = fromDate ? fromDate : (0, _moment.default)();
+  const [fromDate, setFromDate] = useState(moment(from));
+  const [toDate, setToDate] = useState(moment(to));
+  const [showDatePicker, setShowDatePicker] = useState(false);
+  const [month, setMonth] = useState(defaultMonth);
+  const getDatesByPeriod = useCallback(interval => {
+    const date = fromDate ? fromDate : moment();
     if (step === "daily") {
       date.add(interval, "days");
       return [date, date.clone()];
@@ -62,11 +53,11 @@ const DateStepper = _ref => {
     }
     return [date, date];
   }, [fromDate, period, step]);
-  const getDateFormatted = (0, _react.useMemo)(() => {
+  const getDateFormatted = useMemo(() => {
     if (formatCallback) {
       return formatCallback(fromDate.toDate(), toDate.toDate());
     }
-    const actualYear = (0, _moment.default)().year();
+    const actualYear = moment().year();
     const showWeekOrCustomDateFormat = (start, end) => {
       if (start.year() === actualYear && end.year() === actualYear) {
         return start.format("MMM DD") + " - " + end.format("MMM DD");
@@ -86,7 +77,7 @@ const DateStepper = _ref => {
     } else if (step === "monthly") {
       return fromDate.format("MMM YYYY");
     } else if (step === "quarterly") {
-      return `Q${fromDate.quarter()}/${fromDate.format("YYYY")}`;
+      return "Q" + fromDate.quarter() + "/" + fromDate.format("YYYY");
     } else if (step === "yearly") {
       return fromDate.format("YYYY");
     } else if (step === "custom") {
@@ -94,44 +85,44 @@ const DateStepper = _ref => {
     }
     return "";
   }, [fromDate, step, toDate, formatCallback, period]);
-  const onChangeCallback = (0, _react.useCallback)(amount => {
+  const onChangeCallback = useCallback(amount => {
     const [newFrom, newTo] = getDatesByPeriod(amount);
-    setFromDate((0, _moment.default)(newFrom));
-    setToDate((0, _moment.default)(newTo));
+    setFromDate(moment(newFrom));
+    setToDate(moment(newTo));
     if (onChange) {
       onChange(newFrom.toDate(), newTo.toDate());
     }
   }, [onChange, getDatesByPeriod]);
-  const onDatePickerChange = (0, _react.useCallback)(dates => {
-    const fromDateTemp = dates?.from;
-    const toDateTemp = dates?.to;
-    setFromDate((0, _moment.default)(fromDateTemp));
-    setToDate((0, _moment.default)(toDateTemp));
+  const onDatePickerChange = useCallback(dates => {
+    const fromDateTemp = dates == null ? void 0 : dates.from;
+    const toDateTemp = dates == null ? void 0 : dates.to;
+    setFromDate(moment(fromDateTemp));
+    setToDate(moment(toDateTemp));
     if (onChange && fromDateTemp instanceof Date && toDateTemp instanceof Date) {
       onChange(fromDateTemp, toDateTemp);
     }
   }, [onChange, setFromDate, setToDate]);
-  const isAfterMaxDate = (0, _react.useMemo)(() => {
-    return maxValue instanceof Date && (0, _moment.default)((0, _moment.default)(maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.format("YYYY-MM-DD"));
+  const isAfterMaxDate = useMemo(() => {
+    return maxValue instanceof Date && moment(moment(maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.format("YYYY-MM-DD"));
   }, [maxValue, toDate]);
-  const isBeforeMinDate = (0, _react.useMemo)(() => {
-    return minValue instanceof Date && (0, _moment.default)((0, _moment.default)(minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.format("YYYY-MM-DD"));
+  const isBeforeMinDate = useMemo(() => {
+    return minValue instanceof Date && moment(moment(minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.format("YYYY-MM-DD"));
   }, [minValue, toDate]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (isBeforeMinDate) {
       if (step === "daily") {
-        setFromDate((0, _moment.default)(minValue));
-        setToDate((0, _moment.default)(minValue));
+        setFromDate(moment(minValue));
+        setToDate(moment(minValue));
       }
     }
     if (isAfterMaxDate) {
       if (step === "daily") {
-        setFromDate((0, _moment.default)(maxValue));
-        setToDate((0, _moment.default)(maxValue));
+        setFromDate(moment(maxValue));
+        setToDate(moment(maxValue));
       }
     }
   }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);
-  const onRightClickHandler = (0, _react.useCallback)(() => {
+  const onRightClickHandler = useCallback(() => {
     if (isAfterMaxDate) {
       return;
     }
@@ -140,7 +131,7 @@ const DateStepper = _ref => {
       onForward(fromDate.toDate(), toDate.toDate());
     }
   }, [isAfterMaxDate, onChangeCallback, onForward, fromDate, toDate]);
-  const onLeftClickHandler = (0, _react.useCallback)(() => {
+  const onLeftClickHandler = useCallback(() => {
     if (isBeforeMinDate) {
       return;
     }
@@ -149,27 +140,27 @@ const DateStepper = _ref => {
       onBack(fromDate.toDate(), toDate.toDate());
     }
   }, [isBeforeMinDate, onChangeCallback, onBack, fromDate, toDate]);
-  const renderLeftRightButtons = (0, _react.useMemo)(() => {
+  const renderLeftRightButtons = useMemo(() => {
     return step !== "custom";
   }, [step]);
-  const handleShow = (0, _react.useCallback)(() => {
+  const handleShow = useCallback(() => {
     setShowDatePicker(!showDatePicker);
     if (fromDate) {
       setMonth(fromDate.toDate());
     }
   }, [setShowDatePicker, showDatePicker, fromDate]);
-  const closeMenu = (0, _react.useCallback)(() => {
+  const closeMenu = useCallback(() => {
     setShowDatePicker(false);
   }, []);
-  const onMonthChange = (0, _react.useCallback)(m => {
+  const onMonthChange = useCallback(m => {
     setMonth(m);
   }, [setMonth]);
-  (0, _react.useEffect)(() => {
-    setFromDate((0, _moment.default)(from));
-    setToDate((0, _moment.default)(to));
+  useEffect(() => {
+    setFromDate(moment(from));
+    setToDate(moment(to));
   }, [from, to]);
   const dateStepperWidth = (fromDay, toDay, range) => {
-    if (fromDay.year() !== (0, _moment.default)().year() || toDay.year() !== (0, _moment.default)().year()) {
+    if (fromDay.year() !== moment().year() || toDay.year() !== moment().year()) {
       switch (range) {
         case "daily":
         case "monthly":
@@ -198,13 +189,13 @@ const DateStepper = _ref => {
       minWidth: "102px"
     };
   };
-  const isDisabled = (0, _react.useCallback)(day => {
-    const dayFormat = (0, _moment.default)(day).format("YYYY-MM-DD");
-    const isBefore = maxValue instanceof Date && (0, _moment.default)((0, _moment.default)(maxValue).format("YYYY-MM-DD")).isBefore(dayFormat);
-    const isAfter = minValue instanceof Date && (0, _moment.default)((0, _moment.default)(minValue).format("YYYY-MM-DD")).isAfter(dayFormat);
+  const isDisabled = useCallback(day => {
+    const dayFormat = moment(day).format("YYYY-MM-DD");
+    const isBefore = maxValue instanceof Date && moment(moment(maxValue).format("YYYY-MM-DD")).isBefore(dayFormat);
+    const isAfter = minValue instanceof Date && moment(moment(minValue).format("YYYY-MM-DD")).isAfter(dayFormat);
     return isBefore || isAfter;
   }, [maxValue, minValue]);
-  const modifiers = (0, _react.useMemo)(() => {
+  const modifiers = useMemo(() => {
     return {
       day_disabled: day => {
         return isDisabled(day);
@@ -214,27 +205,27 @@ const DateStepper = _ref => {
       }
     };
   }, [isDisabled]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledButtonGroup, {
-    className: (0, _classnames.default)("c-date-stepper", className)
-  }, renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
+  return /*#__PURE__*/React.createElement(StyledButtonGroup, {
+    className: classNames("c-date-stepper", className)
+  }, renderLeftRightButtons ? /*#__PURE__*/React.createElement(StyledControl, {
     type: "button",
     variant: "secondary",
     onClick: onLeftClickHandler,
     disabled: isBeforeMinDate
-  }, /*#__PURE__*/_react.default.createElement(_ArrowLeft.default, null)) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledDiv, {
+  }, /*#__PURE__*/React.createElement(ArrowLeftIcon, null)) : null, /*#__PURE__*/React.createElement(StyledDiv, {
     $isTargetable: step === "yearly" || !withDatePicker,
     $isRounded: step === "custom",
     style: dateStepperWidth(fromDate, toDate, step)
-  }, withDatePicker ? /*#__PURE__*/_react.default.createElement(_Styles.StyledMenu, {
-    target: /*#__PURE__*/_react.default.createElement(_Styles.StyledButton, {
+  }, withDatePicker ? /*#__PURE__*/React.createElement(StyledMenu, {
+    target: /*#__PURE__*/React.createElement(StyledButton, {
       type: "button"
-    }, /*#__PURE__*/_react.default.createElement("span", null, getDateFormatted)),
+    }, /*#__PURE__*/React.createElement("span", null, getDateFormatted)),
     open: showDatePicker,
     onOpen: handleShow,
     onClose: closeMenu,
     popperClassName: popperClassName,
     position: position
-  }, /*#__PURE__*/_react.default.createElement(_DatePicker.DatePicker, {
+  }, /*#__PURE__*/React.createElement(DatePicker, {
     month: month,
     selectionMode: step,
     className: datePickerClass,
@@ -248,13 +239,12 @@ const DateStepper = _ref => {
     modifiers: modifiers,
     dateRequired: true,
     fixedWeeks: true
-  })) : /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
+  })) : /*#__PURE__*/React.createElement(StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/React.createElement(StyledControl, {
     type: "button",
     variant: "secondary",
     onClick: onRightClickHandler,
     disabled: isAfterMaxDate
-  }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null)) : null);
+  }, /*#__PURE__*/React.createElement(ArrowRightIcon, null)) : null);
 };
-exports.DateStepper = DateStepper;
 DateStepper.displayName = "DateStepper";
 //# sourceMappingURL=DateStepper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateStepper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_moment","_Styles","_DatePicker","_Icons","_ArrowLeft","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","DateStepper","_ref","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","fromDate","setFromDate","useState","moment","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","day_disabled","nonWorkingDay","createElement","StyledButtonGroup","classNames","StyledControl","type","variant","onClick","disabled","StyledDiv","$isTargetable","$isRounded","style","StyledMenu","target","StyledButton","open","onOpen","onClose","DatePicker","selectionMode","selectedDays","firstDayOfWeek","dateRequired","fixedWeeks","StyledSpan","ArrowRightIcon","exports","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\n\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledMenu,\n  StyledSpan,\n  StyledControl,\n} from \"./Styles\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\n\nexport interface 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 */\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      day_disabled: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n      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        <StyledControl\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <ArrowLeftIcon />\n        </StyledControl>\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              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        <StyledControl\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <ArrowRightIcon />\n        </StyledControl>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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"}
+{"version":3,"file":"DateStepper.js","names":["React","useCallback","useMemo","useState","useEffect","classNames","moment","StyledButton","StyledButtonGroup","StyledDiv","StyledMenu","StyledSpan","StyledControl","DatePicker","ArrowRightIcon","ArrowLeftIcon","DateStepper","_ref","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","day_disabled","nonWorkingDay","createElement","type","variant","onClick","disabled","$isTargetable","$isRounded","style","target","open","onOpen","onClose","selectionMode","selectedDays","firstDayOfWeek","dateRequired","fixedWeeks","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\n\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledMenu,\n  StyledSpan,\n  StyledControl,\n} from \"./Styles\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\n\nexport interface 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 */\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      day_disabled: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n      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        <StyledControl\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <ArrowLeftIcon />\n        </StyledControl>\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              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        <StyledControl\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <ArrowRightIcon />\n        </StyledControl>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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"}

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

@@ -1,22 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSpan = exports.StyledMenu = exports.StyledDiv = exports.StyledControl = exports.StyledButtonGroup = exports.StyledButton = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _BoxSizingStyle = require("../../BoxSizingStyle");
-var _BreakPoints = require("../../BreakPoints");
-var _ButtonGroup = require("../../ButtonGroup");
-var _FontStyle = require("../../FontStyle");
-var _IconButton = require("../../IconButton");
-var _Menu = require("../../Menu");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-const StyledButton = exports.StyledButton = _styledComponents.default.button.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../../BoxSizingStyle";
+import { screen } from "../../BreakPoints";
+import { ButtonGroup } from "../../ButtonGroup";
+import { FontStyle } from "../../FontStyle";
+import { IconButton } from "../../IconButton";
+import { Menu } from "../../Menu";
+export const StyledButton = styled.button.withConfig({
   displayName: "Styles__StyledButton",
   componentId: "sc-1v8h7mt-0"
-})(["", " ", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+})(["", " ", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], FontStyle, BoxSizingStyle, {
   "position": "relative",
   "margin": "0px",
   "display": "inline-block",
@@ -31,7 +23,7 @@ const StyledButton = exports.StyledButton = _styledComponents.default.button.wit
   "WebkitFontSmoothing": "antialiased",
   "MozOsxFontSmoothing": "grayscale"
 });
-const StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_Menu.Menu).withConfig({
+export const StyledMenu = styled(Menu).withConfig({
   displayName: "Styles__StyledMenu",
   componentId: "sc-1v8h7mt-1"
 })(["", ""], {
@@ -42,20 +34,20 @@ const StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_Menu.Men
   "paddingTop": "1rem",
   "paddingBottom": "1rem"
 });
-const StyledButtonGroup = exports.StyledButtonGroup = (0, _styledComponents.default)(_ButtonGroup.ButtonGroup).withConfig({
+export const StyledButtonGroup = styled(ButtonGroup).withConfig({
   displayName: "Styles__StyledButtonGroup",
   componentId: "sc-1v8h7mt-2"
-})(["", " ", " button:hover{position:relative;z-index:1;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-const StyledSpan = exports.StyledSpan = _styledComponents.default.span.withConfig({
+})(["", " ", " button:hover{position:relative;z-index:1;}"], FontStyle, BoxSizingStyle);
+export const StyledSpan = styled.span.withConfig({
   displayName: "Styles__StyledSpan",
   componentId: "sc-1v8h7mt-3"
 })(["line-height:30px;color:var(--color-theme-700);"]);
-const StyledDiv = exports.StyledDiv = _styledComponents.default.div.withConfig({
+export const StyledDiv = styled.div.withConfig({
   displayName: "Styles__StyledDiv",
   componentId: "sc-1v8h7mt-4"
-})(["", " ", " ", " height:32px;transition:all 0.3s ease;background-color:transparent;border:solid 1px var(--color-theme-700);color:var(--color-theme-700);margin-right:-1px;display:none;", "{display:block;}svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}&:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none;}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"], props => props.$isTargetable && (0, _styledComponents.css)(["", ""], {
+})(["", " ", " ", " height:32px;transition:all 0.3s ease;background-color:transparent;border:solid 1px var(--color-theme-700);color:var(--color-theme-700);margin-right:-1px;display:none;", "{display:block;}svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}&:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none;}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"], props => props.$isTargetable && css(["", ""], {
   "pointerEvents": "none"
-}), props => props.$isRounded && (0, _styledComponents.css)(["border-radius:var(--ac-br-rounded);"]), {
+}), props => props.$isRounded && css(["border-radius:var(--ac-br-rounded);"]), {
   "position": "relative",
   "margin": "0px",
   "display": "inline-block",
@@ -72,8 +64,8 @@ const StyledDiv = exports.StyledDiv = _styledComponents.default.div.withConfig({
   "textDecorationLine": "none",
   "WebkitFontSmoothing": "antialiased",
   "MozOsxFontSmoothing": "grayscale"
-}, _BreakPoints.screen.md);
-const StyledControl = exports.StyledControl = (0, _styledComponents.default)(_IconButton.IconButton).withConfig({
+}, screen.md);
+export const StyledControl = styled(IconButton).withConfig({
   displayName: "Styles__StyledControl",
   componentId: "sc-1v8h7mt-5"
 })(["border-radius:var(--ac-br-8);"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_BreakPoints","_ButtonGroup","_FontStyle","_IconButton","_Menu","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledButton","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","screen","md","StyledControl","IconButton"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { screen } from \"../../BreakPoints\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { IconButton } from \"../../IconButton\";\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  display: none;\n\n  ${screen.md} {\n    display: block;\n  }\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\nexport const StyledControl = styled(IconButton)`\n  border-radius: var(--ac-br-8);\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\nStyledControl.displayName = \"StyledControl\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","screen","ButtonGroup","FontStyle","IconButton","Menu","StyledButton","button","withConfig","displayName","componentId","StyledMenu","StyledButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","$isRounded","md","StyledControl"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { screen } from \"../../BreakPoints\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { IconButton } from \"../../IconButton\";\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  display: none;\n\n  ${screen.md} {\n    display: block;\n  }\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\nexport const StyledControl = styled(IconButton)`\n  border-radius: var(--ac-br-8);\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\nStyledControl.displayName = \"StyledControl\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,IAAI,QAAQ,YAAY;AAEjC,OAAO,MAAMC,YAAY,GAAGR,MAAM,CAACS,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kVACrCP,SAAS,EACTH,cAAc,EAEZ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAaJ,CAAC,CAkCF;AAED,OAAO,MAAMW,UAAU,GAAGb,MAAM,CAACO,IAAI,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAKJ,CAAC,CACF;AAED,OAAO,MAAME,iBAAiB,GAAGd,MAAM,CAACI,WAAW,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAChDP,SAAS,EACTH,cAAc,CAMjB;AAED,OAAO,MAAMa,UAAU,GAAGf,MAAM,CAACgB,IAAI,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sDAGpC;AAOD,OAAO,MAAMK,SAAS,GAAGjB,MAAM,CAACkB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oiBAC9BO,KAAK,IACNA,KAAK,CAACC,aAAa,IACnBnB,GAAG,WACG;EAAA;AAAuB,CAAC,CAC7B,EAEAkB,KAAK,IACNA,KAAK,CAACE,UAAU,IAChBpB,GAAG,yCAEF,EAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAgBJ,CAAC,EAUCE,MAAM,CAACmB,EAAE,CAiCZ;AAED,OAAO,MAAMC,aAAa,GAAGvB,MAAM,CAACM,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAE9C;AAEDE,iBAAiB,CAACH,WAAW,GAAG,mBAAmB;AACnDI,UAAU,CAACJ,WAAW,GAAG,YAAY;AACrCM,SAAS,CAACN,WAAW,GAAG,WAAW;AACnCE,UAAU,CAACF,WAAW,GAAG,YAAY;AACrCH,YAAY,CAACG,WAAW,GAAG,cAAc;AACzCY,aAAa,CAACZ,WAAW,GAAG,eAAe"}

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

@@ -1,17 +1,2 @@
-"use strict";
-
-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;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DateStepper[key];
-    }
-  });
-});
+export * from "./DateStepper";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_DateStepper","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Steppers/DateStepper/index.ts"],"sourcesContent":["export * from \"./DateStepper\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Steppers/DateStepper/index.ts"],"sourcesContent":["export * from \"./DateStepper\";\n"],"mappings":"AAAA,cAAc,eAAe"}

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

@@ -1,23 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-const Steps = exports.Steps = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import React, { useMemo, forwardRef } from "react";
+import classnames from "classnames";
+import { StyledStep, StyledSteps } from "./Styles";
+export const Steps = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     numberOfSteps,
     activeStep,
     progressive = false,
     wrapperClassName
   } = _ref;
-  const steps = (0, _react.useMemo)(() => {
+  const steps = useMemo(() => {
     // fastest way to generate an array of N numbers
     const a = [];
     let b = numberOfSteps;
@@ -26,7 +17,7 @@ const Steps = exports.Steps = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     }
     return a;
   }, [numberOfSteps]);
-  const activeSteps = (0, _react.useMemo)(() => {
+  const activeSteps = useMemo(() => {
     if (!progressive) {
       return [activeStep];
     }
@@ -34,12 +25,12 @@ const Steps = exports.Steps = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
       return step <= activeStep;
     });
   }, [activeStep, progressive, steps]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSteps, {
-    className: (0, _classnames.default)("c-steps-wrapper", wrapperClassName),
+  return /*#__PURE__*/React.createElement(StyledSteps, {
+    className: classnames("c-steps-wrapper", wrapperClassName),
     ref: ref
   }, steps.map(step => {
-    return /*#__PURE__*/_react.default.createElement(_Styles.StyledStep, {
-      key: `step-${step}`,
+    return /*#__PURE__*/React.createElement(StyledStep, {
+      key: "step-" + step,
       $isActiveStep: activeSteps.indexOf(step) > -1
     });
   }));

package/dist/esm/components/Steppers/Steps/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Steps","exports","forwardRef","_ref","ref","numberOfSteps","activeStep","progressive","wrapperClassName","steps","useMemo","b","activeSteps","filter","step","createElement","StyledSteps","className","classnames","map","StyledStep","key","$isActiveStep","indexOf","displayName"],"sources":["../../../../../src/components/Steppers/Steps/Steps.tsx"],"sourcesContent":["import React, { Ref, useMemo, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledStep, StyledSteps } from \"./Styles\";\n\nexport interface 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":"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"}
+{"version":3,"file":"Steps.js","names":["React","useMemo","forwardRef","classnames","StyledStep","StyledSteps","Steps","_ref","ref","numberOfSteps","activeStep","progressive","wrapperClassName","steps","a","b","activeSteps","filter","step","createElement","className","map","key","$isActiveStep","indexOf","displayName"],"sources":["../../../../../src/components/Steppers/Steps/Steps.tsx"],"sourcesContent":["import React, { Ref, useMemo, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledStep, StyledSteps } from \"./Styles\";\n\nexport interface 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,OAAOA,KAAK,IAASC,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAEvD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,EAAEC,WAAW,QAAQ,UAAU;AAalD,OAAO,MAAMC,KAAK,gBAAGJ,UAAU,CAC7B,CAAAK,IAAA,EAOEC,GAA2C,KACxC;EAAA,IAPH;IACEC,aAAa;IACbC,UAAU;IACVC,WAAW,GAAG,KAAK;IACnBC;EACW,CAAC,GAAAL,IAAA;EAGd,MAAMM,KAAK,GAAGZ,OAAO,CAAC,MAAM;IAC1B;IACA,MAAMa,CAAW,GAAG,EAAE;IACtB,IAAIC,CAAC,GAAGN,aAAa;IACrB,OAAOM,CAAC,EAAE,EAAE;MACVD,CAAC,CAACC,CAAC,CAAC,GAAGA,CAAC,GAAG,CAAC;IACd;IACA,OAAOD,CAAC;EACV,CAAC,EAAE,CAACL,aAAa,CAAC,CAAC;EAEnB,MAAMO,WAAW,GAAGf,OAAO,CAAC,MAAM;IAChC,IAAI,CAACU,WAAW,EAAE;MAChB,OAAO,CAACD,UAAU,CAAC;IACrB;IAEA,OAAOG,KAAK,CAACI,MAAM,CAAEC,IAAI,IAAK;MAC5B,OAAOA,IAAI,IAAIR,UAAU;IAC3B,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,EAAEC,WAAW,EAAEE,KAAK,CAAC,CAAC;EAEpC,oBACEb,KAAA,CAAAmB,aAAA,CAACd,WAAW;IACVe,SAAS,EAAEjB,UAAU,CAAC,iBAAiB,EAAES,gBAAgB,CAAE;IAC3DJ,GAAG,EAAEA;EAAI,GAERK,KAAK,CAACQ,GAAG,CAAEH,IAAI,IAAK;IACnB,oBACElB,KAAA,CAAAmB,aAAA,CAACf,UAAU;MACTkB,GAAG,YAAUJ,IAAO;MACpBK,aAAa,EAAEP,WAAW,CAACQ,OAAO,CAACN,IAAI,CAAC,GAAG,CAAC;IAAE,CAC/C,CAAC;EAEN,CAAC,CACU,CAAC;AAElB,CACF,CAAC;AAEDZ,KAAK,CAACmB,WAAW,GAAG,OAAO"}