@mirai/ui 1.0.133 → 1.0.135

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

@@ -4,44 +4,69 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.select = void 0;
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 var select = function select() {
   var dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    filter = _ref.filter,
     search = _ref.search,
     _ref$sort = _ref.sort,
     sort = _ref$sort === void 0 ? {} : _ref$sort;
-  var flatten = dataSource.map(function (row) {
-    return _objectSpread({}, row);
-  });
-  flatten.forEach(function (row, index) {
-    Object.entries(row).forEach(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-        key = _ref3[0],
-        value = _ref3[1];
-      if (_typeof(value === null || value === void 0 ? void 0 : value.$$typeof) === 'symbol') delete flatten[index][key];
+  var flatten = _toConsumableArray(dataSource);
+  var values = [];
+  if ((filter === null || filter === void 0 ? void 0 : filter.length) > 0) {
+    var filterGrouped = _toConsumableArray(filter).reduce(function (group) {
+      var item = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var itemFound = group.find(function (_ref2) {
+        var field = _ref2.field;
+        return item.field === field;
+      });
+      if (itemFound && item.value) {
+        if (!Array.isArray(itemFound.value)) itemFound.value = [itemFound.value];
+        itemFound.value.push(item.value);
+      } else {
+        group.push(_objectSpread({}, item));
+      }
+      return group;
+    }, []);
+    flatten = flatten.filter(function () {
+      var row = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      return filterGrouped.every(function (_ref3) {
+        var _row$field;
+        var field = _ref3.field,
+          _ref3$max = _ref3.max,
+          max = _ref3$max === void 0 ? Infinity : _ref3$max,
+          _ref3$min = _ref3.min,
+          min = _ref3$min === void 0 ? -Infinity : _ref3$min,
+          value = _ref3.value;
+        return value ? !Array.isArray(value) ? (_row$field = row[field]) === null || _row$field === void 0 ? void 0 : _row$field.toLowerCase().includes(value.toLowerCase()) : value.some(function (item) {
+          var _row$field2;
+          return (_row$field2 = row[field]) === null || _row$field2 === void 0 ? void 0 : _row$field2.toLowerCase().includes(item.toLowerCase());
+        }) : min || max ? row[field] >= min && row[field] <= max : false;
+      });
     });
-  });
-  var values = search ? [] : _toConsumableArray(dataSource);
+  }
   if (search) {
     flatten.forEach(function (row, index) {
-      if (JSON.stringify(row).toLowerCase().includes(search.toLowerCase())) values.push(dataSource[index]);
+      // ! TODO: Somehow we need get the last node value in a JSX structure
+      var rowValues = Object.values(row).filter(function (value) {
+        return !(_typeof(value === null || value === void 0 ? void 0 : value.$$typeof) === 'symbol' || Array.isArray(value) && _typeof(value[0]) === 'object');
+      });
+      if (JSON.stringify(rowValues).toLowerCase().includes(search.toLowerCase())) values.push(flatten[index]);
     });
+  } else {
+    values = _toConsumableArray(flatten);
   }
   Object.keys(sort).forEach(function (key) {
     var order = sort[key] ? 1 : -1;

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["select","dataSource","search","sort","flatten","map","row","forEach","index","Object","entries","key","value","$$typeof","values","JSON","stringify","toLowerCase","includes","push","keys","order","a","b"],"sources":["../../../../src/components/Table/helpers/select.js"],"sourcesContent":["export const select = (dataSource = [], { search, sort = {} } = {}) => {\n  const flatten = dataSource.map((row) => ({ ...row }));\n  flatten.forEach((row, index) => {\n    Object.entries(row).forEach(([key, value]) => {\n      if (typeof value?.$$typeof === 'symbol') delete flatten[index][key];\n    });\n  });\n\n  let values = search ? [] : [...dataSource];\n  if (search) {\n    flatten.forEach((row, index) => {\n      if (JSON.stringify(row).toLowerCase().includes(search.toLowerCase())) values.push(dataSource[index]);\n    });\n  }\n\n  Object.keys(sort).forEach((key) => {\n    const order = sort[key] ? 1 : -1;\n\n    values.sort((a, b) => (a[key] >= b[key] ? 1 * order : -1 * order));\n  });\n\n  return values;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAO,IAAMA,MAAM,GAAG,SAATA,MAAM,GAAoD;EAAA,IAAhDC,UAAU,uEAAG,EAAE;EAAA,+EAA0B,CAAC,CAAC;IAAxBC,MAAM,QAANA,MAAM;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,CAAC,CAAC;EACzD,IAAMC,OAAO,GAAGH,UAAU,CAACI,GAAG,CAAC,UAACC,GAAG;IAAA,yBAAWA,GAAG;EAAA,CAAG,CAAC;EACrDF,OAAO,CAACG,OAAO,CAAC,UAACD,GAAG,EAAEE,KAAK,EAAK;IAC9BC,MAAM,CAACC,OAAO,CAACJ,GAAG,CAAC,CAACC,OAAO,CAAC,iBAAkB;MAAA;QAAhBI,GAAG;QAAEC,KAAK;MACtC,IAAI,QAAOA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,QAAQ,MAAK,QAAQ,EAAE,OAAOT,OAAO,CAACI,KAAK,CAAC,CAACG,GAAG,CAAC;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAIG,MAAM,GAAGZ,MAAM,GAAG,EAAE,sBAAOD,UAAU,CAAC;EAC1C,IAAIC,MAAM,EAAE;IACVE,OAAO,CAACG,OAAO,CAAC,UAACD,GAAG,EAAEE,KAAK,EAAK;MAC9B,IAAIO,IAAI,CAACC,SAAS,CAACV,GAAG,CAAC,CAACW,WAAW,EAAE,CAACC,QAAQ,CAAChB,MAAM,CAACe,WAAW,EAAE,CAAC,EAAEH,MAAM,CAACK,IAAI,CAAClB,UAAU,CAACO,KAAK,CAAC,CAAC;IACtG,CAAC,CAAC;EACJ;EAEAC,MAAM,CAACW,IAAI,CAACjB,IAAI,CAAC,CAACI,OAAO,CAAC,UAACI,GAAG,EAAK;IACjC,IAAMU,KAAK,GAAGlB,IAAI,CAACQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEhCG,MAAM,CAACX,IAAI,CAAC,UAACmB,CAAC,EAAEC,CAAC;MAAA,OAAMD,CAAC,CAACX,GAAG,CAAC,IAAIY,CAAC,CAACZ,GAAG,CAAC,GAAG,CAAC,GAAGU,KAAK,GAAG,CAAC,CAAC,GAAGA,KAAK;IAAA,CAAC,CAAC;EACpE,CAAC,CAAC;EAEF,OAAOP,MAAM;AACf,CAAC;AAAC"}
+{"version":3,"file":"select.js","names":["select","dataSource","filter","search","sort","flatten","values","length","filterGrouped","reduce","group","item","itemFound","find","field","value","Array","isArray","push","row","every","max","Infinity","min","toLowerCase","includes","some","forEach","index","rowValues","Object","$$typeof","JSON","stringify","keys","key","order","a","b"],"sources":["../../../../src/components/Table/helpers/select.js"],"sourcesContent":["export const select = (dataSource = [], { filter, search, sort = {} } = {}) => {\n  let flatten = [...dataSource];\n  let values = [];\n\n  if (filter?.length > 0) {\n    const filterGrouped = [...filter].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 = Infinity, min = -Infinity, value }) =>\n        value\n          ? !Array.isArray(value)\n            ? row[field]?.toLowerCase().includes(value.toLowerCase())\n            : value.some((item) => row[field]?.toLowerCase().includes(item.toLowerCase()))\n          : min || max\n          ? row[field] >= min && row[field] <= max\n          : false,\n      ),\n    );\n  }\n\n  if (search) {\n    flatten.forEach((row, index) => {\n      // ! TODO: Somehow we need get the last node value in a JSX structure\n      const rowValues = Object.values(row).filter(\n        (value) => !(typeof value?.$$typeof === 'symbol' || (Array.isArray(value) && typeof value[0] === 'object')),\n      );\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 order = sort[key] ? 1 : -1;\n    values.sort((a, b) => (a[key] >= b[key] ? 1 * order : -1 * order));\n  });\n\n  return values;\n};\n"],"mappings":"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"}

package/build/primitives/Checkbox/Checkbox.js

@@ -38,7 +38,7 @@ var Checkbox = function Checkbox(_ref) {
     name: name,
     type: "checkbox",
     value: value,
-    className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked),
+    className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked, _CheckboxModule.default.input),
     onChange: handleChange
   }), children);
 };

