@mirai/ui 1.0.244 → 1.0.245

package/README.md

@@ -67,6 +67,7 @@ This primitive returns an input or a textarea based on the following props:
 
 - `disabled:boolean` applying 'disabled' attribute
 - `max:number` specifies the maximum allowed value for numeric input
+- `min:number` specifies the minimun allowed value for numeric input
 - `multiline:boolean` if true returning textarea
 - `name:string` input name
 - `type:string` type attribute value

package/build/primitives/Input/Input.js

@@ -11,7 +11,7 @@ var _helpers = require("../../helpers");
 var _Primitive = require("../Primitive");
 var _helpers2 = require("./helpers");
 var _InputModule = _interopRequireDefault(require("./Input.module.css"));
-var _excluded = ["autoResize", "disabled", "max", "multiLine", "type", "onChange", "onEnter", "onError", "onLeave"];
+var _excluded = ["autoResize", "disabled", "max", "min", "multiLine", "type", "onChange", "onEnter", "onError", "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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -33,6 +33,8 @@ var Input = function Input(_ref) {
     disabled = _ref.disabled,
     _ref$max = _ref.max,
     max = _ref$max === void 0 ? 0 : _ref$max,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
     multiLine = _ref.multiLine,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'text' : _ref$type,
@@ -66,7 +68,7 @@ var Input = function Input(_ref) {
       type: type,
       value: value
     })));
