@mirai/ui 1.0.6 → 1.0.10

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

@@ -76,6 +76,83 @@ exports[`component:<InputNumber> inherit:className 1`] = `
 </DocumentFragment>
 `;
 
+exports[`component:<InputNumber> prop:disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="view row inputNumber"
+  >
+    <div
+      class="view texts"
+    />
+    <button
+      class="pressable button squared"
+      disabled=""
+    >
+      <span
+        class="icon"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <line
+            x1="5"
+            x2="19"
+            y1="12"
+            y2="12"
+          />
+        </svg>
+      </span>
+    </button>
+    <span
+      class="text paragraph value"
+    >
+      0
+    </span>
+    <button
+      class="pressable button squared"
+      disabled=""
+    >
+      <span
+        class="icon"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <line
+            x1="12"
+            x2="12"
+            y1="5"
+            y2="19"
+          />
+          <line
+            x1="5"
+            x2="19"
+            y1="12"
+            y2="12"
+          />
+        </svg>
+      </span>
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`component:<InputNumber> prop:hint 1`] = `
 <DocumentFragment>
   <div
@@ -85,7 +162,7 @@ exports[`component:<InputNumber> prop:hint 1`] = `
       class="view texts"
     >
       <span
-        class="text lighten small hint"
+        class="text small hint"
       >
         hint
       </span>

package/build/components/InputNumber/index.js.map

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/InputOption/InputOption.constants.js"],"names":["CHECKBOX","RADIO","SWITCH"],"mappings":";;;;;;AAAA,IAAMA,QAAQ,GAAG,UAAjB;;AACA,IAAMC,KAAK,GAAG,OAAd;;AACA,IAAMC,MAAM,GAAG,QAAf","sourcesContent":["const CHECKBOX = 'checkbox';\nconst RADIO = 'radio';\nconst SWITCH = 'switch';\n\nexport { CHECKBOX, RADIO, SWITCH };\n"],"file":"InputOption.constants.js"}
+{"version":3,"file":"InputOption.constants.js","names":["CHECKBOX","RADIO","SWITCH"],"sources":["../../../src/components/InputOption/InputOption.constants.js"],"sourcesContent":["const CHECKBOX = 'checkbox';\nconst RADIO = 'radio';\nconst SWITCH = 'switch';\n\nexport { CHECKBOX, RADIO, SWITCH };\n"],"mappings":";;;;;;AAAA,IAAMA,QAAQ,GAAG,UAAjB;;AACA,IAAMC,KAAK,GAAG,OAAd;;AACA,IAAMC,MAAM,GAAG,QAAf"}

package/build/components/InputOption/InputOption.js

@@ -34,7 +34,7 @@ var InputOption = function InputOption(_ref) {
       _ref$onChange = _ref.onChange,
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var Primitive = type === _InputOption.CHECKBOX ? _primitives.Checkbox : _primitives.Radio;
+  var Primitive = type === _InputOption.CHECKBOX ? _primitives.Checkbox : type === _InputOption.RADIO ? _primitives.Radio : _primitives.Switch;
 
   var handleChange = function handleChange(event) {
     onChange(type === _InputOption.CHECKBOX ? !checked : value, event);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/InputOption/InputOption.jsx"],"names":["InputOption","checked","disabled","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","Radio","handleChange","event","style","inputOption","className","icon","undefined","displayName"],"mappings":";;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAUd;AAAA,MATJC,OASI,QATJA,OASI;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,KAOI,QAPJA,KAOI;AAAA,MANJC,IAMI,QANJA,IAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,uBAJJC,IAII;AAAA,MAJJA,IAII,0BAJGC,qBAIH;AAAA,wBAHJC,KAGI;AAAA,MAHJA,KAGI,2BAHI,EAGJ;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;AAAA,MADDC,MACC;AACJ,MAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAT,GAAoBK,oBAApB,GAA+BC,iBAAjD;;AAEA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;AAC9BN,IAAAA,QAAQ,CAACH,IAAI,KAAKC,qBAAT,GAAoB,CAACN,OAArB,GAA+BO,KAAhC,EAAuCO,KAAvC,CAAR;AACD,GAFD;;AAIA,sBACE,6BAAC,qBAAD,oBACML,MADN;AAEE,IAAA,KAAK,EAAEA,MAAM,CAACM,KAFhB;AAGE,IAAA,SAAS,EAAE,qBAAOA,2BAAMC,WAAb,EAA0BZ,OAAO,IAAIW,2BAAMX,OAA3C,EAAoDK,MAAM,CAACQ,SAA3D,CAHb;AAIE,IAAA,OAAO,EAAEJ;AAJX,mBAME,6BAAC,SAAD;AAAW,IAAA,OAAO,EAAEb,OAApB;AAA6B,IAAA,QAAQ,EAAEC,QAAvC;AAAiD,IAAA,IAAI,EAAEE,IAAvD;AAA6D,IAAA,IAAI,EAAEE,IAAnE;AAAyE,IAAA,KAAK,EAAEE;AAAhF,KACGF,IAAI,KAAKC,qBAAT,IAAqBN,OAArB,gBAA+B,6BAAC,gBAAD;AAAM,IAAA,IAAI,EAAC,OAAX;AAAmB,IAAA,SAAS,EAAE,qBAAOe,2BAAMG,IAAb;AAA9B,IAA/B,GAAsFC,SADzF,CANF,EASGjB,KAAK,iBAAI,6BAAC,gBAAD;AAAM,IAAA,SAAS,EAAE,qBAAOa,2BAAMb,KAAb,EAAoBD,QAAQ,IAAIc,2BAAMd,QAAtC;AAAjB,KAAmEC,KAAnE,CATZ,CADF;AAaD,CA9BD;;;AAgCAH,WAAW,CAACqB,WAAZ,GAA0B,uBAA1B","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Radio, Checkbox, Icon, Pressable, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n  checked,\n  disabled,\n  label,\n  name,\n  reverse,\n  type = CHECKBOX,\n  value = '',\n  onChange = () => {},\n  ...others\n}) => {\n  const Primitive = type === CHECKBOX ? Checkbox : Radio;\n\n  const handleChange = (event) => {\n    onChange(type === CHECKBOX ? !checked : value, event);\n  };\n\n  return (\n    <Pressable\n      {...others}\n      style={others.style}\n      className={styles(style.inputOption, reverse && style.reverse, others.className)}\n      onPress={handleChange}\n    >\n      <Primitive checked={checked} disabled={disabled} name={name} type={type} value={value}>\n        {type === CHECKBOX && checked ? <Icon name=\"Check\" className={styles(style.icon)} /> : undefined}\n      </Primitive>\n      {label && <Text className={styles(style.label, disabled && style.disabled)}>{label}</Text>}\n    </Pressable>\n  );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  reverse: PropTypes.bool,\n  type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"file":"InputOption.js"}
+{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","style","inputOption","className","icon","undefined","displayName"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, Pressable, Radio, Switch, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n  checked,\n  disabled,\n  label,\n  name,\n  reverse,\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(type === CHECKBOX ? !checked : value, event);\n  };\n\n  return (\n    <Pressable\n      {...others}\n      style={others.style}\n      className={styles(style.inputOption, reverse && style.reverse, others.className)}\n      onPress={handleChange}\n    >\n      <Primitive checked={checked} disabled={disabled} name={name} type={type} value={value}>\n        {type === CHECKBOX && checked ? <Icon name=\"Check\" className={styles(style.icon)} /> : undefined}\n      </Primitive>\n      {label && <Text className={styles(style.label, disabled && style.disabled)}>{label}</Text>}\n    </Pressable>\n  );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  reverse: PropTypes.bool,\n  type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":";;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAUd;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,KAOI,QAPJA,KAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,qBAJJC,IAII;EAAA,IAJJA,IAII,0BAJGC,qBAIH;EAAA,sBAHJC,KAGI;EAAA,IAHJA,KAGI,2BAHI,EAGJ;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;EAAA,IADDC,MACC;EACJ,IAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAT,GAAoBK,oBAApB,GAA+BN,IAAI,KAAKO,kBAAT,GAAiBC,iBAAjB,GAAyBC,kBAA1E;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9BR,QAAQ,CAACH,IAAI,KAAKC,qBAAT,GAAoB,CAACN,OAArB,GAA+BO,KAAhC,EAAuCS,KAAvC,CAAR;EACD,CAFD;;EAIA,oBACE,6BAAC,qBAAD,oBACMP,MADN;IAEE,KAAK,EAAEA,MAAM,CAACQ,KAFhB;IAGE,SAAS,EAAE,qBAAOA,2BAAMC,WAAb,EAA0Bd,OAAO,IAAIa,2BAAMb,OAA3C,EAAoDK,MAAM,CAACU,SAA3D,CAHb;IAIE,OAAO,EAAEJ;EAJX,iBAME,6BAAC,SAAD;IAAW,OAAO,EAAEf,OAApB;IAA6B,QAAQ,EAAEC,QAAvC;IAAiD,IAAI,EAAEE,IAAvD;IAA6D,IAAI,EAAEE,IAAnE;IAAyE,KAAK,EAAEE;EAAhF,GACGF,IAAI,KAAKC,qBAAT,IAAqBN,OAArB,gBAA+B,6BAAC,gBAAD;IAAM,IAAI,EAAC,OAAX;IAAmB,SAAS,EAAE,qBAAOiB,2BAAMG,IAAb;EAA9B,EAA/B,GAAsFC,SADzF,CANF,EASGnB,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAE,qBAAOe,2BAAMf,KAAb,EAAoBD,QAAQ,IAAIgB,2BAAMhB,QAAtC;EAAjB,GAAmEC,KAAnE,CATZ,CADF;AAaD,CA9BD;;;AAgCAH,WAAW,CAACuB,WAAZ,GAA0B,uBAA1B"}

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

@@ -1,5 +1,5 @@
 :root {
-  --mirai-ui-input-option-disabled: var(--mirai-ui-disabled);
+  --mirai-ui-input-option-disabled: var(--mirai-ui-content-300);
   --mirai-ui-input-option-label-margin: var(--mirai-ui-space-S);
   --mirai-ui-input-option-padding-y: var(--mirai-ui-space-S);
 }
@@ -32,6 +32,11 @@
   flex-direction: row-reverse;
 }
 
+.reverse .icon {
+  left: auto;
+  right: 0;
+}
+
 .reverse .label {
   margin-left: 0;
   margin-right: var(--mirai-ui-input-option-label-margin);

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

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

package/build/components/InputSelect/InputSelect.js

@@ -67,14 +67,14 @@ var InputSelect = function InputSelect(_ref) {
     className: (0, _helpers.styles)(_InputTextModule.default.inputContainer, others.className),
     style: others.style
   }, label && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
-    className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.label, focus && _InputTextModule.default.focus, error && _InputTextModule.default.error, (focus || error || has.value) && _InputTextModule.default.value)
+    className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.label, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error, focus && _InputTextModule.default.focus, (focus || error || has.value) && _InputTextModule.default.value)
   }, label), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     row: true,
-    className: (0, _helpers.styles)(_InputTextModule.default.inputBorder, focus && !error && _InputTextModule.default.focus, error && _InputTextModule.default.error)
+    className: (0, _helpers.styles)(_InputTextModule.default.inputBorder, disabled && _InputTextModule.default.disabled, focus && !error && _InputTextModule.default.focus, error && _InputTextModule.default.error)
   }, /*#__PURE__*/_react.default.createElement(_primitives.Select, Object.assign({}, others, {
     disabled: disabled,
     value: others.value || '',
-    className: _InputTextModule.default.input,
+    className: (0, _helpers.styles)(_InputTextModule.default.input, _InputTextModule.default.iconRight, !(focus || error || has.value) && _InputTextModule.default.empty),
     style: undefined,
     onChange: handleChange,
     onEnter: handleEnter,
@@ -84,7 +84,7 @@ var InputSelect = function InputSelect(_ref) {
     className: [_InputTextModule.default.icon, _InputTextModule.default.right]
   })), hint && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     small: true,
-    className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.hint, error && _InputTextModule.default.error)
+    className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.hint, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error)
   }, hint));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/InputSelect/InputSelect.jsx"],"names":["InputSelect","disabled","error","hint","label","onChange","onEnter","onLeave","others","focus","setFocus","handleChange","value","event","target","blur","handleEnter","handleLeave","has","undefined","length","style","inputContainer","className","text","inputBorder","input","icon","right","displayName"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Select, Text, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\nconst InputSelect = ({\n  disabled,\n  error,\n  hint,\n  label,\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    value: others.value !== undefined && others.value?.length > 0,\n  };\n\n  return (\n    <View className={styles(style.inputContainer, others.className)} style={others.style}>\n      {label && (\n        <Text\n          className={styles(\n            style.text,\n            style.label,\n            focus && style.focus,\n            error && style.error,\n            (focus || error || has.value) && style.value,\n          )}\n        >\n          {label}\n        </Text>\n      )}\n\n      <View row className={styles(style.inputBorder, focus && !error && style.focus, error && style.error)}>\n        <Select\n          {...others}\n          disabled={disabled}\n          value={others.value || ''}\n          className={style.input}\n          style={undefined}\n          onChange={handleChange}\n          onEnter={handleEnter}\n          onLeave={handleLeave}\n        />\n        {!disabled && <Icon name=\"CloseArrow\" className={[style.icon, style.right]} />}\n      </View>\n\n      {hint && (\n        <Text small className={styles(style.text, style.hint, error && style.error)}>\n          {hint}\n        </Text>\n      )}\n    </View>\n  );\n};\n\nInputSelect.displayName = 'Component:InputSelect';\n\nInputSelect.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputSelect };\n"],"file":"InputSelect.js"}
+{"version":3,"file":"InputSelect.js","names":["InputSelect","disabled","error","hint","label","onChange","onEnter","onLeave","others","focus","setFocus","handleChange","value","event","target","blur","handleEnter","handleLeave","has","undefined","length","style","inputContainer","className","text","inputBorder","input","iconRight","empty","icon","right","displayName"],"sources":["../../../src/components/InputSelect/InputSelect.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Select, Text, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\n\nconst InputSelect = ({\n  disabled,\n  error,\n  hint,\n  label,\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    value: others.value !== undefined && others.value?.length > 0,\n  };\n\n  return (\n    <View className={styles(style.inputContainer, others.className)} style={others.style}>\n      {label && (\n        <Text\n          className={styles(\n            style.text,\n            style.label,\n            disabled && style.disabled,\n            error && style.error,\n            focus && style.focus,\n            (focus || error || has.value) && style.value,\n          )}\n        >\n          {label}\n        </Text>\n      )}\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        <Select\n          {...others}\n          disabled={disabled}\n          value={others.value || ''}\n          className={styles(style.input, style.iconRight, !(focus || error || has.value) && style.empty)}\n          style={undefined}\n          onChange={handleChange}\n          onEnter={handleEnter}\n          onLeave={handleLeave}\n        />\n        {!disabled && <Icon name=\"CloseArrow\" className={[style.icon, style.right]} />}\n      </View>\n\n      {hint && (\n        <Text small className={styles(style.text, style.hint, disabled && style.disabled, error && style.error)}>\n          {hint}\n        </Text>\n      )}\n    </View>\n  );\n};\n\nInputSelect.displayName = 'Component:InputSelect';\n\nInputSelect.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\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

@@ -9,7 +9,7 @@ exports[`component:<InputSelect> inherit:className 1`] = `
       class="view row inputBorder"
     >
       <select
-        class="select empty input"
+        class="select empty input iconRight empty"
         name="name"
       >
         <option
@@ -68,10 +68,10 @@ exports[`component:<InputSelect> prop:disabled 1`] = `
     class="view inputContainer"
   >
     <div
-      class="view row inputBorder"
+      class="view row inputBorder disabled"
     >
       <select
-        class="select empty input"
+        class="select empty input iconRight empty"
         disabled=""
         name="name"
       >
@@ -115,7 +115,7 @@ exports[`component:<InputSelect> prop:error 1`] = `
       class="view row inputBorder"
     >
       <select
-        class="select empty input"
+        class="select empty input iconRight empty"
         name="name"
       >
         <option
@@ -177,7 +177,7 @@ exports[`component:<InputSelect> prop:hint 1`] = `
       class="view row inputBorder"
     >
       <select
-        class="select empty input"
+        class="select empty input iconRight empty"
         name="name"
       >
         <option
@@ -249,7 +249,7 @@ exports[`component:<InputSelect> prop:label 1`] = `
       class="view row inputBorder"
     >
       <select
-        class="select empty input"
+        class="select empty input iconRight empty"
         name="name"
       >
         <option
@@ -311,7 +311,7 @@ exports[`component:<InputSelect> prop:label 2`] = `
       class="view row inputBorder"
     >
       <select
-        class="select input"
+        class="select input iconRight"
         name="name"
       >
         <option
@@ -373,7 +373,7 @@ exports[`component:<InputSelect> renders 1`] = `
       class="view row inputBorder"
     >
       <select
-        class="select empty input"
+        class="select empty input iconRight empty"
         name="name"
       >
         <option
@@ -435,7 +435,7 @@ exports[`component:<InputSelect> testID 1`] = `
       class="view row inputBorder"
     >
       <select
-        class="select empty input"
+        class="select empty input iconRight empty"
         data-testid="mirai"
         name="name"
       >

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

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

package/build/components/InputText/InputText.js

@@ -74,10 +74,10 @@ var InputText = function InputText(_ref) {
     className: (0, _helpers.styles)(_InputTextModule.default.inputContainer, others.className),
     style: others.style
   }, label && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
-    className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.label, focus && _InputTextModule.default.focus, error && _InputTextModule.default.error, (focus || error || has.value) && _InputTextModule.default.value)
+    className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.label, disabled && _InputTextModule.default.disabled, focus && _InputTextModule.default.focus, error && _InputTextModule.default.error, (focus || error || has.value) && _InputTextModule.default.value)
   }, label), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     row: true,
-    className: (0, _helpers.styles)(_InputTextModule.default.inputBorder, focus && !error && _InputTextModule.default.focus, error && _InputTextModule.default.error)
+    className: (0, _helpers.styles)(_InputTextModule.default.inputBorder, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error, focus && !error && _InputTextModule.default.focus)
   }, icon && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     name: icon,
     className: [_InputTextModule.default.icon, _InputTextModule.default.left]
@@ -99,7 +99,7 @@ var InputText = function InputText(_ref) {
     name: password ? 'EyeClose' : 'EyeOpen'
   }))), hint && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     small: true,
-    className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.hint, error && _InputTextModule.default.error)
+    className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.hint, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error)
   }, hint));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/InputText/InputText.jsx"],"names":["InputText","disabled","error","hint","icon","label","type","onChange","onEnter","onLeave","others","focus","setFocus","password","setPassword","handleChange","value","event","handleEnter","handleLeave","has","undefined","length","is","style","inputContainer","className","text","inputBorder","left","input","iconLeft","pressable","displayName"],"mappings":";;;;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAWZ;AAAA;;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,KASI,QATJA,KASI;AAAA,MARJC,IAQI,QARJA,IAQI;AAAA,MAPJC,IAOI,QAPJA,IAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,2BAJJC,QAII;AAAA,MAJJA,QAII,8BAJO,YAAM,CAAE,CAIf;AAAA,0BAHJC,OAGI;AAAA,MAHJA,OAGI,6BAHM,YAAM,CAAE,CAGd;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,YAAM,CAAE,CAEd;AAAA,MADDC,MACC;;AACJ,kBAA0B,qBAAS,KAAT,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,mBAAgC,qBAAS,IAAT,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAEA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAQC,KAAR,EAAkB;AACrCV,IAAAA,QAAQ,CAACS,KAAD,EAAQC,KAAR,CAAR;AACD,GAFD;;AAIA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACD,KAAD,EAAW;AAC7BL,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACAJ,IAAAA,OAAO,CAACS,KAAD,CAAP;AACD,GAHD;;AAKA,MAAME,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBP,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACAH,IAAAA,OAAO,CAACQ,KAAD,CAAP;AACD,GAHD;;AAKA,MAAMG,GAAG,GAAG;AACVJ,IAAAA,KAAK,EAAEN,MAAM,CAACM,KAAP,KAAiBK,SAAjB,IAA8B,kBAAAX,MAAM,CAACM,KAAP,gEAAcM,MAAd,IAAuB;AADlD,GAAZ;AAGA,MAAMC,EAAE,GAAG;AAAEV,IAAAA,QAAQ,EAAEP,IAAI,KAAK;AAArB,GAAX;AAEA,sBACE,6BAAC,gBAAD;AAAM,IAAA,SAAS,EAAE,qBAAOkB,yBAAMC,cAAb,EAA6Bf,MAAM,CAACgB,SAApC,CAAjB;AAAiE,IAAA,KAAK,EAAEhB,MAAM,CAACc;AAA/E,KACGnB,KAAK,iBACJ,6BAAC,gBAAD;AACE,IAAA,SAAS,EAAE,qBACTmB,yBAAMG,IADG,EAETH,yBAAMnB,KAFG,EAGTM,KAAK,IAAIa,yBAAMb,KAHN,EAITT,KAAK,IAAIsB,yBAAMtB,KAJN,EAKT,CAACS,KAAK,IAAIT,KAAT,IAAkBkB,GAAG,CAACJ,KAAvB,KAAiCQ,yBAAMR,KAL9B;AADb,KASGX,KATH,CAFJ,eAeE,6BAAC,gBAAD;AAAM,IAAA,GAAG,MAAT;AAAU,IAAA,SAAS,EAAE,qBAAOmB,yBAAMI,WAAb,EAA0BjB,KAAK,IAAI,CAACT,KAAV,IAAmBsB,yBAAMb,KAAnD,EAA0DT,KAAK,IAAIsB,yBAAMtB,KAAzE;AAArB,KACGE,IAAI,iBAAI,6BAAC,gBAAD;AAAM,IAAA,IAAI,EAAEA,IAAZ;AAAkB,IAAA,SAAS,EAAE,CAACoB,yBAAMpB,IAAP,EAAaoB,yBAAMK,IAAnB;AAA7B,IADX,eAEE,6BAAC,iBAAD,oBACMnB,MADN;AAEE,IAAA,QAAQ,EAAET,QAFZ;AAGE,IAAA,IAAI,EAAE,CAACsB,EAAE,CAACV,QAAJ,IAAgBA,QAAhB,GAA2BP,IAA3B,GAAkC,MAH1C;AAIE,IAAA,KAAK,EAAEI,MAAM,CAACM,KAAP,IAAgB,EAJzB;AAKE,IAAA,SAAS,EAAE,qBAAOQ,yBAAMM,KAAb,EAAoB1B,IAAI,IAAIoB,yBAAMO,QAAlC,CALb;AAME,IAAA,KAAK,EAAEV,SANT;AAOE,IAAA,QAAQ,EAAEN,YAPZ;AAQE,IAAA,OAAO,EAAEG,WARX;AASE,IAAA,OAAO,EAAEC;AATX,KAFF,EAaGI,EAAE,CAACV,QAAH,IAAe,CAACZ,QAAhB,iBACC,6BAAC,qBAAD;AAAW,IAAA,SAAS,EAAEuB,yBAAMQ,SAA5B;AAAuC,IAAA,OAAO,EAAE;AAAA,aAAMlB,WAAW,CAAC,CAACD,QAAF,CAAjB;AAAA;AAAhD,kBACE,6BAAC,gBAAD;AAAM,IAAA,IAAI,EAAEA,QAAQ,GAAG,UAAH,GAAgB;AAApC,IADF,CAdJ,CAfF,EAmCGV,IAAI,iBACH,6BAAC,gBAAD;AAAM,IAAA,KAAK,MAAX;AAAY,IAAA,SAAS,EAAE,qBAAOqB,yBAAMG,IAAb,EAAmBH,yBAAMrB,IAAzB,EAA+BD,KAAK,IAAIsB,yBAAMtB,KAA9C;AAAvB,KACGC,IADH,CApCJ,CADF;AA2CD,CA7ED;;;AA+EAH,SAAS,CAACiC,WAAV,GAAwB,qBAAxB","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Input, Pressable, Text, View } from '../../primitives';\nimport style from './InputText.module.css';\n\nconst InputText = ({\n  disabled,\n  error,\n  hint,\n  icon,\n  label,\n  type,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n  const [password, setPassword] = 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 = () => {\n    setFocus(false);\n    onLeave(event);\n  };\n\n  const has = {\n    value: others.value !== undefined && others.value?.length > 0,\n  };\n  const is = { password: type === 'password' };\n\n  return (\n    <View className={styles(style.inputContainer, others.className)} style={others.style}>\n      {label && (\n        <Text\n          className={styles(\n            style.text,\n            style.label,\n            focus && style.focus,\n            error && style.error,\n            (focus || error || has.value) && style.value,\n          )}\n        >\n          {label}\n        </Text>\n      )}\n\n      <View row className={styles(style.inputBorder, focus && !error && style.focus, error && style.error)}>\n        {icon && <Icon name={icon} className={[style.icon, style.left]} />}\n        <Input\n          {...others}\n          disabled={disabled}\n          type={!is.password || password ? type : 'text'}\n          value={others.value || ''}\n          className={styles(style.input, icon && style.iconLeft)}\n          style={undefined}\n          onChange={handleChange}\n          onEnter={handleEnter}\n          onLeave={handleLeave}\n        />\n        {is.password && !disabled && (\n          <Pressable className={style.pressable} onPress={() => setPassword(!password)}>\n            <Icon name={password ? 'EyeClose' : 'EyeOpen'} />\n          </Pressable>\n        )}\n      </View>\n\n      {hint && (\n        <Text small className={styles(style.text, style.hint, error && style.error)}>\n          {hint}\n        </Text>\n      )}\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.string,\n  label: PropTypes.string,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputText };\n"],"file":"InputText.js"}
+{"version":3,"file":"InputText.js","names":["InputText","disabled","error","hint","icon","label","type","onChange","onEnter","onLeave","others","focus","setFocus","password","setPassword","handleChange","value","event","handleEnter","handleLeave","has","undefined","length","is","style","inputContainer","className","text","inputBorder","left","input","iconLeft","pressable","displayName"],"sources":["../../../src/components/InputText/InputText.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Input, Pressable, Text, View } from '../../primitives';\nimport style from './InputText.module.css';\n\nconst InputText = ({\n  disabled,\n  error,\n  hint,\n  icon,\n  label,\n  type,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n  const [password, setPassword] = 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 = () => {\n    setFocus(false);\n    onLeave(event);\n  };\n\n  const has = {\n    value: others.value !== undefined && others.value?.length > 0,\n  };\n  const is = { password: type === 'password' };\n\n  return (\n    <View className={styles(style.inputContainer, others.className)} style={others.style}>\n      {label && (\n        <Text\n          className={styles(\n            style.text,\n            style.label,\n            disabled && style.disabled,\n            focus && style.focus,\n            error && style.error,\n            (focus || error || has.value) && style.value,\n          )}\n        >\n          {label}\n        </Text>\n      )}\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        {icon && <Icon name={icon} className={[style.icon, style.left]} />}\n        <Input\n          {...others}\n          disabled={disabled}\n          type={!is.password || password ? type : 'text'}\n          value={others.value || ''}\n          className={styles(style.input, icon && style.iconLeft)}\n          style={undefined}\n          onChange={handleChange}\n          onEnter={handleEnter}\n          onLeave={handleLeave}\n        />\n        {is.password && !disabled && (\n          <Pressable className={style.pressable} onPress={() => setPassword(!password)}>\n            <Icon name={password ? 'EyeClose' : 'EyeOpen'} />\n          </Pressable>\n        )}\n      </View>\n\n      {hint && (\n        <Text small className={styles(style.text, style.hint, disabled && style.disabled, error && style.error)}>\n          {hint}\n        </Text>\n      )}\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.string,\n  label: PropTypes.string,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\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/InputText.module.css

@@ -1,87 +1,104 @@
 :root {
-  --mirai-ui-input-field-border: solid 1px var(--mirai-ui-lighten);
-  --mirai-ui-input-field-focus: var(--mirai-ui-accent);
-  --mirai-ui-input-field-padding-x: var(--mirai-ui-space-S);
-  --mirai-ui-input-field-padding-y: var(--mirai-ui-space-S);
-  --mirai-ui-input-field-radius: var(--mirai-ui-border-radius);
+  --mirai-ui-input-text-border: solid 1px var(--mirai-ui-content-400);
+  --mirai-ui-input-text-focus: var(--mirai-ui-accent);
+  --mirai-ui-input-text-padding-x: var(--mirai-ui-space-S);
+  --mirai-ui-input-text-padding-y: var(--mirai-ui-space-S);
+  --mirai-ui-input-text-radius: var(--mirai-ui-border-radius);
+  --mirai-ui-input-text-disabled: var(--mirai-ui-content-300);
+  --mirai-ui-input-text-error: var(--mirai-ui-error);
 }
 
 .inputContainer {
+  flex: 1;
+  margin-bottom: var(--mirai-ui-input-text-padding-y);
   position: relative;
-  margin-bottom: var(--mirai-ui-input-field-padding-y);
 }
 
 .inputBorder {
-  border: var(--mirai-ui-input-field-border);
-  border-radius: var(--mirai-ui-input-field-radius);
+  border: var(--mirai-ui-input-text-border);
+  border-radius: var(--mirai-ui-input-text-radius);
+}
+
+.inputBorder.disabled {
+  border-color: var(--mirai-ui-input-text-disabled);
 }
 
 .inputBorder.error {
-  border-color: var(--mirai-ui-error);
+  border-color: var(--mirai-ui-input-text-error);
 }
 
 .inputBorder.focus {
-  border-color: var(--mirai-ui-input-field-focus);
+  border-color: var(--mirai-ui-input-text-focus);
 }
 
 .input {
-  padding: var(--mirai-ui-input-field-padding-y) var(--mirai-ui-input-field-padding-x);
+  border-radius: var(--mirai-ui-input-text-radius);
+  padding: var(--mirai-ui-input-text-padding-y) var(--mirai-ui-input-text-padding-x);
 }
 
 .input.iconLeft {
-  padding-left: calc(var(--mirai-ui-input-field-padding-x) * 3);
+  padding-left: calc(var(--mirai-ui-input-text-padding-x) * 3);
+}
+
+.input.iconRight {
+  padding-right: calc(var(--mirai-ui-input-text-padding-x) * 3);
 }
 
+.input.empty:not(:focus),
 .input::placeholder {
   color: var(--mirai-ui-base);
 }
 
 .hint {
-  margin: calc(var(--mirai-ui-input-field-padding-x) / 4) var(--mirai-ui-input-field-padding-x);
+  margin: calc(var(--mirai-ui-input-text-padding-x) / 4) var(--mirai-ui-input-text-padding-x);
 }
 
 .icon {
-  color: var(--mirai-ui-lighten);
+  color: var(--mirai-ui-input-disabled);
   pointer-events: none;
   position: absolute;
 }
 
 .pressable {
   position: absolute;
-  right: var(--mirai-ui-input-field-padding-x);
+  right: var(--mirai-ui-input-text-padding-x);
 }
 
 .icon.left {
-  left: var(--mirai-ui-input-field-padding-x);
+  left: var(--mirai-ui-input-text-padding-x);
 }
 
 .icon.right {
-  right: var(--mirai-ui-input-field-padding-x);
+  right: var(--mirai-ui-input-text-padding-x);
 }
 
 .label {
-  background-color: var(--mirai-ui-base);
+  background-color: var(--mirai-ui-input-background);
   font-size: var(--mirai-ui-input-font-size);
-  margin: 0 calc(var(--mirai-ui-input-field-padding-x) / 2);
-  padding: 0 calc(var(--mirai-ui-input-field-padding-x) / 2);
+  margin: 0 calc(var(--mirai-ui-input-text-padding-x) / 2);
+  padding: 0 calc(var(--mirai-ui-input-text-padding-x) / 2);
   pointer-events: none;
   position: absolute;
-  top: var(--mirai-ui-input-field-padding-y);
+  top: var(--mirai-ui-input-text-padding-y);
   transition: all var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
   z-index: 1;
 }
 
 .label.value {
   font-size: var(--mirai-ui-font-size-small);
-  top: calc(calc(var(--mirai-ui-input-field-padding-y) * -1) + calc(var(--mirai-ui-input-field-padding-y) / 2));
+  top: calc(calc(var(--mirai-ui-input-text-padding-y) * -1) + calc(var(--mirai-ui-input-text-padding-y) / 2));
 }
 
 .text {
-  color: var(--mirai-ui-lighten);
+  color: var(--mirai-ui-input-disabled);
+}
+
+.text.disabled {
+  color: var(--mirai-ui-input-text-disabled);
 }
 
 .text.focus {
-  color: var(--mirai-ui-input-field-focus);
+  color: var(--mirai-ui-input-text-focus);
 }
 
 .text.error {

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

@@ -25,7 +25,7 @@ exports[`component:<InputText> prop:disabled 1`] = `
     class="view inputContainer"
   >
     <div
-      class="view row inputBorder"
+      class="view row inputBorder disabled"
     >
       <input
         class="input input"

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

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

package/build/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Modal/Modal.jsx"],"names":["Modal","children","visible","onClose","others","isDesktop","style","overflow","modal","className","pressable","icon","displayName"],"mappings":";;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA+C;AAAA,MAA5CC,QAA4C,QAA5CA,QAA4C;AAAA,MAAlCC,OAAkC,QAAlCA,OAAkC;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAbC,MAAa;;AAC3D,mBAAsB,uBAAtB;AAAA,MAAQC,SAAR,cAAQA,SAAR;;AAEA,sBACE,6BAAC,gBAAD;AAAM,IAAA,GAAG,MAAT;AAAU,IAAA,SAAS,EAAE,qBAAOC,qBAAMC,QAAb,EAAuBL,OAAO,IAAII,qBAAMJ,OAAxC;AAArB,kBACE,6BAAC,gBAAD,oBAAUE,MAAV;AAAkB,IAAA,GAAG,MAArB;AAAsB,IAAA,SAAS,EAAE,qBAAOE,qBAAME,KAAb,EAAoBN,OAAO,IAAII,qBAAMJ,OAArC,EAA8CE,MAAM,CAACK,SAArD;AAAjC,mBACE,4DACGN,OAAO,iBACN,6BAAC,qBAAD;AAAW,IAAA,SAAS,EAAEG,qBAAMI,SAA5B;AAAuC,IAAA,OAAO,EAAEP;AAAhD,kBACE,6BAAC,gBAAD;AAAM,IAAA,IAAI,EAAEE,SAAS,GAAG,OAAH,GAAa,YAAlC;AAAgD,IAAA,SAAS,EAAEC,qBAAMK;AAAjE,IADF,CAFJ,EAMGV,QANH,CADF,CADF,CADF;AAcD,CAjBD;;;AAmBAD,KAAK,CAACY,WAAN,GAAoB,iBAApB","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, Pressable, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({ children, visible, onClose, ...others }) => {\n  const { isDesktop } = useDevice();\n\n  return (\n    <View row className={styles(style.overflow, visible && style.visible)}>\n      <View {...others} fit className={styles(style.modal, visible && style.visible, others.className)}>\n        <>\n          {onClose && (\n            <Pressable className={style.pressable} onPress={onClose}>\n              <Icon name={isDesktop ? 'Close' : 'CloseArrow'} className={style.icon} />\n            </Pressable>\n          )}\n          {children}\n        </>\n      </View>\n    </View>\n  );\n};\n\nModal.displayName = 'Component:Modal';\n\nModal.propTypes = {\n  children: PropTypes.node,\n  visible: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Modal };\n"],"file":"Modal.js"}
+{"version":3,"file":"Modal.js","names":["Modal","children","visible","onClose","others","isDesktop","style","overflow","modal","className","pressable","icon","displayName"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, Pressable, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({ children, visible, onClose, ...others }) => {\n  const { isDesktop } = useDevice();\n\n  return (\n    <View row className={styles(style.overflow, visible && style.visible)}>\n      <View {...others} fit className={styles(style.modal, visible && style.visible, others.className)}>\n        <>\n          {onClose && (\n            <Pressable className={style.pressable} onPress={onClose}>\n              <Icon name={isDesktop ? 'Close' : 'CloseArrow'} className={style.icon} />\n            </Pressable>\n          )}\n          {children}\n        </>\n      </View>\n    </View>\n  );\n};\n\nModal.displayName = 'Component:Modal';\n\nModal.propTypes = {\n  children: PropTypes.node,\n  visible: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":";;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA+C;EAAA,IAA5CC,QAA4C,QAA5CA,QAA4C;EAAA,IAAlCC,OAAkC,QAAlCA,OAAkC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EAC3D,iBAAsB,uBAAtB;EAAA,IAAQC,SAAR,cAAQA,SAAR;;EAEA,oBACE,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAE,qBAAOC,qBAAMC,QAAb,EAAuBL,OAAO,IAAII,qBAAMJ,OAAxC;EAArB,gBACE,6BAAC,gBAAD,oBAAUE,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOE,qBAAME,KAAb,EAAoBN,OAAO,IAAII,qBAAMJ,OAArC,EAA8CE,MAAM,CAACK,SAArD;EAAjC,iBACE,4DACGN,OAAO,iBACN,6BAAC,qBAAD;IAAW,SAAS,EAAEG,qBAAMI,SAA5B;IAAuC,OAAO,EAAEP;EAAhD,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAEE,SAAS,GAAG,OAAH,GAAa,YAAlC;IAAgD,SAAS,EAAEC,qBAAMK;EAAjE,EADF,CAFJ,EAMGV,QANH,CADF,CADF,CADF;AAcD,CAjBD;;;AAmBAD,KAAK,CAACY,WAAN,GAAoB,iBAApB"}

package/build/components/Modal/Modal.module.css

@@ -9,8 +9,9 @@
   background-color: var(--mirai-ui-modal-background);
   opacity: 0;
   pointer-events: none;
-  transform: scale(0.9);
-  transition: all var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+  transform: scale(1.1);
+  transition: opacity var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing),
+    transform var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
 }
 
 .modal.visible {

package/build/components/Modal/index.js.map

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Table/Table.Row.jsx"],"names":["TableRow","dataSource","schema","selected","sort","onPress","onSelect","onSort","others","isHead","undefined","fields","Object","keys","tag","testId","style","className","React","createElement","select","checkbox","map","field","head","label","hideIcon","displayName"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAuF;AAAA,MAApFC,UAAoF,QAApFA,UAAoF;AAAA,MAAxEC,MAAwE,QAAxEA,MAAwE;AAAA,MAAhEC,QAAgE,QAAhEA,QAAgE;AAAA,uBAAtDC,IAAsD;AAAA,MAAtDA,IAAsD,0BAA/C,EAA+C;AAAA,MAA3CC,OAA2C,QAA3CA,OAA2C;AAAA,MAAlCC,QAAkC,QAAlCA,QAAkC;AAAA,MAAxBC,MAAwB,QAAxBA,MAAwB;AAAA,MAAbC,MAAa;AACtG,MAAMC,MAAM,GAAGR,UAAU,KAAKS,SAA9B;AACA,MAAMC,MAAM,GAAGC,MAAM,CAACC,IAAP,CAAYX,MAAZ,CAAf;AACA,MAAMY,GAAG,GAAGL,MAAM,GAAG,IAAH,GAAU,IAA5B;AACA,MAAyBM,MAAzB,GAAoCP,MAApC,CAAS,aAAT;AAEA,sBACE,qDACMA,MADN;AAEE,IAAA,IAAI,EAAC,IAFP;AAGE,IAAA,SAAS,EAAE,qBAAOL,QAAQ,IAAIa,qBAAMb,QAAzB,EAAmCE,OAAO,IAAIW,qBAAMX,OAApD,EAA6DG,MAAM,CAACS,SAApE;AAHb,MAKGX,QAAQ,iBACPY,eAAMC,aAAN,CACEL,GADF,EAEE;AAAEG,IAAAA,SAAS,EAAED,qBAAMI;AAAnB,GAFF,eAGE,6BAAC,gBAAD;AAAM,IAAA,GAAG;AAAT,KACG,CAACX,MAAD,iBACC,6BAAC,wBAAD;AACE,IAAA,OAAO,EAAEN,QADX;AAEE,mBAAaY,MAAM,aAAMA,MAAN,iBAA0BL,SAF/C;AAGE,IAAA,IAAI,EAAC,UAHP;AAIE,IAAA,SAAS,EAAEM,qBAAMK,QAJnB;AAKE,IAAA,QAAQ,EAAE;AAAA,aAAMf,QAAQ,CAACL,UAAD,CAAd;AAAA;AALZ,IAFJ,CAHF,CANJ,EAqBGU,MAAM,CAACW,GAAP,CAAW,UAACC,KAAD;AAAA;;AAAA,wBACVL,eAAMC,aAAN,CACEL,GADF,kFAGK,aAHL,EAGqBC,MAAM,aAAMA,MAAN,cAAgBQ,KAAhB,IAA0Bb,SAHrD,8DAISa,KAJT,kEAKa,CAACd,MAAD,IAAWJ,OAAX,GAAqB;AAAA,aAAMA,OAAO,CAACJ,UAAD,CAAb;AAAA,KAArB,GAAiDS,SAL9D,uCAOE,6BAAC,gBAAD;AAAM,MAAA,GAAG,MAAT;AAAU,MAAA,GAAG,EAAC,MAAd;AAAqB,MAAA,SAAS,EAAED,MAAM,IAAIO,qBAAMQ,IAAhD;AAAsD,MAAA,OAAO,EAAEf,MAAM,GAAG;AAAA,eAAMF,MAAM,CAACgB,KAAD,CAAZ;AAAA,OAAH,GAAyBb;AAA9F,oBACE,4DACGD,MAAM,GAAGP,MAAM,CAACqB,KAAD,CAAN,CAAcE,KAAjB,GAAyBxB,UAAU,CAACsB,KAAD,CAD5C,EAEGd,MAAM,IAAIF,MAAV,iBACC,6BAAC,gBAAD;AAAM,MAAA,IAAI,EAAEH,IAAI,CAACmB,KAAD,CAAJ,GAAc,MAAd,GAAuB,IAAnC;AAAyC,MAAA,SAAS,EAAEnB,IAAI,CAACmB,KAAD,CAAJ,KAAgBb,SAAhB,IAA6BM,qBAAMU;AAAvF,MAHJ,CADF,CAPF,CADU;AAAA,GAAX,CArBH,CADF;AA0CD,CAhDD;;;AAkDA1B,QAAQ,CAAC2B,WAAT,GAAuB,WAAvB","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport style from './Table.module.css';\n\nconst TableRow = ({ dataSource, schema, selected, sort = {}, onPress, onSelect, onSort, ...others }) => {\n  const isHead = dataSource === undefined;\n  const fields = Object.keys(schema);\n  const tag = isHead ? 'th' : 'td';\n  const { ['data-testid']: testId } = others;\n\n  return (\n    <tr\n      {...others}\n      role=\"tr\"\n      className={styles(selected && style.selected, onPress && style.onPress, others.className)}\n    >\n      {onSelect &&\n        React.createElement(\n          tag,\n          { className: style.select },\n          <View row>\n            {!isHead && (\n              <InputOption\n                checked={selected}\n                data-testid={testId ? `${testId}-checkbox` : undefined}\n                name=\"checkbox\"\n                className={style.checkbox}\n                onChange={() => onSelect(dataSource)}\n              />\n            )}\n          </View>,\n        )}\n      {fields.map((field) =>\n        React.createElement(\n          tag,\n          {\n            ['data-testid']: testId ? `${testId}-${field}` : undefined,\n            key: field,\n            onClick: !isHead && onPress ? () => onPress(dataSource) : undefined,\n          },\n          <View row tag=\"span\" className={isHead && style.head} onClick={isHead ? () => onSort(field) : undefined}>\n            <>\n              {isHead ? schema[field].label : dataSource[field]}\n              {isHead && onSort && (\n                <Icon name={sort[field] ? 'Down' : 'Up'} className={sort[field] === undefined && style.hideIcon} />\n              )}\n            </>\n          </View>,\n        ),\n      )}\n    </tr>\n  );\n};\n\nTableRow.displayName = 'Table:Row';\n\nTableRow.propTypes = {\n  dataSource: PropTypes.shape({}),\n  schema: PropTypes.shape({}).isRequired,\n  selected: PropTypes.bool,\n  sort: PropTypes.shape({}),\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { TableRow };\n"],"file":"Table.Row.js"}
+{"version":3,"file":"Table.Row.js","names":["TableRow","dataSource","schema","selected","sort","onPress","onSelect","onSort","others","isHead","undefined","fields","Object","keys","tag","testId","style","className","React","createElement","select","checkbox","map","field","head","label","hideIcon","displayName"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport style from './Table.module.css';\n\nconst TableRow = ({ dataSource, schema, selected, sort = {}, onPress, onSelect, onSort, ...others }) => {\n  const isHead = dataSource === undefined;\n  const fields = Object.keys(schema);\n  const tag = isHead ? 'th' : 'td';\n  const { ['data-testid']: testId } = others;\n\n  return (\n    <tr\n      {...others}\n      role=\"tr\"\n      className={styles(selected && style.selected, onPress && style.onPress, others.className)}\n    >\n      {onSelect &&\n        React.createElement(\n          tag,\n          { className: style.select },\n          <View row>\n            {!isHead && (\n              <InputOption\n                checked={selected}\n                data-testid={testId ? `${testId}-checkbox` : undefined}\n                name=\"checkbox\"\n                className={style.checkbox}\n                onChange={() => onSelect(dataSource)}\n              />\n            )}\n          </View>,\n        )}\n      {fields.map((field) =>\n        React.createElement(\n          tag,\n          {\n            ['data-testid']: testId ? `${testId}-${field}` : undefined,\n            key: field,\n            onClick: !isHead && onPress ? () => onPress(dataSource) : undefined,\n          },\n          <View row tag=\"span\" className={isHead && style.head} onClick={isHead ? () => onSort(field) : undefined}>\n            <>\n              {isHead ? schema[field].label : dataSource[field]}\n              {isHead && onSort && (\n                <Icon name={sort[field] ? 'Down' : 'Up'} className={sort[field] === undefined && style.hideIcon} />\n              )}\n            </>\n          </View>,\n        ),\n      )}\n    </tr>\n  );\n};\n\nTableRow.displayName = 'Table:Row';\n\nTableRow.propTypes = {\n  dataSource: PropTypes.shape({}),\n  schema: PropTypes.shape({}).isRequired,\n  selected: PropTypes.bool,\n  sort: PropTypes.shape({}),\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { TableRow };\n"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAuF;EAAA,IAApFC,UAAoF,QAApFA,UAAoF;EAAA,IAAxEC,MAAwE,QAAxEA,MAAwE;EAAA,IAAhEC,QAAgE,QAAhEA,QAAgE;EAAA,qBAAtDC,IAAsD;EAAA,IAAtDA,IAAsD,0BAA/C,EAA+C;EAAA,IAA3CC,OAA2C,QAA3CA,OAA2C;EAAA,IAAlCC,QAAkC,QAAlCA,QAAkC;EAAA,IAAxBC,MAAwB,QAAxBA,MAAwB;EAAA,IAAbC,MAAa;EACtG,IAAMC,MAAM,GAAGR,UAAU,KAAKS,SAA9B;EACA,IAAMC,MAAM,GAAGC,MAAM,CAACC,IAAP,CAAYX,MAAZ,CAAf;EACA,IAAMY,GAAG,GAAGL,MAAM,GAAG,IAAH,GAAU,IAA5B;EACA,IAAyBM,MAAzB,GAAoCP,MAApC,CAAS,aAAT;EAEA,oBACE,qDACMA,MADN;IAEE,IAAI,EAAC,IAFP;IAGE,SAAS,EAAE,qBAAOL,QAAQ,IAAIa,qBAAMb,QAAzB,EAAmCE,OAAO,IAAIW,qBAAMX,OAApD,EAA6DG,MAAM,CAACS,SAApE;EAHb,IAKGX,QAAQ,iBACPY,eAAMC,aAAN,CACEL,GADF,EAEE;IAAEG,SAAS,EAAED,qBAAMI;EAAnB,CAFF,eAGE,6BAAC,gBAAD;IAAM,GAAG;EAAT,GACG,CAACX,MAAD,iBACC,6BAAC,wBAAD;IACE,OAAO,EAAEN,QADX;IAEE,eAAaY,MAAM,aAAMA,MAAN,iBAA0BL,SAF/C;IAGE,IAAI,EAAC,UAHP;IAIE,SAAS,EAAEM,qBAAMK,QAJnB;IAKE,QAAQ,EAAE;MAAA,OAAMf,QAAQ,CAACL,UAAD,CAAd;IAAA;EALZ,EAFJ,CAHF,CANJ,EAqBGU,MAAM,CAACW,GAAP,CAAW,UAACC,KAAD;IAAA;;IAAA,oBACVL,eAAMC,aAAN,CACEL,GADF,kFAGK,aAHL,EAGqBC,MAAM,aAAMA,MAAN,cAAgBQ,KAAhB,IAA0Bb,SAHrD,8DAISa,KAJT,kEAKa,CAACd,MAAD,IAAWJ,OAAX,GAAqB;MAAA,OAAMA,OAAO,CAACJ,UAAD,CAAb;IAAA,CAArB,GAAiDS,SAL9D,uCAOE,6BAAC,gBAAD;MAAM,GAAG,MAAT;MAAU,GAAG,EAAC,MAAd;MAAqB,SAAS,EAAED,MAAM,IAAIO,qBAAMQ,IAAhD;MAAsD,OAAO,EAAEf,MAAM,GAAG;QAAA,OAAMF,MAAM,CAACgB,KAAD,CAAZ;MAAA,CAAH,GAAyBb;IAA9F,gBACE,4DACGD,MAAM,GAAGP,MAAM,CAACqB,KAAD,CAAN,CAAcE,KAAjB,GAAyBxB,UAAU,CAACsB,KAAD,CAD5C,EAEGd,MAAM,IAAIF,MAAV,iBACC,6BAAC,gBAAD;MAAM,IAAI,EAAEH,IAAI,CAACmB,KAAD,CAAJ,GAAc,MAAd,GAAuB,IAAnC;MAAyC,SAAS,EAAEnB,IAAI,CAACmB,KAAD,CAAJ,KAAgBb,SAAhB,IAA6BM,qBAAMU;IAAvF,EAHJ,CADF,CAPF,CADU;EAAA,CAAX,CArBH,CADF;AA0CD,CAhDD;;;AAkDA1B,QAAQ,CAAC2B,WAAT,GAAuB,WAAvB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Table/Table.jsx"],"names":["Table","dataSource","schema","search","onPress","onSelect","others","selected","setSelected","sort","setSort","handleSelect","row","exists","includes","next","filter","item","push","handleSort","field","undefined","testId","style","table","className","map","index"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAuE;AAAA,6BAApEC,UAAoE;AAAA,MAApEA,UAAoE,gCAAvD,EAAuD;AAAA,MAAnDC,MAAmD,QAAnDA,MAAmD;AAAA,MAA3CC,MAA2C,QAA3CA,MAA2C;AAAA,MAAnCC,OAAmC,QAAnCA,OAAmC;AAAA,MAA1BC,QAA0B,QAA1BA,QAA0B;AAAA,MAAbC,MAAa;;AAC1F,kBAAgC,qBAAS,EAAT,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,mBAAwB,qBAAS,EAAT,CAAxB;AAAA;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AAEA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAS;AAC5BJ,IAAAA,WAAW,CAAC,YAAM;AAChB,UAAMK,MAAM,GAAGN,QAAQ,CAACO,QAAT,CAAkBF,GAAlB,CAAf;AACA,UAAMG,IAAI,GAAGR,QAAQ,CAACS,MAAT,CAAgB,UAACC,IAAD;AAAA,eAAUA,IAAI,KAAKL,GAAnB;AAAA,OAAhB,CAAb;AACA,UAAI,CAACC,MAAL,EAAaE,IAAI,CAACG,IAAL,CAAUN,GAAV;AAEbP,MAAAA,QAAQ,CAACU,IAAD,CAAR;AAEA,aAAOA,IAAP;AACD,KARU,CAAX;AASD,GAVD;;AAYA,MAAMI,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;AAC5BV,IAAAA,OAAO,CAACD,IAAI,CAACW,KAAD,CAAJ,KAAgBC,SAAhB,qCAA+BD,KAA/B,EAAuC,IAAvC,IAAgDX,IAAI,CAACW,KAAD,CAAJ,qCAAiBA,KAAjB,EAAyB,KAAzB,IAAmC,EAApF,CAAP;AACD,GAFD;;AAIA,MAAyBE,MAAzB,GAAoChB,MAApC,CAAS,aAAT;AAEA,sBACE,wDAAWA,MAAX;AAAmB,IAAA,SAAS,EAAE,qBAAOiB,qBAAMC,KAAb,EAAoBlB,MAAM,CAACmB,SAA3B;AAA9B,mBACE,yDACE,6BAAC,eAAD;AAAU,IAAA,MAAM,EAAEvB,MAAlB;AAA0B,IAAA,IAAI,EAAEO,IAAhC;AAAsC,IAAA,QAAQ,EAAEJ,QAAQ,GAAG,YAAM,CAAE,CAAX,GAAcgB,SAAtE;AAAiF,IAAA,MAAM,EAAEF;AAAzF,IADF,CADF,eAIE,4CACG,oBAAQ;AAAA,WAAM,sBAAOlB,UAAP,EAAmB;AAAEE,MAAAA,MAAM,EAANA,MAAF;AAAUM,MAAAA,IAAI,EAAJA;AAAV,KAAnB,CAAN;AAAA,GAAR,EAAoD,CAACR,UAAD,EAAaE,MAAb,EAAqBM,IAArB,CAApD,EAAgFiB,GAAhF,CAAoF,UAACd,GAAD,EAAMe,KAAN;AAAA,wBACnF,6BAAC,eAAD;AACE,qBAAaL,MAAM,aAAMA,MAAN,cAAgBK,KAAhB,IAA0BN,SAD/C;AAEE,MAAA,UAAU,EAAET,GAFd;AAGE,MAAA,GAAG,EAAEe,KAHP;AAIE,MAAA,MAAM,EAAEzB,MAJV;AAKE,MAAA,QAAQ,EAAEK,QAAQ,CAACO,QAAT,CAAkBF,GAAlB,CALZ;AAME,MAAA,OAAO,EAAER,OANX;AAOE,MAAA,QAAQ,EAAEC,QAAQ,GAAGM,YAAH,GAAkBU;AAPtC,MADmF;AAAA,GAApF,CADH,CAJF,CADF;AAoBD,CA1CM","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useMemo, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { select } from './helpers';\nimport style from './Table.module.css';\nimport { TableRow } from './Table.Row';\n\nexport const Table = ({ dataSource = [], schema, search, onPress, onSelect, ...others }) => {\n  const [selected, setSelected] = useState([]);\n  const [sort, setSort] = useState({});\n\n  const handleSelect = (row) => {\n    setSelected(() => {\n      const exists = selected.includes(row);\n      const next = selected.filter((item) => item !== row);\n      if (!exists) next.push(row);\n\n      onSelect(next);\n\n      return next;\n    });\n  };\n\n  const handleSort = (field) => {\n    setSort(sort[field] === undefined ? { [field]: true } : sort[field] ? { [field]: false } : {});\n  };\n\n  const { ['data-testid']: testId } = others;\n\n  return (\n    <table {...others} className={styles(style.table, others.className)}>\n      <thead>\n        <TableRow schema={schema} sort={sort} onSelect={onSelect ? () => {} : undefined} onSort={handleSort} />\n      </thead>\n      <tbody>\n        {useMemo(() => select(dataSource, { search, sort }), [dataSource, search, sort]).map((row, index) => (\n          <TableRow\n            data-testid={testId ? `${testId}-${index}` : undefined}\n            dataSource={row}\n            key={index}\n            schema={schema}\n            selected={selected.includes(row)}\n            onPress={onPress}\n            onSelect={onSelect ? handleSelect : undefined}\n          />\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nTable.propTypes = {\n  dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n  schema: PropTypes.shape({}).isRequired,\n  search: PropTypes.string,\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n};\n"],"file":"Table.js"}
+{"version":3,"file":"Table.js","names":["Table","dataSource","schema","search","onPress","onSelect","others","selected","setSelected","sort","setSort","handleSelect","row","exists","includes","next","filter","item","push","handleSort","field","undefined","testId","style","table","className","map","index"],"sources":["../../../src/components/Table/Table.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useMemo, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { select } from './helpers';\nimport style from './Table.module.css';\nimport { TableRow } from './Table.Row';\n\nexport const Table = ({ dataSource = [], schema, search, onPress, onSelect, ...others }) => {\n  const [selected, setSelected] = useState([]);\n  const [sort, setSort] = useState({});\n\n  const handleSelect = (row) => {\n    setSelected(() => {\n      const exists = selected.includes(row);\n      const next = selected.filter((item) => item !== row);\n      if (!exists) next.push(row);\n\n      onSelect(next);\n\n      return next;\n    });\n  };\n\n  const handleSort = (field) => {\n    setSort(sort[field] === undefined ? { [field]: true } : sort[field] ? { [field]: false } : {});\n  };\n\n  const { ['data-testid']: testId } = others;\n\n  return (\n    <table {...others} className={styles(style.table, others.className)}>\n      <thead>\n        <TableRow schema={schema} sort={sort} onSelect={onSelect ? () => {} : undefined} onSort={handleSort} />\n      </thead>\n      <tbody>\n        {useMemo(() => select(dataSource, { search, sort }), [dataSource, search, sort]).map((row, index) => (\n          <TableRow\n            data-testid={testId ? `${testId}-${index}` : undefined}\n            dataSource={row}\n            key={index}\n            schema={schema}\n            selected={selected.includes(row)}\n            onPress={onPress}\n            onSelect={onSelect ? handleSelect : undefined}\n          />\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nTable.propTypes = {\n  dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n  schema: PropTypes.shape({}).isRequired,\n  search: PropTypes.string,\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAuE;EAAA,2BAApEC,UAAoE;EAAA,IAApEA,UAAoE,gCAAvD,EAAuD;EAAA,IAAnDC,MAAmD,QAAnDA,MAAmD;EAAA,IAA3CC,MAA2C,QAA3CA,MAA2C;EAAA,IAAnCC,OAAmC,QAAnCA,OAAmC;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;;EAC1F,gBAAgC,qBAAS,EAAT,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EACA,iBAAwB,qBAAS,EAAT,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAS;IAC5BJ,WAAW,CAAC,YAAM;MAChB,IAAMK,MAAM,GAAGN,QAAQ,CAACO,QAAT,CAAkBF,GAAlB,CAAf;MACA,IAAMG,IAAI,GAAGR,QAAQ,CAACS,MAAT,CAAgB,UAACC,IAAD;QAAA,OAAUA,IAAI,KAAKL,GAAnB;MAAA,CAAhB,CAAb;MACA,IAAI,CAACC,MAAL,EAAaE,IAAI,CAACG,IAAL,CAAUN,GAAV;MAEbP,QAAQ,CAACU,IAAD,CAAR;MAEA,OAAOA,IAAP;IACD,CARU,CAAX;EASD,CAVD;;EAYA,IAAMI,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;IAC5BV,OAAO,CAACD,IAAI,CAACW,KAAD,CAAJ,KAAgBC,SAAhB,qCAA+BD,KAA/B,EAAuC,IAAvC,IAAgDX,IAAI,CAACW,KAAD,CAAJ,qCAAiBA,KAAjB,EAAyB,KAAzB,IAAmC,EAApF,CAAP;EACD,CAFD;;EAIA,IAAyBE,MAAzB,GAAoChB,MAApC,CAAS,aAAT;EAEA,oBACE,wDAAWA,MAAX;IAAmB,SAAS,EAAE,qBAAOiB,qBAAMC,KAAb,EAAoBlB,MAAM,CAACmB,SAA3B;EAA9B,iBACE,yDACE,6BAAC,eAAD;IAAU,MAAM,EAAEvB,MAAlB;IAA0B,IAAI,EAAEO,IAAhC;IAAsC,QAAQ,EAAEJ,QAAQ,GAAG,YAAM,CAAE,CAAX,GAAcgB,SAAtE;IAAiF,MAAM,EAAEF;EAAzF,EADF,CADF,eAIE,4CACG,oBAAQ;IAAA,OAAM,sBAAOlB,UAAP,EAAmB;MAAEE,MAAM,EAANA,MAAF;MAAUM,IAAI,EAAJA;IAAV,CAAnB,CAAN;EAAA,CAAR,EAAoD,CAACR,UAAD,EAAaE,MAAb,EAAqBM,IAArB,CAApD,EAAgFiB,GAAhF,CAAoF,UAACd,GAAD,EAAMe,KAAN;IAAA,oBACnF,6BAAC,eAAD;MACE,eAAaL,MAAM,aAAMA,MAAN,cAAgBK,KAAhB,IAA0BN,SAD/C;MAEE,UAAU,EAAET,GAFd;MAGE,GAAG,EAAEe,KAHP;MAIE,MAAM,EAAEzB,MAJV;MAKE,QAAQ,EAAEK,QAAQ,CAACO,QAAT,CAAkBF,GAAlB,CALZ;MAME,OAAO,EAAER,OANX;MAOE,QAAQ,EAAEC,QAAQ,GAAGM,YAAH,GAAkBU;IAPtC,EADmF;EAAA,CAApF,CADH,CAJF,CADF;AAoBD,CA1CM"}