@bigbinary/neeto-message-templates-frontend 0.5.1 → 0.5.3

package/dist/index.js

@@ -5,7 +5,7 @@ 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 { isEmpty, equals, prop, includes, pick, omit, assoc, mergeAll, pluck, whereAny, reject, pipe, toPairs, map, zipObj, values, fromPairs, modify } from 'ramda';
+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';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
@@ -3224,12 +3224,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 +3348,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"),
@@ -3821,25 +3821,13 @@ var rejectEmptyKeyValuePairs = reject(whereAny({
   value: isEmpty
 }));
 
-/*
-  Usage of transformAdditionalDataToKeyValuePairs:
-  { a: 'val1', b: 'val2' } -> [{ key: 'a', value: 'val1' }, { key: 'b', value: 'val2' }]
-*/
-var transformAdditionalDataToKeyValuePairs = pipe(toPairs, map(zipObj(["key", "value"])));
-
-/*
-  Usage of buildAdditionalDataFromKeyValuePairs:
-  [{ key: 'a', value: 'val1' }, { key: 'b', value: 'val2' }] -> { a: 'val1', b: 'val2' }
-*/
-var buildAdditionalDataFromKeyValuePairs = pipe(rejectEmptyKeyValuePairs, map(values), fromPairs);
-
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buildApiTemplatePayload = function buildApiTemplatePayload(values) {
   return {
     entity: {
       endpoint: values.endpoint,
-      additionalData: buildAdditionalDataFromKeyValuePairs(values.additionalData)
+      additionalData: rejectEmptyKeyValuePairs(values.additionalData)
     },
     templateType: API_TEMPLATE_TYPE,
     name: values.name
@@ -3895,7 +3883,7 @@ var buildTableColumnData = function buildTableColumnData(_ref) {
 };
 var buildApiTemplateInitialValues = function buildApiTemplateInitialValues(isEdit, apiTemplate) {
   if (!isEdit) return API_TEMPLATE_INITIAL_VALUES;
-  var additionalData = isEmpty(apiTemplate.additionalData) ? [ADDITIONAL_DATA_INITIAL_VALUE] : transformAdditionalDataToKeyValuePairs(apiTemplate.additionalData);
+  var additionalData = isEmpty(apiTemplate.additionalData) ? [ADDITIONAL_DATA_INITIAL_VALUE] : apiTemplate.additionalData;
   return _objectSpread$1(_objectSpread$1({}, pick(["name", "endpoint"], apiTemplate)), {}, {
     additionalData: additionalData
   });
@@ -4062,6 +4050,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"),
@@ -4095,6 +4084,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) {
@@ -4165,7 +4155,7 @@ var SEND_TO_API_FORM_VALIDATION_SCHEMA = yup.object({
 
 var buildSendToApiFormInitialValues = function buildSendToApiFormInitialValues(template) {
   if (isEmpty(template)) return SEND_TO_API_FORM_INITIAL_VALUES;
-  var additionalData = isEmpty(template.additionalData) ? [ADDITIONAL_DATA_INITIAL_VALUE] : transformAdditionalDataToKeyValuePairs(template.additionalData);
+  var additionalData = isEmpty(template.additionalData) ? [ADDITIONAL_DATA_INITIAL_VALUE] : template.additionalData;
   return {
     endpoint: template.endpoint,
     additionalData: additionalData
@@ -4209,7 +4199,7 @@ var SendToApiForm = function SendToApiForm(_ref) {
     templates = _useFetchTemplates$da3 === void 0 ? [] : _useFetchTemplates$da3,
     isLoadingTemplates = _useFetchTemplates.isLoading;
   var handleSubmit = function handleSubmit(formValues) {
-    var additionalDataModifiedFormValues = modify("additionalData", buildAdditionalDataFromKeyValuePairs, formValues);
+    var additionalDataModifiedFormValues = modify("additionalData", rejectEmptyKeyValuePairs, formValues);
     onSubmit(additionalDataModifiedFormValues);
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {