intelicoreact 1.4.83 → 1.4.84

package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js

@@ -1,53 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("../../../../Functions/utils");
-
-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 VariantsListRadioItem = function VariantsListRadioItem(_ref) {
-  var _cn;
-
-  var RC = _ref.RC,
-      parentId = _ref.parentId,
-      item = _ref.item,
-      actualValue = _ref.value,
-      _ref$onChange = _ref.onChange,
-      _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      _ref$attributesOfNati = _ref.attributesOfNativeInput,
-      attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati,
-      isMixWithPersonalAttributes = _ref.isMixWithPersonalAttributes,
-      isUseAsOptionsList = _ref.isUseAsOptionsList;
-
+const VariantsListRadioItem = _ref => {
+  let {
+    RC,
+    parentId,
+    item,
+    value: actualValue,
+    onChange = () => {},
+    attributesOfNativeInput = {},
+    isMixWithPersonalAttributes,
+    isUseAsOptionsList
+  } = _ref;
   // ? Для корректной работы нужны parentId и item(объект)
   if (!parentId || !(0, _utils.getIsOnlyAnObject)(item)) return null;
-  var value = item.value,
-      label = item.label,
-      description = item.description,
-      isDisabled = item.isDisabled,
-      personalAttributesOfNativeInput = item.attributesOfNativeInput;
-  var id = "".concat(parentId.toString(), "--item-").concat(value);
-  var name = parentId.toString();
-  var isActive = actualValue === value;
-  var addAtributesObj = isMixWithPersonalAttributes ? _objectSpread(_objectSpread({}, attributesOfNativeInput), personalAttributesOfNativeInput) : personalAttributesOfNativeInput || attributesOfNativeInput || {};
+  const {
+    value,
+    label,
+    description,
+    isDisabled,
+    attributesOfNativeInput: personalAttributesOfNativeInput
+  } = item;
+  const id = "".concat(parentId.toString(), "--item-").concat(value);
+  const name = parentId.toString();
+  const isActive = actualValue === value;
+  const addAtributesObj = isMixWithPersonalAttributes ? {
+    ...attributesOfNativeInput,
+    ...personalAttributesOfNativeInput
+  } : personalAttributesOfNativeInput || attributesOfNativeInput || {};
   return /*#__PURE__*/_react.default.createElement("label", {
-    className: (0, _classnames.default)("".concat(RC, "__item"), (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "__item_disabled"), isDisabled), (0, _defineProperty2.default)(_cn, "".concat(RC, "__item_active"), isActive), (0, _defineProperty2.default)(_cn, "".concat(RC, "__item_as-option"), isUseAsOptionsList), _cn)),
+    className: (0, _classnames.default)("".concat(RC, "__item"), {
+      ["".concat(RC, "__item_disabled")]: isDisabled,
+      ["".concat(RC, "__item_active")]: isActive,
+      ["".concat(RC, "__item_as-option")]: isUseAsOptionsList
+    }),
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__item-radio-container"))
@@ -59,9 +53,7 @@ var VariantsListRadioItem = function VariantsListRadioItem(_ref) {
     type: "radio",
     checked: isActive,
     className: "".concat(RC, "__item-radio-input"),
-    onChange: function onChange() {
-      return _onChange(value);
-    },
+    onChange: () => onChange(value),
     name: name,
     disabled: isDisabled
   }, addAtributesObj)), /*#__PURE__*/_react.default.createElement("div", {
@@ -78,6 +70,4 @@ var VariantsListRadioItem = function VariantsListRadioItem(_ref) {
     className: (0, _classnames.default)("".concat(RC, "__item-content-description"))
   }, description))));
 };
-
-var _default = VariantsListRadioItem;
-exports.default = _default;
+var _default = exports.default = VariantsListRadioItem;

package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js

