@mirai/ui 2.0.6 → 2.0.8

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

@@ -2,13 +2,13 @@
 
 exports[`component:<InputText> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer mirai"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <input
@@ -17,26 +17,26 @@ exports[`component:<InputText> inherit:className 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:caption 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_text
+      <ui-text
         class="text light action caption"
       >
         caption
-      </ui_text>
-      <ui_view
+      </ui-text>
+      <ui-view
         class="view wide content"
       >
         <input
@@ -45,21 +45,21 @@ exports[`component:<InputText> prop:caption 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:disabled 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder disabled"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <input
@@ -69,21 +69,21 @@ exports[`component:<InputText> prop:disabled 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:error 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder error"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <input
@@ -92,8 +92,8 @@ exports[`component:<InputText> prop:error 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-      <ui_icon
+      </ui-view>
+      <ui-icon
         class="icon headline-3 icon error"
       >
         <svg
@@ -113,21 +113,21 @@ exports[`component:<InputText> prop:error 1`] = `
             d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_input_text>
+      </ui-icon>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:hint 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <input
@@ -136,26 +136,26 @@ exports[`component:<InputText> prop:hint 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-    <ui_text
+      </ui-view>
+    </ui-view>
+    <ui-text
       class="text small text hint"
     >
       hint
-    </ui_text>
-  </ui_input_text>
+    </ui-text>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:icon 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_icon
+      <ui-icon
         class="icon headline-3 icon left"
       >
         <svg
@@ -175,8 +175,8 @@ exports[`component:<InputText> prop:icon 1`] = `
             d="M12 6a9.77 9.77 0 0 1 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0 1 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
           />
         </svg>
-      </ui_icon>
-      <ui_view
+      </ui-icon>
+      <ui-view
         class="view wide content"
       >
         <input
@@ -185,29 +185,29 @@ exports[`component:<InputText> prop:icon 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:label 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
-        <label
+        <ui-label
           class="text paragraph text label"
-          for="input.name"
+          htmlfor="input.name"
         >
           label
-        </label>
+        </ui-label>
         <input
           class="input input withLabel"
           id="input.name"
@@ -215,21 +215,21 @@ exports[`component:<InputText> prop:label 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:markdown 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <input
@@ -238,12 +238,12 @@ exports[`component:<InputText> prop:markdown 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-      <ui_pressable
+      </ui-view>
+      <ui-pressable
         class="pressable"
         tabindex="0"
       >
-        <ui_icon
+        <ui-icon
           class="icon headline-3 icon disabled"
         >
           <svg
@@ -259,48 +259,48 @@ exports[`component:<InputText> prop:markdown 1`] = `
               d="M 2.875 6 C 1.320313 6 0 7.253906 0 8.8125 L 0 23.1875 C 0 24.746094 1.320313 26 2.875 26 L 29.125 26 C 30.679688 26 32 24.746094 32 23.1875 L 32 8.8125 C 32 7.253906 30.679688 6 29.125 6 Z M 2.875 8 L 29.125 8 C 29.640625 8 30 8.382813 30 8.8125 L 30 23.1875 C 30 23.617188 29.640625 24 29.125 24 L 2.875 24 C 2.359375 24 2 23.617188 2 23.1875 L 2 8.8125 C 2 8.382813 2.359375 8 2.875 8 Z M 5 11 L 5 21 L 8 21 L 8 14.34375 L 11 18.3125 L 14 14.34375 L 14 21 L 17 21 L 17 11 L 14 11 L 11 15 L 8 11 Z M 22 11 L 22 16 L 19 16 L 23.5 21 L 28 16 L 25 16 L 25 11 Z"
             />
           </svg>
-        </ui_icon>
-      </ui_pressable>
-    </ui_view>
-  </ui_input_text>
+        </ui-icon>
+      </ui-pressable>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:multiLine 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <textarea
           class="input input multiLine"
           name="name"
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
-        <label
+        <ui-label
           class="text paragraph text label"
-          for="input.name"
+          htmlfor="input.name"
         >
           label
           <span
@@ -308,7 +308,7 @@ exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
           >
              *
           </span>
-        </label>
+        </ui-label>
         <input
           class="input input withLabel"
           id="input.name"
@@ -317,29 +317,29 @@ exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:required 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
-        <label
+        <ui-label
           class="text paragraph text label"
-          for="input.name"
+          htmlfor="input.name"
         >
           label
-        </label>
+        </ui-label>
         <input
           class="input input withLabel"
           id="input.name"
@@ -348,21 +348,21 @@ exports[`component:<InputText> prop:required 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:showState (false) 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder error"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <input
@@ -371,8 +371,8 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-      <ui_icon
+      </ui-view>
+      <ui-icon
         class="icon headline-3 icon error"
       >
         <svg
@@ -392,21 +392,21 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
             d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_input_text>
+      </ui-icon>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:success 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <input
@@ -415,8 +415,8 @@ exports[`component:<InputText> prop:success 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-      <ui_icon
+      </ui-view>
+      <ui-icon
         class="icon headline-3 icon success"
       >
         <svg
@@ -436,21 +436,21 @@ exports[`component:<InputText> prop:success 1`] = `
             d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_input_text>
+      </ui-icon>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:type 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <input
@@ -459,12 +459,12 @@ exports[`component:<InputText> prop:type 1`] = `
           type="password"
           value=""
         />
-      </ui_view>
-      <ui_pressable
+      </ui-view>
+      <ui-pressable
         class="pressable"
         tabindex="-1"
       >
-        <ui_icon
+        <ui-icon
           class="icon headline-3 icon password"
         >
           <svg
@@ -484,22 +484,22 @@ exports[`component:<InputText> prop:type 1`] = `
               d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
             />
           </svg>
-        </ui_icon>
-      </ui_pressable>
-    </ui_view>
-  </ui_input_text>
+        </ui-icon>
+      </ui-pressable>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> prop:warning 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <input
@@ -508,8 +508,8 @@ exports[`component:<InputText> prop:warning 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-      <ui_icon
+      </ui-view>
+      <ui-icon
         class="icon headline-3 icon warning"
       >
         <svg
@@ -525,21 +525,21 @@ exports[`component:<InputText> prop:warning 1`] = `
             d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
           />
         </svg>
-      </ui_icon>
-    </ui_view>
-  </ui_input_text>
+      </ui-icon>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> renders 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <input
@@ -548,44 +548,21 @@ exports[`component:<InputText> renders 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
-</DocumentFragment>
-`;
-
-exports[`component:<InputText> tag 1`] = `
-<DocumentFragment>
-  <ui_tag
-    class="view inputContainer"
-  >
-    <ui_view
-      class="view row inputBorder"
-    >
-      <ui_view
-        class="view wide content"
-      >
-        <input
-          class="input input"
-          name="name"
-          type="text"
-          value=""
-        />
-      </ui_view>
-    </ui_view>
-  </ui_tag>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;
 
 exports[`component:<InputText> testId 1`] = `
 <DocumentFragment>
-  <ui_input_text
+  <ui-input-text
     class="view inputContainer"
   >
-    <ui_view
+    <ui-view
       class="view row inputBorder"
     >
-      <ui_view
+      <ui-view
         class="view wide content"
       >
         <input
@@ -595,8 +572,8 @@ exports[`component:<InputText> testId 1`] = `
           type="text"
           value=""
         />
-      </ui_view>
-    </ui_view>
-  </ui_input_text>
+      </ui-view>
+    </ui-view>
+  </ui-input-text>
 </DocumentFragment>
 `;

package/build/components/Menu/Menu.js

@@ -49,9 +49,8 @@ var Menu = function Menu(_ref) {
   return !isMobile ? /*#__PURE__*/_react.default.createElement(_primitives.Layer, _extends({
     forceRender: false
   }, others, {
+    tag: "menu",
     visible: visible,
-    role: others.role || 'menu',
-    tag: others.tag || 'menu',
     className: (0, _helpers.styles)(_MenuModule.default.menu, visible && _MenuModule.default.visible, others.className)
   }), children, /*#__PURE__*/_react.default.createElement(_primitives.LayerContent, null, renderOptions())) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     title: title,

package/build/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["Menu","children","options","Template","Option","title","visible","onPress","others","useDevice","isMobile","renderOptions","filter","option","map","index","testId","undefined","event","value","role","tag","styles","style","menu","className","displayName","propTypes","PropTypes","node","arrayOf","shape","disabled","bool","divider","icon","func","label","string","oneOfType","number","any"],"sources":["../../../src/components/Menu/Menu.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Layer, LayerContent } from '../../primitives';\nimport { Modal } from '../Modal';\nimport style from './Menu.module.css';\nimport { Option } from './Menu.Option';\n\nconst Menu = ({ children, options = [], Template = Option, title, visible, onPress = () => {}, ...others }) => {\n  const { isMobile } = useDevice();\n\n  const renderOptions = () =>\n    options\n      .filter((option) => !!option)\n      .map((option = {}, index) => (\n        <Template\n          testId={others.testId ? `${others.testId}-${index}` : undefined}\n          {...option}\n          key={index}\n          onPress={(event) => onPress(option.value, event)}\n        />\n      ));\n\n  return !isMobile ? (\n    <Layer\n      forceRender={false}\n      {...others}\n      visible={visible}\n      role={others.role || 'menu'}\n      tag={others.tag || 'menu'}\n      className={styles(style.menu, visible && style.visible, others.className)}\n    >\n      {children}\n      <LayerContent>{renderOptions()}</LayerContent>\n    </Layer>\n  ) : (\n    <>\n      {children}\n      <Modal\n        title={title}\n        visible={visible}\n        onClose={(event) => onPress(undefined, event)}\n        onOverflow={(event) => onPress(undefined, event)}\n        className={styles(style.menu, others.className)}\n      >\n        {renderOptions()}\n      </Modal>\n    </>\n  );\n};\n\nMenu.displayName = 'Component:Menu';\n\nMenu.propTypes = {\n  children: PropTypes.node,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      children: PropTypes.node,\n      disabled: PropTypes.bool,\n      divider: PropTypes.bool,\n      icon: PropTypes.func,\n      label: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    }),\n  ),\n  Template: PropTypes.any,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Menu };\n"],"mappings":"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"}
+{"version":3,"file":"Menu.js","names":["Menu","children","options","Template","Option","title","visible","onPress","others","useDevice","isMobile","renderOptions","filter","option","map","index","testId","undefined","event","value","styles","style","menu","className","displayName","propTypes","PropTypes","node","arrayOf","shape","disabled","bool","divider","icon","func","label","string","oneOfType","number","any"],"sources":["../../../src/components/Menu/Menu.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Layer, LayerContent } from '../../primitives';\nimport { Modal } from '../Modal';\nimport style from './Menu.module.css';\nimport { Option } from './Menu.Option';\n\nconst Menu = ({ children, options = [], Template = Option, title, visible, onPress = () => {}, ...others }) => {\n  const { isMobile } = useDevice();\n\n  const renderOptions = () =>\n    options\n      .filter((option) => !!option)\n      .map((option = {}, index) => (\n        <Template\n          testId={others.testId ? `${others.testId}-${index}` : undefined}\n          {...option}\n          key={index}\n          onPress={(event) => onPress(option.value, event)}\n        />\n      ));\n\n  return !isMobile ? (\n    <Layer\n      forceRender={false}\n      {...others}\n      tag=\"menu\"\n      visible={visible}\n      className={styles(style.menu, visible && style.visible, others.className)}\n    >\n      {children}\n      <LayerContent>{renderOptions()}</LayerContent>\n    </Layer>\n  ) : (\n    <>\n      {children}\n      <Modal\n        title={title}\n        visible={visible}\n        onClose={(event) => onPress(undefined, event)}\n        onOverflow={(event) => onPress(undefined, event)}\n        className={styles(style.menu, others.className)}\n      >\n        {renderOptions()}\n      </Modal>\n    </>\n  );\n};\n\nMenu.displayName = 'Component:Menu';\n\nMenu.propTypes = {\n  children: PropTypes.node,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      children: PropTypes.node,\n      disabled: PropTypes.bool,\n      divider: PropTypes.bool,\n      icon: PropTypes.func,\n      label: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    }),\n  ),\n  Template: PropTypes.any,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Menu };\n"],"mappings":"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"}