@mirai/ui 1.1.16 → 2.0.1

package/build/components/Action/Action.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _ActionModule = _interopRequireDefault(require("./Action.module.css"));
-var _excluded = ["bold", "children", "disabled", "href", "paragraph", "small", "tag", "target", "tiny", "underline", "wide", "onPress"];
+var _excluded = ["bold", "children", "disabled", "href", "paragraph", "small", "target", "tiny", "underline", "wide", "onPress"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -26,8 +26,6 @@ var Action = function Action(_ref) {
     href = _ref.href,
     paragraph = _ref.paragraph,
     small = _ref.small,
-    _ref$tag = _ref.tag,
-    tag = _ref$tag === void 0 ? 'button' : _ref$tag,
     target = _ref.target,
     tiny = _ref.tiny,
     underline = _ref.underline,
@@ -38,7 +36,7 @@ var Action = function Action(_ref) {
     disabled: disabled,
     href: href,
     role: others.role || 'action',
-    tag: href ? 'a' : tag,
+    tag: href ? 'a' : others.tag || 'action',
     onPress: function onPress(event) {
       _onPress && _onPress(event);
       if (href && target) window.open(href, target);else if (href) window.location = href;
@@ -55,7 +53,6 @@ Action.propTypes = {
   href: _propTypes.default.string,
   paragraph: _propTypes.default.bool,
   small: _propTypes.default.bool,
-  tag: _propTypes.default.string,
   target: _propTypes.default.string,
   tiny: _propTypes.default.bool,
   underline: _propTypes.default.bool,

package/build/components/Action/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","names":["Action","bold","children","disabled","href","paragraph","small","tag","target","tiny","underline","wide","onPress","others","React","createElement","Pressable","role","event","window","open","location","className","styles","style","action","undefined","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  paragraph,\n  small,\n  tag = 'button',\n  target,\n  tiny,\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        paragraph ? style.paragraph : small ? style.small : tiny ? style.tiny : undefined,\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  paragraph: PropTypes.bool,\n  small: PropTypes.bool,\n  tag: PropTypes.string,\n  target: PropTypes.string,\n  tiny: PropTypes.bool,\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,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IAAA,gBACLC,GAAG;IAAHA,GAAG,yBAAG,QAAQ;IACdC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,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;IAC7BV,GAAG,EAAEH,IAAI,GAAG,GAAG,GAAGG,GAAG;IACrBK,OAAO,EAAE,iBAACM,KAAK,EAAK;MAClBN,QAAO,IAAIA,QAAO,CAACM,KAAK,CAAC;MACzB,IAAId,IAAI,IAAII,MAAM,EAAEW,MAAM,CAACC,IAAI,CAAChB,IAAI,EAAEI,MAAM,CAAC,CAAC,KACzC,IAAIJ,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,SAAS,GAAGmB,qBAAK,CAACnB,SAAS,GAAGC,KAAK,GAAGkB,qBAAK,CAAClB,KAAK,GAAGG,IAAI,GAAGe,qBAAK,CAACf,IAAI,GAAGiB,SAAS,EACjFhB,SAAS,IAAIc,qBAAK,CAACd,SAAS,EAC5BC,IAAI,IAAIa,qBAAK,CAACb,IAAI,EAClBE,MAAM,CAACS,SAAS;EACjB,IAEHpB,QAAQ,CACT;AAAA;AAAC;AAEJF,MAAM,CAAC2B,WAAW,GAAG,kBAAkB;AAEvC3B,MAAM,CAAC4B,SAAS,GAAG;EACjB3B,IAAI,EAAE4B,kBAAS,CAACC,IAAI;EACpB5B,QAAQ,EAAE2B,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,IAAI,CAAC,CAAC;EACjE9B,QAAQ,EAAE0B,kBAAS,CAACC,IAAI;EACxB1B,IAAI,EAAEyB,kBAAS,CAACG,MAAM;EACtB3B,SAAS,EAAEwB,kBAAS,CAACC,IAAI;EACzBxB,KAAK,EAAEuB,kBAAS,CAACC,IAAI;EACrBvB,GAAG,EAAEsB,kBAAS,CAACG,MAAM;EACrBxB,MAAM,EAAEqB,kBAAS,CAACG,MAAM;EACxBvB,IAAI,EAAEoB,kBAAS,CAACC,IAAI;EACpBpB,SAAS,EAAEmB,kBAAS,CAACC,IAAI;EACzBnB,IAAI,EAAEkB,kBAAS,CAACC,IAAI;EACpBI,OAAO,EAAEL,kBAAS,CAACM,IAAI;EACvBC,OAAO,EAAEP,kBAAS,CAACM,IAAI;EACvBvB,OAAO,EAAEiB,kBAAS,CAACM;AACrB,CAAC"}
+{"version":3,"file":"Action.js","names":["Action","bold","children","disabled","href","paragraph","small","target","tiny","underline","wide","onPress","others","React","createElement","Pressable","role","tag","event","window","open","location","className","styles","style","action","undefined","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  paragraph,\n  small,\n  target,\n  tiny,\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' : others.tag || 'action',\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        paragraph ? style.paragraph : small ? style.small : tiny ? style.tiny : undefined,\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  paragraph: PropTypes.bool,\n  small: PropTypes.bool,\n  target: PropTypes.string,\n  tiny: PropTypes.bool,\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,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACJC,QAAO,QAAPA,OAAO;IACJC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,qBAAS,kCAEJH,MAAM;IACTT,QAAQ,EAARA,QAAQ;IACRC,IAAI,EAAJA,IAAI;IACJY,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,QAAQ;IAC7BC,GAAG,EAAEb,IAAI,GAAG,GAAG,GAAGQ,MAAM,CAACK,GAAG,IAAI,QAAQ;IACxCN,OAAO,EAAE,iBAACO,KAAK,EAAK;MAClBP,QAAO,IAAIA,QAAO,CAACO,KAAK,CAAC;MACzB,IAAId,IAAI,IAAIG,MAAM,EAAEY,MAAM,CAACC,IAAI,CAAChB,IAAI,EAAEG,MAAM,CAAC,CAAC,KACzC,IAAIH,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,SAAS,GAAGmB,qBAAK,CAACnB,SAAS,GAAGC,KAAK,GAAGkB,qBAAK,CAAClB,KAAK,GAAGE,IAAI,GAAGgB,qBAAK,CAAChB,IAAI,GAAGkB,SAAS,EACjFjB,SAAS,IAAIe,qBAAK,CAACf,SAAS,EAC5BC,IAAI,IAAIc,qBAAK,CAACd,IAAI,EAClBE,MAAM,CAACU,SAAS;EACjB,IAEHpB,QAAQ,CACT;AAAA;AAAC;AAEJF,MAAM,CAAC2B,WAAW,GAAG,kBAAkB;AAEvC3B,MAAM,CAAC4B,SAAS,GAAG;EACjB3B,IAAI,EAAE4B,kBAAS,CAACC,IAAI;EACpB5B,QAAQ,EAAE2B,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,IAAI,CAAC,CAAC;EACjE9B,QAAQ,EAAE0B,kBAAS,CAACC,IAAI;EACxB1B,IAAI,EAAEyB,kBAAS,CAACG,MAAM;EACtB3B,SAAS,EAAEwB,kBAAS,CAACC,IAAI;EACzBxB,KAAK,EAAEuB,kBAAS,CAACC,IAAI;EACrBvB,MAAM,EAAEsB,kBAAS,CAACG,MAAM;EACxBxB,IAAI,EAAEqB,kBAAS,CAACC,IAAI;EACpBrB,SAAS,EAAEoB,kBAAS,CAACC,IAAI;EACzBpB,IAAI,EAAEmB,kBAAS,CAACC,IAAI;EACpBI,OAAO,EAAEL,kBAAS,CAACM,IAAI;EACvBC,OAAO,EAAEP,kBAAS,CAACM,IAAI;EACvBxB,OAAO,EAAEkB,kBAAS,CAACM;AACrB,CAAC"}

package/build/components/Action/Action.stories.js

@@ -26,7 +26,7 @@ Story.args = {
   icon: '',
   paragraph: false,
   small: false,
-  tag: 'button',
+  tag: 'action',
   target: '',
   tiny: false,
   underline: false,

package/build/components/Action/Action.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.stories.js","names":["title","Story","props","storyName","args","children","ICON","INFO","disabled","href","icon","paragraph","small","tag","target","tiny","underline","wide","testId","style","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Action/Action.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Action } from './Action';\nimport { Icon, ICON } from '../../primitives/Icon';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Action {...props} />;\n\nStory.storyName = 'Action';\n\nStory.args = {\n  children: (\n    <>\n      <Icon value={ICON.INFO} />\n      children\n    </>\n  ),\n  disabled: false,\n  href: '',\n  icon: '',\n  paragraph: false,\n  small: false,\n  tag: 'button',\n  target: '',\n  tiny: false,\n  underline: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAmD;AAAA,eAEpC;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,cAAM,EAAKA,KAAK,CAAI;AAAA;AAAC;AAEtDD,KAAK,CAACE,SAAS,GAAG,QAAQ;AAE1BF,KAAK,CAACG,IAAI,GAAG;EACXC,QAAQ,eACN,yEACE,6BAAC,UAAI;IAAC,KAAK,EAAEC,UAAI,CAACC;EAAK,EAAG,aAG7B;EACDC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,SAAS,EAAE,KAAK;EAChBC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,QAAQ;EACbC,MAAM,EAAE,EAAE;EACVC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDlB,KAAK,CAACmB,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}
+{"version":3,"file":"Action.stories.js","names":["title","Story","props","storyName","args","children","ICON","INFO","disabled","href","icon","paragraph","small","tag","target","tiny","underline","wide","testId","style","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Action/Action.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Action } from './Action';\nimport { Icon, ICON } from '../../primitives/Icon';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Action {...props} />;\n\nStory.storyName = 'Action';\n\nStory.args = {\n  children: (\n    <>\n      <Icon value={ICON.INFO} />\n      children\n    </>\n  ),\n  disabled: false,\n  href: '',\n  icon: '',\n  paragraph: false,\n  small: false,\n  tag: 'action',\n  target: '',\n  tiny: false,\n  underline: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAmD;AAAA,eAEpC;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,cAAM,EAAKA,KAAK,CAAI;AAAA;AAAC;AAEtDD,KAAK,CAACE,SAAS,GAAG,QAAQ;AAE1BF,KAAK,CAACG,IAAI,GAAG;EACXC,QAAQ,eACN,yEACE,6BAAC,UAAI;IAAC,KAAK,EAAEC,UAAI,CAACC;EAAK,EAAG,aAG7B;EACDC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,SAAS,EAAE,KAAK;EAChBC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,QAAQ;EACbC,MAAM,EAAE,EAAE;EACVC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDlB,KAAK,CAACmB,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}

package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap

@@ -2,32 +2,34 @@
 
 exports[`component:<Action> inherit:className 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action mirai"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:bold 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action bold"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:disabled 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable disabled action disabled"
     disabled=""
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
@@ -36,6 +38,7 @@ exports[`component:<Action> prop:href + prop:target 1`] = `
   <a
     class="pressable action"
     href="soyjavi.com"
+    tabindex="0"
   >
     children
   </a>
@@ -47,6 +50,7 @@ exports[`component:<Action> prop:href 1`] = `
   <a
     class="pressable action"
     href="soyjavi.com"
+    tabindex="0"
   >
     children
   </a>
@@ -55,81 +59,89 @@ exports[`component:<Action> prop:href 1`] = `
 
 exports[`component:<Action> prop:paragraph 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action paragraph"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:small 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action small"
+    tabindex="0"
   >
     children
-  </button>
-</DocumentFragment>
-`;
-
-exports[`component:<Action> prop:tag 1`] = `
-<DocumentFragment>
-  <a
-    class="pressable action"
-  >
-    children
-  </a>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:tiny 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action tiny"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:underline 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action underline"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> prop:wide 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action wide"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> renders 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
+</DocumentFragment>
+`;
+
+exports[`component:<Action> tag 1`] = `
+<DocumentFragment>
+  <a
+    class="pressable action"
+    tabindex="0"
+  >
+    children
+  </a>
 </DocumentFragment>
 `;
 
 exports[`component:<Action> testId 1`] = `
 <DocumentFragment>
-  <button
+  <ui_action
     class="pressable action"
     data-testid="mirai"
+    tabindex="0"
   >
     children
-  </button>
+  </ui_action>
 </DocumentFragment>
 `;

package/build/components/Button/Button.js

@@ -11,7 +11,7 @@ var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _Tooltip = require("../Tooltip");
 var _ButtonModule = _interopRequireDefault(require("./Button.module.css"));
-var _excluded = ["busy", "children", "disabled", "large", "rounded", "secondary", "small", "squared", "tag", "transparent", "tooltip", "wide", "onPress"],
+var _excluded = ["busy", "children", "disabled", "large", "rounded", "secondary", "small", "squared", "transparent", "tooltip", "wide", "onPress"],
   _excluded2 = ["fixed", "left", "right", "top"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -31,8 +31,6 @@ var Button = function Button(_ref) {
     small = _ref.small,
     _ref$squared = _ref.squared,
     squared = _ref$squared === void 0 ? false : _ref$squared,
-    _ref$tag = _ref.tag,
-    tag = _ref$tag === void 0 ? 'button' : _ref$tag,
     _ref$transparent = _ref.transparent,
     transparent = _ref$transparent === void 0 ? false : _ref$transparent,
     tooltip = _ref.tooltip,
@@ -53,9 +51,10 @@ var Button = function Button(_ref) {
   } : undefined, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _objectSpread(_objectSpread({}, others), {}, {
     disabled: disabled || busy,
     role: others.role || 'button',
-    tag: tag,
+    tag: others.tag || 'button',
     onPress: onPress,
-    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)
+    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),
+    'aria-label': inherit['aria-label'] || (typeof tooltip === 'string' ? tooltip : undefined)
   }), busy === undefined ? children : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.View, {
     className: (0, _helpers.styles)(_ButtonModule.default.busyContainer, busy && _ButtonModule.default.active)
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
@@ -76,7 +75,6 @@ Button.propTypes = {
   secondary: _propTypes.default.bool,
   small: _propTypes.default.bool,
   squared: _propTypes.default.bool,
-  tag: _propTypes.default.string,
   tooltip: _propTypes.default.string,
   transparent: _propTypes.default.bool,
   wide: _propTypes.default.bool,

package/build/components/Button/Button.js.map

@@ -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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"}
+{"version":3,"file":"Button.js","names":["Button","busy","children","disabled","large","rounded","secondary","small","squared","transparent","tooltip","wide","onPress","inherit","fixed","left","right","top","others","React","createElement","Tooltip","Fragment","text","undefined","Pressable","role","tag","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  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: others.tag || 'button',\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        'aria-label': inherit['aria-label'] || (typeof tooltip === 'string' ? tooltip : undefined),\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  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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"}

package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap

@@ -4,6 +4,7 @@ exports[`component:<Button> inherit:className 1`] = `
 <DocumentFragment>
   <button
     class="pressable button mirai"
+    tabindex="0"
   >
     children
   </button>
@@ -16,18 +17,18 @@ exports[`component:<Button> prop:busy 1`] = `
     class="pressable disabled button busy disabled"
     disabled=""
   >
-    <div
+    <ui_view
       class="view busyContainer active"
     >
-      <div
+      <ui_view
         class="view spinner"
       />
-    </div>
-    <div
+    </ui_view>
+    <ui_view
       class="view row children"
     >
       children
-    </div>
+    </ui_view>
   </button>
 </DocumentFragment>
 `;
@@ -47,6 +48,7 @@ exports[`component:<Button> prop:large 1`] = `
 <DocumentFragment>
   <button
     class="pressable button large"
+    tabindex="0"
   >
     children
   </button>
@@ -59,18 +61,18 @@ exports[`component:<Button> prop:secondary && prop:busy 1`] = `
     class="pressable disabled button busy secondary disabled"
     disabled=""
   >
-    <div
+    <ui_view
       class="view busyContainer active"
     >
-      <div
+      <ui_view
         class="view spinner"
       />
-    </div>
-    <div
+    </ui_view>
+    <ui_view
       class="view row children"
     >
       children
-    </div>
+    </ui_view>
   </button>
 </DocumentFragment>
 `;
@@ -81,18 +83,18 @@ exports[`component:<Button> prop:secondary && prop:busy 2`] = `
     class="pressable disabled button busy transparent disabled"
     disabled=""
   >
-    <div
+    <ui_view
       class="view busyContainer active"
     >
-      <div
+      <ui_view
         class="view spinner"
       />
-    </div>
-    <div
+    </ui_view>
+    <ui_view
       class="view row children"
     >
       children
-    </div>
+    </ui_view>
   </button>
 </DocumentFragment>
 `;
@@ -101,6 +103,7 @@ exports[`component:<Button> prop:secondary 1`] = `
 <DocumentFragment>
   <button
     class="pressable button secondary"
+    tabindex="0"
   >
     children
   </button>
@@ -111,6 +114,7 @@ exports[`component:<Button> prop:small 1`] = `
 <DocumentFragment>
   <button
     class="pressable button small"
+    tabindex="0"
   >
     children
   </button>
@@ -121,33 +125,25 @@ exports[`component:<Button> prop:squared 1`] = `
 <DocumentFragment>
   <button
     class="pressable button squared"
+    tabindex="0"
   >
     children
   </button>
 </DocumentFragment>
 `;
 
-exports[`component:<Button> prop:tag 1`] = `
-<DocumentFragment>
-  <a
-    class="pressable button"
-  >
-    children
-  </a>
-</DocumentFragment>
-`;
-
 exports[`component:<Button> prop:tooltip 1`] = `
 <DocumentFragment>
-  <span
+  <ui_tooltip
     class="container"
   >
     <button
       class="pressable dispatcher button"
+      tabindex="0"
     >
       children
     </button>
-  </span>
+  </ui_tooltip>
 </DocumentFragment>
 `;
 
@@ -155,6 +151,7 @@ exports[`component:<Button> prop:transparent 1`] = `
 <DocumentFragment>
   <button
     class="pressable button transparent"
+    tabindex="0"
   >
     children
   </button>
@@ -165,6 +162,7 @@ exports[`component:<Button> prop:wide 1`] = `
 <DocumentFragment>
   <button
     class="pressable button wide"
+    tabindex="0"
   >
     children
   </button>
@@ -175,17 +173,30 @@ exports[`component:<Button> renders 1`] = `
 <DocumentFragment>
   <button
     class="pressable button"
+    tabindex="0"
   >
     children
   </button>
 </DocumentFragment>
 `;
 
+exports[`component:<Button> tag 1`] = `
+<DocumentFragment>
+  <ui_tag
+    class="pressable button"
+    tabindex="0"
+  >
+    children
+  </ui_tag>
+</DocumentFragment>
+`;
+
 exports[`component:<Button> testId 1`] = `
 <DocumentFragment>
   <button
     class="pressable button"
     data-testid="mirai"
+    tabindex="0"
   >
     children
   </button>

package/build/components/Calendar/Calendar.js

@@ -198,7 +198,7 @@ var Calendar = function Calendar(_ref) {
   });
   if (vertical && to) months = (0, _locale.dateDiff)(today, (0, _locale.parseDate)(to, format)).months + 1;
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    className: (0, _helpers.styles)(_CalendarModule.default.container, vertical && _CalendarModule.default.vertical, className),
+    className: (0, _helpers.styles)(_CalendarModule.default.calendar, vertical && _CalendarModule.default.vertical, className),
     testId: testId
   }, vertical && /*#__PURE__*/_react.default.createElement(_Calendar2.Weekdays, {
     locale: locale,

package/build/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["Calendar","autoScroll","disabledDates","disabledPast","format","from","locale","range","rangeMaxDays","to","value","vertical","propVertical","onChange","onFocus","onNavigation","onScroll","others","useDevice","isMobile","useState","behavior","setBehavior","focus","setFocus","getFirstDateOfMonth","getToday","instance","setInstance","scrollTo","setScrollTo","scrolling","setScrolling","undefined","selected","setSelected","timestamp","setTimestamp","setVertical","el","useRef","useEffect","current","getScrollTo","dateDiff","parseDate","months","date","length","dateFrom","days","next","diffMonths","UTC","handleChange","getTime","handleMonth","month","addMonths","Date","getFullYear","getMonth","handleScroll","event","now","testId","scrollEventThrottle","className","props","today","instanceTS","todayMonthTS","disabledPrevious","disabledNext","dateCalc","disabledDatesTS","useMemo","map","role","tooltips","styles","style","container","scrollview","Array","_","index","getMonthRef","displayName","propTypes","PropTypes","bool","captions","shape","arrayOf","string","highlights","number","rangeMinDays","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.jsx"],"sourcesContent":["import { dateCalc, dateDiff, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { ScrollView, View } from '../../primitives';\nimport style from './Calendar.module.css';\nimport { Month } from './Calendar.Month';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getFirstDateOfMonth, getMonthRef, getScrollTo, getToday } from './helpers';\n\nexport const Calendar = ({\n  autoScroll = false,\n  disabledDates = [],\n  disabledPast = true,\n  format = 'YYYY/MM/DD',\n  from,\n  locale,\n  range = false,\n  rangeMaxDays,\n  to,\n  value,\n  vertical: propVertical = false,\n  onChange = () => {},\n  onFocus = () => {},\n  onNavigation = () => {},\n  onScroll = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const [behavior, setBehavior] = useState();\n  const [focus, setFocus] = useState();\n  const [instance, setInstance] = useState(getFirstDateOfMonth(getToday()));\n  const [scrollTo, setScrollTo] = useState();\n  const [scrolling, setScrolling] = useState();\n  const [selected, setSelected] = useState(range ? [] : undefined);\n  const [timestamp, setTimestamp] = useState();\n  const [vertical, setVertical] = useState(propVertical);\n\n  const el = useRef();\n\n  useEffect(() => {\n    setVertical(propVertical || isMobile);\n  }, [isMobile, propVertical]);\n\n  useEffect(() => {\n    if (!vertical || !el?.current || !value[0]) return;\n\n    setBehavior('auto');\n    setScrollTo(getScrollTo(dateDiff(instance, parseDate(value[0], format)).months));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [el?.current, vertical]);\n\n  useEffect(() => {\n    let date = range ? (value?.length > 0 ? value[0] : undefined) : value;\n\n    if (from && date) {\n      const dateFrom = parseDate(from, format);\n      const { days } = dateDiff(dateFrom, parseDate(date, format));\n\n      if (days < 0) date = undefined;\n    }\n    if (!date) return setSelected(range ? [] : undefined);\n\n    date = parseDate(date, format);\n    if ((range && (selected.length === 0 || value.length === 2)) || !range) {\n      const next = getFirstDateOfMonth(date);\n      const { months: diffMonths } = dateDiff(instance, date);\n\n      if (!vertical && !isMobile && (diffMonths >= months || diffMonths < 0)) setInstance(next);\n      else if (vertical || isMobile) {\n        autoScroll && setScrollTo(getScrollTo(diffMonths));\n        setScrolling(false);\n      }\n    }\n\n    setSelected(range ? [UTC(date), value[1] ? UTC(parseDate(value[1], format)) : undefined] : UTC(date));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [format, from, range, value]);\n\n  useEffect(() => {\n    from && (!value || value.length === 0 || !value[0]) && setInstance(getFirstDateOfMonth(parseDate(from, format)));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [from]);\n\n  useEffect(() => {\n    onFocus(focus);\n  }, [focus, onFocus]);\n\n  const handleChange = (date) => {\n    setSelected(() => {\n      let next;\n\n      if (!range) {\n        next = date;\n      } else if (selected[1] === undefined && date > selected[0]) {\n        next = [selected[0], date];\n      } else {\n        next = [selected[0]?.getTime() === date.getTime() ? undefined : date];\n        setFocus(undefined);\n      }\n      onChange(next);\n\n      return next;\n    });\n  };\n\n  const handleMonth = (month) => {\n    setInstance(() => {\n      const addMonths = range && value[0] && !value[1] ? (month > 0 ? 1 : -1) : month;\n      const next = getFirstDateOfMonth(new Date(instance.getFullYear(), instance.getMonth() + addMonths));\n\n      onNavigation(next);\n      return next;\n    });\n  };\n\n  const handleScroll = (event) => {\n    if (vertical) setScrolling(true);\n\n    onScroll(event);\n    setBehavior();\n    setTimestamp(Date.now());\n  };\n\n  const { testId, scrollEventThrottle } = others;\n  let { className, months = 2, ...props } = others;\n\n  const today = getToday();\n  const instanceTS = instance.getTime();\n  const todayMonthTS = getFirstDateOfMonth(today).getTime();\n  const disabledPrevious =\n    (disabledPast && instanceTS <= todayMonthTS) ||\n    (from && instanceTS <= getFirstDateOfMonth(parseDate(from, format)).getTime());\n\n  const disabledNext =\n    to && parseDate(to, format).getTime() <= getFirstDateOfMonth(dateCalc(instance, months, 'months')).getTime();\n\n  props = {\n    ...props,\n    disabledPast,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    disabledDatesTS: useMemo(() => disabledDates.map((date) => parseDate(date, format).getTime()), [disabledDates]),\n    focus,\n    format,\n    from: from ? parseDate(from, format) : undefined,\n    locale,\n    range,\n    role: others.role || 'calendar',\n    selected,\n    timestamp,\n    to:\n      range &&\n      rangeMaxDays &&\n      selected[0] &&\n      !selected[1] &&\n      (!to || dateCalc(selected[0], rangeMaxDays, 'days') < parseDate(to, format))\n        ? dateCalc(selected[0], rangeMaxDays, 'days')\n        : to\n        ? parseDate(to, format)\n        : undefined,\n    tooltips: !vertical || !scrolling ? props.tooltips : {},\n    onChange: handleChange,\n    onFocus: !isMobile ? setFocus : undefined,\n  };\n\n  if (vertical && to) months = dateDiff(today, parseDate(to, format)).months + 1;\n\n  return (\n    <View className={styles(style.container, vertical && style.vertical, className)} testId={testId}>\n      {vertical && <Weekdays locale={locale} vertical={vertical} />}\n      <ScrollView\n        behavior={behavior}\n        horizontal={!vertical}\n        scrollTo={scrollTo}\n        className={style.scrollview}\n        scrollEventThrottle={scrollEventThrottle}\n        onScroll={handleScroll}\n      >\n        {Array.from({ length: months }, (_, index) => (\n          <Month\n            instance={new Date(instance.getFullYear(), instance.getMonth() + index, 1)} // ! TODO: calc with mirai/locale\n            key={index}\n            ref={vertical && range ? getMonthRef({ autoScroll, el, index, instance, value }) : undefined}\n            vertical={vertical}\n            onNext={!vertical && index === months - 1 && !disabledNext ? () => handleMonth(months) : undefined}\n            onPrevious={!vertical && index === 0 && !disabledPrevious ? () => handleMonth(-months) : undefined}\n            {...props}\n            testId={testId}\n          />\n        ))}\n      </ScrollView>\n    </View>\n  );\n};\n\nCalendar.displayName = 'Component:Calendar';\n\nCalendar.propTypes = {\n  autoScroll: PropTypes.bool,\n  captions: PropTypes.shape({}),\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.string,\n  highlights: PropTypes.arrayOf(PropTypes.string),\n  locale: PropTypes.string,\n  months: PropTypes.number,\n  range: PropTypes.bool,\n  rangeMaxDays: PropTypes.number,\n  rangeMinDays: PropTypes.number,\n  to: PropTypes.string,\n  tooltips: PropTypes.shape({}),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  vertical: PropTypes.bool,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onNavigation: PropTypes.func,\n  onScroll: PropTypes.func,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":["Calendar","autoScroll","disabledDates","disabledPast","format","from","locale","range","rangeMaxDays","to","value","vertical","propVertical","onChange","onFocus","onNavigation","onScroll","others","useDevice","isMobile","useState","behavior","setBehavior","focus","setFocus","getFirstDateOfMonth","getToday","instance","setInstance","scrollTo","setScrollTo","scrolling","setScrolling","undefined","selected","setSelected","timestamp","setTimestamp","setVertical","el","useRef","useEffect","current","getScrollTo","dateDiff","parseDate","months","date","length","dateFrom","days","next","diffMonths","UTC","handleChange","getTime","handleMonth","month","addMonths","Date","getFullYear","getMonth","handleScroll","event","now","testId","scrollEventThrottle","className","props","today","instanceTS","todayMonthTS","disabledPrevious","disabledNext","dateCalc","disabledDatesTS","useMemo","map","role","tooltips","styles","style","calendar","scrollview","Array","_","index","getMonthRef","displayName","propTypes","PropTypes","bool","captions","shape","arrayOf","string","highlights","number","rangeMinDays","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.jsx"],"sourcesContent":["import { dateCalc, dateDiff, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { ScrollView, View } from '../../primitives';\nimport style from './Calendar.module.css';\nimport { Month } from './Calendar.Month';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getFirstDateOfMonth, getMonthRef, getScrollTo, getToday } from './helpers';\n\nexport const Calendar = ({\n  autoScroll = false,\n  disabledDates = [],\n  disabledPast = true,\n  format = 'YYYY/MM/DD',\n  from,\n  locale,\n  range = false,\n  rangeMaxDays,\n  to,\n  value,\n  vertical: propVertical = false,\n  onChange = () => {},\n  onFocus = () => {},\n  onNavigation = () => {},\n  onScroll = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const [behavior, setBehavior] = useState();\n  const [focus, setFocus] = useState();\n  const [instance, setInstance] = useState(getFirstDateOfMonth(getToday()));\n  const [scrollTo, setScrollTo] = useState();\n  const [scrolling, setScrolling] = useState();\n  const [selected, setSelected] = useState(range ? [] : undefined);\n  const [timestamp, setTimestamp] = useState();\n  const [vertical, setVertical] = useState(propVertical);\n\n  const el = useRef();\n\n  useEffect(() => {\n    setVertical(propVertical || isMobile);\n  }, [isMobile, propVertical]);\n\n  useEffect(() => {\n    if (!vertical || !el?.current || !value[0]) return;\n\n    setBehavior('auto');\n    setScrollTo(getScrollTo(dateDiff(instance, parseDate(value[0], format)).months));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [el?.current, vertical]);\n\n  useEffect(() => {\n    let date = range ? (value?.length > 0 ? value[0] : undefined) : value;\n\n    if (from && date) {\n      const dateFrom = parseDate(from, format);\n      const { days } = dateDiff(dateFrom, parseDate(date, format));\n\n      if (days < 0) date = undefined;\n    }\n    if (!date) return setSelected(range ? [] : undefined);\n\n    date = parseDate(date, format);\n    if ((range && (selected.length === 0 || value.length === 2)) || !range) {\n      const next = getFirstDateOfMonth(date);\n      const { months: diffMonths } = dateDiff(instance, date);\n\n      if (!vertical && !isMobile && (diffMonths >= months || diffMonths < 0)) setInstance(next);\n      else if (vertical || isMobile) {\n        autoScroll && setScrollTo(getScrollTo(diffMonths));\n        setScrolling(false);\n      }\n    }\n\n    setSelected(range ? [UTC(date), value[1] ? UTC(parseDate(value[1], format)) : undefined] : UTC(date));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [format, from, range, value]);\n\n  useEffect(() => {\n    from && (!value || value.length === 0 || !value[0]) && setInstance(getFirstDateOfMonth(parseDate(from, format)));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [from]);\n\n  useEffect(() => {\n    onFocus(focus);\n  }, [focus, onFocus]);\n\n  const handleChange = (date) => {\n    setSelected(() => {\n      let next;\n\n      if (!range) {\n        next = date;\n      } else if (selected[1] === undefined && date > selected[0]) {\n        next = [selected[0], date];\n      } else {\n        next = [selected[0]?.getTime() === date.getTime() ? undefined : date];\n        setFocus(undefined);\n      }\n      onChange(next);\n\n      return next;\n    });\n  };\n\n  const handleMonth = (month) => {\n    setInstance(() => {\n      const addMonths = range && value[0] && !value[1] ? (month > 0 ? 1 : -1) : month;\n      const next = getFirstDateOfMonth(new Date(instance.getFullYear(), instance.getMonth() + addMonths));\n\n      onNavigation(next);\n      return next;\n    });\n  };\n\n  const handleScroll = (event) => {\n    if (vertical) setScrolling(true);\n\n    onScroll(event);\n    setBehavior();\n    setTimestamp(Date.now());\n  };\n\n  const { testId, scrollEventThrottle } = others;\n  let { className, months = 2, ...props } = others;\n\n  const today = getToday();\n  const instanceTS = instance.getTime();\n  const todayMonthTS = getFirstDateOfMonth(today).getTime();\n  const disabledPrevious =\n    (disabledPast && instanceTS <= todayMonthTS) ||\n    (from && instanceTS <= getFirstDateOfMonth(parseDate(from, format)).getTime());\n\n  const disabledNext =\n    to && parseDate(to, format).getTime() <= getFirstDateOfMonth(dateCalc(instance, months, 'months')).getTime();\n\n  props = {\n    ...props,\n    disabledPast,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    disabledDatesTS: useMemo(() => disabledDates.map((date) => parseDate(date, format).getTime()), [disabledDates]),\n    focus,\n    format,\n    from: from ? parseDate(from, format) : undefined,\n    locale,\n    range,\n    role: others.role || 'calendar',\n    selected,\n    timestamp,\n    to:\n      range &&\n      rangeMaxDays &&\n      selected[0] &&\n      !selected[1] &&\n      (!to || dateCalc(selected[0], rangeMaxDays, 'days') < parseDate(to, format))\n        ? dateCalc(selected[0], rangeMaxDays, 'days')\n        : to\n        ? parseDate(to, format)\n        : undefined,\n    tooltips: !vertical || !scrolling ? props.tooltips : {},\n    onChange: handleChange,\n    onFocus: !isMobile ? setFocus : undefined,\n  };\n\n  if (vertical && to) months = dateDiff(today, parseDate(to, format)).months + 1;\n\n  return (\n    <View className={styles(style.calendar, vertical && style.vertical, className)} testId={testId}>\n      {vertical && <Weekdays locale={locale} vertical={vertical} />}\n      <ScrollView\n        behavior={behavior}\n        horizontal={!vertical}\n        scrollTo={scrollTo}\n        className={style.scrollview}\n        scrollEventThrottle={scrollEventThrottle}\n        onScroll={handleScroll}\n      >\n        {Array.from({ length: months }, (_, index) => (\n          <Month\n            instance={new Date(instance.getFullYear(), instance.getMonth() + index, 1)} // ! TODO: calc with mirai/locale\n            key={index}\n            ref={vertical && range ? getMonthRef({ autoScroll, el, index, instance, value }) : undefined}\n            vertical={vertical}\n            onNext={!vertical && index === months - 1 && !disabledNext ? () => handleMonth(months) : undefined}\n            onPrevious={!vertical && index === 0 && !disabledPrevious ? () => handleMonth(-months) : undefined}\n            {...props}\n            testId={testId}\n          />\n        ))}\n      </ScrollView>\n    </View>\n  );\n};\n\nCalendar.displayName = 'Component:Calendar';\n\nCalendar.propTypes = {\n  autoScroll: PropTypes.bool,\n  captions: PropTypes.shape({}),\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.string,\n  highlights: PropTypes.arrayOf(PropTypes.string),\n  locale: PropTypes.string,\n  months: PropTypes.number,\n  range: PropTypes.bool,\n  rangeMaxDays: PropTypes.number,\n  rangeMinDays: PropTypes.number,\n  to: PropTypes.string,\n  tooltips: PropTypes.shape({}),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  vertical: PropTypes.bool,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onNavigation: PropTypes.func,\n  onScroll: PropTypes.func,\n};\n"],"mappings":"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"}

package/build/components/Calendar/Calendar.module.css

@@ -1,4 +1,4 @@
-.container.vertical {
+.calendar.vertical {
   max-height: calc(var(--mirai-ui-calendar-cell) * 9.75);
 }
 
@@ -8,7 +8,7 @@
   width: 100%;
 }
 
-.container:not(.vertical) .scrollview {
+.calendar:not(.vertical) .scrollview {
   gap: calc(var(--mirai-ui-calendar-padding) * 0.5);
 }
 
@@ -18,7 +18,7 @@
   width: calc(var(--mirai-ui-calendar-cell) * 7);
 }
 
-.container.vertical .month {
+.calendar.vertical .month {
   margin-left: 0;
   padding-bottom: 0;
   width: 100%;
@@ -50,7 +50,7 @@
   padding: calc(var(--mirai-ui-calendar-padding) / 2) var(--mirai-ui-calendar-padding);
 }
 
-.container:not(.vertical) .weekdays {
+.calendar:not(.vertical) .weekdays {
   margin: var(--mirai-ui-calendar-padding) 0;
 }
 
@@ -70,7 +70,7 @@
   width: auto;
 }
 
-.container:not(.vertical) .day {
+.calendar:not(.vertical) .day {
   width: var(--mirai-ui-calendar-cell);
 }