@mirai/ui 1.0.79 → 1.0.81-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/README.md +9 -2
  2. package/build/components/Action/Action.stories.js +6 -7
  3. package/build/components/Action/Action.stories.js.map +1 -1
  4. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +1 -1
  5. package/build/components/Button/Button.stories.js +26 -8
  6. package/build/components/Button/Button.stories.js.map +1 -1
  7. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +3 -3
  8. package/build/components/Calendar/Calendar.Month.js +3 -1
  9. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  10. package/build/components/Calendar/Calendar.Week.js +24 -7
  11. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  12. package/build/components/Calendar/Calendar.js +11 -3
  13. package/build/components/Calendar/Calendar.js.map +1 -1
  14. package/build/components/Calendar/Calendar.module.css +8 -4
  15. package/build/components/Calendar/Calendar.stories.js +79 -26
  16. package/build/components/Calendar/Calendar.stories.js.map +1 -1
  17. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +7464 -7464
  18. package/build/components/Form/Form.constants.js +3 -1
  19. package/build/components/Form/Form.constants.js.map +1 -1
  20. package/build/components/Form/Form.js +5 -6
  21. package/build/components/Form/Form.js.map +1 -1
  22. package/build/components/Form/Form.stories.js +171 -30
  23. package/build/components/Form/Form.stories.js.map +1 -1
  24. package/build/components/InputDate/InputDate.stories.js +53 -42
  25. package/build/components/InputDate/InputDate.stories.js.map +1 -1
  26. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +3 -3
  27. package/build/components/InputNumber/InputNumber.js +1 -2
  28. package/build/components/InputNumber/InputNumber.js.map +1 -1
  29. package/build/components/InputNumber/InputNumber.stories.js +30 -15
  30. package/build/components/InputNumber/InputNumber.stories.js.map +1 -1
  31. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +9 -9
  32. package/build/components/InputOption/InputOption.js +2 -3
  33. package/build/components/InputOption/InputOption.js.map +1 -1
  34. package/build/components/InputOption/InputOption.stories.js +29 -14
  35. package/build/components/InputOption/InputOption.stories.js.map +1 -1
  36. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +22 -33
  37. package/build/components/InputSelect/InputSelect.stories.js +48 -28
  38. package/build/components/InputSelect/InputSelect.stories.js.map +1 -1
  39. package/build/components/InputText/InputText.js +1 -1
  40. package/build/components/InputText/InputText.js.map +1 -1
  41. package/build/components/InputText/InputText.stories.js +43 -30
  42. package/build/components/InputText/InputText.stories.js.map +1 -1
  43. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +0 -1
  44. package/build/components/Menu/Menu.Option.js +0 -2
  45. package/build/components/Menu/Menu.Option.js.map +1 -1
  46. package/build/components/Menu/Menu.js +1 -2
  47. package/build/components/Menu/Menu.js.map +1 -1
  48. package/build/components/Menu/Menu.stories.js +42 -20
  49. package/build/components/Menu/Menu.stories.js.map +1 -1
  50. package/build/components/Modal/Modal.js +2 -3
  51. package/build/components/Modal/Modal.js.map +1 -1
  52. package/build/components/Modal/Modal.module.css +1 -0
  53. package/build/components/Modal/Modal.stories.js +77 -20
  54. package/build/components/Modal/Modal.stories.js.map +1 -1
  55. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +116 -113
  56. package/build/components/Notification/Notification.js +7 -4
  57. package/build/components/Notification/Notification.js.map +1 -1
  58. package/build/components/Notification/Notification.module.css +4 -0
  59. package/build/components/Notification/Notification.stories.js +8 -7
  60. package/build/components/Notification/Notification.stories.js.map +1 -1
  61. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +35 -0
  62. package/build/components/Table/Table.stories.js +55 -20
  63. package/build/components/Table/Table.stories.js.map +1 -1
  64. package/build/components/Table/Table.stories.module.css +12 -0
  65. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +16 -24
  66. package/build/components/Tooltip/Tooltip.js +30 -8
  67. package/build/components/Tooltip/Tooltip.js.map +1 -1
  68. package/build/components/Tooltip/Tooltip.module.css +32 -0
  69. package/build/components/Tooltip/Tooltip.stories.js +72 -8
  70. package/build/components/Tooltip/Tooltip.stories.js.map +1 -1
  71. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +79 -22
  72. package/build/hooks/useDevice.stories.js +9 -8
  73. package/build/hooks/useDevice.stories.js.map +1 -1
  74. package/build/primitives/Checkbox/Checkbox.js +6 -3
  75. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  76. package/build/primitives/Checkbox/Checkbox.stories.js +29 -11
  77. package/build/primitives/Checkbox/Checkbox.stories.js.map +1 -1
  78. package/build/primitives/Icon/Icon.stories.js +23 -28
  79. package/build/primitives/Icon/Icon.stories.js.map +1 -1
  80. package/build/primitives/Input/Input.js +1 -0
  81. package/build/primitives/Input/Input.js.map +1 -1
  82. package/build/primitives/Input/Input.stories.js +50 -18
  83. package/build/primitives/Input/Input.stories.js.map +1 -1
  84. package/build/primitives/Input/__tests__/__snapshots__/Input.test.js.snap +5 -0
  85. package/build/primitives/Layer/Layer.js +9 -3
  86. package/build/primitives/Layer/Layer.js.map +1 -1
  87. package/build/primitives/Layer/Layer.stories.js +13 -8
  88. package/build/primitives/Layer/Layer.stories.js.map +1 -1
  89. package/build/primitives/Layer/Layer.stories.module.css +0 -0
  90. package/build/primitives/Layer/helpers/getLayerPosition.js +43 -5
  91. package/build/primitives/Layer/helpers/getLayerPosition.js.map +1 -1
  92. package/build/primitives/Pressable/Pressable.js +3 -3
  93. package/build/primitives/Pressable/Pressable.js.map +1 -1
  94. package/build/primitives/Pressable/Pressable.module.css +1 -0
  95. package/build/primitives/Pressable/Pressable.stories.js +7 -7
  96. package/build/primitives/Pressable/Pressable.stories.js.map +1 -1
  97. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +9 -9
  98. package/build/primitives/Radio/Radio.js +7 -4
  99. package/build/primitives/Radio/Radio.js.map +1 -1
  100. package/build/primitives/Radio/Radio.stories.js +29 -11
  101. package/build/primitives/Radio/Radio.stories.js.map +1 -1
  102. package/build/primitives/ScrollView/ScrollView.js +2 -2
  103. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  104. package/build/primitives/ScrollView/ScrollView.stories.js +27 -22
  105. package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
  106. package/build/primitives/Select/Select.stories.js +28 -12
  107. package/build/primitives/Select/Select.stories.js.map +1 -1
  108. package/build/primitives/Switch/Switch.js +4 -2
  109. package/build/primitives/Switch/Switch.js.map +1 -1
  110. package/build/primitives/Switch/Switch.stories.js +29 -10
  111. package/build/primitives/Switch/Switch.stories.js.map +1 -1
  112. package/build/primitives/Text/Text.stories.js +6 -6
  113. package/build/primitives/Text/Text.stories.js.map +1 -1
  114. package/build/primitives/View/View.stories.js +7 -7
  115. package/build/primitives/View/View.stories.js.map +1 -1
  116. package/build/theme/theme.stories.js +60 -0
  117. package/build/theme/theme.stories.js.map +1 -1
  118. package/package.json +2 -2
