@mirai/ui 1.0.78 → 1.0.80

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 (111) hide show
  1. package/README.md +5 -3
  2. package/build/components/Action/Action.js +5 -3
  3. package/build/components/Action/Action.js.map +1 -1
  4. package/build/components/Action/Action.module.css +10 -1
  5. package/build/components/Action/Action.stories.js +7 -6
  6. package/build/components/Action/Action.stories.js.map +1 -1
  7. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +30 -0
  8. package/build/components/Button/Button.stories.js +26 -8
  9. package/build/components/Button/Button.stories.js.map +1 -1
  10. package/build/components/Calendar/Calendar.Month.js +2 -1
  11. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  12. package/build/components/Calendar/Calendar.Week.js +3 -3
  13. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  14. package/build/components/Calendar/Calendar.module.css +6 -4
  15. package/build/components/Calendar/Calendar.stories.js +9 -10
  16. package/build/components/Calendar/Calendar.stories.js.map +1 -1
  17. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +4814 -4814
  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/InputOption/InputOption.js +2 -3
  32. package/build/components/InputOption/InputOption.js.map +1 -1
  33. package/build/components/InputOption/InputOption.stories.js +29 -14
  34. package/build/components/InputOption/InputOption.stories.js.map +1 -1
  35. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +22 -33
  36. package/build/components/InputSelect/InputSelect.stories.js +48 -28
  37. package/build/components/InputSelect/InputSelect.stories.js.map +1 -1
  38. package/build/components/InputText/InputText.js +1 -1
  39. package/build/components/InputText/InputText.js.map +1 -1
  40. package/build/components/InputText/InputText.stories.js +43 -30
  41. package/build/components/InputText/InputText.stories.js.map +1 -1
  42. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +0 -1
  43. package/build/components/Menu/Menu.Option.js +0 -2
  44. package/build/components/Menu/Menu.Option.js.map +1 -1
  45. package/build/components/Menu/Menu.js +8 -4
  46. package/build/components/Menu/Menu.js.map +1 -1
  47. package/build/components/Menu/Menu.module.css +17 -0
  48. package/build/components/Menu/Menu.stories.js +44 -22
  49. package/build/components/Menu/Menu.stories.js.map +1 -1
  50. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +2 -2
  51. package/build/components/Modal/Modal.js +29 -6
  52. package/build/components/Modal/Modal.js.map +1 -1
  53. package/build/components/Modal/Modal.module.css +6 -0
  54. package/build/components/Modal/Modal.stories.js +77 -17
  55. package/build/components/Modal/Modal.stories.js.map +1 -1
  56. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +32 -14
  57. package/build/components/Notification/Notification.js +7 -4
  58. package/build/components/Notification/Notification.js.map +1 -1
  59. package/build/components/Notification/Notification.module.css +4 -0
  60. package/build/components/Notification/Notification.stories.js +8 -7
  61. package/build/components/Notification/Notification.stories.js.map +1 -1
  62. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +35 -0
  63. package/build/components/Table/Table.stories.js +55 -20
  64. package/build/components/Table/Table.stories.js.map +1 -1
  65. package/build/components/Table/Table.stories.module.css +12 -0
  66. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +16 -24
  67. package/build/components/Tooltip/Tooltip.js +18 -13
  68. package/build/components/Tooltip/Tooltip.js.map +1 -1
  69. package/build/components/Tooltip/Tooltip.module.css +0 -1
  70. package/build/components/Tooltip/Tooltip.stories.js +45 -8
  71. package/build/components/Tooltip/Tooltip.stories.js.map +1 -1
  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.stories.js +13 -8
  86. package/build/primitives/Layer/Layer.stories.js.map +1 -1
  87. package/build/primitives/Layer/Layer.stories.module.css +0 -0
  88. package/build/primitives/Pressable/Pressable.js +10 -4
  89. package/build/primitives/Pressable/Pressable.js.map +1 -1
  90. package/build/primitives/Pressable/Pressable.stories.js +7 -7
  91. package/build/primitives/Pressable/Pressable.stories.js.map +1 -1
  92. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +8 -8
  93. package/build/primitives/Radio/Radio.js +7 -4
  94. package/build/primitives/Radio/Radio.js.map +1 -1
  95. package/build/primitives/Radio/Radio.stories.js +29 -11
  96. package/build/primitives/Radio/Radio.stories.js.map +1 -1
  97. package/build/primitives/ScrollView/ScrollView.js +2 -2
  98. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  99. package/build/primitives/ScrollView/ScrollView.stories.js +27 -22
  100. package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
  101. package/build/primitives/Select/Select.stories.js +28 -12
  102. package/build/primitives/Select/Select.stories.js.map +1 -1
  103. package/build/primitives/Switch/Switch.js +4 -2
  104. package/build/primitives/Switch/Switch.js.map +1 -1
  105. package/build/primitives/Switch/Switch.stories.js +29 -10
  106. package/build/primitives/Switch/Switch.stories.js.map +1 -1
  107. package/build/primitives/Text/Text.stories.js +6 -6
  108. package/build/primitives/Text/Text.stories.js.map +1 -1
  109. package/build/primitives/View/View.stories.js +7 -7
  110. package/build/primitives/View/View.stories.js.map +1 -1
  111. package/package.json +1 -1
package/README.md CHANGED
@@ -151,7 +151,7 @@ This primitive returns pressable elements based on the following properties:
151
151
 
152
152
  - `children:node`
153
153
  - `disabled:boolean` disable attribute
154
- - `preventDefault:boolean` if you want stop the event tunneling.
154
+ - `preventDefault:boolean` if you want stop the event tunneling (default true).
155
155
  - `tag:string` html tag applied to a primitive
156
156
  - `onEnter:function` executed once the user hovers over the element
157
157
  - `onLeave:function` executed once the user hovers away
@@ -322,6 +322,7 @@ A hyperlink component that receives the following props:
322
322
 
323
323
  - `children:node|string`
324
324
  - `disabled:boolean` applying 'disabled' attribute
325
+ - `inline:boolean` modifying the button padding size
325
326
  - `large:boolean` modifying the button size
