@bigbinary/neeto-message-templates-frontend 0.5.2 → 0.5.4

package/dist/index.js

@@ -4,7 +4,7 @@ import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
 import Container from '@bigbinary/neeto-molecules/Container';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
 import SubHeader from '@bigbinary/neeto-molecules/SubHeader';
-import { Typography, Button, Pane, Table, NoData, Alert, Select, Textarea, Label } from '@bigbinary/neetoui';
+import { Button, Typography, Pane, Table, NoData, Alert, Select, Textarea, Label } from '@bigbinary/neetoui';
 import { isEmpty, equals, prop, includes, pick, omit, assoc, mergeAll, pluck, whereAny, reject, modify } from 'ramda';
 import { t } from 'i18next';
 import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from '@bigbinary/neeto-commons-frontend/constants';
@@ -2263,8 +2263,8 @@ var QUERY_KEYS = {
   NEETO_MESSAGE_TEMPLATES: "neeto-message-templates"
 };
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ownerIdValue = function ownerIdValue(ownerId) {
   return isEmpty(ownerId) ? undefined : ownerId;
 };
@@ -2279,7 +2279,7 @@ var useCreateTemplate = function useCreateTemplate(ownerId, options) {
       messageTemplate: messageTemplate,
       ownerId: ownerIdValue(ownerId)
     });
-  }, _objectSpread$6({
+  }, _objectSpread$7({
     keysToInvalidate: [QUERY_KEYS.NEETO_MESSAGE_TEMPLATES]
   }, options));
 };
