@mirai/ui 1.0.215 → 1.0.217

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 (49) hide show
  1. package/build/components/Action/Action.js +1 -1
  2. package/build/components/Action/Action.js.map +1 -1
  3. package/build/components/Action/Action.module.css +5 -5
  4. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +15 -15
  5. package/build/components/Button/Button.js +1 -1
  6. package/build/components/Button/Button.js.map +1 -1
  7. package/build/components/Button/Button.module.css +16 -10
  8. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +15 -15
  9. package/build/components/Calendar/Calendar.Week.js +1 -1
  10. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  11. package/build/components/Calendar/Calendar.js +1 -1
  12. package/build/components/Calendar/Calendar.js.map +1 -1
  13. package/build/components/Calendar/Calendar.module.css +7 -6
  14. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +2010 -2010
  15. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +1 -1
  16. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +7 -7
  17. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +24 -24
  18. package/build/components/InputPhone/InputPhone.js +2 -2
  19. package/build/components/InputPhone/InputPhone.js.map +1 -1
  20. package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +40 -40
  21. package/build/components/InputText/InputText.js +2 -2
  22. package/build/components/InputText/InputText.js.map +1 -1
  23. package/build/components/InputText/InputText.module.css +7 -3
  24. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +16 -16
  25. package/build/components/Menu/Menu.Option.js +1 -1
  26. package/build/components/Menu/Menu.Option.js.map +1 -1
  27. package/build/components/Menu/Menu.module.css +3 -3
  28. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +12 -12
  29. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +3 -3
  30. package/build/components/Notification/Notification.js +1 -1
  31. package/build/components/Notification/Notification.js.map +1 -1
  32. package/build/components/Notification/Notification.module.css +10 -7
  33. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +6 -6
  34. package/build/components/Table/Table.Row.js +1 -1
  35. package/build/components/Table/Table.Row.js.map +1 -1
  36. package/build/components/Table/Table.module.css +6 -2
  37. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +36 -36
  38. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +141 -39
  39. package/build/components/Tooltip/Tooltip.js +1 -1
  40. package/build/components/Tooltip/Tooltip.js.map +1 -1
  41. package/build/components/Tooltip/Tooltip.module.css +5 -5
  42. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +12 -12
  43. package/build/primitives/Checkbox/Checkbox.module.css +2 -1
  44. package/build/primitives/Layer/Layer.module.css +1 -4
  45. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +6 -6
  46. package/build/primitives/Radio/Radio.module.css +2 -2
  47. package/build/primitives/Select/Select.module.css +5 -1
  48. package/build/primitives/Switch/Switch.module.css +5 -1
  49. package/package.json +1 -1
@@ -43,7 +43,7 @@ var Action = function Action(_ref) {
43
43
  _onPress && _onPress(event);
44
44
  if (href && target) window.open(href, target);else if (href) window.location = href;
45
45
  },
46
- className: (0, _helpers.styles)(_ActionModule.default.action, bold && _ActionModule.default.bold, disabled && _ActionModule.default.disabled, inline && _ActionModule.default.inline, large && _ActionModule.default.large, small && _ActionModule.default.small, underline && _ActionModule.default.underline, wide && _ActionModule.default.wide, others.className)
46
+ className: (0, _helpers.styles)(_ActionModule.default.action, bold && _ActionModule.default.bold, disabled ? _ActionModule.default.disabled : _ActionModule.default.enabled, inline ? _ActionModule.default.inline : _ActionModule.default.outline, large && _ActionModule.default.large, small && _ActionModule.default.small, !large && !small && _ActionModule.default.default, underline && _ActionModule.default.underline, wide && _ActionModule.default.wide, others.className)
47
47
  }), children);
48
48
  };
49
49
  exports.Action = Action;
