@tecsinapse/react-core 1.20.0 → 1.21.0

package/dist/components/molecules/Calendar/Calendar.js

@@ -1,122 +1,172 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _dateFns = require("date-fns");
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _Icon = require("../../atoms/Icon");
-
-var _Text = require("../../atoms/Text");
-
-var _styled = require("./styled");
-
-var _components = require("./components");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+'use strict';
+
+var dateFns = require('date-fns');
+var React = require('react');
+var reactNative = require('react-native');
+var Icon = require('../../atoms/Icon/Icon.js');
+var Text = require('../../atoms/Text/Text.js');
+var styled = require('./styled.js');
+var Weekdays = require('./components/Weekdays.js');
+var MonthWeek = require('./components/MonthWeek.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
 
-const now = (0, _dateFns.set)(new Date(), {
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+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;
+};
+const now = dateFns.set(new Date(), {
   date: 1,
   hours: 0,
   minutes: 0,
   seconds: 0,
   milliseconds: 0
 });
-
 function dayOfWeekFromWeekStart(dayOfWeek, weekStartsOn) {
   return dayOfWeek === 0 ? 0 : dayOfWeek - weekStartsOn;
 }
-
-function Calendar(_ref) {
-  let {
-    TextComponent = _Text.Text,
+function Calendar(_a) {
+  var _b = _a, {
+    TextComponent = Text,
     year: _year,
     month: _month,
     value,
     type,
     onChange,
-    locale,
-    ...rest
-  } = _ref;
-
-  const _referenceDate = React.useMemo(() => _year && _month ? new Date(_year, _month, 1, 0, 0, 0, 0) : _month ? new Date(now.getFullYear(), _month, 1, 0, 0, 0, 0) : now, [_year, _month]);
-
-  const [referenceDate, setReferenceDate] = React.useState(_referenceDate);
-  const startingWeekDay = React.useMemo(() => {
-    var _locale$options$weekS, _locale$options;
-
-    return dayOfWeekFromWeekStart(referenceDate.getDay(), (_locale$options$weekS = locale === null || locale === void 0 ? void 0 : (_locale$options = locale.options) === null || _locale$options === void 0 ? void 0 : _locale$options.weekStartsOn) !== null && _locale$options$weekS !== void 0 ? _locale$options$weekS : 0);
-  }, [referenceDate, locale]);
-  const weeksInMonth = React.useMemo(() => {
-    var _locale$options$weekS2, _locale$options2;
-
-    return (0, _dateFns.getWeeksInMonth)(referenceDate, {
-      weekStartsOn: (_locale$options$weekS2 = locale === null || locale === void 0 ? void 0 : (_locale$options2 = locale.options) === null || _locale$options2 === void 0 ? void 0 : _locale$options2.weekStartsOn) !== null && _locale$options$weekS2 !== void 0 ? _locale$options$weekS2 : 0
-    });
-  }, [referenceDate, locale]);
-  const Capitalized = React.useMemo(() => (0, _styled.getCapitalizedTextComponent)(TextComponent), [TextComponent]);
-  const calendar = React.useMemo(() => [...Array(weeksInMonth).keys()].map(week => [...Array(7).keys()].map(weekDayIndex => (0, _dateFns.add)(referenceDate, {
-    days: 6 * week + week + weekDayIndex - startingWeekDay
-  }))), [weeksInMonth, startingWeekDay, referenceDate]);
-  const handlePressNext = React.useCallback(() => {
-    setReferenceDate((0, _dateFns.add)(referenceDate, {
-      months: 1
-    }));
+    locale
+  } = _b, rest = __objRest(_b, [
+    "TextComponent",
+    "year",
+    "month",
+    "value",
+    "type",
+    "onChange",
+    "locale"
+  ]);
+  const _referenceDate = React__namespace.useMemo(
+    () => _year && _month ? new Date(_year, _month, 1, 0, 0, 0, 0) : _month ? new Date(now.getFullYear(), _month, 1, 0, 0, 0, 0) : now,
+    [_year, _month]
+  );
+  const [referenceDate, setReferenceDate] = React__namespace.useState(_referenceDate);
+  const startingWeekDay = React__namespace.useMemo(
+    () => {
+      var _a2, _b2;
+      return dayOfWeekFromWeekStart(
+        referenceDate.getDay(),
+        (_b2 = (_a2 = locale == null ? void 0 : locale.options) == null ? void 0 : _a2.weekStartsOn) != null ? _b2 : 0
+      );
+    },
+    [referenceDate, locale]
+  );
+  const weeksInMonth = React__namespace.useMemo(
+    () => {
+      var _a2, _b2;
+      return dateFns.getWeeksInMonth(referenceDate, {
+        weekStartsOn: (_b2 = (_a2 = locale == null ? void 0 : locale.options) == null ? void 0 : _a2.weekStartsOn) != null ? _b2 : 0
+      });
+    },
+    [referenceDate, locale]
+  );
+  const Capitalized = React__namespace.useMemo(
+    () => styled.getCapitalizedTextComponent(TextComponent),
+    [TextComponent]
+  );
+  const calendar = React__namespace.useMemo(
+    () => [...Array(weeksInMonth).keys()].map(
+      (week) => [...Array(7).keys()].map(
+        (weekDayIndex) => dateFns.add(referenceDate, {
+          days: 6 * week + week + weekDayIndex - startingWeekDay
+        })
+      )
+    ),
+    [weeksInMonth, startingWeekDay, referenceDate]
+  );
+  const handlePressNext = React__namespace.useCallback(() => {
+    setReferenceDate(dateFns.add(referenceDate, { months: 1 }));
   }, [referenceDate, setReferenceDate]);
-  const handlePressPrev = React.useCallback(() => {
-    setReferenceDate((0, _dateFns.add)(referenceDate, {
-      months: -1
-    }));
+  const handlePressPrev = React__namespace.useCallback(() => {
+    setReferenceDate(dateFns.add(referenceDate, { months: -1 }));
   }, [referenceDate, setReferenceDate]);
-  return React.createElement(_reactNative.View, rest, React.createElement(_styled.TitleContainer, null, React.createElement(_styled.Control, {
+  return /* @__PURE__ */ React__namespace.createElement(reactNative.View, __spreadValues({}, rest), /* @__PURE__ */ React__namespace.createElement(styled.TitleContainer, null, /* @__PURE__ */ React__namespace.createElement(styled.Control, {
     onPress: handlePressPrev,
-    align: 'start',
+    align: "start",
     isLeft: true
-  }, React.createElement(_Icon.Icon, {
-    name: 'chevron-left',
-    type: 'material-community',
-    size: 'kilo',
-    colorVariant: 'secondary',
-    colorTone: 'medium'
-  })), React.createElement(Capitalized, {
-    colorVariant: 'secondary',
-    colorTone: 'xdark',
-    fontWeight: 'bold'
-  }, (0, _dateFns.format)(referenceDate, 'MMMM yyyy', {
-    locale
-  })), React.createElement(_styled.Control, {
+  }, /* @__PURE__ */ React__namespace.createElement(Icon, {
+    name: "chevron-left",
+    type: "material-community",
+    size: "kilo",
+    colorVariant: "secondary",
+    colorTone: "medium"
+  })), /* @__PURE__ */ React__namespace.createElement(Capitalized, {
+    colorVariant: "secondary",
+    colorTone: "xdark",
+    fontWeight: "bold"
+  }, dateFns.format(referenceDate, "MMMM yyyy", { locale })), /* @__PURE__ */ React__namespace.createElement(styled.Control, {
     onPress: handlePressNext,
-    align: 'end',
+    align: "end",
     isRright: true
-  }, React.createElement(_Icon.Icon, {
-    name: 'chevron-right',
-    type: 'material-community',
-    size: 'kilo',
-    colorVariant: 'secondary',
-    colorTone: 'medium'
-  }))), React.createElement(_styled.Content, null, React.createElement(_components.Weekdays, {
-    locale: locale,
-    calendar: calendar,
-    Capitalized: Capitalized
-  }), calendar.map((week, index) => React.createElement(_components.MonthWeek, {
-    week: week,
-    type: type,
-    value: value,
-    key: "week-".concat(index),
-    onChange: onChange,
-    TextComponent: TextComponent,
-    referenceDate: referenceDate
+  }, /* @__PURE__ */ React__namespace.createElement(Icon, {
+    name: "chevron-right",
+    type: "material-community",
+    size: "kilo",
+    colorVariant: "secondary",
+    colorTone: "medium"
+  }))), /* @__PURE__ */ React__namespace.createElement(styled.Content, null, /* @__PURE__ */ React__namespace.createElement(Weekdays, {
+    locale,
+    calendar,
+    Capitalized
+  }), calendar.map((week, index) => /* @__PURE__ */ React__namespace.createElement(MonthWeek, {
+    week,
+    type,
+    value,
+    key: `week-${index}`,
+    onChange,
+    TextComponent,
+    referenceDate
   }))));
 }
 
-var _default = Calendar;
-exports.default = _default;
-//# sourceMappingURL=Calendar.js.map
+module.exports = Calendar;
+//# sourceMappingURL=Calendar.js.map

package/dist/components/molecules/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["now","set","Date","date","hours","minutes","seconds","milliseconds","dayOfWeekFromWeekStart","dayOfWeek","weekStartsOn","Calendar","TextComponent","Text","year","_year","month","_month","value","type","onChange","locale","rest","_referenceDate","React","useMemo","getFullYear","referenceDate","setReferenceDate","useState","startingWeekDay","getDay","options","weeksInMonth","getWeeksInMonth","Capitalized","getCapitalizedTextComponent","calendar","Array","keys","map","week","weekDayIndex","add","days","handlePressNext","useCallback","months","handlePressPrev","format","index"],"sources":["../../../../src/components/molecules/Calendar/Calendar.tsx"],"sourcesContent":["import { add, format, getWeeksInMonth, set } from 'date-fns';\nimport * as React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport {\n  Content,\n  Control,\n  getCapitalizedTextComponent,\n  TitleContainer,\n} from './styled';\nimport { Weekdays, MonthWeek } from './components';\n\nexport type SelectionType = 'range' | 'day';\n\nexport type DateRange = { lowest: Date; highest?: Date };\n\nexport type Value<T extends SelectionType> = T extends 'range'\n  ? DateRange\n  : Date;\n\nexport interface CalendarProps<T extends SelectionType> extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  year?: number;\n  month?: number;\n  onChange?: (value?: Value<T>) => void | never;\n  type?: T;\n  value?: Value<T>;\n  locale?: Locale;\n}\n\nconst now = set(new Date(), {\n  date: 1,\n  hours: 0,\n  minutes: 0,\n  seconds: 0,\n  milliseconds: 0,\n});\n\nfunction dayOfWeekFromWeekStart(dayOfWeek: number, weekStartsOn: number) {\n  return dayOfWeek === 0 ? 0 : dayOfWeek - weekStartsOn;\n}\n\nfunction Calendar<T extends SelectionType>({\n  TextComponent = Text,\n  year: _year,\n  month: _month,\n  value,\n  type,\n  onChange,\n  locale,\n  ...rest\n}: CalendarProps<T>): JSX.Element {\n  const _referenceDate = React.useMemo(\n    () =>\n      _year && _month\n        ? new Date(_year, _month, 1, 0, 0, 0, 0)\n        : _month\n        ? new Date(now.getFullYear(), _month, 1, 0, 0, 0, 0)\n        : now,\n    [_year, _month]\n  );\n\n  const [referenceDate, setReferenceDate] = React.useState(_referenceDate);\n\n  const startingWeekDay = React.useMemo(\n    () =>\n      dayOfWeekFromWeekStart(\n        referenceDate.getDay(),\n        locale?.options?.weekStartsOn ?? 0\n      ),\n    [referenceDate, locale]\n  );\n\n  const weeksInMonth = React.useMemo(\n    () =>\n      getWeeksInMonth(referenceDate, {\n        weekStartsOn: locale?.options?.weekStartsOn ?? 0,\n      }),\n    [referenceDate, locale]\n  );\n\n  const Capitalized = React.useMemo(\n    () => getCapitalizedTextComponent(TextComponent),\n    [TextComponent]\n  );\n\n  const calendar = React.useMemo(\n    () =>\n      [...Array(weeksInMonth).keys()].map(week =>\n        [...Array(7).keys()].map(weekDayIndex =>\n          add(referenceDate, {\n            days: 6 * week + week + weekDayIndex - startingWeekDay,\n          })\n        )\n      ),\n    [weeksInMonth, startingWeekDay, referenceDate]\n  );\n\n  const handlePressNext = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: 1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  const handlePressPrev = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: -1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  return (\n    <View {...rest}>\n      <TitleContainer>\n        <Control onPress={handlePressPrev} align={'start'} isLeft>\n          <Icon\n            name={'chevron-left'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n        <Capitalized\n          colorVariant={'secondary'}\n          colorTone={'xdark'}\n          fontWeight={'bold'}\n        >\n          {format(referenceDate, 'MMMM yyyy', { locale })}\n        </Capitalized>\n        <Control onPress={handlePressNext} align={'end'} isRright>\n          <Icon\n            name={'chevron-right'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n      </TitleContainer>\n      <Content>\n        <Weekdays\n          locale={locale}\n          calendar={calendar}\n          Capitalized={Capitalized}\n        />\n        {calendar.map((week, index) => (\n          <MonthWeek\n            week={week}\n            type={type}\n            value={value}\n            key={`week-${index}`}\n            onChange={onChange}\n            TextComponent={TextComponent}\n            referenceDate={referenceDate}\n          />\n        ))}\n      </Content>\n    </View>\n  );\n}\n\nexport default Calendar;\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","sources":["../../../../src/components/molecules/Calendar/Calendar.tsx"],"sourcesContent":["import { add, format, getWeeksInMonth, set } from 'date-fns';\nimport * as React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport {\n  Content,\n  Control,\n  getCapitalizedTextComponent,\n  TitleContainer,\n} from './styled';\nimport { Weekdays, MonthWeek } from './components';\n\nexport type SelectionType = 'range' | 'day';\n\nexport type DateRange = { lowest: Date; highest?: Date };\n\nexport type Value<T extends SelectionType> = T extends 'range'\n  ? DateRange\n  : Date;\n\nexport interface CalendarProps<T extends SelectionType> extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  year?: number;\n  month?: number;\n  onChange?: (value?: Value<T>) => void | never;\n  type?: T;\n  value?: Value<T>;\n  locale?: Locale;\n}\n\nconst now = set(new Date(), {\n  date: 1,\n  hours: 0,\n  minutes: 0,\n  seconds: 0,\n  milliseconds: 0,\n});\n\nfunction dayOfWeekFromWeekStart(dayOfWeek: number, weekStartsOn: number) {\n  return dayOfWeek === 0 ? 0 : dayOfWeek - weekStartsOn;\n}\n\nfunction Calendar<T extends SelectionType>({\n  TextComponent = Text,\n  year: _year,\n  month: _month,\n  value,\n  type,\n  onChange,\n  locale,\n  ...rest\n}: CalendarProps<T>): JSX.Element {\n  const _referenceDate = React.useMemo(\n    () =>\n      _year && _month\n        ? new Date(_year, _month, 1, 0, 0, 0, 0)\n        : _month\n        ? new Date(now.getFullYear(), _month, 1, 0, 0, 0, 0)\n        : now,\n    [_year, _month]\n  );\n\n  const [referenceDate, setReferenceDate] = React.useState(_referenceDate);\n\n  const startingWeekDay = React.useMemo(\n    () =>\n      dayOfWeekFromWeekStart(\n        referenceDate.getDay(),\n        locale?.options?.weekStartsOn ?? 0\n      ),\n    [referenceDate, locale]\n  );\n\n  const weeksInMonth = React.useMemo(\n    () =>\n      getWeeksInMonth(referenceDate, {\n        weekStartsOn: locale?.options?.weekStartsOn ?? 0,\n      }),\n    [referenceDate, locale]\n  );\n\n  const Capitalized = React.useMemo(\n    () => getCapitalizedTextComponent(TextComponent),\n    [TextComponent]\n  );\n\n  const calendar = React.useMemo(\n    () =>\n      [...Array(weeksInMonth).keys()].map(week =>\n        [...Array(7).keys()].map(weekDayIndex =>\n          add(referenceDate, {\n            days: 6 * week + week + weekDayIndex - startingWeekDay,\n          })\n        )\n      ),\n    [weeksInMonth, startingWeekDay, referenceDate]\n  );\n\n  const handlePressNext = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: 1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  const handlePressPrev = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: -1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  return (\n    <View {...rest}>\n      <TitleContainer>\n        <Control onPress={handlePressPrev} align={'start'} isLeft>\n          <Icon\n            name={'chevron-left'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n        <Capitalized\n          colorVariant={'secondary'}\n          colorTone={'xdark'}\n          fontWeight={'bold'}\n        >\n          {format(referenceDate, 'MMMM yyyy', { locale })}\n        </Capitalized>\n        <Control onPress={handlePressNext} align={'end'} isRright>\n          <Icon\n            name={'chevron-right'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n      </TitleContainer>\n      <Content>\n        <Weekdays\n          locale={locale}\n          calendar={calendar}\n          Capitalized={Capitalized}\n        />\n        {calendar.map((week, index) => (\n          <MonthWeek\n            week={week}\n            type={type}\n            value={value}\n            key={`week-${index}`}\n            onChange={onChange}\n            TextComponent={TextComponent}\n            referenceDate={referenceDate}\n          />\n        ))}\n      </Content>\n    </View>\n  );\n}\n\nexport default Calendar;\n"],"names":["set","React","_a","_b","getWeeksInMonth","getCapitalizedTextComponent","add","View","TitleContainer","Control","format","Content"],"mappings":"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"}

package/dist/components/molecules/Calendar/Calendar.stories.d.ts

@@ -0,0 +1,8 @@
+import { Story } from '@storybook/react';
+import { Calendar, CalendarProps } from './index';
+declare const _default: {
+    title: string;
+    component: typeof Calendar;
+};
+export default _default;
+export declare const Base: Story<CalendarProps<"range">>;

package/dist/components/molecules/Calendar/components/MonthWeek.js

@@ -1,149 +1,116 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _dateFns = require("date-fns");
-
-var _styled = require("../styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const MonthWeek = _ref => {
-  let {
-    week,
-    referenceDate,
-    type,
-    value,
-    TextComponent,
-    onChange
-  } = _ref;
-
-  const checkIfIsBetween = _react.default.useCallback((date, _value) => {
-    if (type !== 'range' || !_value) return false;else {
-      const {
-        lowest,
-        highest
-      } = _value;
-      if (!highest) return false;
-      return (0, _dateFns.compareAsc)(lowest, date) <= 0 && (0, _dateFns.compareAsc)(highest, date) >= 0;
-    }
-  }, [type]);
-
-  const checkIfIsSelected = _react.default.useCallback((date, _value) => {
-    if (!_value) return false;else if (type === 'range' && _value) {
-      const {
-        lowest,
-        highest
-      } = _value;
-      return (0, _dateFns.isSameDay)(lowest, date) || (highest ? (0, _dateFns.isSameDay)(highest, date) : false);
-    } else {
-      return (0, _dateFns.isSameDay)(_value, date);
-    }
-  }, [type]);
-
-  const handlePressCell = _react.default.useCallback((date, _value) => () => {
-    if (type === 'day') {
-      onChange === null || onChange === void 0 ? void 0 : onChange(date);
-    } else if (!_value) {
-      onChange === null || onChange === void 0 ? void 0 : onChange({
-        lowest: date
-      });
-    } else {
-      let newValue;
-      const {
-        lowest,
-        highest
-      } = _value;
-
-      if (!highest) {
-        if ((0, _dateFns.compareAsc)(date, lowest) === -1) {
-          newValue = {
-            lowest: date,
-            highest: undefined
-          };
-        } else if ((0, _dateFns.compareAsc)(date, lowest) === 0) {
-          newValue = undefined;
-        } else {
-          newValue = {
-            lowest: lowest,
-            highest: date
-          };
-        }
+'use strict';
+
+var React = require('react');
+var dateFns = require('date-fns');
+var styled = require('../styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const MonthWeek = ({
+  week,
+  referenceDate,
+  type,
+  value,
+  TextComponent,
+  onChange
+}) => {
+  const checkIfIsBetween = React__default["default"].useCallback(
+    (date, _value) => {
+      if (type !== "range" || !_value)
+        return false;
+      else {
+        const { lowest, highest } = _value;
+        if (!highest)
+          return false;
+        return dateFns.compareAsc(lowest, date) <= 0 && dateFns.compareAsc(highest, date) >= 0;
+      }
+    },
+    [type]
+  );
+  const checkIfIsSelected = React__default["default"].useCallback(
+    (date, _value) => {
+      if (!_value)
+        return false;
+      else if (type === "range" && _value) {
+        const { lowest, highest } = _value;
+        return dateFns.isSameDay(lowest, date) || (highest ? dateFns.isSameDay(highest, date) : false);
       } else {
-        if ((0, _dateFns.compareAsc)(date, lowest) === -1) {
-          newValue = {
-            lowest: date,
-            highest: undefined
-          };
-        } else if ((0, _dateFns.compareAsc)(date, lowest) === 0) {
-          newValue = undefined;
+        return dateFns.isSameDay(_value, date);
+      }
+    },
+    [type]
+  );
+  const handlePressCell = React__default["default"].useCallback(
+    (date, _value) => () => {
+      if (type === "day") {
+        onChange == null ? void 0 : onChange(date);
+      } else if (!_value) {
+        onChange == null ? void 0 : onChange({ lowest: date });
+      } else {
+        let newValue;
+        const { lowest, highest } = _value;
+        if (!highest) {
+          if (dateFns.compareAsc(date, lowest) === -1) {
+            newValue = { lowest: date, highest: void 0 };
+          } else if (dateFns.compareAsc(date, lowest) === 0) {
+            newValue = void 0;
+          } else {
+            newValue = { lowest, highest: date };
+          }
         } else {
-          if ((0, _dateFns.compareAsc)(date, highest) === -1) {
-            newValue = {
-              lowest: lowest,
-              highest: date
-            };
-          } else if ((0, _dateFns.compareAsc)(date, highest) === 0) {
-            newValue = {
-              lowest: lowest,
-              highest: undefined
-            };
+          if (dateFns.compareAsc(date, lowest) === -1) {
+            newValue = { lowest: date, highest: void 0 };
+          } else if (dateFns.compareAsc(date, lowest) === 0) {
+            newValue = void 0;
           } else {
-            newValue = {
-              lowest: lowest,
-              highest: date
-            };
+            if (dateFns.compareAsc(date, highest) === -1) {
+              newValue = { lowest, highest: date };
+            } else if (dateFns.compareAsc(date, highest) === 0) {
+              newValue = { lowest, highest: void 0 };
+            } else {
+              newValue = { lowest, highest: date };
+            }
           }
         }
+        onChange == null ? void 0 : onChange(newValue);
       }
-
-      onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-    }
-  }, [onChange, type]);
-
-  return _react.default.createElement(_styled.Week, null, week.map((date, index) => {
+    },
+    [onChange, type]
+  );
+  return /* @__PURE__ */ React__default["default"].createElement(styled.Week, null, week.map((date, index) => {
     const isSelected = checkIfIsSelected(date, value);
     const isBetween = checkIfIsBetween(date, value);
     let isRangeStart, isRangeEnd;
-
-    if (type === 'range' && value) {
-      const {
-        lowest,
-        highest
-      } = value;
-      isRangeStart = highest && (0, _dateFns.isSameDay)(lowest, date);
-      isRangeEnd = !!highest && (0, _dateFns.isSameDay)(highest, date);
+    if (type === "range" && value) {
+      const { lowest, highest } = value;
+      isRangeStart = highest && dateFns.isSameDay(lowest, date);
+      isRangeEnd = !!highest && dateFns.isSameDay(highest, date);
     } else {
       isRangeStart = false;
       isRangeEnd = false;
     }
-
-    const colorTone = isSelected ? 'xlight' : date.getMonth() === referenceDate.getMonth() ? 'xdark' : 'light';
-    return _react.default.createElement(_styled.Cell, {
+    const colorTone = isSelected ? "xlight" : date.getMonth() === referenceDate.getMonth() ? "xdark" : "light";
+    return /* @__PURE__ */ React__default["default"].createElement(styled.Cell, {
       key: date.getDate(),
       selected: isSelected,
       highlighted: isBetween,
       isLineEnd: index === 6,
       isLineStart: index === 0,
-      isRangeStart: isRangeStart,
-      isRangeEnd: isRangeEnd,
+      isRangeStart,
+      isRangeEnd,
       onPress: handlePressCell(date, value)
-    }, _react.default.createElement(_styled.Selected, {
+    }, /* @__PURE__ */ React__default["default"].createElement(styled.Selected, {
       selected: isSelected,
-      pointerEvents: 'none'
-    }, _react.default.createElement(TextComponent, {
-      colorVariant: 'secondary',
-      colorTone: colorTone
+      pointerEvents: "none"
+    }, /* @__PURE__ */ React__default["default"].createElement(TextComponent, {
+      colorVariant: "secondary",
+      colorTone
     }, date.getDate())));
   }));
 };
+var MonthWeek$1 = React__default["default"].memo(MonthWeek);
 
-var _default = _react.default.memo(MonthWeek);
-
-exports.default = _default;
-//# sourceMappingURL=MonthWeek.js.map
+module.exports = MonthWeek$1;
+//# sourceMappingURL=MonthWeek.js.map