@mirai/ui 1.0.176 → 1.0.182

package/build/components/InputOption/InputOption.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,13 +14,9 @@ var _InputOptionModule = _interopRequireDefault(require("./InputOption.module.cs
 var _excluded = ["checked", "disabled", "indeterminate", "label", "name", "required", "showRequired", "small", "type", "value", "onChange"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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 _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 InputOption = function InputOption(_ref) {
-  var _React$createElement;
   var checked = _ref.checked,
     disabled = _ref.disabled,
     indeterminate = _ref.indeterminate,
@@ -56,13 +51,14 @@ var InputOption = function InputOption(_ref) {
   }, type === _InputOption.CHECKBOX && (checked || indeterminate) ? /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: checked ? _primitives.ICON.CHECK : _primitives.ICON.REMOVE,
     className: _InputOptionModule.default.icon
-  }) : undefined), label && /*#__PURE__*/_react.default.createElement(_partials.Label, (_React$createElement = {
+  }) : undefined), label && /*#__PURE__*/_react.default.createElement(_partials.Label, {
     action: !small,
     small: small,
     disabled: disabled,
     label: label,
-    required: showRequired && required
-  }, _defineProperty(_React$createElement, "small", small), _defineProperty(_React$createElement, "className", _InputOptionModule.default.label), _React$createElement)));
+    required: showRequired && required,
+    className: _InputOptionModule.default.label
+  }));
 };
 exports.InputOption = InputOption;
 InputOption.displayName = 'Component:InputOption';

