intelicoreact 1.4.81 → 1.4.83

package/dist/Atomic/FormElements/InputMask3/config.js

@@ -4,7 +4,7 @@ module.exports = {
   UPPERCASE_LETTER_MASK_CHAR: "L",
   LOWERCASE_LETTER_MASK_CHAR: "l",
   DIGIT_MASK_CHAR: "D",
-  SPACE_CHAR: "\u00A0",
+  SPACE_CHAR: "\xA0",
   ANDROID_CHROME_TEXT_CODE: 229,
   EXCLUDED_KEYS: ["Tab"],
   DEFAULT_ERRORS: {

package/dist/Atomic/FormElements/InputMask3/functions.js

@@ -7,10 +7,10 @@ exports.voidFn = exports.selectElementContents = exports.resetSelectionText = ex
 
 var _config = require("./config");
 
-const getSelectionText = () => {
+var getSelectionText = function getSelectionText() {
   var _text;
 
-  let text = "";
+  var text = "";
 
   if (window.getSelection) {
     text = window.getSelection().toString();
@@ -23,7 +23,7 @@ const getSelectionText = () => {
 
 exports.getSelectionText = getSelectionText;
 
-const resetSelectionText = () => {
+var resetSelectionText = function resetSelectionText() {
   if (window.getSelection) {
     window.getSelection().removeAllRanges();
   }
@@ -31,7 +31,7 @@ const resetSelectionText = () => {
 
 exports.resetSelectionText = resetSelectionText;
 
-const copyToClipboard = str => {
+var copyToClipboard = function copyToClipboard(str) {
   if (navigator && navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(str); // eslint-disable-next-line prefer-promise-reject-errors
 
   return Promise.reject("The Clipboard API is not available.");
@@ -39,52 +39,52 @@ const copyToClipboard = str => {
 
 exports.copyToClipboard = copyToClipboard;
 
-const selectElementContents = function (el) {
-  let startOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
-  let endOffset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
-  const sel = window.getSelection();
+var selectElementContents = function selectElementContents(el) {
+  var startOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
+  var endOffset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+  var sel = window.getSelection();
   sel.selectAllChildren(el);
 };
 
 exports.selectElementContents = selectElementContents;
 
-const isLetter = char => {
+var isLetter = function isLetter(char) {
   return Boolean((char === null || char === void 0 ? void 0 : char.length) === 1 && (char === null || char === void 0 ? void 0 : char.match(/[a-z]/i)));
 };
 
 exports.isLetter = isLetter;
 
-const isUpperCaseLetter = char => {
+var isUpperCaseLetter = function isUpperCaseLetter(char) {
   return isLetter(char) ? char === char.slice().toUpperCase() : false;
 };
 
 exports.isUpperCaseLetter = isUpperCaseLetter;
 
-const isLowerCaseLetter = char => {
+var isLowerCaseLetter = function isLowerCaseLetter(char) {
   return isLetter(char) ? char === char.slice().toLowerCase() : false;
 };
 
 exports.isLowerCaseLetter = isLowerCaseLetter;
 
-const isDigit = char => {
+var isDigit = function isDigit(char) {
   return Boolean(Number.isInteger(parseInt(char, 10)));
 };
 
 exports.isDigit = isDigit;
 
-const isDigitMaskChar = char => {
+var isDigitMaskChar = function isDigitMaskChar(char) {
   return char === _config.DIGIT_MASK_CHAR;
 };
 
 exports.isDigitMaskChar = isDigitMaskChar;
 
-const isLetterMaskChar = char => {
+var isLetterMaskChar = function isLetterMaskChar(char) {
   return char === _config.UPPERCASE_LETTER_MASK_CHAR || char === _config.LOWERCASE_LETTER_MASK_CHAR;
 };
 
 exports.isLetterMaskChar = isLetterMaskChar;
 
-const voidFn = () => {
+var voidFn = function voidFn() {
   // eslint-disable-next-line no-console
   console.error("Void Function Called");
 };

package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js

@@ -2,13 +2,25 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -21,63 +33,95 @@ var _Input = _interopRequireDefault(require("../Input/Input"));
 
 require("./InputWithAction.scss");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
-const RC = "input-with-action";
-
-const InputWithAction = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    className,
-    inputClassName,
-    isHideAction = false,
-    actionLabel = "Generate",
-    doAction,
-    actionContent,
-    actionProps,
-    isNoChangeAfterAction = false,
-    isWithCopy = true,
-    copyLabel = "Copy",
-    copy,
-    copyIcon,
-    isNoCopyIcon,
-    isCopyIconRight,
-    copyButtonVariant = "dark-outline",
-    disabled,
-    isInputZoneDisabled,
-    isInputDisabled,
-    isLodaing,
-    onChange,
-    value,
-    testId,
-    ...inputProps
-  } = props;
-  const [isLocalLoading, setIsLocalLoading] = (0, _react.useState)(false);
-  const handle = {
-    doAction: async () => {
-      setIsLocalLoading(true);
-      const result = await (doAction === null || doAction === void 0 ? void 0 : doAction(value, actionProps));
-      if (!isNoChangeAfterAction) onChange(result);
-      setIsLocalLoading(false);
-      return result;
-    },
-    copy: () => {
-      if (typeof copy === "function") copy(value);
+var _excluded = ["className", "inputClassName", "isHideAction", "actionLabel", "doAction", "actionContent", "actionProps", "isNoChangeAfterAction", "isWithCopy", "copyLabel", "copy", "copyIcon", "isNoCopyIcon", "isCopyIconRight", "copyButtonVariant", "disabled", "isInputZoneDisabled", "isInputDisabled", "isLodaing", "onChange", "value", "testId"];
+
+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; }
+
+var RC = "input-with-action";
+
+var InputWithAction = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _cn2;
+
+  var className = props.className,
+      inputClassName = props.inputClassName,
+      _props$isHideAction = props.isHideAction,
+      isHideAction = _props$isHideAction === void 0 ? false : _props$isHideAction,
+      _props$actionLabel = props.actionLabel,
+      actionLabel = _props$actionLabel === void 0 ? "Generate" : _props$actionLabel,
+      _doAction = props.doAction,
+      actionContent = props.actionContent,
+      actionProps = props.actionProps,
+      _props$isNoChangeAfte = props.isNoChangeAfterAction,
+      isNoChangeAfterAction = _props$isNoChangeAfte === void 0 ? false : _props$isNoChangeAfte,
+      _props$isWithCopy = props.isWithCopy,
+      isWithCopy = _props$isWithCopy === void 0 ? true : _props$isWithCopy,
+      _props$copyLabel = props.copyLabel,
+      copyLabel = _props$copyLabel === void 0 ? "Copy" : _props$copyLabel,
+      _copy = props.copy,
+      copyIcon = props.copyIcon,
+      isNoCopyIcon = props.isNoCopyIcon,
+      isCopyIconRight = props.isCopyIconRight,
+      _props$copyButtonVari = props.copyButtonVariant,
+      copyButtonVariant = _props$copyButtonVari === void 0 ? "dark-outline" : _props$copyButtonVari,
+      disabled = props.disabled,
+      isInputZoneDisabled = props.isInputZoneDisabled,
+      isInputDisabled = props.isInputDisabled,
+      isLodaing = props.isLodaing,
+      onChange = props.onChange,
+      value = props.value,
+      testId = props.testId,
+      inputProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isLocalLoading = _useState2[0],
+      setIsLocalLoading = _useState2[1];
+
+  var handle = {
+    doAction: function () {
+      var _doAction2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var result;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                setIsLocalLoading(true);
+                _context.next = 3;
+                return _doAction === null || _doAction === void 0 ? void 0 : _doAction(value, actionProps);
+
+              case 3:
+                result = _context.sent;
+                if (!isNoChangeAfterAction) onChange(result);
+                setIsLocalLoading(false);
+                return _context.abrupt("return", result);
+
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function doAction() {
+        return _doAction2.apply(this, arguments);
+      }
+
+      return doAction;
+    }(),
+    copy: function copy() {
+      if (typeof _copy === "function") _copy(value);
     }
   };
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (isLocalLoading !== isLodaing) setIsLocalLoading(isLodaing);
   }, [isLodaing]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className, {
-      ["".concat(RC, "_disabled")]: disabled
-    })
+    className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled))
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__input-zone"), {
-      ["".concat(RC, "__input-zone_disabled")]: isInputZoneDisabled,
-      ["".concat(RC, "__input-zone_input-disabled")]: isInputDisabled
-    })
+    className: (0, _classnames.default)("".concat(RC, "__input-zone"), (_cn2 = {}, (0, _defineProperty2.default)(_cn2, "".concat(RC, "__input-zone_disabled"), isInputZoneDisabled), (0, _defineProperty2.default)(_cn2, "".concat(RC, "__input-zone_input-disabled"), isInputDisabled), _cn2))
   }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, inputProps, {
     testId: "".concat(testId, "-input"),
     ref: ref,
@@ -89,14 +133,18 @@ const InputWithAction = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     className: (0, _classnames.default)("".concat(RC, "__action-container"))
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__action-label")),
-    onClick: () => handle.doAction(),
+    onClick: function onClick() {
+      return handle.doAction();
+    },
     testId: "".concat(testId, "-action-label")
   }, actionLabel)), isLocalLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
     size: "small"
   })), isWithCopy && /*#__PURE__*/_react.default.createElement(_Button.default, {
     testId: "".concat(testId, "-copy-button"),
     className: "".concat(RC, "__coppy-button"),
-    onClick: () => handle.copy(),
+    onClick: function onClick() {
+      return handle.copy();
+    },
     icon: copyIcon,
     noIcon: isNoCopyIcon,
     isIconRight: isCopyIconRight,

package/dist/Atomic/FormElements/InputsRow/InputsRow.js

@@ -2,11 +2,19 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactFeather = require("react-feather");
@@ -19,42 +27,49 @@ var _Input = _interopRequireDefault(require("../Input/Input"));
 
 require("./InputsRow.scss");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-const getRandomInRange = (min, max) => {
+var getRandomInRange = function getRandomInRange(min, max) {
   return Math.floor(Math.random() * (max - min + 1)) + min;
 };
 
-const handleObjectChange = (updateObject, updateFunction) => function (data) {
-  let prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-  let isNumber = arguments.length > 2 ? arguments[2] : undefined;
-  let value;
-
-  if (data !== null && data !== void 0 && data.target) {
-    value = data.target.type === "checkbox" ? data.target.checked : data.target.value;
-  } else value = data;
-
-  value = isNumber ? Number(value) : value;
-  const props = prop.split(".");
-  const currentObject = props.reduce((res, chapter, index) => {
-    if (props.length !== index + 1) res = res[chapter];
-    return res;
-  }, updateObject);
-  currentObject[props.pop()] = value;
-  updateFunction();
+var handleObjectChange = function handleObjectChange(updateObject, updateFunction) {
+  return function (data) {
+    var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+    var isNumber = arguments.length > 2 ? arguments[2] : undefined;
+    var value;
+
+    if (data !== null && data !== void 0 && data.target) {
+      value = data.target.type === "checkbox" ? data.target.checked : data.target.value;
+    } else value = data;
+
+    value = isNumber ? Number(value) : value;
+    var props = prop.split(".");
+    var currentObject = props.reduce(function (res, chapter, index) {
+      if (props.length !== index + 1) res = res[chapter];
+      return res;
+    }, updateObject);
+    currentObject[props.pop()] = value;
+    updateFunction();
+  };
 };
 
-const InputsRow = _ref => {
-  let {
-    items,
-    title,
-    paramPlaceholder = "",
-    valuePlaceholder = "",
-    descriptionPlaceholder = ""
-  } = _ref;
-  const initialRows = [{
+var InputsRow = function InputsRow(_ref) {
+  var items = _ref.items,
+      title = _ref.title,
+      _ref$paramPlaceholder = _ref.paramPlaceholder,
+      paramPlaceholder = _ref$paramPlaceholder === void 0 ? "" : _ref$paramPlaceholder,
+      _ref$valuePlaceholder = _ref.valuePlaceholder,
+      valuePlaceholder = _ref$valuePlaceholder === void 0 ? "" : _ref$valuePlaceholder,
+      _ref$descriptionPlace = _ref.descriptionPlaceholder,
+      descriptionPlaceholder = _ref$descriptionPlace === void 0 ? "" : _ref$descriptionPlace;
+  var initialRows = [{
     param: "",
     value: "",
     description: "",
@@ -65,29 +80,39 @@ const InputsRow = _ref => {
     description: "",
     rowId: "2"
   }];
-  const [data, setData] = (0, _react.useState)(items || initialRows);
-  const onChange = handleObjectChange(setData, () => setData({ ...data
-  }));
-  const [rows, setRows] = (0, _react.useState)(data);
 
-  const handleAddRow = () => {
-    const newRow = [...rows, {
+  var _useState = (0, _react.useState)(items || initialRows),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      data = _useState2[0],
+      setData = _useState2[1];
+
+  var onChange = handleObjectChange(setData, function () {
+    return setData(_objectSpread({}, data));
+  });
+
+  var _useState3 = (0, _react.useState)(data),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      rows = _useState4[0],
+      setRows = _useState4[1];
+
+  var handleAddRow = function handleAddRow() {
+    var newRow = [].concat((0, _toConsumableArray2.default)(rows), [{
       param: "",
       value: "",
       description: "",
       rowId: getRandomInRange(1, 1000)
-    }];
+    }]);
     setRows(newRow);
     onChange(newRow);
   };
 
-  const handleArrayChange = (e, index, prop) => {
+  var handleArrayChange = function handleArrayChange(e, index, prop) {
     rows[index][prop] = e;
     onChange(rows);
   };
 
-  const onDelete = index => {
-    onChange([...rows.splice(index, 1)]);
+  var onDelete = function onDelete(index) {
+    onChange((0, _toConsumableArray2.default)(rows.splice(index, 1)));
     onChange(rows);
   };
 
@@ -101,31 +126,41 @@ const InputsRow = _ref => {
     className: "inputs-row--value-label"
   }, "Value"), /*#__PURE__*/_react.default.createElement("div", {
     className: "inputs-row--description-label"
-  }, "Description")), rows.map((item, index) => /*#__PURE__*/_react.default.createElement("div", {
-    className: "j4 mb5",
-    key: item.rowId
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "inputs-row--input mr10"
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    onChange: e => handleArrayChange(e, index, "param"),
-    value: item.param,
-    placeholder: paramPlaceholder
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "inputs-row--input mr10"
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    onChange: e => handleArrayChange(e, index, "value"),
-    value: item.value,
-    placeholder: valuePlaceholder
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "inputs-row--input mr10"
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    onChange: e => handleArrayChange(e, index, "description"),
-    value: item.description,
-    placeholder: descriptionPlaceholder
-  })), rows.length > 1 && /*#__PURE__*/_react.default.createElement("div", {
-    onClick: () => onDelete(index),
-    className: "inputs-row--trash"
-  }, /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, null)))), rows.length < 10 && /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, "Description")), rows.map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "j4 mb5",
+      key: item.rowId
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "inputs-row--input mr10"
+    }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      onChange: function onChange(e) {
+        return handleArrayChange(e, index, "param");
+      },
+      value: item.param,
+      placeholder: paramPlaceholder
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "inputs-row--input mr10"
+    }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      onChange: function onChange(e) {
+        return handleArrayChange(e, index, "value");
+      },
+      value: item.value,
+      placeholder: valuePlaceholder
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "inputs-row--input mr10"
+    }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      onChange: function onChange(e) {
+        return handleArrayChange(e, index, "description");
+      },
+      value: item.description,
+      placeholder: descriptionPlaceholder
+    })), rows.length > 1 && /*#__PURE__*/_react.default.createElement("div", {
+      onClick: function onClick() {
+        return onDelete(index);
+      },
+      className: "inputs-row--trash"
+    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, null)));
+  }), rows.length < 10 && /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: handleAddRow,
     label: "Add row",
     className: "inputs-row--add-btn"

package/dist/Atomic/FormElements/Label/Label.js

@@ -15,19 +15,21 @@ var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
 
 require("./Label.scss");
 
-const Label = _ref => {
-  let {
-    className = "",
-    label,
-    note,
-    hint,
-    isRequired,
-    isLabelBolt,
-    onClickHintCallback,
-    error = null,
-    isAccessability = false,
-    isAccessabilityHint = false
-  } = _ref;
+var Label = function Label(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      label = _ref.label,
+      note = _ref.note,
+      hint = _ref.hint,
+      isRequired = _ref.isRequired,
+      isLabelBolt = _ref.isLabelBolt,
+      onClickHintCallback = _ref.onClickHintCallback,
+      _ref$error = _ref.error,
+      error = _ref$error === void 0 ? null : _ref$error,
+      _ref$isAccessability = _ref.isAccessability,
+      isAccessability = _ref$isAccessability === void 0 ? false : _ref$isAccessability,
+      _ref$isAccessabilityH = _ref.isAccessabilityHint,
+      isAccessabilityHint = _ref$isAccessabilityH === void 0 ? false : _ref$isAccessabilityH;
   return /*#__PURE__*/_react.default.createElement("span", {
     tabIndex: isAccessability ? 0 : -1,
     "aria-label": label,