@mirai/ui 1.0.251 → 1.0.253

package/build/components/InputPhone/InputPhone.js

@@ -9,8 +9,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
+var _partials = require("../InputSelect/partials");
 var _InputTextModule = _interopRequireDefault(require("../InputText/InputText.module.css"));
-var _partials = require("../InputText/partials");
+var _partials2 = require("../InputText/partials");
 var _helpers2 = require("./helpers");
 var _InputPhoneModule = _interopRequireDefault(require("./InputPhone.module.css"));
 var _excluded = ["disabled", "error", "hint", "icon", "label", "labelPrefix", "name", "prefixes", "showRequired", "showState", "success", "value", "warning", "onChange", "onEnter", "onError", "onLeave"];
@@ -127,8 +128,8 @@ var InputPhone = function InputPhone(_ref) {
   }, hasPrefixes && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.View, {
     row: true
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    className: (0, _helpers.styles)(_InputTextModule.default.content)
-  }, labelPrefix && /*#__PURE__*/_react.default.createElement(_partials.Label, {
+    className: _InputTextModule.default.content
+  }, labelPrefix && /*#__PURE__*/_react.default.createElement(_partials2.Label, {
     disabled: disabled,
     error: error,
     focus: prefixFocus,
@@ -161,10 +162,7 @@ var InputPhone = function InputPhone(_ref) {
     },
     className: (0, _helpers.styles)(_InputTextModule.default.input, _InputPhoneModule.default.prefix, has.labelPrefix && _InputTextModule.default.withLabel, has.labelPrefix && !(prefixFocus || error || has.prefix) && _InputTextModule.default.empty),
     testId: testId ? "".concat(testId, "-select") : undefined
-  }))), !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
-    value: _primitives.ICON.EXPAND_MORE,
-    className: (0, _helpers.styles)(_InputTextModule.default.icon, _InputTextModule.default.select, _InputPhoneModule.default.expand)
-  })), /*#__PURE__*/_react.default.createElement(_primitives.View, {
+  }))), !disabled && /*#__PURE__*/_react.default.createElement(_partials.Expand, null)), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     forceRow: true,
     className: _InputPhoneModule.default.separator
   })), /*#__PURE__*/_react.default.createElement(_primitives.View, {
@@ -176,7 +174,7 @@ var InputPhone = function InputPhone(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     wide: true,
     className: _InputTextModule.default.content
-  }, label && /*#__PURE__*/_react.default.createElement(_partials.Label, {
+  }, label && /*#__PURE__*/_react.default.createElement(_partials2.Label, {
     disabled: disabled,
     error: error,
     focus: focus,
@@ -200,11 +198,11 @@ var InputPhone = function InputPhone(_ref) {
     },
     className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel),
     testId: testId ? "".concat(testId, "-input") : undefined
-  })))), has.stateIcon && /*#__PURE__*/_react.default.createElement(_partials.IconState, {
+  })))), has.stateIcon && /*#__PURE__*/_react.default.createElement(_partials2.IconState, {
     error: error,
     success: success,
     warning: warning
-  })), hint && /*#__PURE__*/_react.default.createElement(_partials.Hint, {
+  })), hint && /*#__PURE__*/_react.default.createElement(_partials2.Hint, {
     disabled: disabled,
     error: error,
     hint: hint

package/build/components/InputPhone/InputPhone.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPhone.js","names":["InputPhone","disabled","error","hint","icon","label","labelPrefix","name","prefixes","showRequired","showState","success","propValue","value","warning","onChange","onEnter","onError","onLeave","others","useState","focus","setFocus","prefixFocus","setPrefixFocus","parseValue","sanitizePrefixes","setValue","useEffect","getInputPhoneErrors","handleChange","next","event","isPhone","hasPrefixes","split","undefined","prefix","phone","nextValue","replace","join","trim","handleEnter","handleLeave","length","has","stateIcon","testId","role","styles","stylePhone","container","className","style","inputBorder","content","prefixValue","input","withLabel","empty","ICON","EXPAND_MORE","select","expand","separator","left","required","displayName","propTypes","PropTypes","bool","string","func","isRequired","arrayOf"],"sources":["../../../src/components/InputPhone/InputPhone.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { getInputPhoneErrors } from '../../helpers';\nimport { Icon, ICON, Input, Select, Text, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\nimport { Hint, IconState, Label } from '../InputText/partials';\nimport { parseValue, sanitizePrefixes } from './helpers';\nimport stylePhone from './InputPhone.module.css';\n\nconst InputPhone = ({\n  disabled,\n  error,\n  hint,\n  icon,\n  label,\n  labelPrefix,\n  name,\n  prefixes = [],\n  showRequired = false,\n  showState = true,\n  success,\n  value: propValue,\n  warning,\n  onChange = () => {},\n  onEnter = () => {},\n  onError = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n  const [prefixFocus, setPrefixFocus] = useState(false);\n  const [value, setValue] = useState(parseValue(propValue, sanitizePrefixes(prefixes)));\n\n  useEffect(() => {\n    setValue(parseValue(propValue, sanitizePrefixes(prefixes)));\n  }, [prefixes, propValue]);\n\n  useEffect(() => {\n    onError(getInputPhoneErrors({ prefixes: sanitizePrefixes(prefixes), value }));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [prefixes, value]);\n\n  const handleChange = (next, event, { isPhone = true } = {}) => {\n    const [prefix = '', phone = ''] = hasPrefixes ? value?.split(' ') || [] : [undefined, value];\n    let nextValue = (isPhone ? [prefix, next?.replace(/[^\\d]/g, '')] : [next, phone]).join(' ');\n    if (!hasPrefixes) nextValue = nextValue.trim();\n\n    setValue(nextValue);\n    onChange(nextValue, event);\n  };\n\n  const handleEnter = (event, { isPhone = true } = {}) => {\n    isPhone ? setFocus(true) : setPrefixFocus(true);\n    onEnter(event);\n  };\n\n  const handleLeave = (event, { isPhone = true } = {}) => {\n    isPhone ? setFocus(false) : setPrefixFocus(false);\n    onLeave(event);\n  };\n\n  const hasPrefixes = !!prefixes?.length;\n  const [prefix, phone] = hasPrefixes ? value?.split(' ') || [] : [undefined, value];\n  const has = {\n    icon: !!icon,\n    label: !!label,\n    labelPrefix: !!labelPrefix,\n    prefix: prefix?.length > 0,\n    phone: phone?.length > 0,\n    stateIcon: showState && (error || success || warning),\n  };\n  const { testId } = others;\n\n  return (\n    <View\n      role={others.role || 'input-phone'}\n      className={styles(stylePhone.container, 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 || prefixFocus) && !error && style.focus,\n        )}\n      >\n        {hasPrefixes && (\n          <>\n            <View row>\n              <View className={styles(style.content)}>\n                {labelPrefix && (\n                  <Label {...{ disabled, error, focus: prefixFocus, label: labelPrefix, value: prefix }} />\n                )}\n                {prefix && <Text className={stylePhone.prefixValue}>{prefix}</Text>}\n                <Select\n                  {...others}\n                  disabled={disabled}\n                  name={`${name}-prefix`}\n                  options={prefixes}\n                  values={sanitizePrefixes(prefixes)}\n                  style={undefined}\n                  type={undefined}\n                  value={prefix || ''}\n                  onChange={(value, event) => handleChange(value, event, { isPhone: false })}\n                  onEnter={(event) => handleEnter(event, { isPhone: false })}\n                  onLeave={(event) => handleLeave(event, { isPhone: false })}\n                  className={styles(\n                    style.input,\n                    stylePhone.prefix,\n                    has.labelPrefix && style.withLabel,\n                    has.labelPrefix && !(prefixFocus || error || has.prefix) && style.empty,\n                  )}\n                  testId={testId ? `${testId}-select` : undefined}\n                />\n              </View>\n              {!disabled && (\n                <Icon value={ICON.EXPAND_MORE} className={styles(style.icon, style.select, stylePhone.expand)} />\n              )}\n            </View>\n            <View forceRow className={stylePhone.separator}></View>\n          </>\n        )}\n\n        <View row wide>\n          {has.icon && (\n            <Icon\n              value={icon}\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 {...{ disabled, error, focus, label, required: showRequired && others.required, value: phone }} />\n            )}\n            <Input\n              {...others}\n              disabled={disabled}\n              maxLength={12}\n              name={`${name}-phone`}\n              type=\"tel\"\n              value={phone || ''}\n              onChange={(value, event) => handleChange(value, event)}\n              onEnter={(event) => handleEnter(event)}\n              onLeave={(event) => handleLeave(event)}\n              className={styles(style.input, has.label && style.withLabel)}\n              testId={testId ? `${testId}-input` : undefined}\n            />\n          </View>\n        </View>\n        {has.stateIcon && <IconState {...{ error, success, warning }} />}\n      </View>\n      {hint && <Hint {...{ disabled, error, hint }} />}\n    </View>\n  );\n};\n\nInputPhone.displayName = 'Component:InputPhone';\n\nInputPhone.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  icon: PropTypes.func,\n  label: PropTypes.string,\n  labelPrefix: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  prefixes: PropTypes.arrayOf(PropTypes.string),\n  showRequired: PropTypes.bool,\n  showState: PropTypes.bool,\n  success: PropTypes.bool,\n  value: PropTypes.string,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputPhone };\n"],"mappings":"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"}
+{"version":3,"file":"InputPhone.js","names":["InputPhone","disabled","error","hint","icon","label","labelPrefix","name","prefixes","showRequired","showState","success","propValue","value","warning","onChange","onEnter","onError","onLeave","others","useState","focus","setFocus","prefixFocus","setPrefixFocus","parseValue","sanitizePrefixes","setValue","useEffect","getInputPhoneErrors","handleChange","next","event","isPhone","hasPrefixes","split","undefined","prefix","phone","nextValue","replace","join","trim","handleEnter","handleLeave","length","has","stateIcon","testId","role","styles","stylePhone","container","className","style","inputBorder","content","prefixValue","input","withLabel","empty","separator","left","required","displayName","propTypes","PropTypes","bool","string","func","isRequired","arrayOf"],"sources":["../../../src/components/InputPhone/InputPhone.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { getInputPhoneErrors } from '../../helpers';\nimport { Icon, Input, Select, Text, View } from '../../primitives';\nimport { Expand } from '../InputSelect/partials';\nimport style from '../InputText/InputText.module.css';\nimport { Hint, IconState, Label } from '../InputText/partials';\nimport { parseValue, sanitizePrefixes } from './helpers';\nimport stylePhone from './InputPhone.module.css';\n\nconst InputPhone = ({\n  disabled,\n  error,\n  hint,\n  icon,\n  label,\n  labelPrefix,\n  name,\n  prefixes = [],\n  showRequired = false,\n  showState = true,\n  success,\n  value: propValue,\n  warning,\n  onChange = () => {},\n  onEnter = () => {},\n  onError = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n  const [prefixFocus, setPrefixFocus] = useState(false);\n  const [value, setValue] = useState(parseValue(propValue, sanitizePrefixes(prefixes)));\n\n  useEffect(() => {\n    setValue(parseValue(propValue, sanitizePrefixes(prefixes)));\n  }, [prefixes, propValue]);\n\n  useEffect(() => {\n    onError(getInputPhoneErrors({ prefixes: sanitizePrefixes(prefixes), value }));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [prefixes, value]);\n\n  const handleChange = (next, event, { isPhone = true } = {}) => {\n    const [prefix = '', phone = ''] = hasPrefixes ? value?.split(' ') || [] : [undefined, value];\n    let nextValue = (isPhone ? [prefix, next?.replace(/[^\\d]/g, '')] : [next, phone]).join(' ');\n    if (!hasPrefixes) nextValue = nextValue.trim();\n\n    setValue(nextValue);\n    onChange(nextValue, event);\n  };\n\n  const handleEnter = (event, { isPhone = true } = {}) => {\n    isPhone ? setFocus(true) : setPrefixFocus(true);\n    onEnter(event);\n  };\n\n  const handleLeave = (event, { isPhone = true } = {}) => {\n    isPhone ? setFocus(false) : setPrefixFocus(false);\n    onLeave(event);\n  };\n\n  const hasPrefixes = !!prefixes?.length;\n  const [prefix, phone] = hasPrefixes ? value?.split(' ') || [] : [undefined, value];\n  const has = {\n    icon: !!icon,\n    label: !!label,\n    labelPrefix: !!labelPrefix,\n    prefix: prefix?.length > 0,\n    phone: phone?.length > 0,\n    stateIcon: showState && (error || success || warning),\n  };\n  const { testId } = others;\n\n  return (\n    <View\n      role={others.role || 'input-phone'}\n      className={styles(stylePhone.container, 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 || prefixFocus) && !error && style.focus,\n        )}\n      >\n        {hasPrefixes && (\n          <>\n            <View row>\n              <View className={style.content}>\n                {labelPrefix && (\n                  <Label {...{ disabled, error, focus: prefixFocus, label: labelPrefix, value: prefix }} />\n                )}\n                {prefix && <Text className={stylePhone.prefixValue}>{prefix}</Text>}\n                <Select\n                  {...others}\n                  disabled={disabled}\n                  name={`${name}-prefix`}\n                  options={prefixes}\n                  values={sanitizePrefixes(prefixes)}\n                  style={undefined}\n                  type={undefined}\n                  value={prefix || ''}\n                  onChange={(value, event) => handleChange(value, event, { isPhone: false })}\n                  onEnter={(event) => handleEnter(event, { isPhone: false })}\n                  onLeave={(event) => handleLeave(event, { isPhone: false })}\n                  className={styles(\n                    style.input,\n                    stylePhone.prefix,\n                    has.labelPrefix && style.withLabel,\n                    has.labelPrefix && !(prefixFocus || error || has.prefix) && style.empty,\n                  )}\n                  testId={testId ? `${testId}-select` : undefined}\n                />\n              </View>\n\n              {!disabled && <Expand />}\n            </View>\n            <View forceRow className={stylePhone.separator}></View>\n          </>\n        )}\n\n        <View row wide>\n          {has.icon && (\n            <Icon\n              value={icon}\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 {...{ disabled, error, focus, label, required: showRequired && others.required, value: phone }} />\n            )}\n            <Input\n              {...others}\n              disabled={disabled}\n              maxLength={12}\n              name={`${name}-phone`}\n              type=\"tel\"\n              value={phone || ''}\n              onChange={(value, event) => handleChange(value, event)}\n              onEnter={(event) => handleEnter(event)}\n              onLeave={(event) => handleLeave(event)}\n              className={styles(style.input, has.label && style.withLabel)}\n              testId={testId ? `${testId}-input` : undefined}\n            />\n          </View>\n        </View>\n        {has.stateIcon && <IconState {...{ error, success, warning }} />}\n      </View>\n      {hint && <Hint {...{ disabled, error, hint }} />}\n    </View>\n  );\n};\n\nInputPhone.displayName = 'Component:InputPhone';\n\nInputPhone.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  icon: PropTypes.func,\n  label: PropTypes.string,\n  labelPrefix: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  prefixes: PropTypes.arrayOf(PropTypes.string),\n  showRequired: PropTypes.bool,\n  showState: PropTypes.bool,\n  success: PropTypes.bool,\n  value: PropTypes.string,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputPhone };\n"],"mappings":"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"}

package/build/components/InputPhone/InputPhone.module.css

@@ -2,11 +2,6 @@
   margin-bottom: var(--mirai-ui-input-text-padding-y);
 }
 
-.expand {
-  padding-left: calc(var(--mirai-ui-input-text-padding-x) / 4);
-  padding-right: calc(var(--mirai-ui-input-text-padding-x) / 4);
-}
-
 .prefix {
   padding-right: 0;
   width: calc(var(--mirai-ui-space-XXL) + var(--mirai-ui-space-XS));
@@ -23,7 +18,7 @@
   left: calc(var(--mirai-ui-input-text-padding-x) / 2);
   pointer-events: none;
   position: absolute;
-  width: 100%;
+  right: calc(var(--mirai-ui-input-text-padding-x) / 2);
 
   appearance: none;
   -webkit-appearance: none;

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

@@ -36,7 +36,7 @@ exports[`component:<InputPhone> inherit:className 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -178,7 +178,7 @@ exports[`component:<InputPhone> prop:error 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -280,7 +280,7 @@ exports[`component:<InputPhone> prop:hint 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -448,7 +448,7 @@ exports[`component:<InputPhone> prop:icon & error 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -571,7 +571,7 @@ exports[`component:<InputPhone> prop:icon 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -673,7 +673,7 @@ exports[`component:<InputPhone> prop:label 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -764,7 +764,7 @@ exports[`component:<InputPhone> prop:labelPrefix 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -851,7 +851,7 @@ exports[`component:<InputPhone> prop:required & prop:showRequired (true) 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -949,7 +949,7 @@ exports[`component:<InputPhone> prop:required 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -1036,7 +1036,7 @@ exports[`component:<InputPhone> prop:showState (false) & error 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -1138,7 +1138,7 @@ exports[`component:<InputPhone> prop:showState (false) & success 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -1240,7 +1240,7 @@ exports[`component:<InputPhone> prop:showState (false) & warning 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -1338,7 +1338,7 @@ exports[`component:<InputPhone> prop:success 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -1445,7 +1445,7 @@ exports[`component:<InputPhone> prop:value 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -1554,7 +1554,7 @@ exports[`component:<InputPhone> prop:warning 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -1652,7 +1652,7 @@ exports[`component:<InputPhone> renders 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"
@@ -1734,7 +1734,7 @@ exports[`component:<InputPhone> testId 1`] = `
           </select>
         </div>
         <span
-          class="icon headline-3 icon select expand"
+          class="icon headline-3 icon expand expandLeft"
         >
           <svg
             fill="currentColor"

package/build/components/InputSelect/InputSelect.js

@@ -11,6 +11,7 @@ var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _InputTextModule = _interopRequireDefault(require("../InputText/InputText.module.css"));
 var _partials = require("../InputText/partials");
+var _partials2 = require("./partials");
 var _excluded = ["caption", "disabled", "error", "hint", "label", "showRequired", "showState", "success", "warning", "onChange", "onEnter", "onLeave"];
 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; }
@@ -94,10 +95,7 @@ var InputSelect = function InputSelect(_ref) {
     onChange: handleChange,
     onEnter: handleEnter,
     onLeave: handleLeave
-  }))), !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
-    value: _primitives.ICON.EXPAND_MORE,
-    className: (0, _helpers.styles)(_InputTextModule.default.icon, _InputTextModule.default.select)
-  }), has.stateIcon && /*#__PURE__*/_react.default.createElement(_partials.IconState, {
+  }))), !disabled && /*#__PURE__*/_react.default.createElement(_partials2.Expand, null), has.stateIcon && /*#__PURE__*/_react.default.createElement(_partials.IconState, {
     error: error,
     success: success,
     warning: warning

package/build/components/InputSelect/InputSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSelect.js","names":["InputSelect","caption","disabled","error","hint","label","showRequired","showState","success","warning","onChange","onEnter","onLeave","others","useState","focus","setFocus","handleChange","value","event","target","blur","handleEnter","handleLeave","has","undefined","length","stateIcon","role","styles","style","inputContainer","className","inputBorder","content","required","input","withLabel","empty","ICON","EXPAND_MORE","icon","select","displayName","propTypes","PropTypes","string","bool","name","isRequired","func"],"sources":["../../../src/components/InputSelect/InputSelect.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Select, Text, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\nimport { Hint, IconState, Label } from '../InputText/partials';\n\nconst InputSelect = ({\n  caption,\n  disabled,\n  error,\n  hint,\n  label,\n  showRequired = false,\n  showState = true,\n  success,\n  warning,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n\n  const handleChange = (value, event) => {\n    onChange(value, event);\n    event.target?.blur();\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 has = {\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-select'}\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          focus && !error && style.focus,\n          error && style.error,\n        )}\n      >\n        {caption && (\n          <Text action lighten className={style.caption}>\n            {caption}\n          </Text>\n        )}\n\n        <View wide className={style.content}>\n          {label && (\n            <Label\n              {...{\n                disabled,\n                error,\n                focus,\n                label,\n                required: showRequired && others.required,\n                value: others.value,\n              }}\n            />\n          )}\n\n          <Select\n            {...others}\n            disabled={disabled}\n            value={others.value || ''}\n            className={styles(\n              style.input,\n              has.label && style.withLabel,\n              !!label && !(focus || error || has.value) && style.empty,\n            )}\n            onChange={handleChange}\n            onEnter={handleEnter}\n            onLeave={handleLeave}\n          />\n        </View>\n\n        {!disabled && <Icon value={ICON.EXPAND_MORE} className={styles(style.icon, style.select)} />}\n        {has.stateIcon && <IconState {...{ error, success, warning }} />}\n      </View>\n\n      {hint && <Hint {...{ disabled, error, hint }} />}\n    </View>\n  );\n};\n\nInputSelect.displayName = 'Component:InputSelect';\n\nInputSelect.propTypes = {\n  caption: PropTypes.string,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  showRequired: PropTypes.bool,\n  showState: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputSelect };\n"],"mappings":"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"}
+{"version":3,"file":"InputSelect.js","names":["InputSelect","caption","disabled","error","hint","label","showRequired","showState","success","warning","onChange","onEnter","onLeave","others","useState","focus","setFocus","handleChange","value","event","target","blur","handleEnter","handleLeave","has","undefined","length","stateIcon","role","styles","style","inputContainer","className","inputBorder","content","required","input","withLabel","empty","displayName","propTypes","PropTypes","string","bool","name","isRequired","func"],"sources":["../../../src/components/InputSelect/InputSelect.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Select, Text, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\nimport { Hint, IconState, Label } from '../InputText/partials';\nimport { Expand } from './partials';\n\nconst InputSelect = ({\n  caption,\n  disabled,\n  error,\n  hint,\n  label,\n  showRequired = false,\n  showState = true,\n  success,\n  warning,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n\n  const handleChange = (value, event) => {\n    onChange(value, event);\n    event.target?.blur();\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 has = {\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-select'}\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          focus && !error && style.focus,\n          error && style.error,\n        )}\n      >\n        {caption && (\n          <Text action lighten className={style.caption}>\n            {caption}\n          </Text>\n        )}\n\n        <View wide className={style.content}>\n          {label && (\n            <Label\n              {...{\n                disabled,\n                error,\n                focus,\n                label,\n                required: showRequired && others.required,\n                value: others.value,\n              }}\n            />\n          )}\n\n          <Select\n            {...others}\n            disabled={disabled}\n            value={others.value || ''}\n            className={styles(\n              style.input,\n              has.label && style.withLabel,\n              !!label && !(focus || error || has.value) && style.empty,\n            )}\n            onChange={handleChange}\n            onEnter={handleEnter}\n            onLeave={handleLeave}\n          />\n        </View>\n\n        {!disabled && <Expand />}\n        {has.stateIcon && <IconState {...{ error, success, warning }} />}\n      </View>\n\n      {hint && <Hint {...{ disabled, error, hint }} />}\n    </View>\n  );\n};\n\nInputSelect.displayName = 'Component:InputSelect';\n\nInputSelect.propTypes = {\n  caption: PropTypes.string,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  showRequired: PropTypes.bool,\n  showState: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputSelect };\n"],"mappings":"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"}

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

@@ -43,7 +43,7 @@ exports[`component:<InputSelect> inherit:className 1`] = `
         </select>
       </div>
       <span
-        class="icon headline-3 icon select"
+        class="icon headline-3 icon expand expandLeft"
       >
         <svg
           fill="currentColor"
@@ -117,7 +117,7 @@ exports[`component:<InputSelect> prop:caption 1`] = `
         </select>
       </div>
       <span
-        class="icon headline-3 icon select"
+        class="icon headline-3 icon expand expandLeft"
       >
         <svg
           fill="currentColor"
@@ -234,7 +234,7 @@ exports[`component:<InputSelect> prop:error 1`] = `
         </select>
       </div>
       <span
-        class="icon headline-3 icon select"
+        class="icon headline-3 icon expand expandLeft"
       >
         <svg
           fill="currentColor"
@@ -303,7 +303,7 @@ exports[`component:<InputSelect> prop:hint 1`] = `
         </select>
       </div>
       <span
-        class="icon headline-3 icon select"
+        class="icon headline-3 icon expand expandLeft"
       >
         <svg
           fill="currentColor"
@@ -382,7 +382,7 @@ exports[`component:<InputSelect> prop:label 1`] = `
         </select>
       </div>
       <span
-        class="icon headline-3 icon select"
+        class="icon headline-3 icon expand expandLeft"
       >
         <svg
           fill="currentColor"
@@ -462,7 +462,7 @@ exports[`component:<InputSelect> prop:required & prop:showRequired (true) 1`] =
         </select>
       </div>
       <span
-        class="icon headline-3 icon select"
+        class="icon headline-3 icon expand expandLeft"
       >
         <svg
           fill="currentColor"
@@ -537,7 +537,7 @@ exports[`component:<InputSelect> prop:required 1`] = `
         </select>
       </div>
       <span
-        class="icon headline-3 icon select"
+        class="icon headline-3 icon expand expandLeft"
       >
         <svg
           fill="currentColor"
@@ -654,7 +654,7 @@ exports[`component:<InputSelect> prop:value 1`] = `
         </select>
       </div>
       <span
-        class="icon headline-3 icon select"
+        class="icon headline-3 icon expand expandLeft"
       >
         <svg
           fill="currentColor"
@@ -723,7 +723,7 @@ exports[`component:<InputSelect> prop:warning 1`] = `
         </select>
       </div>
       <span
-        class="icon headline-3 icon select"
+        class="icon headline-3 icon expand expandLeft"
       >
         <svg
           fill="currentColor"
@@ -809,7 +809,7 @@ exports[`component:<InputSelect> renders 1`] = `
         </select>
       </div>
       <span
-        class="icon headline-3 icon select"
+        class="icon headline-3 icon expand expandLeft"
       >
         <svg
           fill="currentColor"
@@ -879,7 +879,7 @@ exports[`component:<InputSelect> testId 1`] = `
         </select>
       </div>
       <span
-        class="icon headline-3 icon select"
+        class="icon headline-3 icon expand expandLeft"
       >
         <svg
           fill="currentColor"

package/build/components/InputSelect/partials/InputSelect.Expand.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Expand = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _helpers = require("../../../helpers");
+var _primitives = require("../../../primitives");
+var _theme = require("../../../theme");
+var _InputTextModule = _interopRequireDefault(require("../../InputText/InputText.module.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Expand = function Expand() {
+  var direction = _theme.Theme.getDirection();
+  return /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    value: _primitives.ICON.EXPAND_MORE,
+    className: (0, _helpers.styles)(_InputTextModule.default.icon, _InputTextModule.default.expand, direction === _theme.DIRECTION_TYPE.RIGHT ? _InputTextModule.default.expandRight : _InputTextModule.default.expandLeft)
+  });
+};
+exports.Expand = Expand;
+Expand.displayName = 'Component:InputSelect.Expand';
+Expand.propTypes = {};
+//# sourceMappingURL=InputSelect.Expand.js.map

package/build/components/InputSelect/partials/InputSelect.Expand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSelect.Expand.js","names":["Expand","direction","Theme","getDirection","ICON","EXPAND_MORE","styles","style","icon","expand","DIRECTION_TYPE","RIGHT","expandRight","expandLeft","displayName","propTypes"],"sources":["../../../../src/components/InputSelect/partials/InputSelect.Expand.jsx"],"sourcesContent":["import React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Icon, ICON } from '../../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../../theme';\nimport style from '../../InputText/InputText.module.css';\n\nconst Expand = () => {\n  const direction = Theme.getDirection();\n\n  return (\n    <Icon\n      value={ICON.EXPAND_MORE}\n      className={styles(\n        style.icon,\n        style.expand,\n        direction === DIRECTION_TYPE.RIGHT ? style.expandRight : style.expandLeft,\n      )}\n    />\n  );\n};\n\nExpand.displayName = 'Component:InputSelect.Expand';\n\nExpand.propTypes = {};\n\nexport { Expand };\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AACA;AAAyD;AAEzD,IAAMA,MAAM,GAAG,SAATA,MAAM,GAAS;EACnB,IAAMC,SAAS,GAAGC,YAAK,CAACC,YAAY,EAAE;EAEtC,oBACE,6BAAC,gBAAI;IACH,KAAK,EAAEC,gBAAI,CAACC,WAAY;IACxB,SAAS,EAAE,IAAAC,eAAM,EACfC,wBAAK,CAACC,IAAI,EACVD,wBAAK,CAACE,MAAM,EACZR,SAAS,KAAKS,qBAAc,CAACC,KAAK,GAAGJ,wBAAK,CAACK,WAAW,GAAGL,wBAAK,CAACM,UAAU;EACzE,EACF;AAEN,CAAC;AAAC;AAEFb,MAAM,CAACc,WAAW,GAAG,8BAA8B;AAEnDd,MAAM,CAACe,SAAS,GAAG,CAAC,CAAC"}

package/build/components/InputSelect/partials/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _InputSelect = require("./InputSelect.Expand");
+Object.keys(_InputSelect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputSelect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputSelect[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/InputSelect/partials/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/InputSelect/partials/index.js"],"sourcesContent":["export * from './InputSelect.Expand';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/components/InputText/InputText.module.css

@@ -44,13 +44,20 @@
   pointer-events: none;
 }
 
-.icon.select {
-  margin-left: calc(var(--mirai-ui-input-text-icon) * -1);
+.icon.expand {
   pointer-events: none;
   z-index: var(--mirai-ui-layer-S);
 }
 
-.icon.select,
+.icon.expandLeft {
+  margin-left: calc(var(--mirai-ui-input-text-icon) * -1);
+}
+
+.icon.expandRight {
+  margin-right: calc(var(--mirai-ui-input-text-icon) * -1);
+}
+
+.icon.expand,
 .icon.password {
   color: var(--mirai-ui-content);
 }

package/build/components/Table/Table.js

@@ -65,10 +65,14 @@ var Table = function Table(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     limit = _useState4[0],
     setLimit = _useState4[1];
-  var _useState5 = (0, _react.useState)({}),
+  var _useState5 = (0, _react.useState)(),
     _useState6 = _slicedToArray(_useState5, 2),
-    sort = _useState6[0],
-    setSort = _useState6[1];
+    scrollTo = _useState6[0],
+    setScrollTo = _useState6[1];
+  var _useState7 = (0, _react.useState)({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    sort = _useState8[0],
+    setSort = _useState8[1];
   (0, _react.useEffect)(function () {
     var nextFilter = propFilter;
     if (store) {
@@ -84,10 +88,12 @@ var Table = function Table(_ref) {
   }, [filter, store]);
   var handleAddFilter = function handleAddFilter(item) {
     setFilter([].concat(_toConsumableArray(filter), [item]));
+    setScrollTo(0);
   };
   var handleRemoveFilter = function handleRemoveFilter(index) {
     filter === null || filter === void 0 ? void 0 : filter.splice(index, 1);
     setFilter(_toConsumableArray(filter));
+    setScrollTo();
   };
   var handleHeadSelect = function handleHeadSelect(row, event) {
     var next = (0, _helpers2.select)({
@@ -136,6 +142,7 @@ var Table = function Table(_ref) {
     filterFields = _ref5.length;
   return /*#__PURE__*/_react.default.createElement(_primitives.ScrollView, _objectSpread(_objectSpread({}, others), {}, {
     role: role,
+    scrollTo: scrollTo,
     onScroll: handleScroll,
     className: (0, _helpers.styles)(_TableModule.default.container, !inline && _TableModule.default.outlined, others.className)
   }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filterFields > 0 && /*#__PURE__*/_react.default.createElement(_Table2.Filter, {

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["Table","dataSource","propFilter","filter","inline","id","l10n","pagination","schema","search","selected","sort","propSort","store","onPress","onScroll","onSelect","others","useState","setFilter","limit","setLimit","setSort","useEffect","nextFilter","storeFilter","Storage","get","length","set","handleAddFilter","item","handleRemoveFilter","index","splice","handleHeadSelect","row","event","next","select","map","handleScroll","percentY","PAGINATION_DISPATCHER","handleSelect","updatedSelected","rowId","includes","selectedId","exists","handleSort","field","undefined","role","testId","fields","Object","keys","filterFields","React","createElement","ScrollView","className","styles","style","container","outlined","table","useMemo","displayName","propTypes","PropTypes","arrayOf","shape","bool","L10N_SHAPE","number","isRequired","string","func"],"sources":["../../../src/components/Table/Table.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Fragment, useEffect, useMemo, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive, ScrollView } from '../../primitives';\nimport { exists, select, Storage } from './helpers';\nimport { L10N_SHAPE, PAGINATION_DISPATCHER } from './Table.constants';\nimport { Filter } from './Table.Filter';\nimport style from './Table.module.css';\nimport { Row } from './Table.Row';\n\nexport const Table = ({\n  dataSource = [],\n  filter: propFilter,\n  inline = true,\n  id = false,\n  l10n,\n  pagination,\n  schema,\n  search,\n  selected = [],\n  sort: propSort = true,\n  store,\n  onPress,\n  onScroll = () => {},\n  onSelect,\n  ...others\n}) => {\n  const [filter, setFilter] = useState([]);\n  const [limit, setLimit] = useState(pagination);\n  const [sort, setSort] = useState({});\n\n  useEffect(() => {\n    let nextFilter = propFilter;\n    if (store) {\n      const storeFilter = Storage.get(`${store}:filter`);\n      if (storeFilter?.length) nextFilter = storeFilter;\n    }\n\n    setFilter(nextFilter);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!store) return;\n    Storage.set(`${store}:filter`, filter);\n  }, [filter, store]);\n\n  const handleAddFilter = (item) => {\n    setFilter([...filter, item]);\n  };\n\n  const handleRemoveFilter = (index) => {\n    filter?.splice(index, 1);\n    setFilter([...filter]);\n  };\n\n  const handleHeadSelect = (row, event) => {\n    const next = select({ dataSource, filter, schema, search, selected, sort });\n    onSelect(selected.length !== next.length ? (id ? next.map(({ id }) => id) : next) : [], event);\n  };\n\n  const handleScroll = (event) => {\n    if (pagination && event.percentY > PAGINATION_DISPATCHER && limit < dataSource.length) setLimit(limit + pagination);\n    onScroll(event);\n  };\n\n  const handleSelect = (row, event) => {\n    let updatedSelected;\n\n    if (id) {\n      const rowId = row.id;\n      updatedSelected = selected.includes(rowId)\n        ? selected.filter((selectedId) => selectedId !== rowId)\n        : [...selected, rowId];\n    } else {\n      updatedSelected = exists(row, selected) ? selected.filter((item) => !exists(row, [item])) : [...selected, row];\n    }\n\n    onSelect(updatedSelected, event);\n  };\n\n  const handleSort = (field) => {\n    setSort(sort[field] === undefined ? { [field]: true } : sort[field] ? { [field]: false } : {});\n  };\n\n  const { role = 'table', testId } = others;\n  const fields = Object.keys(schema);\n  const { length: filterFields } = filter?.filter(({ field } = {}) => fields.includes(field)) || {};\n\n  return React.createElement(\n    ScrollView,\n    {\n      ...others,\n      role,\n      onScroll: handleScroll,\n      className: styles(style.container, !inline && style.outlined, others.className),\n    },\n    <>\n      {filterFields > 0 && (\n        <Filter filter={filter} schema={schema} role=\"table-filter\" onRemove={(index) => handleRemoveFilter(index)} />\n      )}\n      <Primitive tag=\"table\" className={style.table}>\n        <Primitive tag=\"thead\">\n          <Row\n            checked={dataSource.length > 0 ? selected.length === dataSource.length : undefined}\n            indeterminate={dataSource.length > 0 && selected.length > 0}\n            l10n={l10n}\n            schema={schema}\n            sort={sort}\n            onFilter={propFilter ? handleAddFilter : undefined}\n            onSelect={onSelect ? handleHeadSelect : undefined}\n            onSort={propSort ? handleSort : undefined}\n            testId={testId ? `${testId}-head` : undefined}\n          />\n        </Primitive>\n        <Primitive tag=\"tbody\">\n          {useMemo(\n            () => select({ dataSource, filter, limit, schema, search, selected, sort }),\n            [dataSource, filter, limit, schema, search, selected, sort],\n          ).map((row, index) => (\n            <Row\n              checked={exists(row, selected)}\n              dataSource={row}\n              key={index}\n              schema={schema}\n              onPress={onPress}\n              onSelect={onSelect ? handleSelect : undefined}\n              testId={testId ? `${testId}-${index}` : undefined}\n            />\n          ))}\n        </Primitive>\n      </Primitive>\n    </>,\n  );\n};\n\nTable.displayName = 'Component:Table';\n\nTable.propTypes = {\n  dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n  filter: PropTypes.arrayOf(PropTypes.shape({})),\n  inline: PropTypes.bool,\n  id: PropTypes.bool,\n  l10n: L10N_SHAPE,\n  pagination: PropTypes.number,\n  schema: PropTypes.shape({}).isRequired,\n  search: PropTypes.string,\n  selected: PropTypes.arrayOf(PropTypes.shape()),\n  sort: PropTypes.bool,\n  store: PropTypes.string,\n  onPress: PropTypes.func,\n  onScroll: PropTypes.func,\n  onSelect: PropTypes.func,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Table.js","names":["Table","dataSource","propFilter","filter","inline","id","l10n","pagination","schema","search","selected","sort","propSort","store","onPress","onScroll","onSelect","others","useState","setFilter","limit","setLimit","scrollTo","setScrollTo","setSort","useEffect","nextFilter","storeFilter","Storage","get","length","set","handleAddFilter","item","handleRemoveFilter","index","splice","handleHeadSelect","row","event","next","select","map","handleScroll","percentY","PAGINATION_DISPATCHER","handleSelect","updatedSelected","rowId","includes","selectedId","exists","handleSort","field","undefined","role","testId","fields","Object","keys","filterFields","React","createElement","ScrollView","className","styles","style","container","outlined","table","useMemo","displayName","propTypes","PropTypes","arrayOf","shape","bool","L10N_SHAPE","number","isRequired","string","func"],"sources":["../../../src/components/Table/Table.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Fragment, useEffect, useMemo, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive, ScrollView } from '../../primitives';\nimport { exists, select, Storage } from './helpers';\nimport { L10N_SHAPE, PAGINATION_DISPATCHER } from './Table.constants';\nimport { Filter } from './Table.Filter';\nimport style from './Table.module.css';\nimport { Row } from './Table.Row';\n\nexport const Table = ({\n  dataSource = [],\n  filter: propFilter,\n  inline = true,\n  id = false,\n  l10n,\n  pagination,\n  schema,\n  search,\n  selected = [],\n  sort: propSort = true,\n  store,\n  onPress,\n  onScroll = () => {},\n  onSelect,\n  ...others\n}) => {\n  const [filter, setFilter] = useState([]);\n  const [limit, setLimit] = useState(pagination);\n  const [scrollTo, setScrollTo] = useState();\n  const [sort, setSort] = useState({});\n\n  useEffect(() => {\n    let nextFilter = propFilter;\n    if (store) {\n      const storeFilter = Storage.get(`${store}:filter`);\n      if (storeFilter?.length) nextFilter = storeFilter;\n    }\n\n    setFilter(nextFilter);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!store) return;\n    Storage.set(`${store}:filter`, filter);\n  }, [filter, store]);\n\n  const handleAddFilter = (item) => {\n    setFilter([...filter, item]);\n    setScrollTo(0);\n  };\n\n  const handleRemoveFilter = (index) => {\n    filter?.splice(index, 1);\n    setFilter([...filter]);\n    setScrollTo();\n  };\n\n  const handleHeadSelect = (row, event) => {\n    const next = select({ dataSource, filter, schema, search, selected, sort });\n    onSelect(selected.length !== next.length ? (id ? next.map(({ id }) => id) : next) : [], event);\n  };\n\n  const handleScroll = (event) => {\n    if (pagination && event.percentY > PAGINATION_DISPATCHER && limit < dataSource.length) setLimit(limit + pagination);\n    onScroll(event);\n  };\n\n  const handleSelect = (row, event) => {\n    let updatedSelected;\n\n    if (id) {\n      const rowId = row.id;\n      updatedSelected = selected.includes(rowId)\n        ? selected.filter((selectedId) => selectedId !== rowId)\n        : [...selected, rowId];\n    } else {\n      updatedSelected = exists(row, selected) ? selected.filter((item) => !exists(row, [item])) : [...selected, row];\n    }\n\n    onSelect(updatedSelected, event);\n  };\n\n  const handleSort = (field) => {\n    setSort(sort[field] === undefined ? { [field]: true } : sort[field] ? { [field]: false } : {});\n  };\n\n  const { role = 'table', testId } = others;\n  const fields = Object.keys(schema);\n  const { length: filterFields } = filter?.filter(({ field } = {}) => fields.includes(field)) || {};\n\n  return React.createElement(\n    ScrollView,\n    {\n      ...others,\n      role,\n      scrollTo: scrollTo,\n      onScroll: handleScroll,\n      className: styles(style.container, !inline && style.outlined, others.className),\n    },\n    <>\n      {filterFields > 0 && (\n        <Filter filter={filter} schema={schema} role=\"table-filter\" onRemove={(index) => handleRemoveFilter(index)} />\n      )}\n      <Primitive tag=\"table\" className={style.table}>\n        <Primitive tag=\"thead\">\n          <Row\n            checked={dataSource.length > 0 ? selected.length === dataSource.length : undefined}\n            indeterminate={dataSource.length > 0 && selected.length > 0}\n            l10n={l10n}\n            schema={schema}\n            sort={sort}\n            onFilter={propFilter ? handleAddFilter : undefined}\n            onSelect={onSelect ? handleHeadSelect : undefined}\n            onSort={propSort ? handleSort : undefined}\n            testId={testId ? `${testId}-head` : undefined}\n          />\n        </Primitive>\n        <Primitive tag=\"tbody\">\n          {useMemo(\n            () => select({ dataSource, filter, limit, schema, search, selected, sort }),\n            [dataSource, filter, limit, schema, search, selected, sort],\n          ).map((row, index) => (\n            <Row\n              checked={exists(row, selected)}\n              dataSource={row}\n              key={index}\n              schema={schema}\n              onPress={onPress}\n              onSelect={onSelect ? handleSelect : undefined}\n              testId={testId ? `${testId}-${index}` : undefined}\n            />\n          ))}\n        </Primitive>\n      </Primitive>\n    </>,\n  );\n};\n\nTable.displayName = 'Component:Table';\n\nTable.propTypes = {\n  dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n  filter: PropTypes.arrayOf(PropTypes.shape({})),\n  inline: PropTypes.bool,\n  id: PropTypes.bool,\n  l10n: L10N_SHAPE,\n  pagination: PropTypes.number,\n  schema: PropTypes.shape({}).isRequired,\n  search: PropTypes.string,\n  selected: PropTypes.arrayOf(PropTypes.shape()),\n  sort: PropTypes.bool,\n  store: PropTypes.string,\n  onPress: PropTypes.func,\n  onScroll: PropTypes.func,\n  onSelect: PropTypes.func,\n};\n"],"mappings":"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"}

package/package.json

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