@bigbinary/neeto-tags-frontend 1.5.9 → 1.5.11

package/dist/index.cjs.js

@@ -15,13 +15,13 @@ var classNames = require('classnames');
 var Metadata = require('@bigbinary/neeto-molecules/Metadata');
 var reactRouterDom = require('react-router-dom');
 var Container$1 = require('@bigbinary/neeto-molecules/Container');
-var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
-var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var reactQuery = require('react-query');
 var axios = require('axios');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var formik = require('@bigbinary/neetoui/formik');
 var yup = require('yup');
+var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
+var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var devtools = require('react-query/devtools');
 
@@ -49,11 +49,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var Metadata__default = /*#__PURE__*/_interopDefaultLegacy(Metadata);
 var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container$1);
-var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
-var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
+var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
 
 function _extends() {
@@ -182,6 +182,7 @@ var TitleActionBlock = function TitleActionBlock(_ref) {
   var isDisabled = _ref.isDisabled,
     setIsTagsDropdownVisible = _ref.setIsTagsDropdownVisible;
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": "neeto-tags-add-tag-button",
     disabled: isDisabled,
     icon: neetoIcons.Settings,
     size: "15",
@@ -832,8 +833,68 @@ var renderColumnData = function renderColumnData(handleEdit, handleDelete) {
   }].concat(_toConsumableArray(columns));
 };
 
+var Table = function Table(_ref) {
+  var _data$tags;
+  var data = _ref.data,
+    handleDelete = _ref.handleDelete,
+    handleEdit = _ref.handleEdit,
+    isLoading = _ref.isLoading,
+    onTagRowClick = _ref.onTagRowClick,
+    page = _ref.page,
+    primaryButtonProps = _ref.primaryButtonProps,
+    setPage = _ref.setPage,
+    tagType = _ref.tagType;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  if (!isLoading && !(data !== null && data !== void 0 && (_data$tags = data.tags) !== null && _data$tags !== void 0 && _data$tags.length)) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ntm-empty-state",
+      "data-cy": "empty-state-container"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
+      primaryButtonProps: primaryButtonProps,
+      title: t("neetoTags.title.noTagsToShow")
+    }));
+  }
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, neetoCist.isNotEmpty(data === null || data === void 0 ? void 0 : data.totalCount) && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
+    leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      className: "neeto-ui-gray-800",
+      "data-cy": "neeto-tags-filtered-tags-count-text",
+      style: "h4",
+      weight: "semibold"
+    }, t("neetoTags.helper.tagWithCount", {
+      count: (data === null || data === void 0 ? void 0 : data.totalCount) || 0,
+      type: (tagType === null || tagType === void 0 ? void 0 : tagType.label) || ""
+    }))
+  }), /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
+    hasPagination: (data === null || data === void 0 ? void 0 : data.totalCount) > constants.DEFAULT_PAGE_SIZE
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
+    fixedHeight: true,
+    allowRowClick: !!onTagRowClick,
+    currentPageNumber: page,
+    defaultPageSize: constants.DEFAULT_PAGE_SIZE,
+    handlePageChange: setPage,
+    loading: isLoading,
+    paginationProps: {
+      showSizeChanger: false
+    },
+    rowData: data === null || data === void 0 ? void 0 : data.tags,
+    rowSelection: false,
+    scroll: {
+      x: "100%"
+    },
+    totalCount: data === null || data === void 0 ? void 0 : data.totalCount,
+    columnData: renderColumnData(handleEdit, handleDelete, tagType.columns),
+    onRowClick: function onRowClick(event, record, rowIndex) {
+      return onTagRowClick({
+        event: event,
+        tag: record,
+        rowIndex: rowIndex
+      });
+    }
+  })));
+};
+
 var Dashboard = function Dashboard(_ref) {
-  var _data$tags2, _tagType$label;
   var breadcrumbs = _ref.breadcrumbs,
     createTags = _ref.createTags,
     deleteTags = _ref.deleteTags,
@@ -941,49 +1002,17 @@ var Dashboard = function Dashboard(_ref) {
     setTagType: setTagType,
     tagType: tagType,
     tagTypes: tagTypes
-  }), !isLoading && !(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"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
+  }), /*#__PURE__*/React__default["default"].createElement(Table, {
+    data: data,
+    handleDelete: handleDelete,
+    handleEdit: handleEdit,
+    isLoading: isLoading,
+    onTagRowClick: onTagRowClick,
+    page: page,
     primaryButtonProps: primaryButtonProps,
-    title: t("neetoTags.title.noTagsToShow")
-  })) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
-    leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      className: "neeto-ui-gray-800",
-      "data-cy": "neeto-tags-filtered-tags-count-text",
-      style: "h4",
-      weight: "semibold"
-    }, t("neetoTags.helper.tagWithCount", {
-      count: data === null || data === void 0 ? void 0 : data.totalCount,
-      type: (_tagType$label = tagType.label) === null || _tagType$label === void 0 ? void 0 : _tagType$label.toLowerCase()
-    }))
-  }), /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
-    hasPagination: (data === null || data === void 0 ? void 0 : data.totalCount) > constants.DEFAULT_PAGE_SIZE
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
-    fixedHeight: true,
-    allowRowClick: !!onTagRowClick,
-    currentPageNumber: page,
-    defaultPageSize: constants.DEFAULT_PAGE_SIZE,
-    handlePageChange: setPage,
-    loading: isLoading,
-    paginationProps: {
-      showSizeChanger: false
-    },
-    rowData: data === null || data === void 0 ? void 0 : data.tags,
-    rowSelection: false,
-    scroll: {
-      x: "100%"
-    },
-    totalCount: data === null || data === void 0 ? void 0 : data.totalCount,
-    columnData: renderColumnData(handleEdit, handleDelete, tagType.columns),
-    onRowClick: function onRowClick(event, record, rowIndex) {
-      return onTagRowClick({
-        event: event,
-        tag: record,
-        rowIndex: rowIndex
-      });
-    }
-  })))), /*#__PURE__*/React__default["default"].createElement(ManageTags, {
+    setPage: setPage,
+    tagType: tagType
+  })), /*#__PURE__*/React__default["default"].createElement(ManageTags, {
     createTags: createTags,
     tagType: tagType,
     updateTags: updateTags,