-    onChange && onChange(value !== undefined ? type === 'number' && max ? Math.min(value, max) : value : '', event);
+    onChange && onChange(value !== undefined ? type === 'number' && (max || min) ? Math.min(Math.max(value, min ? min : value), max ? max : value) : value : '', event);
     if (autoResize && multiLine) resize(value);
   };
   var resize = function resize(value) {
@@ -97,6 +99,7 @@ Input.propTypes = {
   autoResize: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
   max: _propTypes.default.number,
+  min: _propTypes.default.number,
   multiLine: _propTypes.default.bool,
   name: _propTypes.default.string.isRequired,
   type: _propTypes.default.string,

package/build/primitives/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["Input","autoResize","disabled","max","multiLine","type","onChange","onEnter","onError","onLeave","others","ref","useRef","useState","height","setHeight","useEffect","errors","getInputErrors","current","clientHeight","resize","value","handleChange","next","event","isNaN","parseValue","undefined","Math","min","style","scrollHeight","React","createElement","Primitive","role","tag","test","target","onFocus","onBlur","className","styles","input","displayName","propTypes","PropTypes","bool","number","name","string","isRequired","func"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { parseValue } from './helpers';\nimport style from './Input.module.css';\n\nconst Input = ({\n  autoResize,\n  disabled,\n  max = 0,\n  multiLine,\n  type = 'text',\n  onChange,\n  onEnter,\n  onError,\n  onLeave,\n  ...others\n}) => {\n  const ref = useRef(null);\n\n  const [height, setHeight] = useState();\n\n  useEffect(() => {\n    const errors = getInputErrors({ ...others, type });\n    if (errors && onError) onError(errors);\n\n    if (autoResize && multiLine) {\n      setHeight(ref.current.clientHeight);\n      resize(others.value);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleChange = (next = '', event) => {\n    if (type === 'number' && isNaN(next)) return;\n    const value = parseValue(next, type, others);\n\n    onError && onError(getInputErrors({ ...others, type, value }));\n    onChange && onChange(value !== undefined ? (type === 'number' && max ? Math.min(value, max) : value) : '', event);\n    if (autoResize && multiLine) resize(value);\n  };\n\n  const resize = (value) => {\n    if (!ref?.current) return;\n    ref.current.style.height = `${value ? ref.current.scrollHeight : height}px`;\n  };\n\n  return React.createElement(Primitive, {\n    ...others,\n    disabled,\n    ref: autoResize ? ref : undefined,\n    role: others.role || 'input',\n    tag: multiLine ? 'textarea' : 'input',\n    test: undefined,\n    type: !multiLine ? type : undefined,\n    value: others.value !== undefined ? others.value : '',\n    ...(!disabled\n      ? {\n          onChange: (event) => handleChange(event.target.value, event),\n          onFocus: onEnter,\n          onBlur: onLeave,\n        }\n      : {}),\n    className: styles(style.input, autoResize && multiLine && style.autoResize, others.className),\n  });\n};\n\nInput.displayName = 'Primitive:Input';\n\nInput.propTypes = {\n  autoResize: PropTypes.bool,\n  disabled: PropTypes.bool,\n  max: PropTypes.number,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":"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"}
+{"version":3,"file":"Input.js","names":["Input","autoResize","disabled","max","min","multiLine","type","onChange","onEnter","onError","onLeave","others","ref","useRef","useState","height","setHeight","useEffect","errors","getInputErrors","current","clientHeight","resize","value","handleChange","next","event","isNaN","parseValue","undefined","Math","style","scrollHeight","React","createElement","Primitive","role","tag","test","target","onFocus","onBlur","className","styles","input","displayName","propTypes","PropTypes","bool","number","name","string","isRequired","func"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { parseValue } from './helpers';\nimport style from './Input.module.css';\n\nconst Input = ({\n  autoResize,\n  disabled,\n  max = 0,\n  min = 0,\n  multiLine,\n  type = 'text',\n  onChange,\n  onEnter,\n  onError,\n  onLeave,\n  ...others\n}) => {\n  const ref = useRef(null);\n\n  const [height, setHeight] = useState();\n\n  useEffect(() => {\n    const errors = getInputErrors({ ...others, type });\n    if (errors && onError) onError(errors);\n\n    if (autoResize && multiLine) {\n      setHeight(ref.current.clientHeight);\n      resize(others.value);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleChange = (next = '', event) => {\n    if (type === 'number' && isNaN(next)) return;\n    const value = parseValue(next, type, others);\n\n    onError && onError(getInputErrors({ ...others, type, value }));\n    onChange &&\n      onChange(\n        value !== undefined\n          ? type === 'number' && (max || min)\n            ? Math.min(Math.max(value, min ? min : value), max ? max : value)\n            : value\n          : '',\n        event,\n      );\n    if (autoResize && multiLine) resize(value);\n  };\n\n  const resize = (value) => {\n    if (!ref?.current) return;\n    ref.current.style.height = `${value ? ref.current.scrollHeight : height}px`;\n  };\n\n  return React.createElement(Primitive, {\n    ...others,\n    disabled,\n    ref: autoResize ? ref : undefined,\n    role: others.role || 'input',\n    tag: multiLine ? 'textarea' : 'input',\n    test: undefined,\n    type: !multiLine ? type : undefined,\n    value: others.value !== undefined ? others.value : '',\n    ...(!disabled\n      ? {\n          onChange: (event) => handleChange(event.target.value, event),\n          onFocus: onEnter,\n          onBlur: onLeave,\n        }\n      : {}),\n    className: styles(style.input, autoResize && multiLine && style.autoResize, others.className),\n  });\n};\n\nInput.displayName = 'Primitive:Input';\n\nInput.propTypes = {\n  autoResize: PropTypes.bool,\n  disabled: PropTypes.bool,\n  max: PropTypes.number,\n  min: PropTypes.number,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":"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"}

package/build/primitives/Input/Input.stories.js

@@ -44,6 +44,7 @@ Story.args = {
   autoResize: false,
   disabled: false,
   max: 100,
+  min: 1,
   multiLine: false,
   name: 'Input',
   placeholder: 'placeholder',

package/build/primitives/Input/Input.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.js","names":["title","Story","props","useState","value","setValue","handleChange","next","others","console","log","storyName","args","autoResize","disabled","max","multiLine","name","placeholder","type","onEnter","onError","onLeave","testId","style","argTypes","options","control","defaultValue"],"sources":["../../../src/primitives/Input/Input.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Input } from './Input';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => {\n  const [value, setValue] = useState();\n\n  const handleChange = (next, ...others) => {\n    setValue(next);\n    console.log('<Input>::onChange', next, ...others);\n  };\n\n  return <Input {...props} value={value} onChange={handleChange} />;\n};\n\nStory.storyName = 'Input';\n\nStory.args = {\n  autoResize: false,\n  disabled: false,\n  max: 100,\n  multiLine: false,\n  name: 'Input',\n  placeholder: 'placeholder',\n  type: 'text',\n  onEnter: (...props) => console.log('<Select>::onEnter', ...props),\n  onError: (...props) => console.log('<Select>::onError', ...props),\n  onLeave: (...props) => console.log('<Select>::onLeave', ...props),\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAC9B,gBAA0B,IAAAC,eAAQ,GAAE;IAAA;IAA7BC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAgB;IAAA;IACxCF,QAAQ,CAACE,IAAI,CAAC;IAAC,kCADcC,MAAM;MAANA,MAAM;IAAA;IAEnC,YAAAC,OAAO,EAACC,GAAG,kBAAC,mBAAmB,EAAEH,IAAI,SAAKC,MAAM,EAAC;EACnD,CAAC;EAED,oBAAO,6BAAC,YAAK,eAAKN,KAAK;IAAE,KAAK,EAAEE,KAAM;IAAC,QAAQ,EAAEE;EAAa,GAAG;AACnE,CAAC;AAAC;AAEFL,KAAK,CAACU,SAAS,GAAG,OAAO;AAEzBV,KAAK,CAACW,IAAI,GAAG;EACXC,UAAU,EAAE,KAAK;EACjBC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAE,GAAG;EACRC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,OAAO;EACbC,WAAW,EAAE,aAAa;EAC1BC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;IAAA;IAAA,mCAAIlB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;EACjEmB,OAAO,EAAE;IAAA;IAAA,mCAAInB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;EACjEoB,OAAO,EAAE;IAAA;IAAA,mCAAIpB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;EACjE;EACAqB,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDvB,KAAK,CAACwB,QAAQ,GAAG;EACfN,IAAI,EAAE;IACJO,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;IACxDC,OAAO,EAAE;MAAER,IAAI,EAAE;IAAS,CAAC;IAC3BS,YAAY,EAAE;EAChB;AACF,CAAC"}
+{"version":3,"file":"Input.stories.js","names":["title","Story","props","useState","value","setValue","handleChange","next","others","console","log","storyName","args","autoResize","disabled","max","min","multiLine","name","placeholder","type","onEnter","onError","onLeave","testId","style","argTypes","options","control","defaultValue"],"sources":["../../../src/primitives/Input/Input.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Input } from './Input';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => {\n  const [value, setValue] = useState();\n\n  const handleChange = (next, ...others) => {\n    setValue(next);\n    console.log('<Input>::onChange', next, ...others);\n  };\n\n  return <Input {...props} value={value} onChange={handleChange} />;\n};\n\nStory.storyName = 'Input';\n\nStory.args = {\n  autoResize: false,\n  disabled: false,\n  max: 100,\n  min: 1,\n  multiLine: false,\n  name: 'Input',\n  placeholder: 'placeholder',\n  type: 'text',\n  onEnter: (...props) => console.log('<Select>::onEnter', ...props),\n  onError: (...props) => console.log('<Select>::onError', ...props),\n  onLeave: (...props) => console.log('<Select>::onLeave', ...props),\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAC9B,gBAA0B,IAAAC,eAAQ,GAAE;IAAA;IAA7BC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAgB;IAAA;IACxCF,QAAQ,CAACE,IAAI,CAAC;IAAC,kCADcC,MAAM;MAANA,MAAM;IAAA;IAEnC,YAAAC,OAAO,EAACC,GAAG,kBAAC,mBAAmB,EAAEH,IAAI,SAAKC,MAAM,EAAC;EACnD,CAAC;EAED,oBAAO,6BAAC,YAAK,eAAKN,KAAK;IAAE,KAAK,EAAEE,KAAM;IAAC,QAAQ,EAAEE;EAAa,GAAG;AACnE,CAAC;AAAC;AAEFL,KAAK,CAACU,SAAS,GAAG,OAAO;AAEzBV,KAAK,CAACW,IAAI,GAAG;EACXC,UAAU,EAAE,KAAK;EACjBC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAE,GAAG;EACRC,GAAG,EAAE,CAAC;EACNC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,OAAO;EACbC,WAAW,EAAE,aAAa;EAC1BC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;IAAA;IAAA,mCAAInB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;EACjEoB,OAAO,EAAE;IAAA;IAAA,mCAAIpB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;EACjEqB,OAAO,EAAE;IAAA;IAAA,mCAAIrB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;EACjE;EACAsB,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDxB,KAAK,CAACyB,QAAQ,GAAG;EACfN,IAAI,EAAE;IACJO,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;IACxDC,OAAO,EAAE;MAAER,IAAI,EAAE;IAAS,CAAC;IAC3BS,YAAY,EAAE;EAChB;AACF,CAAC"}

package/build/primitives/Input/__tests__/__snapshots__/Input.test.js.snap

@@ -45,6 +45,17 @@ exports[`primitive:<Input> prop:max 1`] = `
 </DocumentFragment>
 `;
 
+exports[`primitive:<Input> prop:min 1`] = `
+<DocumentFragment>
+  <input
+    class="input"
+    name="name"
+    type="number"
+    value=""
+  />
+</DocumentFragment>
+`;
+
 exports[`primitive:<Input> prop:multiLine && prop:autoResize 1`] = `
 <DocumentFragment>
   <textarea

package/package.json

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