@bigbinary/neeto-fields-frontend 1.3.18 → 1.3.20

package/README.md

@@ -204,8 +204,8 @@ default, but you can customize its behavior by passing optional props.
 12. `headerTitle`: Specify the header title explicitly. Default is 'fields'
 13. `resources`: For owner-based field categorization, provide an array of
     objects with `id` and `name` properties for each owner. For resource
-    type-based categorization, use an array of strings representing resource
-    types.
+    type-based categorization, use an array of objects with `label` and `value`
+    properties representing each resource types.
 
     > If no resources are provided, for resource type-based categorization, the
     > menu bar will fetch all resource types. For owner-based categorization, it
@@ -491,7 +491,7 @@ the following props:
 3. `resourceType`: The type of resource.
 4. `resourceId`: The ID of the resource.
 5. `ownerId`: The ID of the owner in case the owner is not an organization.
-6. `onMutate`:  The callback function which is triggered on the mutations
+6. `onMutate`: The callback function which is triggered on the mutations
 7. `onMutationSuccess`: The callback function which is triggered on the success
    of mutation functions of field value.
 

package/dist/index.cjs.js

@@ -10,9 +10,9 @@ var ramda = require('ramda');
 var formik = require('formik');
 var i18next = require('i18next');
 var yup = require('yup');
+var formik$1 = require('@bigbinary/neetoui/formik');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var neetoIcons = require('@bigbinary/neeto-icons');
-var formik$1 = require('@bigbinary/neetoui/formik');
 var reactI18next = require('react-i18next');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var Container = require('@bigbinary/neeto-molecules/Container');
@@ -993,7 +993,7 @@ var MultiOption = function MultiOption(props) {
   var _useFormikFields = useFormikFields(props),
     handleSubmit = _useFormikFields.handleSubmit,
     fieldProps = _useFormikFields.fieldProps;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(formik$1.Select, _extends({
     isMulti: true,
     isSearchable: true,
     strategy: "fixed"
@@ -2542,29 +2542,31 @@ var renderMenuBarItems = function renderMenuBarItems(_ref3) {
       });
     });
   }
-  return items.length > 1 && items.map(function (item) {
-    var label = nameAliases[item] || neetoCist.humanize(item);
+  return items.length > 1 && items.map(function (_ref4) {
+    var label = _ref4.label,
+      value = _ref4.value;
+    var itemLabel = nameAliases[label] || neetoCist.humanize(label);
     return /*#__PURE__*/React__default["default"].createElement(MenuBar__default["default"].Item, {
-      label: label,
-      active: selectedMenu === item,
-      "data-cy": "neeto-fields-".concat(neetoCist.slugify(label), "-menu-item"),
-      key: item,
+      active: selectedMenu === value,
+      "data-cy": "neeto-fields-".concat(neetoCist.slugify(itemLabel), "-menu-item"),
+      key: label,
+      label: itemLabel,
       description: i18next.t("neetoFields.messages.manageTitleForResource", {
         title: title,
-        resource: neetoCist.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__default["default"].createElement(neetoui.Tab, {
     className: "mb-4"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
@@ -2581,23 +2583,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 = neetoCist.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 = neetoCist.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 : i18next.t("neetoFields.messages.titleForResource", {
     title: title,
     resource: resourceName
@@ -2622,10 +2628,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__default["default"].createElement(reactI18next.Trans, {
     i18nKey: "neetoFields.messages.confirmDeleteWithCount",
     values: {
@@ -2785,8 +2791,8 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
       state: state
     };
     if (!isConfigsLoading && ramda.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 && ramda.isNil(state)) {
       queryParams.state = FIELD_STATES.active;
@@ -2807,7 +2813,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
     return getResourceName({
       isOwnerBased: isOwnerBased,
       nameAliases: nameAliases,
-      owners: menuItems,
+      menuItems: menuItems,
       selectedVal: resource
     });
   }, [menuItems, resource]);