package/build/primitives/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","styles","style","checkbox","className","displayName","propTypes","PropTypes","bool","node","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked = false, children, disabled, name, value = '', onChange = () => {}, ...others }) => {\n  const handleChange = (event) => {\n    if (disabled) return;\n\n    const {\n      target: { checked },\n    } = event;\n    onChange(checked, event);\n  };\n\n  return (\n    <div className={styles(style.checkbox, others.className)} style={others.style}>\n      <input\n        checked={checked}\n        data-testid={others['data-testid']}\n        disabled={disabled}\n        name={name}\n        type=\"checkbox\"\n        value={value}\n        className={styles(checked && style.checked)}\n        onChange={handleChange}\n      />\n      {children}\n    </div>\n  );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA0C;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAkG;EAAA,wBAA5FC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EACvG,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEd,IACYF,OAAO,GACfQ,KAAK,CADPC,MAAM,CAAIT,OAAO;IAEnBK,QAAQ,CAACL,OAAO,EAAEQ,KAAK,CAAC;EAC1B,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAE,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEN,MAAM,CAACO,SAAS,CAAE;IAAC,KAAK,EAAEP,MAAM,CAACK;EAAM,gBAC5E;IACE,OAAO,EAAEX,OAAQ;IACjB,eAAaM,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,UAAU;IACf,KAAK,EAAEC,KAAM;IACb,SAAS,EAAE,IAAAM,eAAM,EAACV,OAAO,IAAIW,uBAAK,CAACX,OAAO,CAAE;IAC5C,QAAQ,EAAEO;EAAa,EACvB,EACDN,QAAQ,CACL;AAEV,CAAC;AAAC;AAEFF,QAAQ,CAACe,WAAW,GAAG,oBAAoB;AAE3Cf,QAAQ,CAACgB,SAAS,GAAG;EACnBf,OAAO,EAAEgB,kBAAS,CAACC,IAAI;EACvBhB,QAAQ,EAAEe,kBAAS,CAACE,IAAI;EACxBhB,QAAQ,EAAEc,kBAAS,CAACC,IAAI;EACxBd,IAAI,EAAEa,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjChB,KAAK,EAAEY,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DZ,QAAQ,EAAEW,kBAAS,CAACM;AACtB,CAAC"}
+{"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","styles","style","checkbox","className","input","displayName","propTypes","PropTypes","bool","node","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked = false, children, disabled, name, value = '', onChange = () => {}, ...others }) => {\n  const handleChange = (event) => {\n    if (disabled) return;\n\n    const {\n      target: { checked },\n    } = event;\n    onChange(checked, event);\n  };\n\n  return (\n    <div className={styles(style.checkbox, others.className)} style={others.style}>\n      <input\n        checked={checked}\n        data-testid={others['data-testid']}\n        disabled={disabled}\n        name={name}\n        type=\"checkbox\"\n        value={value}\n        className={styles(checked && style.checked, style.input)}\n        onChange={handleChange}\n      />\n      {children}\n    </div>\n  );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA0C;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAkG;EAAA,wBAA5FC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EACvG,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEd,IACYF,OAAO,GACfQ,KAAK,CADPC,MAAM,CAAIT,OAAO;IAEnBK,QAAQ,CAACL,OAAO,EAAEQ,KAAK,CAAC;EAC1B,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAE,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEN,MAAM,CAACO,SAAS,CAAE;IAAC,KAAK,EAAEP,MAAM,CAACK;EAAM,gBAC5E;IACE,OAAO,EAAEX,OAAQ;IACjB,eAAaM,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,UAAU;IACf,KAAK,EAAEC,KAAM;IACb,SAAS,EAAE,IAAAM,eAAM,EAACV,OAAO,IAAIW,uBAAK,CAACX,OAAO,EAAEW,uBAAK,CAACG,KAAK,CAAE;IACzD,QAAQ,EAAEP;EAAa,EACvB,EACDN,QAAQ,CACL;AAEV,CAAC;AAAC;AAEFF,QAAQ,CAACgB,WAAW,GAAG,oBAAoB;AAE3ChB,QAAQ,CAACiB,SAAS,GAAG;EACnBhB,OAAO,EAAEiB,kBAAS,CAACC,IAAI;EACvBjB,QAAQ,EAAEgB,kBAAS,CAACE,IAAI;EACxBjB,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxBf,IAAI,EAAEc,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjCjB,KAAK,EAAEa,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Db,QAAQ,EAAEY,kBAAS,CAACM;AACtB,CAAC"}

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

@@ -35,3 +35,9 @@
   background-color: var(--mirai-ui-checkbox-checked);
   border-color: var(--mirai-ui-checkbox-checked);
 }
