@mirai/ui 1.0.10 → 1.0.13
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 +79 -16
- package/build/components/Button/Button.js +29 -7
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Calendar/Calendar.Month.js +36 -7
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js +48 -14
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js +7 -2
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.js +63 -18
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/Calendar.module.css +37 -20
- package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +276 -156
- package/build/components/Calendar/helpers/{getWeekdays.js → getWeekDays.js} +1 -1
- package/build/components/Calendar/helpers/{getWeekdays.js.map → getWeekDays.js.map} +1 -1
- package/build/components/Calendar/helpers/index.js +4 -4
- package/build/components/Calendar/helpers/index.js.map +1 -1
- package/build/components/Form/Form.js +53 -20
- package/build/components/Form/Form.js.map +1 -1
- package/build/components/Form/helpers/getChildrenErrors.js +9 -5
- package/build/components/Form/helpers/getChildrenErrors.js.map +1 -1
- package/build/components/Form/helpers/getChildrenValues.js +10 -5
- package/build/components/Form/helpers/getChildrenValues.js.map +1 -1
- package/build/components/InputNumber/InputNumber.js +23 -5
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputOption/InputOption.js +22 -5
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputSelect/InputSelect.js +40 -10
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +46 -46
- package/build/components/InputText/InputText.js +43 -10
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/InputText.module.css +2 -1
- package/build/components/Menu/Menu.Option.js +58 -0
- package/build/components/Menu/Menu.Option.js.map +1 -0
- package/build/components/Menu/Menu.js +73 -0
- package/build/components/Menu/Menu.js.map +1 -0
- package/build/components/Menu/Menu.module.css +50 -0
- package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +178 -0
- package/build/components/Menu/index.js +19 -0
- package/build/components/Menu/index.js.map +1 -0
- package/build/components/Modal/Modal.js +16 -5
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Table/Table.Row.js +24 -8
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.js +40 -13
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Tooltip/Tooltip.js +95 -0
- package/build/components/Tooltip/Tooltip.js.map +1 -0
- package/build/components/Tooltip/Tooltip.module.css +26 -0
- package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +117 -0
- package/build/components/Tooltip/index.js +19 -0
- package/build/components/Tooltip/index.js.map +1 -0
- package/build/components/index.js +26 -0
- package/build/components/index.js.map +1 -1
- package/build/helpers/getInputErrors.js +5 -5
- package/build/helpers/getInputErrors.js.map +1 -1
- package/build/helpers/isValidDate.js +22 -8
- package/build/helpers/isValidDate.js.map +1 -1
- package/build/hooks/useDevice.js +20 -8
- package/build/hooks/useDevice.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.js +16 -4
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Icon/Icon.constants.js +1 -0
- package/build/primitives/Icon/Icon.constants.js.map +1 -1
- package/build/primitives/Icon/Icon.js +19 -7
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Input/Input.js +28 -9
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Layer/Layer.js +71 -45
- package/build/primitives/Layer/Layer.js.map +1 -1
- package/build/primitives/Layer/Layer.module.css +1 -1
- package/build/primitives/Layer/LayerContent.js +3 -3
- package/build/primitives/Layer/LayerContent.js.map +1 -1
- package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +51 -17
- package/build/primitives/Layer/helpers/getLayerPosition.js +2 -0
- package/build/primitives/Layer/helpers/getLayerPosition.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js +24 -7
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Radio/Radio.js +15 -4
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.js +34 -11
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/Select/Select.js +36 -11
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap +25 -25
- package/build/primitives/Switch/Switch.js +17 -5
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Text/Text.js +25 -7
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/View/View.js +15 -8
- package/build/primitives/View/View.js.map +1 -1
- package/build/theme/theme.js +17 -7
- package/build/theme/theme.js.map +1 -1
- package/package.json +3 -1
package/README.md
CHANGED
|
@@ -21,7 +21,7 @@ This primitive returns a checkbox button based on the following properties:
|
|
|
21
21
|
- `name:string` input name
|
|
22
22
|
- `onChange:function` executed when input value changes
|
|
23
23
|
|
|
24
|
-
```
|
|
24
|
+
```jsx
|
|
25
25
|
import { Checkbox, View } from '@mirai/ui';
|
|
26
26
|
|
|
27
27
|
const MyComponent = () => (
|
|
@@ -40,7 +40,7 @@ const MyComponent = () => (
|
|
|
40
40
|
|
|
41
41
|
This primitive returns a span with an icon based on a mandatory string prop `name` with one of the following possible values: Left, Right, Up, Down, Close, CloseArrow, Plus, Minus, EyeOpen, EyeClose.
|
|
42
42
|
|
|
43
|
-
```
|
|
43
|
+
```jsx
|
|
44
44
|
import { Icon, View } from '@mirai/ui';
|
|
45
45
|
|
|
46
46
|
const MyComponent = () => (
|
|
@@ -63,7 +63,7 @@ This primitive returns an input or a textarea based on the following props:
|
|
|
63
63
|
- `onError:function` executed once an error event fires
|
|
64
64
|
- `onLeave:function` executed on click outside the input
|
|
65
65
|
|
|
66
|
-
```
|
|
66
|
+
```jsx
|
|
67
67
|
import { Input, View } from '@mirai/ui';
|
|
68
68
|
|
|
69
69
|
const MyComponent = () => (
|
|
@@ -90,7 +90,7 @@ This primitive returns an element that displays with relative position to other
|
|
|
90
90
|
|
|
91
91
|
The position of the layer is based on the position of the element to be displayed. If the layer can show on right or left because have a gap in this direction, the layer will be shown on the right or left of the element to be displayed. If the layer can open on top or bottom because have a gap in this direction, the layer will be shown on the top or bottom of the element to be displayed
|
|
92
92
|
|
|
93
|
-
```
|
|
93
|
+
```jsx
|
|
94
94
|
import { Button, Calendar, Layer, LayerContent } from '@mirai/ui';
|
|
95
95
|
|
|
96
96
|
const MyComponent = () => {
|
|
@@ -120,7 +120,7 @@ This primitive returns pressable elements based on the following properties:
|
|
|
120
120
|
- `onLeave:function` executed once the user hovers away
|
|
121
121
|
- `onPress:function` executed on mouse click on the element
|
|
122
122
|
|
|
123
|
-
```
|
|
123
|
+
```jsx
|
|
124
124
|
import { Icon, Pressable, View } from '@mirai/ui';
|
|
125
125
|
|
|
126
126
|
const MyComponent = () => (
|
|
@@ -141,7 +141,7 @@ This primitive returns a radio button based on the following properties:
|
|
|
141
141
|
- `name:string` input name
|
|
142
142
|
- `onChange:function` executed when input value changes
|
|
143
143
|
|
|
144
|
-
```
|
|
144
|
+
```jsx
|
|
145
145
|
import { Radio, View } from '@mirai/ui';
|
|
146
146
|
|
|
147
147
|
const MyComponent = () => (
|
|
@@ -171,7 +171,7 @@ This primitive is used to make vertically scrollable views and receives the foll
|
|
|
171
171
|
- `width:number` width value
|
|
172
172
|
- `onscroll:function` executed when user scrolls over the element
|
|
173
173
|
|
|
174
|
-
```
|
|
174
|
+
```jsx
|
|
175
175
|
import { ScrollView, View } from '@mirai/ui';
|
|
176
176
|
|
|
177
177
|
const MyComponent = ({ isDesktop }) => (
|
|
@@ -194,7 +194,7 @@ A primitive for displaying text. It receives the following props:
|
|
|
194
194
|
- `small:boolean` modifying font-size
|
|
195
195
|
- `tag:string` html tag of resulting element
|
|
196
196
|
|
|
197
|
-
```
|
|
197
|
+
```jsx
|
|
198
198
|
import { Text, View } from '@mirai/ui';
|
|
199
199
|
|
|
200
200
|
const MyComponent = ({ headerText }) => (
|
|
@@ -215,7 +215,7 @@ This primitive works as a container for displaying layout. It receives the follo
|
|
|
215
215
|
- `row:boolean` sets flex-direction as 'row' if true
|
|
216
216
|
- `tag:string` html tag of resulting element
|
|
217
217
|
|
|
218
|
-
```
|
|
218
|
+
```jsx
|
|
219
219
|
import { Text, View } from '@mirai/ui';
|
|
220
220
|
|
|
221
221
|
const MyComponent = ({ headerText }) => (
|
|
@@ -246,7 +246,7 @@ A button component that receives the following props:
|
|
|
246
246
|
- `onLeave:function` executed when the user hovers away
|
|
247
247
|
- `onPress:function` executed on mouse click on the element
|
|
248
248
|
|
|
249
|
-
```
|
|
249
|
+
```jsx
|
|
250
250
|
import { Button } from '@mirai/ui';
|
|
251
251
|
|
|
252
252
|
const MyComponent = (props) => {
|
|
@@ -281,7 +281,7 @@ A calendar component that receives the following props:
|
|
|
281
281
|
- `onChange:function` executed when input value changes
|
|
282
282
|
- `onFocus:function` executed on calendar cell hover
|
|
283
283
|
|
|
284
|
-
```
|
|
284
|
+
```jsx
|
|
285
285
|
import { Calendar } from '@mirai/ui';
|
|
286
286
|
|
|
287
287
|
const MyComponent = props => {
|
|
@@ -320,7 +320,7 @@ Input number component controlling the value with 2 buttons. Receives the follow
|
|
|
320
320
|
- `value:number` input value
|
|
321
321
|
- `onChange:function` executed when input value changes
|
|
322
322
|
|
|
323
|
-
```
|
|
323
|
+
```jsx
|
|
324
324
|
import { InputNumber } from '@mirai/ui';
|
|
325
325
|
|
|
326
326
|
const MyComponent = (props) => {
|
|
@@ -343,7 +343,7 @@ This component is used to display a radio button or checkbox base on a mandatory
|
|
|
343
343
|
- `value:number` input value
|
|
344
344
|
- `onChange:function` executed when input value changes
|
|
345
345
|
|
|
346
|
-
```
|
|
346
|
+
```jsx
|
|
347
347
|
import { InputOption, View } from '@mirai/ui';
|
|
348
348
|
|
|
349
349
|
const MyComponent = () => {
|
|
@@ -399,7 +399,7 @@ Text input component receiving the following props:
|
|
|
399
399
|
- `onEnter:function` executed when user clicks on input
|
|
400
400
|
- `onLeave:function` executed on click outside the input
|
|
401
401
|
|
|
402
|
-
```
|
|
402
|
+
```jsx
|
|
403
403
|
import { InputText } from '@mirai/ui';
|
|
404
404
|
|
|
405
405
|
const MyComponent = (props) => {
|
|
@@ -419,6 +419,48 @@ const MyComponent = (props) => {
|
|
|
419
419
|
};
|
|
420
420
|
```
|
|
421
421
|
|
|
422
|
+
### Menu
|
|
423
|
+
|
|
424
|
+
This component helps you to create a menu over a determinate component receiving the following props:
|
|
425
|
+
|
|
426
|
+
- `children:node` The element which we will use as reference for display the menu.
|
|
427
|
+
- `options:arrayOf(Option:shape)`
|
|
428
|
+
- `Template:node` if you don't want use the default option scaffold.
|
|
429
|
+
- `visible:boolean` showing or hiding the menu
|
|
430
|
+
- `onPress:func` callback when we click on a determinate _option_.
|
|
431
|
+
|
|
432
|
+
Before learning how to instantiate `<Menu>` let's look at the properties of our _shape_ `Option`:
|
|
433
|
+
|
|
434
|
+
- `children:node` If you wanna add a component in the right side of your option.
|
|
435
|
+
- `disabled:boolean` disables the option
|
|
436
|
+
- `divider:boolean` if you wanna show a divider in the bottom of the option
|
|
437
|
+
- `icon:string` If you want instantiate a primitive `<Icon>`
|
|
438
|
+
- `label:string` label of the option
|
|
439
|
+
- `value:string|number` this property will dispatch as identificator in the callback `onPress:func`
|
|
440
|
+
|
|
441
|
+
```jsx
|
|
442
|
+
import { Button, Icon, Menu } from '@mirai/ui';
|
|
443
|
+
|
|
444
|
+
const MyComponent = () => {
|
|
445
|
+
const [visible, setVisible] = useState(false);
|
|
446
|
+
|
|
447
|
+
<Menu
|
|
448
|
+
options={[
|
|
449
|
+
{ icon: 'EyeOpen', label: 'Show results', value: 1 },
|
|
450
|
+
{ icon: 'Plus', label: 'Add item', disabled: true, value: 2 },
|
|
451
|
+
{ icon: 'Minus', label: 'Subtract item', divider: true, value: 'three' },
|
|
452
|
+
{ label: 'Using child', children: <Button small>Add</Button>, value: 'four' },
|
|
453
|
+
]}
|
|
454
|
+
visible={visible}
|
|
455
|
+
onPress={(value, event) => console.log('<Menu>::onPress', value, event)}
|
|
456
|
+
>
|
|
457
|
+
<Button squared outlined onPress={() => setVisible(!visible)}>
|
|
458
|
+
<Icon name="Plus" />
|
|
459
|
+
</Button>
|
|
460
|
+
</Menu>;
|
|
461
|
+
};
|
|
462
|
+
```
|
|
463
|
+
|
|
422
464
|
### Modal
|
|
423
465
|
|
|
424
466
|
A modal component receiving the following props:
|
|
@@ -427,7 +469,7 @@ A modal component receiving the following props:
|
|
|
427
469
|
- `visible:boolean` if true modal is shown
|
|
428
470
|
- `onClose:function` executed once modal close button is clicked
|
|
429
471
|
|
|
430
|
-
```
|
|
472
|
+
```jsx
|
|
431
473
|
import { Modal, View } from '@mirai/ui';
|
|
432
474
|
|
|
433
475
|
const MyComponent = (props) => {
|
|
@@ -441,6 +483,27 @@ const MyComponent = (props) => {
|
|
|
441
483
|
};
|
|
442
484
|
```
|
|
443
485
|
|
|
486
|
+
### Tooltip
|
|
487
|
+
|
|
488
|
+
This component helps you to create a tooltip over a determinate component receiving the following props:
|
|
489
|
+
|
|
490
|
+
- `children:node` The element which we will use as reference for display the menu.
|
|
491
|
+
- `Template:node` if you don't want use the default scaffold.
|
|
492
|
+
- `text:string` text it will appears when hover on `children`
|
|
493
|
+
- `visible:boolean` the default state of visibility of the instance.
|
|
494
|
+
|
|
495
|
+
```jsx
|
|
496
|
+
import { Text, Tooltip } from '@mirai/ui';
|
|
497
|
+
|
|
498
|
+
const MyComponent = () => {
|
|
499
|
+
const [visible, setVisible] = useState(false);
|
|
500
|
+
|
|
501
|
+
<Tooltip text="Lorem Ipsum is simply dummy text of the printing and typesetting industry. ">
|
|
502
|
+
<Text bold>hover me</Text>
|
|
503
|
+
</Tooltip>;
|
|
504
|
+
};
|
|
505
|
+
```
|
|
506
|
+
|
|
444
507
|
## Theme
|
|
445
508
|
|
|
446
509
|
Styles can be customised by using Theme utility.
|
|
@@ -453,7 +516,7 @@ This method returns current theme settings (variables with values). This method
|
|
|
453
516
|
|
|
454
517
|
This method sets a value of the variable passed as a parameter.
|
|
455
518
|
|
|
456
|
-
```
|
|
519
|
+
```jsx
|
|
457
520
|
import { Button, Text, Theme } from '../../src';
|
|
458
521
|
|
|
459
522
|
export default () => {
|
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.Button = void 0;
|
|
9
7
|
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
9
|
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
11
|
|
|
@@ -21,6 +17,18 @@ var _ButtonModule = _interopRequireDefault(require("./Button.module.css"));
|
|
|
21
17
|
|
|
22
18
|
var _excluded = ["children", "disabled", "large", "outlined", "rounded", "small", "squared", "tag"];
|
|
23
19
|
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
|
|
22
|
+
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; }
|
|
23
|
+
|
|
24
|
+
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; }
|
|
25
|
+
|
|
26
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
27
|
+
|
|
28
|
+
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; }
|
|
29
|
+
|
|
30
|
+
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; }
|
|
31
|
+
|
|
24
32
|
var Button = function Button(_ref) {
|
|
25
33
|
var children = _ref.children,
|
|
26
34
|
disabled = _ref.disabled,
|
|
@@ -32,8 +40,9 @@ var Button = function Button(_ref) {
|
|
|
32
40
|
squared = _ref$squared === void 0 ? false : _ref$squared,
|
|
33
41
|
_ref$tag = _ref.tag,
|
|
34
42
|
tag = _ref$tag === void 0 ? 'button' : _ref$tag,
|
|
35
|
-
others = (
|
|
36
|
-
|
|
43
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
44
|
+
|
|
45
|
+
return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _objectSpread(_objectSpread({}, others), {}, {
|
|
37
46
|
disabled: disabled,
|
|
38
47
|
tag: tag,
|
|
39
48
|
className: (0, _helpers.styles)(_ButtonModule.default.button, large && _ButtonModule.default.large, small && _ButtonModule.default.small, rounded && _ButtonModule.default.rounded, squared && _ButtonModule.default.squared, outlined && !disabled && _ButtonModule.default.outlined, others.className)
|
|
@@ -42,4 +51,17 @@ var Button = function Button(_ref) {
|
|
|
42
51
|
|
|
43
52
|
exports.Button = Button;
|
|
44
53
|
Button.displayName = 'Component:Button';
|
|
54
|
+
Button.propTypes = {
|
|
55
|
+
children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
|
|
56
|
+
disabled: _propTypes.default.bool,
|
|
57
|
+
large: _propTypes.default.bool,
|
|
58
|
+
outlined: _propTypes.default.bool,
|
|
59
|
+
rounded: _propTypes.default.bool,
|
|
60
|
+
small: _propTypes.default.bool,
|
|
61
|
+
squared: _propTypes.default.bool,
|
|
62
|
+
tag: _propTypes.default.string,
|
|
63
|
+
onEnter: _propTypes.default.func,
|
|
64
|
+
onLeave: _propTypes.default.func,
|
|
65
|
+
onPress: _propTypes.default.func
|
|
66
|
+
};
|
|
45
67
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["Button","children","disabled","large","outlined","rounded","small","squared","tag","others","React","createElement","Pressable","className","style","button","displayName"],"sources":["../../../src/components/Button/Button.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable } from '../../primitives';\nimport style from './Button.module.css';\n\nconst Button = ({ children, disabled, large, outlined, rounded, small, squared = false, tag = 'button', ...others }) =>\n React.createElement(\n Pressable,\n {\n ...others,\n disabled,\n tag,\n className: styles(\n style.button,\n large && style.large,\n small && style.small,\n rounded && style.rounded,\n squared && style.squared,\n outlined && !disabled && style.outlined,\n others.className,\n ),\n },\n children,\n );\n\nButton.displayName = 'Component:Button';\n\nButton.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n disabled: PropTypes.bool,\n large: PropTypes.bool,\n outlined: PropTypes.bool,\n rounded: PropTypes.bool,\n small: PropTypes.bool,\n squared: PropTypes.bool,\n tag: PropTypes.string,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPress: PropTypes.func,\n};\n\nexport { Button };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","names":["Button","children","disabled","large","outlined","rounded","small","squared","tag","others","React","createElement","Pressable","className","style","button","displayName","propTypes","PropTypes","oneOfType","string","node","bool","onEnter","func","onLeave","onPress"],"sources":["../../../src/components/Button/Button.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable } from '../../primitives';\nimport style from './Button.module.css';\n\nconst Button = ({ children, disabled, large, outlined, rounded, small, squared = false, tag = 'button', ...others }) =>\n React.createElement(\n Pressable,\n {\n ...others,\n disabled,\n tag,\n className: styles(\n style.button,\n large && style.large,\n small && style.small,\n rounded && style.rounded,\n squared && style.squared,\n outlined && !disabled && style.outlined,\n others.className,\n ),\n },\n children,\n );\n\nButton.displayName = 'Component:Button';\n\nButton.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n disabled: PropTypes.bool,\n large: PropTypes.bool,\n outlined: PropTypes.bool,\n rounded: PropTypes.bool,\n small: PropTypes.bool,\n squared: PropTypes.bool,\n tag: PropTypes.string,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPress: PropTypes.func,\n};\n\nexport { Button };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,QAAb,QAAaA,QAAb;EAAA,IAAuBC,KAAvB,QAAuBA,KAAvB;EAAA,IAA8BC,QAA9B,QAA8BA,QAA9B;EAAA,IAAwCC,OAAxC,QAAwCA,OAAxC;EAAA,IAAiDC,KAAjD,QAAiDA,KAAjD;EAAA,wBAAwDC,OAAxD;EAAA,IAAwDA,OAAxD,6BAAkE,KAAlE;EAAA,oBAAyEC,GAAzE;EAAA,IAAyEA,GAAzE,yBAA+E,QAA/E;EAAA,IAA4FC,MAA5F;;EAAA,oBACbC,eAAMC,aAAN,CACEC,qBADF,kCAGOH,MAHP;IAIIP,QAAQ,EAARA,QAJJ;IAKIM,GAAG,EAAHA,GALJ;IAMIK,SAAS,EAAE,qBACTC,sBAAMC,MADG,EAETZ,KAAK,IAAIW,sBAAMX,KAFN,EAGTG,KAAK,IAAIQ,sBAAMR,KAHN,EAITD,OAAO,IAAIS,sBAAMT,OAJR,EAKTE,OAAO,IAAIO,sBAAMP,OALR,EAMTH,QAAQ,IAAI,CAACF,QAAb,IAAyBY,sBAAMV,QANtB,EAOTK,MAAM,CAACI,SAPE;EANf,IAgBEZ,QAhBF,CADa;AAAA,CAAf;;;AAoBAD,MAAM,CAACgB,WAAP,GAAqB,kBAArB;AAEAhB,MAAM,CAACiB,SAAP,GAAmB;EACjBhB,QAAQ,EAAEiB,mBAAUC,SAAV,CAAoB,CAACD,mBAAUE,MAAX,EAAmBF,mBAAUG,IAA7B,CAApB,CADO;EAEjBnB,QAAQ,EAAEgB,mBAAUI,IAFH;EAGjBnB,KAAK,EAAEe,mBAAUI,IAHA;EAIjBlB,QAAQ,EAAEc,mBAAUI,IAJH;EAKjBjB,OAAO,EAAEa,mBAAUI,IALF;EAMjBhB,KAAK,EAAEY,mBAAUI,IANA;EAOjBf,OAAO,EAAEW,mBAAUI,IAPF;EAQjBd,GAAG,EAAEU,mBAAUE,MARE;EASjBG,OAAO,EAAEL,mBAAUM,IATF;EAUjBC,OAAO,EAAEP,mBAAUM,IAVF;EAWjBE,OAAO,EAAER,mBAAUM;AAXF,CAAnB"}
|
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.Month = void 0;
|
|
9
7
|
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
9
|
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
11
|
|
|
@@ -31,6 +27,20 @@ var _helpers2 = require("./helpers");
|
|
|
31
27
|
|
|
32
28
|
var _excluded = ["focus", "instance", "selected", "disabledPast", "format", "from", "locale", "range", "to", "onChange", "onFocus", "onNext", "onPrevious"];
|
|
33
29
|
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
+
|
|
32
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
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; }
|
|
37
|
+
|
|
38
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
39
|
+
|
|
40
|
+
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; }
|
|
41
|
+
|
|
42
|
+
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; }
|
|
43
|
+
|
|
34
44
|
var Month = function Month(_ref) {
|
|
35
45
|
var focus = _ref.focus,
|
|
36
46
|
instance = _ref.instance,
|
|
@@ -49,7 +59,7 @@ var Month = function Month(_ref) {
|
|
|
49
59
|
onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
|
|
50
60
|
onNext = _ref.onNext,
|
|
51
61
|
onPrevious = _ref.onPrevious,
|
|
52
|
-
others = (
|
|
62
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
53
63
|
|
|
54
64
|
var _useDevice = (0, _hooks.useDevice)(),
|
|
55
65
|
isDesktop = _useDevice.isDesktop;
|
|
@@ -75,7 +85,7 @@ var Month = function Month(_ref) {
|
|
|
75
85
|
}))), isDesktop && /*#__PURE__*/_react.default.createElement(_Calendar3.Weekdays, {
|
|
76
86
|
locale: locale
|
|
77
87
|
}), _Calendar.VISIBLE_WEEKS.map(function (week) {
|
|
78
|
-
return /*#__PURE__*/_react.default.createElement(_Calendar2.Week,
|
|
88
|
+
return /*#__PURE__*/_react.default.createElement(_Calendar2.Week, _extends({}, _objectSpread(_objectSpread({}, others), {}, {
|
|
79
89
|
disabledPast: disabledPast,
|
|
80
90
|
focus: focus,
|
|
81
91
|
format: format,
|
|
@@ -97,4 +107,23 @@ var Month = function Month(_ref) {
|
|
|
97
107
|
|
|
98
108
|
exports.Month = Month;
|
|
99
109
|
Month.displayName = 'Component:Calendar:Month';
|
|
110
|
+
Month.propTypes = {
|
|
111
|
+
captions: _propTypes.default.shape({}),
|
|
112
|
+
focus: _propTypes.default.any,
|
|
113
|
+
instance: _propTypes.default.any,
|
|
114
|
+
selected: _propTypes.default.any,
|
|
115
|
+
disabledDates: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
116
|
+
disabledPast: _propTypes.default.bool,
|
|
117
|
+
disabledWeekends: _propTypes.default.bool,
|
|
118
|
+
format: _propTypes.default.string,
|
|
119
|
+
from: _propTypes.default.instanceOf(Date),
|
|
120
|
+
locale: _propTypes.default.string,
|
|
121
|
+
range: _propTypes.default.bool,
|
|
122
|
+
to: _propTypes.default.instanceOf(Date),
|
|
123
|
+
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
|
|
124
|
+
onChange: _propTypes.default.func,
|
|
125
|
+
onFocus: _propTypes.default.func,
|
|
126
|
+
onNext: _propTypes.default.func,
|
|
127
|
+
onPrevious: _propTypes.default.func
|
|
128
|
+
};
|
|
100
129
|
//# sourceMappingURL=Calendar.Month.js.map
|
|
@@ -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","isDesktop","weekNumber","style","month","className","header","title","VISIBLE_WEEKS","map","week","getMonth","getFullYear","displayName"],"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, 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 = true,\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 return (\n <View className={styles(style.month, others.className)}>\n <View row className={style.header}>\n {onPrevious && (\n <Pressable onPress={onPrevious}>\n <Icon name=\"Left\" />\n </Pressable>\n )}\n <Text bold upperCase className={style.title}>\n {getHeader(instance, locale)}\n </Text>\n {onNext && (\n <Pressable onPress={onNext}>\n <Icon name=\"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 disabledWeekends: 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":"
|
|
1
|
+
{"version":3,"file":"Calendar.Month.js","names":["Month","focus","instance","selected","disabledPast","format","from","locale","range","to","onChange","onFocus","onNext","onPrevious","others","isDesktop","weekNumber","style","month","className","header","title","VISIBLE_WEEKS","map","week","getMonth","getFullYear","displayName","propTypes","captions","PropTypes","shape","any","disabledDates","arrayOf","string","bool","disabledWeekends","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, 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 = true,\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 return (\n <View className={styles(style.month, others.className)}>\n <View row className={style.header}>\n {onPrevious && (\n <Pressable onPress={onPrevious}>\n <Icon name=\"Left\" />\n </Pressable>\n )}\n <Text bold upperCase className={style.title}>\n {getHeader(instance, locale)}\n </Text>\n {onNext && (\n <Pressable onPress={onNext}>\n <Icon name=\"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 disabledWeekends: 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,18 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.Week = void 0;
|
|
9
7
|
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
13
|
-
|
|
14
8
|
var _locale = require("@mirai/locale");
|
|
15
9
|
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
16
12
|
var _react = _interopRequireDefault(require("react"));
|
|
17
13
|
|
|
18
14
|
var _helpers = require("../../helpers");
|
|
@@ -27,12 +23,30 @@ var _helpers2 = require("./helpers");
|
|
|
27
23
|
|
|
28
24
|
var _excluded = ["captions", "disabledDates", "disabledPast", "focus", "locale", "format", "from", "highlights", "month", "number", "range", "rangeMinDays", "selected", "to", "year", "onPress", "onFocus"];
|
|
29
25
|
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
+
|
|
28
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
29
|
+
|
|
30
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
31
|
+
|
|
32
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
33
|
+
|
|
34
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
35
|
+
|
|
36
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
37
|
+
|
|
38
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
39
|
+
|
|
40
|
+
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; }
|
|
41
|
+
|
|
42
|
+
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; }
|
|
43
|
+
|
|
30
44
|
var Week = function Week(_ref) {
|
|
31
45
|
var captions = _ref.captions,
|
|
32
46
|
_ref$disabledDates = _ref.disabledDates,
|
|
33
47
|
disabledDates = _ref$disabledDates === void 0 ? [] : _ref$disabledDates,
|
|
34
48
|
_ref$disabledPast = _ref.disabledPast,
|
|
35
|
-
disabledPast = _ref$disabledPast === void 0 ?
|
|
49
|
+
disabledPast = _ref$disabledPast === void 0 ? true : _ref$disabledPast,
|
|
36
50
|
focus = _ref.focus,
|
|
37
51
|
locale = _ref.locale,
|
|
38
52
|
format = _ref.format,
|
|
@@ -50,7 +64,7 @@ var Week = function Week(_ref) {
|
|
|
50
64
|
_onPress = _ref$onPress === void 0 ? function () {} : _ref$onPress,
|
|
51
65
|
_ref$onFocus = _ref.onFocus,
|
|
52
66
|
onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
|
|
53
|
-
others = (
|
|
67
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
54
68
|
|
|
55
69
|
var disabledDatesTS = disabledDates.map(function (date) {
|
|
56
70
|
return (0, _locale.UTC)((0, _locale.parseDate)(date, format)).getTime();
|
|
@@ -63,7 +77,7 @@ var Week = function Week(_ref) {
|
|
|
63
77
|
var rangeTS = {};
|
|
64
78
|
|
|
65
79
|
if (range) {
|
|
66
|
-
var _selected = (
|
|
80
|
+
var _selected = _slicedToArray(selected, 2),
|
|
67
81
|
start = _selected[0],
|
|
68
82
|
end = _selected[1];
|
|
69
83
|
|
|
@@ -76,14 +90,15 @@ var Week = function Week(_ref) {
|
|
|
76
90
|
var _disabledDatesTS$filt = disabledDatesTS.filter(function (ts) {
|
|
77
91
|
return ts > rangeTS.start;
|
|
78
92
|
}).sort(),
|
|
79
|
-
_disabledDatesTS$filt2 = (
|
|
93
|
+
_disabledDatesTS$filt2 = _slicedToArray(_disabledDatesTS$filt, 1),
|
|
80
94
|
outbound = _disabledDatesTS$filt2[0];
|
|
81
95
|
|
|
82
96
|
rangeTS.outbound = outbound ? outbound - 1 : undefined;
|
|
83
97
|
}
|
|
84
98
|
|
|
85
99
|
return /*#__PURE__*/_react.default.createElement(_primitives.View, {
|
|
86
|
-
row: true
|
|
100
|
+
row: true,
|
|
101
|
+
className: (0, _helpers.styles)(rangeTS.start !== undefined && range && _CalendarModule.default.range)
|
|
87
102
|
}, _Calendar.DAYS.map(function (day) {
|
|
88
103
|
var date = (0, _locale.UTC)(new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate() + day));
|
|
89
104
|
var dateTS = date.getTime();
|
|
@@ -111,7 +126,7 @@ var Week = function Week(_ref) {
|
|
|
111
126
|
return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
|
|
112
127
|
disabled: is.disabled || is.minRange || is.outOfRange || !is.visible,
|
|
113
128
|
key: day,
|
|
114
|
-
tabIndex: is.visible && !is.disabled ? date.getDate() : undefined,
|
|
129
|
+
tabIndex: is.visible && !is.disabled ? "".concat(date.getMonth(), "-").concat(date.getDate()) : undefined,
|
|
115
130
|
"data-testid": "".concat(others['data-testid'] || 'calendar', "-").concat(number, "-").concat(day),
|
|
116
131
|
className: _CalendarModule.default.cell,
|
|
117
132
|
onEnter: is.ranging ? function () {
|
|
@@ -133,11 +148,30 @@ var Week = function Week(_ref) {
|
|
|
133
148
|
day: 'numeric'
|
|
134
149
|
})), captions && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
135
150
|
small: true,
|
|
136
|
-
className: (0, _helpers.styles)(textStyle, _CalendarModule.default.caption)
|
|
137
|
-
}, captions[dateString] || '')));
|
|
151
|
+
className: (0, _helpers.styles)(textStyle, _CalendarModule.default.caption, !captions[dateString] && !is.range && _CalendarModule.default.empty)
|
|
152
|
+
}, captions[dateString] || '-' || '─')));
|
|
138
153
|
}));
|
|
139
154
|
};
|
|
140
155
|
|
|
141
156
|
exports.Week = Week;
|
|
142
157
|
Week.displayName = 'Component:Calendar:Week';
|
|
158
|
+
Week.propTypes = {
|
|
159
|
+
captions: _propTypes.default.shape({}),
|
|
160
|
+
disabledDates: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
161
|
+
disabledPast: _propTypes.default.bool,
|
|
162
|
+
focus: _propTypes.default.object,
|
|
163
|
+
highlights: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
164
|
+
locale: _propTypes.default.string,
|
|
165
|
+
format: _propTypes.default.string,
|
|
166
|
+
from: _propTypes.default.instanceOf(Date),
|
|
167
|
+
to: _propTypes.default.instanceOf(Date),
|
|
168
|
+
year: _propTypes.default.number.isRequired,
|
|
169
|
+
month: _propTypes.default.number.isRequired,
|
|
170
|
+
number: _propTypes.default.number.isRequired,
|
|
171
|
+
range: _propTypes.default.bool,
|
|
172
|
+
rangeMinDays: _propTypes.default.number,
|
|
173
|
+
selected: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.arrayOf(_propTypes.default.object)]),
|
|
174
|
+
onFocus: _propTypes.default.func,
|
|
175
|
+
onPress: _propTypes.default.func
|
|
176
|
+
};
|
|
143
177
|
//# sourceMappingURL=Calendar.Week.js.map
|
|
@@ -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","getTime","firstDate","todayTS","fromTS","toTS","focusTS","rangeTS","start","end","undefined","min","filter","ts","sort","outbound","DAYS","day","Date","getFullYear","getMonth","getDate","dateTS","dateString","is","disabled","includes","highlight","outOfRange","minRange","rangeLimit","ranging","today","visible","textStyle","style","textDisabled","textSelected","textHighlight","cell","dayRange","daySelected","daySelectedStart","daySelectedEnd","dayTouchable","caption","displayName"],"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 } from './helpers';\n\nexport const Week = ({\n captions,\n disabledDates = [],\n disabledPast = false,\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);\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>\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 = is.disabled\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.minRange || is.outOfRange || !is.visible}\n key={day}\n tabIndex={is.visible && !is.disabled ? 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 {dateFormat(date, { locale, day: 'numeric' })}\n </Text>\n\n {captions && (\n <Text small className={styles(textStyle, style.caption)}>\n {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","getTime","firstDate","todayTS","fromTS","toTS","focusTS","rangeTS","start","end","undefined","min","filter","ts","sort","outbound","style","DAYS","day","Date","getFullYear","getMonth","getDate","dateTS","dateString","is","disabled","includes","highlight","outOfRange","minRange","rangeLimit","ranging","today","visible","textStyle","textDisabled","textSelected","textHighlight","cell","dayRange","daySelected","daySelectedStart","daySelectedEnd","dayTouchable","caption","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 } from './helpers';\n\nexport const Week = ({\n captions,\n disabledDates = [],\n disabledPast = true,\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);\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 = is.disabled\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.minRange || is.outOfRange || !is.visible}\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 {dateFormat(date, { locale, day: 'numeric' })}\n </Text>\n\n {captions && (\n <Text\n small\n className={styles(textStyle, style.caption, !captions[dateString] && !is.range && style.empty)}\n >\n {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,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.Weekdays = void 0;
|
|
9
7
|
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
12
|
var _helpers = require("../../helpers");
|
|
@@ -19,6 +19,8 @@ var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
|
|
|
19
19
|
|
|
20
20
|
var _helpers2 = require("./helpers");
|
|
21
21
|
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
22
24
|
var Weekdays = function Weekdays(_ref) {
|
|
23
25
|
var locale = _ref.locale;
|
|
24
26
|
var weekdays = (0, _helpers2.getWeekDays)(locale);
|
|
@@ -37,4 +39,7 @@ var Weekdays = function Weekdays(_ref) {
|
|
|
37
39
|
|
|
38
40
|
exports.Weekdays = Weekdays;
|
|
39
41
|
Weekdays.displayName = 'Component:Calendar:Weekdays';
|
|
42
|
+
Weekdays.propTypes = {
|
|
43
|
+
locale: _propTypes.default.string
|
|
44
|
+
};
|
|
40
45
|
//# sourceMappingURL=Calendar.Weekdays.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.Weekdays.js","names":["Weekdays","locale","weekdays","style","DAYS","map","day","cell","weekday","displayName"],"sources":["../../../src/components/Calendar/Calendar.Weekdays.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Text, View } from '../../primitives';\nimport { DAYS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { getWeekDays } from './helpers';\n\nexport const Weekdays = ({ locale }) => {\n const weekdays = getWeekDays(locale);\n\n return (\n <View row className={style.weekdays}>\n {DAYS.map((day) => (\n <Text small key={day} upperCase className={styles(style.cell, style.weekday)}>\n {weekdays[day]}\n </Text>\n ))}\n </View>\n );\n};\n\nWeekdays.displayName = 'Component:Calendar:Weekdays';\n\nWeekdays.propTypes = {\n locale: PropTypes.string,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Calendar.Weekdays.js","names":["Weekdays","locale","weekdays","style","DAYS","map","day","cell","weekday","displayName","propTypes","PropTypes","string"],"sources":["../../../src/components/Calendar/Calendar.Weekdays.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Text, View } from '../../primitives';\nimport { DAYS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { getWeekDays } from './helpers';\n\nexport const Weekdays = ({ locale }) => {\n const weekdays = getWeekDays(locale);\n\n return (\n <View row className={style.weekdays}>\n {DAYS.map((day) => (\n <Text small key={day} upperCase className={styles(style.cell, style.weekday)}>\n {weekdays[day]}\n </Text>\n ))}\n </View>\n );\n};\n\nWeekdays.displayName = 'Component:Calendar:Weekdays';\n\nWeekdays.propTypes = {\n locale: PropTypes.string,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAgB;EAAA,IAAbC,MAAa,QAAbA,MAAa;EACtC,IAAMC,QAAQ,GAAG,2BAAYD,MAAZ,CAAjB;EAEA,oBACE,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAEE,wBAAMD;EAA3B,GACGE,eAAKC,GAAL,CAAS,UAACC,GAAD;IAAA,oBACR,6BAAC,gBAAD;MAAM,KAAK,MAAX;MAAY,GAAG,EAAEA,GAAjB;MAAsB,SAAS,MAA/B;MAAgC,SAAS,EAAE,qBAAOH,wBAAMI,IAAb,EAAmBJ,wBAAMK,OAAzB;IAA3C,GACGN,QAAQ,CAACI,GAAD,CADX,CADQ;EAAA,CAAT,CADH,CADF;AASD,CAZM;;;AAcPN,QAAQ,CAACS,WAAT,GAAuB,6BAAvB;AAEAT,QAAQ,CAACU,SAAT,GAAqB;EACnBT,MAAM,EAAEU,mBAAUC;AADC,CAArB"}
|