@mirai/ui 1.0.204 → 1.0.206

package/build/components/Calendar/Calendar.Month.js

@@ -8,7 +8,6 @@ exports.Month = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
-var _hooks = require("../../hooks");
 var _primitives = require("../../primitives");
 var _theme = require("../../theme");
 var _Calendar = require("./Calendar.constants");
@@ -16,7 +15,7 @@ var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
 var _Calendar2 = require("./Calendar.Week");
 var _Calendar3 = require("./Calendar.Weekdays");
 var _helpers2 = require("./helpers");
-var _excluded = ["disabledPast", "focus", "format", "from", "instance", "locale", "range", "selected", "timestamp", "to", "onChange", "onFocus", "onNext", "onPrevious"];
+var _excluded = ["disabledPast", "focus", "format", "from", "instance", "locale", "range", "selected", "timestamp", "to", "vertical", "onChange", "onFocus", "onNext", "onPrevious"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -39,6 +38,7 @@ var Month = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     selected = _ref.selected,
     timestamp = _ref.timestamp,
     to = _ref.to,
+    vertical = _ref.vertical,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
     _ref$onFocus = _ref.onFocus,
@@ -46,8 +46,6 @@ var Month = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     onNext = _ref.onNext,
     onPrevious = _ref.onPrevious,
     others = _objectWithoutProperties(_ref, _excluded);
-  var _useDevice = (0, _hooks.useDevice)(),
-    isMobile = _useDevice.isMobile;
   var direction = _theme.Theme.getDirection();
   var weekNumber = (0, _helpers2.getWeekNumber)(instance);
   var testId = others.testId;
@@ -72,7 +70,7 @@ var Month = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     testId: testId ? "".concat(testId, "-next") : undefined
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: direction === LEFT ? _primitives.ICON.RIGHT : _primitives.ICON.LEFT
-  }))), !isMobile && /*#__PURE__*/_react.default.createElement(_Calendar3.Weekdays, {
+  }))), !vertical && /*#__PURE__*/_react.default.createElement(_Calendar3.Weekdays, {
     locale: locale
   }), _Calendar.VISIBLE_WEEKS.map(function (week) {
     return /*#__PURE__*/_react.default.createElement(_Calendar2.Week, _extends({}, _objectSpread(_objectSpread({}, others), {}, {
@@ -112,6 +110,7 @@ Month.propTypes = {
   to: _propTypes.default.instanceOf(Date),
   tooltips: _propTypes.default.shape({}),
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  vertical: _propTypes.default.bool,
   onChange: _propTypes.default.func,
   onFocus: _propTypes.default.func,
   onNext: _propTypes.default.func,

package/build/components/Calendar/Calendar.Month.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.Month.js","names":["LEFT","DIRECTION_TYPE","Month","React","forwardRef","ref","disabledPast","focus","format","from","instance","locale","range","selected","timestamp","to","onChange","onFocus","onNext","onPrevious","others","useDevice","isMobile","direction","Theme","getDirection","weekNumber","getWeekNumber","testId","styles","style","month","className","header","undefined","ICON","RIGHT","title","getHeader","VISIBLE_WEEKS","map","week","getMonth","getFullYear","displayName","propTypes","captions","PropTypes","shape","any","disabledDates","arrayOf","string","bool","instanceOf","Date","number","tooltips","value","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.Month.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../theme';\nimport { VISIBLE_WEEKS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { Week } from './Calendar.Week';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getHeader, getWeekNumber } from './helpers';\n\nconst { LEFT } = DIRECTION_TYPE;\n\nexport const Month = React.forwardRef(\n  (\n    {\n      disabledPast,\n      focus,\n      format,\n      from,\n      instance,\n      locale,\n      range = false,\n      selected,\n      timestamp,\n      to,\n      onChange = () => {},\n      onFocus = () => {},\n      onNext,\n      onPrevious,\n      ...others\n    },\n    ref,\n  ) => {\n    const { isMobile } = useDevice();\n\n    const direction = Theme.getDirection();\n    const weekNumber = getWeekNumber(instance);\n    const { testId } = others;\n\n    return (\n      <View ref={ref} className={styles(style.month, others.className)}>\n        <View forceRow className={style.header}>\n          {onPrevious && (\n            <Pressable onPress={onPrevious} testId={testId ? `${testId}-previous` : undefined}>\n              <Icon value={direction === LEFT ? ICON.LEFT : ICON.RIGHT} />\n            </Pressable>\n          )}\n          <Text bold headline level={4} className={style.title}>\n            {getHeader(instance, locale)}\n          </Text>\n          {onNext && (\n            <Pressable onPress={onNext} testId={testId ? `${testId}-next` : undefined}>\n              <Icon value={direction === LEFT ? ICON.RIGHT : ICON.LEFT} />\n            </Pressable>\n          )}\n        </View>\n\n        {!isMobile && <Weekdays locale={locale} />}\n\n        {VISIBLE_WEEKS.map((week) => (\n          <Week\n            {...{\n              ...others,\n              disabledPast,\n              focus,\n              format,\n              from,\n              locale,\n              range,\n              selected,\n              timestamp,\n              to,\n            }}\n            key={week}\n            month={instance.getMonth()}\n            number={weekNumber + week}\n            year={instance.getFullYear()}\n            onFocus={onFocus}\n            onPress={onChange}\n          />\n        ))}\n      </View>\n    );\n  },\n);\n\nMonth.displayName = 'Component:Calendar:Month';\n\nMonth.propTypes = {\n  captions: PropTypes.shape({}),\n  focus: PropTypes.any,\n  instance: PropTypes.any,\n  selected: PropTypes.any,\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.instanceOf(Date),\n  locale: PropTypes.string,\n  range: PropTypes.bool,\n  timestamp: PropTypes.number,\n  to: PropTypes.instanceOf(Date),\n  tooltips: PropTypes.shape({}),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onNext: PropTypes.func,\n  onPrevious: PropTypes.func,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.Month.js","names":["LEFT","DIRECTION_TYPE","Month","React","forwardRef","ref","disabledPast","focus","format","from","instance","locale","range","selected","timestamp","to","vertical","onChange","onFocus","onNext","onPrevious","others","direction","Theme","getDirection","weekNumber","getWeekNumber","testId","styles","style","month","className","header","undefined","ICON","RIGHT","title","getHeader","VISIBLE_WEEKS","map","week","getMonth","getFullYear","displayName","propTypes","captions","PropTypes","shape","any","disabledDates","arrayOf","string","bool","instanceOf","Date","number","tooltips","value","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.Month.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../theme';\nimport { VISIBLE_WEEKS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { Week } from './Calendar.Week';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getHeader, getWeekNumber } from './helpers';\n\nconst { LEFT } = DIRECTION_TYPE;\n\nexport const Month = React.forwardRef(\n  (\n    {\n      disabledPast,\n      focus,\n      format,\n      from,\n      instance,\n      locale,\n      range = false,\n      selected,\n      timestamp,\n      to,\n      vertical,\n      onChange = () => {},\n      onFocus = () => {},\n      onNext,\n      onPrevious,\n      ...others\n    },\n    ref,\n  ) => {\n    const direction = Theme.getDirection();\n    const weekNumber = getWeekNumber(instance);\n    const { testId } = others;\n\n    return (\n      <View ref={ref} className={styles(style.month, others.className)}>\n        <View forceRow className={style.header}>\n          {onPrevious && (\n            <Pressable onPress={onPrevious} testId={testId ? `${testId}-previous` : undefined}>\n              <Icon value={direction === LEFT ? ICON.LEFT : ICON.RIGHT} />\n            </Pressable>\n          )}\n          <Text bold headline level={4} className={style.title}>\n            {getHeader(instance, locale)}\n          </Text>\n          {onNext && (\n            <Pressable onPress={onNext} testId={testId ? `${testId}-next` : undefined}>\n              <Icon value={direction === LEFT ? ICON.RIGHT : ICON.LEFT} />\n            </Pressable>\n          )}\n        </View>\n\n        {!vertical && <Weekdays locale={locale} />}\n\n        {VISIBLE_WEEKS.map((week) => (\n          <Week\n            {...{\n              ...others,\n              disabledPast,\n              focus,\n              format,\n              from,\n              locale,\n              range,\n              selected,\n              timestamp,\n              to,\n            }}\n            key={week}\n            month={instance.getMonth()}\n            number={weekNumber + week}\n            year={instance.getFullYear()}\n            onFocus={onFocus}\n            onPress={onChange}\n          />\n        ))}\n      </View>\n    );\n  },\n);\n\nMonth.displayName = 'Component:Calendar:Month';\n\nMonth.propTypes = {\n  captions: PropTypes.shape({}),\n  focus: PropTypes.any,\n  instance: PropTypes.any,\n  selected: PropTypes.any,\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.instanceOf(Date),\n  locale: PropTypes.string,\n  range: PropTypes.bool,\n  timestamp: PropTypes.number,\n  to: PropTypes.instanceOf(Date),\n  tooltips: PropTypes.shape({}),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  vertical: PropTypes.bool,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onNext: PropTypes.func,\n  onPrevious: PropTypes.func,\n};\n"],"mappings":"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"}

package/build/components/Calendar/Calendar.Weekdays.js

@@ -7,20 +7,18 @@ exports.Weekdays = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
-var _hooks = require("../../hooks");
 var _primitives = require("../../primitives");
 var _Calendar = require("./Calendar.constants");
 var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
 var _helpers2 = require("./helpers");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Weekdays = function Weekdays(_ref) {
-  var locale = _ref.locale;
-  var _useDevice = (0, _hooks.useDevice)(),
-    isDesktop = _useDevice.isDesktop;
+  var locale = _ref.locale,
+    vertical = _ref.vertical;
   var weekdays = (0, _helpers2.getWeekDays)(locale);
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    forceRow: isDesktop,
-    row: !isDesktop,
+    forceRow: !vertical,
+    row: vertical,
     className: _CalendarModule.default.weekdays
   }, _Calendar.DAYS.map(function (day) {
     return /*#__PURE__*/_react.default.createElement(_primitives.Text, {
@@ -33,6 +31,7 @@ var Weekdays = function Weekdays(_ref) {
 exports.Weekdays = Weekdays;
 Weekdays.displayName = 'Component:Calendar:Weekdays';
 Weekdays.propTypes = {
-  locale: _propTypes.default.string
+  locale: _propTypes.default.string,
+  vertical: _propTypes.default.bool
 };
 //# sourceMappingURL=Calendar.Weekdays.js.map

package/build/components/Calendar/Calendar.Weekdays.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.Weekdays.js","names":["Weekdays","locale","useDevice","isDesktop","weekdays","getWeekDays","style","DAYS","map","day","styles","cell","weekday","displayName","propTypes","PropTypes","string"],"sources":["../../../src/components/Calendar/Calendar.Weekdays.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Text, View } from '../../primitives';\nimport { DAYS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { getWeekDays } from './helpers';\n\nexport const Weekdays = ({ locale }) => {\n  const { isDesktop } = useDevice();\n\n  const weekdays = getWeekDays(locale);\n\n  return (\n    <View forceRow={isDesktop} row={!isDesktop} className={style.weekdays}>\n      {DAYS.map((day) => (\n        <Text key={day} small className={styles(style.cell, style.weekday)}>\n          {weekdays[day]}\n        </Text>\n      ))}\n    </View>\n  );\n};\n\nWeekdays.displayName = 'Component:Calendar:Weekdays';\n\nWeekdays.propTypes = {\n  locale: PropTypes.string,\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAwC;AAEjC,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAmB;EAAA,IAAbC,MAAM,QAANA,MAAM;EAC/B,iBAAsB,IAAAC,gBAAS,GAAE;IAAzBC,SAAS,cAATA,SAAS;EAEjB,IAAMC,QAAQ,GAAG,IAAAC,qBAAW,EAACJ,MAAM,CAAC;EAEpC,oBACE,6BAAC,gBAAI;IAAC,QAAQ,EAAEE,SAAU;IAAC,GAAG,EAAE,CAACA,SAAU;IAAC,SAAS,EAAEG,uBAAK,CAACF;EAAS,GACnEG,cAAI,CAACC,GAAG,CAAC,UAACC,GAAG;IAAA,oBACZ,6BAAC,gBAAI;MAAC,GAAG,EAAEA,GAAI;MAAC,KAAK;MAAC,SAAS,EAAE,IAAAC,eAAM,EAACJ,uBAAK,CAACK,IAAI,EAAEL,uBAAK,CAACM,OAAO;IAAE,GAChER,QAAQ,CAACK,GAAG,CAAC,CACT;EAAA,CACR,CAAC,CACG;AAEX,CAAC;AAAC;AAEFT,QAAQ,CAACa,WAAW,GAAG,6BAA6B;AAEpDb,QAAQ,CAACc,SAAS,GAAG;EACnBb,MAAM,EAAEc,kBAAS,CAACC;AACpB,CAAC"}
+{"version":3,"file":"Calendar.Weekdays.js","names":["Weekdays","locale","vertical","weekdays","getWeekDays","style","DAYS","map","day","styles","cell","weekday","displayName","propTypes","PropTypes","string","bool"],"sources":["../../../src/components/Calendar/Calendar.Weekdays.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Text, View } from '../../primitives';\nimport { DAYS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { getWeekDays } from './helpers';\n\nexport const Weekdays = ({ locale, vertical }) => {\n  const weekdays = getWeekDays(locale);\n\n  return (\n    <View forceRow={!vertical} row={vertical} className={style.weekdays}>\n      {DAYS.map((day) => (\n        <Text key={day} small className={styles(style.cell, style.weekday)}>\n          {weekdays[day]}\n        </Text>\n      ))}\n    </View>\n  );\n};\n\nWeekdays.displayName = 'Component:Calendar:Weekdays';\n\nWeekdays.propTypes = {\n  locale: PropTypes.string,\n  vertical: PropTypes.bool,\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAwC;AAEjC,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAA6B;EAAA,IAAvBC,MAAM,QAANA,MAAM;IAAEC,QAAQ,QAARA,QAAQ;EACzC,IAAMC,QAAQ,GAAG,IAAAC,qBAAW,EAACH,MAAM,CAAC;EAEpC,oBACE,6BAAC,gBAAI;IAAC,QAAQ,EAAE,CAACC,QAAS;IAAC,GAAG,EAAEA,QAAS;IAAC,SAAS,EAAEG,uBAAK,CAACF;EAAS,GACjEG,cAAI,CAACC,GAAG,CAAC,UAACC,GAAG;IAAA,oBACZ,6BAAC,gBAAI;MAAC,GAAG,EAAEA,GAAI;MAAC,KAAK;MAAC,SAAS,EAAE,IAAAC,eAAM,EAACJ,uBAAK,CAACK,IAAI,EAAEL,uBAAK,CAACM,OAAO;IAAE,GAChER,QAAQ,CAACK,GAAG,CAAC,CACT;EAAA,CACR,CAAC,CACG;AAEX,CAAC;AAAC;AAEFR,QAAQ,CAACY,WAAW,GAAG,6BAA6B;AAEpDZ,QAAQ,CAACa,SAAS,GAAG;EACnBZ,MAAM,EAAEa,kBAAS,CAACC,MAAM;EACxBb,QAAQ,EAAEY,kBAAS,CAACE;AACtB,CAAC"}

package/build/components/Calendar/Calendar.js

@@ -15,7 +15,7 @@ var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
 var _Calendar = require("./Calendar.Month");
 var _Calendar2 = require("./Calendar.Weekdays");
 var _helpers2 = require("./helpers");
-var _excluded = ["autoScroll", "disabledPast", "format", "from", "locale", "range", "rangeMaxDays", "to", "value", "onChange", "onFocus", "onNavigation", "onScroll"],
+var _excluded = ["autoScroll", "disabledPast", "format", "from", "locale", "range", "rangeMaxDays", "to", "value", "vertical", "onChange", "onFocus", "onNavigation", "onScroll"],
   _excluded2 = ["className", "months"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -48,6 +48,8 @@ var Calendar = function Calendar(_ref) {
     rangeMaxDays = _ref.rangeMaxDays,
     to = _ref.to,
     value = _ref.value,
+    _ref$vertical = _ref.vertical,
+    propVertical = _ref$vertical === void 0 ? false : _ref$vertical,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
     _ref$onFocus = _ref.onFocus,
@@ -87,13 +89,20 @@ var Calendar = function Calendar(_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     timestamp = _useState14[0],
     setTimestamp = _useState14[1];
+  var _useState15 = (0, _react.useState)(propVertical),
+    _useState16 = _slicedToArray(_useState15, 2),
+    vertical = _useState16[0],
+    setVertical = _useState16[1];
   var el = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
-    if (!isMobile || !(el !== null && el !== void 0 && el.current)) return;
+    setVertical(propVertical || isMobile);
+  }, [isMobile, propVertical]);
+  (0, _react.useEffect)(function () {
+    if (!vertical || !(el !== null && el !== void 0 && el.current)) return;
     setBehavior('auto');
     setScrollTo(el.current.offsetTop);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [el === null || el === void 0 ? void 0 : el.current]);
+  }, [el === null || el === void 0 ? void 0 : el.current, vertical]);
   (0, _react.useEffect)(function () {
     var date = range ? (value === null || value === void 0 ? void 0 : value.length) > 0 ? value[0] : undefined : value;
     if (from && date) {
@@ -108,7 +117,7 @@ var Calendar = function Calendar(_ref) {
       var next = (0, _helpers2.getFirstDateOfMonth)(date);
       var _dateDiff2 = (0, _locale.dateDiff)(instance, date),
         diffMonths = _dateDiff2.months;
-      if (!isMobile && (diffMonths >= months || diffMonths < 0)) setInstance(next);else if (isMobile) {
+      if (!vertical && (diffMonths >= months || diffMonths < 0)) setInstance(next);else if (vertical) {
         autoScroll && setScrollTo((0, _helpers2.getScrollTo)(diffMonths));
         setScrolling(false);
       }
@@ -148,7 +157,7 @@ var Calendar = function Calendar(_ref) {
     });
   };
   var handleScroll = function handleScroll(event) {
-    if (isMobile) setScrolling(true);
+    if (vertical) setScrolling(true);
     onScroll(event);
     setBehavior();
     setTimestamp(Date.now());
@@ -175,19 +184,20 @@ var Calendar = function Calendar(_ref) {
     selected: selected,
     timestamp: timestamp,
     to: range && rangeMaxDays && selected[0] && !selected[1] && (!to || (0, _locale.dateCalc)(selected[0], rangeMaxDays, 'days') < (0, _locale.parseDate)(to, format)) ? (0, _locale.dateCalc)(selected[0], rangeMaxDays, 'days') : to ? (0, _locale.parseDate)(to, format) : undefined,
-    tooltips: !isMobile || !scrolling ? props.tooltips : {},
+    tooltips: !vertical || !scrolling ? props.tooltips : {},
     onChange: handleChange,
     onFocus: !isMobile ? setFocus : undefined
   });
-  if (isMobile && to) months = (0, _locale.dateDiff)(today, (0, _locale.parseDate)(to, format)).months + 1;
+  if (vertical && to) months = (0, _locale.dateDiff)(today, (0, _locale.parseDate)(to, format)).months + 1;
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    className: (0, _helpers.styles)(_CalendarModule.default.container, className),
+    className: (0, _helpers.styles)(_CalendarModule.default.container, vertical && _CalendarModule.default.vertical, className),
     testId: testId
-  }, isMobile && /*#__PURE__*/_react.default.createElement(_Calendar2.Weekdays, {
-    locale: locale
+  }, vertical && /*#__PURE__*/_react.default.createElement(_Calendar2.Weekdays, {
+    locale: locale,
+    vertical: vertical
   }), /*#__PURE__*/_react.default.createElement(_primitives.ScrollView, {
     behavior: behavior,
-    horizontal: !isMobile,
+    horizontal: !vertical,
     scrollTo: scrollTo,
     className: _CalendarModule.default.scrollview,
     scrollEventThrottle: scrollEventThrottle,
@@ -199,20 +209,19 @@ var Calendar = function Calendar(_ref) {
       instance: new Date(instance.getFullYear(), instance.getMonth() + index, 1) // ! TODO: calc with mirai/locale
       ,
       key: index,
-      ref: (0, _helpers2.getMonthRef)({
+      ref: vertical && range ? (0, _helpers2.getMonthRef)({
         autoScroll: autoScroll,
         el: el,
         index: index,
         instance: instance,
-        isMobile: isMobile,
-        range: range,
         selected: selected,
         value: value
-      }),
-      onNext: !isMobile && index === months - 1 && !disabledNext ? function () {
+      }) : undefined,
+      vertical: vertical,
+      onNext: !vertical && index === months - 1 && !disabledNext ? function () {
         return handleMonth(months);
       } : undefined,
-      onPrevious: !isMobile && index === 0 && !disabledPrevious ? function () {
+      onPrevious: !vertical && index === 0 && !disabledPrevious ? function () {
         return handleMonth(-months);
       } : undefined
     }, props, {
@@ -238,6 +247,7 @@ Calendar.propTypes = {
   to: _propTypes.default.string,
   tooltips: _propTypes.default.shape({}),
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  vertical: _propTypes.default.bool,
   onChange: _propTypes.default.func,
   onFocus: _propTypes.default.func,
   onNavigation: _propTypes.default.func,

package/build/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["Calendar","autoScroll","disabledPast","format","from","locale","range","rangeMaxDays","to","value","onChange","onFocus","onNavigation","onScroll","others","useDevice","isMobile","useState","behavior","setBehavior","focus","setFocus","getFirstDateOfMonth","getToday","instance","setInstance","scrollTo","setScrollTo","scrolling","setScrolling","undefined","selected","setSelected","timestamp","setTimestamp","el","useRef","useEffect","current","offsetTop","date","length","dateFrom","parseDate","dateDiff","days","next","diffMonths","months","getScrollTo","UTC","handleChange","getTime","handleMonth","month","addMonths","Date","getFullYear","getMonth","handleScroll","event","now","testId","scrollEventThrottle","className","props","today","instanceTS","todayMonthTS","disabledPrevious","disabledNext","dateCalc","role","tooltips","styles","style","container","scrollview","Array","_","index","getMonthRef","displayName","propTypes","PropTypes","bool","captions","shape","disabledDates","arrayOf","string","highlights","number","rangeMinDays","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.jsx"],"sourcesContent":["import { dateCalc, dateDiff, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { ScrollView, View } from '../../primitives';\nimport style from './Calendar.module.css';\nimport { Month } from './Calendar.Month';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getFirstDateOfMonth, getMonthRef, getScrollTo, getToday } from './helpers';\n\nexport const Calendar = ({\n  autoScroll = false,\n  disabledPast = true,\n  format = 'YYYY/MM/DD',\n  from,\n  locale,\n  range = false,\n  rangeMaxDays,\n  to,\n  value,\n  onChange = () => {},\n  onFocus = () => {},\n  onNavigation = () => {},\n  onScroll = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const [behavior, setBehavior] = useState();\n  const [focus, setFocus] = useState();\n  const [instance, setInstance] = useState(getFirstDateOfMonth(getToday()));\n  const [scrollTo, setScrollTo] = useState();\n  const [scrolling, setScrolling] = useState();\n  const [selected, setSelected] = useState(range ? [] : undefined);\n  const [timestamp, setTimestamp] = useState();\n\n  const el = useRef();\n\n  useEffect(() => {\n    if (!isMobile || !el?.current) return;\n\n    setBehavior('auto');\n    setScrollTo(el.current.offsetTop);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [el?.current]);\n\n  useEffect(() => {\n    let date = range ? (value?.length > 0 ? value[0] : undefined) : value;\n\n    if (from && date) {\n      const dateFrom = parseDate(from, format);\n      const { days } = dateDiff(dateFrom, parseDate(date, format));\n\n      if (days < 0) date = undefined;\n    }\n    if (!date) return setSelected(range ? [] : undefined);\n\n    date = parseDate(date, format);\n    if ((range && (selected.length === 0 || value.length === 2)) || !range) {\n      const next = getFirstDateOfMonth(date);\n      const { months: diffMonths } = dateDiff(instance, date);\n\n      if (!isMobile && (diffMonths >= months || diffMonths < 0)) setInstance(next);\n      else if (isMobile) {\n        autoScroll && setScrollTo(getScrollTo(diffMonths));\n        setScrolling(false);\n      }\n    }\n\n    setSelected(range ? [UTC(date), value[1] ? UTC(parseDate(value[1], format)) : undefined] : UTC(date));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [format, from, range, value]);\n\n  useEffect(() => {\n    from && (!value || value.length === 0 || !value[0]) && setInstance(getFirstDateOfMonth(parseDate(from, format)));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [from]);\n\n  useEffect(() => {\n    onFocus(focus);\n  }, [focus, onFocus]);\n\n  const handleChange = (date) => {\n    setSelected(() => {\n      let next;\n\n      if (!range) {\n        next = date;\n      } else if (selected[1] === undefined && date > selected[0]) {\n        next = [selected[0], date];\n      } else {\n        next = [selected[0]?.getTime() === date.getTime() ? undefined : date];\n        setFocus(undefined);\n      }\n      onChange(next);\n\n      return next;\n    });\n  };\n\n  const handleMonth = (month) => {\n    setInstance(() => {\n      const addMonths = range && value[0] && !value[1] ? (month > 0 ? 1 : -1) : month;\n      const next = getFirstDateOfMonth(new Date(instance.getFullYear(), instance.getMonth() + addMonths));\n\n      onNavigation(next);\n      return next;\n    });\n  };\n\n  const handleScroll = (event) => {\n    if (isMobile) setScrolling(true);\n\n    onScroll(event);\n    setBehavior();\n    setTimestamp(Date.now());\n  };\n\n  const { testId, scrollEventThrottle } = others;\n  let { className, months = 2, ...props } = others;\n\n  const today = getToday();\n  const instanceTS = instance.getTime();\n  const todayMonthTS = getFirstDateOfMonth(today).getTime();\n  const disabledPrevious =\n    (disabledPast && instanceTS <= todayMonthTS) ||\n    (from && instanceTS <= getFirstDateOfMonth(parseDate(from, format)).getTime());\n\n  const disabledNext =\n    to && parseDate(to, format).getTime() <= getFirstDateOfMonth(dateCalc(instance, months, 'months')).getTime();\n\n  props = {\n    ...props,\n    disabledPast,\n    focus,\n    format,\n    from: from ? parseDate(from, format) : undefined,\n    locale,\n    range,\n    role: others.role || 'calendar',\n    selected,\n    timestamp,\n    to:\n      range &&\n      rangeMaxDays &&\n      selected[0] &&\n      !selected[1] &&\n      (!to || dateCalc(selected[0], rangeMaxDays, 'days') < parseDate(to, format))\n        ? dateCalc(selected[0], rangeMaxDays, 'days')\n        : to\n        ? parseDate(to, format)\n        : undefined,\n    tooltips: !isMobile || !scrolling ? props.tooltips : {},\n    onChange: handleChange,\n    onFocus: !isMobile ? setFocus : undefined,\n  };\n\n  if (isMobile && to) months = dateDiff(today, parseDate(to, format)).months + 1;\n\n  return (\n    <View className={styles(style.container, className)} testId={testId}>\n      {isMobile && <Weekdays locale={locale} />}\n      <ScrollView\n        behavior={behavior}\n        horizontal={!isMobile}\n        scrollTo={scrollTo}\n        className={style.scrollview}\n        scrollEventThrottle={scrollEventThrottle}\n        onScroll={handleScroll}\n      >\n        {Array.from({ length: months }, (_, index) => (\n          <Month\n            instance={new Date(instance.getFullYear(), instance.getMonth() + index, 1)} // ! TODO: calc with mirai/locale\n            key={index}\n            ref={getMonthRef({ autoScroll, el, index, instance, isMobile, range, selected, value })}\n            onNext={!isMobile && index === months - 1 && !disabledNext ? () => handleMonth(months) : undefined}\n            onPrevious={!isMobile && index === 0 && !disabledPrevious ? () => handleMonth(-months) : undefined}\n            {...props}\n            testId={testId}\n          />\n        ))}\n      </ScrollView>\n    </View>\n  );\n};\n\nCalendar.displayName = 'Component:Calendar';\n\nCalendar.propTypes = {\n  autoScroll: PropTypes.bool,\n  captions: PropTypes.shape({}),\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.string,\n  highlights: PropTypes.arrayOf(PropTypes.string),\n  locale: PropTypes.string,\n  months: PropTypes.number,\n  range: PropTypes.bool,\n  rangeMaxDays: PropTypes.number,\n  rangeMinDays: PropTypes.number,\n  to: PropTypes.string,\n  tooltips: PropTypes.shape({}),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onNavigation: PropTypes.func,\n  onScroll: PropTypes.func,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":["Calendar","autoScroll","disabledPast","format","from","locale","range","rangeMaxDays","to","value","vertical","propVertical","onChange","onFocus","onNavigation","onScroll","others","useDevice","isMobile","useState","behavior","setBehavior","focus","setFocus","getFirstDateOfMonth","getToday","instance","setInstance","scrollTo","setScrollTo","scrolling","setScrolling","undefined","selected","setSelected","timestamp","setTimestamp","setVertical","el","useRef","useEffect","current","offsetTop","date","length","dateFrom","parseDate","dateDiff","days","next","diffMonths","months","getScrollTo","UTC","handleChange","getTime","handleMonth","month","addMonths","Date","getFullYear","getMonth","handleScroll","event","now","testId","scrollEventThrottle","className","props","today","instanceTS","todayMonthTS","disabledPrevious","disabledNext","dateCalc","role","tooltips","styles","style","container","scrollview","Array","_","index","getMonthRef","displayName","propTypes","PropTypes","bool","captions","shape","disabledDates","arrayOf","string","highlights","number","rangeMinDays","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.jsx"],"sourcesContent":["import { dateCalc, dateDiff, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { ScrollView, View } from '../../primitives';\nimport style from './Calendar.module.css';\nimport { Month } from './Calendar.Month';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getFirstDateOfMonth, getMonthRef, getScrollTo, getToday } from './helpers';\n\nexport const Calendar = ({\n  autoScroll = false,\n  disabledPast = true,\n  format = 'YYYY/MM/DD',\n  from,\n  locale,\n  range = false,\n  rangeMaxDays,\n  to,\n  value,\n  vertical: propVertical = false,\n  onChange = () => {},\n  onFocus = () => {},\n  onNavigation = () => {},\n  onScroll = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const [behavior, setBehavior] = useState();\n  const [focus, setFocus] = useState();\n  const [instance, setInstance] = useState(getFirstDateOfMonth(getToday()));\n  const [scrollTo, setScrollTo] = useState();\n  const [scrolling, setScrolling] = useState();\n  const [selected, setSelected] = useState(range ? [] : undefined);\n  const [timestamp, setTimestamp] = useState();\n  const [vertical, setVertical] = useState(propVertical);\n\n  const el = useRef();\n\n  useEffect(() => {\n    setVertical(propVertical || isMobile);\n  }, [isMobile, propVertical]);\n\n  useEffect(() => {\n    if (!vertical || !el?.current) return;\n\n    setBehavior('auto');\n    setScrollTo(el.current.offsetTop);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [el?.current, vertical]);\n\n  useEffect(() => {\n    let date = range ? (value?.length > 0 ? value[0] : undefined) : value;\n\n    if (from && date) {\n      const dateFrom = parseDate(from, format);\n      const { days } = dateDiff(dateFrom, parseDate(date, format));\n\n      if (days < 0) date = undefined;\n    }\n    if (!date) return setSelected(range ? [] : undefined);\n\n    date = parseDate(date, format);\n    if ((range && (selected.length === 0 || value.length === 2)) || !range) {\n      const next = getFirstDateOfMonth(date);\n      const { months: diffMonths } = dateDiff(instance, date);\n\n      if (!vertical && (diffMonths >= months || diffMonths < 0)) setInstance(next);\n      else if (vertical) {\n        autoScroll && setScrollTo(getScrollTo(diffMonths));\n        setScrolling(false);\n      }\n    }\n\n    setSelected(range ? [UTC(date), value[1] ? UTC(parseDate(value[1], format)) : undefined] : UTC(date));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [format, from, range, value]);\n\n  useEffect(() => {\n    from && (!value || value.length === 0 || !value[0]) && setInstance(getFirstDateOfMonth(parseDate(from, format)));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [from]);\n\n  useEffect(() => {\n    onFocus(focus);\n  }, [focus, onFocus]);\n\n  const handleChange = (date) => {\n    setSelected(() => {\n      let next;\n\n      if (!range) {\n        next = date;\n      } else if (selected[1] === undefined && date > selected[0]) {\n        next = [selected[0], date];\n      } else {\n        next = [selected[0]?.getTime() === date.getTime() ? undefined : date];\n        setFocus(undefined);\n      }\n      onChange(next);\n\n      return next;\n    });\n  };\n\n  const handleMonth = (month) => {\n    setInstance(() => {\n      const addMonths = range && value[0] && !value[1] ? (month > 0 ? 1 : -1) : month;\n      const next = getFirstDateOfMonth(new Date(instance.getFullYear(), instance.getMonth() + addMonths));\n\n      onNavigation(next);\n      return next;\n    });\n  };\n\n  const handleScroll = (event) => {\n    if (vertical) setScrolling(true);\n\n    onScroll(event);\n    setBehavior();\n    setTimestamp(Date.now());\n  };\n\n  const { testId, scrollEventThrottle } = others;\n  let { className, months = 2, ...props } = others;\n\n  const today = getToday();\n  const instanceTS = instance.getTime();\n  const todayMonthTS = getFirstDateOfMonth(today).getTime();\n  const disabledPrevious =\n    (disabledPast && instanceTS <= todayMonthTS) ||\n    (from && instanceTS <= getFirstDateOfMonth(parseDate(from, format)).getTime());\n\n  const disabledNext =\n    to && parseDate(to, format).getTime() <= getFirstDateOfMonth(dateCalc(instance, months, 'months')).getTime();\n\n  props = {\n    ...props,\n    disabledPast,\n    focus,\n    format,\n    from: from ? parseDate(from, format) : undefined,\n    locale,\n    range,\n    role: others.role || 'calendar',\n    selected,\n    timestamp,\n    to:\n      range &&\n      rangeMaxDays &&\n      selected[0] &&\n      !selected[1] &&\n      (!to || dateCalc(selected[0], rangeMaxDays, 'days') < parseDate(to, format))\n        ? dateCalc(selected[0], rangeMaxDays, 'days')\n        : to\n        ? parseDate(to, format)\n        : undefined,\n    tooltips: !vertical || !scrolling ? props.tooltips : {},\n    onChange: handleChange,\n    onFocus: !isMobile ? setFocus : undefined,\n  };\n\n  if (vertical && to) months = dateDiff(today, parseDate(to, format)).months + 1;\n\n  return (\n    <View className={styles(style.container, vertical && style.vertical, className)} testId={testId}>\n      {vertical && <Weekdays locale={locale} vertical={vertical} />}\n      <ScrollView\n        behavior={behavior}\n        horizontal={!vertical}\n        scrollTo={scrollTo}\n        className={style.scrollview}\n        scrollEventThrottle={scrollEventThrottle}\n        onScroll={handleScroll}\n      >\n        {Array.from({ length: months }, (_, index) => (\n          <Month\n            instance={new Date(instance.getFullYear(), instance.getMonth() + index, 1)} // ! TODO: calc with mirai/locale\n            key={index}\n            ref={vertical && range ? getMonthRef({ autoScroll, el, index, instance, selected, value }) : undefined}\n            vertical={vertical}\n            onNext={!vertical && index === months - 1 && !disabledNext ? () => handleMonth(months) : undefined}\n            onPrevious={!vertical && index === 0 && !disabledPrevious ? () => handleMonth(-months) : undefined}\n            {...props}\n            testId={testId}\n          />\n        ))}\n      </ScrollView>\n    </View>\n  );\n};\n\nCalendar.displayName = 'Component:Calendar';\n\nCalendar.propTypes = {\n  autoScroll: PropTypes.bool,\n  captions: PropTypes.shape({}),\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.string,\n  highlights: PropTypes.arrayOf(PropTypes.string),\n  locale: PropTypes.string,\n  months: PropTypes.number,\n  range: PropTypes.bool,\n  rangeMaxDays: PropTypes.number,\n  rangeMinDays: PropTypes.number,\n  to: PropTypes.string,\n  tooltips: PropTypes.shape({}),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  vertical: PropTypes.bool,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onNavigation: PropTypes.func,\n  onScroll: PropTypes.func,\n};\n"],"mappings":"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"}

package/build/components/Calendar/Calendar.module.css

@@ -1,17 +1,31 @@
+.container.vertical {
+  max-height: calc(var(--mirai-ui-calendar-cell) * 9.75);
+}
+
+.scrollview {
+  direction: var(--mirai-ui-text-direction);
+  height: 100%;
+  width: 100%;
+}
+
+.container:not(.vertical) .scrollview {
+  gap: calc(var(--mirai-ui-calendar-padding) * 2);
+}
+
 .month {
   justify-content: flex-start;
   padding: var(--mirai-ui-calendar-padding);
   width: calc(var(--mirai-ui-calendar-cell) * 7);
 }
 
-.header {
-  padding: var(--mirai-ui-calendar-padding);
+.container.vertical .month {
+  margin-left: 0;
+  padding-bottom: 0;
+  width: 100%;
 }
 
-.scrollview {
-  direction: var(--mirai-ui-text-direction);
-  height: 100%;
-  width: 100%;
+.header {
+  padding: var(--mirai-ui-calendar-padding);
 }
 
 .title {
@@ -31,6 +45,15 @@
   margin-bottom: var(--mirai-ui-calendar-week-margin);
 }
 
+.vertical .weekdays {
+  border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
+  padding: calc(var(--mirai-ui-calendar-padding) / 2) var(--mirai-ui-calendar-padding);
+}
+
+.container:not(.vertical) .weekdays {
+  margin: var(--mirai-ui-calendar-padding) 0;
+}
+
 .weekday {
   color: var(--mirai-ui-calendar-weekday-color);
   text-transform: capitalize;
@@ -41,6 +64,13 @@
   height: var(--mirai-ui-calendar-cell);
   justify-content: center;
   margin: 0 auto;
+}
+
+.vertical .day {
+  width: auto;
+}
+
+.container:not(.vertical) .day {
   width: var(--mirai-ui-calendar-cell);
 }
 
@@ -90,27 +120,6 @@
   color: transparent;
 }
 
-@media only screen and (max-width: 430px) {
-  .container {
-    max-height: calc(var(--mirai-ui-calendar-cell) * 9.75);
-  }
-
-  .day {
-    width: auto;
-  }
-
-  .month {
-    margin-left: 0;
-    padding-bottom: 0;
-    width: 100%;
-  }
-
-  .weekdays {
-    border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
-    padding: calc(var(--mirai-ui-calendar-padding) / 2) 0;
-  }
-}
-
 @media only screen and (min-width: 431px) {
   .dayTouchable:hover {
     background-color: var(--mirai-ui-calendar-selected-background);
@@ -119,15 +128,6 @@
   .dayTouchable:hover > * {
     color: var(--mirai-ui-calendar-selected-color);
   }
-
-  .month:not(:first-child) {
-    margin-left: calc(var(--mirai-ui-calendar-padding) * 2);
-  }
-
-  .weekdays {
-    margin-bottom: var(--mirai-ui-space-XS);
-    padding: var(--mirai-ui-calendar-padding) 0;
-  }
 }
 
 /* -- reset defaults -------------------------------------------------------- */

package/build/components/Calendar/Calendar.stories.js

@@ -144,6 +144,7 @@ Story.args = {
     text: '10.95$'
   }), _tooltips),
   value: [(0, _locale.dateFormat)((0, _locale.dateCalc)(today, 10, 'days')), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 13, 'days'))],
+  vertical: false,
   onNavigation: function onNavigation() {
     var _console3;
     for (var _len3 = arguments.length, props = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {

package/build/components/Calendar/Calendar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.stories.js","names":["title","format","today","Date","Story","props","useState","focus","setFocus","value","setValue","handleChange","from","to","console","log","dateFormat","undefined","handleFocus","nextFocus","dateDiff","parseDate","nights","days","tooltips","text","rangeMinDays","pressable","storyName","args","captions","dateCalc","disabledDates","disabledPast","highlights","locale","months","range","rangeMaxDays","onNavigation","onScroll","testId","style","argTypes","options","control","type","defaultValue"],"sources":["../../../src/components/Calendar/Calendar.stories.jsx"],"sourcesContent":["import { dateCalc, dateDiff, dateFormat, parseDate } from '@mirai/locale';\nimport React, { useState } from 'react';\n\nimport { Calendar } from './Calendar';\n\nexport default { title: 'Components' };\n\nconst format = 'DD/MM/YYYY';\nconst today = new Date();\n\nexport const Story = (props) => {\n  const [focus, setFocus] = useState();\n  const [value, setValue] = useState(props.value || []);\n\n  const handleChange = ([from, to], ...props) => {\n    console.log('<Calendar>::onChange', [from, to], ...props);\n    setValue([from ? dateFormat(from, { format }) : undefined, to ? dateFormat(to, { format }) : undefined]);\n  };\n\n  const handleFocus = (nextFocus, ...props) => {\n    console.log('<Calendar>::onFocus', nextFocus, ...props);\n    setFocus(nextFocus ? dateFormat(nextFocus, { format }) : undefined);\n  };\n\n  const [from, to] = value;\n  const { days: nights } = dateDiff(parseDate(from, format), parseDate(to || focus, format));\n\n  const tooltips = from ? {} : props.tooltips;\n  if (from && !to) tooltips[from] = { text: `Min. ${props.rangeMinDays} nights`, pressable: false };\n  if (to && nights < 5) tooltips[to] = { text: 'Need more nights', pressable: false };\n  else if (!to && from && focus && focus > from) tooltips[focus] = { text: `${nights} nights`, pressable: false };\n\n  return <Calendar {...props} {...{ tooltips, value }} onChange={handleChange} onFocus={handleFocus} />;\n};\n\nStory.storyName = 'Calendar';\n\nStory.args = {\n  captions: {\n    [dateFormat(dateCalc(today, -2, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 6, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 8, 'days'), { format })]: '129510.95$',\n    [dateFormat(dateCalc(today, 16, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 18, 'days'), { format })]: '9.95$',\n  },\n  disabledDates: [\n    dateFormat(dateCalc(today, 20, 'days'), { format }),\n    dateFormat(dateCalc(today, 21, 'days'), { format }),\n    dateFormat(dateCalc(today, 22, 'days'), { format }),\n    dateFormat(dateCalc(today, 23, 'days'), { format }),\n    dateFormat(dateCalc(today, 24, 'days'), { format }),\n  ],\n  disabledPast: true,\n  format,\n  from: dateFormat(dateCalc(today, 2, 'days')),\n  highlights: [\n    dateFormat(dateCalc(today, 6, 'days'), { format }),\n    dateFormat(dateCalc(today, 10, 'days'), { format }),\n    dateFormat(dateCalc(today, 12, 'days'), { format }),\n    dateFormat(dateCalc(today, 14, 'days'), { format }),\n    dateFormat(dateCalc(today, 16, 'days'), { format }),\n  ],\n  locale: 'en-US',\n  months: 2,\n  range: true,\n  rangeMaxDays: 30,\n  rangeMinDays: 3,\n  to: dateFormat(dateCalc(today, 6, 'months')),\n  tooltips: {\n    [dateFormat(dateCalc(today, 15, 'days'), { format })]: { text: '10.95$' },\n    [dateFormat(dateCalc(today, 30, 'days'), { format })]: { text: '10.95$' },\n    [dateFormat(dateCalc(today, 45, 'days'), { format })]: { text: '10.95$' },\n  },\n  value: [dateFormat(dateCalc(today, 10, 'days')), dateFormat(dateCalc(today, 13, 'days'))],\n  onNavigation: (...props) => console.log('<Calendar>::onNavigation', ...props),\n  onScroll: (...props) => console.log('<Calendar>::onScroll', ...props),\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  locale: {\n    options: ['es-ES', 'en-GB', 'en-US', 'fr-FR', 'it-IT', 'pt-PT', 'fr-BE', 'de-DE', 'ja-JA'],\n    control: { type: 'select' },\n    defaultValue: 'es-ES',\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.stories.js","names":["title","format","today","Date","Story","props","useState","focus","setFocus","value","setValue","handleChange","from","to","console","log","dateFormat","undefined","handleFocus","nextFocus","dateDiff","parseDate","nights","days","tooltips","text","rangeMinDays","pressable","storyName","args","captions","dateCalc","disabledDates","disabledPast","highlights","locale","months","range","rangeMaxDays","vertical","onNavigation","onScroll","testId","style","argTypes","options","control","type","defaultValue"],"sources":["../../../src/components/Calendar/Calendar.stories.jsx"],"sourcesContent":["import { dateCalc, dateDiff, dateFormat, parseDate } from '@mirai/locale';\nimport React, { useState } from 'react';\n\nimport { Calendar } from './Calendar';\n\nexport default { title: 'Components' };\n\nconst format = 'DD/MM/YYYY';\nconst today = new Date();\n\nexport const Story = (props) => {\n  const [focus, setFocus] = useState();\n  const [value, setValue] = useState(props.value || []);\n\n  const handleChange = ([from, to], ...props) => {\n    console.log('<Calendar>::onChange', [from, to], ...props);\n    setValue([from ? dateFormat(from, { format }) : undefined, to ? dateFormat(to, { format }) : undefined]);\n  };\n\n  const handleFocus = (nextFocus, ...props) => {\n    console.log('<Calendar>::onFocus', nextFocus, ...props);\n    setFocus(nextFocus ? dateFormat(nextFocus, { format }) : undefined);\n  };\n\n  const [from, to] = value;\n  const { days: nights } = dateDiff(parseDate(from, format), parseDate(to || focus, format));\n\n  const tooltips = from ? {} : props.tooltips;\n  if (from && !to) tooltips[from] = { text: `Min. ${props.rangeMinDays} nights`, pressable: false };\n  if (to && nights < 5) tooltips[to] = { text: 'Need more nights', pressable: false };\n  else if (!to && from && focus && focus > from) tooltips[focus] = { text: `${nights} nights`, pressable: false };\n\n  return <Calendar {...props} {...{ tooltips, value }} onChange={handleChange} onFocus={handleFocus} />;\n};\n\nStory.storyName = 'Calendar';\n\nStory.args = {\n  captions: {\n    [dateFormat(dateCalc(today, -2, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 6, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 8, 'days'), { format })]: '129510.95$',\n    [dateFormat(dateCalc(today, 16, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 18, 'days'), { format })]: '9.95$',\n  },\n  disabledDates: [\n    dateFormat(dateCalc(today, 20, 'days'), { format }),\n    dateFormat(dateCalc(today, 21, 'days'), { format }),\n    dateFormat(dateCalc(today, 22, 'days'), { format }),\n    dateFormat(dateCalc(today, 23, 'days'), { format }),\n    dateFormat(dateCalc(today, 24, 'days'), { format }),\n  ],\n  disabledPast: true,\n  format,\n  from: dateFormat(dateCalc(today, 2, 'days')),\n  highlights: [\n    dateFormat(dateCalc(today, 6, 'days'), { format }),\n    dateFormat(dateCalc(today, 10, 'days'), { format }),\n    dateFormat(dateCalc(today, 12, 'days'), { format }),\n    dateFormat(dateCalc(today, 14, 'days'), { format }),\n    dateFormat(dateCalc(today, 16, 'days'), { format }),\n  ],\n  locale: 'en-US',\n  months: 2,\n  range: true,\n  rangeMaxDays: 30,\n  rangeMinDays: 3,\n  to: dateFormat(dateCalc(today, 6, 'months')),\n  tooltips: {\n    [dateFormat(dateCalc(today, 15, 'days'), { format })]: { text: '10.95$' },\n    [dateFormat(dateCalc(today, 30, 'days'), { format })]: { text: '10.95$' },\n    [dateFormat(dateCalc(today, 45, 'days'), { format })]: { text: '10.95$' },\n  },\n  value: [dateFormat(dateCalc(today, 10, 'days')), dateFormat(dateCalc(today, 13, 'days'))],\n  vertical: false,\n  onNavigation: (...props) => console.log('<Calendar>::onNavigation', ...props),\n  onScroll: (...props) => console.log('<Calendar>::onScroll', ...props),\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  locale: {\n    options: ['es-ES', 'en-GB', 'en-US', 'fr-FR', 'it-IT', 'pt-PT', 'fr-BE', 'de-DE', 'ja-JA'],\n    control: { type: 'select' },\n    defaultValue: 'es-ES',\n  },\n};\n"],"mappings":"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"}

package/build/components/Calendar/helpers/getMonthRef.js

@@ -11,12 +11,10 @@ var getMonthRef = function getMonthRef() {
     el = _ref.el,
     index = _ref.index,
     instance = _ref.instance,
-    isMobile = _ref.isMobile,
-    range = _ref.range,
     selected = _ref.selected,
     value = _ref.value;
   var date = (value === null || value === void 0 ? void 0 : value.length) && value[0] && value[1] && (0, _locale.parseDate)(value[0]);
-  return isMobile && date && !el.current && !autoScroll && range && !selected[0] && (0, _locale.dateFormat)(new Date(date.getFullYear(), date.getMonth(), 1)) === (0, _locale.dateFormat)(new Date(instance.getFullYear(), instance.getMonth() + index, 1)) ? el : undefined;
+  return date && !el.current && !autoScroll && !selected[0] && (0, _locale.dateFormat)(new Date(date.getFullYear(), date.getMonth(), 1)) === (0, _locale.dateFormat)(new Date(instance.getFullYear(), instance.getMonth() + index, 1)) ? el : undefined;
 };
 exports.getMonthRef = getMonthRef;
 //# sourceMappingURL=getMonthRef.js.map

package/build/components/Calendar/helpers/getMonthRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"getMonthRef.js","names":["getMonthRef","autoScroll","el","index","instance","isMobile","range","selected","value","date","length","parseDate","current","dateFormat","Date","getFullYear","getMonth","undefined"],"sources":["../../../../src/components/Calendar/helpers/getMonthRef.js"],"sourcesContent":["import { dateFormat, parseDate } from '@mirai/locale';\n\nexport const getMonthRef = ({ autoScroll, el, index, instance, isMobile, range, selected, value } = {}) => {\n  const date = value?.length && value[0] && value[1] && parseDate(value[0]);\n\n  return isMobile &&\n    date &&\n    !el.current &&\n    !autoScroll &&\n    range &&\n    !selected[0] &&\n    dateFormat(new Date(date.getFullYear(), date.getMonth(), 1)) ===\n      dateFormat(new Date(instance.getFullYear(), instance.getMonth() + index, 1))\n    ? el\n    : undefined;\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAW,GAAmF;EAAA,+EAAP,CAAC,CAAC;IAAxEC,UAAU,QAAVA,UAAU;IAAEC,EAAE,QAAFA,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;EAC7F,IAAMC,IAAI,GAAG,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,MAAM,KAAIF,KAAK,CAAC,CAAC,CAAC,IAAIA,KAAK,CAAC,CAAC,CAAC,IAAI,IAAAG,iBAAS,EAACH,KAAK,CAAC,CAAC,CAAC,CAAC;EAEzE,OAAOH,QAAQ,IACbI,IAAI,IACJ,CAACP,EAAE,CAACU,OAAO,IACX,CAACX,UAAU,IACXK,KAAK,IACL,CAACC,QAAQ,CAAC,CAAC,CAAC,IACZ,IAAAM,kBAAU,EAAC,IAAIC,IAAI,CAACL,IAAI,CAACM,WAAW,EAAE,EAAEN,IAAI,CAACO,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,KAC1D,IAAAH,kBAAU,EAAC,IAAIC,IAAI,CAACV,QAAQ,CAACW,WAAW,EAAE,EAAEX,QAAQ,CAACY,QAAQ,EAAE,GAAGb,KAAK,EAAE,CAAC,CAAC,CAAC,GAC5ED,EAAE,GACFe,SAAS;AACf,CAAC;AAAC"}
+{"version":3,"file":"getMonthRef.js","names":["getMonthRef","autoScroll","el","index","instance","selected","value","date","length","parseDate","current","dateFormat","Date","getFullYear","getMonth","undefined"],"sources":["../../../../src/components/Calendar/helpers/getMonthRef.js"],"sourcesContent":["import { dateFormat, parseDate } from '@mirai/locale';\n\nexport const getMonthRef = ({ autoScroll, el, index, instance, selected, value } = {}) => {\n  const date = value?.length && value[0] && value[1] && parseDate(value[0]);\n\n  return date &&\n    !el.current &&\n    !autoScroll &&\n    !selected[0] &&\n    dateFormat(new Date(date.getFullYear(), date.getMonth(), 1)) ===\n      dateFormat(new Date(instance.getFullYear(), instance.getMonth() + index, 1))\n    ? el\n    : undefined;\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAW,GAAkE;EAAA,+EAAP,CAAC,CAAC;IAAvDC,UAAU,QAAVA,UAAU;IAAEC,EAAE,QAAFA,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;EAC5E,IAAMC,IAAI,GAAG,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,MAAM,KAAIF,KAAK,CAAC,CAAC,CAAC,IAAIA,KAAK,CAAC,CAAC,CAAC,IAAI,IAAAG,iBAAS,EAACH,KAAK,CAAC,CAAC,CAAC,CAAC;EAEzE,OAAOC,IAAI,IACT,CAACL,EAAE,CAACQ,OAAO,IACX,CAACT,UAAU,IACX,CAACI,QAAQ,CAAC,CAAC,CAAC,IACZ,IAAAM,kBAAU,EAAC,IAAIC,IAAI,CAACL,IAAI,CAACM,WAAW,EAAE,EAAEN,IAAI,CAACO,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,KAC1D,IAAAH,kBAAU,EAAC,IAAIC,IAAI,CAACR,QAAQ,CAACS,WAAW,EAAE,EAAET,QAAQ,CAACU,QAAQ,EAAE,GAAGX,KAAK,EAAE,CAAC,CAAC,CAAC,GAC5ED,EAAE,GACFa,SAAS;AACf,CAAC;AAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.204",
+  "version": "1.0.206",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",