package/build/components/InputOption/InputOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","indeterminate","label","name","required","showRequired","small","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","includes","role","styles","style","inputOption","className","ICON","CHECK","REMOVE","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, ICON, Pressable, Radio, Switch } from '../../primitives';\nimport { Label } from '../InputText/partials';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n  checked,\n  disabled,\n  indeterminate,\n  label,\n  name,\n  required,\n  showRequired = false,\n  small,\n  type = CHECKBOX,\n  value = '',\n  onChange = () => {},\n  ...others\n}) => {\n  const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n  const handleChange = (event) => {\n    onChange([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n  };\n\n  return (\n    <Pressable\n      {...others}\n      role={others.role || 'input-option'}\n      preventDefault={false}\n      onPress={handleChange}\n      className={styles(style.inputOption, others.className)}\n    >\n      <Primitive\n        checked={checked || (type === CHECKBOX && indeterminate)}\n        disabled={disabled}\n        name={name}\n        type={type}\n        value={value}\n      >\n        {type === CHECKBOX && (checked || indeterminate) ? (\n          <Icon value={checked ? ICON.CHECK : ICON.REMOVE} className={style.icon} />\n        ) : undefined}\n      </Primitive>\n      {label && (\n        <Label\n          action={!small}\n          small={small}\n          {...{ disabled, label, required: showRequired && required, small }}\n          className={style.label}\n        />\n      )}\n    </Pressable>\n  );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  indeterminate: PropTypes.bool,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  required: PropTypes.bool,\n  showRequired: PropTypes.bool,\n  small: PropTypes.bool,\n  type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":"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"}
+{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","indeterminate","label","name","required","showRequired","small","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","includes","role","styles","style","inputOption","className","ICON","CHECK","REMOVE","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, ICON, Pressable, Radio, Switch } from '../../primitives';\nimport { Label } from '../InputText/partials';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n  checked,\n  disabled,\n  indeterminate,\n  label,\n  name,\n  required,\n  showRequired = false,\n  small,\n  type = CHECKBOX,\n  value = '',\n  onChange = () => {},\n  ...others\n}) => {\n  const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n  const handleChange = (event) => {\n    onChange([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n  };\n\n  return (\n    <Pressable\n      {...others}\n      role={others.role || 'input-option'}\n      preventDefault={false}\n      onPress={handleChange}\n      className={styles(style.inputOption, others.className)}\n    >\n      <Primitive\n        checked={checked || (type === CHECKBOX && indeterminate)}\n        disabled={disabled}\n        name={name}\n        type={type}\n        value={value}\n      >\n        {type === CHECKBOX && (checked || indeterminate) ? (\n          <Icon value={checked ? ICON.CHECK : ICON.REMOVE} className={style.icon} />\n        ) : undefined}\n      </Primitive>\n      {label && (\n        <Label\n          action={!small}\n          small={small}\n          {...{ disabled, label, required: showRequired && required }}\n          className={style.label}\n        />\n      )}\n    </Pressable>\n  );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  indeterminate: PropTypes.bool,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  required: PropTypes.bool,\n  showRequired: PropTypes.bool,\n  small: PropTypes.bool,\n  type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":"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"}

package/build/components/InputText/InputText.js

@@ -85,7 +85,7 @@ var InputText = function InputText(_ref) {
   var has = {
     icon: !!icon || is.search,
     label: !!label,
-    value: others.value !== undefined && ((_others$value = others.value) === null || _others$value === void 0 ? void 0 : _others$value.length) > 0,
+    value: others.value !== undefined && (((_others$value = others.value) === null || _others$value === void 0 ? void 0 : _others$value.length) > 0 || typeof others.value === 'number'),
     stateIcon: showState && (error || success || warning)
   };
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
@@ -119,6 +119,7 @@ var InputText = function InputText(_ref) {
     onEnter: handleEnter,
     onLeave: handleLeave
   })), markdown && !inputMode && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    markdown: true,
     onClick: function onClick() {
       return setInputMode(true);
     },

package/build/components/InputText/InputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.js","names":["InputText","disabled","error","hint","icon","label","markdown","multiLine","showRequired","showState","success","type","warning","onChange","onEnter","onLeave","others","useState","focus","setFocus","password","setPassword","inputMode","setInputMode","handleChange","value","event","handleEnter","handleLeave","handlePress","is","search","undefined","has","length","stateIcon","role","styles","style","inputContainer","className","inputBorder","ICON","SEARCH","left","content","required","input","withLabel","MARKDOWN","EYE_CLOSE","EYE_OPEN","CLOSE","displayName","propTypes","PropTypes","bool","string","func","name","isRequired"],"sources":["../../../src/components/InputText/InputText.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { ICON, Icon, Input, Pressable, Text, View } from '../../primitives';\nimport style from './InputText.module.css';\nimport { Hint, IconState, Label } from './partials';\n\nconst InputText = ({\n  disabled,\n  error,\n  hint,\n  icon,\n  label,\n  markdown,\n  multiLine,\n  showRequired = false,\n  showState = true,\n  success,\n  type,\n  warning,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n  const [password, setPassword] = useState(true);\n  const [inputMode, setInputMode] = useState(true);\n\n  const handleChange = (value, event) => {\n    onChange(value, event);\n  };\n\n  const handleEnter = (event) => {\n    setFocus(true);\n    onEnter(event);\n  };\n\n  const handleLeave = (event) => {\n    setFocus(false);\n    onLeave(event);\n  };\n\n  const handlePress = (event) => {\n    if (is.password) setPassword(!password);\n    else if (is.search) onChange(undefined, event);\n  };\n\n  const is = {\n    password: type === 'password',\n    search: type === 'search',\n  };\n\n  const has = {\n    icon: !!icon || is.search,\n    label: !!label,\n    value: others.value !== undefined && others.value?.length > 0,\n    stateIcon: showState && (error || success || warning),\n  };\n\n  return (\n    <View\n      role={others.role || 'input-text'}\n      className={styles(style.inputContainer, others.className)}\n      style={others.style}\n    >\n      <View\n        row\n        className={styles(\n          style.inputBorder,\n          disabled && style.disabled,\n          error && style.error,\n          focus && !error && style.focus,\n        )}\n      >\n        {has.icon && (\n          <Icon\n            value={icon || ICON.SEARCH}\n            className={styles(style.icon, style.left, disabled && style.disabled, error && style.error)}\n          />\n        )}\n        <View wide className={style.content}>\n          {label && (\n            <Label\n              {...{ disabled, error, focus, label, required: showRequired && others.required, value: others.value }}\n            />\n          )}\n\n          {inputMode && (\n            <Input\n              {...{ disabled, multiLine, ...others }}\n              type={!is.password || password ? type : 'text'}\n              value={others.value || ''}\n              className={styles(style.input, has.label && style.withLabel, multiLine && style.multiLine)}\n              onChange={handleChange}\n              onEnter={handleEnter}\n              onLeave={handleLeave}\n            />\n          )}\n          {markdown && !inputMode && (\n            <Text\n              onClick={() => setInputMode(true)}\n              className={styles(style.input, has.label && style.withLabel, multiLine && style.multiLine)}\n            >\n              {others.value}\n            </Text>\n          )}\n        </View>\n\n        {markdown && (\n          <Pressable onPress={() => setInputMode(!inputMode)}>\n            <Icon value={ICON.MARKDOWN} className={styles(style.icon, inputMode && style.disabled)} />\n          </Pressable>\n        )}\n\n        {(is.password || (is.search && has.value)) && !disabled && (\n          <Pressable tabIndex={-1} onPress={handlePress}>\n            <Icon\n              value={is.password ? (password ? ICON.EYE_CLOSE : ICON.EYE_OPEN) : ICON.CLOSE}\n              className={style.icon}\n            />\n          </Pressable>\n        )}\n\n        {has.stateIcon && <IconState {...{ error, success, warning }} />}\n      </View>\n\n      {hint && <Hint {...{ disabled, error, hint }} />}\n    </View>\n  );\n};\n\nInputText.displayName = 'Component:InputText';\n\nInputText.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  icon: PropTypes.func,\n  label: PropTypes.string,\n  markdown: PropTypes.bool,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  showRequired: PropTypes.bool,\n  showState: PropTypes.bool,\n  success: PropTypes.bool,\n  type: PropTypes.string,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputText };\n"],"mappings":"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"}
+{"version":3,"file":"InputText.js","names":["InputText","disabled","error","hint","icon","label","markdown","multiLine","showRequired","showState","success","type","warning","onChange","onEnter","onLeave","others","useState","focus","setFocus","password","setPassword","inputMode","setInputMode","handleChange","value","event","handleEnter","handleLeave","handlePress","is","search","undefined","has","length","stateIcon","role","styles","style","inputContainer","className","inputBorder","ICON","SEARCH","left","content","required","input","withLabel","MARKDOWN","EYE_CLOSE","EYE_OPEN","CLOSE","displayName","propTypes","PropTypes","bool","string","func","name","isRequired"],"sources":["../../../src/components/InputText/InputText.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { ICON, Icon, Input, Pressable, Text, View } from '../../primitives';\nimport style from './InputText.module.css';\nimport { Hint, IconState, Label } from './partials';\n\nconst InputText = ({\n  disabled,\n  error,\n  hint,\n  icon,\n  label,\n  markdown,\n  multiLine,\n  showRequired = false,\n  showState = true,\n  success,\n  type,\n  warning,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n  const [password, setPassword] = useState(true);\n  const [inputMode, setInputMode] = useState(true);\n\n  const handleChange = (value, event) => {\n    onChange(value, event);\n  };\n\n  const handleEnter = (event) => {\n    setFocus(true);\n    onEnter(event);\n  };\n\n  const handleLeave = (event) => {\n    setFocus(false);\n    onLeave(event);\n  };\n\n  const handlePress = (event) => {\n    if (is.password) setPassword(!password);\n    else if (is.search) onChange(undefined, event);\n  };\n\n  const is = {\n    password: type === 'password',\n    search: type === 'search',\n  };\n\n  const has = {\n    icon: !!icon || is.search,\n    label: !!label,\n    value: others.value !== undefined && (others.value?.length > 0 || typeof others.value === 'number'),\n    stateIcon: showState && (error || success || warning),\n  };\n\n  return (\n    <View\n      role={others.role || 'input-text'}\n      className={styles(style.inputContainer, others.className)}\n      style={others.style}\n    >\n      <View\n        row\n        className={styles(\n          style.inputBorder,\n          disabled && style.disabled,\n          error && style.error,\n          focus && !error && style.focus,\n        )}\n      >\n        {has.icon && (\n          <Icon\n            value={icon || ICON.SEARCH}\n            className={styles(style.icon, style.left, disabled && style.disabled, error && style.error)}\n          />\n        )}\n        <View wide className={style.content}>\n          {label && (\n            <Label\n              {...{ disabled, error, focus, label, required: showRequired && others.required, value: others.value }}\n            />\n          )}\n\n          {inputMode && (\n            <Input\n              {...{ disabled, multiLine, ...others }}\n              type={!is.password || password ? type : 'text'}\n              value={others.value || ''}\n              className={styles(style.input, has.label && style.withLabel, multiLine && style.multiLine)}\n              onChange={handleChange}\n              onEnter={handleEnter}\n              onLeave={handleLeave}\n            />\n          )}\n          {markdown && !inputMode && (\n            <Text\n              markdown\n              onClick={() => setInputMode(true)}\n              className={styles(style.input, has.label && style.withLabel, multiLine && style.multiLine)}\n            >\n              {others.value}\n            </Text>\n          )}\n        </View>\n\n        {markdown && (\n          <Pressable onPress={() => setInputMode(!inputMode)}>\n            <Icon value={ICON.MARKDOWN} className={styles(style.icon, inputMode && style.disabled)} />\n          </Pressable>\n        )}\n\n        {(is.password || (is.search && has.value)) && !disabled && (\n          <Pressable tabIndex={-1} onPress={handlePress}>\n            <Icon\n              value={is.password ? (password ? ICON.EYE_CLOSE : ICON.EYE_OPEN) : ICON.CLOSE}\n              className={style.icon}\n            />\n          </Pressable>\n        )}\n\n        {has.stateIcon && <IconState {...{ error, success, warning }} />}\n      </View>\n\n      {hint && <Hint {...{ disabled, error, hint }} />}\n    </View>\n  );\n};\n\nInputText.displayName = 'Component:InputText';\n\nInputText.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  icon: PropTypes.func,\n  label: PropTypes.string,\n  markdown: PropTypes.bool,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  showRequired: PropTypes.bool,\n  showState: PropTypes.bool,\n  success: PropTypes.bool,\n  type: PropTypes.string,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputText };\n"],"mappings":"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"}

package/build/components/InputText/partials/InputText.Label.js

@@ -24,7 +24,7 @@ var Label = function Label(_ref) {
     value = _ref.value,
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_primitives.Text, _extends({}, others, {
-    className: (0, _helpers.styles)(_InputTextModule.default.text, others.className || _InputTextModule.default.label, disabled && _InputTextModule.default.disabled, focus && _InputTextModule.default.focus, error && _InputTextModule.default.error, (focus || error || value !== undefined && (value === null || value === void 0 ? void 0 : value.length) > 0) && _InputTextModule.default.withValue)
+    className: (0, _helpers.styles)(_InputTextModule.default.text, others.className || _InputTextModule.default.label, disabled && _InputTextModule.default.disabled, focus && _InputTextModule.default.focus, error && _InputTextModule.default.error, (focus || error || value !== undefined && ((value === null || value === void 0 ? void 0 : value.length) > 0 || typeof value === 'number')) && _InputTextModule.default.withValue)
   }), label, required && !disabled && /*#__PURE__*/_react.default.createElement("span", {
     className: _InputTextModule.default.required
   }, " *"));

package/build/components/InputText/partials/InputText.Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.Label.js","names":["Label","disabled","error","focus","label","required","value","others","styles","style","text","className","undefined","length","withValue","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Label.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport style from '../InputText.module.css';\n\nconst Label = ({ disabled, error, focus, label, required = false, value, ...others }) => (\n  <Text\n    {...others}\n    className={styles(\n      style.text,\n      others.className || style.label,\n      disabled && style.disabled,\n      focus && style.focus,\n      error && style.error,\n      (focus || error || (value !== undefined && value?.length > 0)) && style.withValue,\n    )}\n  >\n    {label}\n    {required && !disabled && <span className={style.required}> *</span>}\n  </Text>\n);\n\nLabel.displayName = 'Component:InputText.Label';\n\nLabel.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  focus: PropTypes.bool,\n  label: PropTypes.string,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n};\n\nexport { Label };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAE5C,IAAMA,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,MAAM;EAAA,oBAChF,6BAAC,gBAAI,eACCA,MAAM;IACV,SAAS,EAAE,IAAAC,eAAM,EACfC,wBAAK,CAACC,IAAI,EACVH,MAAM,CAACI,SAAS,IAAIF,wBAAK,CAACL,KAAK,EAC/BH,QAAQ,IAAIQ,wBAAK,CAACR,QAAQ,EAC1BE,KAAK,IAAIM,wBAAK,CAACN,KAAK,EACpBD,KAAK,IAAIO,wBAAK,CAACP,KAAK,EACpB,CAACC,KAAK,IAAID,KAAK,IAAKI,KAAK,KAAKM,SAAS,IAAI,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,MAAM,IAAG,CAAE,KAAKJ,wBAAK,CAACK,SAAS;EACjF,IAEDV,KAAK,EACLC,QAAQ,IAAI,CAACJ,QAAQ,iBAAI;IAAM,SAAS,EAAEQ,wBAAK,CAACJ;EAAS,QAAU,CAC/D;AAAA,CACR;AAAC;AAEFL,KAAK,CAACe,WAAW,GAAG,2BAA2B;AAE/Cf,KAAK,CAACgB,SAAS,GAAG;EAChBf,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,KAAK,EAAEe,kBAAS,CAACC,IAAI;EACrBf,KAAK,EAAEc,kBAAS,CAACC,IAAI;EACrBd,KAAK,EAAEa,kBAAS,CAACE,MAAM;EACvBd,QAAQ,EAAEY,kBAAS,CAACC,IAAI;EACxBZ,KAAK,EAAEW,kBAAS,CAACE;AACnB,CAAC"}
+{"version":3,"file":"InputText.Label.js","names":["Label","disabled","error","focus","label","required","value","others","styles","style","text","className","undefined","length","withValue","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Label.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport style from '../InputText.module.css';\n\nconst Label = ({ disabled, error, focus, label, required = false, value, ...others }) => (\n  <Text\n    {...others}\n    className={styles(\n      style.text,\n      others.className || style.label,\n      disabled && style.disabled,\n      focus && style.focus,\n      error && style.error,\n      (focus || error || (value !== undefined && (value?.length > 0 || typeof value === 'number'))) && style.withValue,\n    )}\n  >\n    {label}\n    {required && !disabled && <span className={style.required}> *</span>}\n  </Text>\n);\n\nLabel.displayName = 'Component:InputText.Label';\n\nLabel.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  focus: PropTypes.bool,\n  label: PropTypes.string,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n};\n\nexport { Label };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAE5C,IAAMA,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,MAAM;EAAA,oBAChF,6BAAC,gBAAI,eACCA,MAAM;IACV,SAAS,EAAE,IAAAC,eAAM,EACfC,wBAAK,CAACC,IAAI,EACVH,MAAM,CAACI,SAAS,IAAIF,wBAAK,CAACL,KAAK,EAC/BH,QAAQ,IAAIQ,wBAAK,CAACR,QAAQ,EAC1BE,KAAK,IAAIM,wBAAK,CAACN,KAAK,EACpBD,KAAK,IAAIO,wBAAK,CAACP,KAAK,EACpB,CAACC,KAAK,IAAID,KAAK,IAAKI,KAAK,KAAKM,SAAS,KAAK,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,MAAM,IAAG,CAAC,IAAI,OAAOP,KAAK,KAAK,QAAQ,CAAE,KAAKG,wBAAK,CAACK,SAAS;EAChH,IAEDV,KAAK,EACLC,QAAQ,IAAI,CAACJ,QAAQ,iBAAI;IAAM,SAAS,EAAEQ,wBAAK,CAACJ;EAAS,QAAU,CAC/D;AAAA,CACR;AAAC;AAEFL,KAAK,CAACe,WAAW,GAAG,2BAA2B;AAE/Cf,KAAK,CAACgB,SAAS,GAAG;EAChBf,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,KAAK,EAAEe,kBAAS,CAACC,IAAI;EACrBf,KAAK,EAAEc,kBAAS,CAACC,IAAI;EACrBd,KAAK,EAAEa,kBAAS,CAACE,MAAM;EACvBd,QAAQ,EAAEY,kBAAS,CAACC,IAAI;EACxBZ,KAAK,EAAEW,kBAAS,CAACE;AACnB,CAAC"}

package/build/components/Table/Table.ColumnFilter.js

@@ -12,10 +12,13 @@ var _primitives = require("../../primitives");
 var _Button = require("../Button");
 var _InputText = require("../InputText");
 var _Menu = require("../Menu");
+var _Table = require("./Table.constants");
 var _TableModule = _interopRequireDefault(require("./Table.module.css"));
+var _excluded = ["field", "l10n", "schema", "visible", "onFocus", "onSubmit"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
@@ -27,12 +30,20 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _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 ColumnFilter = function ColumnFilter(_ref) {
   var field = _ref.field,
-    _ref$labelCancel = _ref.labelCancel,
-    labelCancel = _ref$labelCancel === void 0 ? '$Cancel' : _ref$labelCancel,
-    _ref$labelSubmit = _ref.labelSubmit,
-    labelSubmit = _ref$labelSubmit === void 0 ? '$Submit' : _ref$labelSubmit,
+    _ref$l10n = _ref.l10n;
+  _ref$l10n = _ref$l10n === void 0 ? {} : _ref$l10n;
+  var _ref$l10n$actionCance = _ref$l10n.actionCancel,
+    actionCancel = _ref$l10n$actionCance === void 0 ? '$Cancel' : _ref$l10n$actionCance,
+    _ref$l10n$actionSubmi = _ref$l10n.actionSubmit,
+    actionSubmit = _ref$l10n$actionSubmi === void 0 ? '$Submit' : _ref$l10n$actionSubmi,
+    _ref$l10n$labelMax = _ref$l10n.labelMax,
+    labelMax = _ref$l10n$labelMax === void 0 ? '$max' : _ref$l10n$labelMax,
+    _ref$l10n$labelMin = _ref$l10n.labelMin,
+    labelMin = _ref$l10n$labelMin === void 0 ? '$min' : _ref$l10n$labelMin,
     _ref$schema = _ref.schema;
   _ref$schema = _ref$schema === void 0 ? {} : _ref$schema;
   var label = _ref$schema.label,
@@ -43,7 +54,8 @@ var ColumnFilter = function ColumnFilter(_ref) {
     _ref$onFocus = _ref.onFocus,
     onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
     _ref$onSubmit = _ref.onSubmit,
-    onSubmit = _ref$onSubmit === void 0 ? function () {} : _ref$onSubmit;
+    onSubmit = _ref$onSubmit === void 0 ? function () {} : _ref$onSubmit,
+    others = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)({}),
     _useState2 = _slicedToArray(_useState, 2),
     form = _useState2[0],
@@ -74,7 +86,8 @@ var ColumnFilter = function ColumnFilter(_ref) {
       type: type
     }, form), event);
   };
-  return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+  var testId = others.testId;
+  return /*#__PURE__*/_react.default.createElement(_Menu.Menu, _extends({}, others, {
     options: [{
       children: /*#__PURE__*/_react.default.createElement(_primitives.Text, {
         bold: true,
@@ -86,7 +99,7 @@ var ColumnFilter = function ColumnFilter(_ref) {
         row: true,
         className: _TableModule.default.items
       }, /*#__PURE__*/_react.default.createElement(_InputText.InputText, {
-        label: "min",
+        label: labelMin,
         name: "min",
         type: "number",
         value: form.min,
@@ -97,7 +110,7 @@ var ColumnFilter = function ColumnFilter(_ref) {
         },
         className: _TableModule.default.input
       }), /*#__PURE__*/_react.default.createElement(_InputText.InputText, {
-        label: "max",
+        label: labelMax,
         name: "max",
         type: "number",
         value: form.max,
@@ -128,16 +141,17 @@ var ColumnFilter = function ColumnFilter(_ref) {
         secondary: true,
         wide: true,
         onPress: handleCancel
-      }, labelCancel), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      }, actionCancel), /*#__PURE__*/_react.default.createElement(_Button.Button, {
         wide: true,
-        onPress: handleSubmit
-      }, labelSubmit))
+        onPress: handleSubmit,
+        testId: testId ? "".concat(testId, "-submit") : undefined
+      }, actionSubmit))
     }],
     bottom: true,
     centered: true,
     visible: visible,
-    className: _TableModule.default.menuFilter
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+    className: (0, _helpers.styles)(_TableModule.default.menuFilter, others.className)
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     onPress: handlePress,
     style: {
       position: 'relative'
@@ -151,8 +165,7 @@ exports.ColumnFilter = ColumnFilter;
 ColumnFilter.displayName = 'Component:Table:ColumnFilter';
 ColumnFilter.propTypes = {
   field: _propTypes.default.string.isRequired,
-  labelCancel: _propTypes.default.string,
-  labelSubmit: _propTypes.default.string,
+  l10n: _Table.L10N_SHAPE,
   schema: _propTypes.default.shape({
     label: _propTypes.default.string,
     type: _propTypes.default.string

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

@@ -1 +1 @@
-{"version":3,"file":"Table.ColumnFilter.js","names":["ColumnFilter","field","labelCancel","labelSubmit","schema","label","type","visible","propVisible","onFocus","onSubmit","useState","form","setForm","setVisible","useEffect","handlePress","event","preventDefault","undefined","handleCancel","handleSubmit","children","divider","style","items","min","input","max","value","menuFilter","position","ICON","FILTER","styles","icon","disabled","displayName","propTypes","PropTypes","string","isRequired","shape","bool","func"],"sources":["../../../src/components/Table/Table.ColumnFilter.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { InputText } from '../InputText';\nimport { Menu } from '../Menu';\nimport style from './Table.module.css';\n\nconst ColumnFilter = ({\n  field,\n  labelCancel = '$Cancel',\n  labelSubmit = '$Submit',\n  schema: { label, type = 'text' } = {},\n  visible: propVisible = false,\n  onFocus = () => {},\n  onSubmit = () => {},\n}) => {\n  const [form, setForm] = useState({});\n  const [visible, setVisible] = useState(propVisible);\n\n  useEffect(() => {\n    setVisible(propVisible);\n  }, [propVisible]);\n\n  useEffect(() => {\n    setForm({});\n  }, [visible]);\n\n  const handlePress = (event) => {\n    event.preventDefault();\n    setVisible(!visible);\n    onFocus(!visible ? field : undefined);\n  };\n\n  const handleCancel = () => {\n    setVisible(false);\n  };\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    setVisible(false);\n    onSubmit({ field, type, ...form }, event);\n  };\n\n  return (\n    <Menu\n      options={[\n        {\n          children: (\n            <Text bold small>\n              {label || field}\n            </Text>\n          ),\n          divider: true,\n        },\n        {\n          children:\n            type === 'number' ? (\n              <View row className={style.items}>\n                <InputText\n                  label=\"min\"\n                  name=\"min\"\n                  type=\"number\"\n                  value={form.min}\n                  onChange={(min) => setForm({ ...form, min })}\n                  className={style.input}\n                />\n                <InputText\n                  label=\"max\"\n                  name=\"max\"\n                  type=\"number\"\n                  value={form.max}\n                  onChange={(max) => setForm({ ...form, max })}\n                  className={style.input}\n                />\n              </View>\n            ) : (\n              <InputText\n                name=\"search\"\n                type=\"search\"\n                value={form.value}\n                onChange={(value) => setForm({ value })}\n                className={style.input}\n              />\n            ),\n          divider: true,\n        },\n\n        {\n          children: (\n            <View row wide className={style.items}>\n              <Button secondary wide onPress={handleCancel}>\n                {labelCancel}\n              </Button>\n              <Button wide onPress={handleSubmit}>\n                {labelSubmit}\n              </Button>\n            </View>\n          ),\n        },\n      ]}\n      bottom\n      centered\n      visible={visible}\n      className={style.menuFilter}\n    >\n      <Pressable onPress={handlePress} style={{ position: 'relative' }}>\n        <Icon value={ICON.FILTER} className={styles(style.icon, !visible && style.disabled)} />\n      </Pressable>\n    </Menu>\n  );\n};\n\nColumnFilter.displayName = 'Component:Table:ColumnFilter';\n\nColumnFilter.propTypes = {\n  field: PropTypes.string.isRequired,\n  labelCancel: PropTypes.string,\n  labelSubmit: PropTypes.string,\n  schema: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.string,\n  }).isRequired,\n  visible: PropTypes.bool,\n  onFocus: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n};\n\nexport { ColumnFilter };\n"],"mappings":"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"}
+{"version":3,"file":"Table.ColumnFilter.js","names":["ColumnFilter","field","l10n","actionCancel","actionSubmit","labelMax","labelMin","schema","label","type","visible","propVisible","onFocus","onSubmit","others","useState","form","setForm","setVisible","useEffect","handlePress","event","preventDefault","undefined","handleCancel","handleSubmit","testId","children","divider","style","items","min","input","max","value","styles","menuFilter","className","position","ICON","FILTER","icon","disabled","displayName","propTypes","PropTypes","string","isRequired","L10N_SHAPE","shape","bool","func"],"sources":["../../../src/components/Table/Table.ColumnFilter.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { InputText } from '../InputText';\nimport { Menu } from '../Menu';\nimport { L10N_SHAPE } from './Table.constants';\nimport style from './Table.module.css';\n\nconst ColumnFilter = ({\n  field,\n  l10n: { actionCancel = '$Cancel', actionSubmit = '$Submit', labelMax = '$max', labelMin = '$min' } = {},\n  schema: { label, type = 'text' } = {},\n  visible: propVisible = false,\n  onFocus = () => {},\n  onSubmit = () => {},\n  ...others\n}) => {\n  const [form, setForm] = useState({});\n  const [visible, setVisible] = useState(propVisible);\n\n  useEffect(() => {\n    setVisible(propVisible);\n  }, [propVisible]);\n\n  useEffect(() => {\n    setForm({});\n  }, [visible]);\n\n  const handlePress = (event) => {\n    event.preventDefault();\n    setVisible(!visible);\n    onFocus(!visible ? field : undefined);\n  };\n\n  const handleCancel = () => {\n    setVisible(false);\n  };\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    setVisible(false);\n    onSubmit({ field, type, ...form }, event);\n  };\n\n  const { testId } = others;\n\n  return (\n    <Menu\n      {...others}\n      options={[\n        {\n          children: (\n            <Text bold small>\n              {label || field}\n            </Text>\n          ),\n          divider: true,\n        },\n        {\n          children:\n            type === 'number' ? (\n              <View row className={style.items}>\n                <InputText\n                  label={labelMin}\n                  name=\"min\"\n                  type=\"number\"\n                  value={form.min}\n                  onChange={(min) => setForm({ ...form, min })}\n                  className={style.input}\n                />\n                <InputText\n                  label={labelMax}\n                  name=\"max\"\n                  type=\"number\"\n                  value={form.max}\n                  onChange={(max) => setForm({ ...form, max })}\n                  className={style.input}\n                />\n              </View>\n            ) : (\n              <InputText\n                name=\"search\"\n                type=\"search\"\n                value={form.value}\n                onChange={(value) => setForm({ value })}\n                className={style.input}\n              />\n            ),\n          divider: true,\n        },\n        {\n          children: (\n            <View row wide className={style.items}>\n              <Button secondary wide onPress={handleCancel}>\n                {actionCancel}\n              </Button>\n              <Button wide onPress={handleSubmit} testId={testId ? `${testId}-submit` : undefined}>\n                {actionSubmit}\n              </Button>\n            </View>\n          ),\n        },\n      ]}\n      bottom\n      centered\n      visible={visible}\n      className={styles(style.menuFilter, others.className)}\n    >\n      <Pressable onPress={handlePress} style={{ position: 'relative' }}>\n        <Icon value={ICON.FILTER} className={styles(style.icon, !visible && style.disabled)} />\n      </Pressable>\n    </Menu>\n  );\n};\n\nColumnFilter.displayName = 'Component:Table:ColumnFilter';\n\nColumnFilter.propTypes = {\n  field: PropTypes.string.isRequired,\n  l10n: L10N_SHAPE,\n  schema: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.string,\n  }).isRequired,\n  visible: PropTypes.bool,\n  onFocus: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n};\n\nexport { ColumnFilter };\n"],"mappings":"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"}

package/build/components/Table/Table.Filter.js

@@ -8,7 +8,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _primitives = require("../../primitives");
 var _TableModule = _interopRequireDefault(require("./Table.module.css"));
-var _excluded = ["filter", "onRemove"];
+var _excluded = ["filter", "schema", "onRemove"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
@@ -16,24 +16,32 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var Filter = function Filter(_ref) {
   var _ref$filter = _ref.filter,
     filter = _ref$filter === void 0 ? [] : _ref$filter,
+    _ref$schema = _ref.schema,
+    schema = _ref$schema === void 0 ? {} : _ref$schema,
     _ref$onRemove = _ref.onRemove,
     onRemove = _ref$onRemove === void 0 ? function () {} : _ref$onRemove,
     others = _objectWithoutProperties(_ref, _excluded);
+  var fields = Object.keys(schema);
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
     row: true,
     wide: true,
     className: _TableModule.default.filters
-  }), filter.map(function (_ref2, index) {
-    var field = _ref2.field,
+  }), filter.sort(function (a, b) {
+    return a.field >= b.field;
+  }).map(function () {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      field = _ref2.field,
       value = _ref2.value,
       min = _ref2.min,
       max = _ref2.max;
-    return /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    var index = arguments.length > 1 ? arguments[1] : undefined;
+    return fields.includes(field) ? /*#__PURE__*/_react.default.createElement(_primitives.View, {
       row: true,
       key: index,
-      className: _TableModule.default.filter
+      className: _TableModule.default.item
     }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
-      small: true
+      lighten: true,
+      tiny: true
     }, field), value && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
       bold: true,
       small: true
@@ -46,17 +54,19 @@ var Filter = function Filter(_ref) {
     }, "".concat(min ? ' - ' : '≤ ').concat(max)), /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
       onPress: function onPress() {
         return onRemove(index);
-      }
+      },
+      className: _TableModule.default.buttonRemove
     }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
       action: true,
       value: _primitives.ICON.CLOSE
-    })));
+    }))) : null;
   }));
 };
 exports.Filter = Filter;
 Filter.displayName = 'Component:Table:Filter';
 Filter.propTypes = {
   filter: _propTypes.default.arrayOf(_propTypes.default.shape({})),
+  schema: _propTypes.default.shape({}).isRequired,
   onRemove: _propTypes.default.func.isRequired
 };
 //# sourceMappingURL=Table.Filter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.Filter.js","names":["Filter","filter","onRemove","others","style","filters","map","index","field","value","min","max","ICON","CLOSE","displayName","propTypes","PropTypes","arrayOf","shape","func","isRequired"],"sources":["../../../src/components/Table/Table.Filter.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Table.module.css';\n\nconst Filter = ({ filter = [], onRemove = () => {}, ...others }) => (\n  <View {...others} row wide className={style.filters}>\n    {filter.map(({ field, value, min, max }, index) => (\n      <View row key={index} className={style.filter}>\n        <Text small>{field}</Text>\n        {value && (\n          <Text bold small>\n            {value}\n          </Text>\n        )}\n        {min && (\n          <Text bold small>\n            {`${max ? '' : '≥ '}${min}`}\n          </Text>\n        )}\n        {max && (\n          <Text bold small>\n            {`${min ? ' - ' : '≤ '}${max}`}\n          </Text>\n        )}\n        <Pressable onPress={() => onRemove(index)}>\n          <Icon action value={ICON.CLOSE} />\n        </Pressable>\n      </View>\n    ))}\n  </View>\n);\n\nFilter.displayName = 'Component:Table:Filter';\n\nFilter.propTypes = {\n  filter: PropTypes.arrayOf(PropTypes.shape({})),\n  onRemove: PropTypes.func.isRequired,\n};\n\nexport { Filter };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,uBAAMC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAAA,oBAC3D,6BAAC,gBAAI,eAAKA,MAAM;IAAE,GAAG;IAAC,IAAI;IAAC,SAAS,EAAEC,oBAAK,CAACC;EAAQ,IACjDJ,MAAM,CAACK,GAAG,CAAC,iBAA6BC,KAAK;IAAA,IAA/BC,KAAK,SAALA,KAAK;MAAEC,KAAK,SAALA,KAAK;MAAEC,GAAG,SAAHA,GAAG;MAAEC,GAAG,SAAHA,GAAG;IAAA,oBACnC,6BAAC,gBAAI;MAAC,GAAG;MAAC,GAAG,EAAEJ,KAAM;MAAC,SAAS,EAAEH,oBAAK,CAACH;IAAO,gBAC5C,6BAAC,gBAAI;MAAC,KAAK;IAAA,GAAEO,KAAK,CAAQ,EACzBC,KAAK,iBACJ,6BAAC,gBAAI;MAAC,IAAI;MAAC,KAAK;IAAA,GACbA,KAAK,CAET,EACAC,GAAG,iBACF,6BAAC,gBAAI;MAAC,IAAI;MAAC,KAAK;IAAA,aACVC,GAAG,GAAG,EAAE,GAAG,IAAI,SAAGD,GAAG,EAE5B,EACAC,GAAG,iBACF,6BAAC,gBAAI;MAAC,IAAI;MAAC,KAAK;IAAA,aACVD,GAAG,GAAG,KAAK,GAAG,IAAI,SAAGC,GAAG,EAE/B,eACD,6BAAC,qBAAS;MAAC,OAAO,EAAE;QAAA,OAAMT,QAAQ,CAACK,KAAK,CAAC;MAAA;IAAC,gBACxC,6BAAC,gBAAI;MAAC,MAAM;MAAC,KAAK,EAAEK,gBAAI,CAACC;IAAM,EAAG,CACxB,CACP;EAAA,CACR,CAAC,CACG;AAAA,CACR;AAAC;AAEFb,MAAM,CAACc,WAAW,GAAG,wBAAwB;AAE7Cd,MAAM,CAACe,SAAS,GAAG;EACjBd,MAAM,EAAEe,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC9ChB,QAAQ,EAAEc,kBAAS,CAACG,IAAI,CAACC;AAC3B,CAAC"}
