intelicoreact 1.3.21 → 1.3.23

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

@@ -1,121 +1,79 @@
 "use strict";
 
 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 _uuid = require("uuid");
-
 var _reactFeather = require("react-feather");
-
-var _Input = _interopRequireDefault(require("../Input/Input"));
-
+var _uuid = require("uuid");
 var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
-
+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 _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 _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; }
-
-var getRandomInRange = function getRandomInRange(min, max) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const getRandomInRange = (min, max) => {
   return Math.floor(Math.random() * (max - min + 1)) + min;
 };
-
-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 ? +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 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 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: '',
-    rowId: '1'
+const InputsRow = _ref => {
+  let {
+    items,
+    title,
+    paramPlaceholder = "",
+    valuePlaceholder = "",
+    descriptionPlaceholder = ""
+  } = _ref;
+  const initialRows = [{
+    param: "",
+    value: "",
+    description: "",
+    rowId: "1"
   }, {
-    param: '',
-    value: '',
-    description: '',
-    rowId: '2'
+    param: "",
+    value: "",
+    description: "",
+    rowId: "2"
   }];
-
-  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: '',
+  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, {
+      param: "",
+      value: "",
+      description: "",
       rowId: getRandomInRange(1, 1000)
-    }]);
+    }];
     setRows(newRow);
     onChange(newRow);
   };
-
-  var handleArrayChange = function handleArrayChange(e, index, prop) {
+  const handleArrayChange = (e, index, prop) => {
     rows[index][prop] = e;
     onChange(rows);
   };
-
-  var onDelete = function onDelete(index) {
-    onChange((0, _toConsumableArray2.default)(rows.splice(index, 1)));
+  const onDelete = index => {
+    onChange([...rows.splice(index, 1)]);
     onChange(rows);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", null, title ? /*#__PURE__*/_react.default.createElement("div", {
     className: "mb5"
   }, title) : null, /*#__PURE__*/_react.default.createElement("div", {
@@ -126,46 +84,34 @@ var InputsRow = function InputsRow(_ref) {
     className: "inputs-row--value-label"
   }, "Value"), /*#__PURE__*/_react.default.createElement("div", {
     className: "inputs-row--description-label"
-  }, "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, {
+  }, "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, {
     onClick: handleAddRow,
     label: "Add row",
     className: "inputs-row--add-btn"
   }));
 };
-
-var _default = InputsRow;
-exports.default = _default;
+var _default = exports.default = InputsRow;

package/dist/Atomic/FormElements/InputsRow/InputsRow.scss

@@ -18,10 +18,10 @@
     cursor: pointer;
 
     border-radius: 5px;
-    background: #FFF;
+    background: #fff;
 
     svg {
-      color: #F06D8D;
+      color: #f06d8d;
     }
   }
 
@@ -38,11 +38,10 @@
   &--description-label {
     margin-bottom: 3px;
 
+    font-size: 10px;
     text-transform: uppercase;
 
-    color: #9AA0B9;
-
-    font-size: 10px;
+    color: #9aa0b9;
   }
 
   &--add-btn:hover {

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

@@ -1,38 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
-
 require("./Label.scss");
-
-var Label = function Label(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      label = _ref.label,
-      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;
+const Label = _ref => {
+  let {
+    className = "",
+    label,
+    hint,
+    isRequired,
+    isLabelBolt,
+    onClickHintCallback,
+    error = null,
+    isAccessability = false,
+    isAccessabilityHint = false
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("span", {
     tabIndex: isAccessability ? 0 : -1,
     "aria-label": label,
-    className: (0, _classnames.default)('label', {
+    className: (0, _classnames.default)("label", {
       label_bold: isLabelBolt,
       error: error
     }, className)
@@ -48,6 +40,4 @@ var Label = function Label(_ref) {
     onClickCallback: onClickHintCallback
   }));
 };
-
-var _default = Label;
-exports.default = _default;
+var _default = exports.default = Label;

package/dist/Atomic/FormElements/Label/Label.scss

@@ -4,10 +4,10 @@
 
   margin-bottom: 5px;
 
-  color: #1E1E2D;
-
   font-size: 13px;
 
+  color: #1e1e2d;
+
   &_bold {
     font-weight: 500;
   }