@@ -1,31 +1,95 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.default = exports.Story = void 0;
7
8
  var _locale = require("@mirai/locale");
8
- var React = _interopRequireWildcard(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _Calendar = require("./Calendar");
10
- var _captions;
11
+ var _captions, _Story$args;
11
12
  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); }
12
13
  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; }
13
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
14
+ 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); }
14
15
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
15
16
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
16
17
  function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
18
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
+ 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."); }
20
+ 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); }
21
+ 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; }
22
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
23
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
17
24
  var _default = {
18
25
  title: 'Components'
19
26
  };
20
27
  exports.default = _default;
28
+ var format = 'DD/MM/YYYY';
29
+ var today = new Date();
21
30
  var Story = function Story(props) {
22
- return /*#__PURE__*/React.createElement(_Calendar.Calendar, props);
31
+ var _useState = (0, _react.useState)(),
32
+ _useState2 = _slicedToArray(_useState, 2),
33
+ focus = _useState2[0],
34
+ setFocus = _useState2[1];
35
+ var _useState3 = (0, _react.useState)(props.value),
36
+ _useState4 = _slicedToArray(_useState3, 2),
37
+ value = _useState4[0],
38
+ setValue = _useState4[1];
39
+ var handleChange = function handleChange(_ref) {
40
+ var _console;
41
+ var _ref2 = _slicedToArray(_ref, 2),
42
+ from = _ref2[0],
43
+ to = _ref2[1];
44
+ for (var _len = arguments.length, props = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
45
+ props[_key - 1] = arguments[_key];
46
+ }
47
+ (_console = console).log.apply(_console, ['<Calendar>::onChange', [from, to]].concat(props));
48
+ setValue([from ? (0, _locale.dateFormat)(from, {
49
+ format: format
50
+ }) : undefined, to ? (0, _locale.dateFormat)(to, {
51
+ format: format
52
+ }) : undefined]);
53
+ };
54
+ var handleFocus = function handleFocus(nextFocus) {
55
+ var _console2;
56
+ for (var _len2 = arguments.length, props = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
57
+ props[_key2 - 1] = arguments[_key2];
58
+ }
59
+ (_console2 = console).log.apply(_console2, ['<Calendar>::onFocus', nextFocus].concat(props));
60
+ setFocus(nextFocus ? (0, _locale.dateFormat)(nextFocus, {
61
+ format: format
62
+ }) : undefined);
63
+ };
64
+ var tooltips = _defineProperty({}, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'days'), {
65
+ format: format
66
+ }), {
67
+ pressable: false,
68
+ visible: false,
69
+ text: '10.95$'
70
+ });
71
+ var _value = _slicedToArray(value, 2),
72
+ from = _value[0],
73
+ _value$ = _value[1],
74
+ to = _value$ === void 0 ? focus : _value$;
75
+ var _dateDiff = (0, _locale.dateDiff)((0, _locale.parseDate)(from, format), (0, _locale.parseDate)(to, format)),
76
+ nights = _dateDiff.days;
77
+ if (from) tooltips[from] = {
78
+ text: "Min. ".concat(props.rangeMinDays, " nights")
79
+ };
80
+ if (nights >= props.rangeMinDays) tooltips[to] = {
81
+ text: "".concat(nights, " nights")
82
+ };
83
+ return /*#__PURE__*/_react.default.createElement(_Calendar.Calendar, _extends({}, props, {
84
+ tooltips: tooltips,
85
+ value: value,
86
+ onChange: handleChange,
87
+ onFocus: handleFocus
88
+ }));
23
89
  };