@@ -1,43 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("./WidgetPseudoTable.scss");
-
-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 RC = "widget-pseudo-table";
-
-var WidgetPseudoTable = function WidgetPseudoTable(props) {
-  var _ref = props || {},
-      className = _ref.className,
-      title = _ref.title,
-      rightHeaderContent = _ref.rightHeaderContent,
-      nullContentData = _ref.nullContentData,
-      _ref$isNotRenderThead = _ref.isNotRenderThead,
-      isNotRenderThead = _ref$isNotRenderThead === void 0 ? false : _ref$isNotRenderThead,
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? [] : _ref$columns,
-      rows = _ref.rows,
-      CellComponent = _ref.CellComponent,
-      CellComponentProps = _ref.CellComponentProps,
-      _onChange = _ref.onChange;
-
+const RC = "widget-pseudo-table";
+const WidgetPseudoTable = props => {
+  const {
+    className,
+    title,
+    rightHeaderContent,
+    nullContentData,
+    isNotRenderThead = false,
+    columns = [],
+    rows,
+    CellComponent,
+    CellComponentProps,
+    onChange
+  } = props || {};
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className)
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -47,43 +32,38 @@ var WidgetPseudoTable = function WidgetPseudoTable(props) {
   }, title), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__right-header-content-block"))
   }, rightHeaderContent)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__body"), (0, _defineProperty2.default)({}, "".concat(RC, "__body_no-content"), !(rows !== null && rows !== void 0 && rows.length)))
+    className: (0, _classnames.default)("".concat(RC, "__body"), {
+      ["".concat(RC, "__body_no-content")]: !(rows !== null && rows !== void 0 && rows.length)
+    })
   }, Boolean(rows === null || rows === void 0 ? void 0 : rows.length) && !isNotRenderThead && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__thead"))
-  }, columns.map(function (field) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "thead-".concat(field.key),
-      className: (0, _classnames.default)("".concat(RC, "__thead-cell"), field.theadCellClassName, field.columnClassName, (0, _defineProperty2.default)({}, "".concat(RC, "__thead-cell_reqiured"), field.isRequired)),
-      "data-key": field.key
-    }, field.label);
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }, columns.map(field => /*#__PURE__*/_react.default.createElement("div", {
+    key: "thead-".concat(field.key),
+    className: (0, _classnames.default)("".concat(RC, "__thead-cell"), field.theadCellClassName, field.columnClassName, {
+      ["".concat(RC, "__thead-cell_reqiured")]: field.isRequired
+    }),
+    "data-key": field.key
+  }, field.label))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__table"))
-  }, rows !== null && rows !== void 0 && rows.length ? rows.map(function (row) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "row-".concat(row.id),
-      className: (0, _classnames.default)("".concat(RC, "__row")),
-      "data-id": row.id
-    }, columns.map(function (cell) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: "row-".concat(row.id, "-cell-").concat(cell.key),
-        className: (0, _classnames.default)("".concat(RC, "__cell"), cell.cellClassName, cell.columnClassName)
-      }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
-        field: _objectSpread(_objectSpread({}, cell), {}, {
-          value: row[cell.key],
-          rowData: row
-        }),
-        onChange: function onChange(key, val) {
-          return _onChange(val, cell.key, row.id);
-        }
-      })));
-    }));
-  }) : /*#__PURE__*/_react.default.createElement("div", {
+  }, rows !== null && rows !== void 0 && rows.length ? rows.map(row => /*#__PURE__*/_react.default.createElement("div", {
+    key: "row-".concat(row.id),
+    className: (0, _classnames.default)("".concat(RC, "__row")),
+    "data-id": row.id
+  }, columns.map(cell => /*#__PURE__*/_react.default.createElement("div", {
+    key: "row-".concat(row.id, "-cell-").concat(cell.key),
+    className: (0, _classnames.default)("".concat(RC, "__cell"), cell.cellClassName, cell.columnClassName)
+  }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
+    field: {
+      ...cell,
+      value: row[cell.key],
+      rowData: row
+    },
+    onChange: (key, val) => onChange(val, cell.key, row.id)
+  })))))) : /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row")),
     "data-id": "empty-row"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__no-data-content"))
   }, nullContentData !== null && nullContentData !== void 0 ? nullContentData : "No data")))));
 };
