@mirai/ui 1.0.0 → 1.0.3

package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap

@@ -10,7 +10,7 @@ exports[`component:<Form> prop:children 1`] = `
 <DocumentFragment>
   <form>
     <div
-      class="view inputText"
+      class="view inputContainer"
     >
       <span
         class="text paragraph text label"
@@ -18,7 +18,7 @@ exports[`component:<Form> prop:children 1`] = `
         label
       </span>
       <div
-        class="view content"
+        class="view row inputBorder"
       >
         <input
           class="input input"

package/build/components/InputSelect/InputSelect.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputSelect = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _primitives = require("../../primitives");
+
+var _InputTextModule = _interopRequireDefault(require("../InputText/InputText.module.css"));
+
+var _excluded = ["disabled", "error", "hint", "label", "onChange", "onEnter", "onLeave"];
+
+var InputSelect = function InputSelect(_ref) {
+  var _others$value;
+
+  var disabled = _ref.disabled,
+      error = _ref.error,
+      hint = _ref.hint,
+      label = _ref.label,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$onEnter = _ref.onEnter,
+      onEnter = _ref$onEnter === void 0 ? function () {} : _ref$onEnter,
+      _ref$onLeave = _ref.onLeave,
+      onLeave = _ref$onLeave === void 0 ? function () {} : _ref$onLeave,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      focus = _useState2[0],
+      setFocus = _useState2[1];
+
+  var handleChange = function handleChange(value, event) {
+    var _event$target;
+
+    onChange(value, event);
+    (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.blur();
+  };
+
+  var handleEnter = function handleEnter(event) {
+    setFocus(true);
+    onEnter(event);
+  };
+
+  var handleLeave = function handleLeave(event) {
+    setFocus(false);
+    onLeave(event);
+  };
+
+  var has = {
+    value: others.value !== undefined && ((_others$value = others.value) === null || _others$value === void 0 ? void 0 : _others$value.length) > 0
+  };
+  return /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    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)
+  }, 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)
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Select, Object.assign({}, others, {
+    disabled: disabled,
+    value: others.value || '',
+    className: _InputTextModule.default.input,
+    style: undefined,
+    onChange: handleChange,
+    onEnter: handleEnter,
+    onLeave: handleLeave
+  })), !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    name: "CloseArrow",
+    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)
+  }, hint));
+};
+
+exports.InputSelect = InputSelect;
+InputSelect.displayName = 'Component:InputSelect';
+//# sourceMappingURL=InputSelect.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,490 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<InputSelect> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer mirai"
+  >
+    <div
+      class="view row inputBorder"
+    >
+      <select
+        class="select empty input"
+        name="name"
+      >
+        <option
+          svalue="one"
+        >
+          one
+        </option>
+        <option
+          svalue="two"
+        >
+          two
+        </option>
+        <option
+          svalue="three"
+        >
+          three
+        </option>
+        <option
+          svalue="four"
+        >
+          four
+        </option>
+        <option
+          svalue="five"
+        >
+          five
+        </option>
+      </select>
+      <span
+        class="icon icon right"
+      >
+        <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"
+        >
+          <polyline
+            points="6 9 12 15 18 9"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputSelect> prop:disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer"
+  >
+    <div
+      class="view row inputBorder"
+    >
+      <select
+        class="select empty input"
+        disabled=""
+        name="name"
+      >
+        <option
+          svalue="one"
+        >
+          one
+        </option>
+        <option
+          svalue="two"
+        >
+          two
+        </option>
+        <option
+          svalue="three"
+        >
+          three
+        </option>
+        <option
+          svalue="four"
+        >
+          four
+        </option>
+        <option
+          svalue="five"
+        >
+          five
+        </option>
+      </select>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputSelect> prop:error 1`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer"
+  >
+    <div
+      class="view row inputBorder"
+    >
+      <select
+        class="select empty input"
+        name="name"
+      >
+        <option
+          svalue="one"
+        >
+          one
+        </option>
+        <option
+          svalue="two"
+        >
+          two
+        </option>
+        <option
+          svalue="three"
+        >
+          three
+        </option>
+        <option
+          svalue="four"
+        >
+          four
+        </option>
+        <option
+          svalue="five"
+        >
+          five
+        </option>
+      </select>
+      <span
+        class="icon icon right"
+      >
+        <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"
+        >
+          <polyline
+            points="6 9 12 15 18 9"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputSelect> prop:hint 1`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer"
+  >
+    <div
+      class="view row inputBorder"
+    >
+      <select
+        class="select empty input"
+        name="name"
+      >
+        <option
+          svalue="one"
+        >
+          one
+        </option>
+        <option
+          svalue="two"
+        >
+          two
+        </option>
+        <option
+          svalue="three"
+        >
+          three
+        </option>
+        <option
+          svalue="four"
+        >
+          four
+        </option>
+        <option
+          svalue="five"
+        >
+          five
+        </option>
+      </select>
+      <span
+        class="icon icon right"
+      >
+        <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"
+        >
+          <polyline
+            points="6 9 12 15 18 9"
+          />
+        </svg>
+      </span>
+    </div>
+    <span
+      class="text small text hint"
+    >
+      hint
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputSelect> prop:label 1`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer"
+  >
+    <span
+      class="text paragraph text label"
+    >
+      label
+    </span>
+    <div
+      class="view row inputBorder"
+    >
+      <select
+        class="select empty input"
+        name="name"
+      >
+        <option
+          svalue="one"
+        >
+          one
+        </option>
+        <option
+          svalue="two"
+        >
+          two
+        </option>
+        <option
+          svalue="three"
+        >
+          three
+        </option>
+        <option
+          svalue="four"
+        >
+          four
+        </option>
+        <option
+          svalue="five"
+        >
+          five
+        </option>
+      </select>
+      <span
+        class="icon icon right"
+      >
+        <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"
+        >
+          <polyline
+            points="6 9 12 15 18 9"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputSelect> prop:label 2`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer"
+  >
+    <div
+      class="view row inputBorder"
+    >
+      <select
+        class="select input"
+        name="name"
+      >
+        <option
+          svalue="one"
+        >
+          one
+        </option>
+        <option
+          svalue="two"
+        >
+          two
+        </option>
+        <option
+          svalue="three"
+        >
+          three
+        </option>
+        <option
+          svalue="four"
+        >
+          four
+        </option>
+        <option
+          svalue="five"
+        >
+          five
+        </option>
+      </select>
+      <span
+        class="icon icon right"
+      >
+        <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"
+        >
+          <polyline
+            points="6 9 12 15 18 9"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputSelect> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer"
+  >
+    <div
+      class="view row inputBorder"
+    >
+      <select
+        class="select empty input"
+        name="name"
+      >
+        <option
+          svalue="one"
+        >
+          one
+        </option>
+        <option
+          svalue="two"
+        >
+          two
+        </option>
+        <option
+          svalue="three"
+        >
+          three
+        </option>
+        <option
+          svalue="four"
+        >
+          four
+        </option>
+        <option
+          svalue="five"
+        >
+          five
+        </option>
+      </select>
+      <span
+        class="icon icon right"
+      >
+        <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"
+        >
+          <polyline
+            points="6 9 12 15 18 9"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputSelect> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer"
+  >
+    <div
+      class="view row inputBorder"
+    >
+      <select
+        class="select empty input"
+        data-testid="mirai"
+        name="name"
+      >
+        <option
+          svalue="one"
+        >
+          one
+        </option>
+        <option
+          svalue="two"
+        >
+          two
+        </option>
+        <option
+          svalue="three"
+        >
+          three
+        </option>
+        <option
+          svalue="four"
+        >
+          four
+        </option>
+        <option
+          svalue="five"
+        >
+          five
+        </option>
+      </select>
+      <span
+        class="icon icon right"
+      >
+        <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"
+        >
+          <polyline
+            points="6 9 12 15 18 9"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/build/components/InputSelect/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _InputSelect = require("./InputSelect");
+
+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/index.js.map

