intelicoreact 0.0.65 → 0.0.66

package/dist/Atomic/FormElements/Input/Input.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -29,6 +29,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var Input = function Input(_ref) {
   var onChange = _ref.onChange,
       disabled = _ref.disabled,
@@ -48,6 +52,8 @@ var Input = function Input(_ref) {
       onFocus = _ref.onFocus,
       onKeyUp = _ref.onKeyUp,
       mask = _ref.mask,
+      maskChar = _ref.maskChar,
+      formatChars = _ref.formatChars,
       error = _ref.error,
       icon = _ref.icon,
       symbolsLimit = _ref.symbolsLimit;
@@ -99,7 +105,8 @@ var Input = function Input(_ref) {
   (0, _react.useEffect)(function () {
     if (isEditing) inputRef.current.focus();
   }, [isEditing, isFocused]);
-  var uniProps = {
+
+  var uniProps = _objectSpread(_objectSpread({
     className: "input ".concat(className),
     placeholder: placeholder,
     value: value || '',
@@ -110,7 +117,11 @@ var Input = function Input(_ref) {
     onKeyUp: handle.keyUp,
     min: min,
     max: max
-  };
+  }, maskChar ? {
+    maskChar: maskChar
+  } : {}), formatChars ? {
+    formatChars: formatChars
+  } : {});
 
   function renderInput() {
     if (mask) {

package/dist/Atomic/FormElements/Input/Input.stories.js

@@ -111,7 +111,13 @@ InputTemplate.args = {
   min: '0',
   max: '5',
   placeholder: 'Placeholder',
-  mask: '',
+  // mask: 'nnnnn0129',
+  // maskChar: '_',
+  // formatChars: {
+  //   'n': '[0-9]',
+  //   's': '[A-Za-z]',
+  //   '*': '[A-Za-z0-9]'
+  // },
   icon: /*#__PURE__*/_react.default.createElement(_reactFeather.User, null),
   symbolsLimit: 225
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "intelicoreact",
-  "version": "0.0.65",
-  "description": "Range selector fixes",
+  "version": "0.0.66",
+  "description": "Inputmask fixes",
   "main": "dist/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/Atomic/FormElements/Input/Input.js

@@ -21,6 +21,8 @@ const Input = ({
   onFocus,
   onKeyUp,
   mask,
+  maskChar,
+  formatChars,
   error,
   icon,
   symbolsLimit,
@@ -72,6 +74,8 @@ const Input = ({
     onKeyUp: handle.keyUp,
     min,
     max,
+    ...(maskChar ? { maskChar } : {}),
+    ...(formatChars ? { formatChars } : {}),
   };
 
   function renderInput() {

package/src/Atomic/FormElements/Input/Input.stories.js

@@ -67,7 +67,13 @@ InputTemplate.args = {
   min: '0',
   max: '5',
   placeholder: 'Placeholder',
-  mask: '',
+  // mask: 'nnnnn0129',
+  // maskChar: '_',
+  // formatChars: {
+  //   'n': '[0-9]',
+  //   's': '[A-Za-z]',
+  //   '*': '[A-Za-z0-9]'
+  // },
   icon: <User />,
   symbolsLimit: 225
 };