intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/UI/NavLine/NavLine.js

@@ -1,336 +1,247 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _reactRouterDom = require("react-router-dom");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var Icons = _interopRequireWildcard(require("react-feather"));
-
+var _reactRouterDom = require("react-router-dom");
 var _index = require("../../../Constants/index.constants");
-
 require("./NavLine.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 checkedRef = function checkedRef(ref) {
-  return ref ? typeof ref === 'function' ? function (node) {
-    return ref(node, key);
-  } : ref : null;
-};
-
-var NavLine = function NavLine(_ref) {
-  var root = _ref.root,
-      activeTab = _ref.activeTab,
-      variant = _ref.variant,
-      onChange = _ref.onChange,
-      className = _ref.className,
-      items = _ref.items,
-      children = _ref.children,
-      isLocal = _ref.isLocal,
-      mode = _ref.mode,
-      isNavigateByKeys = _ref.isNavigateByKeys,
-      isTabLoading = _ref.isTabLoading,
-      _ref$scrollMode = _ref.scrollMode,
-      scrollMode = _ref$scrollMode === void 0 ? false : _ref$scrollMode;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      navLineItems = _useState2[0],
-      setNavLineItems = _useState2[1];
-
-  var wrapperRef = (0, _react.useRef)(null);
-  var wrapperInnerRef = (0, _react.useRef)(null);
-
-  var _useState3 = (0, _react.useState)(0),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      wrapperRefWidth = _useState4[0],
-      setWrapperRefWidth = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(0),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      totalScrolledItems = _useState6[0],
-      setTotalScrolledItems = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(0),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      scrollLeft = _useState8[0],
-      setScrollLeft = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(0),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      navLineItemsTotalWidth = _useState10[0],
-      setNavLineItemsTotalWidth = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(0),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      navLineFirstItemOffset = _useState12[0],
-      setNavLineFirstItemOffset = _useState12[1];
-
-  var _useState13 = (0, _react.useState)([]),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      scrollQueue = _useState14[0],
-      setScrollQueue = _useState14[1];
-
-  var popScrollTask = function popScrollTask() {
+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 checkedRef = ref => ref ? typeof ref === "function" ? node => ref(node) : ref : null;
+const NavLine = _ref => {
+  let {
+    root,
+    activeTab,
+    variant,
+    onChange,
+    className,
+    items,
+    children,
+    isLocal,
+    mode,
+    isNavigateByKeys,
+    isTabLoading,
+    scrollMode = false
+  } = _ref;
+  const [navLineItems, setNavLineItems] = (0, _react.useState)([]);
+  const wrapperRef = (0, _react.useRef)(null);
+  const wrapperInnerRef = (0, _react.useRef)(null);
+  const [wrapperRefWidth, setWrapperRefWidth] = (0, _react.useState)(0);
+  const [totalScrolledItems, setTotalScrolledItems] = (0, _react.useState)(0);
+  const [scrollLeft, setScrollLeft] = (0, _react.useState)(0);
+  const [navLineItemsTotalWidth, setNavLineItemsTotalWidth] = (0, _react.useState)(0);
+  const [navLineFirstItemOffset, setNavLineFirstItemOffset] = (0, _react.useState)(0);
+  const [scrollQueue, setScrollQueue] = (0, _react.useState)([]);
+  const popScrollTask = () => {
     if (!scrollQueue.length) return null;
-
-    var _scrollQueue = (0, _toArray2.default)(scrollQueue),
-        task = _scrollQueue[0],
-        rest = _scrollQueue.slice(1);
-
+    const [task, ...rest] = scrollQueue;
     setScrollQueue(rest);
     return task;
   };
-
-  var pushScrollTask = function pushScrollTask(task) {
-    return setScrollQueue(function (queue) {
-      return [].concat((0, _toConsumableArray2.default)(queue), [task]);
-    });
-  };
-
-  (0, _react.useEffect)(function () {
-    var task = popScrollTask();
-
+  const pushScrollTask = task => setScrollQueue(queue => [...queue, task]);
+  (0, _react.useEffect)(() => {
+    const task = popScrollTask();
     if (scrollQueue.length && task) {
       switch (task) {
-        case 'next':
+        case "next":
           scrollToNextItem();
           break;
-
-        case 'prev':
+        case "prev":
           scrollToPrevItem();
           break;
-
         default:
           break;
       }
     }
   }, [scrollQueue]);
-
-  var _useState15 = (0, _react.useState)(false),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      isScrollBlocked = _useState16[0],
-      setScrollBlocked = _useState16[1];
-
-  var getVisibleNavLineItems = function getVisibleNavLineItems() {
-    var wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
-    var wrapperInnerProps = wrapperInner.getBoundingClientRect();
-    return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(function (item) {
-      var ref = item.ref,
-          label = item.label;
-      var element = ref === null || ref === void 0 ? void 0 : ref.current;
+  const [isScrollBlocked, setScrollBlocked] = (0, _react.useState)(false);
+  const getVisibleNavLineItems = () => {
+    const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
+    const wrapperInnerProps = wrapperInner.getBoundingClientRect();
+    return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(item => {
+      const {
+        ref,
+        label
+      } = item;
+      const element = ref === null || ref === void 0 ? void 0 : ref.current;
       if (!element) return false;
-
-      var _element$getBoundingC = element.getBoundingClientRect(),
-          x = _element$getBoundingC.x;
-
+      const {
+        x
+      } = element.getBoundingClientRect();
       return x - wrapperInnerProps.x >= 0 && x - wrapperInnerProps.x <= wrapperRefWidth;
     });
   };
-
-  var getUnvisibleLeftSideNavLineItems = function getUnvisibleLeftSideNavLineItems() {
-    var wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
-    var wrapperInnerProps = wrapperInner.getBoundingClientRect();
-    return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(function (item) {
-      var ref = item.ref,
-          label = item.label;
-      var element = ref === null || ref === void 0 ? void 0 : ref.current;
+  const getUnvisibleLeftSideNavLineItems = () => {
+    const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
+    const wrapperInnerProps = wrapperInner.getBoundingClientRect();
+    return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(item => {
+      const {
+        ref,
+        label
+      } = item;
+      const element = ref === null || ref === void 0 ? void 0 : ref.current;
       if (!element) return false;
-
-      var _element$getBoundingC2 = element.getBoundingClientRect(),
-          x = _element$getBoundingC2.x;
-
+      const {
+        x
+      } = element.getBoundingClientRect();
       return x - wrapperInnerProps.x <= 0;
     });
   };
-
-  var scroll = function scroll() {
-    var offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  const scroll = function () {
+    let offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     if (isScrollBlocked) return false;
     setScrollBlocked(true);
-    var wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
-    var wrapperInnerProps = wrapperInner.getBoundingClientRect();
-    var leftOffset = wrapperInner.scrollLeft;
-    wrapperInner === null || wrapperInner === void 0 ? void 0 : wrapperInner.addEventListener('scroll', function () {
-      setTotalScrolledItems(function (state) {
-        return offset > 0 ? ++state : --state;
-      });
+    const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
+    const wrapperInnerProps = wrapperInner.getBoundingClientRect();
+    const leftOffset = wrapperInner.scrollLeft;
+    wrapperInner === null || wrapperInner === void 0 || wrapperInner.addEventListener("scroll", () => {
+      setTotalScrolledItems(state => offset > 0 ? ++state : --state);
       setScrollLeft(leftOffset + offset < 0 ? 0 : leftOffset + offset);
-      setTimeout(function () {
-        return setScrollBlocked(false);
-      }, 50);
+      setTimeout(() => setScrollBlocked(false), 50);
     }, {
       once: true
     });
-    wrapperInner === null || wrapperInner === void 0 ? void 0 : wrapperInner.scrollBy({
+    wrapperInner === null || wrapperInner === void 0 || wrapperInner.scrollBy({
       left: offset,
-      behavior: 'smooth'
+      behavior: "smooth"
     });
   };
+  const scrollToPrevItem = () => {
+    if (isScrollBlocked) return false;
 
-  var scrollToPrevItem = function scrollToPrevItem() {
-    if (isScrollBlocked) return false; // const wrapperInner = wrapperInnerRef?.current;
+    // const wrapperInner = wrapperInnerRef?.current;
     // const navLineUnvisibleItems = getUnvisibleLeftSideNavLineItems();
     // const [prevItem, secondPrevItem] = navLineUnvisibleItems.reverse();
     // const wrapperInnerProps = wrapperInner.getBoundingClientRect();
     // const prevItemProps = prevItem?.ref?.current?.getBoundingClientRect();
+
     // let scrollOffset = prevItemProps?.x - wrapperInnerProps?.x;
 
-    var scrollOffset = -100;
+    const scrollOffset = -100;
     scroll(scrollOffset);
   };
-
-  var scrollToNextItem = function scrollToNextItem() {
+  const scrollToNextItem = () => {
     // const wrapperInner = wrapperInnerRef?.current;
     // const navLineVisibleItems = getVisibleNavLineItems();
     // const [firstVisibleItem, secondVisibleItem] = navLineVisibleItems;
     // const wrapperInnerProps = wrapperInner.getBoundingClientRect();
     // const firstVisibleItemProps = firstVisibleItem?.ref?.current?.getBoundingClientRect();
     // const secondVisibleItemProps = secondVisibleItem?.ref?.current?.getBoundingClientRect();
+
     // const scrollOffset = secondVisibleItemProps.x-wrapperInnerProps.x;
-    var scrollOffset = 100;
+
+    const scrollOffset = 100;
     scroll(scrollOffset);
   };
-
-  var onWheel = function onWheel(e) {
+  const onWheel = e => {
     e.preventDefault();
     e.stopPropagation();
-    var deltaY = e.deltaY,
-        shiftKey = e.shiftKey;
-
+    const {
+      deltaY,
+      shiftKey
+    } = e;
     if (shiftKey) {
-      if (deltaY > 0) pushScrollTask('next');else pushScrollTask('prev');
+      if (deltaY > 0) pushScrollTask("next");else pushScrollTask("prev");
     }
   };
-
-  var onTabChange = function onTabChange(item) {
+  const onTabChange = item => {
     onChange(item.tabId);
   };
-
-  var navigateByKeys = function navigateByKeys(event) {
+  const navigateByKeys = event => {
     var _items, _items2;
-
-    var activeTabIndex = items === null || items === void 0 ? void 0 : items.indexOf(items === null || items === void 0 ? void 0 : items.find(function (tab) {
-      return tab.tabId === activeTab;
-    }));
-    var nextTabID = (_items = items[activeTabIndex + 1]) === null || _items === void 0 ? void 0 : _items.tabId;
-    var prevTabID = (_items2 = items[activeTabIndex - 1]) === null || _items2 === void 0 ? void 0 : _items2.tabId;
-
+    const activeTabIndex = items === null || items === void 0 ? void 0 : items.indexOf(items === null || items === void 0 ? void 0 : items.find(tab => tab.tabId === activeTab));
+    const nextTabID = (_items = items[activeTabIndex + 1]) === null || _items === void 0 ? void 0 : _items.tabId;
+    const prevTabID = (_items2 = items[activeTabIndex - 1]) === null || _items2 === void 0 ? void 0 : _items2.tabId;
     if (event.keyCode === _index.KEYBOARD_KEY_CODES.ARROW_RIGHT && !event.repeat && nextTabID) {
       onChange(nextTabID);
     } else if (event.keyCode === _index.KEYBOARD_KEY_CODES.ARROW_LEFT && !event.repeat && prevTabID) {
       onChange(prevTabID);
     }
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isNavigateByKeys && !isTabLoading) {
-      document.addEventListener('keydown', navigateByKeys);
-      return function () {
-        return document.removeEventListener('keydown', navigateByKeys);
-      };
+      document.addEventListener("keydown", navigateByKeys);
+      return () => document.removeEventListener("keydown", navigateByKeys);
     }
   }, [activeTab, isTabLoading]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     var _wrapperRef$current;
-
-    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.addEventListener('mousewheel', onWheel, {
+    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.addEventListener("mousewheel", onWheel, {
       passive: false
     });
-  }, [wrapperRef]); // Count Total NavLine Items Width
-
-  (0, _react.useEffect)(function () {
-    var _navLineItems$0$ref$c, _navLineItems$, _navLineItems$$ref, _navLineItems$$ref$cu;
+  }, [wrapperRef]);
 
-    setNavLineItemsTotalWidth(function () {
-      return navLineItems.reduce(function (totalWidth, item) {
+  // Count Total NavLine Items Width
+  (0, _react.useEffect)(() => {
+    var _navLineItems$0$ref$c, _navLineItems$;
+    setNavLineItemsTotalWidth(() => {
+      return navLineItems.reduce((totalWidth, item) => {
         var _item$ref;
-
-        var element = item === null || item === void 0 ? void 0 : (_item$ref = item.ref) === null || _item$ref === void 0 ? void 0 : _item$ref.current;
-
+        const element = item === null || item === void 0 || (_item$ref = item.ref) === null || _item$ref === void 0 ? void 0 : _item$ref.current;
         if (element) {
-          var _element$getBoundingC3;
-
-          totalWidth += element === null || element === void 0 ? void 0 : (_element$getBoundingC3 = element.getBoundingClientRect()) === null || _element$getBoundingC3 === void 0 ? void 0 : _element$getBoundingC3.width;
+          var _element$getBoundingC;
+          totalWidth += element === null || element === void 0 || (_element$getBoundingC = element.getBoundingClientRect()) === null || _element$getBoundingC === void 0 ? void 0 : _element$getBoundingC.width;
         }
-
         return totalWidth;
       }, 0);
     });
-    setNavLineFirstItemOffset((_navLineItems$0$ref$c = (_navLineItems$ = navLineItems[0]) === null || _navLineItems$ === void 0 ? void 0 : (_navLineItems$$ref = _navLineItems$.ref) === null || _navLineItems$$ref === void 0 ? void 0 : (_navLineItems$$ref$cu = _navLineItems$$ref.current) === null || _navLineItems$$ref$cu === void 0 ? void 0 : _navLineItems$$ref$cu.getBoundingClientRect().x) !== null && _navLineItems$0$ref$c !== void 0 ? _navLineItems$0$ref$c : 0);
-  }, [navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.length]); // Count Wrapper Width
-
-  (0, _react.useEffect)(function () {
-    var _wrapperRef$current$g, _wrapperRef$current2, _wrapperRef$current2$;
-
-    setWrapperRefWidth((_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : (_wrapperRef$current2$ = _wrapperRef$current2.getBoundingClientRect()) === null || _wrapperRef$current2$ === void 0 ? void 0 : _wrapperRef$current2$.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : 0);
-  }, [wrapperRef]); //Init NavLine Items
-
-  (0, _react.useEffect)(function () {
-    setNavLineItems(items.map(function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
+    setNavLineFirstItemOffset((_navLineItems$0$ref$c = (_navLineItems$ = navLineItems[0]) === null || _navLineItems$ === void 0 || (_navLineItems$ = _navLineItems$.ref) === null || _navLineItems$ === void 0 || (_navLineItems$ = _navLineItems$.current) === null || _navLineItems$ === void 0 ? void 0 : _navLineItems$.getBoundingClientRect().x) !== null && _navLineItems$0$ref$c !== void 0 ? _navLineItems$0$ref$c : 0);
+  }, [navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.length]);
+
+  // Count Wrapper Width
+  (0, _react.useEffect)(() => {
+    var _wrapperRef$current$g, _wrapperRef$current2;
+    setWrapperRefWidth((_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 || (_wrapperRef$current2 = _wrapperRef$current2.getBoundingClientRect()) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : 0);
+  }, [wrapperRef]);
+
+  //Init NavLine Items
+  (0, _react.useEffect)(() => {
+    setNavLineItems(items.map(item => {
+      return {
+        ...item,
         ref: /*#__PURE__*/(0, _react.createRef)()
-      });
+      };
     }));
   }, [items]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)({
-      'nav-line': !variant
+      "nav-line": !variant
     }, {
-      'nav-line--simple': variant === 'simple'
+      "nav-line--simple": variant === "simple"
     }, {
-      'nav-line--scroll-mode': scrollMode
+      "nav-line--scroll-mode": scrollMode
     }, className),
     ref: scrollMode ? wrapperRef : null
   }, scrollMode && (totalScrolledItems > 0 || scrollLeft > 0) && /*#__PURE__*/_react.default.createElement("div", {
     className: "nav-line--simple__arrow nav-line--simple__arrow--prev",
     onClick: scrollToPrevItem
   }, /*#__PURE__*/_react.default.createElement(Icons.ChevronLeft, null)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(variant === 'simple' ? 'nav-line--simple__inner' : 'nav-line__inner'),
+    className: "".concat(variant === "simple" ? "nav-line--simple__inner" : "nav-line__inner"),
     ref: scrollMode ? wrapperInnerRef : null
-  }, navLineItems.map(function (item) {
-    var ref = item.ref;
-    var Icon = Icons[item === null || item === void 0 ? void 0 : item.icon];
+  }, navLineItems.map(item => {
+    const {
+      ref
+    } = item;
+    const Icon = Icons[item === null || item === void 0 ? void 0 : item.icon];
     return isLocal ? /*#__PURE__*/_react.default.createElement("span", {
-      onClick: function onClick() {
-        return onTabChange(item);
-      },
+      onClick: () => onTabChange(item),
       key: "tab__".concat(item.tabId),
       className: (0, _classnames.default)({
-        'nav-line__item': !variant
+        "nav-line__item": !variant
       }, {
-        'nav-line--simple__item': variant === 'simple'
+        "nav-line--simple__item": variant === "simple"
       }, {
         active: activeTab === item.tabId
       }, {
-        disabled: item.disabled || mode === 'create' && item.tabId !== 'general'
+        disabled: item.disabled || mode === "create" && item.tabId !== "general"
       }, {
-        'nav-line__item--hidden': item.isHidden
+        "nav-line__item--hidden": item.isHidden
       }),
       ref: checkedRef(ref)
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -339,7 +250,7 @@ var NavLine = function NavLine(_ref) {
       className: "nav-line__item--icon"
     }, /*#__PURE__*/_react.default.createElement(Icon, null)), /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)({
-        'nav-line__item--label': variant !== 'simple'
+        "nav-line__item--label": variant !== "simple"
       })
     }, item.label), item.count !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
       className: "nav-line--count ml5"
@@ -347,15 +258,15 @@ var NavLine = function NavLine(_ref) {
       to: "".concat(root).concat(item.tabId, "/"),
       key: "tab__".concat(item.tabId),
       className: (0, _classnames.default)({
-        'nav-line__item': !variant
+        "nav-line__item": !variant
       }, {
-        'nav-line--simple__item': variant === 'simple'
+        "nav-line--simple__item": variant === "simple"
       }, {
         active: activeTab === item.tabId
       }, {
-        disabled: item.disabled || mode === 'create' && item.tabId !== 'general'
+        disabled: item.disabled || mode === "create" && item.tabId !== "general"
       }, {
-        'nav-line__item--hidden': item.isHidden
+        "nav-line__item--hidden": item.isHidden
       }),
       ref: checkedRef(ref)
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -364,7 +275,7 @@ var NavLine = function NavLine(_ref) {
       className: "nav-line__item--icon"
     }, /*#__PURE__*/_react.default.createElement(Icon, null)), /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)({
-        'nav-line__item--label': variant !== 'simple'
+        "nav-line__item--label": variant !== "simple"
       })
     }, item.label), item.count !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
       className: "nav-line--count ml5"
@@ -376,6 +287,4 @@ var NavLine = function NavLine(_ref) {
     className: "nav-line__body"
   }, children));
 };
-
-var _default = NavLine;
-exports.default = _default;
+var _default = exports.default = NavLine;