@@ -2346,8 +2346,8 @@ var getMenuItems = function getMenuItems(_ref) {
   }];
 };
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RowActions = function RowActions(_ref) {
   var template = _ref.template,
     setManageTemplatePane = _ref.setManageTemplatePane,
@@ -2358,14 +2358,14 @@ var RowActions = function RowActions(_ref) {
     id = template.id;
   var templateType = useTemplateStore(prop("templateType"));
   var handleEditTemplate = function handleEditTemplate() {
-    return setManageTemplatePane(_objectSpread$5(_objectSpread$5({}, MESSAGE_TEMPLATE_INITIAL_STATE), {}, {
+    return setManageTemplatePane(_objectSpread$6(_objectSpread$6({}, MESSAGE_TEMPLATE_INITIAL_STATE), {}, {
       isOpen: true,
       isEdit: true,
       template: template
     }));
   };
   var handleDeleteTemplate = function handleDeleteTemplate() {
-    return setManageTemplatePane(_objectSpread$5(_objectSpread$5({}, MESSAGE_TEMPLATE_INITIAL_STATE), {}, {
+    return setManageTemplatePane(_objectSpread$6(_objectSpread$6({}, MESSAGE_TEMPLATE_INITIAL_STATE), {}, {
       isDelete: true,
       template: template
     }));
@@ -2396,6 +2396,15 @@ var RowActions = function RowActions(_ref) {
   });
 };
 
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var handleEditTemplate = function handleEditTemplate(setManageTemplatePane, template) {
+  return setManageTemplatePane(_objectSpread$5(_objectSpread$5({}, MESSAGE_TEMPLATE_INITIAL_STATE), {}, {
+    isOpen: true,
+    isEdit: true,
+    template: template
+  }));
+};
 var renderSearchProps = function renderSearchProps(label, value) {
   return {
     placeholder: t("neetoMessageTemplate.template.search", {
@@ -2415,9 +2424,13 @@ var buildTableColumnData$1 = function buildTableColumnData(setManageTemplatePane
     render: function render(name, template) {
       return /*#__PURE__*/React.createElement("div", {
         className: "flex items-center justify-between gap-x-3"
-      }, /*#__PURE__*/React.createElement(Typography, {
-        style: "body2"
-      }, name), /*#__PURE__*/React.createElement(RowActions, {
+      }, /*#__PURE__*/React.createElement(Button, {
+        label: name,
+        style: "link",
+        onClick: function onClick() {
+          return handleEditTemplate(setManageTemplatePane, template);
+        }
+      }), /*#__PURE__*/React.createElement(RowActions, {
         ownerId: ownerId,
         setManageTemplatePane: setManageTemplatePane,
         template: template
@@ -3224,12 +3237,11 @@ var List = function List(_ref) {
       }
     });
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "w-full flex-grow"
-  }, !isEmpty(templates) ? /*#__PURE__*/React.createElement(TableWrapper, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !isEmpty(templates) ? /*#__PURE__*/React.createElement(TableWrapper, {
     hasPagination: totalCount > pageSize
   }, /*#__PURE__*/React.createElement(Table, {
     totalCount: totalCount,
+    fixedHeight: true,
     columnData: buildTableColumnData$1(setManageTemplatePane, ownerId),
     currentPageNumber: pageIndex,
     defaultPageSize: pageSize,
@@ -3349,6 +3361,7 @@ var MessageTemplates = function MessageTemplates(_ref) {
   return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(NeetoHeader, {
     breadcrumbs: breadcrumbs,
     searchProps: renderSearchProps(label, value),
+    size: "small",
     title: label,
     actionBlock: /*#__PURE__*/React.createElement(Button, {
       "data-cy": "add-".concat(hyphenate(value), "-button"),
@@ -3844,9 +3857,13 @@ var buildTableColumnData = function buildTableColumnData(_ref) {
     render: function render(name, apiTemplate) {
       return /*#__PURE__*/React.createElement("div", {
         className: "flex items-center justify-between gap-x-3"
-      }, /*#__PURE__*/React.createElement(Typography, {
-        style: "body2"
-      }, name), /*#__PURE__*/React.createElement(MoreDropdown, {
+      }, /*#__PURE__*/React.createElement(Button, {
+        label: name,
+        style: "link",
+        onClick: function onClick() {
+          return handleOpenEditPane(apiTemplate);
+        }
+      }), /*#__PURE__*/React.createElement(MoreDropdown, {
         dropdownProps: {
           strategy: "fixed"
         },
@@ -3925,7 +3942,7 @@ var Form = function Form(_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {
     style: "h2",
     weight: "semibold"
-  }, t("neetoMessageTemplate.api.addApiTemplate"))), /*#__PURE__*/React.createElement(Form$2, {
+  }, isEdit ? t("neetoMessageTemplate.api.editApiTemplate") : t("neetoMessageTemplate.api.addApiTemplate"))), /*#__PURE__*/React.createElement(Form$2, {
     formikProps: {
       initialValues: buildApiTemplateInitialValues(isEdit, selectedApiTemplate),
       validationSchema: API_TEMPLATE_FORM_VALIDATION_SCHEMA,
@@ -4050,6 +4067,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
   };
   return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(NeetoHeader, {
     breadcrumbs: breadcrumbs,
+    size: "small",
     title: t("neetoMessageTemplate.template.apiTemplates"),
     actionBlock: /*#__PURE__*/React.createElement(Button, {
       label: t("neetoMessageTemplate.api.addApiTemplate"),
@@ -4083,6 +4101,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
     hasPagination: totalCount > pageParams.size
   }, /*#__PURE__*/React.createElement(Table, {
     totalCount: totalCount,
+    fixedHeight: true,
     currentPageNumber: pageParams.index,
     defaultPageSize: pageParams.size,
     handlePageChange: function handlePageChange(index, size) {
@@ -4093,6 +4112,9 @@ var ApiTemplates = function ApiTemplates(_ref) {
     },
     loading: isLoading || isFetching,
     rowData: templates,
+    scroll: {
+      x: "100%"
+    },
     columnData: buildTableColumnData({
       handleMarkAsActiveOrInactive: handleMarkAsActiveOrInactive,
       handleOpenDeleteAlert: handleOpenDeleteAlert,