24
90
  exports.Story = Story;
25
- var format = 'DD/MM/YYYY';
26
- var today = new Date();
27
91
  Story.storyName = 'Calendar';
28
- Story.args = _defineProperty({
92
+ Story.args = (_Story$args = {
29
93
  captions: (_captions = {}, _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'days'), {
30
94
  format: format
31
95
  }), '10.95$'), _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 8, 'days'), {
@@ -48,7 +112,7 @@ Story.args = _defineProperty({
48
112
  })],
49
113
  disabledPast: true,
50
114
  format: format,
51
- from: '',
115
+ from: (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 2, 'days')),
52
116
  highlights: [(0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'days'), {
53
117
  format: format
54
118
  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 10, 'days'), {
@@ -63,24 +127,13 @@ Story.args = _defineProperty({
63
127
  locale: 'es-ES',
64
128
  months: 2,
65
129
  range: true,
66
- rangeMaxDays: 7,
130
+ rangeMaxDays: 14,
67
131
  rangeMinDays: 3,
68
132
  to: (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'months')),
69
- value: [],
70
- onChange: function onChange() {
71
- var _console;
72
- for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
73
- props[_key] = arguments[_key];
74
- }
75
- return (_console = console).log.apply(_console, ['<Calendar>::onChange'].concat(props));
76
- },
77
- onFocus: function onFocus() {
78
- var _console2;
79
- for (var _len2 = arguments.length, props = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
80
- props[_key2] = arguments[_key2];
81
- }
82
- return (_console2 = console).log.apply(_console2, ['<Calendar>::onFocus'].concat(props));
83
- },
133
+ tooltips: _defineProperty({}, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'days'), {
134
+ format: format
135
+ }), '10.95$'),
136
+ value: [(0, _locale.dateFormat)((0, _locale.dateCalc)(today, 10, 'days')), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 13, 'days'))],
84
137
  onNavigation: function onNavigation() {
85
138
  var _console3;
86
139
  for (var _len3 = arguments.length, props = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
@@ -95,10 +148,10 @@ Story.args = _defineProperty({
95
148
  }
96
149
  return (_console4 = console).log.apply(_console4, ['<Calendar>::onScroll'].concat(props));
97
150
  }
98
- }, 'data-testid', 'test-story');
151
+ }, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
99
152
  Story.argTypes = {
100
153
  locale: {
101
- options: ['es-ES', 'en-GB', 'ja-JP', 'it-IT', 'pt-PT'],
154
+ options: ['es-ES', 'en-GB', 'fr-FR', 'it-IT', 'pt-PT', 'fr-BE', 'de-DE', 'ja-JA'],
102
155
  control: {
103
156
  type: 'select'
104
157
  },
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.stories.js","names":["title","Story","props","format","today","Date","storyName","args","captions","dateFormat","dateCalc","disabledDates","disabledPast","from","highlights","locale","months","range","rangeMaxDays","rangeMinDays","to","value","onChange","console","log","onFocus","onNavigation","onScroll","argTypes","options","control","type","defaultValue"],"sources":["../../../src/components/Calendar/Calendar.stories.jsx"],"sourcesContent":["import { dateCalc, dateFormat } from '@mirai/locale';\nimport * as React from 'react';\n\nimport { Calendar } from './Calendar';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Calendar {...props} />;\n\nconst format = 'DD/MM/YYYY';\nconst today = new Date();\n\nStory.storyName = 'Calendar';\n\nStory.args = {\n captions: {\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: '',\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: 'es-ES',\n months: 2,\n range: true,\n rangeMaxDays: 7,\n rangeMinDays: 3,\n to: dateFormat(dateCalc(today, 6, 'months')),\n value: [],\n onChange: (...props) => console.log('<Calendar>::onChange', ...props),\n onFocus: (...props) => console.log('<Calendar>::onFocus', ...props),\n onNavigation: (...props) => console.log('<Calendar>::onNavigation', ...props),\n onScroll: (...props) => console.log('<Calendar>::onScroll', ...props),\n ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n locale: {\n options: ['es-ES', 'en-GB', 'ja-JP', 'it-IT', 'pt-PT'],\n control: { type: 'select' },\n defaultValue: 'es-ES',\n },\n};\n"],"mappings":"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"}
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","tooltips","dateCalc","pressable","visible","text","dateDiff","parseDate","nights","days","rangeMinDays","storyName","args","captions","disabledDates","disabledPast","highlights","locale","months","range","rangeMaxDays","onNavigation","onScroll","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 tooltips = {\n [dateFormat(dateCalc(today, 6, 'days'), { format })]: { pressable: false, visible: false, text: '10.95$' },\n };\n const [from, to = focus] = value;\n const { days: nights } = dateDiff(parseDate(from, format), parseDate(to, format));\n\n if (from) tooltips[from] = { text: `Min. ${props.rangeMinDays} nights` };\n if (nights >= props.rangeMinDays) tooltips[to] = { text: `${nights} nights` };\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, 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: 'es-ES',\n months: 2,\n range: true,\n rangeMaxDays: 14,\n rangeMinDays: 3,\n to: dateFormat(dateCalc(today, 6, 'months')),\n tooltips: {\n [dateFormat(dateCalc(today, 6, 'days'), { format })]: '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 ['data-testid']: 'test-story',\n style: {},\n};\n\nStory.argTypes = {\n locale: {\n options: ['es-ES', 'en-GB', '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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"}