-
-var _default = WidgetPseudoTable;
-exports.default = _default;
+var _default = exports.default = WidgetPseudoTable;

package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var constructor = [{
+const constructor = [{
   key: "key1",
   type: "label",
   label: "lender",
@@ -34,5 +34,4 @@ var constructor = [{
     decimalPlaces: 2
   }
 }];
-var _default = constructor;
-exports.default = _default;
+var _default = exports.default = constructor;

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js

@@ -1,47 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("./WidgetWithSwitchableRows.scss");
-
-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 RC = "widget-with-switchable-rows";
-
-var WidgetWithSwitchableRows = function WidgetWithSwitchableRows(props) {
-  var _ref = props || {},
-      className = _ref.className,
-      title = _ref.title,
-      rightHeaderContent = _ref.rightHeaderContent,
-      nullContentData = _ref.nullContentData,
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? [] : _ref$columns,
-      rows = _ref.rows,
-      CellComponent = _ref.CellComponent,
-      CellComponentProps = _ref.CellComponentProps,
-      _onChange = _ref.onChange;
-
-  var preperedColumns = [_objectSpread(_objectSpread({}, columns[0]), {}, {
+const RC = "widget-with-switchable-rows";
+const WidgetWithSwitchableRows = props => {
+  const {
+    className,
+    title,
+    rightHeaderContent,
+    nullContentData,
+    columns = [],
+    rows,
+    CellComponent,
+    CellComponentProps,
+    onChange
+  } = props || {};
+  const preperedColumns = [{
+    ...columns[0],
     key: "isActive",
     type: "switcher"
-  })].concat((0, _toConsumableArray2.default)(columns.slice(1)));
+  }, ...columns.slice(1)];
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className)
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -51,50 +36,46 @@ var WidgetWithSwitchableRows = function WidgetWithSwitchableRows(props) {
   }, title), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__right-header-content-block"))
   }, rightHeaderContent)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__body"), (0, _defineProperty2.default)({}, "".concat(RC, "__body_no-content"), !(rows !== null && rows !== void 0 && rows.length)))
+    className: (0, _classnames.default)("".concat(RC, "__body"), {
+      ["".concat(RC, "__body_no-content")]: !(rows !== null && rows !== void 0 && rows.length)
+    })
   }, Boolean(rows === null || rows === void 0 ? void 0 : rows.length) && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__thead"))
-  }, preperedColumns.map(function (field) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "thead-".concat(field.key),
-      className: (0, _classnames.default)("".concat(RC, "__thead-cell"), field.theadCellClassName, field.columnClassName, (0, _defineProperty2.default)({}, "".concat(RC, "__thead-cell_reqiured"), field.isRequired)),
-      "data-key": field.key
-    }, field.label);
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }, preperedColumns.map(field => /*#__PURE__*/_react.default.createElement("div", {
+    key: "thead-".concat(field.key),
+    className: (0, _classnames.default)("".concat(RC, "__thead-cell"), field.theadCellClassName, field.columnClassName, {
+      ["".concat(RC, "__thead-cell_reqiured")]: field.isRequired
+    }),
+    "data-key": field.key
+  }, field.label))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__table"))
-  }, rows !== null && rows !== void 0 && rows.length ? rows.map(function (row) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "row-".concat(row.id),
-      className: (0, _classnames.default)("".concat(RC, "__row")),
-      "data-id": row.id
-    }, preperedColumns.map(function (cell) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: "row-".concat(row.id, "-cell-").concat(cell.key),
-        className: (0, _classnames.default)("".concat(RC, "__cell"), cell.cellClassName, cell.columnClassName)
-      }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
-        field: _objectSpread(_objectSpread({}, cell), {}, {
-          value: row[cell.key],
-          rowData: row
-        }, cell.key === "isActive" ? {
-          disabled: cell.disabled,
-          label: row.label,
-          isActive: row.isActive
-        } : {
-          disabled: !row.isActive,
-          label: cell.label
-        }),
-        onChange: function onChange(key, val) {
-          return _onChange(val, cell.key, row.id);
-        }
-      })));
-    }));
-  }) : /*#__PURE__*/_react.default.createElement("div", {
+  }, rows !== null && rows !== void 0 && rows.length ? rows.map(row => /*#__PURE__*/_react.default.createElement("div", {
+    key: "row-".concat(row.id),
+    className: (0, _classnames.default)("".concat(RC, "__row")),
+    "data-id": row.id
+  }, preperedColumns.map(cell => /*#__PURE__*/_react.default.createElement("div", {
+    key: "row-".concat(row.id, "-cell-").concat(cell.key),
+    className: (0, _classnames.default)("".concat(RC, "__cell"), cell.cellClassName, cell.columnClassName)
+  }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
+    field: {
+      ...cell,
+      value: row[cell.key],
+      rowData: row,
+      ...(cell.key === "isActive" ? {
+        disabled: cell.disabled,
+        label: row.label,
+        isActive: row.isActive
+      } : {
+        disabled: !row.isActive,
+        label: cell.label
+      })
+    },
+    onChange: (key, val) => onChange(val, cell.key, row.id)
+  })))))) : /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row")),
     "data-id": "empty-row"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__no-data-content"))
   }, nullContentData !== null && nullContentData !== void 0 ? nullContentData : "No data")))));
 };
