@mirai/ui 1.0.67 → 1.0.68

package/build/components/InputOption/InputOption.module.css

@@ -11,6 +11,7 @@
   left: 0;
   margin: calc(calc(var(--mirai-ui-checkbox-size) - var(--mirai-ui-input-text-icon)) / 2);
   position: absolute;
+  pointer-events: none;
   top: 0;
 }
 

package/build/components/Table/Table.Row.js

@@ -19,6 +19,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];
 var TableRow = function TableRow(_ref) {
   var dataSource = _ref.dataSource,
     schema = _ref.schema,
@@ -33,28 +34,31 @@ var TableRow = function TableRow(_ref) {
   var fields = Object.keys(schema);
   var tag = isHead ? 'th' : 'td';
   var testId = others['data-testid'];
+  var handlePress = function handlePress(field, event) {
+    var _event$target = event.target;
+    _event$target = _event$target === void 0 ? {} : _event$target;
+    var type = _event$target.type;
+    if (CUSTOM_EVENT_TYPES.includes(type)) return;
+    isHead ? onSort(field) : onPress && onPress(dataSource, event);
+  };
   return /*#__PURE__*/_react.default.createElement("tr", _extends({}, others, {
     role: "tr",
     className: (0, _helpers.styles)(selected && _TableModule.default.selected, onPress && _TableModule.default.onPress)
   }), fields.map(function (field, index) {
     var _React$createElement;
-    return /*#__PURE__*/_react.default.createElement(tag, (_React$createElement = {}, _defineProperty(_React$createElement, 'data-testid', testId ? "".concat(testId, "-").concat(field) : undefined), _defineProperty(_React$createElement, "key", field), _defineProperty(_React$createElement, "onClick", !isHead && onPress ? function () {
-      return onPress(dataSource);
-    } : undefined), _React$createElement), /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    return /*#__PURE__*/_react.default.createElement(tag, (_React$createElement = {}, _defineProperty(_React$createElement, 'data-testid', testId ? "".concat(testId, "-").concat(field) : undefined), _defineProperty(_React$createElement, "key", field), _defineProperty(_React$createElement, "onClick", function onClick(event) {
+      return handlePress(field, event);
+    }), _React$createElement), /*#__PURE__*/_react.default.createElement(_primitives.View, {
       row: true,
-      tag: "span",
-      className: isHead && _TableModule.default.head,
-      onClick: isHead ? function () {
-        return onSort(field);
-      } : undefined
+      tag: "span"
     }, onSelect && index === 0 && /*#__PURE__*/_react.default.createElement(_InputOption.InputOption, {
       checked: selected,
       "data-testid": testId ? "".concat(testId, "-checkbox") : undefined,
       disabled: isHead,
       name: "checkbox",
       className: _TableModule.default.checkbox,
-      onChange: function onChange() {
-        return onSelect(dataSource);
+      onChange: function onChange(event) {
+        return onSelect(dataSource, event);
       }
     }), isHead ? schema[field].label : dataSource[field], isHead && onSort && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
       value: sort[field] ? _primitives.ICON.DOWN : _primitives.ICON.UP,

package/build/components/Table/Table.Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.Row.js","names":["TableRow","dataSource","schema","selected","sort","onPress","onSelect","onSort","others","isHead","undefined","fields","Object","keys","tag","testId","styles","style","map","field","index","React","createElement","head","checkbox","label","ICON","DOWN","UP","hideIcon","displayName","propTypes","PropTypes","shape","isRequired","bool","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport style from './Table.module.css';\n\nconst TableRow = ({ dataSource, schema, selected, sort = {}, onPress, onSelect, onSort, ...others }) => {\n  const isHead = dataSource === undefined;\n  const fields = Object.keys(schema);\n  const tag = isHead ? 'th' : 'td';\n  const { ['data-testid']: testId } = others;\n\n  return (\n    <tr {...others} role=\"tr\" className={styles(selected && style.selected, onPress && style.onPress)}>\n      {fields.map((field, index) =>\n        React.createElement(\n          tag,\n          {\n            ['data-testid']: testId ? `${testId}-${field}` : undefined,\n            key: field,\n            onClick: !isHead && onPress ? () => onPress(dataSource) : undefined,\n          },\n          <View row tag=\"span\" className={isHead && style.head} onClick={isHead ? () => onSort(field) : undefined}>\n            {onSelect && index === 0 && (\n              <InputOption\n                checked={selected}\n                data-testid={testId ? `${testId}-checkbox` : undefined}\n                disabled={isHead}\n                name=\"checkbox\"\n                className={style.checkbox}\n                onChange={() => onSelect(dataSource)}\n              />\n            )}\n            {isHead ? schema[field].label : dataSource[field]}\n            {isHead && onSort && (\n              <Icon value={sort[field] ? ICON.DOWN : ICON.UP} className={sort[field] === undefined && style.hideIcon} />\n            )}\n          </View>,\n        ),\n      )}\n    </tr>\n  );\n};\n\nTableRow.displayName = 'Table:Row';\n\nTableRow.propTypes = {\n  dataSource: PropTypes.shape({}),\n  schema: PropTypes.shape({}).isRequired,\n  selected: PropTypes.bool,\n  sort: PropTypes.shape({}),\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { TableRow };\n"],"mappings":"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"}
+{"version":3,"file":"Table.Row.js","names":["CUSTOM_EVENT_TYPES","TableRow","dataSource","schema","selected","sort","onPress","onSelect","onSort","others","isHead","undefined","fields","Object","keys","tag","testId","handlePress","field","event","target","type","includes","styles","style","map","index","React","createElement","checkbox","label","ICON","DOWN","UP","hideIcon","displayName","propTypes","PropTypes","shape","isRequired","bool","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport style from './Table.module.css';\n\nconst CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];\n\nconst TableRow = ({ dataSource, schema, selected, sort = {}, onPress, onSelect, onSort, ...others }) => {\n  const isHead = dataSource === undefined;\n  const fields = Object.keys(schema);\n  const tag = isHead ? 'th' : 'td';\n  const { ['data-testid']: testId } = others;\n\n  const handlePress = (field, event) => {\n    const { target: { type } = {} } = event;\n    if (CUSTOM_EVENT_TYPES.includes(type)) return;\n\n    isHead ? onSort(field) : onPress && onPress(dataSource, event);\n  };\n\n  return (\n    <tr {...others} role=\"tr\" className={styles(selected && style.selected, onPress && style.onPress)}>\n      {fields.map((field, index) =>\n        React.createElement(\n          tag,\n          {\n            ['data-testid']: testId ? `${testId}-${field}` : undefined,\n            key: field,\n            onClick: (event) => handlePress(field, event),\n          },\n          <View row tag=\"span\">\n            {onSelect && index === 0 && (\n              <InputOption\n                checked={selected}\n                data-testid={testId ? `${testId}-checkbox` : undefined}\n                disabled={isHead}\n                name=\"checkbox\"\n                className={style.checkbox}\n                onChange={(event) => onSelect(dataSource, event)}\n              />\n            )}\n            {isHead ? schema[field].label : dataSource[field]}\n            {isHead && onSort && (\n              <Icon value={sort[field] ? ICON.DOWN : ICON.UP} className={sort[field] === undefined && style.hideIcon} />\n            )}\n          </View>,\n        ),\n      )}\n    </tr>\n  );\n};\n\nTableRow.displayName = 'Table:Row';\n\nTableRow.propTypes = {\n  dataSource: PropTypes.shape({}),\n  schema: PropTypes.shape({}).isRequired,\n  selected: PropTypes.bool,\n  sort: PropTypes.shape({}),\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { TableRow };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,kBAAkB,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;AAE7E,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAA0F;EAAA,IAApFC,UAAU,QAAVA,UAAU;IAAEC,MAAM,QAANA,MAAM;IAAEC,QAAQ,QAARA,QAAQ;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,CAAC,CAAC;IAAEC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAKC,MAAM;EAC/F,IAAMC,MAAM,GAAGR,UAAU,KAAKS,SAAS;EACvC,IAAMC,MAAM,GAAGC,MAAM,CAACC,IAAI,CAACX,MAAM,CAAC;EAClC,IAAMY,GAAG,GAAGL,MAAM,GAAG,IAAI,GAAG,IAAI;EAChC,IAAyBM,MAAM,GAAKP,MAAM,CAAjC,aAAa;EAEtB,IAAMQ,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAK,EAAEC,KAAK,EAAK;IACpC,oBAAkCA,KAAK,CAA/BC,MAAM;IAAd,2CAA2B,CAAC,CAAC;IAA7B,IAAkBC,IAAI,iBAAJA,IAAI;IACtB,IAAIrB,kBAAkB,CAACsB,QAAQ,CAACD,IAAI,CAAC,EAAE;IAEvCX,MAAM,GAAGF,MAAM,CAACU,KAAK,CAAC,GAAGZ,OAAO,IAAIA,OAAO,CAACJ,UAAU,EAAEiB,KAAK,CAAC;EAChE,CAAC;EAED,oBACE,gDAAQV,MAAM;IAAE,IAAI,EAAC,IAAI;IAAC,SAAS,EAAE,IAAAc,eAAM,EAACnB,QAAQ,IAAIoB,oBAAK,CAACpB,QAAQ,EAAEE,OAAO,IAAIkB,oBAAK,CAAClB,OAAO;EAAE,IAC/FM,MAAM,CAACa,GAAG,CAAC,UAACP,KAAK,EAAEQ,KAAK;IAAA;IAAA,oBACvBC,cAAK,CAACC,aAAa,CACjBb,GAAG,oEAEA,aAAa,EAAGC,MAAM,aAAMA,MAAM,cAAIE,KAAK,IAAKP,SAAS,gDACrDO,KAAK,oDACD,iBAACC,KAAK;MAAA,OAAKF,WAAW,CAACC,KAAK,EAAEC,KAAK,CAAC;IAAA,wCAE/C,6BAAC,gBAAI;MAAC,GAAG;MAAC,GAAG,EAAC;IAAM,GACjBZ,QAAQ,IAAImB,KAAK,KAAK,CAAC,iBACtB,6BAAC,wBAAW;MACV,OAAO,EAAEtB,QAAS;MAClB,eAAaY,MAAM,aAAMA,MAAM,iBAAcL,SAAU;MACvD,QAAQ,EAAED,MAAO;MACjB,IAAI,EAAC,UAAU;MACf,SAAS,EAAEc,oBAAK,CAACK,QAAS;MAC1B,QAAQ,EAAE,kBAACV,KAAK;QAAA,OAAKZ,QAAQ,CAACL,UAAU,EAAEiB,KAAK,CAAC;MAAA;IAAC,EAEpD,EACAT,MAAM,GAAGP,MAAM,CAACe,KAAK,CAAC,CAACY,KAAK,GAAG5B,UAAU,CAACgB,KAAK,CAAC,EAChDR,MAAM,IAAIF,MAAM,iBACf,6BAAC,gBAAI;MAAC,KAAK,EAAEH,IAAI,CAACa,KAAK,CAAC,GAAGa,gBAAI,CAACC,IAAI,GAAGD,gBAAI,CAACE,EAAG;MAAC,SAAS,EAAE5B,IAAI,CAACa,KAAK,CAAC,KAAKP,SAAS,IAAIa,oBAAK,CAACU;IAAS,EACxG,CACI,CACR;EAAA,EACF,CACE;AAET,CAAC;AAAC;AAEFjC,QAAQ,CAACkC,WAAW,GAAG,WAAW;AAElClC,QAAQ,CAACmC,SAAS,GAAG;EACnBlC,UAAU,EAAEmC,kBAAS,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/BnC,MAAM,EAAEkC,kBAAS,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,UAAU;EACtCnC,QAAQ,EAAEiC,kBAAS,CAACG,IAAI;EACxBnC,IAAI,EAAEgC,kBAAS,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EACzBhC,OAAO,EAAE+B,kBAAS,CAACI,IAAI;EACvBlC,QAAQ,EAAE8B,kBAAS,CAACI,IAAI;EACxBjC,MAAM,EAAE6B,kBAAS,CAACI;AACpB,CAAC"}

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

@@ -12,7 +12,7 @@ exports[`component:<Table> inherit:className 1`] = `
       >
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             User Name
             <span
@@ -40,7 +40,7 @@ exports[`component:<Table> inherit:className 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Email
             <span
@@ -68,7 +68,7 @@ exports[`component:<Table> inherit:className 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Year
             <span
@@ -96,7 +96,7 @@ exports[`component:<Table> inherit:className 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Twitter
             <span
@@ -124,7 +124,7 @@ exports[`component:<Table> inherit:className 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Action
             <span
@@ -429,7 +429,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
       >
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             <button
               class="pressable inputOption checkbox"
@@ -473,7 +473,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Email
             <span
@@ -501,7 +501,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Year
             <span
@@ -529,7 +529,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Twitter
             <span
@@ -557,7 +557,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Action
             <span
@@ -1050,7 +1050,7 @@ exports[`component:<Table> prop:search 1`] = `
       >
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             User Name
             <span
@@ -1078,7 +1078,7 @@ exports[`component:<Table> prop:search 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Email
             <span
@@ -1106,7 +1106,7 @@ exports[`component:<Table> prop:search 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Year
             <span
@@ -1134,7 +1134,7 @@ exports[`component:<Table> prop:search 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Twitter
             <span
@@ -1162,7 +1162,7 @@ exports[`component:<Table> prop:search 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Action
             <span
@@ -1246,7 +1246,7 @@ exports[`component:<Table> renders 1`] = `
       >
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             User Name
             <span
@@ -1274,7 +1274,7 @@ exports[`component:<Table> renders 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Email
             <span
@@ -1302,7 +1302,7 @@ exports[`component:<Table> renders 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Year
             <span
@@ -1330,7 +1330,7 @@ exports[`component:<Table> renders 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Twitter
             <span
@@ -1358,7 +1358,7 @@ exports[`component:<Table> renders 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Action
             <span
@@ -1663,7 +1663,7 @@ exports[`component:<Table> testID 1`] = `
       >
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             User Name
             <span
@@ -1691,7 +1691,7 @@ exports[`component:<Table> testID 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Email
             <span
@@ -1719,7 +1719,7 @@ exports[`component:<Table> testID 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Year
             <span
@@ -1747,7 +1747,7 @@ exports[`component:<Table> testID 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Twitter
             <span
@@ -1775,7 +1775,7 @@ exports[`component:<Table> testID 1`] = `
         </th>
         <th>
           <span
-            class="view row head"
+            class="view row"
           >
             Action
             <span

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

@@ -1,5 +1,4 @@
 .checkbox {
-  cursor: pointer;
   height: var(--mirai-ui-checkbox-size);
   position: relative;
   width: var(--mirai-ui-checkbox-size);
@@ -10,6 +9,7 @@
   border: solid var(--mirai-ui-border-width) var(--mirai-ui-checkbox-border-color);
   border-radius: var(--mirai-ui-checkbox-border-radius);
   box-sizing: border-box;
+  cursor: pointer;
   height: var(--mirai-ui-checkbox-size);
   margin: 0;
   outline: none;

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

@@ -1,5 +1,4 @@
 .radio {
-  cursor: pointer;
   position: relative;
   height: var(--mirai-ui-radio-size);
   width: var(--mirai-ui-radio-size);
@@ -10,6 +9,7 @@
   border: solid var(--mirai-ui-border-width) var(--mirai-ui-radio-border);
   border-radius: 50%;
   box-sizing: border-box;
+  cursor: pointer;
   height: var(--mirai-ui-radio-size);
   margin: 0;
   outline: none;

package/package.json

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