@bigbinary/neeto-fields-frontend 1.3.18 → 1.3.20

package/dist/index.js

@@ -1,14 +1,14 @@
 import React, { useEffect, useRef, useState, useMemo, useLayoutEffect, useCallback, createContext, memo, useReducer, useContext } from 'react';
 import { useFuncDebounce, useOnClickOutside, withT, useMutationWithInvalidation, useQueryParams, handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { Checkbox as Checkbox$1, TimePicker, DatePicker, Select, Input, Textarea, Typography, Pane, Label, Button as Button$1, Tab, Alert, NoData, Table, Spinner } from '@bigbinary/neetoui';
+import { Checkbox as Checkbox$1, TimePicker, DatePicker, Input, Select as Select$1, Textarea, Typography, Pane, Label, Button as Button$1, Tab, Alert, NoData, Table, Spinner } from '@bigbinary/neetoui';
 import { isNotEmpty, renameKeys, capitalize, findBy, noop as noop$1, filterBy, toLabelAndValue, slugify, humanize, countBy } from '@bigbinary/neeto-cist';
 import { values, isNotNil, isNil, isEmpty, prop, pluck, clone, pipe, mergeAll, omit, map, pick, assoc, not, any, head } from 'ramda';
 import { useFormikContext, useField, FieldArray } from 'formik';
 import { t } from 'i18next';
 import * as yup from 'yup';
+import { Select, Button, ActionBlock as ActionBlock$1, Input as Input$1, Switch, Form } from '@bigbinary/neetoui/formik';
 import { joinHyphenCase, buildUrl, getQueryParams, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
 import { Check, Delete, Info, Reorder } from '@bigbinary/neeto-icons';
-import { Button, ActionBlock as ActionBlock$1, Input as Input$1, Select as Select$1, Switch, Form } from '@bigbinary/neetoui/formik';
 import { useTranslation, Trans } from 'react-i18next';
 import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import Container from '@bigbinary/neeto-molecules/Container';
@@ -1044,7 +1044,7 @@ var SingleOption = function SingleOption(props) {
   var _useFormikFields = useFormikFields(props),
     handleSubmit = _useFormikFields.handleSubmit,
     fieldProps = _useFormikFields.fieldProps;
-  return /*#__PURE__*/React.createElement(Select, _extends({
+  return /*#__PURE__*/React.createElement(Select$1, _extends({
     isClearable: true,
     isSearchable: true,
     strategy: "fixed"
@@ -1722,7 +1722,7 @@ var FieldForm = function FieldForm(_ref) {
     name: "name",
     placeholder: t("neetoFields.placeholders.enterFieldName"),
     ref: initialFocusField
-  }), /*#__PURE__*/React.createElement(Select$1, {
+  }), /*#__PURE__*/React.createElement(Select, {
     isSearchable: true,
     isDisabled: isSystem,
     label: t("neetoFields.labels.fieldKind"),
@@ -2506,29 +2506,31 @@ var renderMenuBarItems = function renderMenuBarItems(_ref3) {
       });
     });
   }
-  return items.length > 1 && items.map(function (item) {
-    var label = nameAliases[item] || humanize(item);
+  return items.length > 1 && items.map(function (_ref4) {
+    var label = _ref4.label,
+      value = _ref4.value;
+    var itemLabel = nameAliases[label] || humanize(label);
     return /*#__PURE__*/React.createElement(MenuBar.Item, {
-      label: label,
-      active: selectedMenu === item,
-      "data-cy": "neeto-fields-".concat(slugify(label), "-menu-item"),
-      key: item,
+      active: selectedMenu === value,
+      "data-cy": "neeto-fields-".concat(slugify(itemLabel), "-menu-item"),
+      key: label,
+      label: itemLabel,
       description: t("neetoFields.messages.manageTitleForResource", {
         title: title,
-        resource: humanize(item).toLocaleLowerCase()
+        resource: itemLabel.toLocaleLowerCase()
       }),
       onClick: handleBlockClick({
-        resource: item
+        resource: value
       })
     });
   });
 };
-var renderStateFilterTabs = function renderStateFilterTabs(_ref4) {
-  var selectedState = _ref4.selectedState,
-    fieldStatesTaxonomy = _ref4.fieldStatesTaxonomy,
-    activeFieldsCount = _ref4.activeFieldsCount,
-    inactiveFieldsCount = _ref4.inactiveFieldsCount,
-    handleBlockClick = _ref4.handleBlockClick;
+var renderStateFilterTabs = function renderStateFilterTabs(_ref5) {
+  var selectedState = _ref5.selectedState,
+    fieldStatesTaxonomy = _ref5.fieldStatesTaxonomy,
+    activeFieldsCount = _ref5.activeFieldsCount,
+    inactiveFieldsCount = _ref5.inactiveFieldsCount,
+    handleBlockClick = _ref5.handleBlockClick;
   return /*#__PURE__*/React.createElement(Tab, {
     className: "mb-4"
   }, /*#__PURE__*/React.createElement(Tab.Item, {
@@ -2545,23 +2547,27 @@ var renderStateFilterTabs = function renderStateFilterTabs(_ref4) {
     })
   }, fieldStatesTaxonomy.inactive, "(", inactiveFieldsCount, ")"));
 };
-var getResourceName = function getResourceName(_ref5) {
-  var isOwnerBased = _ref5.isOwnerBased,
-    owners = _ref5.owners,
-    selectedVal = _ref5.selectedVal,
-    nameAliases = _ref5.nameAliases;
+var getResourceName = function getResourceName(_ref6) {
+  var _findBy2;
+  var isOwnerBased = _ref6.isOwnerBased,
+    menuItems = _ref6.menuItems,
+    selectedVal = _ref6.selectedVal,
+    nameAliases = _ref6.nameAliases;
   if (isOwnerBased) {
     var _findBy;
     return (_findBy = findBy({
       id: selectedVal
-    }, owners)) === null || _findBy === void 0 ? void 0 : _findBy.name;
+    }, menuItems)) === null || _findBy === void 0 ? void 0 : _findBy.name;
   }
-  return nameAliases[selectedVal] || selectedVal;
+  var selectedName = (_findBy2 = findBy({
+    value: selectedVal
+  }, menuItems)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label;
+  return nameAliases[selectedName] || selectedName;
 };
-var getDashBoardTitle = function getDashBoardTitle(_ref6) {
-  var resourceName = _ref6.resourceName,
-    isSingleResource = _ref6.isSingleResource,
-    title = _ref6.title;
+var getDashBoardTitle = function getDashBoardTitle(_ref7) {
+  var resourceName = _ref7.resourceName,
+    isSingleResource = _ref7.isSingleResource,
+    title = _ref7.title;
   var displayTitle = isSingleResource ? title : t("neetoFields.messages.titleForResource", {
     title: title,
     resource: resourceName
@@ -2586,10 +2592,10 @@ var renderNoDataHelpText = function renderNoDataHelpText(title, url) {
     }
   });
 };
-var getDeletionConfirmationMessage = function getDeletionConfirmationMessage(_ref7) {
-  var resource = _ref7.resource,
-    fieldName = _ref7.fieldName,
-    affectedResourcesCount = _ref7.affectedResourcesCount;
+var getDeletionConfirmationMessage = function getDeletionConfirmationMessage(_ref8) {
+  var resource = _ref8.resource,
+    fieldName = _ref8.fieldName,
+    affectedResourcesCount = _ref8.affectedResourcesCount;
   return affectedResourcesCount > 0 ? /*#__PURE__*/React.createElement(Trans, {
     i18nKey: "neetoFields.messages.confirmDeleteWithCount",
     values: {
@@ -2749,8 +2755,8 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
       state: state
     };
     if (!isConfigsLoading && isNil(resource)) {
-      var _menuItems$;
-      queryParams.resource = isOwnerBased ? menuItems === null || menuItems === void 0 ? void 0 : (_menuItems$ = menuItems[0]) === null || _menuItems$ === void 0 ? void 0 : _menuItems$.id : menuItems === null || menuItems === void 0 ? void 0 : menuItems[0];
+      var _menuItems$, _menuItems$2;
+      queryParams.resource = isOwnerBased ? menuItems === null || menuItems === void 0 ? void 0 : (_menuItems$ = menuItems[0]) === null || _menuItems$ === void 0 ? void 0 : _menuItems$.id : menuItems === null || menuItems === void 0 ? void 0 : (_menuItems$2 = menuItems[0]) === null || _menuItems$2 === void 0 ? void 0 : _menuItems$2.value;
     }
     if (!isConfigsLoading && isNil(state)) {
       queryParams.state = FIELD_STATES.active;
@@ -2771,7 +2777,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
     return getResourceName({
       isOwnerBased: isOwnerBased,
       nameAliases: nameAliases,
-      owners: menuItems,
+      menuItems: menuItems,
       selectedVal: resource
     });
   }, [menuItems, resource]);