@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.
Files changed (228) hide show
  1. package/package.json +1 -1
  2. package/build/components/Button/Button.js +0 -45
  3. package/build/components/Button/Button.js.map +0 -1
  4. package/build/components/Button/Button.module.css +0 -90
  5. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +0 -113
  6. package/build/components/Button/index.js +0 -19
  7. package/build/components/Button/index.js.map +0 -1
  8. package/build/components/Calendar/Calendar.Month.js +0 -100
  9. package/build/components/Calendar/Calendar.Month.js.map +0 -1
  10. package/build/components/Calendar/Calendar.Week.js +0 -143
  11. package/build/components/Calendar/Calendar.Week.js.map +0 -1
  12. package/build/components/Calendar/Calendar.Weekdays.js +0 -40
  13. package/build/components/Calendar/Calendar.Weekdays.js.map +0 -1
  14. package/build/components/Calendar/Calendar.constants.js +0 -11
  15. package/build/components/Calendar/Calendar.constants.js.map +0 -1
  16. package/build/components/Calendar/Calendar.js +0 -151
  17. package/build/components/Calendar/Calendar.js.map +0 -1
  18. package/build/components/Calendar/Calendar.module.css +0 -110
  19. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +0 -20357
  20. package/build/components/Calendar/helpers/getFirstDateOfMonth.js +0 -16
  21. package/build/components/Calendar/helpers/getFirstDateOfMonth.js.map +0 -1
  22. package/build/components/Calendar/helpers/getFirstDateOfWeek.js +0 -20
  23. package/build/components/Calendar/helpers/getFirstDateOfWeek.js.map +0 -1
  24. package/build/components/Calendar/helpers/getHeader.js +0 -23
  25. package/build/components/Calendar/helpers/getHeader.js.map +0 -1
  26. package/build/components/Calendar/helpers/getToday.js +0 -15
  27. package/build/components/Calendar/helpers/getToday.js.map +0 -1
  28. package/build/components/Calendar/helpers/getWeekNumber.js +0 -17
  29. package/build/components/Calendar/helpers/getWeekNumber.js.map +0 -1
  30. package/build/components/Calendar/helpers/getWeekdays.js +0 -27
  31. package/build/components/Calendar/helpers/getWeekdays.js.map +0 -1
  32. package/build/components/Calendar/helpers/index.js +0 -97
  33. package/build/components/Calendar/helpers/index.js.map +0 -1
  34. package/build/components/Calendar/helpers/isJest.js +0 -9
  35. package/build/components/Calendar/helpers/isJest.js.map +0 -1
  36. package/build/components/Calendar/index.js +0 -19
  37. package/build/components/Calendar/index.js.map +0 -1
  38. package/build/components/Form/Form.js +0 -184
  39. package/build/components/Form/Form.js.map +0 -1
  40. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +0 -47
  41. package/build/components/Form/helpers/getChildrenErrors.js +0 -47
  42. package/build/components/Form/helpers/getChildrenErrors.js.map +0 -1
  43. package/build/components/Form/helpers/getChildrenValues.js +0 -46
  44. package/build/components/Form/helpers/getChildrenValues.js.map +0 -1
  45. package/build/components/Form/helpers/getField.js +0 -17
  46. package/build/components/Form/helpers/getField.js.map +0 -1
  47. package/build/components/Form/helpers/groupState.js +0 -29
  48. package/build/components/Form/helpers/groupState.js.map +0 -1
  49. package/build/components/Form/helpers/index.js +0 -58
  50. package/build/components/Form/helpers/index.js.map +0 -1
  51. package/build/components/Form/index.js +0 -19
  52. package/build/components/Form/index.js.map +0 -1
  53. package/build/components/InputNumber/InputNumber.js +0 -73
  54. package/build/components/InputNumber/InputNumber.js.map +0 -1
  55. package/build/components/InputNumber/InputNumber.module.css +0 -25
  56. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +0 -698
  57. package/build/components/InputNumber/index.js +0 -19
  58. package/build/components/InputNumber/index.js.map +0 -1
  59. package/build/components/InputOption/InputOption.constants.js +0 -13
  60. package/build/components/InputOption/InputOption.constants.js.map +0 -1
  61. package/build/components/InputOption/InputOption.js +0 -63
  62. package/build/components/InputOption/InputOption.js.map +0 -1
  63. package/build/components/InputOption/InputOption.module.css +0 -43
  64. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +0 -232
  65. package/build/components/InputOption/index.js +0 -19
  66. package/build/components/InputOption/index.js.map +0 -1
  67. package/build/components/InputSelect/InputSelect.js +0 -93
  68. package/build/components/InputSelect/InputSelect.js.map +0 -1
  69. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +0 -490
  70. package/build/components/InputSelect/index.js +0 -19
  71. package/build/components/InputSelect/index.js.map +0 -1
  72. package/build/components/InputText/InputText.js +0 -108
  73. package/build/components/InputText/InputText.js.map +0 -1
  74. package/build/components/InputText/InputText.module.css +0 -107
  75. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +0 -255
  76. package/build/components/InputText/index.js +0 -19
  77. package/build/components/InputText/index.js.map +0 -1
  78. package/build/components/Menu/Menu.Option.js +0 -42
  79. package/build/components/Menu/Menu.Option.js.map +0 -1
  80. package/build/components/Menu/Menu.js +0 -52
  81. package/build/components/Menu/Menu.js.map +0 -1
  82. package/build/components/Menu/Menu.module.css +0 -50
  83. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +0 -178
  84. package/build/components/Menu/index.js +0 -19
  85. package/build/components/Menu/index.js.map +0 -1
  86. package/build/components/Modal/Modal.js +0 -50
  87. package/build/components/Modal/Modal.js.map +0 -1
  88. package/build/components/Modal/Modal.module.css +0 -72
  89. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +0 -150
  90. package/build/components/Modal/index.js +0 -19
  91. package/build/components/Modal/index.js.map +0 -1
  92. package/build/components/Table/Table.Row.js +0 -76
  93. package/build/components/Table/Table.Row.js.map +0 -1
  94. package/build/components/Table/Table.js +0 -92
  95. package/build/components/Table/Table.js.map +0 -1
  96. package/build/components/Table/Table.module.css +0 -78
  97. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +0 -2285
  98. package/build/components/Table/helpers/index.js +0 -19
  99. package/build/components/Table/helpers/index.js.map +0 -1
  100. package/build/components/Table/helpers/select.js +0 -29
  101. package/build/components/Table/helpers/select.js.map +0 -1
  102. package/build/components/Table/index.js +0 -19
  103. package/build/components/Table/index.js.map +0 -1
  104. package/build/components/Tooltip/Tooltip.js +0 -65
  105. package/build/components/Tooltip/Tooltip.js.map +0 -1
  106. package/build/components/Tooltip/Tooltip.module.css +0 -26
  107. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +0 -117
  108. package/build/components/Tooltip/index.js +0 -19
  109. package/build/components/Tooltip/index.js.map +0 -1
  110. package/build/components/index.js +0 -149
  111. package/build/components/index.js.map +0 -1
  112. package/build/helpers/getInputErrors.js +0 -45
  113. package/build/helpers/getInputErrors.js.map +0 -1
  114. package/build/helpers/index.js +0 -32
  115. package/build/helpers/index.js.map +0 -1
  116. package/build/helpers/isValidDate.js +0 -58
  117. package/build/helpers/isValidDate.js.map +0 -1
  118. package/build/helpers/isValidEmail.js +0 -15
  119. package/build/helpers/isValidEmail.js.map +0 -1
  120. package/build/helpers/isValidPhone.js +0 -25
  121. package/build/helpers/isValidPhone.js.map +0 -1
  122. package/build/helpers/styles.js +0 -21
  123. package/build/helpers/styles.js.map +0 -1
  124. package/build/hooks/helpers/getNavigator.js +0 -33
  125. package/build/hooks/helpers/getNavigator.js.map +0 -1
  126. package/build/hooks/helpers/getResolution.js +0 -22
  127. package/build/hooks/helpers/getResolution.js.map +0 -1
  128. package/build/hooks/helpers/index.js +0 -32
  129. package/build/hooks/helpers/index.js.map +0 -1
  130. package/build/hooks/index.js +0 -19
  131. package/build/hooks/index.js.map +0 -1
  132. package/build/hooks/useDevice.js +0 -48
  133. package/build/hooks/useDevice.js.map +0 -1
  134. package/build/index.js +0 -71
  135. package/build/index.js.map +0 -1
  136. package/build/primitives/Checkbox/Checkbox.js +0 -54
  137. package/build/primitives/Checkbox/Checkbox.js.map +0 -1
  138. package/build/primitives/Checkbox/Checkbox.module.css +0 -45
  139. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +0 -127
  140. package/build/primitives/Checkbox/index.js +0 -19
  141. package/build/primitives/Checkbox/index.js.map +0 -1
  142. package/build/primitives/Icon/Icon.constants.js +0 -30
  143. package/build/primitives/Icon/Icon.constants.js.map +0 -1
  144. package/build/primitives/Icon/Icon.js +0 -34
  145. package/build/primitives/Icon/Icon.js.map +0 -1
  146. package/build/primitives/Icon/Icon.module.css +0 -11
  147. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +0 -133
  148. package/build/primitives/Icon/index.js +0 -31
  149. package/build/primitives/Icon/index.js.map +0 -1
  150. package/build/primitives/Input/Input.js +0 -66
  151. package/build/primitives/Input/Input.js.map +0 -1
  152. package/build/primitives/Input/Input.module.css +0 -32
  153. package/build/primitives/Input/__tests__/__snapshots__/Input.test.js.snap +0 -74
  154. package/build/primitives/Input/helpers/index.js +0 -19
  155. package/build/primitives/Input/helpers/index.js.map +0 -1
  156. package/build/primitives/Input/helpers/parseValue.js +0 -17
  157. package/build/primitives/Input/helpers/parseValue.js.map +0 -1
  158. package/build/primitives/Input/index.js +0 -19
  159. package/build/primitives/Input/index.js.map +0 -1
  160. package/build/primitives/Layer/Layer.js +0 -87
  161. package/build/primitives/Layer/Layer.js.map +0 -1
  162. package/build/primitives/Layer/Layer.module.css +0 -10
  163. package/build/primitives/Layer/LayerContent.js +0 -22
  164. package/build/primitives/Layer/LayerContent.js.map +0 -1
  165. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +0 -89
  166. package/build/primitives/Layer/helpers/getElementLayout.js +0 -23
  167. package/build/primitives/Layer/helpers/getElementLayout.js.map +0 -1
  168. package/build/primitives/Layer/helpers/getLayerPosition.js +0 -45
  169. package/build/primitives/Layer/helpers/getLayerPosition.js.map +0 -1
  170. package/build/primitives/Layer/helpers/index.js +0 -32
  171. package/build/primitives/Layer/helpers/index.js.map +0 -1
  172. package/build/primitives/Layer/index.js +0 -32
  173. package/build/primitives/Layer/index.js.map +0 -1
  174. package/build/primitives/Pressable/Pressable.constants.js +0 -9
  175. package/build/primitives/Pressable/Pressable.constants.js.map +0 -1
  176. package/build/primitives/Pressable/Pressable.js +0 -50
  177. package/build/primitives/Pressable/Pressable.js.map +0 -1
  178. package/build/primitives/Pressable/Pressable.module.css +0 -18
  179. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +0 -53
  180. package/build/primitives/Pressable/index.js +0 -19
  181. package/build/primitives/Pressable/index.js.map +0 -1
  182. package/build/primitives/Radio/Radio.js +0 -51
  183. package/build/primitives/Radio/Radio.js.map +0 -1
  184. package/build/primitives/Radio/Radio.module.css +0 -60
  185. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +0 -125
  186. package/build/primitives/Radio/index.js +0 -19
  187. package/build/primitives/Radio/index.js.map +0 -1
  188. package/build/primitives/ScrollView/ScrollView.js +0 -89
  189. package/build/primitives/ScrollView/ScrollView.js.map +0 -1
  190. package/build/primitives/ScrollView/ScrollView.module.css +0 -35
  191. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +0 -535
  192. package/build/primitives/ScrollView/index.js +0 -19
  193. package/build/primitives/ScrollView/index.js.map +0 -1
  194. package/build/primitives/Select/Select.js +0 -70
  195. package/build/primitives/Select/Select.js.map +0 -1
  196. package/build/primitives/Select/Select.module.css +0 -27
  197. package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap +0 -178
  198. package/build/primitives/Select/index.js +0 -19
  199. package/build/primitives/Select/index.js.map +0 -1
  200. package/build/primitives/Switch/Switch.js +0 -48
  201. package/build/primitives/Switch/Switch.js.map +0 -1
  202. package/build/primitives/Switch/Switch.module.css +0 -65
  203. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +0 -104
  204. package/build/primitives/Switch/index.js +0 -19
  205. package/build/primitives/Switch/index.js.map +0 -1
  206. package/build/primitives/Text/Text.js +0 -39
  207. package/build/primitives/Text/Text.js.map +0 -1
  208. package/build/primitives/Text/Text.module.css +0 -33
  209. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +0 -92
  210. package/build/primitives/Text/index.js +0 -19
  211. package/build/primitives/Text/index.js.map +0 -1
  212. package/build/primitives/View/View.js +0 -45
  213. package/build/primitives/View/View.js.map +0 -1
  214. package/build/primitives/View/View.module.css +0 -17
  215. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +0 -62
  216. package/build/primitives/View/index.js +0 -19
  217. package/build/primitives/View/index.js.map +0 -1
  218. package/build/primitives/index.js +0 -149
  219. package/build/primitives/index.js.map +0 -1
  220. package/build/theme/default.theme.css +0 -55
  221. package/build/theme/helpers/camelcase.js +0 -16
  222. package/build/theme/helpers/camelcase.js.map +0 -1
  223. package/build/theme/helpers/index.js +0 -19
  224. package/build/theme/helpers/index.js.map +0 -1
  225. package/build/theme/index.js +0 -19
  226. package/build/theme/index.js.map +0 -1
  227. package/build/theme/theme.js +0 -43
  228. package/build/theme/theme.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirai/ui",
3
- "version": "1.0.11",
3
+ "version": "1.0.12",
4
4
  "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
5
5
  "author": "JΛVI <hello@soyjavi.com>",
6
6
  "license": "MIT",
@@ -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"}