-
-var _default = WidgetWithSwitchableRows;
-exports.default = _default;
+var _default = exports.default = WidgetWithSwitchableRows;

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var constructor = [// первый элемент относится к свитчеру, можно пробросить доп. пропы
+const constructor = [
+// первый элемент относится к свитчеру, можно пробросить доп. пропы
 // невозможно сменить ключ и тип (ключ - isActive, тип - switcher)
 // label применится к шапке таблички, но в самих строках label свитчера - это label строки
 {
@@ -35,5 +36,4 @@ var constructor = [// первый элемент относится к свит
   min: 0,
   max: 50
 }];
-var _default = constructor;
-exports.default = _default;
+var _default = exports.default = constructor;

package/dist/Atomic/Layout/Header/Header.js

@@ -1,63 +1,38 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 var _utils = require("lib/src/Functions/utils");
-
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
-
 require("./Header.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; }
-
-var Header = function Header(_ref) {
-  var className = _ref.className,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? "John" : _ref$name,
-      _ref$surname = _ref.surname,
-      surname = _ref$surname === void 0 ? "Silver" : _ref$surname,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? "admin" : _ref$status,
-      _ref$img = _ref.img,
-      img = _ref$img === void 0 ? "" : _ref$img,
-      _ref$hintLabel = _ref.hintLabel,
-      hintLabel = _ref$hintLabel === void 0 ? "Help" : _ref$hintLabel,
-      _ref$hintText = _ref.hintText,
-      hintText = _ref$hintText === void 0 ? "Hint text" : _ref$hintText;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var userMenu = (0, _react.useRef)(null);
-  var handle = {
-    toggleMenu: function toggleMenu() {
+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 Header = _ref => {
+  let {
+    className,
+    name = "John",
+    surname = "Silver",
+    status = "admin",
+    img = "",
+    hintLabel = "Help",
+    hintText = "Hint text"
+  } = _ref;
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const userMenu = (0, _react.useRef)(null);
+  const handle = {
+    toggleMenu: () => {
       if (!isOpen) setIsOpen(!isOpen);
     },
-    closeMenu: function closeMenu() {
-      setTimeout(function () {
-        return setIsOpen(false);
-      }, 50);
+    closeMenu: () => {
+      setTimeout(() => setIsOpen(false), 50);
     },
-    logout: function logout() {
+    logout: () => {
       handle.toggleMenu();
       (0, _utils.logout)();
     }
@@ -76,7 +51,7 @@ var Header = function Header(_ref) {
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "j6 user-menu"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    onClick: function onClick() {},
+    onClick: () => {},
     className: "header--bell"
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.Bell, {
     className: "header--bell-icon"
@@ -108,6 +83,4 @@ var Header = function Header(_ref) {
     className: "mr10"
   }), " Logout"))));
 };
-
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;