@mirai/ui 1.0.118 → 1.0.120

package/build/components/InputOption/InputOption.js

@@ -10,7 +10,7 @@ var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _InputOption = require("./InputOption.constants");
 var _InputOptionModule = _interopRequireDefault(require("./InputOption.module.css"));
-var _excluded = ["checked", "disabled", "indeterminate", "label", "name", "reverse", "type", "value", "onChange"];
+var _excluded = ["checked", "disabled", "indeterminate", "label", "name", "type", "value", "onChange"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -21,7 +21,6 @@ var InputOption = function InputOption(_ref) {
     indeterminate = _ref.indeterminate,
     label = _ref.label,
     name = _ref.name,
-    reverse = _ref.reverse,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? _InputOption.CHECKBOX : _ref$type,
     _ref$value = _ref.value,
@@ -35,7 +34,7 @@ var InputOption = function InputOption(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({}, others, {
     onPress: handleChange,
-    className: (0, _helpers.styles)(_InputOptionModule.default.inputOption, reverse && _InputOptionModule.default.reverse, others.className)
+    className: (0, _helpers.styles)(_InputOptionModule.default.inputOption, others.className)
   }), /*#__PURE__*/_react.default.createElement(Primitive, {
     checked: checked || type === _InputOption.CHECKBOX && indeterminate,
     disabled: disabled,
@@ -58,7 +57,6 @@ InputOption.propTypes = {
   indeterminate: _propTypes.default.bool,
   label: _propTypes.default.string,
   name: _propTypes.default.string.isRequired,
-  reverse: _propTypes.default.bool,
   type: _propTypes.default.oneOf([_InputOption.CHECKBOX, _InputOption.RADIO, _InputOption.SWITCH]),
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
   onChange: _propTypes.default.func

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

@@ -1 +1 @@
-{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","indeterminate","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","includes","styles","style","inputOption","className","ICON","CHECK","REMOVE","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, ICON, Pressable, Radio, Switch, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n  checked,\n  disabled,\n  indeterminate,\n  label,\n  name,\n  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([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n  };\n\n  return (\n    <Pressable\n      {...others}\n      onPress={handleChange}\n      className={styles(style.inputOption, reverse && style.reverse, others.className)}\n    >\n      <Primitive\n        checked={checked || (type === CHECKBOX && indeterminate)}\n        disabled={disabled}\n        name={name}\n        type={type}\n        value={value}\n      >\n        {type === CHECKBOX && (checked || indeterminate) ? (\n          <Icon value={checked ? ICON.CHECK : ICON.REMOVE} className={style.icon} />\n        ) : undefined}\n      </Primitive>\n      {label && (\n        <Text action className={styles(style.label, disabled && style.disabled)}>\n          {label}\n        </Text>\n      )}\n    </Pressable>\n  );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  indeterminate: PropTypes.bool,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  reverse: PropTypes.bool,\n  type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAE7C,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAWX;EAAA,IAVJC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IAAA,iBACPC,IAAI;IAAJA,IAAI,0BAAGC,qBAAQ;IAAA,kBACfC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBACVC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAChBC,MAAM;EAET,IAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAQ,GAAGK,oBAAQ,GAAGN,IAAI,KAAKO,kBAAK,GAAGC,iBAAK,GAAGC,kBAAM;EAEhF,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BR,QAAQ,CAAC,CAACF,qBAAQ,EAAEW,mBAAM,CAAC,CAACC,QAAQ,CAACb,IAAI,CAAC,GAAG,CAACN,OAAO,GAAGQ,KAAK,EAAES,KAAK,CAAC;EACvE,CAAC;EAED,oBACE,6BAAC,qBAAS,eACJP,MAAM;IACV,OAAO,EAAEM,YAAa;IACtB,SAAS,EAAE,IAAAI,eAAM,EAACC,0BAAK,CAACC,WAAW,EAAEjB,OAAO,IAAIgB,0BAAK,CAAChB,OAAO,EAAEK,MAAM,CAACa,SAAS;EAAE,iBAEjF,6BAAC,SAAS;IACR,OAAO,EAAEvB,OAAO,IAAKM,IAAI,KAAKC,qBAAQ,IAAIL,aAAe;IACzD,QAAQ,EAAED,QAAS;IACnB,IAAI,EAAEG,IAAK;IACX,IAAI,EAAEE,IAAK;IACX,KAAK,EAAEE;EAAM,GAEZF,IAAI,KAAKC,qBAAQ,KAAKP,OAAO,IAAIE,aAAa,CAAC,gBAC9C,6BAAC,gBAAI;IAAC,KAAK,EAAEF,OAAO,GAAGwB,gBAAI,CAACC,KAAK,GAAGD,gBAAI,CAACE,MAAO;IAAC,SAAS,EAAEL,0BAAK,CAACM;EAAK,EAAG,GACxEC,SAAS,CACH,EACXzB,KAAK,iBACJ,6BAAC,gBAAI;IAAC,MAAM;IAAC,SAAS,EAAE,IAAAiB,eAAM,EAACC,0BAAK,CAAClB,KAAK,EAAEF,QAAQ,IAAIoB,0BAAK,CAACpB,QAAQ;EAAE,GACrEE,KAAK,CAET,CACS;AAEhB,CAAC;AAAC;AAEFJ,WAAW,CAAC8B,WAAW,GAAG,uBAAuB;AAEjD9B,WAAW,CAAC+B,SAAS,GAAG;EACtB9B,OAAO,EAAE+B,kBAAS,CAACC,IAAI;EACvB/B,QAAQ,EAAE8B,kBAAS,CAACC,IAAI;EACxB9B,aAAa,EAAE6B,kBAAS,CAACC,IAAI;EAC7B7B,KAAK,EAAE4B,kBAAS,CAACE,MAAM;EACvB7B,IAAI,EAAE2B,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjC7B,OAAO,EAAE0B,kBAAS,CAACC,IAAI;EACvB1B,IAAI,EAAEyB,kBAAS,CAACI,KAAK,CAAC,CAAC5B,qBAAQ,EAAEM,kBAAK,EAAEK,mBAAM,CAAC,CAAC;EAChDV,KAAK,EAAEuB,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DvB,QAAQ,EAAEsB,kBAAS,CAACM;AACtB,CAAC"}
+{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","indeterminate","label","name","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","includes","styles","style","inputOption","className","ICON","CHECK","REMOVE","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, ICON, Pressable, Radio, Switch, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n  checked,\n  disabled,\n  indeterminate,\n  label,\n  name,\n  type = CHECKBOX,\n  value = '',\n  onChange = () => {},\n  ...others\n}) => {\n  const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n  const handleChange = (event) => {\n    onChange([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n  };\n\n  return (\n    <Pressable {...others} onPress={handleChange} className={styles(style.inputOption, others.className)}>\n      <Primitive\n        checked={checked || (type === CHECKBOX && indeterminate)}\n        disabled={disabled}\n        name={name}\n        type={type}\n        value={value}\n      >\n        {type === CHECKBOX && (checked || indeterminate) ? (\n          <Icon value={checked ? ICON.CHECK : ICON.REMOVE} className={style.icon} />\n        ) : undefined}\n      </Primitive>\n      {label && (\n        <Text action className={styles(style.label, disabled && style.disabled)}>\n          {label}\n        </Text>\n      )}\n    </Pressable>\n  );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  indeterminate: PropTypes.bool,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAE7C,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAUX;EAAA,IATJC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IAAA,iBACJC,IAAI;IAAJA,IAAI,0BAAGC,qBAAQ;IAAA,kBACfC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBACVC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAChBC,MAAM;EAET,IAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAQ,GAAGK,oBAAQ,GAAGN,IAAI,KAAKO,kBAAK,GAAGC,iBAAK,GAAGC,kBAAM;EAEhF,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BR,QAAQ,CAAC,CAACF,qBAAQ,EAAEW,mBAAM,CAAC,CAACC,QAAQ,CAACb,IAAI,CAAC,GAAG,CAACL,OAAO,GAAGO,KAAK,EAAES,KAAK,CAAC;EACvE,CAAC;EAED,oBACE,6BAAC,qBAAS,eAAKP,MAAM;IAAE,OAAO,EAAEM,YAAa;IAAC,SAAS,EAAE,IAAAI,eAAM,EAACC,0BAAK,CAACC,WAAW,EAAEZ,MAAM,CAACa,SAAS;EAAE,iBACnG,6BAAC,SAAS;IACR,OAAO,EAAEtB,OAAO,IAAKK,IAAI,KAAKC,qBAAQ,IAAIJ,aAAe;IACzD,QAAQ,EAAED,QAAS;IACnB,IAAI,EAAEG,IAAK;IACX,IAAI,EAAEC,IAAK;IACX,KAAK,EAAEE;EAAM,GAEZF,IAAI,KAAKC,qBAAQ,KAAKN,OAAO,IAAIE,aAAa,CAAC,gBAC9C,6BAAC,gBAAI;IAAC,KAAK,EAAEF,OAAO,GAAGuB,gBAAI,CAACC,KAAK,GAAGD,gBAAI,CAACE,MAAO;IAAC,SAAS,EAAEL,0BAAK,CAACM;EAAK,EAAG,GACxEC,SAAS,CACH,EACXxB,KAAK,iBACJ,6BAAC,gBAAI;IAAC,MAAM;IAAC,SAAS,EAAE,IAAAgB,eAAM,EAACC,0BAAK,CAACjB,KAAK,EAAEF,QAAQ,IAAImB,0BAAK,CAACnB,QAAQ;EAAE,GACrEE,KAAK,CAET,CACS;AAEhB,CAAC;AAAC;AAEFJ,WAAW,CAAC6B,WAAW,GAAG,uBAAuB;AAEjD7B,WAAW,CAAC8B,SAAS,GAAG;EACtB7B,OAAO,EAAE8B,kBAAS,CAACC,IAAI;EACvB9B,QAAQ,EAAE6B,kBAAS,CAACC,IAAI;EACxB7B,aAAa,EAAE4B,kBAAS,CAACC,IAAI;EAC7B5B,KAAK,EAAE2B,kBAAS,CAACE,MAAM;EACvB5B,IAAI,EAAE0B,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjC5B,IAAI,EAAEyB,kBAAS,CAACI,KAAK,CAAC,CAAC5B,qBAAQ,EAAEM,kBAAK,EAAEK,mBAAM,CAAC,CAAC;EAChDV,KAAK,EAAEuB,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DvB,QAAQ,EAAEsB,kBAAS,CAACM;AACtB,CAAC"}

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

@@ -1,9 +1,10 @@
 .inputOption {
   align-items: center;
   display: flex;
-  flex-direction: row;
+  flex-direction: var(--mirai-ui-row-direction);
   margin-bottom: var(--mirai-ui-input-option-padding-y);
   position: relative;
+  gap: var(--mirai-ui-input-option-label-margin);
 }
 
 .icon {
@@ -16,24 +17,9 @@
 }
 
 .label {
-  margin-left: var(--mirai-ui-input-option-label-margin);
 }
 
 .label.disabled {
   color: var(--mirai-ui-input-option-disabled);
   cursor: default;
 }
-
-.reverse {
-  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/__tests__/__snapshots__/InputOption.test.js.snap

@@ -232,7 +232,7 @@ exports[`primitive:<InputOption> prop:label 1`] = `
 exports[`primitive:<InputOption> prop:reverse + label 1`] = `
 <DocumentFragment>
   <div
-    class="pressable inputOption reverse"
+    class="pressable inputOption"
   >
     <div
       class="checkbox"

package/build/components/InputSelect/InputSelect.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _InputTextModule = _interopRequireDefault(require("../InputText/InputText.module.css"));
+var _partials = require("../InputText/partials");
 var _excluded = ["disabled", "error", "hint", "label", "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; }
@@ -68,35 +69,35 @@ var InputSelect = function InputSelect(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
     row: true,
     className: (0, _helpers.styles)(_InputTextModule.default.inputBorder, disabled && _InputTextModule.default.disabled, focus && !error && _InputTextModule.default.focus, error && _InputTextModule.default.error)
-  }, label && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
-    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.withValue)
-  }, label), /*#__PURE__*/_react.default.createElement(_primitives.Select, _extends({}, others, {
+  }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    wide: true,
+    className: _InputTextModule.default.content
+  }, label && /*#__PURE__*/_react.default.createElement(_partials.Label, {
+    disabled: disabled,
+    error: error,
+    focus: focus,
+    label: label,
+    value: others.value
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Select, _extends({}, others, {
     disabled: disabled,
     value: others.value || '',
-    className: (0, _helpers.styles)(
-    //
-    _InputTextModule.default.input, _InputTextModule.default.iconRight, has.label && _InputTextModule.default.withLabel, !!label && !(focus || error || has.value) && _InputTextModule.default.empty),
+    className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel, !!label && !(focus || error || has.value) && _InputTextModule.default.empty),
     style: undefined,
     onChange: handleChange,
     onEnter: handleEnter,
     onLeave: handleLeave
-  })), (!disabled || has.stateIcon) && /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    row: true,
-    className: (0, _helpers.styles)(_InputTextModule.default.icons, _InputTextModule.default.select)
-  }, !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+  }))), !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: _primitives.ICON.EXPAND_MORE,
-    className: _InputTextModule.default.icon
-  }), has.stateIcon && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
-    value: (0, _helpers.getIconState)({
-      error: error,
-      success: success,
-      warning: warning
-    }),
-    className: (0, _helpers.styles)(_InputTextModule.default.icon, error ? _InputTextModule.default.error : warning ? _InputTextModule.default.warning : success ? _InputTextModule.default.success : undefined)
-  }))), hint && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
-    small: true,
-    className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.hint, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error)
-  }, hint));
+    className: (0, _helpers.styles)(_InputTextModule.default.icon, _InputTextModule.default.select)
+  }), has.stateIcon && /*#__PURE__*/_react.default.createElement(_partials.IconState, {
+    error: error,
+    success: success,
+    warning: warning
+  })), hint && /*#__PURE__*/_react.default.createElement(_partials.Hint, {
+    disabled: disabled,
+    error: error,
+    hint: hint
+  }));
 };
 exports.InputSelect = InputSelect;
 InputSelect.displayName = 'Component:InputSelect';

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

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