@@ -0,0 +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"}

package/build/components/InputText/InputText.js

@@ -21,7 +21,7 @@ var _primitives = require("../../primitives");
 
 var _InputTextModule = _interopRequireDefault(require("./InputText.module.css"));
 
-var _excluded = ["disabled", "error", "hint", "label", "type", "onChange", "onEnter", "onLeave"];
+var _excluded = ["disabled", "error", "hint", "icon", "label", "type", "onChange", "onEnter", "onLeave"];
 
 var InputText = function InputText(_ref) {
   var _others$value;
@@ -29,6 +29,7 @@ var InputText = function InputText(_ref) {
   var disabled = _ref.disabled,
       error = _ref.error,
       hint = _ref.hint,
+      icon = _ref.icon,
       label = _ref.label,
       type = _ref.type,
       _ref$onChange = _ref.onChange,
@@ -70,16 +71,22 @@ var InputText = function InputText(_ref) {
     password: type === 'password'
   };
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    className: (0, _helpers.styles)(_InputTextModule.default.inputText, others.className)
+    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)
   }, label), /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    className: (0, _helpers.styles)(_InputTextModule.default.content)
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Input, Object.assign({}, others, {
+    row: true,
+    className: (0, _helpers.styles)(_InputTextModule.default.inputBorder, focus && !error && _InputTextModule.default.focus, error && _InputTextModule.default.error)
+  }, icon && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    name: icon,
+    className: [_InputTextModule.default.icon, _InputTextModule.default.left]
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Input, Object.assign({}, others, {
     disabled: disabled,
     type: !is.password || password ? type : 'text',
     value: others.value || '',
-    className: (0, _helpers.styles)(_InputTextModule.default.input, error && _InputTextModule.default.error),
+    className: (0, _helpers.styles)(_InputTextModule.default.input, icon && _InputTextModule.default.iconLeft),
+    style: undefined,
     onChange: handleChange,
     onEnter: handleEnter,
     onLeave: handleLeave
@@ -97,4 +104,5 @@ var InputText = function InputText(_ref) {
 };
 
 exports.InputText = InputText;
+InputText.displayName = 'Component:InputText';
 //# sourceMappingURL=InputText.js.map