@bigbinary/neeto-tags-frontend 1.1.6 → 1.1.7

package/dist/index.cjs.js

@@ -12,7 +12,6 @@ var reactRouterDom = require('react-router-dom');
 var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Container = require('@bigbinary/neeto-molecules/Container');
-var Header = require('@bigbinary/neeto-molecules/Header');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
 var reactQuery = require('react-query');
@@ -20,6 +19,7 @@ var axios = require('axios');
 var classNames = require('classnames');
 var i18next = require('i18next');
 var yup = require('yup');
+var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var formik = require('@bigbinary/neetoui/formik');
 var devtools = require('react-query/devtools');
 
@@ -46,12 +46,12 @@ function _interopNamespace(e) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
 var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
-var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
 var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -338,13 +338,13 @@ var queryClient = new reactQuery.QueryClient({
 var TAG_KEY = "tag-key";
 var STALE_TIME = 3200000;
 
-function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFetchTags = function useFetchTags(params) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return reactQuery.useQuery([TAG_KEY, Object.values(params)], function () {
     return tagsApi.fetch(params);
-  }, _objectSpread$4({
+  }, _objectSpread$5({
     staleTime: STALE_TIME,
     select: function select(response) {
       return response.data || response;
@@ -437,6 +437,69 @@ var TAGS_FORMIK_PROPS = {
   validationSchema: TAG_SCHEMA
 };
 
+function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Header = function Header(_ref) {
+  var breadcrumbs = _ref.breadcrumbs,
+    _ref$handleMenuToggle = _ref.handleMenuToggle,
+    handleMenuToggle = _ref$handleMenuToggle === void 0 ? pure.noop : _ref$handleMenuToggle,
+    _ref$displayMenu = _ref.displayMenu,
+    displayMenu = _ref$displayMenu === void 0 ? false : _ref$displayMenu,
+    _ref$tagsMergable = _ref.tagsMergable,
+    tagsMergable = _ref$tagsMergable === void 0 ? false : _ref$tagsMergable,
+    setPaneType = _ref.setPaneType,
+    setSelectedTag = _ref.setSelectedTag,
+    _ref$tagType = _ref.tagType,
+    tagType = _ref$tagType === void 0 ? {} : _ref$tagType,
+    _ref$searchTerm = _ref.searchTerm,
+    searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm,
+    setSearchTerm = _ref.setSearchTerm,
+    _ref$goToFirstPage = _ref.goToFirstPage,
+    goToFirstPage = _ref$goToFirstPage === void 0 ? pure.noop : _ref$goToFirstPage,
+    _ref$tagsPath = _ref.tagsPath,
+    tagsPath = _ref$tagsPath === void 0 ? "" : _ref$tagsPath,
+    data = _ref.data;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var history = reactRouterDom.useHistory();
+  var ActionBlock = function ActionBlock() {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, tagsMergable && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      "data-cy": "neeto-tags-merge-tags-button",
+      disabled: (data === null || data === void 0 ? void 0 : data.tags.length) < PLURAL.count,
+      label: t("neetoTags.common.mergeTag", PLURAL),
+      style: "secondary",
+      onClick: reactUtils.handleMetaClick(history, "".concat(tagsPath, "/merge"))
+    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      "data-cy": "add-new-tag-button",
+      label: t("neetoTags.common.addNewTag", SINGULAR),
+      onClick: function onClick() {
+        setSelectedTag(null);
+        setPaneType(PANE_TYPES.CREATE);
+      }
+    }));
+  };
+  return /*#__PURE__*/React__default["default"].createElement(NeetoHeader__default["default"], {
+    actionBlock: /*#__PURE__*/React__default["default"].createElement(ActionBlock, null),
+    breadcrumbs: breadcrumbs,
+    menuBarToggle: displayMenu && handleMenuToggle,
+    searchProps: {
+      "data-cy": "neeto-tags-search-text-input-field",
+      value: searchTerm,
+      onChange: function onChange(_ref2) {
+        var value = _ref2.target.value;
+        value.trim() && goToFirstPage();
+        setSearchTerm(value);
+      },
+      placeholder: t("neetoTags.placeholder.searchTags")
+    }
+    // eslint-disable-next-line @bigbinary/neeto/no-missing-localization
+    ,
+    title: t("neetoTags.helper.tagWithType", _objectSpread$4(_objectSpread$4({}, PLURAL), {}, {
+      type: tagType.label
+    }))
+  });
+};
+
 var useTagsForm = function useTagsForm(_ref) {
   var createTags = _ref.createTags,
     goToFirstPage = _ref.goToFirstPage,
@@ -671,18 +734,12 @@ var Dashboard = function Dashboard(_ref) {
     isLoading = _useFetchTags.isLoading;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var history = reactRouterDom.useHistory();
   var primaryButtonProps = _objectSpread$2(_objectSpread$2({}, NO_DATA_PRIMARY_BUTTON_PROPS$1), {}, {
     onClick: function onClick() {
       setSelectedTag(null);
       setPaneType(PANE_TYPES.CREATE);
     }
   });
-  var goToFirstPage = function goToFirstPage() {
-    if (pageIndex !== DEFAULT_PAGE_INDEX) {
-      setPageIndex(DEFAULT_PAGE_INDEX);
-    }
-  };
   var handleEdit = function handleEdit(tag) {
     setSelectedTag(tag);
     setPaneType(PANE_TYPES.EDIT);
@@ -731,36 +788,21 @@ var Dashboard = function Dashboard(_ref) {
       className: "neeto-ui-w-full neeto-ui-h-screen"
     }, /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null));
   }
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Header, {
     breadcrumbs: breadcrumbs,
-    menuBarToggle: displayMenu ? handleMenuToggle : null,
-    actionBlock: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, tagsMergable && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      "data-cy": "neeto-tags-merge-tags-button",
-      disabled: (data === null || data === void 0 ? void 0 : data.tags.length) < PLURAL.count,
-      label: t("neetoTags.common.mergeTag", PLURAL),
-      style: "secondary",
-      onClick: reactUtils.handleMetaClick(history, "".concat(tagsPath, "/merge"))
-    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      "data-cy": "add-new-tag-button",
-      label: t("neetoTags.common.addNewTag", SINGULAR),
-      onClick: function onClick() {
-        setSelectedTag(null);
-        setPaneType(PANE_TYPES.CREATE);
-      }
-    })),
-    searchProps: {
-      "data-cy": "neeto-tags-search-text-input-field",
-      value: searchTerm,
-      onChange: function onChange(_ref3) {
-        var value = _ref3.target.value;
-        value.trim() && goToFirstPage();
-        setSearchTerm(value);
-      },
-      placeholder: t("neetoTags.placeholder.searchTags")
+    data: data,
+    displayMenu: displayMenu,
+    goToFirstPage: function goToFirstPage() {
+      return setPageIndex(DEFAULT_PAGE_INDEX);
     },
-    title: t("neetoTags.helper.tagWithType", _objectSpread$2(_objectSpread$2({}, PLURAL), {}, {
-      type: tagType.label
-    }))
+    handleMenuToggle: handleMenuToggle,
+    searchTerm: searchTerm,
+    setPaneType: setPaneType,
+    setSearchTerm: setSearchTerm,
+    setSelectedTag: setSelectedTag,
+    tagType: tagType,
+    tagsMergable: tagsMergable,
+    tagsPath: tagsPath
   }), !(data !== null && data !== void 0 && (_data$tags2 = data.tags) !== null && _data$tags2 !== void 0 && _data$tags2.length) ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-empty-state",
     "data-cy": "empty-state-container"
@@ -804,7 +846,9 @@ var Dashboard = function Dashboard(_ref) {
     }
   })))), /*#__PURE__*/React__default["default"].createElement(ManageTags, {
     createTags: createTags,
-    goToFirstPage: goToFirstPage,
+    goToFirstPage: function goToFirstPage() {
+      return setPageIndex(DEFAULT_PAGE_INDEX);
+    },
     tag: selectedTag,
     tagType: tagType,
     type: paneType,
@@ -1585,7 +1629,7 @@ var Merge = function Merge(_ref) {
     className: "neeto-ui-w-full"
   }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
     isHeaderFixed: true
-  }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
+  }, /*#__PURE__*/React__default["default"].createElement(NeetoHeader__default["default"], {
     breadcrumbs: updatedBreadcrumbs,
     menuBarToggle: displayMenu ? handleMenuToggle : null,
     title: t("neetoTags.common.mergeTag", PLURAL),