@bigbinary/neeto-team-members-frontend 4.4.2 → 4.4.3

package/dist/cjs/Groups.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var slicedToArray = require('../slicedToArray-8e69d42b.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var require$$0 = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
@@ -9,11 +9,11 @@ var Container = require('@bigbinary/neeto-molecules/Container');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var Button = require('@bigbinary/neetoui/Button');
 var reactI18next = require('react-i18next');
-var toConsumableArray = require('../toConsumableArray-e41a15ba.js');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var reactQuery = require('@tanstack/react-query');
 var ramda = require('ramda');
 var axios = require('axios');
-var constants = require('../constants-2685e5d6.js');
+var constants = require('../constants-DK60kZoX.js');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Typography = require('@bigbinary/neetoui/Typography');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
@@ -30,25 +30,21 @@ var formik = require('formik');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Avatar = require('@bigbinary/neetoui/Avatar');
 var Alert = require('@bigbinary/neetoui/Alert');
-var defineProperty = require('../defineProperty-9b13c73c.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
 var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var Table = require('@bigbinary/neetoui/Table');
 var NoData = require('@bigbinary/neetoui/NoData');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var utils$1 = require('./utils.js');
-require('../unsupportedIterableToArray-fa2816fd.js');
 require('@bigbinary/neeto-commons-frontend/constants');
-require('../_commonjsHelpers-b3309d7b.js');
-require('../useTeamsApi-bc52172a.js');
-require('../objectWithoutProperties-2fed2d7d.js');
-require('util');
-require('../queryClient-febad37e.js');
+require('../_commonjsHelpers-BJu3ubxk.js');
+require('../useTeamsApi-CasIc4Xx.js');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('qs');
+require('../queryClient-4vAFE3bx.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -61,48 +57,28 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
-var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
-var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form$1);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
-var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
-var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
-var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
-var Avatar__default = /*#__PURE__*/_interopDefaultLegacy(Avatar);
-var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
-var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
-var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
-var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
-var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
-var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
 var list$1 = function list(params) {
-  return axios__default["default"].get("".concat(constants.BASE_URL, "/api/v1/groups"), {
+  return axios.get("".concat(constants.BASE_URL, "/api/v1/groups"), {
     params: params
   });
 };
 var show = function show(id) {
-  return axios__default["default"].get("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id));
+  return axios.get("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id));
 };
 var create = function create(payload) {
-  return axios__default["default"].post("".concat(constants.BASE_URL, "/api/v1/groups"), payload);
+  return axios.post("".concat(constants.BASE_URL, "/api/v1/groups"), payload);
 };
 var update = function update(id, payload) {
-  return axios__default["default"].patch("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id), payload);
+  return axios.patch("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id), payload);
 };
 var destroy = function destroy(id) {
-  return axios__default["default"]["delete"]("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id));
+  return axios["delete"]("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id));
 };
 var groupsApi = {
   create: create,
@@ -135,7 +111,7 @@ var useCreateGroup = function useCreateGroup() {
   return reactUtils.useMutationWithInvalidation(function (payload) {
     return groupsApi.create(payload);
   }, {
-    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(toConsumableArray._toConsumableArray((_config$form$otherKey = config === null || config === void 0 || (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.otherKeysToInvalidate) !== null && _config$form$otherKey !== void 0 ? _config$form$otherKey : []))
+    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(_toConsumableArray((_config$form$otherKey = config === null || config === void 0 ? void 0 : (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.otherKeysToInvalidate) !== null && _config$form$otherKey !== void 0 ? _config$form$otherKey : []))
   });
 };
 var useDeleteGroup = function useDeleteGroup() {
@@ -144,7 +120,7 @@ var useDeleteGroup = function useDeleteGroup() {
   return reactUtils.useMutationWithInvalidation(function (id) {
     return groupsApi.destroy(id);
   }, {
-    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(toConsumableArray._toConsumableArray((_config$form$otherKey2 = config === null || config === void 0 || (_config$form2 = config.form) === null || _config$form2 === void 0 ? void 0 : _config$form2.otherKeysToInvalidate) !== null && _config$form$otherKey2 !== void 0 ? _config$form$otherKey2 : []))
+    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(_toConsumableArray((_config$form$otherKey2 = config === null || config === void 0 ? void 0 : (_config$form2 = config.form) === null || _config$form2 === void 0 ? void 0 : _config$form2.otherKeysToInvalidate) !== null && _config$form$otherKey2 !== void 0 ? _config$form$otherKey2 : []))
   });
 };
 var useFetchGroup = function useFetchGroup(id) {
@@ -165,19 +141,19 @@ var useUpdateGroup = function useUpdateGroup() {
       payload = _ref2.payload;
     return groupsApi.update(id, payload);
   }, {
-    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(toConsumableArray._toConsumableArray((_config$form$otherKey3 = config === null || config === void 0 || (_config$form3 = config.form) === null || _config$form3 === void 0 ? void 0 : _config$form3.otherKeysToInvalidate) !== null && _config$form$otherKey3 !== void 0 ? _config$form$otherKey3 : []))
+    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(_toConsumableArray((_config$form$otherKey3 = config === null || config === void 0 ? void 0 : (_config$form3 = config.form) === null || _config$form3 === void 0 ? void 0 : _config$form3.otherKeysToInvalidate) !== null && _config$form$otherKey3 !== void 0 ? _config$form$otherKey3 : []))
   });
 };
 
 var PaneSpinner = function PaneSpinner() {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "flex h-full w-full items-center justify-center",
-    children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+    children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
   });
 };
 
 var list = function list() {
-  return axios__default["default"].get("".concat(constants.BASE_URL, "/api/v1/users"));
+  return axios.get("".concat(constants.BASE_URL, "/api/v1/users"));
 };
 var usersApi = {
   list: list
@@ -220,7 +196,7 @@ var EVENTS = {
 var Member = function Member(_ref) {
   var member = _ref.member;
   var _useState = require$$0.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isDeleteAlertOpen = _useState2[0],
     setIsDeleteAlertOpen = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -233,7 +209,7 @@ var Member = function Member(_ref) {
       className: "neeto-ui-neeto-ui-rounded-lg neeto-desk-team-settings__member-list flex items-center justify-between p-2",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center space-x-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Avatar__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Avatar, {
           className: "flex-shrink-0",
           size: "medium",
           user: {
@@ -241,18 +217,18 @@ var Member = function Member(_ref) {
           }
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "ml-2 w-auto",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
             className: "mb-1 capitalize",
             style: "h5",
             weight: "medium",
             children: member === null || member === void 0 ? void 0 : member.name
-          }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
             style: "body3",
             weight: "normal",
             children: initializers.taxonomies.groupMember.singular
           })]
         })]
-      }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
         dropdownProps: {
           strategy: "fixed",
           position: "bottom-end"
@@ -267,7 +243,7 @@ var Member = function Member(_ref) {
           }
         }]
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Alert, {
       isOpen: isDeleteAlertOpen,
       submitButtonLabel: t("neetoTeamMembers.common.remove"),
       message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
@@ -296,7 +272,7 @@ var Members = function Members(_ref) {
   var members = _ref.members,
     membersSelectbox = _ref.membersSelectbox;
   var _useState = require$$0.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isAddNewMemberDropdownVisible = _useState2[0],
     setIsAddNewMemberDropdownVisible = _useState2[1];
   var _useFormikContext = formik.useFormikContext(),
@@ -309,11 +285,11 @@ var Members = function Members(_ref) {
     t = _useTranslation.t;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "w-full space-y-4",
-    children: [/*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Typography, {
       style: "h4",
       weight: "semibold",
       children: [initializers.taxonomies.groupMember.plural, " (", members ? members.length : 0, ")"]
-    }), isAddNewMemberDropdownVisible ? membersSelectbox : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    }), isAddNewMemberDropdownVisible ? membersSelectbox : /*#__PURE__*/jsxRuntime.jsx(Button, {
       "data-cy": "new-member-button",
       "data-test-id": "new-member-button",
       iconPosition: "left",
@@ -359,8 +335,8 @@ var Form = function Form(_ref) {
   var _useUpdateGroup = useUpdateGroup(config),
     update = _useUpdateGroup.mutate,
     isUpdating = _useUpdateGroup.isPending;
-  var initialValues = isEdit ? group : ramda.mergeLeft(GROUP_FORM_INITIAL_VALUES, (_config$form$initialV = config === null || config === void 0 || (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.initialValues) !== null && _config$form$initialV !== void 0 ? _config$form$initialV : {});
-  var validationSchema = GROUP_FORM_VALIDATION_SCHEMA.concat(config === null || config === void 0 || (_config$form2 = config.form) === null || _config$form2 === void 0 ? void 0 : _config$form2.validationSchema);
+  var initialValues = isEdit ? group : ramda.mergeLeft(GROUP_FORM_INITIAL_VALUES, (_config$form$initialV = config === null || config === void 0 ? void 0 : (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.initialValues) !== null && _config$form$initialV !== void 0 ? _config$form$initialV : {});
+  var validationSchema = GROUP_FORM_VALIDATION_SCHEMA.concat(config === null || config === void 0 ? void 0 : (_config$form2 = config.form) === null || _config$form2 === void 0 ? void 0 : _config$form2.validationSchema);
   var getUserIds = function getUserIds(members) {
     return members ? ramda.pluck("id", members) : [];
   };
@@ -371,7 +347,7 @@ var Form = function Form(_ref) {
         name: values.name,
         description: values.description,
         userIds: getUserIds(values.members)
-      }, config === null || config === void 0 || (_config$form3 = config.form) === null || _config$form3 === void 0 || (_config$form3$otherPa = _config$form3.otherPayloadData) === null || _config$form3$otherPa === void 0 ? void 0 : _config$form3$otherPa.call(_config$form3, values))
+      }, config === null || config === void 0 ? void 0 : (_config$form3 = config.form) === null || _config$form3 === void 0 ? void 0 : (_config$form3$otherPa = _config$form3.otherPayloadData) === null || _config$form3$otherPa === void 0 ? void 0 : _config$form3$otherPa.call(_config$form3, values))
     };
     if (isEdit) {
       update({
@@ -392,7 +368,7 @@ var Form = function Form(_ref) {
     }
   };
   if (isLoading || config !== null && config !== void 0 && (_config$pane = config.pane) !== null && _config$pane !== void 0 && _config$pane.isLoading) return /*#__PURE__*/jsxRuntime.jsx(PaneSpinner, {});
-  return /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Form$1, {
     formProps: {
       noValidate: true,
       className: "flex w-full flex-col gap-y-4 pb-6"
@@ -407,20 +383,20 @@ var Form = function Form(_ref) {
       var _config$form4, _config$form4$otherEl, _config$form5, _config$form5$otherEl;
       var values = _ref2.values;
       return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
           required: true,
           "data-cy": "group-name-text-field",
           label: t("neetoTeamMembers.common.name"),
           name: "name"
-        }), /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], {
+        }), /*#__PURE__*/jsxRuntime.jsx(Textarea, {
           "data-cy": "group-description-text-area",
           label: t("neetoTeamMembers.common.description"),
           name: "description",
           rows: 4,
           size: "medium"
-        }), config === null || config === void 0 || (_config$form4 = config.form) === null || _config$form4 === void 0 || (_config$form4$otherEl = _config$form4.otherElements) === null || _config$form4$otherEl === void 0 ? void 0 : _config$form4$otherEl.call(_config$form4, values), isEdit ? /*#__PURE__*/jsxRuntime.jsx(Members, {
+        }), config === null || config === void 0 ? void 0 : (_config$form4 = config.form) === null || _config$form4 === void 0 ? void 0 : (_config$form4$otherEl = _config$form4.otherElements) === null || _config$form4$otherEl === void 0 ? void 0 : _config$form4$otherEl.call(_config$form4, values), isEdit ? /*#__PURE__*/jsxRuntime.jsx(Members, {
           members: values.members,
-          membersSelectbox: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+          membersSelectbox: /*#__PURE__*/jsxRuntime.jsx(Select, {
             isMulti: true,
             closeMenuOnSelect: false,
             getOptionLabel: ramda.prop("name"),
@@ -431,7 +407,7 @@ var Form = function Form(_ref) {
             options: users,
             placeholder: initializers.taxonomies.groupMember.plural
           })
-        }) : /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+        }) : /*#__PURE__*/jsxRuntime.jsx(Select, {
           isMulti: true,
           closeMenuOnSelect: false,
           getOptionLabel: ramda.prop("name"),
@@ -441,9 +417,9 @@ var Form = function Form(_ref) {
           name: "members",
           options: users,
           placeholder: initializers.taxonomies.groupMember.plural
-        }), config === null || config === void 0 || (_config$form5 = config.form) === null || _config$form5 === void 0 || (_config$form5$otherEl = _config$form5.otherElementsAtLast) === null || _config$form5$otherEl === void 0 ? void 0 : _config$form5$otherEl.call(_config$form5, values), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+        }), config === null || config === void 0 ? void 0 : (_config$form5 = config.form) === null || _config$form5 === void 0 ? void 0 : (_config$form5$otherEl = _config$form5.otherElementsAtLast) === null || _config$form5$otherEl === void 0 ? void 0 : _config$form5$otherEl.call(_config$form5, values), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
           className: "absolute bottom-0 left-0",
-          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
             cancelButtonProps: {
               onClick: onClose
             },
@@ -460,18 +436,18 @@ var Create = reactUtils.withT(function (_ref) {
     config = _ref.config,
     isOpen = _ref.isOpen,
     onClose = _ref.onClose;
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
     isOpen: isOpen,
     onClose: onClose,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         style: "h2",
         weight: "semibold",
         children: t("neetoTeamMembers.common.addNew_", {
           what: initializers.taxonomies.group.singular
         })
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
       children: /*#__PURE__*/jsxRuntime.jsx(Form, {
         config: config,
         onClose: onClose
@@ -489,15 +465,15 @@ var renderName = function renderName(_ref) {
     getGroupDetail = _ref.getGroupDetail;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex items-center justify-between gap-x-3",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip, {
       content: name,
       position: "bottom",
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "truncate",
         style: "body2",
         children: name
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
       dropdownProps: {
         strategy: "fixed",
         position: "bottom-end"
@@ -516,7 +492,7 @@ var renderName = function renderName(_ref) {
         label: i18next.t("neetoTeamMembers.common.delete"),
         onClick: function onClick() {
           var _config$groupDependen, _config$table, _config$table$onBefor;
-          config !== null && config !== void 0 && (_config$groupDependen = config.groupDependency) !== null && _config$groupDependen !== void 0 && _config$groupDependen.isCheckEnabled ? config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$onBefor = _config$table.onBeforeDelete) === null || _config$table$onBefor === void 0 ? void 0 : _config$table$onBefor.call(_config$table, group) : setDeleteGroup({
+          config !== null && config !== void 0 && (_config$groupDependen = config.groupDependency) !== null && _config$groupDependen !== void 0 && _config$groupDependen.isCheckEnabled ? config === null || config === void 0 ? void 0 : (_config$table = config.table) === null || _config$table === void 0 ? void 0 : (_config$table$onBefor = _config$table.onBeforeDelete) === null || _config$table$onBefor === void 0 ? void 0 : _config$table$onBefor.call(_config$table, group) : setDeleteGroup({
             isDeleting: true,
             group: getGroupDetail(group.id)
           });
@@ -556,7 +532,7 @@ var getColumnData = function getColumnData(_ref2) {
       return description || "-";
     },
     width: 200
-  }].concat(toConsumableArray._toConsumableArray((_config$table$columns = config === null || config === void 0 || (_config$table2 = config.table) === null || _config$table2 === void 0 || (_config$table2$column = _config$table2.columnsData) === null || _config$table2$column === void 0 ? void 0 : _config$table2$column.call(_config$table2)) !== null && _config$table$columns !== void 0 ? _config$table$columns : []));
+  }].concat(_toConsumableArray((_config$table$columns = config === null || config === void 0 ? void 0 : (_config$table2 = config.table) === null || _config$table2 === void 0 ? void 0 : (_config$table2$column = _config$table2.columnsData) === null || _config$table2$column === void 0 ? void 0 : _config$table2$column.call(_config$table2)) !== null && _config$table$columns !== void 0 ? _config$table$columns : []));
 };
 
 var Edit = function Edit(_ref) {
@@ -569,21 +545,21 @@ var Edit = function Edit(_ref) {
   var _useFetchGroup = useFetchGroup(groupId),
     group = _useFetchGroup.data,
     isLoading = _useFetchGroup.isLoading;
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
     isOpen: isOpen,
     onClose: onClose,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         style: "h2",
         weight: "semibold",
         children: t("neetoTeamMembers.common.edit_", {
           what: initializers.taxonomies.group.singular
         })
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
       children: isLoading ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex h-full w-full items-center justify-center",
-        children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+        children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
       }) : /*#__PURE__*/jsxRuntime.jsx(Form, {
         config: config,
         group: group,
@@ -595,7 +571,7 @@ var Edit = function Edit(_ref) {
 };
 
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var List = function List(_ref) {
   var _config$table$deleteA, _config$table, _config$table$deleteA2;
   var config = _ref.config,
@@ -606,11 +582,11 @@ var List = function List(_ref) {
     setPageProperties = _ref.setPageProperties,
     emptyStateAction = _ref.emptyStateAction;
   var _useState = require$$0.useState(DEFAULT_EDIT_GROUP),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     editGroupDetail = _useState2[0],
     setEditGroupDetail = _useState2[1];
   var _useState3 = require$$0.useState(DEFAULT_DELETE_GROUP_DATA),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     deleteGroup = _useState4[0],
     setDeleteGroup = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -637,32 +613,32 @@ var List = function List(_ref) {
   });
   require$$0.useEffect(function () {
     var _config$groupDependen, _config$groupDependen2, _config$groupDependen3, _config$groupDependen4;
-    if (config !== null && config !== void 0 && (_config$groupDependen = config.groupDependency) !== null && _config$groupDependen !== void 0 && _config$groupDependen.isCheckEnabled && ((_config$groupDependen2 = config.groupDependency) === null || _config$groupDependen2 === void 0 ? void 0 : _config$groupDependen2.verificationStatus) === "successful" && !(config !== null && config !== void 0 && (_config$groupDependen3 = config.groupDependency) !== null && _config$groupDependen3 !== void 0 && _config$groupDependen3.isDependent) && neetoCist.isPresent(config === null || config === void 0 || (_config$groupDependen4 = config.groupDependency) === null || _config$groupDependen4 === void 0 ? void 0 : _config$groupDependen4.selectedGroup)) {
+    if (config !== null && config !== void 0 && (_config$groupDependen = config.groupDependency) !== null && _config$groupDependen !== void 0 && _config$groupDependen.isCheckEnabled && ((_config$groupDependen2 = config.groupDependency) === null || _config$groupDependen2 === void 0 ? void 0 : _config$groupDependen2.verificationStatus) === "successful" && !(config !== null && config !== void 0 && (_config$groupDependen3 = config.groupDependency) !== null && _config$groupDependen3 !== void 0 && _config$groupDependen3.isDependent) && neetoCist.isPresent(config === null || config === void 0 ? void 0 : (_config$groupDependen4 = config.groupDependency) === null || _config$groupDependen4 === void 0 ? void 0 : _config$groupDependen4.selectedGroup)) {
       var _config$groupDependen5;
       setDeleteGroup({
         isDeleting: true,
-        group: config === null || config === void 0 || (_config$groupDependen5 = config.groupDependency) === null || _config$groupDependen5 === void 0 ? void 0 : _config$groupDependen5.selectedGroup
+        group: config === null || config === void 0 ? void 0 : (_config$groupDependen5 = config.groupDependency) === null || _config$groupDependen5 === void 0 ? void 0 : _config$groupDependen5.selectedGroup
       });
     }
   }, [config === null || config === void 0 ? void 0 : config.groupDependency]);
   if (isLoading || isDeleting) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
     });
   }
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [!ramda.isEmpty(groups) ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"], {
-        leftActionBlock: totalCount > 0 && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(SubHeader, {
+        leftActionBlock: totalCount > 0 && /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "mr-4 font-semibold",
           component: "h4",
           "data-cy": "item-count",
           children: utils$1.pluralizeLabelUsingTaxonomy(initializers.taxonomies.group.singular, totalCount)
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
         hasPagination: totalCount > pageProperties.size,
-        children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+        children: /*#__PURE__*/jsxRuntime.jsx(Table, {
           columnData: columnData,
           totalCount: totalCount,
           fixedHeight: true,
@@ -685,7 +661,7 @@ var List = function List(_ref) {
       })]
     }) : /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], _objectSpread(_objectSpread({
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData, _objectSpread(_objectSpread({
         title: t("neetoTeamMembers.helpers.emptyTable", {
           entity: initializers.taxonomies.group.plural
         })
@@ -704,10 +680,10 @@ var List = function List(_ref) {
       onClose: function onClose() {
         return setEditGroupDetail(DEFAULT_EDIT_GROUP);
       }
-    }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Alert, {
       isOpen: deleteGroup.isDeleting,
       submitButtonLabel: t("neetoTeamMembers.common.delete"),
-      message: (_config$table$deleteA = config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$deleteA2 = _config$table.deleteAlertMessage) === null || _config$table$deleteA2 === void 0 ? void 0 : _config$table$deleteA2.call(_config$table, deleteGroup.group)) !== null && _config$table$deleteA !== void 0 ? _config$table$deleteA : /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+      message: (_config$table$deleteA = config === null || config === void 0 ? void 0 : (_config$table = config.table) === null || _config$table === void 0 ? void 0 : (_config$table$deleteA2 = _config$table.deleteAlertMessage) === null || _config$table$deleteA2 === void 0 ? void 0 : _config$table$deleteA2.call(_config$table, deleteGroup.group)) !== null && _config$table$deleteA !== void 0 ? _config$table$deleteA : /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
         i18nKey: "neetoTeamMembers.alerts.messages.delete",
         values: {
           resource: initializers.taxonomies.group.singular,
@@ -735,11 +711,11 @@ var Groups = function Groups(_ref) {
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useState = require$$0.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isPaneOpen = _useState2[0],
     setIsPaneOpen = _useState2[1];
   var _useState3 = require$$0.useState(constants.DEFAULT_PAGE_PROPERTIES),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     pageProperties = _useState4[0],
     setPageProperties = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -757,14 +733,14 @@ var Groups = function Groups(_ref) {
   require$$0.useEffect(function () {
     setPageProperties(constants.DEFAULT_PAGE_PROPERTIES);
   }, [searchTerm]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
-    children: [/*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], {
-      breadcrumbs: (_config$header$breadc = config === null || config === void 0 || (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs) !== null && _config$header$breadc !== void 0 ? _config$header$breadc : [],
+  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(NeetoHeader, {
+      breadcrumbs: (_config$header$breadc = config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs) !== null && _config$header$breadc !== void 0 ? _config$header$breadc : [],
       title: initializers.taxonomies.group.plural,
-      titleHelpPopoverProps: (_config$header$titleH = config === null || config === void 0 || (_config$header2 = config.header) === null || _config$header2 === void 0 ? void 0 : _config$header2.titleHelpPopoverProps) !== null && _config$header$titleH !== void 0 ? _config$header$titleH : {},
+      titleHelpPopoverProps: (_config$header$titleH = config === null || config === void 0 ? void 0 : (_config$header2 = config.header) === null || _config$header2 === void 0 ? void 0 : _config$header2.titleHelpPopoverProps) !== null && _config$header$titleH !== void 0 ? _config$header$titleH : {},
       actionBlock: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex flex-row items-center justify-end",
-        children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        children: /*#__PURE__*/jsxRuntime.jsx(Button, {
           "data-cy": "add-new-group-button",
           style: "primary",
           label: t("neetoTeamMembers.common.addNew_", {