326
327
  - `small:boolean` modifying the button size
327
328
  - `tag:string` html tag of resulting element ('button' by default)
@@ -676,8 +677,9 @@ A modal component receiving the following props:
676
677
  - `portal:bool` if you want use _portal feature_ of React API
677
678
  - `title:string` shows a title for the modal
678
679
  - `visible:boolean` if true modal is shown
679
- - `onBack:function` executed once back button is clicked
680
- - `onClose:function` executed once close button is clicked
680
+ - `onBack:function` executed once back button is touched
681
+ - `onClose:function` executed once close button is touched
682
+ - `onOverflow:function` executed once overflow is touched
681
683
 
682
684
  ```jsx
683
685
  import { Modal, View } from '@mirai/ui';
@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
10
10
  var _helpers = require("../../helpers");
11
11
  var _primitives = require("../../primitives");
12
12
  var _ActionModule = _interopRequireDefault(require("./Action.module.css"));
13
- var _excluded = ["children", "disabled", "large", "small", "tag", "wide", "onPress"];
13
+ var _excluded = ["children", "disabled", "inline", "large", "small", "tag", "wide", "onPress"];
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
  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; }
16
16
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -22,6 +22,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
22
22
  var Action = function Action(_ref) {
23
23
  var children = _ref.children,
24
24
  disabled = _ref.disabled,
25
+ inline = _ref.inline,
25
26
  large = _ref.large,
26
27
  small = _ref.small,
27
28
  _ref$tag = _ref.tag,
@@ -32,8 +33,8 @@ var Action = function Action(_ref) {
32
33
  return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _objectSpread(_objectSpread({}, others), {}, {
33
34
  disabled: disabled,
34
35
  tag: tag,
35
- className: (0, _helpers.styles)(_ActionModule.default.action, large && _ActionModule.default.large, small && _ActionModule.default.small, wide && _ActionModule.default.wide, others.className),
36
- onPress: !disabled ? onPress : undefined
36
+ className: (0, _helpers.styles)(_ActionModule.default.action, inline && _ActionModule.default.inline, large && _ActionModule.default.large, small && _ActionModule.default.small, wide && _ActionModule.default.wide, others.className),
37
+ onPress: onPress
37
38
  }), children);
38
39
  };
39
40
  exports.Action = Action;
@@ -41,6 +42,7 @@ Action.displayName = 'Component:Action';
41
42
  Action.propTypes = {
42
43
  children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
43
44
  disabled: _propTypes.default.bool,
45
+ inline: _propTypes.default.bool,
44
46
  large: _propTypes.default.bool,
45
47
  small: _propTypes.default.bool,
46
48
  tag: _propTypes.default.string,
@@ -1 +1 @@
1
- {"version":3,"file":"Action.js","names":["Action","children","disabled","large","small","tag","wide","onPress","others","React","createElement","Pressable","className","styles","style","action","undefined","displayName","propTypes","PropTypes","oneOfType","string","node","bool","onEnter","func","onLeave"],"sources":["../../../src/components/Action/Action.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable } from '../../primitives';\nimport style from './Action.module.css';\n\nconst Action = ({ children, disabled, large, small, tag = 'button', wide, onPress, ...others }) =>\n React.createElement(\n Pressable,\n {\n ...others,\n disabled,\n tag,\n className: styles(style.action, large && style.large, small && style.small, wide && style.wide, others.className),\n onPress: !disabled ? onPress : undefined,\n },\n children,\n );\n\nAction.displayName = 'Component:Action';\n\nAction.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n disabled: PropTypes.bool,\n large: PropTypes.bool,\n small: PropTypes.bool,\n tag: PropTypes.string,\n wide: PropTypes.bool,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPress: PropTypes.func,\n};\n\nexport { Action };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAA,gBAAEC,GAAG;IAAHA,GAAG,yBAAG,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAAA,oBAC1FC,cAAK,CAACC,aAAa,CACjBC,qBAAS,kCAEJH,MAAM;IACTN,QAAQ,EAARA,QAAQ;IACRG,GAAG,EAAHA,GAAG;IACHO,SAAS,EAAE,IAAAC,eAAM,EAACC,qBAAK,CAACC,MAAM,EAAEZ,KAAK,IAAIW,qBAAK,CAACX,KAAK,EAAEC,KAAK,IAAIU,qBAAK,CAACV,KAAK,EAAEE,IAAI,IAAIQ,qBAAK,CAACR,IAAI,EAAEE,MAAM,CAACI,SAAS,CAAC;IACjHL,OAAO,EAAE,CAACL,QAAQ,GAAGK,OAAO,GAAGS;EAAS,IAE1Cf,QAAQ,CACT;AAAA;AAAC;AAEJD,MAAM,CAACiB,WAAW,GAAG,kBAAkB;AAEvCjB,MAAM,CAACkB,SAAS,GAAG;EACjBjB,QAAQ,EAAEkB,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACG,IAAI,CAAC,CAAC;EACjEpB,QAAQ,EAAEiB,kBAAS,CAACI,IAAI;EACxBpB,KAAK,EAAEgB,kBAAS,CAACI,IAAI;EACrBnB,KAAK,EAAEe,kBAAS,CAACI,IAAI;EACrBlB,GAAG,EAAEc,kBAAS,CAACE,MAAM;EACrBf,IAAI,EAAEa,kBAAS,CAACI,IAAI;EACpBC,OAAO,EAAEL,kBAAS,CAACM,IAAI;EACvBC,OAAO,EAAEP,kBAAS,CAACM,IAAI;EACvBlB,OAAO,EAAEY,kBAAS,CAACM;AACrB,CAAC"}
1
+ {"version":3,"file":"Action.js","names":["Action","children","disabled","inline","large","small","tag","wide","onPress","others","React","createElement","Pressable","className","styles","style","action","displayName","propTypes","PropTypes","oneOfType","string","node","bool","onEnter","func","onLeave"],"sources":["../../../src/components/Action/Action.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable } from '../../primitives';\nimport style from './Action.module.css';\n\nconst Action = ({ children, disabled, inline, large, small, tag = 'button', wide, onPress, ...others }) =>\n React.createElement(\n Pressable,\n {\n ...others,\n disabled,\n tag,\n className: styles(\n style.action,\n inline && style.inline,\n large && style.large,\n small && style.small,\n wide && style.wide,\n others.className,\n ),\n onPress,\n },\n children,\n );\n\nAction.displayName = 'Component:Action';\n\nAction.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n disabled: PropTypes.bool,\n inline: PropTypes.bool,\n large: PropTypes.bool,\n small: PropTypes.bool,\n tag: PropTypes.string,\n wide: PropTypes.bool,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPress: PropTypes.func,\n};\n\nexport { Action };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAA,gBAAEC,GAAG;IAAHA,GAAG,yBAAG,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAAA,oBAClGC,cAAK,CAACC,aAAa,CACjBC,qBAAS,kCAEJH,MAAM;IACTP,QAAQ,EAARA,QAAQ;IACRI,GAAG,EAAHA,GAAG;IACHO,SAAS,EAAE,IAAAC,eAAM,EACfC,qBAAK,CAACC,MAAM,EACZb,MAAM,IAAIY,qBAAK,CAACZ,MAAM,EACtBC,KAAK,IAAIW,qBAAK,CAACX,KAAK,EACpBC,KAAK,IAAIU,qBAAK,CAACV,KAAK,EACpBE,IAAI,IAAIQ,qBAAK,CAACR,IAAI,EAClBE,MAAM,CAACI,SAAS,CACjB;IACDL,OAAO,EAAPA;EAAO,IAETP,QAAQ,CACT;AAAA;AAAC;AAEJD,MAAM,CAACiB,WAAW,GAAG,kBAAkB;AAEvCjB,MAAM,CAACkB,SAAS,GAAG;EACjBjB,QAAQ,EAAEkB,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACG,IAAI,CAAC,CAAC;EACjEpB,QAAQ,EAAEiB,kBAAS,CAACI,IAAI;EACxBpB,MAAM,EAAEgB,kBAAS,CAACI,IAAI;EACtBnB,KAAK,EAAEe,kBAAS,CAACI,IAAI;EACrBlB,KAAK,EAAEc,kBAAS,CAACI,IAAI;EACrBjB,GAAG,EAAEa,kBAAS,CAACE,MAAM;EACrBd,IAAI,EAAEY,kBAAS,CAACI,IAAI;EACpBC,OAAO,EAAEL,kBAAS,CAACM,IAAI;EACvBC,OAAO,EAAEP,kBAAS,CAACM,IAAI;EACvBjB,OAAO,EAAEW,kBAAS,CAACM;AACrB,CAAC"}
@@ -6,7 +6,6 @@
6
6
  font-size: var(--mirai-ui-font-size-action);
7
7
  font-weight: var(--mirai-ui-action-font-weight);
8
8
  justify-content: center;
9
- padding: var(--mirai-ui-button-padding-y) 0;
10
9
  position: relative;
11
10
  width: fit-content;
12
11
  }
@@ -19,13 +18,23 @@
19
18
  color: var(--mirai-ui-action-color-active);
20
19
  }
21
20
 
21
+ .action:not(.inline):not(.large):not(.small) {
22
+ padding: var(--mirai-ui-button-padding-y) 0;
23
+ }
24
+
22
25
  .large {
23
26
  font-size: var(--mirai-ui-font-size-paragraph);
27
+ }
28
+
29
+ .large:not(.inline) {
24
30
  padding: var(--mirai-ui-button-padding-y) 0;
25
31
  }
26
32
 
27
33
  .small {
28
34
  font-size: var(--mirai-ui-font-size-small);
35
+ }
36
+
37
+ .small:not(.inline) {
29
38
  padding: var(--mirai-ui-button-padding-y) 0;
30
39
  }
31
40
 
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.Story = void 0;
7
- var React = _interopRequireWildcard(require("react"));
7
+ var _react = _interopRequireDefault(require("react"));
8
8
  var _Action = require("./Action");
9
- 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); }
10
- 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; }
9
+ var _Story$args;
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  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); }
12
12
  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; }
13
13
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
@@ -17,18 +17,19 @@ var _default = {
17
17
  };
18
18
  exports.default = _default;
19
19
  var Story = function Story(props) {
20
- return /*#__PURE__*/React.createElement(_Action.Action, props);
20
+ return /*#__PURE__*/_react.default.createElement(_Action.Action, props);
21
21
  };
22
22
  exports.Story = Story;
23
23
  Story.storyName = 'Action';
24
- Story.args = _defineProperty({
24
+ Story.args = (_Story$args = {
25
25
  children: 'children',
26
26
  disabled: false,
27
+ inline: false,
27
28
  large: false,
28
29
  small: false,
29
30
  tag: 'button',
30
31
  wide: false
31
- }, 'data-testid', 'test-story');
32
+ }, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "href", undefined), _defineProperty(_Story$args, "style", {}), _Story$args);
32
33
  Story.argTypes = {
33
34
  onEnter: {
34
35
  action: 'onEnter'
@@ -1 +1 @@
1
- {"version":3,"file":"Action.stories.js","names":["title","Story","props","storyName","args","children","disabled","large","small","tag","wide","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Action/Action.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Action } from './Action';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Action {...props} />;\n\nStory.storyName = 'Action';\n\nStory.args = {\n children: 'children',\n disabled: false,\n large: false,\n small: false,\n tag: 'button',\n wide: false,\n ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n onEnter: { action: 'onEnter' },\n onLeave: { action: 'onLeave' },\n onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEnB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,oBAAC,cAAM,EAAKA,KAAK,CAAI;AAAA;AAAC;AAEtDD,KAAK,CAACE,SAAS,GAAG,QAAQ;AAE1BF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,QAAQ;EACbC,IAAI,EAAE;AAAK,GACV,aAAa,EAAG,YAAY,CAC9B;AAEDT,KAAK,CAACU,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}
1
+ {"version":3,"file":"Action.stories.js","names":["title","Story","props","storyName","args","children","disabled","inline","large","small","tag","wide","undefined","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Action/Action.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Action } from './Action';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Action {...props} />;\n\nStory.storyName = 'Action';\n\nStory.args = {\n children: 'children',\n disabled: false,\n inline: false,\n large: false,\n small: false,\n tag: 'button',\n wide: false,\n // inherited properties\n ['data-testid']: 'test-story',\n href: undefined,\n style: {},\n};\n\nStory.argTypes = {\n onEnter: { action: 'onEnter' },\n onLeave: { action: 'onLeave' },\n onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEnB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,cAAM,EAAKA,KAAK,CAAI;AAAA;AAAC;AAEtDD,KAAK,CAACE,SAAS,GAAG,QAAQ;AAE1BF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfC,MAAM,EAAE,KAAK;EACbC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,QAAQ;EACbC,IAAI,EAAE;AAAK,gCAEV,aAAa,EAAG,YAAY,wCACvBC,SAAS,yCACR,CAAC,CAAC,eACV;AAEDX,KAAK,CAACY,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}
@@ -21,6 +21,36 @@ exports[`component:<Action> prop:disabled 1`] = `
21
21
  </DocumentFragment>
