@mirai/ui 1.0.215 → 1.0.217

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

@@ -9,7 +9,9 @@ exports[`component:<Table> inherit:className 1`] = `
       class="table"
     >
       <thead>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <th>
             <span
               class="view forceRow column"
@@ -179,7 +181,9 @@ exports[`component:<Table> inherit:className 1`] = `
         </tr>
       </thead>
       <tbody>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -212,7 +216,9 @@ exports[`component:<Table> inherit:className 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -245,7 +251,9 @@ exports[`component:<Table> inherit:className 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -278,7 +286,9 @@ exports[`component:<Table> inherit:className 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -315,7 +325,9 @@ exports[`component:<Table> inherit:className 1`] = `
             </span>
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -350,7 +362,9 @@ exports[`component:<Table> inherit:className 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -383,7 +397,9 @@ exports[`component:<Table> inherit:className 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -557,7 +573,9 @@ exports[`component:<Table> prop:filter 1`] = `
       class="table"
     >
       <thead>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <th>
             <span
               class="view forceRow column"
@@ -867,7 +885,9 @@ exports[`component:<Table> prop:filter 1`] = `
         </tr>
       </thead>
       <tbody>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -904,7 +924,9 @@ exports[`component:<Table> prop:filter 1`] = `
             </span>
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -939,7 +961,9 @@ exports[`component:<Table> prop:filter 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -972,7 +996,9 @@ exports[`component:<Table> prop:filter 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -1020,7 +1046,9 @@ exports[`component:<Table> prop:inline (false 1`] = `
       class="table"
     >
       <thead>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <th>
             <span
               class="view forceRow column"
@@ -1190,7 +1218,9 @@ exports[`component:<Table> prop:inline (false 1`] = `
         </tr>
       </thead>
       <tbody>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -1223,7 +1253,9 @@ exports[`component:<Table> prop:inline (false 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -1256,7 +1288,9 @@ exports[`component:<Table> prop:inline (false 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -1289,7 +1323,9 @@ exports[`component:<Table> prop:inline (false 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -1326,7 +1362,9 @@ exports[`component:<Table> prop:inline (false 1`] = `
             </span>
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -1361,7 +1399,9 @@ exports[`component:<Table> prop:inline (false 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -1394,7 +1434,9 @@ exports[`component:<Table> prop:inline (false 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -1444,6 +1486,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
     >
       <thead>
         <tr
+          class="notSelected"
           data-testid="onScroll-head"
         >
           <th
@@ -1626,6 +1669,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
       </thead>
       <tbody>
         <tr
+          class="notSelected"
           data-testid="onScroll-0"
         >
           <td
@@ -1671,6 +1715,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onScroll-1"
         >
           <td
@@ -1716,6 +1761,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onScroll-2"
         >
           <td
@@ -1761,6 +1807,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onScroll-3"
         >
           <td
@@ -1810,6 +1857,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onScroll-4"
         >
           <td
@@ -1857,6 +1905,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onScroll-5"
         >
           <td
@@ -1902,6 +1951,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onScroll-6"
         >
           <td
@@ -1963,6 +2013,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
     >
       <thead>
         <tr
+          class="notSelected"
           data-testid="onSelect-head"
         >
           <th
@@ -2160,6 +2211,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
       </thead>
       <tbody>
         <tr
+          class="notSelected"
           data-testid="onSelect-0"
         >
           <td
@@ -2220,6 +2272,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onSelect-1"
         >
           <td
@@ -2280,6 +2333,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onSelect-2"
         >
           <td
@@ -2340,6 +2394,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onSelect-3"
         >
           <td
@@ -2404,6 +2459,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onSelect-4"
         >
           <td
@@ -2466,6 +2522,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onSelect-5"
         >
           <td
@@ -2526,6 +2583,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="onSelect-6"
         >
           <td
@@ -2600,7 +2658,9 @@ exports[`component:<Table> prop:search 1`] = `
       class="table"
     >
       <thead>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <th>
             <span
               class="view forceRow column"
@@ -2770,7 +2830,9 @@ exports[`component:<Table> prop:search 1`] = `
         </tr>
       </thead>
       <tbody>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -2820,7 +2882,9 @@ exports[`component:<Table> prop:selected 1`] = `
       class="table"
     >
       <thead>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <th>
             <span
               class="view forceRow column"
@@ -2990,7 +3054,9 @@ exports[`component:<Table> prop:selected 1`] = `
         </tr>
       </thead>
       <tbody>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3023,7 +3089,9 @@ exports[`component:<Table> prop:selected 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3056,7 +3124,9 @@ exports[`component:<Table> prop:selected 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3089,7 +3159,9 @@ exports[`component:<Table> prop:selected 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3163,7 +3235,9 @@ exports[`component:<Table> prop:selected 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3196,7 +3270,9 @@ exports[`component:<Table> prop:selected 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3292,7 +3368,9 @@ exports[`component:<Table> prop:store 1`] = `
       class="table"
     >
       <thead>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <th>
             <span
               class="view forceRow column"
@@ -3616,7 +3694,9 @@ exports[`component:<Table> renders 1`] = `
       class="table"
     >
       <thead>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <th>
             <span
               class="view forceRow column"
@@ -3786,7 +3866,9 @@ exports[`component:<Table> renders 1`] = `
         </tr>
       </thead>
       <tbody>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3819,7 +3901,9 @@ exports[`component:<Table> renders 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3852,7 +3936,9 @@ exports[`component:<Table> renders 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3885,7 +3971,9 @@ exports[`component:<Table> renders 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3922,7 +4010,9 @@ exports[`component:<Table> renders 1`] = `
             </span>
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3957,7 +4047,9 @@ exports[`component:<Table> renders 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -3990,7 +4082,9 @@ exports[`component:<Table> renders 1`] = `
             />
           </td>
         </tr>
-        <tr>
+        <tr
+          class="notSelected"
+        >
           <td>
             <span
               class="view forceRow column text"
@@ -4040,6 +4134,7 @@ exports[`component:<Table> testId 1`] = `
     >
       <thead>
         <tr
+          class="notSelected"
           data-testid="mirai-head"
         >
           <th
@@ -4222,6 +4317,7 @@ exports[`component:<Table> testId 1`] = `
       </thead>
       <tbody>
         <tr
+          class="notSelected"
           data-testid="mirai-0"
         >
           <td
@@ -4267,6 +4363,7 @@ exports[`component:<Table> testId 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="mirai-1"
         >
           <td
@@ -4312,6 +4409,7 @@ exports[`component:<Table> testId 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="mirai-2"
         >
           <td
@@ -4357,6 +4455,7 @@ exports[`component:<Table> testId 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="mirai-3"
         >
           <td
@@ -4406,6 +4505,7 @@ exports[`component:<Table> testId 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="mirai-4"
         >
           <td
@@ -4453,6 +4553,7 @@ exports[`component:<Table> testId 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="mirai-5"
         >
           <td
@@ -4498,6 +4599,7 @@ exports[`component:<Table> testId 1`] = `
           </td>
         </tr>
         <tr
+          class="notSelected"
           data-testid="mirai-6"
         >
           <td

package/build/components/Tooltip/Tooltip.js

@@ -86,7 +86,7 @@ var Tooltip = function Tooltip(_ref) {
       return setVisible(false);
     }), _defineProperty(_objectSpread2, "className", (0, _helpers.styles)(_TooltipModule.default.dispatcher, child.props.className)), _defineProperty(_objectSpread2, "testId", testId ? "".concat(testId, "-dispatcher") : undefined), _objectSpread2)));
   }), /*#__PURE__*/_react.default.createElement(_primitives.LayerContent, null, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
-    className: (0, _helpers.styles)(_TooltipModule.default.tooltip, (propLeft || propRight) && _TooltipModule.default.align, left && _TooltipModule.default.left, right && _TooltipModule.default.right, top ? _TooltipModule.default.top : _TooltipModule.default.bottom, others.className)
+    className: (0, _helpers.styles)(_TooltipModule.default.tooltip, propLeft || propRight ? _TooltipModule.default.align : _TooltipModule.default.notAlign, left && _TooltipModule.default.left, right && _TooltipModule.default.right, !left && !right && _TooltipModule.default.default, top ? _TooltipModule.default.top : _TooltipModule.default.bottom, others.className)
   }), Template ? /*#__PURE__*/_react.default.createElement(Template, null) : /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     bold: true,
     small: true,

package/build/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","inherit","useState","setVisible","position","setPosition","fixed","role","testId","others","React","Children","map","child","index","cloneElement","key","props","onClick","undefined","isPressableInstance","styles","style","dispatcher","className","tooltip","align","bottom","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\nimport { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n  children,\n  left: propLeft,\n  pressable = false,\n  right: propRight,\n  Template,\n  text,\n  timestamp,\n  top: propTop,\n  visible: propVisible = false,\n  ...inherit\n}) => {\n  const [visible, setVisible] = useState(propVisible);\n  const [position, setPosition] = useState({});\n\n  const { fixed, role = 'tooltip', testId, ...others } = inherit;\n  const { left, right, top = propTop } = position;\n\n  return text || Template ? (\n    <Layer\n      {...{ fixed, role, testId, timestamp, top, visible }}\n      centered\n      forceRender={false}\n      left={propLeft}\n      right={propRight}\n      onPosition={setPosition}\n    >\n      {React.Children.map(children, (child, index) =>\n        React.cloneElement(child, {\n          key: index,\n          ...child.props,\n          onClick: pressable ? () => setVisible(!visible) : undefined,\n          [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n          [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: () => setVisible(false),\n          className: styles(style.dispatcher, child.props.className),\n          testId: testId ? `${testId}-dispatcher` : undefined,\n        }),\n      )}\n\n      <LayerContent>\n        <View\n          {...others}\n          className={styles(\n            style.tooltip,\n            (propLeft || propRight) && style.align,\n            left && style.left,\n            right && style.right,\n            top ? style.top : style.bottom,\n            others.className,\n          )}\n        >\n          {Template ? (\n            <Template />\n          ) : (\n            <Text bold small className={style.text}>\n              {text}\n            </Text>\n          )}\n        </View>\n      </LayerContent>\n    </Layer>\n  ) : (\n    <>{children}</>\n  );\n};\n\nTooltip.propTypes = {\n  children: PropTypes.node.isRequired,\n  left: PropTypes.bool,\n  pressable: PropTypes.bool,\n  right: PropTypes.bool,\n  Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","inherit","useState","setVisible","position","setPosition","fixed","role","testId","others","React","Children","map","child","index","cloneElement","key","props","onClick","undefined","isPressableInstance","styles","style","dispatcher","className","tooltip","align","notAlign","default","bottom","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\nimport { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n  children,\n  left: propLeft,\n  pressable = false,\n  right: propRight,\n  Template,\n  text,\n  timestamp,\n  top: propTop,\n  visible: propVisible = false,\n  ...inherit\n}) => {\n  const [visible, setVisible] = useState(propVisible);\n  const [position, setPosition] = useState({});\n\n  const { fixed, role = 'tooltip', testId, ...others } = inherit;\n  const { left, right, top = propTop } = position;\n\n  return text || Template ? (\n    <Layer\n      {...{ fixed, role, testId, timestamp, top, visible }}\n      centered\n      forceRender={false}\n      left={propLeft}\n      right={propRight}\n      onPosition={setPosition}\n    >\n      {React.Children.map(children, (child, index) =>\n        React.cloneElement(child, {\n          key: index,\n          ...child.props,\n          onClick: pressable ? () => setVisible(!visible) : undefined,\n          [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n          [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: () => setVisible(false),\n          className: styles(style.dispatcher, child.props.className),\n          testId: testId ? `${testId}-dispatcher` : undefined,\n        }),\n      )}\n\n      <LayerContent>\n        <View\n          {...others}\n          className={styles(\n            style.tooltip,\n            propLeft || propRight ? style.align : style.notAlign,\n            left && style.left,\n            right && style.right,\n            !left && !right && style.default,\n            top ? style.top : style.bottom,\n            others.className,\n          )}\n        >\n          {Template ? (\n            <Template />\n          ) : (\n            <Text bold small className={style.text}>\n              {text}\n            </Text>\n          )}\n        </View>\n      </LayerContent>\n    </Layer>\n  ) : (\n    <>{children}</>\n  );\n};\n\nTooltip.propTypes = {\n  children: PropTypes.node.isRequired,\n  left: PropTypes.bool,\n  pressable: PropTypes.bool,\n  right: PropTypes.bool,\n  Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}

package/build/components/Tooltip/Tooltip.module.css

@@ -22,25 +22,25 @@
   width: 0;
 }
 
-.tooltip:not(.align):not(.left):not(.right):before {
+.tooltip.notAlign.default:before {
   left: calc(50% - calc(var(--mirai-ui-tooltip-space) / 2));
 }
 
-.tooltip.top:not(.align):before {
+.tooltip.top.notAlign:before {
   border-color: var(--mirai-ui-tooltip-background) transparent transparent transparent;
   bottom: calc(calc(var(--mirai-ui-tooltip-space) / 2) * -1);
 }
 
-.tooltip.bottom:not(.align):before {
+.tooltip.bottom.notAlign:before {
   border-color: transparent transparent var(--mirai-ui-tooltip-background) transparent;
   top: calc(calc(var(--mirai-ui-tooltip-space) / 2) * -1);
 }
 
-.tooltip.left:not(.align):before {
+.tooltip.left.notAlign:before {
   left: calc(var(--mirai-ui-tooltip-space) * 2);
 }
 
-.tooltip.right:not(.align):before {
+.tooltip.right.notAlign:before {
   right: calc(var(--mirai-ui-tooltip-space) * 2);
 }