@@ -1 +1 @@
1
- {"version":3,"file":"Action.js","names":["Action","bold","children","disabled","href","inline","large","small","tag","target","underline","wide","onPress","others","React","createElement","Pressable","role","event","window","open","location","className","styles","style","action","displayName","propTypes","PropTypes","bool","oneOfType","string","node","onEnter","func","onLeave"],"sources":["../../../src/components/Action/Action.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable } from '../../primitives';\nimport style from './Action.module.css';\n\nconst Action = ({\n bold,\n children,\n disabled,\n href,\n inline,\n large,\n small,\n tag = 'button',\n target,\n underline,\n wide,\n onPress,\n ...others\n}) =>\n React.createElement(\n Pressable,\n {\n ...others,\n disabled,\n href,\n role: others.role || 'action',\n tag: href ? 'a' : tag,\n onPress: (event) => {\n onPress && onPress(event);\n if (href && target) window.open(href, target);\n else if (href) window.location = href;\n },\n className: styles(\n style.action,\n bold && style.bold,\n disabled && style.disabled,\n inline && style.inline,\n large && style.large,\n small && style.small,\n underline && style.underline,\n wide && style.wide,\n others.className,\n ),\n },\n children,\n );\n\nAction.displayName = 'Component:Action';\n\nAction.propTypes = {\n bold: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n disabled: PropTypes.bool,\n href: PropTypes.string,\n inline: PropTypes.bool,\n large: PropTypes.bool,\n small: PropTypes.bool,\n tag: PropTypes.string,\n target: PropTypes.string,\n underline: PropTypes.bool,\n wide: PropTypes.bool,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPress: PropTypes.func,\n};\n\nexport { Action };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,IACVC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IAAA,gBACLC,GAAG;IAAHA,GAAG,yBAAG,QAAQ;IACdC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACJC,QAAO,QAAPA,OAAO;IACJC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,qBAAS,kCAEJH,MAAM;IACTV,QAAQ,EAARA,QAAQ;IACRC,IAAI,EAAJA,IAAI;IACJa,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,QAAQ;IAC7BT,GAAG,EAAEJ,IAAI,GAAG,GAAG,GAAGI,GAAG;IACrBI,OAAO,EAAE,iBAACM,KAAK,EAAK;MAClBN,QAAO,IAAIA,QAAO,CAACM,KAAK,CAAC;MACzB,IAAId,IAAI,IAAIK,MAAM,EAAEU,MAAM,CAACC,IAAI,CAAChB,IAAI,EAAEK,MAAM,CAAC,CAAC,KACzC,IAAIL,IAAI,EAAEe,MAAM,CAACE,QAAQ,GAAGjB,IAAI;IACvC,CAAC;IACDkB,SAAS,EAAE,IAAAC,eAAM,EACfC,qBAAK,CAACC,MAAM,EACZxB,IAAI,IAAIuB,qBAAK,CAACvB,IAAI,EAClBE,QAAQ,IAAIqB,qBAAK,CAACrB,QAAQ,EAC1BE,MAAM,IAAImB,qBAAK,CAACnB,MAAM,EACtBC,KAAK,IAAIkB,qBAAK,CAAClB,KAAK,EACpBC,KAAK,IAAIiB,qBAAK,CAACjB,KAAK,EACpBG,SAAS,IAAIc,qBAAK,CAACd,SAAS,EAC5BC,IAAI,IAAIa,qBAAK,CAACb,IAAI,EAClBE,MAAM,CAACS,SAAS;EACjB,IAEHpB,QAAQ,CACT;AAAA;AAAC;AAEJF,MAAM,CAAC0B,WAAW,GAAG,kBAAkB;AAEvC1B,MAAM,CAAC2B,SAAS,GAAG;EACjB1B,IAAI,EAAE2B,kBAAS,CAACC,IAAI;EACpB3B,QAAQ,EAAE0B,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,IAAI,CAAC,CAAC;EACjE7B,QAAQ,EAAEyB,kBAAS,CAACC,IAAI;EACxBzB,IAAI,EAAEwB,kBAAS,CAACG,MAAM;EACtB1B,MAAM,EAAEuB,kBAAS,CAACC,IAAI;EACtBvB,KAAK,EAAEsB,kBAAS,CAACC,IAAI;EACrBtB,KAAK,EAAEqB,kBAAS,CAACC,IAAI;EACrBrB,GAAG,EAAEoB,kBAAS,CAACG,MAAM;EACrBtB,MAAM,EAAEmB,kBAAS,CAACG,MAAM;EACxBrB,SAAS,EAAEkB,kBAAS,CAACC,IAAI;EACzBlB,IAAI,EAAEiB,kBAAS,CAACC,IAAI;EACpBI,OAAO,EAAEL,kBAAS,CAACM,IAAI;EACvBC,OAAO,EAAEP,kBAAS,CAACM,IAAI;EACvBtB,OAAO,EAAEgB,kBAAS,CAACM;AACrB,CAAC"}
1
+ {"version":3,"file":"Action.js","names":["Action","bold","children","disabled","href","inline","large","small","tag","target","underline","wide","onPress","others","React","createElement","Pressable","role","event","window","open","location","className","styles","style","action","enabled","outline","default","displayName","propTypes","PropTypes","bool","oneOfType","string","node","onEnter","func","onLeave"],"sources":["../../../src/components/Action/Action.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable } from '../../primitives';\nimport style from './Action.module.css';\n\nconst Action = ({\n bold,\n children,\n disabled,\n href,\n inline,\n large,\n small,\n tag = 'button',\n target,\n underline,\n wide,\n onPress,\n ...others\n}) =>\n React.createElement(\n Pressable,\n {\n ...others,\n disabled,\n href,\n role: others.role || 'action',\n tag: href ? 'a' : tag,\n onPress: (event) => {\n onPress && onPress(event);\n if (href && target) window.open(href, target);\n else if (href) window.location = href;\n },\n className: styles(\n style.action,\n bold && style.bold,\n disabled ? style.disabled : style.enabled,\n inline ? style.inline : style.outline,\n large && style.large,\n small && style.small,\n !large && !small && style.default,\n underline && style.underline,\n wide && style.wide,\n others.className,\n ),\n },\n children,\n );\n\nAction.displayName = 'Component:Action';\n\nAction.propTypes = {\n bold: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n disabled: PropTypes.bool,\n href: PropTypes.string,\n inline: PropTypes.bool,\n large: PropTypes.bool,\n small: PropTypes.bool,\n tag: PropTypes.string,\n target: PropTypes.string,\n underline: PropTypes.bool,\n wide: PropTypes.bool,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPress: PropTypes.func,\n};\n\nexport { Action };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,IACVC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IAAA,gBACLC,GAAG;IAAHA,GAAG,yBAAG,QAAQ;IACdC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACJC,QAAO,QAAPA,OAAO;IACJC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,qBAAS,kCAEJH,MAAM;IACTV,QAAQ,EAARA,QAAQ;IACRC,IAAI,EAAJA,IAAI;IACJa,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,QAAQ;IAC7BT,GAAG,EAAEJ,IAAI,GAAG,GAAG,GAAGI,GAAG;IACrBI,OAAO,EAAE,iBAACM,KAAK,EAAK;MAClBN,QAAO,IAAIA,QAAO,CAACM,KAAK,CAAC;MACzB,IAAId,IAAI,IAAIK,MAAM,EAAEU,MAAM,CAACC,IAAI,CAAChB,IAAI,EAAEK,MAAM,CAAC,CAAC,KACzC,IAAIL,IAAI,EAAEe,MAAM,CAACE,QAAQ,GAAGjB,IAAI;IACvC,CAAC;IACDkB,SAAS,EAAE,IAAAC,eAAM,EACfC,qBAAK,CAACC,MAAM,EACZxB,IAAI,IAAIuB,qBAAK,CAACvB,IAAI,EAClBE,QAAQ,GAAGqB,qBAAK,CAACrB,QAAQ,GAAGqB,qBAAK,CAACE,OAAO,EACzCrB,MAAM,GAAGmB,qBAAK,CAACnB,MAAM,GAAGmB,qBAAK,CAACG,OAAO,EACrCrB,KAAK,IAAIkB,qBAAK,CAAClB,KAAK,EACpBC,KAAK,IAAIiB,qBAAK,CAACjB,KAAK,EACpB,CAACD,KAAK,IAAI,CAACC,KAAK,IAAIiB,qBAAK,CAACI,OAAO,EACjClB,SAAS,IAAIc,qBAAK,CAACd,SAAS,EAC5BC,IAAI,IAAIa,qBAAK,CAACb,IAAI,EAClBE,MAAM,CAACS,SAAS;EACjB,IAEHpB,QAAQ,CACT;AAAA;AAAC;AAEJF,MAAM,CAAC6B,WAAW,GAAG,kBAAkB;AAEvC7B,MAAM,CAAC8B,SAAS,GAAG;EACjB7B,IAAI,EAAE8B,kBAAS,CAACC,IAAI;EACpB9B,QAAQ,EAAE6B,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,IAAI,CAAC,CAAC;EACjEhC,QAAQ,EAAE4B,kBAAS,CAACC,IAAI;EACxB5B,IAAI,EAAE2B,kBAAS,CAACG,MAAM;EACtB7B,MAAM,EAAE0B,kBAAS,CAACC,IAAI;EACtB1B,KAAK,EAAEyB,kBAAS,CAACC,IAAI;EACrBzB,KAAK,EAAEwB,kBAAS,CAACC,IAAI;EACrBxB,GAAG,EAAEuB,kBAAS,CAACG,MAAM;EACrBzB,MAAM,EAAEsB,kBAAS,CAACG,MAAM;EACxBxB,SAAS,EAAEqB,kBAAS,CAACC,IAAI;EACzBrB,IAAI,EAAEoB,kBAAS,CAACC,IAAI;EACpBI,OAAO,EAAEL,kBAAS,CAACM,IAAI;EACvBC,OAAO,EAAEP,kBAAS,CAACM,IAAI;EACvBzB,OAAO,EAAEmB,kBAAS,CAACM;AACrB,CAAC"}
@@ -10,7 +10,7 @@
10
10
  width: fit-content;
11
11
  }
12
12
 
13
- .action:not(.disabled):hover {
13
+ .action.enabled:hover {
14
14
  color: var(--mirai-ui-content);
15
15
  }
16
16
 
@@ -24,11 +24,11 @@
24
24
  color: var(--mirai-ui-action-color-disabled);
25
25
  }
26
26
 
27
- .action:not(.disabled):active {
27
+ .action.enabled:active {
28
28
  color: var(--mirai-ui-action-color-active);
29
29
  }
30
30
 
31
- .action:not(.inline):not(.large):not(.small) {
31
+ .action.outline.default {
32
32
  padding: var(--mirai-ui-button-padding-y) 0;
33
33
  }
34
34
 
@@ -36,7 +36,7 @@
36
36
  font-size: var(--mirai-ui-font-size-paragraph);
37
37
  }
38
38
 
39
- .large:not(.inline) {
39
+ .large.outline {
40
40
  padding: var(--mirai-ui-button-padding-y) 0;
41
41
  }
42
42
 
@@ -44,7 +44,7 @@
44
44
  font-size: var(--mirai-ui-font-size-small);
45
45
  }
46
46
 
47
- .small:not(.inline) {
47
+ .small.outline {
48
48
  padding: var(--mirai-ui-button-padding-y) 0;
49
49
  }
50
50
 
@@ -3,7 +3,7 @@
3
3
  exports[`component:<Action> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
5
  <button
6
- class="pressable action mirai"
6
+ class="pressable action enabled outline default mirai"
7
7
  >
8
8
  children
9
9
  </button>
@@ -13,7 +13,7 @@ exports[`component:<Action> inherit:className 1`] = `
13
13
  exports[`component:<Action> prop:bold 1`] = `
14
14
  <DocumentFragment>
15
15
  <button
16
- class="pressable action bold"
16
+ class="pressable action bold enabled outline default"
17
17
  >
18
18
  children
19
19
  </button>
@@ -23,7 +23,7 @@ exports[`component:<Action> prop:bold 1`] = `
23
23
  exports[`component:<Action> prop:disabled 1`] = `
24
24
  <DocumentFragment>
25
25
  <button
26
- class="pressable disabled action disabled"
26
+ class="pressable disabled action disabled outline default"
27
27
  disabled=""
28
28
  >
29
29
  children
@@ -34,7 +34,7 @@ exports[`component:<Action> prop:disabled 1`] = `
34
34
  exports[`component:<Action> prop:href + prop:target 1`] = `
35
35
  <DocumentFragment>
36
36
  <a
37
- class="pressable action"
37
+ class="pressable action enabled outline default"
38
38
  href="soyjavi.com"
39
39
  >
40
40
  children
@@ -45,7 +45,7 @@ exports[`component:<Action> prop:href + prop:target 1`] = `
45
45
  exports[`component:<Action> prop:href 1`] = `
46
46
  <DocumentFragment>
47
47
  <a
48
- class="pressable action"
48
+ class="pressable action enabled outline default"
49
49
  href="soyjavi.com"
50
50
  >
51
51
  children
@@ -56,7 +56,7 @@ exports[`component:<Action> prop:href 1`] = `
56
56
  exports[`component:<Action> prop:inline & prop:large 1`] = `
57
57
  <DocumentFragment>
58
58
  <button
59
- class="pressable action inline large"
59
+ class="pressable action enabled inline large"
60
60
  >
61
61
  children
62
62
  </button>
@@ -66,7 +66,7 @@ exports[`component:<Action> prop:inline & prop:large 1`] = `
66
66
  exports[`component:<Action> prop:inline & prop:small 1`] = `
67
67
  <DocumentFragment>
68
68
  <button
69
- class="pressable action inline small"
69
+ class="pressable action enabled inline small"
70
70
  >
71
71
  children
72
72
  </button>
@@ -76,7 +76,7 @@ exports[`component:<Action> prop:inline & prop:small 1`] = `
76
76
  exports[`component:<Action> prop:inline default 1`] = `
77
77
  <DocumentFragment>
78
78
  <button
79
- class="pressable action inline"
79
+ class="pressable action enabled inline default"
80
80
  >
81
81
  children
82
82
  </button>
@@ -86,7 +86,7 @@ exports[`component:<Action> prop:inline default 1`] = `
86
86
  exports[`component:<Action> prop:large 1`] = `
87
87
  <DocumentFragment>
88
88
  <button
89
- class="pressable action large"
89
+ class="pressable action enabled outline large"
90
90
  >
91
91
  children
92
92
  </button>
@@ -96,7 +96,7 @@ exports[`component:<Action> prop:large 1`] = `
96
96
  exports[`component:<Action> prop:small 1`] = `
97
97
  <DocumentFragment>
98
98
  <button
99
- class="pressable action small"
99
+ class="pressable action enabled outline small"
100
100
  >
101
101
  children
102
102
  </button>
@@ -106,7 +106,7 @@ exports[`component:<Action> prop:small 1`] = `
106
106
  exports[`component:<Action> prop:tag 1`] = `
107
107
  <DocumentFragment>
108
108
  <a
109
- class="pressable action"
109
+ class="pressable action enabled outline default"
110
110
  >
111
111
  children
112
112
  </a>
@@ -116,7 +116,7 @@ exports[`component:<Action> prop:tag 1`] = `
116
116
  exports[`component:<Action> prop:underline 1`] = `
117
117
  <DocumentFragment>
118
118
  <button
119
- class="pressable action underline"
119
+ class="pressable action enabled outline default underline"
120
120
  >
121
121
  children
122
122
  </button>
@@ -126,7 +126,7 @@ exports[`component:<Action> prop:underline 1`] = `
126
126
  exports[`component:<Action> prop:wide 1`] = `
127
127
  <DocumentFragment>
128
128
  <button
129
- class="pressable action wide"
129
+ class="pressable action enabled outline default wide"
130
130
  >
131
131
  children
132
132
  </button>
@@ -136,7 +136,7 @@ exports[`component:<Action> prop:wide 1`] = `
136
136
  exports[`component:<Action> renders 1`] = `
137
137
  <DocumentFragment>
138
138
  <button
139
- class="pressable action"
139
+ class="pressable action enabled outline default"
140
140
  >
141
141
  children
142
142
  </button>
@@ -146,7 +146,7 @@ exports[`component:<Action> renders 1`] = `
146
146
  exports[`component:<Action> testId 1`] = `
147
147
  <DocumentFragment>
148
148
  <button
149
- class="pressable action"
149
+ class="pressable action enabled outline default"
150
150
  data-testid="mirai"
151
151
  >
152
152
  children
@@ -55,7 +55,7 @@ var Button = function Button(_ref) {
55
55
  role: others.role || 'button',
56
56
  tag: tag,
57
57
  onPress: onPress,
58
- className: (0, _helpers.styles)(_ButtonModule.default.button, busy && !disabled && _ButtonModule.default.busy, large && _ButtonModule.default.large, small && _ButtonModule.default.small, rounded && _ButtonModule.default.rounded, squared && _ButtonModule.default.squared, secondary && !transparent && !disabled && _ButtonModule.default.secondary, transparent && _ButtonModule.default.transparent, (disabled || busy) && _ButtonModule.default.disabled, wide && _ButtonModule.default.wide, others.className)
58
+ className: (0, _helpers.styles)(_ButtonModule.default.button, busy && !disabled ? _ButtonModule.default.busy : _ButtonModule.default.active, large && _ButtonModule.default.large, small && _ButtonModule.default.small, rounded && _ButtonModule.default.rounded, squared && _ButtonModule.default.squared, !rounded && !squared && _ButtonModule.default.default, secondary && !transparent && !disabled ? _ButtonModule.default.secondary : _ButtonModule.default.primary, transparent ? _ButtonModule.default.transparent : _ButtonModule.default.solid, disabled || busy ? _ButtonModule.default.disabled : _ButtonModule.default.enabled, wide && _ButtonModule.default.wide, others.className)
59
59
  }), busy === undefined ? children : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.View, {
60
60
  className: (0, _helpers.styles)(_ButtonModule.default.busyContainer, busy && _ButtonModule.default.active)
61
61
  }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["Button","busy","children","disabled","large","rounded","secondary","small","squared","tag","transparent","tooltip","wide","onPress","inherit","fixed","left","right","top","others","React","createElement","Tooltip","Fragment","text","undefined","Pressable","role","className","styles","style","button","busyContainer","active","spinner","displayName","propTypes","PropTypes","bool","oneOfType","string","node","onEnter","func","onLeave"],"sources":["../../../src/components/Button/Button.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable, View } from '../../primitives';\nimport { Tooltip } from '../Tooltip';\nimport style from './Button.module.css';\n\nconst Button = ({\n busy,\n children,\n disabled,\n large,\n rounded,\n secondary,\n small,\n squared = false,\n tag = 'button',\n transparent = false,\n tooltip,\n wide,\n onPress,\n ...inherit\n}) => {\n const { fixed, left, right, top, ...others } = inherit;\n\n return React.createElement(\n tooltip ? Tooltip : React.Fragment,\n tooltip ? { fixed, left, right, text: tooltip, top } : undefined,\n React.createElement(\n Pressable,\n {\n ...others,\n disabled: disabled || busy,\n role: others.role || 'button',\n tag,\n onPress,\n className: styles(\n style.button,\n busy && !disabled && style.busy,\n large && style.large,\n small && style.small,\n rounded && style.rounded,\n squared && style.squared,\n secondary && !transparent && !disabled && style.secondary,\n transparent && style.transparent,\n (disabled || busy) && style.disabled,\n wide && style.wide,\n others.className,\n ),\n },\n busy === undefined ? (\n children\n ) : (\n <>\n <View className={styles(style.busyContainer, busy && style.active)}>\n <View className={style.spinner} />\n </View>\n <View row className={style.children}>\n {children}\n </View>\n </>\n ),\n ),\n );\n};\n\nButton.displayName = 'Component:Button';\nButton.propTypes = {\n busy: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n disabled: PropTypes.bool,\n large: PropTypes.bool,\n rounded: PropTypes.bool,\n secondary: PropTypes.bool,\n small: PropTypes.bool,\n squared: PropTypes.bool,\n tag: PropTypes.string,\n tooltip: PropTypes.string,\n transparent: PropTypes.bool,\n wide: PropTypes.bool,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPress: PropTypes.func,\n};\n\nexport { Button };\n"],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","names":["Button","busy","children","disabled","large","rounded","secondary","small","squared","tag","transparent","tooltip","wide","onPress","inherit","fixed","left","right","top","others","React","createElement","Tooltip","Fragment","text","undefined","Pressable","role","className","styles","style","button","active","default","primary","solid","enabled","busyContainer","spinner","displayName","propTypes","PropTypes","bool","oneOfType","string","node","onEnter","func","onLeave"],"sources":["../../../src/components/Button/Button.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable, View } from '../../primitives';\nimport { Tooltip } from '../Tooltip';\nimport style from './Button.module.css';\n\nconst Button = ({\n busy,\n children,\n disabled,\n large,\n rounded,\n secondary,\n small,\n squared = false,\n tag = 'button',\n transparent = false,\n tooltip,\n wide,\n onPress,\n ...inherit\n}) => {\n const { fixed, left, right, top, ...others } = inherit;\n\n return React.createElement(\n tooltip ? Tooltip : React.Fragment,\n tooltip ? { fixed, left, right, text: tooltip, top } : undefined,\n React.createElement(\n Pressable,\n {\n ...others,\n disabled: disabled || busy,\n role: others.role || 'button',\n tag,\n onPress,\n className: styles(\n style.button,\n busy && !disabled ? style.busy : style.active,\n large && style.large,\n small && style.small,\n rounded && style.rounded,\n squared && style.squared,\n !rounded && !squared && style.default,\n secondary && !transparent && !disabled ? style.secondary : style.primary,\n transparent ? style.transparent : style.solid,\n disabled || busy ? style.disabled : style.enabled,\n wide && style.wide,\n others.className,\n ),\n },\n busy === undefined ? (\n children\n ) : (\n <>\n <View className={styles(style.busyContainer, busy && style.active)}>\n <View className={style.spinner} />\n </View>\n <View row className={style.children}>\n {children}\n </View>\n </>\n ),\n ),\n );\n};\n\nButton.displayName = 'Component:Button';\nButton.propTypes = {\n busy: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n disabled: PropTypes.bool,\n large: PropTypes.bool,\n rounded: PropTypes.bool,\n secondary: PropTypes.bool,\n small: PropTypes.bool,\n squared: PropTypes.bool,\n tag: PropTypes.string,\n tooltip: PropTypes.string,\n transparent: PropTypes.bool,\n wide: PropTypes.bool,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPress: PropTypes.func,\n};\n\nexport { Button };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAwC;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,MAAM,GAAG,SAATA,MAAM,OAeN;EAAA,IAdJC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IAAA,oBACLC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAA,gBACfC,GAAG;IAAHA,GAAG,yBAAG,QAAQ;IAAA,wBACdC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IACnBC,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IACJC,OAAO;EAEV,IAAQC,KAAK,GAAkCD,OAAO,CAA9CC,KAAK;IAAEC,IAAI,GAA4BF,OAAO,CAAvCE,IAAI;IAAEC,KAAK,GAAqBH,OAAO,CAAjCG,KAAK;IAAEC,GAAG,GAAgBJ,OAAO,CAA1BI,GAAG;IAAKC,MAAM,4BAAKL,OAAO;EAEtD,oBAAOM,cAAK,CAACC,aAAa,CACxBV,OAAO,GAAGW,gBAAO,GAAGF,cAAK,CAACG,QAAQ,EAClCZ,OAAO,GAAG;IAAEI,KAAK,EAALA,KAAK;IAAEC,IAAI,EAAJA,IAAI;IAAEC,KAAK,EAALA,KAAK;IAAEO,IAAI,EAAEb,OAAO;IAAEO,GAAG,EAAHA;EAAI,CAAC,GAAGO,SAAS,eAChEL,cAAK,CAACC,aAAa,CACjBK,qBAAS,kCAEJP,MAAM;IACThB,QAAQ,EAAEA,QAAQ,IAAIF,IAAI;IAC1B0B,IAAI,EAAER,MAAM,CAACQ,IAAI,IAAI,QAAQ;IAC7BlB,GAAG,EAAHA,GAAG;IACHI,OAAO,EAAPA,OAAO;IACPe,SAAS,EAAE,IAAAC,eAAM,EACfC,qBAAK,CAACC,MAAM,EACZ9B,IAAI,IAAI,CAACE,QAAQ,GAAG2B,qBAAK,CAAC7B,IAAI,GAAG6B,qBAAK,CAACE,MAAM,EAC7C5B,KAAK,IAAI0B,qBAAK,CAAC1B,KAAK,EACpBG,KAAK,IAAIuB,qBAAK,CAACvB,KAAK,EACpBF,OAAO,IAAIyB,qBAAK,CAACzB,OAAO,EACxBG,OAAO,IAAIsB,qBAAK,CAACtB,OAAO,EACxB,CAACH,OAAO,IAAI,CAACG,OAAO,IAAIsB,qBAAK,CAACG,OAAO,EACrC3B,SAAS,IAAI,CAACI,WAAW,IAAI,CAACP,QAAQ,GAAG2B,qBAAK,CAACxB,SAAS,GAAGwB,qBAAK,CAACI,OAAO,EACxExB,WAAW,GAAGoB,qBAAK,CAACpB,WAAW,GAAGoB,qBAAK,CAACK,KAAK,EAC7ChC,QAAQ,IAAIF,IAAI,GAAG6B,qBAAK,CAAC3B,QAAQ,GAAG2B,qBAAK,CAACM,OAAO,EACjDxB,IAAI,IAAIkB,qBAAK,CAAClB,IAAI,EAClBO,MAAM,CAACS,SAAS;EACjB,IAEH3B,IAAI,KAAKwB,SAAS,GAChBvB,QAAQ,gBAER,yEACE,6BAAC,gBAAI;IAAC,SAAS,EAAE,IAAA2B,eAAM,EAACC,qBAAK,CAACO,aAAa,EAAEpC,IAAI,IAAI6B,qBAAK,CAACE,MAAM;EAAE,gBACjE,6BAAC,gBAAI;IAAC,SAAS,EAAEF,qBAAK,CAACQ;EAAQ,EAAG,CAC7B,eACP,6BAAC,gBAAI;IAAC,GAAG;IAAC,SAAS,EAAER,qBAAK,CAAC5B;EAAS,GACjCA,QAAQ,CACJ,CAEV,CACF,CACF;AACH,CAAC;AAAC;AAEFF,MAAM,CAACuC,WAAW,GAAG,kBAAkB;AACvCvC,MAAM,CAACwC,SAAS,GAAG;EACjBvC,IAAI,EAAEwC,kBAAS,CAACC,IAAI;EACpBxC,QAAQ,EAAEuC,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,IAAI,CAAC,CAAC;EACjE1C,QAAQ,EAAEsC,kBAAS,CAACC,IAAI;EACxBtC,KAAK,EAAEqC,kBAAS,CAACC,IAAI;EACrBrC,OAAO,EAAEoC,kBAAS,CAACC,IAAI;EACvBpC,SAAS,EAAEmC,kBAAS,CAACC,IAAI;EACzBnC,KAAK,EAAEkC,kBAAS,CAACC,IAAI;EACrBlC,OAAO,EAAEiC,kBAAS,CAACC,IAAI;EACvBjC,GAAG,EAAEgC,kBAAS,CAACG,MAAM;EACrBjC,OAAO,EAAE8B,kBAAS,CAACG,MAAM;EACzBlC,WAAW,EAAE+B,kBAAS,CAACC,IAAI;EAC3B9B,IAAI,EAAE6B,kBAAS,CAACC,IAAI;EACpBI,OAAO,EAAEL,kBAAS,CAACM,IAAI;EACvBC,OAAO,EAAEP,kBAAS,CAACM,IAAI;EACvBlC,OAAO,EAAE4B,kBAAS,CAACM;AACrB,CAAC"}
@@ -13,26 +13,26 @@ button.button {
13
13
  width: fit-content;
14
14
  }
15
15
 
16
- button.button:disabled:not(.busy) {
16
+ button.button:disabled.active {
17
17
  background-color: var(--mirai-ui-button-disabled-background);
18
18
  color: var(--mirai-ui-button-disabled-color);
19
19
  }
20
20
 
21
- button.button:not(.transparent):not(:disabled):hover {
21
+ button.button.solid.enabled:hover {
22
22
  color: var(--mirai-ui-button-color);
23
23
  }
24
24
 
25
- button.button:not(.secondary):not(:disabled):active {
25
+ button.button.primary.enabled:active {
26
26
  box-shadow: inset 0 0 var(--mirai-ui-space-XL) var(--mirai-ui-space-XL) var(--mirai-ui-button-color-active);
27
27
  }
28
28
 
29
- button.button.secondary:not(:disabled):active {
29
+ button.button.secondary.enabled:active {
30
30
  background-color: var(--mirai-ui-button-color-hover);
31
31
  box-shadow: none;
32
32
  color: var(--mirai-ui-button-color);
33
33
  }
34
34
 
35
- button.large:not(.squared) {
35
+ button.large.default {
36
36
  font-size: var(--mirai-ui-font-size-paragraph);
37
37
  padding: var(--mirai-ui-button-padding-y)
38
38
  calc(var(--mirai-ui-button-padding-x) + calc(var(--mirai-ui-button-padding-y) / 2));
@@ -44,7 +44,7 @@ button.secondary {
44
44
  color: var(--mirai-ui-button-background);
45
45
  }
46
46
 
47
- button.secondary.disabled:not(.busy) {
47
+ button.secondary.disabled.active {
48
48
  box-shadow: none;
49
49
  }
50
50
 
@@ -61,7 +61,7 @@ button.rounded {
61
61
  border-radius: var(--mirai-ui-space-XXL);
62
62
  }
63
63
 
64
- button.small:not(.squared) {
64
+ button.small.default {
65
65
  font-size: var(--mirai-ui-font-size-small);
66
66
  padding: var(--mirai-ui-button-padding-y) calc(var(--mirai-ui-button-padding-x) / 2);
67
67
  }
@@ -98,12 +98,18 @@ button.button.busy .spinner {
98
98
  transform: translateY(0%);
99
99
  }
100
100
 
101
- .button:not(:disabled).secondary:hover:not(:active) {
101
+ .button.enabled.secondary.solid:hover {
102
102
  box-shadow: inset 0 0 0 var(--mirai-ui-border-width) var(--mirai-ui-button-color-hover);
103
103
  color: var(--mirai-ui-button-color-hover);
104
104
  }
105
105
 
106
- .button:not(:disabled):not(.secondary):not(.transparent):hover {
106
+ .button.enabled.secondary:hover:active {
107
+ background-color: var(--mirai-ui-button-color-hover);
108
+ box-shadow: none;
109
+ color: var(--mirai-ui-button-color);
110
+ }
111
+
112
+ .button.enabled.primary.solid:hover {
107
113
  background-color: var(--mirai-ui-button-color-hover);
108
114
  }
109
115
 
@@ -131,7 +137,7 @@ button.button.busy .spinner {
131
137
  transition: opacity var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
132
138
  }
133
139
 
134
- .secondary:not(:disabled) .busyContainer:before {
140
+ .secondary.enabled .busyContainer:before {
135
141
  background-color: var(--mirai-ui-button-background);
136
142
  }
137
143
 
@@ -3,7 +3,7 @@
3
3
  exports[`component:<Button> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
5
  <button
6
- class="pressable button mirai"
6
+ class="pressable button active default primary solid enabled mirai"
7
7
  >
8
8
  children
9
9
  </button>
@@ -13,7 +13,7 @@ exports[`component:<Button> inherit:className 1`] = `
13
13
  exports[`component:<Button> prop:busy 1`] = `
14
14
  <DocumentFragment>
15
15
  <button
16
- class="pressable disabled button busy disabled"
16
+ class="pressable disabled button busy default primary solid disabled"
17
17
  disabled=""
18
18
  >
19
19
  <div
@@ -35,7 +35,7 @@ exports[`component:<Button> prop:busy 1`] = `
35
35
  exports[`component:<Button> prop:disabled 1`] = `
36
36
  <DocumentFragment>
37
37
  <button
38
- class="pressable disabled button disabled"
38
+ class="pressable disabled button active default primary solid disabled"
39
39
  disabled=""
40
40
  >
41
41
  children
@@ -46,7 +46,7 @@ exports[`component:<Button> prop:disabled 1`] = `
46
46
  exports[`component:<Button> prop:large 1`] = `
47
47
  <DocumentFragment>
48
48
  <button
49
- class="pressable button large"
49
+ class="pressable button active large default primary solid enabled"
50
50
  >
51
51
  children
52
52
  </button>
@@ -56,7 +56,7 @@ exports[`component:<Button> prop:large 1`] = `
56
56
  exports[`component:<Button> prop:secondary && prop:busy 1`] = `
57
57
  <DocumentFragment>
58
58
  <button
59
- class="pressable disabled button busy secondary disabled"
59
+ class="pressable disabled button busy default secondary solid disabled"
60
60
  disabled=""
61
61
  >
62
62
  <div
@@ -78,7 +78,7 @@ exports[`component:<Button> prop:secondary && prop:busy 1`] = `
78
78
  exports[`component:<Button> prop:secondary && prop:busy 2`] = `
79
79
  <DocumentFragment>
80
80
  <button
81
- class="pressable disabled button busy transparent disabled"
81
+ class="pressable disabled button busy default primary transparent disabled"
82
82
  disabled=""
83
83
  >
84
84
  <div
@@ -100,7 +100,7 @@ exports[`component:<Button> prop:secondary && prop:busy 2`] = `
100
100
  exports[`component:<Button> prop:secondary 1`] = `
101
101
  <DocumentFragment>
102
102
  <button
103
- class="pressable button secondary"
103
+ class="pressable button active default secondary solid enabled"
104
104
  >
105
105
  children
106
106
  </button>
@@ -110,7 +110,7 @@ exports[`component:<Button> prop:secondary 1`] = `
110
110
  exports[`component:<Button> prop:small 1`] = `
111
111
  <DocumentFragment>
112
112
  <button
113
- class="pressable button small"
113
+ class="pressable button active small default primary solid enabled"
114
114
  >
115
115
  children
116
116
  </button>
@@ -120,7 +120,7 @@ exports[`component:<Button> prop:small 1`] = `
120
120
  exports[`component:<Button> prop:squared 1`] = `
121
121
  <DocumentFragment>
122
122
  <button
123
- class="pressable button squared"
123
+ class="pressable button active squared primary solid enabled"
124
124
  >
125
125
  children
126
126
  </button>
@@ -130,7 +130,7 @@ exports[`component:<Button> prop:squared 1`] = `
130
130
  exports[`component:<Button> prop:tag 1`] = `
131
131
  <DocumentFragment>
132
132
  <a
133
- class="pressable button"
133
+ class="pressable button active default primary solid enabled"
134
134
  >
135
135
  children
136
136
  </a>
@@ -141,7 +141,7 @@ exports[`component:<Button> prop:tooltip 1`] = `
141
141
  <DocumentFragment>
142
142
  <span>
143
143
  <button
144
- class="pressable dispatcher button"
144
+ class="pressable dispatcher button active default primary solid enabled"
145
145
  >
146
146
  children
147
147
  </button>
@@ -152,7 +152,7 @@ exports[`component:<Button> prop:tooltip 1`] = `
152
152
  exports[`component:<Button> prop:transparent 1`] = `
153
153
  <DocumentFragment>
154
154
  <button
155
- class="pressable button transparent"
155
+ class="pressable button active default primary transparent enabled"
156
156
  >
157
157
  children
158
158
  </button>
@@ -162,7 +162,7 @@ exports[`component:<Button> prop:transparent 1`] = `
162
162
  exports[`component:<Button> prop:wide 1`] = `
163
163
  <DocumentFragment>
164
164
  <button
165
- class="pressable button wide"
165
+ class="pressable button active default primary solid enabled wide"
166
166
  >
167
167
  children
168
168
  </button>
@@ -172,7 +172,7 @@ exports[`component:<Button> prop:wide 1`] = `
172
172
  exports[`component:<Button> renders 1`] = `
173
173
  <DocumentFragment>
174
174
  <button
175
- class="pressable button"
175
+ class="pressable button active default primary solid enabled"
176
176
  >
177
177
  children
178
178
  </button>
@@ -182,7 +182,7 @@ exports[`component:<Button> renders 1`] = `
182
182
  exports[`component:<Button> testId 1`] = `
183
183
  <DocumentFragment>
184
184
  <button
185
- class="pressable button"
185
+ class="pressable button active default primary solid enabled"
186
186
  data-testid="mirai"
187
187
  >
188
188
  children
@@ -135,7 +135,7 @@ var Week = function Week(_ref) {
135
135
  top: true,
136
136
  visible: true
137
137
  }, tooltip) : {}, /*#__PURE__*/_react.default.createElement(_primitives.View, {
138
- 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)
138
+ 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 : _CalendarModule.default.notDaySelected, 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)
139
139
  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
140
140
  bold: is.today || is.highlight || is.selected && !is.range,
141
141
  className: textStyle
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.Week.js","names":["Week","captions","disabledDates","disabledPast","focus","locale","format","from","highlights","month","number","range","rangeMinDays","selected","timestamp","to","tooltips","year","onPress","onFocus","others","disabledDatesTS","map","date","UTC","parseDate","getTime","firstDate","getFirstDateOfWeek","getFirstDayOfWeek","todayTS","getToday","fromTS","toTS","focusTS","rangeTS","start","end","undefined","min","dateCalc","filter","ts","sort","outbound","styles","style","DAYS","day","Date","getFullYear","getMonth","getDate","dateTS","dateString","dateFormat","is","disabled","includes","highlight","outOfRange","minRange","rangeLimit","ranging","today","visible","textStyle","textDisabled","textSelected","textHighlight","tooltip","cell","testId","React","createElement","Tooltip","Fragment","pressable","top","dayRange","daySelected","daySelectedStart","daySelectedEnd","dayTouchable","caption","hide","color","displayName","propTypes","PropTypes","shape","arrayOf","string","bool","object","instanceOf","isRequired","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.Week.jsx"],"sourcesContent":["import { dateCalc, dateFormat, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { Fragment } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable, Text, View } from '../../primitives';\nimport { Tooltip } from '../Tooltip';\nimport { DAYS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { getFirstDateOfWeek, getToday, getFirstDayOfWeek } from './helpers';\n\nexport const Week = ({\n captions,\n disabledDates = [],\n disabledPast,\n focus,\n locale,\n format,\n from,\n highlights = [],\n month,\n number,\n range,\n rangeMinDays,\n selected,\n timestamp,\n to,\n tooltips = {},\n year,\n onPress = () => {},\n onFocus = () => {},\n ...others\n}) => {\n const disabledDatesTS = disabledDates.map((date) => UTC(parseDate(date, format)).getTime());\n const firstDate = getFirstDateOfWeek(number, year, getFirstDayOfWeek(locale));\n const todayTS = getToday().getTime();\n const fromTS = from?.getTime();\n const toTS = to?.getTime();\n const focusTS = focus?.getTime();\n\n let rangeTS = {};\n if (range) {\n const [start, end] = selected;\n rangeTS = {\n start: start ? start.getTime() : undefined,\n end: end ? end.getTime() : undefined,\n min: start && rangeMinDays ? dateCalc(start, rangeMinDays, 'days').getTime() : undefined,\n };\n\n const [outbound] = disabledDatesTS.filter((ts) => ts > rangeTS.start).sort();\n rangeTS.outbound = outbound ? outbound - 1 : undefined;\n }\n\n return (\n <View forceRow className={styles(rangeTS.start !== undefined && range && style.range)}>\n {DAYS.map((day) => {\n const date = UTC(new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate() + day));\n const dateTS = date.getTime();\n const dateString = dateFormat(date, { format });\n\n const is = {\n disabled:\n (disabledPast && dateTS < todayTS) || // past\n !date.getMonth() === month || // days out of month\n disabledDatesTS.includes(dateTS) || // disabled dates\n dateTS < fromTS || // less than range\n dateTS > toTS, // more than range\n highlight: highlights.includes(dateString),\n outOfRange: dateTS > rangeTS.outbound,\n minRange: dateTS > rangeTS.start && dateTS < rangeTS.min,\n range: dateTS > rangeTS.start && (dateTS < rangeTS.end || dateTS < rangeTS.min || dateTS < focusTS),\n rangeLimit: dateTS === rangeTS.start || dateTS === rangeTS.end,\n ranging: range && selected?.[0] && !selected[1],\n selected:\n range && selected\n ? selected[0] && !selected[1]\n ? dateTS === selected[0].getTime()\n : selected[0] && selected[1]\n ? dateTS >= selected[0].getTime() && dateTS <= selected[1].getTime()\n : undefined\n : dateTS === selected?.getTime(),\n today: dateTS === todayTS,\n visible: date.getMonth() === month,\n };\n\n const textStyle =\n is.disabled || (is.ranging && is.outOfRange)\n ? style.textDisabled\n : is.selected || dateTS === rangeTS.end\n ? style.textSelected\n : is.highlight && !is.range\n ? style.textHighlight\n : undefined;\n\n const tooltip = !is.disabled && tooltips[dateString];\n\n return (\n <Pressable\n disabled={is.disabled || !is.visible || (is.ranging && (is.minRange || is.outOfRange))}\n key={day}\n tabIndex={is.visible && !is.disabled ? `${date.getMonth()}-${date.getDate()}` : undefined}\n onEnter={is.ranging ? () => onFocus(date) : undefined}\n onLeave={is.ranging ? () => onFocus() : undefined}\n onPress={() => onPress(date)}\n className={style.cell}\n testId={`${others.testId || 'calendar'}-${number}-${day}`}\n >\n {is.visible &&\n React.createElement(\n tooltip ? Tooltip : Fragment,\n tooltip ? { pressable: true, timestamp, top: true, visible: true, ...tooltip } : {},\n <View\n className={styles(\n style.day,\n is.range && !is.disabled && !is.outOfRange && style.dayRange,\n (is.rangeLimit || (!is.range && is.selected)) && style.daySelected,\n is.rangeLimit && dateTS === rangeTS.start && style.daySelectedStart,\n is.rangeLimit && dateTS === rangeTS.end && style.daySelectedEnd,\n !is.selected && !is.disabled && !is.minRange && !is.outOfRange && style.dayTouchable,\n )}\n >\n <Text bold={is.today || is.highlight || (is.selected && !is.range)} className={textStyle}>\n {date.getDate()}\n </Text>\n\n {captions && (\n <Text\n tiny\n className={styles(\n textStyle,\n style.caption,\n disabledPast && dateTS < todayTS && style.hide,\n !is.disabled && !is.highlight && !is.selected && !is.rangeLimit && !is.range && style.color,\n )}\n >\n {captions[dateString] || '-'}\n </Text>\n )}\n </View>,\n )}\n </Pressable>\n );\n })}\n </View>\n );\n};\n\nWeek.displayName = 'Component:Calendar:Week';\n\nWeek.propTypes = {\n captions: PropTypes.shape({}),\n disabledDates: PropTypes.arrayOf(PropTypes.string),\n disabledPast: PropTypes.bool,\n focus: PropTypes.object,\n highlights: PropTypes.arrayOf(PropTypes.string),\n locale: PropTypes.string,\n format: PropTypes.string,\n from: PropTypes.instanceOf(Date),\n to: PropTypes.instanceOf(Date),\n tooltips: PropTypes.shape({}),\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 timestamp: PropTypes.number,\n onFocus: PropTypes.func,\n onPress: PropTypes.func,\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"Calendar.Week.js","names":["Week","captions","disabledDates","disabledPast","focus","locale","format","from","highlights","month","number","range","rangeMinDays","selected","timestamp","to","tooltips","year","onPress","onFocus","others","disabledDatesTS","map","date","UTC","parseDate","getTime","firstDate","getFirstDateOfWeek","getFirstDayOfWeek","todayTS","getToday","fromTS","toTS","focusTS","rangeTS","start","end","undefined","min","dateCalc","filter","ts","sort","outbound","styles","style","DAYS","day","Date","getFullYear","getMonth","getDate","dateTS","dateString","dateFormat","is","disabled","includes","highlight","outOfRange","minRange","rangeLimit","ranging","today","visible","textStyle","textDisabled","textSelected","textHighlight","tooltip","cell","testId","React","createElement","Tooltip","Fragment","pressable","top","dayRange","daySelected","notDaySelected","daySelectedStart","daySelectedEnd","dayTouchable","caption","hide","color","displayName","propTypes","PropTypes","shape","arrayOf","string","bool","object","instanceOf","isRequired","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.Week.jsx"],"sourcesContent":["import { dateCalc, dateFormat, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { Fragment } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable, Text, View } from '../../primitives';\nimport { Tooltip } from '../Tooltip';\nimport { DAYS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { getFirstDateOfWeek, getToday, getFirstDayOfWeek } from './helpers';\n\nexport const Week = ({\n captions,\n disabledDates = [],\n disabledPast,\n focus,\n locale,\n format,\n from,\n highlights = [],\n month,\n number,\n range,\n rangeMinDays,\n selected,\n timestamp,\n to,\n tooltips = {},\n year,\n onPress = () => {},\n onFocus = () => {},\n ...others\n}) => {\n const disabledDatesTS = disabledDates.map((date) => UTC(parseDate(date, format)).getTime());\n const firstDate = getFirstDateOfWeek(number, year, getFirstDayOfWeek(locale));\n const todayTS = getToday().getTime();\n const fromTS = from?.getTime();\n const toTS = to?.getTime();\n const focusTS = focus?.getTime();\n\n let rangeTS = {};\n if (range) {\n const [start, end] = selected;\n rangeTS = {\n start: start ? start.getTime() : undefined,\n end: end ? end.getTime() : undefined,\n min: start && rangeMinDays ? dateCalc(start, rangeMinDays, 'days').getTime() : undefined,\n };\n\n const [outbound] = disabledDatesTS.filter((ts) => ts > rangeTS.start).sort();\n rangeTS.outbound = outbound ? outbound - 1 : undefined;\n }\n\n return (\n <View forceRow className={styles(rangeTS.start !== undefined && range && style.range)}>\n {DAYS.map((day) => {\n const date = UTC(new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate() + day));\n const dateTS = date.getTime();\n const dateString = dateFormat(date, { format });\n\n const is = {\n disabled:\n (disabledPast && dateTS < todayTS) || // past\n !date.getMonth() === month || // days out of month\n disabledDatesTS.includes(dateTS) || // disabled dates\n dateTS < fromTS || // less than range\n dateTS > toTS, // more than range\n highlight: highlights.includes(dateString),\n outOfRange: dateTS > rangeTS.outbound,\n minRange: dateTS > rangeTS.start && dateTS < rangeTS.min,\n range: dateTS > rangeTS.start && (dateTS < rangeTS.end || dateTS < rangeTS.min || dateTS < focusTS),\n rangeLimit: dateTS === rangeTS.start || dateTS === rangeTS.end,\n ranging: range && selected?.[0] && !selected[1],\n selected:\n range && selected\n ? selected[0] && !selected[1]\n ? dateTS === selected[0].getTime()\n : selected[0] && selected[1]\n ? dateTS >= selected[0].getTime() && dateTS <= selected[1].getTime()\n : undefined\n : dateTS === selected?.getTime(),\n today: dateTS === todayTS,\n visible: date.getMonth() === month,\n };\n\n const textStyle =\n is.disabled || (is.ranging && is.outOfRange)\n ? style.textDisabled\n : is.selected || dateTS === rangeTS.end\n ? style.textSelected\n : is.highlight && !is.range\n ? style.textHighlight\n : undefined;\n\n const tooltip = !is.disabled && tooltips[dateString];\n\n return (\n <Pressable\n disabled={is.disabled || !is.visible || (is.ranging && (is.minRange || is.outOfRange))}\n key={day}\n tabIndex={is.visible && !is.disabled ? `${date.getMonth()}-${date.getDate()}` : undefined}\n onEnter={is.ranging ? () => onFocus(date) : undefined}\n onLeave={is.ranging ? () => onFocus() : undefined}\n onPress={() => onPress(date)}\n className={style.cell}\n testId={`${others.testId || 'calendar'}-${number}-${day}`}\n >\n {is.visible &&\n React.createElement(\n tooltip ? Tooltip : Fragment,\n tooltip ? { pressable: true, timestamp, top: true, visible: true, ...tooltip } : {},\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 : style.notDaySelected,\n is.rangeLimit && dateTS === rangeTS.start && style.daySelectedStart,\n is.rangeLimit && dateTS === rangeTS.end && style.daySelectedEnd,\n !is.selected && !is.disabled && !is.minRange && !is.outOfRange && style.dayTouchable,\n )}\n >\n <Text bold={is.today || is.highlight || (is.selected && !is.range)} className={textStyle}>\n {date.getDate()}\n </Text>\n\n {captions && (\n <Text\n tiny\n className={styles(\n textStyle,\n style.caption,\n disabledPast && dateTS < todayTS && style.hide,\n !is.disabled && !is.highlight && !is.selected && !is.rangeLimit && !is.range && style.color,\n )}\n >\n {captions[dateString] || '-'}\n </Text>\n )}\n </View>,\n )}\n </Pressable>\n );\n })}\n </View>\n );\n};\n\nWeek.displayName = 'Component:Calendar:Week';\n\nWeek.propTypes = {\n captions: PropTypes.shape({}),\n disabledDates: PropTypes.arrayOf(PropTypes.string),\n disabledPast: PropTypes.bool,\n focus: PropTypes.object,\n highlights: PropTypes.arrayOf(PropTypes.string),\n locale: PropTypes.string,\n format: PropTypes.string,\n from: PropTypes.instanceOf(Date),\n to: PropTypes.instanceOf(Date),\n tooltips: PropTypes.shape({}),\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 timestamp: PropTypes.number,\n onFocus: PropTypes.func,\n onPress: PropTypes.func,\n};\n"],"mappings":"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"}
@@ -190,7 +190,7 @@ var Calendar = function Calendar(_ref) {
190
190
  });
191
191
  if (vertical && to) months = (0, _locale.dateDiff)(today, (0, _locale.parseDate)(to, format)).months + 1;
192
192
  return /*#__PURE__*/_react.default.createElement(_primitives.View, {
193
- className: (0, _helpers.styles)(_CalendarModule.default.container, vertical && _CalendarModule.default.vertical, className),
193
+ className: (0, _helpers.styles)(_CalendarModule.default.container, vertical ? _CalendarModule.default.vertical : _CalendarModule.default.horizontal, className),
194
194
  testId: testId
195
195
  }, vertical && /*#__PURE__*/_react.default.createElement(_Calendar2.Weekdays, {
196
196
  locale: locale,