intelicoreact 1.5.38 → 1.5.41

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

@@ -1,188 +1,117 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reactfeather = require("react-feather");
-const _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/Button"));
-const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactFeather = require("react-feather");
+var _uuid = require("uuid");
+var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
+var _Input = _interopRequireDefault(require("../Input/Input"));
 require("./InputsRow.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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 getRandomInRange = (min, max)=>{
-    return Math.floor(Math.random() * (max - min + 1)) + min;
+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 && {}.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;
+};
+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?.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();
 };
-const handleObjectChange = (updateObject, updateFunction)=>(data, prop = "", isNumber)=>{
-        let value;
-        if (data === null || data === void 0 ? 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();
-    };
-const InputsRow = ({ items, title, paramPlaceholder = "", valuePlaceholder = "", descriptionPlaceholder = "" })=>{
-    const initialRows = [
-        {
-            param: "",
-            value: "",
-            description: "",
-            rowId: "1"
-        },
-        {
-            param: "",
-            value: "",
-            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,
-            {
-                param: "",
-                value: "",
-                description: "",
-                rowId: getRandomInRange(1, 1000)
-            }
-        ];
-        setRows(newRow);
-        onChange(newRow);
-    };
-    const handleArrayChange = (e, index, prop)=>{
-        rows[index][prop] = e;
-        onChange(rows);
-    };
-    const onDelete = (index)=>{
-        onChange([
-            ...rows.splice(index, 1)
-        ]);
-        onChange(rows);
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        children: [
-            title ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "mb5",
-                children: title
-            }) : null,
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: "df",
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "inputs-row--param-label",
-                        children: "Parameter name(key)"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "inputs-row--value-label",
-                        children: "Value"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "inputs-row--description-label",
-                        children: "Description"
-                    })
-                ]
-            }),
-            rows.map((item, index)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: "j4 mb5",
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: "inputs-row--input mr10",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                                onChange: (e)=>handleArrayChange(e, index, "param"),
-                                value: item.param,
-                                placeholder: paramPlaceholder
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: "inputs-row--input mr10",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                                onChange: (e)=>handleArrayChange(e, index, "value"),
-                                value: item.value,
-                                placeholder: valuePlaceholder
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: "inputs-row--input mr10",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                                onChange: (e)=>handleArrayChange(e, index, "description"),
-                                value: item.description,
-                                placeholder: descriptionPlaceholder
-                            })
-                        }),
-                        rows.length > 1 && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            onClick: ()=>onDelete(index),
-                            className: "inputs-row--trash",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {})
-                        })
-                    ]
-                }, item.rowId)),
-            rows.length < 10 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                onClick: handleAddRow,
-                label: "Add row",
-                className: "inputs-row--add-btn"
-            })
-        ]
-    });
+const InputsRow = _ref => {
+  let {
+    items,
+    title,
+    paramPlaceholder = "",
+    valuePlaceholder = "",
+    descriptionPlaceholder = ""
+  } = _ref;
+  const initialRows = [{
+    param: "",
+    value: "",
+    description: "",
+    rowId: "1"
+  }, {
+    param: "",
+    value: "",
+    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, {
+      param: "",
+      value: "",
+      description: "",
+      rowId: getRandomInRange(1, 1000)
+    }];
+    setRows(newRow);
+    onChange(newRow);
+  };
+  const handleArrayChange = (e, index, prop) => {
+    rows[index][prop] = e;
+    onChange(rows);
+  };
+  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", {
+    className: "df"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "inputs-row--param-label"
+  }, "Parameter name(key)"), /*#__PURE__*/_react.default.createElement("div", {
+    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, {
+    onClick: handleAddRow,
+    label: "Add row",
+    className: "inputs-row--add-btn"
+  }));
 };
-const _default = InputsRow;
+var _default = exports.default = InputsRow;

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

