@mirai/ui 1.0.11 → 1.0.12
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/package.json +1 -1
- package/build/components/Button/Button.js +0 -45
- package/build/components/Button/Button.js.map +0 -1
- package/build/components/Button/Button.module.css +0 -90
- package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +0 -113
- package/build/components/Button/index.js +0 -19
- package/build/components/Button/index.js.map +0 -1
- package/build/components/Calendar/Calendar.Month.js +0 -100
- package/build/components/Calendar/Calendar.Month.js.map +0 -1
- package/build/components/Calendar/Calendar.Week.js +0 -143
- package/build/components/Calendar/Calendar.Week.js.map +0 -1
- package/build/components/Calendar/Calendar.Weekdays.js +0 -40
- package/build/components/Calendar/Calendar.Weekdays.js.map +0 -1
- package/build/components/Calendar/Calendar.constants.js +0 -11
- package/build/components/Calendar/Calendar.constants.js.map +0 -1
- package/build/components/Calendar/Calendar.js +0 -151
- package/build/components/Calendar/Calendar.js.map +0 -1
- package/build/components/Calendar/Calendar.module.css +0 -110
- package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +0 -20357
- package/build/components/Calendar/helpers/getFirstDateOfMonth.js +0 -16
- package/build/components/Calendar/helpers/getFirstDateOfMonth.js.map +0 -1
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js +0 -20
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js.map +0 -1
- package/build/components/Calendar/helpers/getHeader.js +0 -23
- package/build/components/Calendar/helpers/getHeader.js.map +0 -1
- package/build/components/Calendar/helpers/getToday.js +0 -15
- package/build/components/Calendar/helpers/getToday.js.map +0 -1
- package/build/components/Calendar/helpers/getWeekNumber.js +0 -17
- package/build/components/Calendar/helpers/getWeekNumber.js.map +0 -1
- package/build/components/Calendar/helpers/getWeekdays.js +0 -27
- package/build/components/Calendar/helpers/getWeekdays.js.map +0 -1
- package/build/components/Calendar/helpers/index.js +0 -97
- package/build/components/Calendar/helpers/index.js.map +0 -1
- package/build/components/Calendar/helpers/isJest.js +0 -9
- package/build/components/Calendar/helpers/isJest.js.map +0 -1
- package/build/components/Calendar/index.js +0 -19
- package/build/components/Calendar/index.js.map +0 -1
- package/build/components/Form/Form.js +0 -184
- package/build/components/Form/Form.js.map +0 -1
- package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +0 -47
- package/build/components/Form/helpers/getChildrenErrors.js +0 -47
- package/build/components/Form/helpers/getChildrenErrors.js.map +0 -1
- package/build/components/Form/helpers/getChildrenValues.js +0 -46
- package/build/components/Form/helpers/getChildrenValues.js.map +0 -1
- package/build/components/Form/helpers/getField.js +0 -17
- package/build/components/Form/helpers/getField.js.map +0 -1
- package/build/components/Form/helpers/groupState.js +0 -29
- package/build/components/Form/helpers/groupState.js.map +0 -1
- package/build/components/Form/helpers/index.js +0 -58
- package/build/components/Form/helpers/index.js.map +0 -1
- package/build/components/Form/index.js +0 -19
- package/build/components/Form/index.js.map +0 -1
- package/build/components/InputNumber/InputNumber.js +0 -73
- package/build/components/InputNumber/InputNumber.js.map +0 -1
- package/build/components/InputNumber/InputNumber.module.css +0 -25
- package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +0 -698
- package/build/components/InputNumber/index.js +0 -19
- package/build/components/InputNumber/index.js.map +0 -1
- package/build/components/InputOption/InputOption.constants.js +0 -13
- package/build/components/InputOption/InputOption.constants.js.map +0 -1
- package/build/components/InputOption/InputOption.js +0 -63
- package/build/components/InputOption/InputOption.js.map +0 -1
- package/build/components/InputOption/InputOption.module.css +0 -43
- package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +0 -232
- package/build/components/InputOption/index.js +0 -19
- package/build/components/InputOption/index.js.map +0 -1
- package/build/components/InputSelect/InputSelect.js +0 -93
- package/build/components/InputSelect/InputSelect.js.map +0 -1
- package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +0 -490
- package/build/components/InputSelect/index.js +0 -19
- package/build/components/InputSelect/index.js.map +0 -1
- package/build/components/InputText/InputText.js +0 -108
- package/build/components/InputText/InputText.js.map +0 -1
- package/build/components/InputText/InputText.module.css +0 -107
- package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +0 -255
- package/build/components/InputText/index.js +0 -19
- package/build/components/InputText/index.js.map +0 -1
- package/build/components/Menu/Menu.Option.js +0 -42
- package/build/components/Menu/Menu.Option.js.map +0 -1
- package/build/components/Menu/Menu.js +0 -52
- package/build/components/Menu/Menu.js.map +0 -1
- package/build/components/Menu/Menu.module.css +0 -50
- package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +0 -178
- package/build/components/Menu/index.js +0 -19
- package/build/components/Menu/index.js.map +0 -1
- package/build/components/Modal/Modal.js +0 -50
- package/build/components/Modal/Modal.js.map +0 -1
- package/build/components/Modal/Modal.module.css +0 -72
- package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +0 -150
- package/build/components/Modal/index.js +0 -19
- package/build/components/Modal/index.js.map +0 -1
- package/build/components/Table/Table.Row.js +0 -76
- package/build/components/Table/Table.Row.js.map +0 -1
- package/build/components/Table/Table.js +0 -92
- package/build/components/Table/Table.js.map +0 -1
- package/build/components/Table/Table.module.css +0 -78
- package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +0 -2285
- package/build/components/Table/helpers/index.js +0 -19
- package/build/components/Table/helpers/index.js.map +0 -1
- package/build/components/Table/helpers/select.js +0 -29
- package/build/components/Table/helpers/select.js.map +0 -1
- package/build/components/Table/index.js +0 -19
- package/build/components/Table/index.js.map +0 -1
- package/build/components/Tooltip/Tooltip.js +0 -65
- package/build/components/Tooltip/Tooltip.js.map +0 -1
- package/build/components/Tooltip/Tooltip.module.css +0 -26
- package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +0 -117
- package/build/components/Tooltip/index.js +0 -19
- package/build/components/Tooltip/index.js.map +0 -1
- package/build/components/index.js +0 -149
- package/build/components/index.js.map +0 -1
- package/build/helpers/getInputErrors.js +0 -45
- package/build/helpers/getInputErrors.js.map +0 -1
- package/build/helpers/index.js +0 -32
- package/build/helpers/index.js.map +0 -1
- package/build/helpers/isValidDate.js +0 -58
- package/build/helpers/isValidDate.js.map +0 -1
- package/build/helpers/isValidEmail.js +0 -15
- package/build/helpers/isValidEmail.js.map +0 -1
- package/build/helpers/isValidPhone.js +0 -25
- package/build/helpers/isValidPhone.js.map +0 -1
- package/build/helpers/styles.js +0 -21
- package/build/helpers/styles.js.map +0 -1
- package/build/hooks/helpers/getNavigator.js +0 -33
- package/build/hooks/helpers/getNavigator.js.map +0 -1
- package/build/hooks/helpers/getResolution.js +0 -22
- package/build/hooks/helpers/getResolution.js.map +0 -1
- package/build/hooks/helpers/index.js +0 -32
- package/build/hooks/helpers/index.js.map +0 -1
- package/build/hooks/index.js +0 -19
- package/build/hooks/index.js.map +0 -1
- package/build/hooks/useDevice.js +0 -48
- package/build/hooks/useDevice.js.map +0 -1
- package/build/index.js +0 -71
- package/build/index.js.map +0 -1
- package/build/primitives/Checkbox/Checkbox.js +0 -54
- package/build/primitives/Checkbox/Checkbox.js.map +0 -1
- package/build/primitives/Checkbox/Checkbox.module.css +0 -45
- package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +0 -127
- package/build/primitives/Checkbox/index.js +0 -19
- package/build/primitives/Checkbox/index.js.map +0 -1
- package/build/primitives/Icon/Icon.constants.js +0 -30
- package/build/primitives/Icon/Icon.constants.js.map +0 -1
- package/build/primitives/Icon/Icon.js +0 -34
- package/build/primitives/Icon/Icon.js.map +0 -1
- package/build/primitives/Icon/Icon.module.css +0 -11
- package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +0 -133
- package/build/primitives/Icon/index.js +0 -31
- package/build/primitives/Icon/index.js.map +0 -1
- package/build/primitives/Input/Input.js +0 -66
- package/build/primitives/Input/Input.js.map +0 -1
- package/build/primitives/Input/Input.module.css +0 -32
- package/build/primitives/Input/__tests__/__snapshots__/Input.test.js.snap +0 -74
- package/build/primitives/Input/helpers/index.js +0 -19
- package/build/primitives/Input/helpers/index.js.map +0 -1
- package/build/primitives/Input/helpers/parseValue.js +0 -17
- package/build/primitives/Input/helpers/parseValue.js.map +0 -1
- package/build/primitives/Input/index.js +0 -19
- package/build/primitives/Input/index.js.map +0 -1
- package/build/primitives/Layer/Layer.js +0 -87
- package/build/primitives/Layer/Layer.js.map +0 -1
- package/build/primitives/Layer/Layer.module.css +0 -10
- package/build/primitives/Layer/LayerContent.js +0 -22
- package/build/primitives/Layer/LayerContent.js.map +0 -1
- package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +0 -89
- package/build/primitives/Layer/helpers/getElementLayout.js +0 -23
- package/build/primitives/Layer/helpers/getElementLayout.js.map +0 -1
- package/build/primitives/Layer/helpers/getLayerPosition.js +0 -45
- package/build/primitives/Layer/helpers/getLayerPosition.js.map +0 -1
- package/build/primitives/Layer/helpers/index.js +0 -32
- package/build/primitives/Layer/helpers/index.js.map +0 -1
- package/build/primitives/Layer/index.js +0 -32
- package/build/primitives/Layer/index.js.map +0 -1
- package/build/primitives/Pressable/Pressable.constants.js +0 -9
- package/build/primitives/Pressable/Pressable.constants.js.map +0 -1
- package/build/primitives/Pressable/Pressable.js +0 -50
- package/build/primitives/Pressable/Pressable.js.map +0 -1
- package/build/primitives/Pressable/Pressable.module.css +0 -18
- package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +0 -53
- package/build/primitives/Pressable/index.js +0 -19
- package/build/primitives/Pressable/index.js.map +0 -1
- package/build/primitives/Radio/Radio.js +0 -51
- package/build/primitives/Radio/Radio.js.map +0 -1
- package/build/primitives/Radio/Radio.module.css +0 -60
- package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +0 -125
- package/build/primitives/Radio/index.js +0 -19
- package/build/primitives/Radio/index.js.map +0 -1
- package/build/primitives/ScrollView/ScrollView.js +0 -89
- package/build/primitives/ScrollView/ScrollView.js.map +0 -1
- package/build/primitives/ScrollView/ScrollView.module.css +0 -35
- package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +0 -535
- package/build/primitives/ScrollView/index.js +0 -19
- package/build/primitives/ScrollView/index.js.map +0 -1
- package/build/primitives/Select/Select.js +0 -70
- package/build/primitives/Select/Select.js.map +0 -1
- package/build/primitives/Select/Select.module.css +0 -27
- package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap +0 -178
- package/build/primitives/Select/index.js +0 -19
- package/build/primitives/Select/index.js.map +0 -1
- package/build/primitives/Switch/Switch.js +0 -48
- package/build/primitives/Switch/Switch.js.map +0 -1
- package/build/primitives/Switch/Switch.module.css +0 -65
- package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +0 -104
- package/build/primitives/Switch/index.js +0 -19
- package/build/primitives/Switch/index.js.map +0 -1
- package/build/primitives/Text/Text.js +0 -39
- package/build/primitives/Text/Text.js.map +0 -1
- package/build/primitives/Text/Text.module.css +0 -33
- package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +0 -92
- package/build/primitives/Text/index.js +0 -19
- package/build/primitives/Text/index.js.map +0 -1
- package/build/primitives/View/View.js +0 -45
- package/build/primitives/View/View.js.map +0 -1
- package/build/primitives/View/View.module.css +0 -17
- package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +0 -62
- package/build/primitives/View/index.js +0 -19
- package/build/primitives/View/index.js.map +0 -1
- package/build/primitives/index.js +0 -149
- package/build/primitives/index.js.map +0 -1
- package/build/theme/default.theme.css +0 -55
- package/build/theme/helpers/camelcase.js +0 -16
- package/build/theme/helpers/camelcase.js.map +0 -1
- package/build/theme/helpers/index.js +0 -19
- package/build/theme/helpers/index.js.map +0 -1
- package/build/theme/index.js +0 -19
- package/build/theme/index.js.map +0 -1
- package/build/theme/theme.js +0 -43
- package/build/theme/theme.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Button = void 0;
|
|
9
|
-
|
|
10
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
var _helpers = require("../../helpers");
|
|
17
|
-
|
|
18
|
-
var _primitives = require("../../primitives");
|
|
19
|
-
|
|
20
|
-
var _ButtonModule = _interopRequireDefault(require("./Button.module.css"));
|
|
21
|
-
|
|
22
|
-
var _excluded = ["children", "disabled", "large", "outlined", "rounded", "small", "squared", "tag"];
|
|
23
|
-
|
|
24
|
-
var Button = function Button(_ref) {
|
|
25
|
-
var children = _ref.children,
|
|
26
|
-
disabled = _ref.disabled,
|
|
27
|
-
large = _ref.large,
|
|
28
|
-
outlined = _ref.outlined,
|
|
29
|
-
rounded = _ref.rounded,
|
|
30
|
-
small = _ref.small,
|
|
31
|
-
_ref$squared = _ref.squared,
|
|
32
|
-
squared = _ref$squared === void 0 ? false : _ref$squared,
|
|
33
|
-
_ref$tag = _ref.tag,
|
|
34
|
-
tag = _ref$tag === void 0 ? 'button' : _ref$tag,
|
|
35
|
-
others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
36
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), {}, {
|
|
37
|
-
disabled: disabled,
|
|
38
|
-
tag: tag,
|
|
39
|
-
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)
|
|
40
|
-
}), children);
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
exports.Button = Button;
|
|
44
|
-
Button.displayName = 'Component:Button';
|
|
45
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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":";;;;;;;;;;;;;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,8DAGOH,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"}
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--mirai-ui-button-background: var(--mirai-ui-accent);
|
|
3
|
-
--mirai-ui-button-color: var(--mirai-ui-base);
|
|
4
|
-
--mirai-ui-button-color-active: rgba(255, 255, 255, 0.2);
|
|
5
|
-
--mirai-ui-button-color-focus: var(--mirai-ui-content);
|
|
6
|
-
--mirai-ui-button-disabled-background: var(--mirai-ui-content-300);
|
|
7
|
-
--mirai-ui-button-disabled-color: var(--mirai-ui-content-400);
|
|
8
|
-
--mirai-ui-button-outlined-background: var(--mirai-ui-base);
|
|
9
|
-
--mirai-ui-button-padding-x: var(--mirai-ui-space-S);
|
|
10
|
-
--mirai-ui-button-padding-y: var(--mirai-ui-space-L);
|
|
11
|
-
--mirai-ui-button-radius: var(--mirai-ui-border-radius);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.button {
|
|
15
|
-
align-items: center;
|
|
16
|
-
background-color: var(--mirai-ui-button-background);
|
|
17
|
-
border-radius: var(--mirai-ui-button-radius);
|
|
18
|
-
color: var(--mirai-ui-button-color);
|
|
19
|
-
display: flex;
|
|
20
|
-
font-family: var(--mirai-ui-font);
|
|
21
|
-
font-size: var(--mirai-ui-font-size-action);
|
|
22
|
-
font-weight: var(--mirai-ui-font-bold-weight);
|
|
23
|
-
justify-content: center;
|
|
24
|
-
padding: var(--mirai-ui-button-padding-x) var(--mirai-ui-button-padding-y);
|
|
25
|
-
transition: background-color var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing),
|
|
26
|
-
box-shadow var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing),
|
|
27
|
-
color var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
|
|
28
|
-
width: fit-content;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.button:disabled {
|
|
32
|
-
background-color: var(--mirai-ui-button-disabled-background);
|
|
33
|
-
color: var(--mirai-ui-button-disabled-color);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.outlined {
|
|
37
|
-
border: solid 1px var(--mirai-ui-button-background);
|
|
38
|
-
background-color: var(--mirai-ui-button-outlined-background);
|
|
39
|
-
color: var(--mirai-ui-button-background);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.button:not(:disabled):active {
|
|
43
|
-
box-shadow: inset 0 0 var(--mirai-ui-space-XL) var(--mirai-ui-space-XL) var(--mirai-ui-button-color-active);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.large:not(.squared) {
|
|
47
|
-
font-size: var(--mirai-ui-font-size-headline);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.small:not(.squared) {
|
|
51
|
-
font-size: var(--mirai-ui-font-size-small);
|
|
52
|
-
padding: calc(var(--mirai-ui-button-padding-x) / 2) calc(var(--mirai-ui-button-padding-y) / 2);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.rounded {
|
|
56
|
-
border-radius: 50%;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.squared {
|
|
60
|
-
padding: 0;
|
|
61
|
-
height: var(--mirai-ui-space-XL);
|
|
62
|
-
min-width: var(--mirai-ui-space-XL);
|
|
63
|
-
width: var(--mirai-ui-space-XL);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.squared.small {
|
|
67
|
-
height: var(--mirai-ui-space-L);
|
|
68
|
-
min-width: var(--mirai-ui-space-L);
|
|
69
|
-
width: var(--mirai-ui-space-L);
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.squared.large {
|
|
73
|
-
height: var(--mirai-ui-space-XXL);
|
|
74
|
-
min-width: var(--mirai-ui-space-XXL);
|
|
75
|
-
width: var(--mirai-ui-space-XXL);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
@media only screen and (max-width: 600px) {
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
@media only screen and (min-width: 600px) {
|
|
82
|
-
.button:not(:disabled).outlined:hover {
|
|
83
|
-
border-color: var(--mirai-ui-button-color-hover);
|
|
84
|
-
color: var(--mirai-ui-button-color-focus);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.button:not(:disabled):not(.outlined):hover {
|
|
88
|
-
background-color: var(--mirai-ui-button-color-focus);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[` 1`] = `
|
|
4
|
-
<DocumentFragment>
|
|
5
|
-
<button
|
|
6
|
-
class="pressable button squared"
|
|
7
|
-
>
|
|
8
|
-
children
|
|
9
|
-
</button>
|
|
10
|
-
</DocumentFragment>
|
|
11
|
-
`;
|
|
12
|
-
|
|
13
|
-
exports[`component:<Button> inherit:className 1`] = `
|
|
14
|
-
<DocumentFragment>
|
|
15
|
-
<button
|
|
16
|
-
class="pressable button mirai"
|
|
17
|
-
>
|
|
18
|
-
children
|
|
19
|
-
</button>
|
|
20
|
-
</DocumentFragment>
|
|
21
|
-
`;
|
|
22
|
-
|
|
23
|
-
exports[`component:<Button> prop:disabled 1`] = `
|
|
24
|
-
<DocumentFragment>
|
|
25
|
-
<button
|
|
26
|
-
class="pressable button"
|
|
27
|
-
disabled=""
|
|
28
|
-
>
|
|
29
|
-
children
|
|
30
|
-
</button>
|
|
31
|
-
</DocumentFragment>
|
|
32
|
-
`;
|
|
33
|
-
|
|
34
|
-
exports[`component:<Button> prop:large 1`] = `
|
|
35
|
-
<DocumentFragment>
|
|
36
|
-
<button
|
|
37
|
-
class="pressable button large"
|
|
38
|
-
>
|
|
39
|
-
children
|
|
40
|
-
</button>
|
|
41
|
-
</DocumentFragment>
|
|
42
|
-
`;
|
|
43
|
-
|
|
44
|
-
exports[`component:<Button> prop:outlined 1`] = `
|
|
45
|
-
<DocumentFragment>
|
|
46
|
-
<button
|
|
47
|
-
class="pressable button outlined"
|
|
48
|
-
>
|
|
49
|
-
children
|
|
50
|
-
</button>
|
|
51
|
-
</DocumentFragment>
|
|
52
|
-
`;
|
|
53
|
-
|
|
54
|
-
exports[`component:<Button> prop:small 1`] = `
|
|
55
|
-
<DocumentFragment>
|
|
56
|
-
<button
|
|
57
|
-
class="pressable button small"
|
|
58
|
-
>
|
|
59
|
-
children
|
|
60
|
-
</button>
|
|
61
|
-
</DocumentFragment>
|
|
62
|
-
`;
|
|
63
|
-
|
|
64
|
-
exports[`component:<Button> prop:squared & large 1`] = `
|
|
65
|
-
<DocumentFragment>
|
|
66
|
-
<button
|
|
67
|
-
class="pressable button large squared"
|
|
68
|
-
>
|
|
69
|
-
children
|
|
70
|
-
</button>
|
|
71
|
-
</DocumentFragment>
|
|
72
|
-
`;
|
|
73
|
-
|
|
74
|
-
exports[`component:<Button> prop:squared & small 1`] = `
|
|
75
|
-
<DocumentFragment>
|
|
76
|
-
<button
|
|
77
|
-
class="pressable button small squared"
|
|
78
|
-
>
|
|
79
|
-
children
|
|
80
|
-
</button>
|
|
81
|
-
</DocumentFragment>
|
|
82
|
-
`;
|
|
83
|
-
|
|
84
|
-
exports[`component:<Button> prop:tag 1`] = `
|
|
85
|
-
<DocumentFragment>
|
|
86
|
-
<a
|
|
87
|
-
class="pressable button"
|
|
88
|
-
>
|
|
89
|
-
children
|
|
90
|
-
</a>
|
|
91
|
-
</DocumentFragment>
|
|
92
|
-
`;
|
|
93
|
-
|
|
94
|
-
exports[`component:<Button> renders 1`] = `
|
|
95
|
-
<DocumentFragment>
|
|
96
|
-
<button
|
|
97
|
-
class="pressable button"
|
|
98
|
-
>
|
|
99
|
-
children
|
|
100
|
-
</button>
|
|
101
|
-
</DocumentFragment>
|
|
102
|
-
`;
|
|
103
|
-
|
|
104
|
-
exports[`component:<Button> testID 1`] = `
|
|
105
|
-
<DocumentFragment>
|
|
106
|
-
<button
|
|
107
|
-
class="pressable button"
|
|
108
|
-
data-testid="mirai"
|
|
109
|
-
>
|
|
110
|
-
children
|
|
111
|
-
</button>
|
|
112
|
-
</DocumentFragment>
|
|
113
|
-
`;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var _Button = require("./Button");
|
|
8
|
-
|
|
9
|
-
Object.keys(_Button).forEach(function (key) {
|
|
10
|
-
if (key === "default" || key === "__esModule") return;
|
|
11
|
-
if (key in exports && exports[key] === _Button[key]) return;
|
|
12
|
-
Object.defineProperty(exports, key, {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _Button[key];
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
});
|
|
19
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Button/index.js"],"sourcesContent":["export * from './Button';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Month = void 0;
|
|
9
|
-
|
|
10
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
var _helpers = require("../../helpers");
|
|
17
|
-
|
|
18
|
-
var _hooks = require("../../hooks");
|
|
19
|
-
|
|
20
|
-
var _primitives = require("../../primitives");
|
|
21
|
-
|
|
22
|
-
var _Calendar = require("./Calendar.constants");
|
|
23
|
-
|
|
24
|
-
var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
|
|
25
|
-
|
|
26
|
-
var _Calendar2 = require("./Calendar.Week");
|
|
27
|
-
|
|
28
|
-
var _Calendar3 = require("./Calendar.Weekdays");
|
|
29
|
-
|
|
30
|
-
var _helpers2 = require("./helpers");
|
|
31
|
-
|
|
32
|
-
var _excluded = ["focus", "instance", "selected", "disabledPast", "format", "from", "locale", "range", "to", "onChange", "onFocus", "onNext", "onPrevious"];
|
|
33
|
-
|
|
34
|
-
var Month = function Month(_ref) {
|
|
35
|
-
var focus = _ref.focus,
|
|
36
|
-
instance = _ref.instance,
|
|
37
|
-
selected = _ref.selected,
|
|
38
|
-
_ref$disabledPast = _ref.disabledPast,
|
|
39
|
-
disabledPast = _ref$disabledPast === void 0 ? true : _ref$disabledPast,
|
|
40
|
-
format = _ref.format,
|
|
41
|
-
from = _ref.from,
|
|
42
|
-
locale = _ref.locale,
|
|
43
|
-
_ref$range = _ref.range,
|
|
44
|
-
range = _ref$range === void 0 ? false : _ref$range,
|
|
45
|
-
to = _ref.to,
|
|
46
|
-
_ref$onChange = _ref.onChange,
|
|
47
|
-
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
48
|
-
_ref$onFocus = _ref.onFocus,
|
|
49
|
-
onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
|
|
50
|
-
onNext = _ref.onNext,
|
|
51
|
-
onPrevious = _ref.onPrevious,
|
|
52
|
-
others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
53
|
-
|
|
54
|
-
var _useDevice = (0, _hooks.useDevice)(),
|
|
55
|
-
isDesktop = _useDevice.isDesktop;
|
|
56
|
-
|
|
57
|
-
var weekNumber = (0, _helpers2.getWeekNumber)(instance);
|
|
58
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.View, {
|
|
59
|
-
className: (0, _helpers.styles)(_CalendarModule.default.month, others.className)
|
|
60
|
-
}, /*#__PURE__*/_react.default.createElement(_primitives.View, {
|
|
61
|
-
row: true,
|
|
62
|
-
className: _CalendarModule.default.header
|
|
63
|
-
}, onPrevious && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
|
|
64
|
-
onPress: onPrevious
|
|
65
|
-
}, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
|
|
66
|
-
name: "Left"
|
|
67
|
-
})), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
68
|
-
bold: true,
|
|
69
|
-
upperCase: true,
|
|
70
|
-
className: _CalendarModule.default.title
|
|
71
|
-
}, (0, _helpers2.getHeader)(instance, locale)), onNext && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
|
|
72
|
-
onPress: onNext
|
|
73
|
-
}, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
|
|
74
|
-
name: "Right"
|
|
75
|
-
}))), isDesktop && /*#__PURE__*/_react.default.createElement(_Calendar3.Weekdays, {
|
|
76
|
-
locale: locale
|
|
77
|
-
}), _Calendar.VISIBLE_WEEKS.map(function (week) {
|
|
78
|
-
return /*#__PURE__*/_react.default.createElement(_Calendar2.Week, Object.assign({}, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), {}, {
|
|
79
|
-
disabledPast: disabledPast,
|
|
80
|
-
focus: focus,
|
|
81
|
-
format: format,
|
|
82
|
-
from: from,
|
|
83
|
-
locale: locale,
|
|
84
|
-
to: to,
|
|
85
|
-
range: range,
|
|
86
|
-
selected: selected
|
|
87
|
-
}), {
|
|
88
|
-
key: week,
|
|
89
|
-
month: instance.getMonth(),
|
|
90
|
-
number: weekNumber + week,
|
|
91
|
-
year: instance.getFullYear(),
|
|
92
|
-
onFocus: onFocus,
|
|
93
|
-
onPress: onChange
|
|
94
|
-
}));
|
|
95
|
-
}));
|
|
96
|
-
};
|
|
97
|
-
|
|
98
|
-
exports.Month = Month;
|
|
99
|
-
Month.displayName = 'Component:Calendar:Month';
|
|
100
|
-
//# sourceMappingURL=Calendar.Month.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAef;EAAA,IAdJC,KAcI,QAdJA,KAcI;EAAA,IAbJC,QAaI,QAbJA,QAaI;EAAA,IAZJC,QAYI,QAZJA,QAYI;EAAA,6BAXJC,YAWI;EAAA,IAXJA,YAWI,kCAXW,IAWX;EAAA,IAVJC,MAUI,QAVJA,MAUI;EAAA,IATJC,IASI,QATJA,IASI;EAAA,IARJC,MAQI,QARJA,MAQI;EAAA,sBAPJC,KAOI;EAAA,IAPJA,KAOI,2BAPI,KAOJ;EAAA,IANJC,EAMI,QANJA,EAMI;EAAA,yBALJC,QAKI;EAAA,IALJA,QAKI,8BALO,YAAM,CAAE,CAKf;EAAA,wBAJJC,OAII;EAAA,IAJJA,OAII,6BAJM,YAAM,CAAE,CAId;EAAA,IAHJC,MAGI,QAHJA,MAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADDC,MACC;;EACJ,iBAAsB,uBAAtB;EAAA,IAAQC,SAAR,cAAQA,SAAR;;EACA,IAAMC,UAAU,GAAG,6BAAcd,QAAd,CAAnB;EAEA,oBACE,6BAAC,gBAAD;IAAM,SAAS,EAAE,qBAAOe,wBAAMC,KAAb,EAAoBJ,MAAM,CAACK,SAA3B;EAAjB,gBACE,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAEF,wBAAMG;EAA3B,GACGP,UAAU,iBACT,6BAAC,qBAAD;IAAW,OAAO,EAAEA;EAApB,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EADF,CAFJ,eAME,6BAAC,gBAAD;IAAM,IAAI,MAAV;IAAW,SAAS,MAApB;IAAqB,SAAS,EAAEI,wBAAMI;EAAtC,GACG,yBAAUnB,QAAV,EAAoBK,MAApB,CADH,CANF,EASGK,MAAM,iBACL,6BAAC,qBAAD;IAAW,OAAO,EAAEA;EAApB,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EADF,CAVJ,CADF,EAiBGG,SAAS,iBAAI,6BAAC,mBAAD;IAAU,MAAM,EAAER;EAAlB,EAjBhB,EAmBGe,wBAAcC,GAAd,CAAkB,UAACC,IAAD;IAAA,oBACjB,6BAAC,eAAD,gFAEOV,MAFP;MAGIV,YAAY,EAAZA,YAHJ;MAIIH,KAAK,EAALA,KAJJ;MAKII,MAAM,EAANA,MALJ;MAMIC,IAAI,EAAJA,IANJ;MAOIC,MAAM,EAANA,MAPJ;MAQIE,EAAE,EAAFA,EARJ;MASID,KAAK,EAALA,KATJ;MAUIL,QAAQ,EAARA;IAVJ;MAYE,GAAG,EAAEqB,IAZP;MAaE,KAAK,EAAEtB,QAAQ,CAACuB,QAAT,EAbT;MAcE,MAAM,EAAET,UAAU,GAAGQ,IAdvB;MAeE,IAAI,EAAEtB,QAAQ,CAACwB,WAAT,EAfR;MAgBE,OAAO,EAAEf,OAhBX;MAiBE,OAAO,EAAED;IAjBX,GADiB;EAAA,CAAlB,CAnBH,CADF;AA2CD,CA9DM;;;AAgEPV,KAAK,CAAC2B,WAAN,GAAoB,0BAApB"}
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Week = void 0;
|
|
9
|
-
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
13
|
-
|
|
14
|
-
var _locale = require("@mirai/locale");
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
|
-
var _helpers = require("../../helpers");
|
|
19
|
-
|
|
20
|
-
var _primitives = require("../../primitives");
|
|
21
|
-
|
|
22
|
-
var _Calendar = require("./Calendar.constants");
|
|
23
|
-
|
|
24
|
-
var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
|
|
25
|
-
|
|
26
|
-
var _helpers2 = require("./helpers");
|
|
27
|
-
|
|
28
|
-
var _excluded = ["captions", "disabledDates", "disabledPast", "focus", "locale", "format", "from", "highlights", "month", "number", "range", "rangeMinDays", "selected", "to", "year", "onPress", "onFocus"];
|
|
29
|
-
|
|
30
|
-
var Week = function Week(_ref) {
|
|
31
|
-
var captions = _ref.captions,
|
|
32
|
-
_ref$disabledDates = _ref.disabledDates,
|
|
33
|
-
disabledDates = _ref$disabledDates === void 0 ? [] : _ref$disabledDates,
|
|
34
|
-
_ref$disabledPast = _ref.disabledPast,
|
|
35
|
-
disabledPast = _ref$disabledPast === void 0 ? false : _ref$disabledPast,
|
|
36
|
-
focus = _ref.focus,
|
|
37
|
-
locale = _ref.locale,
|
|
38
|
-
format = _ref.format,
|
|
39
|
-
from = _ref.from,
|
|
40
|
-
_ref$highlights = _ref.highlights,
|
|
41
|
-
highlights = _ref$highlights === void 0 ? [] : _ref$highlights,
|
|
42
|
-
month = _ref.month,
|
|
43
|
-
number = _ref.number,
|
|
44
|
-
range = _ref.range,
|
|
45
|
-
rangeMinDays = _ref.rangeMinDays,
|
|
46
|
-
selected = _ref.selected,
|
|
47
|
-
to = _ref.to,
|
|
48
|
-
year = _ref.year,
|
|
49
|
-
_ref$onPress = _ref.onPress,
|
|
50
|
-
_onPress = _ref$onPress === void 0 ? function () {} : _ref$onPress,
|
|
51
|
-
_ref$onFocus = _ref.onFocus,
|
|
52
|
-
onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
|
|
53
|
-
others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
54
|
-
|
|
55
|
-
var disabledDatesTS = disabledDates.map(function (date) {
|
|
56
|
-
return (0, _locale.UTC)((0, _locale.parseDate)(date, format)).getTime();
|
|
57
|
-
});
|
|
58
|
-
var firstDate = (0, _helpers2.getFirstDateOfWeek)(number, year);
|
|
59
|
-
var todayTS = (0, _helpers2.getToday)().getTime();
|
|
60
|
-
var fromTS = from === null || from === void 0 ? void 0 : from.getTime();
|
|
61
|
-
var toTS = to === null || to === void 0 ? void 0 : to.getTime();
|
|
62
|
-
var focusTS = focus === null || focus === void 0 ? void 0 : focus.getTime();
|
|
63
|
-
var rangeTS = {};
|
|
64
|
-
|
|
65
|
-
if (range) {
|
|
66
|
-
var _selected = (0, _slicedToArray2.default)(selected, 2),
|
|
67
|
-
start = _selected[0],
|
|
68
|
-
end = _selected[1];
|
|
69
|
-
|
|
70
|
-
rangeTS = {
|
|
71
|
-
start: start ? start.getTime() : undefined,
|
|
72
|
-
end: end ? end.getTime() : undefined,
|
|
73
|
-
min: start && rangeMinDays ? (0, _locale.dateCalc)(start, rangeMinDays, 'days').getTime() : undefined
|
|
74
|
-
};
|
|
75
|
-
|
|
76
|
-
var _disabledDatesTS$filt = disabledDatesTS.filter(function (ts) {
|
|
77
|
-
return ts > rangeTS.start;
|
|
78
|
-
}).sort(),
|
|
79
|
-
_disabledDatesTS$filt2 = (0, _slicedToArray2.default)(_disabledDatesTS$filt, 1),
|
|
80
|
-
outbound = _disabledDatesTS$filt2[0];
|
|
81
|
-
|
|
82
|
-
rangeTS.outbound = outbound ? outbound - 1 : undefined;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.View, {
|
|
86
|
-
row: true
|
|
87
|
-
}, _Calendar.DAYS.map(function (day) {
|
|
88
|
-
var date = (0, _locale.UTC)(new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate() + day));
|
|
89
|
-
var dateTS = date.getTime();
|
|
90
|
-
var dateString = (0, _locale.dateFormat)(date, {
|
|
91
|
-
format: format
|
|
92
|
-
});
|
|
93
|
-
var is = {
|
|
94
|
-
disabled: disabledPast && dateTS < todayTS || // past
|
|
95
|
-
!date.getMonth() === month || // days out of month
|
|
96
|
-
disabledDatesTS.includes(dateTS) || // disabled dates
|
|
97
|
-
dateTS < fromTS || // less than range
|
|
98
|
-
dateTS > toTS,
|
|
99
|
-
// more than range
|
|
100
|
-
highlight: highlights.includes(dateString),
|
|
101
|
-
outOfRange: dateTS > rangeTS.outbound,
|
|
102
|
-
minRange: dateTS > rangeTS.start && dateTS < rangeTS.min,
|
|
103
|
-
range: dateTS > rangeTS.start && (dateTS < rangeTS.end || dateTS < rangeTS.min || dateTS < focusTS),
|
|
104
|
-
rangeLimit: dateTS === rangeTS.start || dateTS === rangeTS.end,
|
|
105
|
-
ranging: range && (selected === null || selected === void 0 ? void 0 : selected[0]) && !selected[1],
|
|
106
|
-
selected: range && selected ? selected[0] && !selected[1] ? dateTS === selected[0].getTime() : selected[0] && selected[1] ? dateTS >= selected[0].getTime() && dateTS <= selected[1].getTime() : undefined : dateTS === (selected === null || selected === void 0 ? void 0 : selected.getTime()),
|
|
107
|
-
today: dateTS === todayTS,
|
|
108
|
-
visible: date.getMonth() === month
|
|
109
|
-
};
|
|
110
|
-
var textStyle = is.disabled ? _CalendarModule.default.textDisabled : is.selected || dateTS === rangeTS.end ? _CalendarModule.default.textSelected : is.highlight && !is.range ? _CalendarModule.default.textHighlight : undefined;
|
|
111
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
|
|
112
|
-
disabled: is.disabled || is.minRange || is.outOfRange || !is.visible,
|
|
113
|
-
key: day,
|
|
114
|
-
tabIndex: is.visible && !is.disabled ? date.getDate() : undefined,
|
|
115
|
-
"data-testid": "".concat(others['data-testid'] || 'calendar', "-").concat(number, "-").concat(day),
|
|
116
|
-
className: _CalendarModule.default.cell,
|
|
117
|
-
onEnter: is.ranging ? function () {
|
|
118
|
-
return onFocus(date);
|
|
119
|
-
} : undefined,
|
|
120
|
-
onLeave: is.ranging ? function () {
|
|
121
|
-
return onFocus();
|
|
122
|
-
} : undefined,
|
|
123
|
-
onPress: function onPress() {
|
|
124
|
-
return _onPress(date);
|
|
125
|
-
}
|
|
126
|
-
}, is.visible && /*#__PURE__*/_react.default.createElement(_primitives.View, {
|
|
127
|
-
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)
|
|
128
|
-
}, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
129
|
-
bold: is.today || is.highlight || is.selected && !is.range,
|
|
130
|
-
className: textStyle
|
|
131
|
-
}, (0, _locale.dateFormat)(date, {
|
|
132
|
-
locale: locale,
|
|
133
|
-
day: 'numeric'
|
|
134
|
-
})), captions && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
135
|
-
small: true,
|
|
136
|
-
className: (0, _helpers.styles)(textStyle, _CalendarModule.default.caption)
|
|
137
|
-
}, captions[dateString] || '')));
|
|
138
|
-
}));
|
|
139
|
-
};
|
|
140
|
-
|
|
141
|
-
exports.Week = Week;
|
|
142
|
-
Week.displayName = 'Component:Calendar:Week';
|
|
143
|
-
//# sourceMappingURL=Calendar.Week.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Weekdays = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _helpers = require("../../helpers");
|
|
13
|
-
|
|
14
|
-
var _primitives = require("../../primitives");
|
|
15
|
-
|
|
16
|
-
var _Calendar = require("./Calendar.constants");
|
|
17
|
-
|
|
18
|
-
var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
|
|
19
|
-
|
|
20
|
-
var _helpers2 = require("./helpers");
|
|
21
|
-
|
|
22
|
-
var Weekdays = function Weekdays(_ref) {
|
|
23
|
-
var locale = _ref.locale;
|
|
24
|
-
var weekdays = (0, _helpers2.getWeekDays)(locale);
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.View, {
|
|
26
|
-
row: true,
|
|
27
|
-
className: _CalendarModule.default.weekdays
|
|
28
|
-
}, _Calendar.DAYS.map(function (day) {
|
|
29
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
30
|
-
small: true,
|
|
31
|
-
key: day,
|
|
32
|
-
upperCase: true,
|
|
33
|
-
className: (0, _helpers.styles)(_CalendarModule.default.cell, _CalendarModule.default.weekday)
|
|
34
|
-
}, weekdays[day]);
|
|
35
|
-
}));
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
exports.Weekdays = Weekdays;
|
|
39
|
-
Weekdays.displayName = 'Component:Calendar:Weekdays';
|
|
40
|
-
//# sourceMappingURL=Calendar.Weekdays.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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":";;;;;;;;;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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.VISIBLE_WEEKS = exports.DAYS = void 0;
|
|
7
|
-
var DAYS = Array.from(Array(7).keys());
|
|
8
|
-
exports.DAYS = DAYS;
|
|
9
|
-
var VISIBLE_WEEKS = Array.from(Array(6).keys());
|
|
10
|
-
exports.VISIBLE_WEEKS = VISIBLE_WEEKS;
|
|
11
|
-
//# sourceMappingURL=Calendar.constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.constants.js","names":["DAYS","Array","from","keys","VISIBLE_WEEKS"],"sources":["../../../src/components/Calendar/Calendar.constants.js"],"sourcesContent":["const DAYS = Array.from(Array(7).keys());\n\nconst VISIBLE_WEEKS = Array.from(Array(6).keys());\n\nexport { DAYS, VISIBLE_WEEKS };\n"],"mappings":";;;;;;AAAA,IAAMA,IAAI,GAAGC,KAAK,CAACC,IAAN,CAAWD,KAAK,CAAC,CAAD,CAAL,CAASE,IAAT,EAAX,CAAb;;AAEA,IAAMC,aAAa,GAAGH,KAAK,CAACC,IAAN,CAAWD,KAAK,CAAC,CAAD,CAAL,CAASE,IAAT,EAAX,CAAtB"}
|