@mirai/ui 1.0.218 → 1.0.222

package/build/components/Table/helpers/select.js

@@ -22,15 +22,21 @@ var select = function select() {
     dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
     _ref$filter = _ref.filter,
     filter = _ref$filter === void 0 ? [] : _ref$filter,
+    limit = _ref.limit,
     _ref$schema = _ref.schema,
     schema = _ref$schema === void 0 ? {} : _ref$schema,
     search = _ref.search,
     _ref$sort = _ref.sort,
     sort = _ref$sort === void 0 ? {} : _ref$sort;
+  var has = {
+    filter: (filter === null || filter === void 0 ? void 0 : filter.length) > 0,
+    search: !!search,
+    sort: Object.keys(sort).length > 0
+  };
+  var fields = Object.keys(schema);
   var flatten = _toConsumableArray(dataSource);
   var values = [];
-  var fields = Object.keys(schema);
-  if ((filter === null || filter === void 0 ? void 0 : filter.length) > 0) {
+  if (has.filter) {
     var filterGrouped = _toConsumableArray(filter).filter(function (_ref2) {
       var field = _ref2.field;
       return fields.includes(field);
@@ -71,7 +77,7 @@ var select = function select() {
       });
     });
   }
-  if (search) {
+  if (has.search) {
     flatten.forEach(function (row, index) {
       var rowValues = Object.keys(row).filter(function (key) {
         var _schema$key, _schema$key2;
@@ -84,18 +90,20 @@ var select = function select() {
   } else {
     values = _toConsumableArray(flatten);
   }
-  Object.keys(sort).forEach(function (key) {
-    var fieldKey = schema[key].bind || key;
-    var order = sort[key] ? 1 : -1;
-    values.sort(function () {
-      var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        a = _ref5[fieldKey];
-      var _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-        b = _ref6[fieldKey];
-      return (a === undefined || a < b ? -1 : b === undefined || a > b ? 1 : 0) * order;
+  if (has.sort) {
+    Object.keys(sort).forEach(function (key) {
+      var fieldKey = schema[key].bind || key;
+      var order = sort[key] ? 1 : -1;
+      values.sort(function () {
+        var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          a = _ref5[fieldKey];
+        var _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+          b = _ref6[fieldKey];
+        return (a === undefined || a < b ? -1 : b === undefined || a > b ? 1 : 0) * order;
+      });
     });
-  });
-  return values;
+  }
+  return limit && !has.filter && !has.search ? values.slice(0, limit) : values;
 };
 exports.select = select;
 //# sourceMappingURL=select.js.map

package/build/components/Table/helpers/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["select","dataSource","filter","schema","search","sort","flatten","values","fields","Object","keys","length","filterGrouped","field","includes","reduce","group","item","itemFound","find","value","Array","isArray","push","row","every","max","min","filterValue","filterValues","fieldKey","bind","type","fieldValue","join","toLowerCase","undefined","some","Infinity","flat","forEach","index","rowValues","key","map","JSON","stringify","order","a","b"],"sources":["../../../../src/components/Table/helpers/select.js"],"sourcesContent":["export const select = ({ dataSource = [], filter = [], schema = {}, search, sort = {} } = {}) => {\n  let flatten = [...dataSource];\n  let values = [];\n\n  const fields = Object.keys(schema);\n\n  if (filter?.length > 0) {\n    const filterGrouped = [...filter]\n      .filter(({ field }) => fields.includes(field))\n      .reduce((group, item = {}) => {\n        const itemFound = group.find(({ field }) => item.field === field);\n\n        if (itemFound && item.value) {\n          if (!Array.isArray(itemFound.value)) itemFound.value = [itemFound.value];\n          itemFound.value.push(item.value);\n        } else {\n          group.push({ ...item });\n        }\n\n        return group;\n      }, []);\n\n    flatten = flatten.filter((row = {}) =>\n      filterGrouped.every(({ field, max, min, value: filterValue, values: filterValues = [] }) => {\n        const fieldKey = schema[field].bind || field;\n        const { type } = schema[fieldKey];\n        let fieldValue = row[fieldKey];\n\n        if (type === 'boolean') fieldValue = fieldValue ? 'true' : 'false';\n        else if (type !== 'options' && Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ')?.toLowerCase();\n\n        if (fieldValue === undefined) return false;\n\n        return filterValue && type !== 'options'\n          ? !Array.isArray(filterValue)\n            ? fieldValue.toLowerCase().includes(filterValue.toLowerCase())\n            : filterValue.some((item) => fieldValue.includes(item.toLowerCase()))\n          : type === 'number'\n          ? fieldValue >= (min || -Infinity) && fieldValue <= (max || Infinity)\n          : type === 'options'\n          ? filterValues\n              .flat()\n              .some((item) => (Array.isArray(fieldValue) ? fieldValue.includes(item) : fieldValue === item))\n          : false;\n      }),\n    );\n  }\n\n  if (search) {\n    flatten.forEach((row, index) => {\n      const rowValues = Object.keys(row)\n        .filter((key) => !schema[key]?.bind && schema[key]?.type !== 'component')\n        .map((key) => row[key]);\n\n      if (JSON.stringify(rowValues).toLowerCase().includes(search.toLowerCase())) values.push(flatten[index]);\n    });\n  } else {\n    values = [...flatten];\n  }\n\n  Object.keys(sort).forEach((key) => {\n    const fieldKey = schema[key].bind || key;\n    const order = sort[key] ? 1 : -1;\n\n    values.sort(\n      ({ [fieldKey]: a } = {}, { [fieldKey]: b } = {}) =>\n        (a === undefined || a < b ? -1 : b === undefined || a > b ? 1 : 0) * order,\n    );\n  });\n\n  return values;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAO,IAAMA,MAAM,GAAG,SAATA,MAAM,GAA8E;EAAA,+EAAP,CAAC,CAAC;IAAA,uBAAnEC,UAAU;IAAVA,UAAU,gCAAG,EAAE;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,CAAC,CAAC;IAAEC,MAAM,QAANA,MAAM;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,CAAC,CAAC;EACnF,IAAIC,OAAO,sBAAOL,UAAU,CAAC;EAC7B,IAAIM,MAAM,GAAG,EAAE;EAEf,IAAMC,MAAM,GAAGC,MAAM,CAACC,IAAI,CAACP,MAAM,CAAC;EAElC,IAAI,CAAAD,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAES,MAAM,IAAG,CAAC,EAAE;IACtB,IAAMC,aAAa,GAAG,mBAAIV,MAAM,EAC7BA,MAAM,CAAC;MAAA,IAAGW,KAAK,SAALA,KAAK;MAAA,OAAOL,MAAM,CAACM,QAAQ,CAACD,KAAK,CAAC;IAAA,EAAC,CAC7CE,MAAM,CAAC,UAACC,KAAK,EAAgB;MAAA,IAAdC,IAAI,uEAAG,CAAC,CAAC;MACvB,IAAMC,SAAS,GAAGF,KAAK,CAACG,IAAI,CAAC;QAAA,IAAGN,KAAK,SAALA,KAAK;QAAA,OAAOI,IAAI,CAACJ,KAAK,KAAKA,KAAK;MAAA,EAAC;MAEjE,IAAIK,SAAS,IAAID,IAAI,CAACG,KAAK,EAAE;QAC3B,IAAI,CAACC,KAAK,CAACC,OAAO,CAACJ,SAAS,CAACE,KAAK,CAAC,EAAEF,SAAS,CAACE,KAAK,GAAG,CAACF,SAAS,CAACE,KAAK,CAAC;QACxEF,SAAS,CAACE,KAAK,CAACG,IAAI,CAACN,IAAI,CAACG,KAAK,CAAC;MAClC,CAAC,MAAM;QACLJ,KAAK,CAACO,IAAI,mBAAMN,IAAI,EAAG;MACzB;MAEA,OAAOD,KAAK;IACd,CAAC,EAAE,EAAE,CAAC;IAERV,OAAO,GAAGA,OAAO,CAACJ,MAAM,CAAC;MAAA,IAACsB,GAAG,uEAAG,CAAC,CAAC;MAAA,OAChCZ,aAAa,CAACa,KAAK,CAAC,iBAAwE;QAAA;QAAA,IAArEZ,KAAK,SAALA,KAAK;UAAEa,GAAG,SAAHA,GAAG;UAAEC,GAAG,SAAHA,GAAG;UAASC,WAAW,SAAlBR,KAAK;UAAA,qBAAeb,MAAM;UAAEsB,YAAY,6BAAG,EAAE;QACnF,IAAMC,QAAQ,GAAG3B,MAAM,CAACU,KAAK,CAAC,CAACkB,IAAI,IAAIlB,KAAK;QAC5C,IAAQmB,IAAI,GAAK7B,MAAM,CAAC2B,QAAQ,CAAC,CAAzBE,IAAI;QACZ,IAAIC,UAAU,GAAGT,GAAG,CAACM,QAAQ,CAAC;QAE9B,IAAIE,IAAI,KAAK,SAAS,EAAEC,UAAU,GAAGA,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,KAC9D,IAAID,IAAI,KAAK,SAAS,IAAIX,KAAK,CAACC,OAAO,CAACW,UAAU,CAAC,EAAEA,UAAU,uBAAGA,UAAU,CAACC,IAAI,CAAC,GAAG,CAAC,qDAApB,iBAAsBC,WAAW,EAAE;QAE1G,IAAIF,UAAU,KAAKG,SAAS,EAAE,OAAO,KAAK;QAE1C,OAAOR,WAAW,IAAII,IAAI,KAAK,SAAS,GACpC,CAACX,KAAK,CAACC,OAAO,CAACM,WAAW,CAAC,GACzBK,UAAU,CAACE,WAAW,EAAE,CAACrB,QAAQ,CAACc,WAAW,CAACO,WAAW,EAAE,CAAC,GAC5DP,WAAW,CAACS,IAAI,CAAC,UAACpB,IAAI;UAAA,OAAKgB,UAAU,CAACnB,QAAQ,CAACG,IAAI,CAACkB,WAAW,EAAE,CAAC;QAAA,EAAC,GACrEH,IAAI,KAAK,QAAQ,GACjBC,UAAU,KAAKN,GAAG,IAAI,CAACW,QAAQ,CAAC,IAAIL,UAAU,KAAKP,GAAG,IAAIY,QAAQ,CAAC,GACnEN,IAAI,KAAK,SAAS,GAClBH,YAAY,CACTU,IAAI,EAAE,CACNF,IAAI,CAAC,UAACpB,IAAI;UAAA,OAAMI,KAAK,CAACC,OAAO,CAACW,UAAU,CAAC,GAAGA,UAAU,CAACnB,QAAQ,CAACG,IAAI,CAAC,GAAGgB,UAAU,KAAKhB,IAAI;QAAA,CAAC,CAAC,GAChG,KAAK;MACX,CAAC,CAAC;IAAA,EACH;EACH;EAEA,IAAIb,MAAM,EAAE;IACVE,OAAO,CAACkC,OAAO,CAAC,UAAChB,GAAG,EAAEiB,KAAK,EAAK;MAC9B,IAAMC,SAAS,GAAGjC,MAAM,CAACC,IAAI,CAACc,GAAG,CAAC,CAC/BtB,MAAM,CAAC,UAACyC,GAAG;QAAA;QAAA,OAAK,iBAACxC,MAAM,CAACwC,GAAG,CAAC,wCAAX,YAAaZ,IAAI,KAAI,iBAAA5B,MAAM,CAACwC,GAAG,CAAC,iDAAX,aAAaX,IAAI,MAAK,WAAW;MAAA,EAAC,CACxEY,GAAG,CAAC,UAACD,GAAG;QAAA,OAAKnB,GAAG,CAACmB,GAAG,CAAC;MAAA,EAAC;MAEzB,IAAIE,IAAI,CAACC,SAAS,CAACJ,SAAS,CAAC,CAACP,WAAW,EAAE,CAACrB,QAAQ,CAACV,MAAM,CAAC+B,WAAW,EAAE,CAAC,EAAE5B,MAAM,CAACgB,IAAI,CAACjB,OAAO,CAACmC,KAAK,CAAC,CAAC;IACzG,CAAC,CAAC;EACJ,CAAC,MAAM;IACLlC,MAAM,sBAAOD,OAAO,CAAC;EACvB;EAEAG,MAAM,CAACC,IAAI,CAACL,IAAI,CAAC,CAACmC,OAAO,CAAC,UAACG,GAAG,EAAK;IACjC,IAAMb,QAAQ,GAAG3B,MAAM,CAACwC,GAAG,CAAC,CAACZ,IAAI,IAAIY,GAAG;IACxC,IAAMI,KAAK,GAAG1C,IAAI,CAACsC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEhCpC,MAAM,CAACF,IAAI,CACT;MAAA,gFAAqB,CAAC,CAAC;QAAR2C,CAAC,SAAZlB,QAAQ;MAAA,gFAAiC,CAAC,CAAC;QAARmB,CAAC,SAAZnB,QAAQ;MAAA,OAClC,CAACkB,CAAC,KAAKZ,SAAS,IAAIY,CAAC,GAAGC,CAAC,GAAG,CAAC,CAAC,GAAGA,CAAC,KAAKb,SAAS,IAAIY,CAAC,GAAGC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAIF,KAAK;IAAA,EAC7E;EACH,CAAC,CAAC;EAEF,OAAOxC,MAAM;AACf,CAAC;AAAC"}
+{"version":3,"file":"select.js","names":["select","dataSource","filter","limit","schema","search","sort","has","length","Object","keys","fields","flatten","values","filterGrouped","field","includes","reduce","group","item","itemFound","find","value","Array","isArray","push","row","every","max","min","filterValue","filterValues","fieldKey","bind","type","fieldValue","join","toLowerCase","undefined","some","Infinity","flat","forEach","index","rowValues","key","map","JSON","stringify","order","a","b","slice"],"sources":["../../../../src/components/Table/helpers/select.js"],"sourcesContent":["export const select = ({ dataSource = [], filter = [], limit, schema = {}, search, sort = {} } = {}) => {\n  const has = { filter: filter?.length > 0, search: !!search, sort: Object.keys(sort).length > 0 };\n  const fields = Object.keys(schema);\n  let flatten = [...dataSource];\n  let values = [];\n\n  if (has.filter) {\n    const filterGrouped = [...filter]\n      .filter(({ field }) => fields.includes(field))\n      .reduce((group, item = {}) => {\n        const itemFound = group.find(({ field }) => item.field === field);\n\n        if (itemFound && item.value) {\n          if (!Array.isArray(itemFound.value)) itemFound.value = [itemFound.value];\n          itemFound.value.push(item.value);\n        } else {\n          group.push({ ...item });\n        }\n\n        return group;\n      }, []);\n\n    flatten = flatten.filter((row = {}) =>\n      filterGrouped.every(({ field, max, min, value: filterValue, values: filterValues = [] }) => {\n        const fieldKey = schema[field].bind || field;\n        const { type } = schema[fieldKey];\n        let fieldValue = row[fieldKey];\n\n        if (type === 'boolean') fieldValue = fieldValue ? 'true' : 'false';\n        else if (type !== 'options' && Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ')?.toLowerCase();\n\n        if (fieldValue === undefined) return false;\n\n        return filterValue && type !== 'options'\n          ? !Array.isArray(filterValue)\n            ? fieldValue.toLowerCase().includes(filterValue.toLowerCase())\n            : filterValue.some((item) => fieldValue.includes(item.toLowerCase()))\n          : type === 'number'\n          ? fieldValue >= (min || -Infinity) && fieldValue <= (max || Infinity)\n          : type === 'options'\n          ? filterValues\n              .flat()\n              .some((item) => (Array.isArray(fieldValue) ? fieldValue.includes(item) : fieldValue === item))\n          : false;\n      }),\n    );\n  }\n\n  if (has.search) {\n    flatten.forEach((row, index) => {\n      const rowValues = Object.keys(row)\n        .filter((key) => !schema[key]?.bind && schema[key]?.type !== 'component')\n        .map((key) => row[key]);\n\n      if (JSON.stringify(rowValues).toLowerCase().includes(search.toLowerCase())) values.push(flatten[index]);\n    });\n  } else {\n    values = [...flatten];\n  }\n\n  if (has.sort) {\n    Object.keys(sort).forEach((key) => {\n      const fieldKey = schema[key].bind || key;\n      const order = sort[key] ? 1 : -1;\n\n      values.sort(\n        ({ [fieldKey]: a } = {}, { [fieldKey]: b } = {}) =>\n          (a === undefined || a < b ? -1 : b === undefined || a > b ? 1 : 0) * order,\n      );\n    });\n  }\n\n  return limit && !has.filter && !has.search ? values.slice(0, limit) : values;\n};\n"],"mappings":"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"}

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);
 }
 

package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap

@@ -6,7 +6,7 @@ exports[` 1`] = `
     data-testid="onEnter"
   >
     <button
-      class="pressable button active default primary solid enabled dispatcher"
+      class="pressable button dispatcher"
       data-testid="onEnter-dispatcher"
     >
       Action
@@ -21,7 +21,7 @@ exports[` 2`] = `
     data-testid="onEnter"
   >
     <button
-      class="pressable button active default primary solid enabled dispatcher"
+      class="pressable button dispatcher"
       data-testid="onEnter-dispatcher"
     >
       Action
@@ -36,7 +36,7 @@ exports[` 3`] = `
     data-testid="onPress"
   >
     <button
-      class="pressable button active default primary solid enabled dispatcher"
+      class="pressable button dispatcher"
       data-testid="onPress-dispatcher"
     >
       Action
@@ -51,7 +51,7 @@ exports[` 4`] = `
     data-testid="onPress"
   >
     <button
-      class="pressable button active default primary solid enabled dispatcher"
+      class="pressable button dispatcher"
       data-testid="onPress-dispatcher"
     >
       Action
@@ -63,7 +63,7 @@ exports[` 4`] = `
 exports[`component:<Tooltip> inherit:className 1`] = `
 <DocumentFragment>
   <button
-    class="pressable button active default primary solid enabled"
+    class="pressable button"
   >
     Action
   </button>
@@ -74,7 +74,7 @@ exports[`component:<Tooltip> prop:Template 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button active default primary solid enabled dispatcher"
+      class="pressable button dispatcher"
     >
       Action
     </button>
@@ -84,7 +84,7 @@ exports[`component:<Tooltip> prop:Template 1`] = `
     style="left: 0px; top: 0px;"
   >
     <div
-      class="view tooltip notAlign left bottom"
+      class="view tooltip left bottom"
     >
       <strong>
         mirai
@@ -98,7 +98,7 @@ exports[`component:<Tooltip> prop:text 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button active default primary solid enabled dispatcher"
+      class="pressable button dispatcher"
     >
       Action
     </button>
@@ -108,7 +108,7 @@ exports[`component:<Tooltip> prop:text 1`] = `
     style="left: 0px; top: 0px;"
   >
     <div
-      class="view tooltip notAlign left bottom"
+      class="view tooltip left bottom"
     >
       <span
         class="text bold small text"
@@ -123,7 +123,7 @@ exports[`component:<Tooltip> prop:text 1`] = `
 exports[`component:<Tooltip> prop:top 1`] = `
 <DocumentFragment>
   <button
-    class="pressable button active default primary solid enabled"
+    class="pressable button"
   >
     Action
   </button>
@@ -133,7 +133,7 @@ exports[`component:<Tooltip> prop:top 1`] = `
 exports[`component:<Tooltip> renders 1`] = `
 <DocumentFragment>
   <button
-    class="pressable button active default primary solid enabled"
+    class="pressable button"
   >
     Action
   </button>
@@ -146,7 +146,7 @@ exports[`component:<Tooltip> testId 1`] = `
     data-testid="mirai"
   >
     <button
-      class="pressable button active default primary solid enabled dispatcher"
+      class="pressable button dispatcher"
       data-testid="mirai-dispatcher"
     >
       Action

package/build/primitives/Checkbox/Checkbox.module.css

@@ -29,10 +29,9 @@
 
 .checkbox input:disabled.checked {
   background-color: var(--mirai-ui-checkbox-disabled);
-  border-color: var(--mirai-ui-checkbox-disabled);
 }
 
-.checkbox input.checked {
+.checkbox input:not(:disabled).checked {
   background-color: var(--mirai-ui-checkbox-checked);
   border-color: var(--mirai-ui-checkbox-checked);
 }

package/build/primitives/Layer/Layer.module.css

@@ -1,8 +1,11 @@
 .layer {
-  position: absolute;
   z-index: var(--mirai-ui-layer-content);
 }
 
+.layer:not(.fixed) {
+  position: absolute;
+}
+
 .layer.fixed {
   position: fixed;
 }

package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap

@@ -37,7 +37,7 @@ exports[`primitive:<Layer> w/ centered && visible 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button active default primary solid enabled"
+      class="pressable button"
     >
       Action
     </button>
@@ -59,7 +59,7 @@ exports[`primitive:<Layer> w/ component & <LayerContent> 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button active default primary solid enabled"
+      class="pressable button"
     >
       Action
     </button>
@@ -81,7 +81,7 @@ exports[`primitive:<Layer> w/ component 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button active default primary solid enabled"
+      class="pressable button"
     >
       Action
     </button>
@@ -97,7 +97,7 @@ exports[`primitive:<Layer> w/ fixed 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button active default primary solid enabled"
+      class="pressable button"
     >
       Action
     </button>
@@ -119,7 +119,7 @@ exports[`primitive:<Layer> w/ forceRender={false} & <LayerContent> 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button active default primary solid enabled"
+      class="pressable button"
     >
       Action
     </button>
@@ -131,7 +131,7 @@ exports[`primitive:<Layer> w/ visible 1`] = `
 <DocumentFragment>
   <span>
     <button
-      class="pressable button active default primary solid enabled"
+      class="pressable button"
     >
       Action
     </button>

package/build/primitives/Radio/Radio.module.css

@@ -38,7 +38,7 @@
   border-color: var(--mirai-ui-radio-disabled);
 }
 
-.radio input:checked {
+.radio input:checked:not(:disabled) {
   background-color: var(--mirai-ui-radio-checked);
   border-color: var(--mirai-ui-radio-checked);
 }
@@ -47,7 +47,7 @@
   background-color: var(--mirai-ui-radio-disabled);
 }
 
-.radio input:checked ~ .checkmark {
+.radio input:checked:not(:disabled) ~ .checkmark {
   background-color: var(--mirai-ui-radio-base);
 }
 

package/build/primitives/Select/Select.module.css

@@ -18,14 +18,10 @@
   -moz-appearance: none;
 }
 
-.select.empty {
+.select.empty:not(:focus) {
   color: var(--mirai-ui-input-disabled);
 }
 
-.select.empty:focus {
-  color: var(--mirai-ui-input-color);
-}
-
 .select:disabled {
   color: var(--mirai-ui-input-disabled);
   opacity: 1;

package/build/primitives/Switch/Switch.module.css

@@ -56,11 +56,7 @@
 }
 
 @media only screen and (min-width: 600px) {
-  .switch:hover input + .area {
+  .switch:hover input:not(:disabled) + .area {
     background-color: var(--mirai-ui-switch-color-hover);
   }
-
-  .switch:hover input:disabled + .area {
-    background-color: var(--mirai-ui-switch-disabled);
-  }
 }

package/build/primitives/Text/Text.module.css

@@ -18,26 +18,22 @@
   font-weight: var(--mirai-ui-font-bold-weight);
 }
 
-.headline-1,
-h1.headline-1 {
+.headline-1 {
   font-size: var(--mirai-ui-font-size-headline-1);
   line-height: var(--mirai-ui-line-height-headline-1);
 }
 
-.headline-2,
-h2.headline-2 {
+.headline-2 {
   font-size: var(--mirai-ui-font-size-headline-2);
   line-height: var(--mirai-ui-line-height-headline-2);
 }
 
-.headline-3,
-h3.headline-3 {
+.headline-3 {
   font-size: var(--mirai-ui-font-size-headline-3);
   line-height: var(--mirai-ui-line-height-headline-3);
 }
 
-.headline-4,
-h4.headline-4 {
+.headline-4 {
   font-size: var(--mirai-ui-font-size-headline-4);
   line-height: var(--mirai-ui-line-height-headline-4);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.218",
+  "version": "1.0.222",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",