22
22
  `;
23
23
 
24
+ exports[`component:<Action> prop:inline & prop:large 1`] = `
25
+ <DocumentFragment>
26
+ <button
27
+ class="pressable action inline large"
28
+ >
29
+ children
30
+ </button>
31
+ </DocumentFragment>
32
+ `;
33
+
34
+ exports[`component:<Action> prop:inline & prop:small 1`] = `
35
+ <DocumentFragment>
36
+ <button
37
+ class="pressable action inline small"
38
+ >
39
+ children
40
+ </button>
41
+ </DocumentFragment>
42
+ `;
43
+
44
+ exports[`component:<Action> prop:inline default 1`] = `
45
+ <DocumentFragment>
46
+ <button
47
+ class="pressable action inline"
48
+ >
49
+ children
50
+ </button>
51
+ </DocumentFragment>
52
+ `;
53
+
24
54
  exports[`component:<Action> prop:large 1`] = `
25
55
  <DocumentFragment>
26
56
  <button
@@ -1,30 +1,39 @@
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
- var React = _interopRequireWildcard(require("react"));
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _ = require("../../");
8
10
  var _Button = require("./Button");
9
- 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); }
10
- 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; }
11
- 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); }
11
+ var _Story$args;
12
+ var _excluded = ["icon"];
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
14
  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; }
