@mirai/ui 1.0.218 → 1.0.221

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

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

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

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