+
+/* -- reset defaults -------------------------------------------------------- */
+.checkbox input.input {
+  margin-right: 0;
+  top: 0;
+}

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

@@ -6,7 +6,7 @@ exports[`primitive:<Checkbox> inherit:className 1`] = `
     class="checkbox mirai"
   >
     <input
-      class=""
+      class="input"
       name="name"
       type="checkbox"
       value=""
@@ -22,7 +22,7 @@ exports[`primitive:<Checkbox> prop:checked && disabled 1`] = `
   >
     <input
       checked=""
-      class="checked"
+      class="checked input"
       disabled=""
       name="name"
       type="checkbox"
@@ -39,7 +39,7 @@ exports[`primitive:<Checkbox> prop:checked 1`] = `
   >
     <input
       checked=""
-      class="checked"
+      class="checked input"
       name="name"
       type="checkbox"
       value=""
@@ -54,7 +54,7 @@ exports[`primitive:<Checkbox> prop:children 1`] = `
     class="checkbox"
   >
     <input
-      class=""
+      class="input"
       name="name"
       type="checkbox"
       value=""
@@ -70,7 +70,7 @@ exports[`primitive:<Checkbox> prop:disabled 1`] = `
     class="checkbox"
   >
     <input
-      class=""
+      class="input"
       disabled=""
       name="name"
       type="checkbox"
@@ -86,7 +86,7 @@ exports[`primitive:<Checkbox> prop:value 1`] = `
     class="checkbox"
   >
     <input