13
15
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
14
16
  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); }
17
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
18
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
15
19
  var _default = {
16
20
  title: 'Components'
17
21
  };
18
22
  exports.default = _default;
19
- var Story = function Story(props) {
20
- return /*#__PURE__*/React.createElement(_Button.Button, props);
23
+ var Story = function Story(_ref) {
24
+ var icon = _ref.icon,
25
+ props = _objectWithoutProperties(_ref, _excluded);
26
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, props), /*#__PURE__*/_react.default.createElement(_Button.Button, props, /*#__PURE__*/_react.default.createElement(_.Icon, {
27
+ value: _.ICON[icon]
28
+ })));
21
29
  };
22
30
  exports.Story = Story;
23
31
  Story.storyName = 'Button';
24
- Story.args = _defineProperty({
32
+ Story.args = (_Story$args = {
25
33
  busy: false,
26
34
  children: 'children',
27
35
  disabled: false,
36
+ icon: undefined,
28
37
  large: false,
29
38
  rounded: false,
30
39
  secondary: false,
@@ -32,8 +41,17 @@ Story.args = _defineProperty({
32
41
  squared: false,
33
42
  tag: 'button',
34
43
  wide: false
35
- }, 'data-testid', 'test-story');
44
+ }, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {
45
+ marginBottom: 'var(--mirai-ui-space-M)'
46
+ }), _Story$args);
36
47
  Story.argTypes = {
48
+ icon: {
49
+ options: Object.keys(_.ICON),
50
+ control: {
51
+ type: 'select'
52
+ },
53
+ defaultValue: Object.keys(_.ICON)[0]
54
+ },
37
55
  onEnter: {
38
56
  action: 'onEnter'
39
57
  },
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.js","names":["title","Story","props","storyName","args","busy","children","disabled","large","rounded","secondary","small","squared","tag","wide","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Button/Button.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from './Button';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Button {...props} />;\n\nStory.storyName = 'Button';\n\nStory.args = {\n busy: false,\n children: 'children',\n disabled: false,\n large: false,\n rounded: false,\n secondary: false,\n small: false,\n squared: false,\n tag: 'button',\n wide: false,\n ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n onEnter: { action: 'onEnter' },\n onLeave: { action: 'onLeave' },\n onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEnB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,oBAAC,cAAM,EAAKA,KAAK,CAAI;AAAA;AAAC;AAEtDD,KAAK,CAACE,SAAS,GAAG,QAAQ;AAE1BF,KAAK,CAACG,IAAI;EACRC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,KAAK;EAChBC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,GAAG,EAAE,QAAQ;EACbC,IAAI,EAAE;AAAK,GACV,aAAa,EAAG,YAAY,CAC9B;AAEDb,KAAK,CAACc,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}
1
+ {"version":3,"file":"Button.stories.js","names":["title","Story","icon","props","ICON","storyName","args","busy","children","disabled","undefined","large","rounded","secondary","small","squared","tag","wide","marginBottom","argTypes","options","Object","keys","control","type","defaultValue","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Button/Button.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { Icon, ICON } from '../../';\nimport { Button } from './Button';\n\nexport default { title: 'Components' };\n\nexport const Story = ({ icon, ...props }) => (\n <>\n <Button {...props} />\n <Button {...props}>\n <Icon value={ICON[icon]} />\n </Button>\n </>\n);\n\nStory.storyName = 'Button';\n\nStory.args = {\n busy: false,\n children: 'children',\n disabled: false,\n icon: undefined,\n large: false,\n rounded: false,\n secondary: false,\n small: false,\n squared: false,\n tag: 'button',\n wide: false,\n // inherited properties\n ['data-testid']: 'test-story',\n style: { marginBottom: 'var(--mirai-ui-space-M)' },\n};\n\nStory.argTypes = {\n icon: {\n options: Object.keys(ICON),\n control: { type: 'select' },\n defaultValue: Object.keys(ICON)[0],\n },\n onEnter: { action: 'onEnter' },\n onLeave: { action: 'onLeave' },\n onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;;AACA;AAEA;AACA;AAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEnB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,IAAI,QAAJA,IAAI;IAAKC,KAAK;EAAA,oBACpC,yEACE,6BAAC,cAAM,EAAKA,KAAK,CAAI,eACrB,6BAAC,cAAM,EAAKA,KAAK,eACf,6BAAC,MAAI;IAAC,KAAK,EAAEC,MAAI,CAACF,IAAI;EAAE,EAAG,CACpB,CACR;AAAA,CACJ;AAAC;AAEFD,KAAK,CAACI,SAAS,GAAG,QAAQ;AAE1BJ,KAAK,CAACK,IAAI;EACRC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfP,IAAI,EAAEQ,SAAS;EACfC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,KAAK;EAChBC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,GAAG,EAAE,QAAQ;EACbC,IAAI,EAAE;AAAK,gCAEV,aAAa,EAAG,YAAY,yCACtB;EAAEC,YAAY,EAAE;AAA0B,CAAC,eACnD;AAEDjB,KAAK,CAACkB,QAAQ,GAAG;EACfjB,IAAI,EAAE;IACJkB,OAAO,EAAEC,MAAM,CAACC,IAAI,CAAClB,MAAI,CAAC;IAC1BmB,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAS,CAAC;IAC3BC,YAAY,EAAEJ,MAAM,CAACC,IAAI,CAAClB,MAAI,CAAC,CAAC,CAAC;EACnC,CAAC;EACDsB,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}
@@ -53,6 +53,7 @@ var Month = function Month(_ref) {
53
53
  row: true,
54
54
  className: _CalendarModule.default.header
55
55
  }, onPrevious && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
56
+ tag: "button",
56
57
  onPress: onPrevious,
57
58
  "data-testid": testID ? "".concat(testID, "-previous") : undefined
58
59
  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
@@ -63,8 +64,8 @@ var Month = function Month(_ref) {
63
64
  level: 4,
64
65
  className: _CalendarModule.default.title
65
66
  }, (0, _helpers2.getHeader)(instance, locale)), onNext && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
67
+ tag: "button",
66
68
  onPress: onNext,
67
- className: _CalendarModule.default.pressable,
68
69
  "data-testid": testID ? "".concat(testID, "-next") : undefined
69
70
  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
70
71
  value: _primitives.ICON.RIGHT
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.Month.js","names":["Month","focus","instance","selected","disabledPast","format","from","locale","range","to","onChange","onFocus","onNext","onPrevious","others","useDevice","isDesktop","weekNumber","getWeekNumber","testID","styles","style","month","className","header","undefined","ICON","LEFT","title","getHeader","pressable","RIGHT","VISIBLE_WEEKS","map","week","getMonth","getFullYear","displayName","propTypes","captions","PropTypes","shape","any","disabledDates","arrayOf","string","bool","instanceOf","Date","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 { 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\nexport const Month = ({\n focus,\n instance,\n selected,\n disabledPast,\n format,\n from,\n locale,\n range = false,\n to,\n onChange = () => {},\n onFocus = () => {},\n onNext,\n onPrevious,\n ...others\n}) => {\n const { isDesktop } = useDevice();\n const weekNumber = getWeekNumber(instance);\n\n const { ['data-testid']: testID } = others;\n\n return (\n <View className={styles(style.month, others.className)}>\n <View row className={style.header}>\n {onPrevious && (\n <Pressable onPress={onPrevious} data-testid={testID ? `${testID}-previous` : undefined}>\n <Icon value={ICON.LEFT} />\n </Pressable>\n )}\n <Text bold headline level={4} className={style.title}>\n {getHeader(instance, locale)}\n </Text>\n {onNext && (\n <Pressable onPress={onNext} className={style.pressable} data-testid={testID ? `${testID}-next` : undefined}>\n <Icon value={ICON.RIGHT} />\n </Pressable>\n )}\n </View>\n\n {isDesktop && <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 to,\n range,\n selected,\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\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 to: PropTypes.instanceOf(Date),\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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"}
1
+ {"version":3,"file":"Calendar.Month.js","names":["Month","focus","instance","selected","disabledPast","format","from","locale","range","to","onChange","onFocus","onNext","onPrevious","others","useDevice","isDesktop","weekNumber","getWeekNumber","testID","styles","style","month","className","header","undefined","ICON","LEFT","title","getHeader","RIGHT","VISIBLE_WEEKS","map","week","getMonth","getFullYear","displayName","propTypes","captions","PropTypes","shape","any","disabledDates","arrayOf","string","bool","instanceOf","Date","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 { 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\nexport const Month = ({\n focus,\n instance,\n selected,\n disabledPast,\n format,\n from,\n locale,\n range = false,\n to,\n onChange = () => {},\n onFocus = () => {},\n onNext,\n onPrevious,\n ...others\n}) => {\n const { isDesktop } = useDevice();\n const weekNumber = getWeekNumber(instance);\n\n const { ['data-testid']: testID } = others;\n\n return (\n <View className={styles(style.month, others.className)}>\n <View row className={style.header}>\n {onPrevious && (\n <Pressable tag=\"button\" onPress={onPrevious} data-testid={testID ? `${testID}-previous` : undefined}>\n <Icon value={ICON.LEFT} />\n </Pressable>\n )}\n <Text bold headline level={4} className={style.title}>\n {getHeader(instance, locale)}\n </Text>\n {onNext && (\n <Pressable tag=\"button\" onPress={onNext} data-testid={testID ? `${testID}-next` : undefined}>\n <Icon value={ICON.RIGHT} />\n </Pressable>\n )}\n </View>\n\n {isDesktop && <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 to,\n range,\n selected,\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\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 to: PropTypes.instanceOf(Date),\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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"}
@@ -105,8 +105,6 @@ var Week = function Week(_ref) {
105
105
  disabled: is.disabled || !is.visible || is.ranging && (is.minRange || is.outOfRange),
106
106
  key: day,
107
107
  tabIndex: is.visible && !is.disabled ? "".concat(date.getMonth(), "-").concat(date.getDate()) : undefined,
108
- "data-testid": "".concat(others['data-testid'] || 'calendar', "-").concat(number, "-").concat(day),
109
- className: _CalendarModule.default.cell,
110
108
  onEnter: is.ranging ? function () {
111
109
  return onFocus(date);
112
110
  } : undefined,
@@ -115,7 +113,9 @@ var Week = function Week(_ref) {
115
113
  } : undefined,
116
114
  onPress: function onPress() {
117
115
  return _onPress(date);
118
- }
116
+ },
117
+ className: _CalendarModule.default.cell,
118
+ "data-testid": "".concat(others['data-testid'] || 'calendar', "-").concat(number, "-").concat(day)
119
119
  }, is.visible && /*#__PURE__*/_react.default.createElement(_primitives.View, {
120
120
  className: (0, _helpers.styles)(_CalendarModule.default.day, is.range && !is.disabled && !is.outOfRange && _CalendarModule.default.dayRange, (is.rangeLimit || !is.range && is.selected) && _CalendarModule.default.daySelected, is.rangeLimit && dateTS === rangeTS.start && _CalendarModule.default.daySelectedStart, is.rangeLimit && dateTS === rangeTS.end && _CalendarModule.default.daySelectedEnd, !is.selected && !is.disabled && !is.minRange && !is.outOfRange && _CalendarModule.default.dayTouchable)
121
121
  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.Week.js","names":["Week","captions","disabledDates","disabledPast","focus","locale","format","from","highlights","month","number","range","rangeMinDays","selected","to","year","onPress","onFocus","others","disabledDatesTS","map","date","UTC","parseDate","getTime","firstDate","getFirstDateOfWeek","getFirstDayOfWeek","todayTS","getToday","fromTS","toTS","focusTS","rangeTS","start","end","undefined","min","dateCalc","filter","ts","sort","outbound","styles","style","DAYS","day","Date","getFullYear","getMonth","getDate","dateTS","dateString","dateFormat","is","disabled","includes","highlight","outOfRange","minRange","rangeLimit","ranging","today","visible","textStyle","textDisabled","textSelected","textHighlight","cell","dayRange","daySelected","daySelectedStart","daySelectedEnd","dayTouchable","caption","color","empty","displayName","propTypes","PropTypes","shape","arrayOf","string","bool","object","instanceOf","isRequired","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.Week.jsx"],"sourcesContent":["import { dateCalc, dateFormat, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable, Text, View } from '../../primitives';\nimport { DAYS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { getFirstDateOfWeek, getToday, getFirstDayOfWeek } from './helpers';\n\nexport const Week = ({\n captions,\n disabledDates = [],\n disabledPast,\n focus,\n locale,\n format,\n from,\n highlights = [],\n month,\n number,\n range,\n rangeMinDays,\n selected,\n to,\n year,\n onPress = () => {},\n onFocus = () => {},\n ...others\n}) => {\n const disabledDatesTS = disabledDates.map((date) => UTC(parseDate(date, format)).getTime());\n const firstDate = getFirstDateOfWeek(number, year, getFirstDayOfWeek(locale));\n const todayTS = getToday().getTime();\n const fromTS = from?.getTime();\n const toTS = to?.getTime();\n const focusTS = focus?.getTime();\n\n let rangeTS = {};\n if (range) {\n const [start, end] = selected;\n rangeTS = {\n start: start ? start.getTime() : undefined,\n end: end ? end.getTime() : undefined,\n min: start && rangeMinDays ? dateCalc(start, rangeMinDays, 'days').getTime() : undefined,\n };\n\n const [outbound] = disabledDatesTS.filter((ts) => ts > rangeTS.start).sort();\n rangeTS.outbound = outbound ? outbound - 1 : undefined;\n }\n\n return (\n <View row className={styles(rangeTS.start !== undefined && range && style.range)}>\n {DAYS.map((day) => {\n const date = UTC(new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate() + day));\n const dateTS = date.getTime();\n const dateString = dateFormat(date, { format });\n\n const is = {\n disabled:\n (disabledPast && dateTS < todayTS) || // past\n !date.getMonth() === month || // days out of month\n disabledDatesTS.includes(dateTS) || // disabled dates\n dateTS < fromTS || // less than range\n dateTS > toTS, // more than range\n highlight: highlights.includes(dateString),\n outOfRange: dateTS > rangeTS.outbound,\n minRange: dateTS > rangeTS.start && dateTS < rangeTS.min,\n range: dateTS > rangeTS.start && (dateTS < rangeTS.end || dateTS < rangeTS.min || dateTS < focusTS),\n rangeLimit: dateTS === rangeTS.start || dateTS === rangeTS.end,\n ranging: range && selected?.[0] && !selected[1],\n selected:\n range && selected\n ? selected[0] && !selected[1]\n ? dateTS === selected[0].getTime()\n : selected[0] && selected[1]\n ? dateTS >= selected[0].getTime() && dateTS <= selected[1].getTime()\n : undefined\n : dateTS === selected?.getTime(),\n today: dateTS === todayTS,\n visible: date.getMonth() === month,\n };\n\n const textStyle =\n is.disabled || (is.ranging && is.outOfRange)\n ? style.textDisabled\n : is.selected || dateTS === rangeTS.end\n ? style.textSelected\n : is.highlight && !is.range\n ? style.textHighlight\n : undefined;\n\n return (\n <Pressable\n disabled={is.disabled || !is.visible || (is.ranging && (is.minRange || is.outOfRange))}\n key={day}\n tabIndex={is.visible && !is.disabled ? `${date.getMonth()}-${date.getDate()}` : undefined}\n data-testid={`${others['data-testid'] || 'calendar'}-${number}-${day}`}\n className={style.cell}\n onEnter={is.ranging ? () => onFocus(date) : undefined}\n onLeave={is.ranging ? () => onFocus() : undefined}\n onPress={() => onPress(date)}\n >\n {is.visible && (\n <View\n className={styles(\n style.day,\n is.range && !is.disabled && !is.outOfRange && style.dayRange,\n (is.rangeLimit || (!is.range && is.selected)) && style.daySelected,\n is.rangeLimit && dateTS === rangeTS.start && style.daySelectedStart,\n is.rangeLimit && dateTS === rangeTS.end && style.daySelectedEnd,\n !is.selected && !is.disabled && !is.minRange && !is.outOfRange && style.dayTouchable,\n )}\n >\n <Text bold={is.today || is.highlight || (is.selected && !is.range)} className={textStyle}>\n {date.getDate()}\n </Text>\n\n {captions && (\n <Text\n small\n className={styles(\n textStyle,\n style.caption,\n !is.highlight && !is.selected && !is.rangeLimit && style.color,\n !captions[dateString] && !is.rangeLimit && style.empty,\n )}\n >\n {!is.disabled ? captions[dateString] || '-' : ''}\n </Text>\n )}\n </View>\n )}\n </Pressable>\n );\n })}\n </View>\n );\n};\n\nWeek.displayName = 'Component:Calendar:Week';\n\nWeek.propTypes = {\n captions: PropTypes.shape({}),\n disabledDates: PropTypes.arrayOf(PropTypes.string),\n disabledPast: PropTypes.bool,\n focus: PropTypes.object,\n highlights: PropTypes.arrayOf(PropTypes.string),\n locale: PropTypes.string,\n format: PropTypes.string,\n from: PropTypes.instanceOf(Date),\n to: PropTypes.instanceOf(Date),\n year: PropTypes.number.isRequired,\n month: PropTypes.number.isRequired,\n number: PropTypes.number.isRequired,\n range: PropTypes.bool,\n rangeMinDays: PropTypes.number,\n selected: PropTypes.oneOfType([PropTypes.object, PropTypes.arrayOf(PropTypes.object)]),\n onFocus: PropTypes.func,\n onPress: PropTypes.func,\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"Calendar.Week.js","names":["Week","captions","disabledDates","disabledPast","focus","locale","format","from","highlights","month","number","range","rangeMinDays","selected","to","year","onPress","onFocus","others","disabledDatesTS","map","date","UTC","parseDate","getTime","firstDate","getFirstDateOfWeek","getFirstDayOfWeek","todayTS","getToday","fromTS","toTS","focusTS","rangeTS","start","end","undefined","min","dateCalc","filter","ts","sort","outbound","styles","style","DAYS","day","Date","getFullYear","getMonth","getDate","dateTS","dateString","dateFormat","is","disabled","includes","highlight","outOfRange","minRange","rangeLimit","ranging","today","visible","textStyle","textDisabled","textSelected","textHighlight","cell","dayRange","daySelected","daySelectedStart","daySelectedEnd","dayTouchable","caption","color","empty","displayName","propTypes","PropTypes","shape","arrayOf","string","bool","object","instanceOf","isRequired","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.Week.jsx"],"sourcesContent":["import { dateCalc, dateFormat, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable, Text, View } from '../../primitives';\nimport { DAYS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { getFirstDateOfWeek, getToday, getFirstDayOfWeek } from './helpers';\n\nexport const Week = ({\n captions,\n disabledDates = [],\n disabledPast,\n focus,\n locale,\n format,\n from,\n highlights = [],\n month,\n number,\n range,\n rangeMinDays,\n selected,\n to,\n year,\n onPress = () => {},\n onFocus = () => {},\n ...others\n}) => {\n const disabledDatesTS = disabledDates.map((date) => UTC(parseDate(date, format)).getTime());\n const firstDate = getFirstDateOfWeek(number, year, getFirstDayOfWeek(locale));\n const todayTS = getToday().getTime();\n const fromTS = from?.getTime();\n const toTS = to?.getTime();\n const focusTS = focus?.getTime();\n\n let rangeTS = {};\n if (range) {\n const [start, end] = selected;\n rangeTS = {\n start: start ? start.getTime() : undefined,\n end: end ? end.getTime() : undefined,\n min: start && rangeMinDays ? dateCalc(start, rangeMinDays, 'days').getTime() : undefined,\n };\n\n const [outbound] = disabledDatesTS.filter((ts) => ts > rangeTS.start).sort();\n rangeTS.outbound = outbound ? outbound - 1 : undefined;\n }\n\n return (\n <View row className={styles(rangeTS.start !== undefined && range && style.range)}>\n {DAYS.map((day) => {\n const date = UTC(new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate() + day));\n const dateTS = date.getTime();\n const dateString = dateFormat(date, { format });\n\n const is = {\n disabled:\n (disabledPast && dateTS < todayTS) || // past\n !date.getMonth() === month || // days out of month\n disabledDatesTS.includes(dateTS) || // disabled dates\n dateTS < fromTS || // less than range\n dateTS > toTS, // more than range\n highlight: highlights.includes(dateString),\n outOfRange: dateTS > rangeTS.outbound,\n minRange: dateTS > rangeTS.start && dateTS < rangeTS.min,\n range: dateTS > rangeTS.start && (dateTS < rangeTS.end || dateTS < rangeTS.min || dateTS < focusTS),\n rangeLimit: dateTS === rangeTS.start || dateTS === rangeTS.end,\n ranging: range && selected?.[0] && !selected[1],\n selected:\n range && selected\n ? selected[0] && !selected[1]\n ? dateTS === selected[0].getTime()\n : selected[0] && selected[1]\n ? dateTS >= selected[0].getTime() && dateTS <= selected[1].getTime()\n : undefined\n : dateTS === selected?.getTime(),\n today: dateTS === todayTS,\n visible: date.getMonth() === month,\n };\n\n const textStyle =\n is.disabled || (is.ranging && is.outOfRange)\n ? style.textDisabled\n : is.selected || dateTS === rangeTS.end\n ? style.textSelected\n : is.highlight && !is.range\n ? style.textHighlight\n : undefined;\n\n return (\n <Pressable\n disabled={is.disabled || !is.visible || (is.ranging && (is.minRange || is.outOfRange))}\n key={day}\n tabIndex={is.visible && !is.disabled ? `${date.getMonth()}-${date.getDate()}` : undefined}\n onEnter={is.ranging ? () => onFocus(date) : undefined}\n onLeave={is.ranging ? () => onFocus() : undefined}\n onPress={() => onPress(date)}\n className={style.cell}\n data-testid={`${others['data-testid'] || 'calendar'}-${number}-${day}`}\n >\n {is.visible && (\n <View\n className={styles(\n style.day,\n is.range && !is.disabled && !is.outOfRange && style.dayRange,\n (is.rangeLimit || (!is.range && is.selected)) && style.daySelected,\n is.rangeLimit && dateTS === rangeTS.start && style.daySelectedStart,\n is.rangeLimit && dateTS === rangeTS.end && style.daySelectedEnd,\n !is.selected && !is.disabled && !is.minRange && !is.outOfRange && style.dayTouchable,\n )}\n >\n <Text bold={is.today || is.highlight || (is.selected && !is.range)} className={textStyle}>\n {date.getDate()}\n </Text>\n\n {captions && (\n <Text\n small\n className={styles(\n textStyle,\n style.caption,\n !is.highlight && !is.selected && !is.rangeLimit && style.color,\n !captions[dateString] && !is.rangeLimit && style.empty,\n )}\n >\n {!is.disabled ? captions[dateString] || '-' : ''}\n </Text>\n )}\n </View>\n )}\n </Pressable>\n );\n })}\n </View>\n );\n};\n\nWeek.displayName = 'Component:Calendar:Week';\n\nWeek.propTypes = {\n captions: PropTypes.shape({}),\n disabledDates: PropTypes.arrayOf(PropTypes.string),\n disabledPast: PropTypes.bool,\n focus: PropTypes.object,\n highlights: PropTypes.arrayOf(PropTypes.string),\n locale: PropTypes.string,\n format: PropTypes.string,\n from: PropTypes.instanceOf(Date),\n to: PropTypes.instanceOf(Date),\n year: PropTypes.number.isRequired,\n month: PropTypes.number.isRequired,\n number: PropTypes.number.isRequired,\n range: PropTypes.bool,\n rangeMinDays: PropTypes.number,\n selected: PropTypes.oneOfType([PropTypes.object, PropTypes.arrayOf(PropTypes.object)]),\n onFocus: PropTypes.func,\n onPress: PropTypes.func,\n};\n"],"mappings":"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"}
@@ -27,10 +27,6 @@
27
27
  position: relative;
28
28
  }
29
29
 
30
- .weekdays {
31
- padding: var(--mirai-ui-calendar-padding) 0;
32
- }
33
-
34
30
  .weekday {
35
31
  color: var(--mirai-ui-calendar-weekday-color);
36
32
  text-transform: capitalize;
@@ -104,6 +100,7 @@
104
100
 
105
101
  .weekdays {
106
102
  border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
103
+ padding: calc(var(--mirai-ui-calendar-padding) / 2) 0;
107
104
  }
108
105
  }
109
106
 
@@ -119,4 +116,9 @@
119
116
  .month:not(:first-child) {
120
117
  margin-left: calc(var(--mirai-ui-calendar-padding) * 2);
121
118
  }
119
+
120
+ .weekdays {
121
+ margin-bottom: var(--mirai-ui-space-XS);
122
+ padding: var(--mirai-ui-calendar-padding) 0;
123
+ }
122
124
  }
@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = exports.Story = void 0;
7
7
  var _locale = require("@mirai/locale");
8
- var React = _interopRequireWildcard(require("react"));
8
+ var _react = _interopRequireDefault(require("react"));
9
9
  var _Calendar = require("./Calendar");
10
- var _captions;
11
- 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
- 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; }
10
+ var _captions, _Story$args;
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
12
  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
13
  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
14
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
@@ -19,13 +18,13 @@ var _default = {
19
18
  };
20
19
  exports.default = _default;
21
20
  var Story = function Story(props) {
22
- return /*#__PURE__*/React.createElement(_Calendar.Calendar, props);
21
+ return /*#__PURE__*/_react.default.createElement(_Calendar.Calendar, props);
23
22
  };
24
23
  exports.Story = Story;
25
24
  var format = 'DD/MM/YYYY';
26
25
  var today = new Date();
27
26
  Story.storyName = 'Calendar';
28
- Story.args = _defineProperty({
27
+ Story.args = (_Story$args = {
29
28
  captions: (_captions = {}, _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'days'), {
30
29
  format: format
31
30
  }), '10.95$'), _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 8, 'days'), {
@@ -64,9 +63,9 @@ Story.args = _defineProperty({
64
63
  months: 2,
65
64
  range: true,
66
65
  rangeMaxDays: 7,
67
- rangeMinDays: 3,
66
+ rangeMinDays: 2,
68
67
  to: (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'months')),
69
- value: [],
68
+ value: [(0, _locale.dateFormat)((0, _locale.dateCalc)(today, 10, 'days')), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 13, 'days'))],
70
69
  onChange: function onChange() {
71
70
  var _console;
72
71
  for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -95,10 +94,10 @@ Story.args = _defineProperty({
95
94
  }
96
95
  return (_console4 = console).log.apply(_console4, ['<Calendar>::onScroll'].concat(props));
97
96
  }
98
- }, 'data-testid', 'test-story');
97
+ }, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
99
98
  Story.argTypes = {
100
99
  locale: {
101
- options: ['es-ES', 'en-GB', 'ja-JP', 'it-IT', 'pt-PT'],
100
+ options: ['es-ES', 'en-GB', 'fr-FR', 'it-IT', 'pt-PT', 'fr-BE', 'de-DE', 'ja-JA'],
102
101
  control: {
103
102
  type: 'select'
104
103
  },
@@ -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","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 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: 2,\n to: dateFormat(dateCalc(today, 6, 'months')),\n value: [dateFormat(dateCalc(today, 10, 'days')), dateFormat(dateCalc(today, 13, 'days'))],\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 // 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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"}