+{"version":3,"file":"Table.Filter.js","names":["Filter","filter","schema","onRemove","others","fields","Object","keys","style","filters","sort","a","b","field","map","value","min","max","index","includes","item","buttonRemove","ICON","CLOSE","displayName","propTypes","PropTypes","arrayOf","shape","isRequired","func"],"sources":["../../../src/components/Table/Table.Filter.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Table.module.css';\n\nconst Filter = ({ filter = [], schema = {}, onRemove = () => {}, ...others }) => {\n  const fields = Object.keys(schema);\n\n  return (\n    <View {...others} row wide className={style.filters}>\n      {filter\n        .sort((a, b) => a.field >= b.field)\n        .map(({ field, value, min, max } = {}, index) =>\n          fields.includes(field) ? (\n            <View row key={index} className={style.item}>\n              <Text lighten tiny>\n                {field}\n              </Text>\n              {value && (\n                <Text bold small>\n                  {value}\n                </Text>\n              )}\n              {min && (\n                <Text bold small>\n                  {`${max ? '' : '≥ '}${min}`}\n                </Text>\n              )}\n              {max && (\n                <Text bold small>\n                  {`${min ? ' - ' : '≤ '}${max}`}\n                </Text>\n              )}\n\n              <Pressable onPress={() => onRemove(index)} className={style.buttonRemove}>\n                <Icon action value={ICON.CLOSE} />\n              </Pressable>\n            </View>\n          ) : null,\n        )}\n    </View>\n  );\n};\n\nFilter.displayName = 'Component:Table:Filter';\n\nFilter.propTypes = {\n  filter: PropTypes.arrayOf(PropTypes.shape({})),\n  schema: PropTypes.shape({}).isRequired,\n  onRemove: PropTypes.func.isRequired,\n};\n\nexport { Filter };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAqE;EAAA,uBAA/DC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,CAAC,CAAC;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EACxE,IAAMC,MAAM,GAAGC,MAAM,CAACC,IAAI,CAACL,MAAM,CAAC;EAElC,oBACE,6BAAC,gBAAI,eAAKE,MAAM;IAAE,GAAG;IAAC,IAAI;IAAC,SAAS,EAAEI,oBAAK,CAACC;EAAQ,IACjDR,MAAM,CACJS,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC;IAAA,OAAKD,CAAC,CAACE,KAAK,IAAID,CAAC,CAACC,KAAK;EAAA,EAAC,CAClCC,GAAG,CAAC;IAAA,gFAA8B,CAAC,CAAC;MAA7BD,KAAK,SAALA,KAAK;MAAEE,KAAK,SAALA,KAAK;MAAEC,GAAG,SAAHA,GAAG;MAAEC,GAAG,SAAHA,GAAG;IAAA,IAASC,KAAK;IAAA,OAC1Cb,MAAM,CAACc,QAAQ,CAACN,KAAK,CAAC,gBACpB,6BAAC,gBAAI;MAAC,GAAG;MAAC,GAAG,EAAEK,KAAM;MAAC,SAAS,EAAEV,oBAAK,CAACY;IAAK,gBAC1C,6BAAC,gBAAI;MAAC,OAAO;MAAC,IAAI;IAAA,GACfP,KAAK,CACD,EACNE,KAAK,iBACJ,6BAAC,gBAAI;MAAC,IAAI;MAAC,KAAK;IAAA,GACbA,KAAK,CAET,EACAC,GAAG,iBACF,6BAAC,gBAAI;MAAC,IAAI;MAAC,KAAK;IAAA,aACVC,GAAG,GAAG,EAAE,GAAG,IAAI,SAAGD,GAAG,EAE5B,EACAC,GAAG,iBACF,6BAAC,gBAAI;MAAC,IAAI;MAAC,KAAK;IAAA,aACVD,GAAG,GAAG,KAAK,GAAG,IAAI,SAAGC,GAAG,EAE/B,eAED,6BAAC,qBAAS;MAAC,OAAO,EAAE;QAAA,OAAMd,QAAQ,CAACe,KAAK,CAAC;MAAA,CAAC;MAAC,SAAS,EAAEV,oBAAK,CAACa;IAAa,gBACvE,6BAAC,gBAAI;MAAC,MAAM;MAAC,KAAK,EAAEC,gBAAI,CAACC;IAAM,EAAG,CACxB,CACP,GACL,IAAI;EAAA,EACT,CACE;AAEX,CAAC;AAAC;AAEFvB,MAAM,CAACwB,WAAW,GAAG,wBAAwB;AAE7CxB,MAAM,CAACyB,SAAS,GAAG;EACjBxB,MAAM,EAAEyB,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC9C1B,MAAM,EAAEwB,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,UAAU;EACtC1B,QAAQ,EAAEuB,kBAAS,CAACI,IAAI,CAACD;AAC3B,CAAC"}

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

@@ -11,8 +11,9 @@ var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _InputOption = require("../InputOption");
 var _Table = require("./Table.ColumnFilter");
+var _Table2 = require("./Table.constants");
 var _TableModule = _interopRequireDefault(require("./Table.module.css"));
-var _excluded = ["checked", "dataSource", "indeterminate", "schema", "sort", "onFilter", "onPress", "onSelect", "onSort"];
+var _excluded = ["checked", "dataSource", "indeterminate", "l10n", "schema", "sort", "onFilter", "onPress", "onSelect", "onSort"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -30,6 +31,7 @@ var Row = function Row(_ref) {
   var checked = _ref.checked,
     dataSource = _ref.dataSource,
     indeterminate = _ref.indeterminate,
+    l10n = _ref.l10n,
     schema = _ref.schema,
     _ref$sort = _ref.sort,
     sort = _ref$sort === void 0 ? {} : _ref$sort,
@@ -89,6 +91,7 @@ var Row = function Row(_ref) {
       className: (0, _helpers.styles)(_TableModule.default.icon, sort[field] === undefined && _TableModule.default.disabled)
     }), onFilter && /*#__PURE__*/_react.default.createElement(_Table.ColumnFilter, {
       field: field,
+      l10n: l10n,
       schema: schema[field],
       visible: field === focus,
       onFocus: handleFocus,
@@ -102,6 +105,7 @@ Row.propTypes = {
   checked: _propTypes.default.bool,
   dataSource: _propTypes.default.shape({}),
   indeterminate: _propTypes.default.bool,
+  l10n: _Table2.L10N_SHAPE,
   schema: _propTypes.default.shape({}).isRequired,
   sort: _propTypes.default.shape({}),
   onFilter: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"file":"Table.Row.js","names":["CUSTOM_EVENT_TYPES","Row","checked","dataSource","indeterminate","schema","sort","onFilter","onPress","onSelect","onSort","others","useState","focus","setFocus","isHead","undefined","testId","handlePress","field","event","target","type","includes","handleFocus","styles","style","selected","Object","keys","filter","map","index","React","createElement","Primitive","tag","key","onClick","column","selectable","checkbox","label","icons","ICON","UP","DOWN","icon","disabled","displayName","propTypes","PropTypes","bool","shape","isRequired","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Primitive, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport { ColumnFilter } from './Table.ColumnFilter';\nimport style from './Table.module.css';\n\nconst CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];\n\nconst Row = ({\n  checked,\n  dataSource,\n  indeterminate,\n  schema,\n  sort = {},\n  onFilter,\n  onPress,\n  onSelect,\n  onSort,\n  ...others\n}) => {\n  const [focus, setFocus] = useState();\n\n  const isHead = dataSource === undefined;\n  const { 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  const handleFocus = (field) => {\n    setFocus(field);\n  };\n\n  return (\n    <Primitive tag=\"tr\" {...others} className={styles(checked && style.selected, onPress && style.onPress)}>\n      {Object.keys(schema)\n        .filter((field) => schema[field].type !== 'hidden')\n        .map((field, index) =>\n          React.createElement(\n            Primitive,\n            {\n              tag: isHead ? 'th' : 'td',\n              testId: testId ? `${testId}-${field}` : undefined,\n              key: field,\n              onClick: (event) => handlePress(field, event),\n            },\n            <View\n              forceRow\n              tag=\"span\"\n              className={styles(\n                style.column,\n                onSelect && index === 0 && style.selectable,\n                !isHead && !(onSelect && index === 0) && style[schema[field].type || 'text'],\n              )}\n            >\n              {onSelect && index === 0 && (\n                <InputOption\n                  checked={checked}\n                  indeterminate={indeterminate}\n                  name=\"checkbox\"\n                  onChange={(event) => onSelect(dataSource, event)}\n                  className={style.checkbox}\n                  testId={testId ? `${testId}-checkbox` : undefined}\n                />\n              )}\n\n              {isHead ? schema[field].label : dataSource[field]}\n\n              {isHead && onSort && (\n                <View row className={style.icons}>\n                  {onSort && (\n                    <Icon\n                      value={sort[field] === false ? ICON.UP : ICON.DOWN}\n                      className={styles(style.icon, sort[field] === undefined && style.disabled)}\n                    />\n                  )}\n                  {onFilter && (\n                    <ColumnFilter\n                      field={field}\n                      schema={schema[field]}\n                      visible={field === focus}\n                      onFocus={handleFocus}\n                      onSubmit={onFilter}\n                    />\n                  )}\n                </View>\n              )}\n            </View>,\n          ),\n        )}\n    </Primitive>\n  );\n};\n\nRow.displayName = 'Component:Table:Row';\n\nRow.propTypes = {\n  checked: PropTypes.bool,\n  dataSource: PropTypes.shape({}),\n  indeterminate: PropTypes.bool,\n  schema: PropTypes.shape({}).isRequired,\n  sort: PropTypes.shape({}),\n  onFilter: PropTypes.func,\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { Row };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,kBAAkB,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;AAE7E,IAAMC,GAAG,GAAG,SAANA,GAAG,OAWH;EAAA,IAVJC,OAAO,QAAPA,OAAO;IACPC,UAAU,QAAVA,UAAU;IACVC,aAAa,QAAbA,aAAa;IACbC,MAAM,QAANA,MAAM;IAAA,iBACNC,IAAI;IAAJA,IAAI,0BAAG,CAAC,CAAC;IACTC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACHC,MAAM;EAET,gBAA0B,IAAAC,eAAQ,GAAE;IAAA;IAA7BC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,MAAM,GAAGZ,UAAU,KAAKa,SAAS;EACvC,IAAQC,MAAM,GAAKN,MAAM,CAAjBM,MAAM;EAEd,IAAMC,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,IAAItB,kBAAkB,CAACuB,QAAQ,CAACD,IAAI,CAAC,EAAE;IAEvCP,MAAM,GAAGL,MAAM,CAACS,KAAK,CAAC,GAAGX,OAAO,IAAIA,OAAO,CAACL,UAAU,EAAEiB,KAAK,CAAC;EAChE,CAAC;EAED,IAAMI,WAAW,GAAG,SAAdA,WAAW,CAAIL,KAAK,EAAK;IAC7BL,QAAQ,CAACK,KAAK,CAAC;EACjB,CAAC;EAED,oBACE,6BAAC,qBAAS;IAAC,GAAG,EAAC;EAAI,GAAKR,MAAM;IAAE,SAAS,EAAE,IAAAc,eAAM,EAACvB,OAAO,IAAIwB,oBAAK,CAACC,QAAQ,EAAEnB,OAAO,IAAIkB,oBAAK,CAAClB,OAAO;EAAE,IACpGoB,MAAM,CAACC,IAAI,CAACxB,MAAM,CAAC,CACjByB,MAAM,CAAC,UAACX,KAAK;IAAA,OAAKd,MAAM,CAACc,KAAK,CAAC,CAACG,IAAI,KAAK,QAAQ;EAAA,EAAC,CAClDS,GAAG,CAAC,UAACZ,KAAK,EAAEa,KAAK;IAAA,oBAChBC,cAAK,CAACC,aAAa,CACjBC,qBAAS,EACT;MACEC,GAAG,EAAErB,MAAM,GAAG,IAAI,GAAG,IAAI;MACzBE,MAAM,EAAEA,MAAM,aAAMA,MAAM,cAAIE,KAAK,IAAKH,SAAS;MACjDqB,GAAG,EAAElB,KAAK;MACVmB,OAAO,EAAE,iBAAClB,KAAK;QAAA,OAAKF,WAAW,CAACC,KAAK,EAAEC,KAAK,CAAC;MAAA;IAC/C,CAAC,eACD,6BAAC,gBAAI;MACH,QAAQ;MACR,GAAG,EAAC,MAAM;MACV,SAAS,EAAE,IAAAK,eAAM,EACfC,oBAAK,CAACa,MAAM,EACZ9B,QAAQ,IAAIuB,KAAK,KAAK,CAAC,IAAIN,oBAAK,CAACc,UAAU,EAC3C,CAACzB,MAAM,IAAI,EAAEN,QAAQ,IAAIuB,KAAK,KAAK,CAAC,CAAC,IAAIN,oBAAK,CAACrB,MAAM,CAACc,KAAK,CAAC,CAACG,IAAI,IAAI,MAAM,CAAC;IAC5E,GAEDb,QAAQ,IAAIuB,KAAK,KAAK,CAAC,iBACtB,6BAAC,wBAAW;MACV,OAAO,EAAE9B,OAAQ;MACjB,aAAa,EAAEE,aAAc;MAC7B,IAAI,EAAC,UAAU;MACf,QAAQ,EAAE,kBAACgB,KAAK;QAAA,OAAKX,QAAQ,CAACN,UAAU,EAAEiB,KAAK,CAAC;MAAA,CAAC;MACjD,SAAS,EAAEM,oBAAK,CAACe,QAAS;MAC1B,MAAM,EAAExB,MAAM,aAAMA,MAAM,iBAAcD;IAAU,EAErD,EAEAD,MAAM,GAAGV,MAAM,CAACc,KAAK,CAAC,CAACuB,KAAK,GAAGvC,UAAU,CAACgB,KAAK,CAAC,EAEhDJ,MAAM,IAAIL,MAAM,iBACf,6BAAC,gBAAI;MAAC,GAAG;MAAC,SAAS,EAAEgB,oBAAK,CAACiB;IAAM,GAC9BjC,MAAM,iBACL,6BAAC,gBAAI;MACH,KAAK,EAAEJ,IAAI,CAACa,KAAK,CAAC,KAAK,KAAK,GAAGyB,gBAAI,CAACC,EAAE,GAAGD,gBAAI,CAACE,IAAK;MACnD,SAAS,EAAE,IAAArB,eAAM,EAACC,oBAAK,CAACqB,IAAI,EAAEzC,IAAI,CAACa,KAAK,CAAC,KAAKH,SAAS,IAAIU,oBAAK,CAACsB,QAAQ;IAAE,EAE9E,EACAzC,QAAQ,iBACP,6BAAC,mBAAY;MACX,KAAK,EAAEY,KAAM;MACb,MAAM,EAAEd,MAAM,CAACc,KAAK,CAAE;MACtB,OAAO,EAAEA,KAAK,KAAKN,KAAM;MACzB,OAAO,EAAEW,WAAY;MACrB,QAAQ,EAAEjB;IAAS,EAEtB,CAEJ,CACI,CACR;EAAA,EACF,CACO;AAEhB,CAAC;AAAC;AAEFN,GAAG,CAACgD,WAAW,GAAG,qBAAqB;AAEvChD,GAAG,CAACiD,SAAS,GAAG;EACdhD,OAAO,EAAEiD,kBAAS,CAACC,IAAI;EACvBjD,UAAU,EAAEgD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/BjD,aAAa,EAAE+C,kBAAS,CAACC,IAAI;EAC7B/C,MAAM,EAAE8C,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,UAAU;EACtChD,IAAI,EAAE6C,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC;EACzB9C,QAAQ,EAAE4C,kBAAS,CAACI,IAAI;EACxB/C,OAAO,EAAE2C,kBAAS,CAACI,IAAI;EACvB9C,QAAQ,EAAE0C,kBAAS,CAACI,IAAI;EACxB7C,MAAM,EAAEyC,kBAAS,CAACI;AACpB,CAAC"}
+{"version":3,"file":"Table.Row.js","names":["CUSTOM_EVENT_TYPES","Row","checked","dataSource","indeterminate","l10n","schema","sort","onFilter","onPress","onSelect","onSort","others","useState","focus","setFocus","isHead","undefined","testId","handlePress","field","event","target","type","includes","handleFocus","styles","style","selected","Object","keys","filter","map","index","React","createElement","Primitive","tag","key","onClick","column","selectable","checkbox","label","icons","ICON","UP","DOWN","icon","disabled","displayName","propTypes","PropTypes","bool","shape","L10N_SHAPE","isRequired","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Primitive, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport { ColumnFilter } from './Table.ColumnFilter';\nimport { L10N_SHAPE } from './Table.constants';\nimport style from './Table.module.css';\n\nconst CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];\n\nconst Row = ({\n  checked,\n  dataSource,\n  indeterminate,\n  l10n,\n  schema,\n  sort = {},\n  onFilter,\n  onPress,\n  onSelect,\n  onSort,\n  ...others\n}) => {\n  const [focus, setFocus] = useState();\n\n  const isHead = dataSource === undefined;\n  const { 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  const handleFocus = (field) => {\n    setFocus(field);\n  };\n\n  return (\n    <Primitive tag=\"tr\" {...others} className={styles(checked && style.selected, onPress && style.onPress)}>\n      {Object.keys(schema)\n        .filter((field) => schema[field].type !== 'hidden')\n        .map((field, index) =>\n          React.createElement(\n            Primitive,\n            {\n              tag: isHead ? 'th' : 'td',\n              testId: testId ? `${testId}-${field}` : undefined,\n              key: field,\n              onClick: (event) => handlePress(field, event),\n            },\n            <View\n              forceRow\n              tag=\"span\"\n              className={styles(\n                style.column,\n                onSelect && index === 0 && style.selectable,\n                !isHead && !(onSelect && index === 0) && style[schema[field].type || 'text'],\n              )}\n            >\n              {onSelect && index === 0 && (\n                <InputOption\n                  checked={checked}\n                  indeterminate={indeterminate}\n                  name=\"checkbox\"\n                  onChange={(event) => onSelect(dataSource, event)}\n                  className={style.checkbox}\n                  testId={testId ? `${testId}-checkbox` : undefined}\n                />\n              )}\n\n              {isHead ? schema[field].label : dataSource[field]}\n\n              {isHead && onSort && (\n                <View row className={style.icons}>\n                  {onSort && (\n                    <Icon\n                      value={sort[field] === false ? ICON.UP : ICON.DOWN}\n                      className={styles(style.icon, sort[field] === undefined && style.disabled)}\n                    />\n                  )}\n                  {onFilter && (\n                    <ColumnFilter\n                      field={field}\n                      l10n={l10n}\n                      schema={schema[field]}\n                      visible={field === focus}\n                      onFocus={handleFocus}\n                      onSubmit={onFilter}\n                    />\n                  )}\n                </View>\n              )}\n            </View>,\n          ),\n        )}\n    </Primitive>\n  );\n};\n\nRow.displayName = 'Component:Table:Row';\n\nRow.propTypes = {\n  checked: PropTypes.bool,\n  dataSource: PropTypes.shape({}),\n  indeterminate: PropTypes.bool,\n  l10n: L10N_SHAPE,\n  schema: PropTypes.shape({}).isRequired,\n  sort: PropTypes.shape({}),\n  onFilter: PropTypes.func,\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { Row };\n"],"mappings":"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"}

package/build/components/Table/Table.constants.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.STORAGE_KEY = exports.L10N_SHAPE = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var L10N_SHAPE = _propTypes.default.shape({
+  actionCancel: _propTypes.default.string,
+  actionSubmit: _propTypes.default.string,
+  labelMax: _propTypes.default.string,
+  labelMin: _propTypes.default.string
+});
+exports.L10N_SHAPE = L10N_SHAPE;
+var STORAGE_KEY = 'mirai-ui-table';
+exports.STORAGE_KEY = STORAGE_KEY;
+//# sourceMappingURL=Table.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.constants.js","names":["L10N_SHAPE","PropTypes","shape","actionCancel","string","actionSubmit","labelMax","labelMin","STORAGE_KEY"],"sources":["../../../src/components/Table/Table.constants.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst L10N_SHAPE = PropTypes.shape({\n  actionCancel: PropTypes.string,\n  actionSubmit: PropTypes.string,\n  labelMax: PropTypes.string,\n  labelMin: PropTypes.string,\n});\n\nconst STORAGE_KEY = 'mirai-ui-table';\n\nexport { L10N_SHAPE, STORAGE_KEY };\n"],"mappings":";;;;;;AAAA;AAAmC;AAEnC,IAAMA,UAAU,GAAGC,kBAAS,CAACC,KAAK,CAAC;EACjCC,YAAY,EAAEF,kBAAS,CAACG,MAAM;EAC9BC,YAAY,EAAEJ,kBAAS,CAACG,MAAM;EAC9BE,QAAQ,EAAEL,kBAAS,CAACG,MAAM;EAC1BG,QAAQ,EAAEN,kBAAS,CAACG;AACtB,CAAC,CAAC;AAAC;AAEH,IAAMI,WAAW,GAAG,gBAAgB;AAAC"}