-      class=""
+      class="input"
       name="name"
       type="checkbox"
       value="value"
@@ -101,7 +101,7 @@ exports[`primitive:<Checkbox> render 1`] = `
     class="checkbox"
   >
     <input
-      class=""
+      class="input"
       name="name"
       type="checkbox"
       value=""
@@ -116,7 +116,7 @@ exports[`primitive:<Checkbox> testID 1`] = `
     class="checkbox"
   >
     <input
-      class=""
+      class="input"
       data-testid="mirai"
       name="name"
       type="checkbox"

package/build/primitives/Icon/Icon.constants.js

@@ -31,7 +31,7 @@ var ICON = {
   SUCCESS: _md.MdOutlineCheckCircle,
   WARNING: _md.MdOutlineWarningAmber,
   // <Table>
-  FILTER: _md.MdOutlineFilterAlt
+  FILTER: _md.MdOutlineFilterList
 };
 exports.ICON = ICON;
 //# sourceMappingURL=Icon.constants.js.map

package/build/primitives/Icon/Icon.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.constants.js","names":["ICON","LEFT","RIGHT","UP","DOWN","CHECK","ADD","REMOVE","EXPAND_LESS","EXPAND_MORE","SEARCH","EYE_OPEN","EYE_CLOSE","CLOSE","ERROR","INFO","SUCCESS","WARNING","FILTER"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import {\n  // <Calendar>\n  MdOutlineArrowBack as LEFT,\n  MdOutlineArrowForward as RIGHT,\n  MdOutlineArrowUpward as UP,\n  MdOutlineArrowDownward as DOWN,\n  // <InputOption>\n  MdOutlineCheck as CHECK,\n  // <InputNumber>\n  MdOutlineAdd as ADD,\n  MdOutlineRemove as REMOVE,\n  // <InputSelect>\n  MdOutlineExpandLess as EXPAND_LESS,\n  MdOutlineExpandMore as EXPAND_MORE,\n  // <InputText>\n  MdOutlineSearch as SEARCH,\n  MdOutlineVisibility as EYE_OPEN,\n  MdOutlineVisibilityOff as EYE_CLOSE,\n  // <Modal>\n  MdOutlineClose as CLOSE,\n  // <Notification> & <InputText>\n  MdErrorOutline as ERROR,\n  MdOutlineInfo as INFO,\n  MdOutlineCheckCircle as SUCCESS,\n  MdOutlineWarningAmber as WARNING,\n  // <Table>\n  MdOutlineFilterAlt as FILTER,\n} from 'react-icons/md';\n\nexport const ICON = {\n  // <Calendar>\n  LEFT,\n  RIGHT,\n  UP,\n  DOWN,\n  // <Check>\n  CHECK,\n  // <InputOption>\n  ADD,\n  REMOVE,\n  // <InputSelect>\n  EXPAND_LESS,\n  EXPAND_MORE,\n  // <InputText>\n  SEARCH,\n  EYE_OPEN,\n  EYE_CLOSE,\n  // <Modal>\n  CLOSE,\n  // <Notification> & <InputText>\n  ERROR,\n  INFO,\n  SUCCESS,\n  WARNING,\n  // <Table>\n  FILTER,\n};\n"],"mappings":";;;;;;AAAA;AA6BO,IAAMA,IAAI,GAAG;EAClB;EACAC,IAAI,EAAJA,sBAAI;EACJC,KAAK,EAALA,yBAAK;EACLC,EAAE,EAAFA,wBAAE;EACFC,IAAI,EAAJA,0BAAI;EACJ;EACAC,KAAK,EAALA,kBAAK;EACL;EACAC,GAAG,EAAHA,gBAAG;EACHC,MAAM,EAANA,mBAAM;EACN;EACAC,WAAW,EAAXA,uBAAW;EACXC,WAAW,EAAXA,uBAAW;EACX;EACAC,MAAM,EAANA,mBAAM;EACNC,QAAQ,EAARA,uBAAQ;EACRC,SAAS,EAATA,0BAAS;EACT;EACAC,KAAK,EAALA,kBAAK;EACL;EACAC,KAAK,EAALA,kBAAK;EACLC,IAAI,EAAJA,iBAAI;EACJC,OAAO,EAAPA,wBAAO;EACPC,OAAO,EAAPA,yBAAO;EACP;EACAC,MAAM,EAANA;AACF,CAAC;AAAC"}
+{"version":3,"file":"Icon.constants.js","names":["ICON","LEFT","RIGHT","UP","DOWN","CHECK","ADD","REMOVE","EXPAND_LESS","EXPAND_MORE","SEARCH","EYE_OPEN","EYE_CLOSE","CLOSE","ERROR","INFO","SUCCESS","WARNING","FILTER"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import {\n  // <Calendar>\n  MdOutlineArrowBack as LEFT,\n  MdOutlineArrowForward as RIGHT,\n  MdOutlineArrowUpward as UP,\n  MdOutlineArrowDownward as DOWN,\n  // <InputOption>\n  MdOutlineCheck as CHECK,\n  // <InputNumber>\n  MdOutlineAdd as ADD,\n  MdOutlineRemove as REMOVE,\n  // <InputSelect>\n  MdOutlineExpandLess as EXPAND_LESS,\n  MdOutlineExpandMore as EXPAND_MORE,\n  // <InputText>\n  MdOutlineSearch as SEARCH,\n  MdOutlineVisibility as EYE_OPEN,\n  MdOutlineVisibilityOff as EYE_CLOSE,\n  // <Modal>\n  MdOutlineClose as CLOSE,\n  // <Notification> & <InputText>\n  MdErrorOutline as ERROR,\n  MdOutlineInfo as INFO,\n  MdOutlineCheckCircle as SUCCESS,\n  MdOutlineWarningAmber as WARNING,\n  // <Table>\n  MdOutlineFilterList as FILTER,\n} from 'react-icons/md';\n\nexport const ICON = {\n  // <Calendar>\n  LEFT,\n  RIGHT,\n  UP,\n  DOWN,\n  // <Check>\n  CHECK,\n  // <InputOption>\n  ADD,\n  REMOVE,\n  // <InputSelect>\n  EXPAND_LESS,\n  EXPAND_MORE,\n  // <InputText>\n  SEARCH,\n  EYE_OPEN,\n  EYE_CLOSE,\n  // <Modal>\n  CLOSE,\n  // <Notification> & <InputText>\n  ERROR,\n  INFO,\n  SUCCESS,\n  WARNING,\n  // <Table>\n  FILTER,\n};\n"],"mappings":";;;;;;AAAA;AA6BO,IAAMA,IAAI,GAAG;EAClB;EACAC,IAAI,EAAJA,sBAAI;EACJC,KAAK,EAALA,yBAAK;EACLC,EAAE,EAAFA,wBAAE;EACFC,IAAI,EAAJA,0BAAI;EACJ;EACAC,KAAK,EAALA,kBAAK;EACL;EACAC,GAAG,EAAHA,gBAAG;EACHC,MAAM,EAANA,mBAAM;EACN;EACAC,WAAW,EAAXA,uBAAW;EACXC,WAAW,EAAXA,uBAAW;EACX;EACAC,MAAM,EAANA,mBAAM;EACNC,QAAQ,EAARA,uBAAQ;EACRC,SAAS,EAATA,0BAAS;EACT;EACAC,KAAK,EAALA,kBAAK;EACL;EACAC,KAAK,EAALA,kBAAK;EACLC,IAAI,EAAJA,iBAAI;EACJC,OAAO,EAAPA,wBAAO;EACPC,OAAO,EAAPA,yBAAO;EACP;EACAC,MAAM,EAANA;AACF,CAAC;AAAC"}

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

@@ -484,15 +484,11 @@ exports[`primitive:<Icon> prop:value prop:value (FILTER) 1`] = `
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M0 0h24m0 24H0"
+        d="M0 0h24v24H0V0z"
         fill="none"
       />
       <path
-        d="M7 6h10l-5.01 6.3L7 6zm-2.75-.39C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0018.95 4H5.04c-.83 0-1.3.95-.79 1.61z"
-      />
-      <path
-        d="M0 0h24v24H0V0z"
-        fill="none"
+        d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
       />
     </svg>
   </span>

package/build/primitives/Radio/Radio.js

@@ -36,7 +36,8 @@ var Radio = function Radio(_ref) {
     name: name,
     type: "radio",
     value: value,
-    onChange: handleChange
+    onChange: handleChange,
+    className: _RadioModule.default.input
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: _RadioModule.default.checkmark
   }));

package/build/primitives/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","styles","style","radio","className","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Radio.module.css';\n\nconst Radio = ({ checked = false, disabled, name, value = '', onChange = () => {}, ...others }) => {\n  const handleChange = (event) => {\n    if (disabled) return;\n\n    onChange(value, event);\n  };\n\n  return (\n    <div className={styles(style.radio, others.className)} style={others.style}>\n      <input\n        checked={checked}\n        data-testid={others['data-testid']}\n        disabled={disabled}\n        name={name}\n        type=\"radio\"\n        value={value}\n        onChange={handleChange}\n      />\n      <span className={style.checkmark} />\n    </div>\n  );\n};\n\nRadio.displayName = 'Primitive:Radio';\n\nRadio.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Radio };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAAwF;EAAA,wBAAlFC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAC1F,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEdG,QAAQ,CAACD,KAAK,EAAEI,KAAK,CAAC;EACxB,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEL,MAAM,CAACM,SAAS,CAAE;IAAC,KAAK,EAAEN,MAAM,CAACI;EAAM,gBACzE;IACE,OAAO,EAAET,OAAQ;IACjB,eAAaK,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,OAAO;IACZ,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG;EAAa,EACvB,eACF;IAAM,SAAS,EAAEG,oBAAK,CAACG;EAAU,EAAG,CAChC;AAEV,CAAC;AAAC;AAEFb,KAAK,CAACc,WAAW,GAAG,iBAAiB;AAErCd,KAAK,CAACe,SAAS,GAAG;EAChBd,OAAO,EAAEe,kBAAS,CAACC,IAAI;EACvBf,QAAQ,EAAEc,kBAAS,CAACC,IAAI;EACxBd,IAAI,EAAEa,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjCf,KAAK,EAAEY,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DZ,QAAQ,EAAEW,kBAAS,CAACK;AACtB,CAAC"}
+{"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","styles","style","radio","className","input","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Radio.module.css';\n\nconst Radio = ({ checked = false, disabled, name, value = '', onChange = () => {}, ...others }) => {\n  const handleChange = (event) => {\n    if (disabled) return;\n\n    onChange(value, event);\n  };\n\n  return (\n    <div className={styles(style.radio, others.className)} style={others.style}>\n      <input\n        checked={checked}\n        data-testid={others['data-testid']}\n        disabled={disabled}\n        name={name}\n        type=\"radio\"\n        value={value}\n        onChange={handleChange}\n        className={style.input}\n      />\n      <span className={style.checkmark} />\n    </div>\n  );\n};\n\nRadio.displayName = 'Primitive:Radio';\n\nRadio.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Radio };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAAwF;EAAA,wBAAlFC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAC1F,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEdG,QAAQ,CAACD,KAAK,EAAEI,KAAK,CAAC;EACxB,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEL,MAAM,CAACM,SAAS,CAAE;IAAC,KAAK,EAAEN,MAAM,CAACI;EAAM,gBACzE;IACE,OAAO,EAAET,OAAQ;IACjB,eAAaK,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,OAAO;IACZ,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG,YAAa;IACvB,SAAS,EAAEG,oBAAK,CAACG;EAAM,EACvB,eACF;IAAM,SAAS,EAAEH,oBAAK,CAACI;EAAU,EAAG,CAChC;AAEV,CAAC;AAAC;AAEFd,KAAK,CAACe,WAAW,GAAG,iBAAiB;AAErCf,KAAK,CAACgB,SAAS,GAAG;EAChBf,OAAO,EAAEgB,kBAAS,CAACC,IAAI;EACvBhB,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxBf,IAAI,EAAEc,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjChB,KAAK,EAAEa,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Db,QAAQ,EAAEY,kBAAS,CAACK;AACtB,CAAC"}

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

@@ -50,3 +50,9 @@
 .radio input:checked:not(:disabled) ~ .checkmark {
   background-color: var(--mirai-ui-radio-base);
 }
+
+/* -- reset defaults -------------------------------------------------------- */
+.radio input.input {
+  margin-right: 0;
+  top: 0;
+}

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

@@ -6,6 +6,7 @@ exports[`primitive:<Radio> inherit:className 1`] = `
     class="radio mirai"
   >
     <input
+      class="input"
       name="name"
       type="radio"
       value=""
@@ -24,6 +25,7 @@ exports[`primitive:<Radio> prop:checked && disabled 1`] = `
   >
     <input
       checked=""
+      class="input"
       disabled=""
       name="name"
       type="radio"
@@ -43,6 +45,7 @@ exports[`primitive:<Radio> prop:checked 1`] = `
   >
     <input
       checked=""
+      class="input"
       name="name"
       type="radio"
       value=""
@@ -60,6 +63,7 @@ exports[`primitive:<Radio> prop:disabled 1`] = `
     class="radio"
   >
     <input
+      class="input"
       disabled=""
       name="name"
       type="radio"
@@ -78,6 +82,7 @@ exports[`primitive:<Radio> prop:value 1`] = `
     class="radio"
   >
     <input
+      class="input"
       name="name"
       type="radio"
       value="value"
@@ -95,6 +100,7 @@ exports[`primitive:<Radio> render 1`] = `
     class="radio"
   >
     <input
+      class="input"
       name="name"
       type="radio"
       value=""
@@ -112,6 +118,7 @@ exports[`primitive:<Radio> testID 1`] = `
     class="radio"
   >
     <input
+      class="input"
       data-testid="mirai"
       name="name"
       type="radio"

package/package.json

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