@mirai/ui 1.0.79 → 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.
- package/README.md +1 -1
- package/build/components/Action/Action.stories.js +6 -7
- package/build/components/Action/Action.stories.js.map +1 -1
- package/build/components/Button/Button.stories.js +26 -8
- package/build/components/Button/Button.stories.js.map +1 -1
- package/build/components/Calendar/Calendar.Month.js +2 -1
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js +3 -3
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.module.css +6 -4
- package/build/components/Calendar/Calendar.stories.js +9 -10
- package/build/components/Calendar/Calendar.stories.js.map +1 -1
- package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +4814 -4814
- package/build/components/Form/Form.constants.js +3 -1
- package/build/components/Form/Form.constants.js.map +1 -1
- package/build/components/Form/Form.js +5 -6
- package/build/components/Form/Form.js.map +1 -1
- package/build/components/Form/Form.stories.js +171 -30
- package/build/components/Form/Form.stories.js.map +1 -1
- package/build/components/InputDate/InputDate.stories.js +53 -42
- package/build/components/InputDate/InputDate.stories.js.map +1 -1
- package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +3 -3
- package/build/components/InputNumber/InputNumber.js +1 -2
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/InputNumber.stories.js +30 -15
- package/build/components/InputNumber/InputNumber.stories.js.map +1 -1
- package/build/components/InputOption/InputOption.js +2 -3
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/InputOption.stories.js +29 -14
- package/build/components/InputOption/InputOption.stories.js.map +1 -1
- package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +22 -33
- package/build/components/InputSelect/InputSelect.stories.js +48 -28
- package/build/components/InputSelect/InputSelect.stories.js.map +1 -1
- package/build/components/InputText/InputText.js +1 -1
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/InputText.stories.js +43 -30
- package/build/components/InputText/InputText.stories.js.map +1 -1
- package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +0 -1
- package/build/components/Menu/Menu.Option.js +0 -2
- package/build/components/Menu/Menu.Option.js.map +1 -1
- package/build/components/Menu/Menu.js +1 -2
- package/build/components/Menu/Menu.js.map +1 -1
- package/build/components/Menu/Menu.stories.js +42 -20
- package/build/components/Menu/Menu.stories.js.map +1 -1
- package/build/components/Modal/Modal.js +2 -3
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/Modal.module.css +1 -0
- package/build/components/Modal/Modal.stories.js +77 -20
- package/build/components/Modal/Modal.stories.js.map +1 -1
- package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +116 -113
- package/build/components/Notification/Notification.js +7 -4
- package/build/components/Notification/Notification.js.map +1 -1
- package/build/components/Notification/Notification.module.css +4 -0
- package/build/components/Notification/Notification.stories.js +8 -7
- package/build/components/Notification/Notification.stories.js.map +1 -1
- package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +35 -0
- package/build/components/Table/Table.stories.js +55 -20
- package/build/components/Table/Table.stories.js.map +1 -1
- package/build/components/Table/Table.stories.module.css +12 -0
- package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +16 -24
- package/build/components/Tooltip/Tooltip.js +4 -2
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/components/Tooltip/Tooltip.stories.js +45 -8
- package/build/components/Tooltip/Tooltip.stories.js.map +1 -1
- package/build/hooks/useDevice.stories.js +9 -8
- package/build/hooks/useDevice.stories.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.js +6 -3
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.stories.js +29 -11
- package/build/primitives/Checkbox/Checkbox.stories.js.map +1 -1
- package/build/primitives/Icon/Icon.stories.js +23 -28
- package/build/primitives/Icon/Icon.stories.js.map +1 -1
- package/build/primitives/Input/Input.js +1 -0
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Input/Input.stories.js +50 -18
- package/build/primitives/Input/Input.stories.js.map +1 -1
- package/build/primitives/Input/__tests__/__snapshots__/Input.test.js.snap +5 -0
- package/build/primitives/Layer/Layer.stories.js +13 -8
- package/build/primitives/Layer/Layer.stories.js.map +1 -1
- package/build/primitives/Layer/Layer.stories.module.css +0 -0
- package/build/primitives/Pressable/Pressable.js +2 -2
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Pressable/Pressable.stories.js +7 -7
- package/build/primitives/Pressable/Pressable.stories.js.map +1 -1
- package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +8 -8
- package/build/primitives/Radio/Radio.js +7 -4
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/Radio/Radio.stories.js +29 -11
- package/build/primitives/Radio/Radio.stories.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.js +2 -2
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.stories.js +27 -22
- package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
- package/build/primitives/Select/Select.stories.js +28 -12
- package/build/primitives/Select/Select.stories.js.map +1 -1
- package/build/primitives/Switch/Switch.js +4 -2
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Switch/Switch.stories.js +29 -10
- package/build/primitives/Switch/Switch.stories.js.map +1 -1
- package/build/primitives/Text/Text.stories.js +6 -6
- package/build/primitives/Text/Text.stories.js.map +1 -1
- package/build/primitives/View/View.stories.js +7 -7
- package/build/primitives/View/View.stories.js.map +1 -1
- 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
|
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Story = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _Action = require("./Action");
|
|
9
|
-
|
|
10
|
-
function
|
|
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,20 +17,19 @@ var _default = {
|
|
|
17
17
|
};
|
|
18
18
|
exports.default = _default;
|
|
19
19
|
var Story = function Story(props) {
|
|
20
|
-
return /*#__PURE__*/
|
|
20
|
+
return /*#__PURE__*/_react.default.createElement(_Action.Action, props);
|
|
21
21
|
};
|
|
22
22
|
exports.Story = Story;
|
|
23
23
|
Story.storyName = 'Action';
|
|
24
|
-
Story.args =
|
|
24
|
+
Story.args = (_Story$args = {
|
|
25
25
|
children: 'children',
|
|
26
26
|
disabled: false,
|
|
27
|
-
href: undefined,
|
|
28
27
|
inline: false,
|
|
29
28
|
large: false,
|
|
30
29
|
small: false,
|
|
31
30
|
tag: 'button',
|
|
32
31
|
wide: false
|
|
33
|
-
}, 'data-testid', 'test-story');
|
|
32
|
+
}, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "href", undefined), _defineProperty(_Story$args, "style", {}), _Story$args);
|
|
34
33
|
Story.argTypes = {
|
|
35
34
|
onEnter: {
|
|
36
35
|
action: 'onEnter'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Action.stories.js","names":["title","Story","props","storyName","args","children","disabled","
|
|
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"}
|
|
@@ -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
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _ = require("../../");
|
|
8
10
|
var _Button = require("./Button");
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
function
|
|
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(
|
|
20
|
-
|
|
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 =
|
|
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":["
|
|
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","
|
|
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
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _Calendar = require("./Calendar");
|
|
10
|
-
var _captions;
|
|
11
|
-
function
|
|
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__*/
|
|
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 =
|
|
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:
|
|
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', '
|
|
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
|
|
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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"}
|