@tecsinapse/react-core 1.20.0 → 1.21.0

package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js

@@ -1,219 +1,215 @@
-var _excluded = ["TextComponent", "value", "onChange", "mode", "locale", "upperDateThreshold", "lowerDateThreshold", "offsetThreshold", "upperOffsetThreshold", "lowerOffsetThreshold", "dateModalTitle", "timeModalTitle", "dateConfirmButtonText", "timeConfirmButtonText", "dayLabel", "monthLabel", "yearLabel", "hourLabel", "minuteLabel"];
-
-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; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import { add, compareAsc, format as formatDate, getDaysInMonth, isSameDay, isSameMonth, isSameYear, set, sub } from 'date-fns';
+import { sub, add, isSameDay, isSameMonth, isSameYear, set, getDaysInMonth, compareAsc, format } from 'date-fns';
 import * as React from 'react';
-import { Button } from '../../atoms/Button';
-import { Icon } from '../../atoms/Icon';
-import { Text } from '../../atoms/Text';
-import { Selector } from './Selector';
-import { BackButton, Content, Header, Root, SelectorContainer } from './styled';
-
+import Button from '../../atoms/Button/Button.js';
+import Icon from '../../atoms/Icon/Icon.js';
+import Text from '../../atoms/Text/Text.js';
+import '../../atoms/Button/States/styled.js';
+import '@emotion/react';
+import { Selector } from './Selector.js';
+import { Root, Header, BackButton, Content, SelectorContainer } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 function getThresholdUnit(mode, threshold) {
-  if (!threshold) return {};
-
-  if (mode === 'month') {
-    return {
-      months: threshold
-    };
-  } else if (['date', 'datetime'].includes(mode)) {
-    return {
-      days: threshold
-    };
+  if (!threshold)
+    return {};
+  if (mode === "month") {
+    return { months: threshold };
+  } else if (["date", "datetime"].includes(mode)) {
+    return { days: threshold };
   } else {
-    return {
-      hours: threshold
-    };
+    return { hours: threshold };
   }
 }
-
-var DateTimeSelector = function DateTimeSelector(_ref) {
-  var _ref$TextComponent = _ref.TextComponent,
-      TextComponent = _ref$TextComponent === void 0 ? Text : _ref$TextComponent,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'date' : _ref$mode,
-      locale = _ref.locale,
-      _upperDateThreshold = _ref.upperDateThreshold,
-      _lowerDateThreshold = _ref.lowerDateThreshold,
-      offsetThreshold = _ref.offsetThreshold,
-      upperOffsetThreshold = _ref.upperOffsetThreshold,
-      lowerOffsetThreshold = _ref.lowerOffsetThreshold,
-      dateModalTitle = _ref.dateModalTitle,
-      timeModalTitle = _ref.timeModalTitle,
-      dateConfirmButtonText = _ref.dateConfirmButtonText,
-      timeConfirmButtonText = _ref.timeConfirmButtonText,
-      dayLabel = _ref.dayLabel,
-      monthLabel = _ref.monthLabel,
-      yearLabel = _ref.yearLabel,
-      hourLabel = _ref.hourLabel,
-      minuteLabel = _ref.minuteLabel,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var lowerDateThreshold = _lowerDateThreshold || (offsetThreshold || lowerOffsetThreshold) && sub(new Date(), getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold));
-
-  var upperDateThreshold = _upperDateThreshold || (offsetThreshold || upperOffsetThreshold) && add(new Date(), getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold));
-
-  var _React$useState = React.useState(value || new Date()),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      date = _React$useState2[0],
-      setDate = _React$useState2[1];
-
-  var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      currentMode = _React$useState4[0],
-      setCurrentMode = _React$useState4[1];
-
-  var isDate = ['date', 'month'].includes(mode) || mode === 'datetime' && currentMode === 0;
-  var modalTitle = isDate ? dateModalTitle : timeModalTitle;
-  var confirmButtonText = isDate ? dateConfirmButtonText : timeConfirmButtonText;
-
-  var handleChange = function handleChange(granularity) {
-    return function (newValue) {
-      setDate(function (date) {
-        var newState;
-
-        if (['month', 'year'].includes(granularity)) {
-          var newDate = set(date, _defineProperty({}, granularity, newValue));
-          var daysInMonth = getDaysInMonth(newDate);
-
-          if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {
-            newDate = set(newDate, {
-              month: date.getMonth()
-            });
-            newState = set(newDate, {
-              date: getDaysInMonth(newDate)
-            });
-          }
-
-          newState = daysInMonth < date.getDate() ? set(newDate, {
-            date: daysInMonth
-          }) : newDate;
-        } else {
-          newState = set(date, _defineProperty({}, granularity, newValue));
-        }
-
-        if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {
-          return upperDateThreshold;
-        } else if (lowerDateThreshold && compareAsc(newState, lowerDateThreshold) < 0) {
-          return lowerDateThreshold;
-        } else {
-          return newState;
+const DateTimeSelector = (_a) => {
+  var _b = _a, {
+    TextComponent = Text,
+    value,
+    onChange,
+    mode = "date",
+    locale,
+    upperDateThreshold: _upperDateThreshold,
+    lowerDateThreshold: _lowerDateThreshold,
+    offsetThreshold,
+    upperOffsetThreshold,
+    lowerOffsetThreshold,
+    dateModalTitle,
+    timeModalTitle,
+    dateConfirmButtonText,
+    timeConfirmButtonText,
+    dayLabel,
+    monthLabel,
+    yearLabel,
+    hourLabel,
+    minuteLabel
+  } = _b, rest = __objRest(_b, [
+    "TextComponent",
+    "value",
+    "onChange",
+    "mode",
+    "locale",
+    "upperDateThreshold",
+    "lowerDateThreshold",
+    "offsetThreshold",
+    "upperOffsetThreshold",
+    "lowerOffsetThreshold",
+    "dateModalTitle",
+    "timeModalTitle",
+    "dateConfirmButtonText",
+    "timeConfirmButtonText",
+    "dayLabel",
+    "monthLabel",
+    "yearLabel",
+    "hourLabel",
+    "minuteLabel"
+  ]);
+  const lowerDateThreshold = _lowerDateThreshold || (offsetThreshold || lowerOffsetThreshold) && sub(
+    new Date(),
+    getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold)
+  );
+  const upperDateThreshold = _upperDateThreshold || (offsetThreshold || upperOffsetThreshold) && add(
+    new Date(),
+    getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold)
+  );
+  const [date, setDate] = React.useState(value || new Date());
+  const [currentMode, setCurrentMode] = React.useState(0);
+  const isDate = ["date", "month"].includes(mode) || mode === "datetime" && currentMode === 0;
+  const modalTitle = isDate ? dateModalTitle : timeModalTitle;
+  const confirmButtonText = isDate ? dateConfirmButtonText : timeConfirmButtonText;
+  const handleChange = (granularity) => (newValue) => {
+    setDate((date2) => {
+      let newState;
+      if (["month", "year"].includes(granularity)) {
+        let newDate = set(date2, { [granularity]: newValue });
+        const daysInMonth = getDaysInMonth(newDate);
+        if (granularity === "year" && date2.getMonth() != newDate.getMonth()) {
+          newDate = set(newDate, { month: date2.getMonth() });
+          newState = set(newDate, { date: getDaysInMonth(newDate) });
         }
-      });
-    };
+        newState = daysInMonth < date2.getDate() ? set(newDate, { date: daysInMonth }) : newDate;
+      } else {
+        newState = set(date2, { [granularity]: newValue });
+      }
+      if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {
+        return upperDateThreshold;
+      } else if (lowerDateThreshold && compareAsc(newState, lowerDateThreshold) < 0) {
+        return lowerDateThreshold;
+      } else {
+        return newState;
+      }
+    });
   };
-
-  var getDisplayedValue = function getDisplayedValue(granularity) {
-    return function (value) {
-      return granularity === 'month' ? formatDate(date, 'MMM', {
-        locale: locale
-      }).slice(0, 3) : value.toString().padStart(2, '0');
-    };
+  const getDisplayedValue = (granularity) => (value2) => {
+    return granularity === "month" ? format(date, "MMM", { locale }).slice(0, 3) : value2.toString().padStart(2, "0");
   };
-
-  var handlePressConfirm = function handlePressConfirm() {
-    if (mode === 'datetime' && currentMode === 0) {
+  const handlePressConfirm = () => {
+    if (mode === "datetime" && currentMode === 0) {
       setCurrentMode(1);
     } else {
-      onChange === null || onChange === void 0 ? void 0 : onChange(date);
+      onChange == null ? void 0 : onChange(date);
     }
   };
-
-  var handlePressBack = function handlePressBack() {
+  const handlePressBack = () => {
     setCurrentMode(0);
   };
-
-  return React.createElement(Root, rest, React.createElement(Header, null, currentMode === 1 && React.createElement(BackButton, {
+  return /* @__PURE__ */ React.createElement(Root, __spreadValues({}, rest), /* @__PURE__ */ React.createElement(Header, null, currentMode === 1 && /* @__PURE__ */ React.createElement(BackButton, {
     onPress: handlePressBack
-  }, React.createElement(Icon, {
-    type: 'material-community',
-    name: 'chevron-left',
-    size: 'mega',
-    colorVariant: 'secondary'
-  })), React.createElement(TextComponent, {
-    typography: 'base',
-    colorVariant: 'secondary'
-  }, modalTitle)), isDate ? React.createElement(Content, null, mode !== 'month' && React.createElement(SelectorContainer, {
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    type: "material-community",
+    name: "chevron-left",
+    size: "mega",
+    colorVariant: "secondary"
+  })), /* @__PURE__ */ React.createElement(TextComponent, {
+    typography: "base",
+    colorVariant: "secondary"
+  }, modalTitle)), isDate ? /* @__PURE__ */ React.createElement(Content, null, mode !== "month" && /* @__PURE__ */ React.createElement(SelectorContainer, {
     isFirst: true
-  }, React.createElement(Selector, {
-    TextComponent: TextComponent,
-    onChange: handleChange('date'),
+  }, /* @__PURE__ */ React.createElement(Selector, {
+    TextComponent,
+    onChange: handleChange("date"),
     referenceDate: date,
     value: date.getDate(),
-    label: dayLabel || 'Day',
-    granularity: 'date',
-    getDisplayValue: getDisplayedValue('date'),
+    label: dayLabel || "Day",
+    granularity: "date",
+    getDisplayValue: getDisplayedValue("date"),
     preventUpper: upperDateThreshold ? isSameDay(upperDateThreshold, date) : false,
     preventLower: lowerDateThreshold ? isSameDay(lowerDateThreshold, date) : false
-  })), React.createElement(SelectorContainer, null, React.createElement(Selector, {
-    TextComponent: TextComponent,
-    onChange: handleChange('month'),
+  })), /* @__PURE__ */ React.createElement(SelectorContainer, null, /* @__PURE__ */ React.createElement(Selector, {
+    TextComponent,
+    onChange: handleChange("month"),
     referenceDate: date,
     value: date.getMonth(),
-    label: monthLabel || 'Month',
-    granularity: 'month',
-    getDisplayValue: getDisplayedValue('month'),
+    label: monthLabel || "Month",
+    granularity: "month",
+    getDisplayValue: getDisplayedValue("month"),
     preventUpper: upperDateThreshold ? isSameMonth(upperDateThreshold, date) : false,
     preventLower: lowerDateThreshold ? isSameMonth(lowerDateThreshold, date) : false
-  })), React.createElement(SelectorContainer, {
+  })), /* @__PURE__ */ React.createElement(SelectorContainer, {
     isLast: true
-  }, React.createElement(Selector, {
-    TextComponent: TextComponent,
-    onChange: handleChange('year'),
+  }, /* @__PURE__ */ React.createElement(Selector, {
+    TextComponent,
+    onChange: handleChange("year"),
     referenceDate: date,
     value: date.getFullYear(),
-    label: yearLabel || 'Year',
-    granularity: 'year',
-    getDisplayValue: getDisplayedValue('year'),
+    label: yearLabel || "Year",
+    granularity: "year",
+    getDisplayValue: getDisplayedValue("year"),
     preventUpper: upperDateThreshold ? isSameYear(upperDateThreshold, date) : false,
     preventLower: lowerDateThreshold ? isSameYear(lowerDateThreshold, date) : false
-  }))) : React.createElement(Content, null, React.createElement(SelectorContainer, {
+  }))) : /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(SelectorContainer, {
     isFirst: true
-  }, React.createElement(Selector, {
-    TextComponent: TextComponent,
-    onChange: handleChange('hours'),
+  }, /* @__PURE__ */ React.createElement(Selector, {
+    TextComponent,
+    onChange: handleChange("hours"),
     referenceDate: date,
     value: date.getHours(),
-    label: hourLabel || 'Hour',
-    granularity: 'hours',
-    getDisplayValue: getDisplayedValue('hours')
-  })), React.createElement(SelectorContainer, {
+    label: hourLabel || "Hour",
+    granularity: "hours",
+    getDisplayValue: getDisplayedValue("hours")
+  })), /* @__PURE__ */ React.createElement(SelectorContainer, {
     isLast: true
-  }, React.createElement(Selector, {
-    TextComponent: TextComponent,
-    onChange: handleChange('minutes'),
+  }, /* @__PURE__ */ React.createElement(Selector, {
+    TextComponent,
+    onChange: handleChange("minutes"),
     referenceDate: date,
     value: date.getMinutes(),
-    label: minuteLabel || 'Minute',
-    granularity: 'minutes',
-    getDisplayValue: getDisplayedValue('minutes')
-  }))), React.createElement(Button, {
-    color: 'primary',
+    label: minuteLabel || "Minute",
+    granularity: "minutes",
+    getDisplayValue: getDisplayedValue("minutes")
+  }))), /* @__PURE__ */ React.createElement(Button, {
+    color: "primary",
     onPress: handlePressConfirm
-  }, React.createElement(TextComponent, {
+  }, /* @__PURE__ */ React.createElement(TextComponent, {
     fontWeight: "bold",
     fontColor: "light"
-  }, confirmButtonText || 'OK')));
+  }, confirmButtonText || "OK")));
 };
 
-export default DateTimeSelector;
-//# sourceMappingURL=DateTimeSelector.js.map
+export { DateTimeSelector as default };
+//# sourceMappingURL=DateTimeSelector.js.map

package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeSelector.js","names":["add","compareAsc","format","formatDate","getDaysInMonth","isSameDay","isSameMonth","isSameYear","set","sub","React","Button","Icon","Text","Selector","BackButton","Content","Header","Root","SelectorContainer","getThresholdUnit","mode","threshold","months","includes","days","hours","DateTimeSelector","TextComponent","value","onChange","locale","_upperDateThreshold","upperDateThreshold","_lowerDateThreshold","lowerDateThreshold","offsetThreshold","upperOffsetThreshold","lowerOffsetThreshold","dateModalTitle","timeModalTitle","dateConfirmButtonText","timeConfirmButtonText","dayLabel","monthLabel","yearLabel","hourLabel","minuteLabel","rest","Date","useState","date","setDate","currentMode","setCurrentMode","isDate","modalTitle","confirmButtonText","handleChange","granularity","newValue","newState","newDate","daysInMonth","getMonth","month","getDate","getDisplayedValue","slice","toString","padStart","handlePressConfirm","handlePressBack","getFullYear","getHours","getMinutes"],"sources":["../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  add,\n  compareAsc,\n  format as formatDate,\n  getDaysInMonth,\n  isSameDay,\n  isSameMonth,\n  isSameYear,\n  set,\n  sub,\n} from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { Granularity, Selector } from './Selector';\nimport { BackButton, Content, Header, Root, SelectorContainer } from './styled';\n\nexport type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';\n\nexport interface DateTimeSelectorProps extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  value?: Date;\n  onChange?: (value: Date) => void | never;\n\n  /**\n   * Defines the Picker behavior\n   * Must be one of ['date', 'time', 'datetime', 'month']\n   */\n  mode?: DateTimeSelectorMode;\n  format?: string;\n  locale?: Locale;\n\n  /**\n   * Maximum date from today\n   */\n  upperDateThreshold?: Date;\n\n  /**\n   * Minimum date from today\n   */\n  lowerDateThreshold?: Date;\n\n  /**\n   * Minimum and maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  offsetThreshold?: number;\n\n  /**\n   * Maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  upperOffsetThreshold?: number;\n\n  /**\n   * Minimum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  lowerOffsetThreshold?: number;\n\n  dateModalTitle?: string;\n  timeModalTitle?: string;\n  dateConfirmButtonText?: string;\n  timeConfirmButtonText?: string;\n  dayLabel?: string;\n  monthLabel?: string;\n  yearLabel?: string;\n  hourLabel?: string;\n  minuteLabel?: string;\n}\n\nfunction getThresholdUnit(mode: DateTimeSelectorMode, threshold?: number) {\n  if (!threshold) return {};\n  if (mode === 'month') {\n    return { months: threshold };\n  } else if (['date', 'datetime'].includes(mode)) {\n    return { days: threshold };\n  } else {\n    return { hours: threshold };\n  }\n}\n\nconst DateTimeSelector: React.FC<DateTimeSelectorProps> = ({\n  TextComponent = Text,\n  value,\n  onChange,\n  mode = 'date',\n  locale,\n  upperDateThreshold: _upperDateThreshold,\n  lowerDateThreshold: _lowerDateThreshold,\n  offsetThreshold,\n  upperOffsetThreshold,\n  lowerOffsetThreshold,\n  dateModalTitle,\n  timeModalTitle,\n  dateConfirmButtonText,\n  timeConfirmButtonText,\n  dayLabel,\n  monthLabel,\n  yearLabel,\n  hourLabel,\n  minuteLabel,\n  ...rest\n}) => {\n  const lowerDateThreshold =\n    _lowerDateThreshold ||\n    ((offsetThreshold || lowerOffsetThreshold) &&\n      sub(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold)\n      ));\n\n  const upperDateThreshold =\n    _upperDateThreshold ||\n    ((offsetThreshold || upperOffsetThreshold) &&\n      add(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold)\n      ));\n\n  const [date, setDate] = React.useState<Date>(value || new Date());\n  const [currentMode, setCurrentMode] = React.useState<0 | 1>(0);\n\n  const isDate =\n    ['date', 'month'].includes(mode) ||\n    (mode === 'datetime' && currentMode === 0);\n\n  const modalTitle = isDate ? dateModalTitle : timeModalTitle;\n  const confirmButtonText = isDate\n    ? dateConfirmButtonText\n    : timeConfirmButtonText;\n\n  const handleChange = (granularity: Granularity) => (newValue: number) => {\n    setDate(date => {\n      let newState: Date;\n      // Months and years must have a different handling for being\n      // the only date units that may interfere another unit.\n      if (['month', 'year'].includes(granularity)) {\n        let newDate = set(date, { [granularity]: newValue });\n        const daysInMonth = getDaysInMonth(newDate);\n        if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {\n          newDate = set(newDate, { month: date.getMonth() });\n          newState = set(newDate, { date: getDaysInMonth(newDate) });\n        }\n        newState =\n          daysInMonth < date.getDate()\n            ? set(newDate, { date: daysInMonth })\n            : newDate;\n      } else {\n        newState = set(date, { [granularity]: newValue });\n      }\n\n      if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {\n        return upperDateThreshold;\n      } else if (\n        lowerDateThreshold &&\n        compareAsc(newState, lowerDateThreshold) < 0\n      ) {\n        return lowerDateThreshold;\n      } else {\n        return newState;\n      }\n    });\n  };\n\n  const getDisplayedValue = (granularity: Granularity) => (value: number) => {\n    return granularity === 'month'\n      ? formatDate(date, 'MMM', { locale: locale }).slice(0, 3)\n      : value.toString().padStart(2, '0');\n  };\n\n  const handlePressConfirm = () => {\n    if (mode === 'datetime' && currentMode === 0) {\n      setCurrentMode(1);\n    } else {\n      onChange?.(date);\n    }\n  };\n\n  const handlePressBack = () => {\n    setCurrentMode(0);\n  };\n\n  return (\n    <Root {...rest}>\n      <Header>\n        {currentMode === 1 && (\n          <BackButton onPress={handlePressBack}>\n            <Icon\n              type={'material-community'}\n              name={'chevron-left'}\n              size={'mega'}\n              colorVariant={'secondary'}\n            />\n          </BackButton>\n        )}\n        <TextComponent typography={'base'} colorVariant={'secondary'}>\n          {modalTitle}\n        </TextComponent>\n      </Header>\n\n      {isDate ? (\n        <Content>\n          {mode !== 'month' && (\n            <SelectorContainer isFirst>\n              <Selector\n                TextComponent={TextComponent}\n                onChange={handleChange('date')}\n                referenceDate={date}\n                value={date.getDate()}\n                label={dayLabel || 'Day'}\n                granularity={'date'}\n                getDisplayValue={getDisplayedValue('date')}\n                preventUpper={\n                  upperDateThreshold\n                    ? isSameDay(upperDateThreshold, date)\n                    : false\n                }\n                preventLower={\n                  lowerDateThreshold\n                    ? isSameDay(lowerDateThreshold, date)\n                    : false\n                }\n              />\n            </SelectorContainer>\n          )}\n          <SelectorContainer>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('month')}\n              referenceDate={date}\n              value={date.getMonth()}\n              label={monthLabel || 'Month'}\n              granularity={'month'}\n              getDisplayValue={getDisplayedValue('month')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameMonth(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameMonth(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('year')}\n              referenceDate={date}\n              value={date.getFullYear()}\n              label={yearLabel || 'Year'}\n              granularity={'year'}\n              getDisplayValue={getDisplayedValue('year')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameYear(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameYear(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n        </Content>\n      ) : (\n        <Content>\n          <SelectorContainer isFirst>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('hours')}\n              referenceDate={date}\n              value={date.getHours()}\n              label={hourLabel || 'Hour'}\n              granularity={'hours'}\n              getDisplayValue={getDisplayedValue('hours')}\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('minutes')}\n              referenceDate={date}\n              value={date.getMinutes()}\n              label={minuteLabel || 'Minute'}\n              granularity={'minutes'}\n              getDisplayValue={getDisplayedValue('minutes')}\n            />\n          </SelectorContainer>\n        </Content>\n      )}\n      <Button color={'primary'} onPress={handlePressConfirm}>\n        <TextComponent fontWeight=\"bold\" fontColor=\"light\">\n          {confirmButtonText || 'OK'}\n        </TextComponent>\n      </Button>\n    </Root>\n  );\n};\n\nexport default DateTimeSelector;\n"],"mappings":"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"}
+{"version":3,"file":"DateTimeSelector.js","sources":["../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  add,\n  compareAsc,\n  format as formatDate,\n  getDaysInMonth,\n  isSameDay,\n  isSameMonth,\n  isSameYear,\n  set,\n  sub,\n} from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { Granularity, Selector } from './Selector';\nimport { BackButton, Content, Header, Root, SelectorContainer } from './styled';\n\nexport type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';\n\nexport interface DateTimeSelectorProps extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  value?: Date;\n  onChange?: (value: Date) => void | never;\n\n  /**\n   * Defines the Picker behavior\n   * Must be one of ['date', 'time', 'datetime', 'month']\n   */\n  mode?: DateTimeSelectorMode;\n  format?: string;\n  locale?: Locale;\n\n  /**\n   * Maximum date from today\n   */\n  upperDateThreshold?: Date;\n\n  /**\n   * Minimum date from today\n   */\n  lowerDateThreshold?: Date;\n\n  /**\n   * Minimum and maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  offsetThreshold?: number;\n\n  /**\n   * Maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  upperOffsetThreshold?: number;\n\n  /**\n   * Minimum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  lowerOffsetThreshold?: number;\n\n  dateModalTitle?: string;\n  timeModalTitle?: string;\n  dateConfirmButtonText?: string;\n  timeConfirmButtonText?: string;\n  dayLabel?: string;\n  monthLabel?: string;\n  yearLabel?: string;\n  hourLabel?: string;\n  minuteLabel?: string;\n}\n\nfunction getThresholdUnit(mode: DateTimeSelectorMode, threshold?: number) {\n  if (!threshold) return {};\n  if (mode === 'month') {\n    return { months: threshold };\n  } else if (['date', 'datetime'].includes(mode)) {\n    return { days: threshold };\n  } else {\n    return { hours: threshold };\n  }\n}\n\nconst DateTimeSelector: React.FC<DateTimeSelectorProps> = ({\n  TextComponent = Text,\n  value,\n  onChange,\n  mode = 'date',\n  locale,\n  upperDateThreshold: _upperDateThreshold,\n  lowerDateThreshold: _lowerDateThreshold,\n  offsetThreshold,\n  upperOffsetThreshold,\n  lowerOffsetThreshold,\n  dateModalTitle,\n  timeModalTitle,\n  dateConfirmButtonText,\n  timeConfirmButtonText,\n  dayLabel,\n  monthLabel,\n  yearLabel,\n  hourLabel,\n  minuteLabel,\n  ...rest\n}) => {\n  const lowerDateThreshold =\n    _lowerDateThreshold ||\n    ((offsetThreshold || lowerOffsetThreshold) &&\n      sub(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold)\n      ));\n\n  const upperDateThreshold =\n    _upperDateThreshold ||\n    ((offsetThreshold || upperOffsetThreshold) &&\n      add(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold)\n      ));\n\n  const [date, setDate] = React.useState<Date>(value || new Date());\n  const [currentMode, setCurrentMode] = React.useState<0 | 1>(0);\n\n  const isDate =\n    ['date', 'month'].includes(mode) ||\n    (mode === 'datetime' && currentMode === 0);\n\n  const modalTitle = isDate ? dateModalTitle : timeModalTitle;\n  const confirmButtonText = isDate\n    ? dateConfirmButtonText\n    : timeConfirmButtonText;\n\n  const handleChange = (granularity: Granularity) => (newValue: number) => {\n    setDate(date => {\n      let newState: Date;\n      // Months and years must have a different handling for being\n      // the only date units that may interfere another unit.\n      if (['month', 'year'].includes(granularity)) {\n        let newDate = set(date, { [granularity]: newValue });\n        const daysInMonth = getDaysInMonth(newDate);\n        if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {\n          newDate = set(newDate, { month: date.getMonth() });\n          newState = set(newDate, { date: getDaysInMonth(newDate) });\n        }\n        newState =\n          daysInMonth < date.getDate()\n            ? set(newDate, { date: daysInMonth })\n            : newDate;\n      } else {\n        newState = set(date, { [granularity]: newValue });\n      }\n\n      if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {\n        return upperDateThreshold;\n      } else if (\n        lowerDateThreshold &&\n        compareAsc(newState, lowerDateThreshold) < 0\n      ) {\n        return lowerDateThreshold;\n      } else {\n        return newState;\n      }\n    });\n  };\n\n  const getDisplayedValue = (granularity: Granularity) => (value: number) => {\n    return granularity === 'month'\n      ? formatDate(date, 'MMM', { locale: locale }).slice(0, 3)\n      : value.toString().padStart(2, '0');\n  };\n\n  const handlePressConfirm = () => {\n    if (mode === 'datetime' && currentMode === 0) {\n      setCurrentMode(1);\n    } else {\n      onChange?.(date);\n    }\n  };\n\n  const handlePressBack = () => {\n    setCurrentMode(0);\n  };\n\n  return (\n    <Root {...rest}>\n      <Header>\n        {currentMode === 1 && (\n          <BackButton onPress={handlePressBack}>\n            <Icon\n              type={'material-community'}\n              name={'chevron-left'}\n              size={'mega'}\n              colorVariant={'secondary'}\n            />\n          </BackButton>\n        )}\n        <TextComponent typography={'base'} colorVariant={'secondary'}>\n          {modalTitle}\n        </TextComponent>\n      </Header>\n\n      {isDate ? (\n        <Content>\n          {mode !== 'month' && (\n            <SelectorContainer isFirst>\n              <Selector\n                TextComponent={TextComponent}\n                onChange={handleChange('date')}\n                referenceDate={date}\n                value={date.getDate()}\n                label={dayLabel || 'Day'}\n                granularity={'date'}\n                getDisplayValue={getDisplayedValue('date')}\n                preventUpper={\n                  upperDateThreshold\n                    ? isSameDay(upperDateThreshold, date)\n                    : false\n                }\n                preventLower={\n                  lowerDateThreshold\n                    ? isSameDay(lowerDateThreshold, date)\n                    : false\n                }\n              />\n            </SelectorContainer>\n          )}\n          <SelectorContainer>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('month')}\n              referenceDate={date}\n              value={date.getMonth()}\n              label={monthLabel || 'Month'}\n              granularity={'month'}\n              getDisplayValue={getDisplayedValue('month')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameMonth(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameMonth(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('year')}\n              referenceDate={date}\n              value={date.getFullYear()}\n              label={yearLabel || 'Year'}\n              granularity={'year'}\n              getDisplayValue={getDisplayedValue('year')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameYear(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameYear(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n        </Content>\n      ) : (\n        <Content>\n          <SelectorContainer isFirst>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('hours')}\n              referenceDate={date}\n              value={date.getHours()}\n              label={hourLabel || 'Hour'}\n              granularity={'hours'}\n              getDisplayValue={getDisplayedValue('hours')}\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('minutes')}\n              referenceDate={date}\n              value={date.getMinutes()}\n              label={minuteLabel || 'Minute'}\n              granularity={'minutes'}\n              getDisplayValue={getDisplayedValue('minutes')}\n            />\n          </SelectorContainer>\n        </Content>\n      )}\n      <Button color={'primary'} onPress={handlePressConfirm}>\n        <TextComponent fontWeight=\"bold\" fontColor=\"light\">\n          {confirmButtonText || 'OK'}\n        </TextComponent>\n      </Button>\n    </Root>\n  );\n};\n\nexport default DateTimeSelector;\n"],"names":["date","value","formatDate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA,SAAS,gBAAA,CAAiB,MAA4B,SAAoB,EAAA;AACxE,EAAA,IAAI,CAAC,SAAA;AAAW,IAAA,OAAO,EAAC,CAAA;AACxB,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,EAAE,QAAQ,SAAU,EAAA,CAAA;AAAA,aAClB,CAAC,MAAA,EAAQ,UAAU,CAAE,CAAA,QAAA,CAAS,IAAI,CAAG,EAAA;AAC9C,IAAO,OAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AAAA,GACpB,MAAA;AACL,IAAO,OAAA,EAAE,OAAO,SAAU,EAAA,CAAA;AAAA,GAC5B;AACF,CAAA;AAEM,MAAA,gBAAA,GAAoD,CAAC,EAqBrD,KAAA;AArBqD,EACzD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAgB,aAAA,GAAA,IAAA;AAAA,IAChB,KAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAO,GAAA,MAAA;AAAA,IACP,MAAA;AAAA,IACA,kBAAoB,EAAA,mBAAA;AAAA,IACpB,kBAAoB,EAAA,mBAAA;AAAA,IACpB,eAAA;AAAA,IACA,oBAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,qBAAA;AAAA,IACA,qBAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,GAnHF,GAgG2D,EAoBtD,EAAA,IAAA,GAAA,SAAA,CApBsD,EAoBtD,EAAA;AAAA,IAnBH,eAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,oBAAA;AAAA,IACA,oBAAA;AAAA,IACA,iBAAA;AAAA,IACA,sBAAA;AAAA,IACA,sBAAA;AAAA,IACA,gBAAA;AAAA,IACA,gBAAA;AAAA,IACA,uBAAA;AAAA,IACA,uBAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,kBAAA,GACJ,mBACE,IAAA,CAAA,eAAA,IAAmB,oBACnB,KAAA,GAAA;AAAA,IACE,IAAI,IAAK,EAAA;AAAA,IACT,gBAAA,CAAiB,IAAM,EAAA,eAAA,IAAmB,oBAAoB,CAAA;AAAA,GAChE,CAAA;AAEJ,EAAM,MAAA,kBAAA,GACJ,mBACE,IAAA,CAAA,eAAA,IAAmB,oBACnB,KAAA,GAAA;AAAA,IACE,IAAI,IAAK,EAAA;AAAA,IACT,gBAAA,CAAiB,IAAM,EAAA,eAAA,IAAmB,oBAAoB,CAAA;AAAA,GAChE,CAAA;AAEJ,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAI,MAAM,QAAe,CAAA,KAAA,IAAS,IAAI,IAAA,EAAM,CAAA,CAAA;AAChE,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,KAAA,CAAM,SAAgB,CAAC,CAAA,CAAA;AAE7D,EAAM,MAAA,MAAA,GACJ,CAAC,MAAA,EAAQ,OAAO,CAAA,CAAE,SAAS,IAAI,CAAA,IAC9B,IAAS,KAAA,UAAA,IAAc,WAAgB,KAAA,CAAA,CAAA;AAE1C,EAAM,MAAA,UAAA,GAAa,SAAS,cAAiB,GAAA,cAAA,CAAA;AAC7C,EAAM,MAAA,iBAAA,GAAoB,SACtB,qBACA,GAAA,qBAAA,CAAA;AAEJ,EAAA,MAAM,YAAe,GAAA,CAAC,WAA6B,KAAA,CAAC,QAAqB,KAAA;AACvE,IAAA,OAAA,CAAQ,CAAAA,KAAQ,KAAA;AACd,MAAI,IAAA,QAAA,CAAA;AAGJ,MAAA,IAAI,CAAC,OAAS,EAAA,MAAM,CAAE,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AAC3C,QAAA,IAAI,UAAU,GAAIA,CAAAA,KAAAA,EAAM,EAAE,CAAC,WAAA,GAAc,UAAU,CAAA,CAAA;AACnD,QAAM,MAAA,WAAA,GAAc,eAAe,OAAO,CAAA,CAAA;AAC1C,QAAA,IAAI,gBAAgB,MAAUA,IAAAA,KAAAA,CAAK,UAAc,IAAA,OAAA,CAAQ,UAAY,EAAA;AACnE,UAAA,OAAA,GAAU,IAAI,OAAS,EAAA,EAAE,OAAOA,KAAK,CAAA,QAAA,IAAY,CAAA,CAAA;AACjD,UAAA,QAAA,GAAW,IAAI,OAAS,EAAA,EAAE,MAAM,cAAe,CAAA,OAAO,GAAG,CAAA,CAAA;AAAA,SAC3D;AACA,QACE,QAAA,GAAA,WAAA,GAAcA,KAAK,CAAA,OAAA,EACf,GAAA,GAAA,CAAI,SAAS,EAAE,IAAA,EAAM,WAAY,EAAC,CAClC,GAAA,OAAA,CAAA;AAAA,OACD,MAAA;AACL,QAAA,QAAA,GAAW,IAAIA,KAAM,EAAA,EAAE,CAAC,WAAA,GAAc,UAAU,CAAA,CAAA;AAAA,OAClD;AAEA,MAAA,IAAI,kBAAsB,IAAA,UAAA,CAAW,QAAU,EAAA,kBAAkB,IAAI,CAAG,EAAA;AACtE,QAAO,OAAA,kBAAA,CAAA;AAAA,iBAEP,kBACA,IAAA,UAAA,CAAW,QAAU,EAAA,kBAAkB,IAAI,CAC3C,EAAA;AACA,QAAO,OAAA,kBAAA,CAAA;AAAA,OACF,MAAA;AACL,QAAO,OAAA,QAAA,CAAA;AAAA,OACT;AAAA,KACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,iBAAoB,GAAA,CAAC,WAA6B,KAAA,CAACC,MAAkB,KAAA;AACzE,IAAA,OAAO,gBAAgB,OACnB,GAAAC,MAAA,CAAW,MAAM,KAAO,EAAA,EAAE,QAAgB,CAAA,CAAE,KAAM,CAAA,CAAA,EAAG,CAAC,CACtDD,GAAAA,MAAAA,CAAM,UAAW,CAAA,QAAA,CAAS,GAAG,GAAG,CAAA,CAAA;AAAA,GACtC,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAI,IAAA,IAAA,KAAS,UAAc,IAAA,WAAA,KAAgB,CAAG,EAAA;AAC5C,MAAA,cAAA,CAAe,CAAC,CAAA,CAAA;AAAA,KACX,MAAA;AACL,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KACb;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,cAAA,CAAe,CAAC,CAAA,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,2CACG,IAAS,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,sCACP,MACE,EAAA,IAAA,EAAA,WAAA,KAAgB,qBACd,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,OAAS,EAAA,eAAA;AAAA,GAAA,kBAClB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAM,EAAA,oBAAA;AAAA,IACN,IAAM,EAAA,cAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,YAAc,EAAA,WAAA;AAAA,GAChB,CACF,mBAED,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,UAAY,EAAA,MAAA;AAAA,IAAQ,YAAc,EAAA,WAAA;AAAA,GAC9C,EAAA,UACH,CACF,CAEC,EAAA,MAAA,uCACE,OACE,EAAA,IAAA,EAAA,IAAA,KAAS,2BACP,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IAAkB,OAAO,EAAA,IAAA;AAAA,GAAA,kBACvB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,QAAA,EAAU,aAAa,MAAM,CAAA;AAAA,IAC7B,aAAe,EAAA,IAAA;AAAA,IACf,KAAA,EAAO,KAAK,OAAQ,EAAA;AAAA,IACpB,OAAO,QAAY,IAAA,KAAA;AAAA,IACnB,WAAa,EAAA,MAAA;AAAA,IACb,eAAA,EAAiB,kBAAkB,MAAM,CAAA;AAAA,IACzC,YACE,EAAA,kBAAA,GACI,SAAU,CAAA,kBAAA,EAAoB,IAAI,CAClC,GAAA,KAAA;AAAA,IAEN,YACE,EAAA,kBAAA,GACI,SAAU,CAAA,kBAAA,EAAoB,IAAI,CAClC,GAAA,KAAA;AAAA,GAER,CACF,CAAA,kBAED,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,QAAA,EAAU,aAAa,OAAO,CAAA;AAAA,IAC9B,aAAe,EAAA,IAAA;AAAA,IACf,KAAA,EAAO,KAAK,QAAS,EAAA;AAAA,IACrB,OAAO,UAAc,IAAA,OAAA;AAAA,IACrB,WAAa,EAAA,OAAA;AAAA,IACb,eAAA,EAAiB,kBAAkB,OAAO,CAAA;AAAA,IAC1C,YACE,EAAA,kBAAA,GACI,WAAY,CAAA,kBAAA,EAAoB,IAAI,CACpC,GAAA,KAAA;AAAA,IAEN,YACE,EAAA,kBAAA,GACI,WAAY,CAAA,kBAAA,EAAoB,IAAI,CACpC,GAAA,KAAA;AAAA,GAER,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IAAkB,MAAM,EAAA,IAAA;AAAA,GAAA,kBACtB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,QAAA,EAAU,aAAa,MAAM,CAAA;AAAA,IAC7B,aAAe,EAAA,IAAA;AAAA,IACf,KAAA,EAAO,KAAK,WAAY,EAAA;AAAA,IACxB,OAAO,SAAa,IAAA,MAAA;AAAA,IACpB,WAAa,EAAA,MAAA;AAAA,IACb,eAAA,EAAiB,kBAAkB,MAAM,CAAA;AAAA,IACzC,YACE,EAAA,kBAAA,GACI,UAAW,CAAA,kBAAA,EAAoB,IAAI,CACnC,GAAA,KAAA;AAAA,IAEN,YACE,EAAA,kBAAA,GACI,UAAW,CAAA,kBAAA,EAAoB,IAAI,CACnC,GAAA,KAAA;AAAA,GAER,CACF,CACF,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAC,+BACE,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IAAkB,OAAO,EAAA,IAAA;AAAA,GAAA,kBACvB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,QAAA,EAAU,aAAa,OAAO,CAAA;AAAA,IAC9B,aAAe,EAAA,IAAA;AAAA,IACf,KAAA,EAAO,KAAK,QAAS,EAAA;AAAA,IACrB,OAAO,SAAa,IAAA,MAAA;AAAA,IACpB,WAAa,EAAA,OAAA;AAAA,IACb,eAAA,EAAiB,kBAAkB,OAAO,CAAA;AAAA,GAC5C,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IAAkB,MAAM,EAAA,IAAA;AAAA,GAAA,kBACtB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,QAAA,EAAU,aAAa,SAAS,CAAA;AAAA,IAChC,aAAe,EAAA,IAAA;AAAA,IACf,KAAA,EAAO,KAAK,UAAW,EAAA;AAAA,IACvB,OAAO,WAAe,IAAA,QAAA;AAAA,IACtB,WAAa,EAAA,SAAA;AAAA,IACb,eAAA,EAAiB,kBAAkB,SAAS,CAAA;AAAA,GAC9C,CACF,CACF,CAAA,kBAED,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IAAO,KAAO,EAAA,SAAA;AAAA,IAAW,OAAS,EAAA,kBAAA;AAAA,GAAA,kBAChC,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,UAAW,EAAA,MAAA;AAAA,IAAO,SAAU,EAAA,OAAA;AAAA,GACxC,EAAA,iBAAA,IAAqB,IACxB,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}