@@ -1,87 +1,60 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Hint = /*#__PURE__*/ _interop_require_default(require("../../UI/Hint/Hint"));
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
 require("./Label.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const CN = 'label';
-const Label = ({ className = '', label = '', note, hint, isRequired, isLabelBolt, onClickHintCallback, error = null, isAccessability = false, isAccessabilityHint = false, testId = CN })=>{
-    const correctLabel = isRequired ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            label,
-            ' ',
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: "label_asterisk",
-                children: "*"
-            }),
-            ' ',
-            note && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: "label_note",
-                children: note
-            }),
-            hint && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
-                id: `hint-${label}`,
-                children: null,
-                isLoading: false,
-                isAccessability: isAccessabilityHint,
-                hint: hint.text,
-                icon: hint.icon,
-                variant: hint.variant,
-                side: hint.hintSide,
-                className: "label-hint",
-                onClickCallback: onClickHintCallback
-            }, `hint-${label}`)
-        ]
-    }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            label,
-            ' ',
-            note && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: "label_note",
-                children: note
-            }),
-            hint && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
-                isAccessability: isAccessabilityHint,
-                hint: hint.text,
-                icon: hint.icon,
-                variant: hint.variant,
-                side: hint.hintSide,
-                className: "label-hint",
-                onClickCallback: onClickHintCallback,
-                id: undefined,
-                children: undefined,
-                isLoading: undefined
-            }, undefined)
-        ]
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        tabIndex: isAccessability ? 0 : -1,
-        "aria-label": label,
-        className: (0, _classnames.default)(CN, {
-            label_bold: isLabelBolt,
-            error,
-            isRequired
-        }, className),
-        "data-testid": testId,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            className: "label_text",
-            "data-testid": "label-text",
-            children: correctLabel
-        })
-    });
+const Label = _ref => {
+  let {
+    className = "",
+    label = "",
+    note,
+    hint,
+    isRequired,
+    isLabelBolt,
+    onClickHintCallback,
+    error = null,
+    isAccessability = false,
+    isAccessabilityHint = false
+  } = _ref;
+  const correctLabel = isRequired ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label, " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "label_asterisk"
+  }, "*"), " ", note && /*#__PURE__*/_react.default.createElement("span", {
+    className: "label_note"
+  }, note), hint && /*#__PURE__*/_react.default.createElement(_Hint.default, {
+    isAccessability: isAccessabilityHint,
+    hint: hint.text,
+    icon: hint.icon,
+    variant: hint.variant,
+    side: hint.hintSide,
+    className: "label-hint",
+    onClickCallback: onClickHintCallback
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label, " ", note && /*#__PURE__*/_react.default.createElement("span", {
+    className: "label_note"
+  }, note), hint && /*#__PURE__*/_react.default.createElement(_Hint.default, {
+    isAccessability: isAccessabilityHint,
+    hint: hint.text,
+    icon: hint.icon,
+    variant: hint.variant,
+    side: hint.hintSide,
+    className: "label-hint",
+    onClickCallback: onClickHintCallback
+  }));
+  return /*#__PURE__*/_react.default.createElement("span", {
+    tabIndex: isAccessability ? 0 : -1,
+    "aria-label": label,
+    className: (0, _classnames.default)("label", {
+      label_bold: isLabelBolt,
+      error: error,
+      isRequired: isRequired
+    }, className)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "label_text"
+  }, correctLabel));
 };
-const _default = Label;
+var _default = exports.default = Label;

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

@@ -1,41 +1,31 @@
 .label {
-  --label-margin-bottom: 5px;
-  --label-font-size: 13px;
-  --label-color: #1e1e2d;
-  --label-asterisk-color: red;
-  --label-bold-font-weight: 500;
-  --label-note-hint-margin-left: 4px;
-
   position: relative;
-
   display: inline-flex;
   align-items: center;
+  margin-bottom: 5px;
 
+  font-size: 13px;
   width: 100%;
-  margin-bottom: var(--label-margin-bottom);
 
-  font-size: var(--label-font-size);
-
-  color: var(--label-color);
+  color: #1e1e2d;
 
   .label_text {
-    width: 100%;
-
     vertical-align: middle;
-    white-space: normal;
+    width: 100%;
     word-wrap: break-word;
+    white-space: normal;
   }
 
   &.isRequired .label_asterisk {
-    color: var(--label-asterisk-color);
+    color: red;
   }
 
   &_bold {
-    font-weight: var(--label-bold-font-weight);
+    font-weight: 500;
   }
 
   &_note,
   &-hint {
-    margin-left: var(--label-note-hint-margin-left);
+    margin-left: 4px;
   }
 }