@bigbinary/neeto-team-members-frontend 2.4.10 → 2.4.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +1 -1
  2. package/dist/index.cjs.js +124 -63
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.esm.js +124 -63
  5. package/dist/index.esm.js.map +1 -1
  6. package/package.json +6 -6
  7. package/types.d.ts +2 -1
package/README.md CHANGED
@@ -12,7 +12,7 @@ functioning of the package. Install all the peer dependencies using the below
12
12
  command:
13
13
 
14
14
  ```zsh
15
- yarn add @bigbinary/neeto-icons@1.8.40 @bigbinary/neetoui@4.1.2 axios@1.1.3 classnames@2.3.2 formik@2.2.9 ramda@0.28.0 react-router-dom@5.3.3 react-toastify@8.2.0 yup@0.32.11
15
+ yarn add @bigbinary/neeto-icons@1.8.40 @bigbinary/neetoui@4.1.10 axios@1.1.3 classnames@2.3.2 formik@2.2.9 ramda@0.28.0 react-router-dom@5.3.3 react-toastify@8.2.0 yup@0.32.11
16
16
  ```
17
17
 
18
18
  2. Now install the latest **neetoTeamMembers** package using the below command:
package/dist/index.cjs.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var ramda = require('ramda');
7
+ var neetoIcons = require('@bigbinary/neeto-icons');
7
8
  var ReactDOM = require('react-dom');
8
9
  var axios = require('axios');
9
10
  var neetoui = require('@bigbinary/neetoui');
@@ -12,7 +13,6 @@ var formik = require('formik');
12
13
  var formik$1 = require('@bigbinary/neetoui/formik');
13
14
  var yup = require('yup');
14
15
  var classnames = require('classnames');
15
- var neetoIcons = require('@bigbinary/neeto-icons');
16
16
 
17
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
18
 
@@ -4051,9 +4051,11 @@ var common$1 = {
4051
4051
  var helpers$1 = {
4052
4052
  configPermissions: "Configure permissions for the modules.",
4053
4053
  enterMultipleEmails: "Please press space, tab or enter key after entering an email address.",
4054
+ moreInfoAboutPermissions: "More information about permissions",
4054
4055
  noRolesFound: "No roles found.",
4055
4056
  searchRoles: "Search roles",
4056
- selectedMembersCount: "{{count}} {{metaName}} selected from {{totalCount}}"
4057
+ selectedMembersCount: "{{count}} {{metaName}} selected from {{totalCount}}",
4058
+ visitToKnowMoreAboutPermissions: "Visit to know more about permissions"
4057
4059
  };
4058
4060
  var metaNames$1 = {
4059
4061
  agent_one: "Agent",
@@ -4146,10 +4148,12 @@ var common = {
4146
4148
  var helpers = {
4147
4149
  configPermissions: "Configurez les autorisations pour les modules.",
4148
4150
  enterMultipleEmails: "Veuillez appuyer sur espace, tabulation ou entrée après avoir saisi une adresse e-mail.",
4151
+ moreInfoAboutPermissions: "Plus d'informations sur les autorisations",
4149
4152
  noRolesFound: "Aucun rôle trouvé.",
4150
4153
  searchRoles: "Rechercher des rôles",
4151
4154
  selectedMembersCount_one: "{{count}} {{metaName}} sélectionné parmi {{totalCount}}",
4152
- selectedMembersCount_other: "{{count}} {{metaName}} sélectionnés parmi {{totalCount}}"
4155
+ selectedMembersCount_other: "{{count}} {{metaName}} sélectionnés parmi {{totalCount}}",
4156
+ visitToKnowMoreAboutPermissions: "Visitez pour en savoir plus sur les autorisations"
4153
4157
  };
4154
4158
  var metaNames = {
4155
4159
  member_one: "Membre",
@@ -8957,9 +8961,9 @@ const renderSearchProps = (searchString, setSearchString) => ({
8957
8961
  }),
8958
8962
  value: searchString
8959
8963
  });
8960
- const renderBreadcrumbs = (breadcrumbs, membersPageUrl) => breadcrumbs !== null && breadcrumbs !== void 0 ? breadcrumbs : [{
8964
+ const renderBreadcrumbs = breadcrumbs => breadcrumbs !== null && breadcrumbs !== void 0 ? breadcrumbs : [{
8961
8965
  text: instance.t("metaNames.member", PLURAL),
8962
- link: membersPageUrl !== null && membersPageUrl !== void 0 ? membersPageUrl : "/members"
8966
+ link: "/members"
8963
8967
  }];
8964
8968
 
8965
8969
  const AddRoleButton = _ref => {
@@ -8991,8 +8995,18 @@ const Header$1 = _ref => {
8991
8995
  const _useTranslation = useTranslation(),
8992
8996
  t = _useTranslation.t;
8993
8997
  return /*#__PURE__*/React__default["default"].createElement(layouts.Header, {
8994
- title: t("common.role", PLURAL),
8995
- breadcrumbs: renderBreadcrumbs(config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs, config === null || config === void 0 ? void 0 : config.membersPageUrl),
8998
+ title: /*#__PURE__*/React__default["default"].createElement("span", {
8999
+ className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-6"
9000
+ }, t("common.role", PLURAL), (config === null || config === void 0 ? void 0 : config.helpUrl) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
9001
+ "data-cy": "ntm-roles-permission-more-info-button",
9002
+ className: "neeto-ui-mt-1",
9003
+ href: config === null || config === void 0 ? void 0 : config.helpUrl,
9004
+ icon: neetoIcons.ExternalLink,
9005
+ label: t("helpers.moreInfoAboutPermissions"),
9006
+ style: "link",
9007
+ target: "_blank"
9008
+ })),
9009
+ breadcrumbs: renderBreadcrumbs(config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs),
8996
9010
  searchProps: renderSearchProps(searchString, setSearchString),
8997
9011
  actionBlock: /*#__PURE__*/React__default["default"].createElement(AddRoleButton, {
8998
9012
  onClick: () => setIsNewRolePaneOpen(true),
@@ -9165,7 +9179,6 @@ const New = _ref => {
9165
9179
  }, t("common.add_", {
9166
9180
  what: t("common.role", SINGULAR).toLocaleLowerCase()
9167
9181
  }))), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
9168
- noValidate: true,
9169
9182
  formikProps: _objectSpread$6(_objectSpread$6({}, ROLE_FORMIK_PROPS), {}, {
9170
9183
  onSubmit: handleFormSubmit
9171
9184
  }),
@@ -9460,8 +9473,7 @@ const TableHeader = _ref => {
9460
9473
  isDelete: true,
9461
9474
  selectedRole: role
9462
9475
  }),
9463
- size: "small",
9464
- style: "danger"
9476
+ size: "small"
9465
9477
  }, t("common.delete"))))))));
9466
9478
  })));
9467
9479
  };
@@ -9543,7 +9555,6 @@ const Edit = _ref => {
9543
9555
  }, t("common.update_", {
9544
9556
  what: t("common.role", SINGULAR).toLocaleLowerCase()
9545
9557
  }))), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
9546
- noValidate: true,
9547
9558
  formikProps: _objectSpread$5(_objectSpread$5({}, ROLE_FORMIK_PROPS), {}, {
9548
9559
  initialValues,
9549
9560
  onSubmit: handleFormSubmit
@@ -9785,6 +9796,8 @@ const Table = _ref => {
9785
9796
  const Roles = _ref => {
9786
9797
  var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2;
9787
9798
  let config = _ref.config;
9799
+ const _useTranslation = useTranslation(),
9800
+ t = _useTranslation.t;
9788
9801
  const _useState = React.useState(""),
9789
9802
  _useState2 = _slicedToArray(_useState, 2),
9790
9803
  searchString = _useState2[0],
@@ -9833,17 +9846,21 @@ const Roles = _ref => {
9833
9846
  permissionGroups: permissionGroups,
9834
9847
  roles: roles,
9835
9848
  setIsNewRolePaneOpen: setIsNewRolePaneOpen
9836
- }))), /*#__PURE__*/React__default["default"].createElement(New, {
9849
+ }), (config === null || config === void 0 ? void 0 : config.helpUrl) && /*#__PURE__*/React__default["default"].createElement("div", {
9850
+ className: "ntm-roles-help-url-wrapper"
9851
+ }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
9852
+ "data-cy": "ntm-roles-permission-more-info-button",
9853
+ href: config.helpUrl,
9854
+ icon: neetoIcons.ExternalLink,
9855
+ label: t("helpers.visitToKnowMoreAboutPermissions"),
9856
+ style: "link",
9857
+ target: "_blank"
9858
+ })))), /*#__PURE__*/React__default["default"].createElement(New, {
9837
9859
  isOpen: isNewRolePaneOpen,
9838
9860
  onClose: () => setIsNewRolePaneOpen(false),
9839
9861
  permissions: permissions
9840
9862
  }));
9841
9863
  };
9842
- Roles.defaultProps = {
9843
- config: {
9844
- membersPageUrl: "/members"
9845
- }
9846
- };
9847
9864
  var index$1 = withReactQuery(Roles);
9848
9865
 
9849
9866
  const fetch = params => axios__default["default"].get(`${BASE_URL}/teams`, {
@@ -10100,6 +10117,7 @@ const Menu$1 = neetoui.Dropdown.Menu,
10100
10117
  MenuItem = neetoui.Dropdown.MenuItem;
10101
10118
  const RolesDropdown = _ref => {
10102
10119
  let handleRoleChange = _ref.handleRoleChange,
10120
+ hasUpdatePermission = _ref.hasUpdatePermission,
10103
10121
  _ref$isSearchable = _ref.isSearchable,
10104
10122
  isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
10105
10123
  _ref$roles = _ref.roles,
@@ -10125,11 +10143,16 @@ const RolesDropdown = _ref => {
10125
10143
  setSearchTerm("");
10126
10144
  setIsDropdownOpen(false);
10127
10145
  };
10128
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
10146
+ return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
10147
+ content: instance.t("tooltips.noPermissionToEditMembers"),
10148
+ disabled: hasUpdatePermission,
10149
+ position: "top"
10150
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
10129
10151
  buttonSize: "small",
10130
10152
  buttonStyle: "secondary",
10131
10153
  closeOnSelect: false,
10132
10154
  "data-cy": "ntm-members-roles-update-dropdown",
10155
+ disabled: !hasUpdatePermission,
10133
10156
  label: instance.t("buttons.changeRole"),
10134
10157
  isOpen: isDropdownOpen,
10135
10158
  onClick: () => setIsDropdownOpen(true),
@@ -10152,7 +10175,7 @@ const RolesDropdown = _ref => {
10152
10175
  }, name);
10153
10176
  }) : /*#__PURE__*/React__default["default"].createElement("span", {
10154
10177
  className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
10155
- }, instance.t("helpers.noRolesFound")))));
10178
+ }, instance.t("helpers.noRolesFound")))))));
10156
10179
  };
10157
10180
 
10158
10181
  var _URLSearchParams$get;
@@ -10228,13 +10251,16 @@ const Left = _ref => {
10228
10251
  }) : `${filteredCount} ${pluralizedByFilterCount}`);
10229
10252
  };
10230
10253
  const Right = _ref2 => {
10254
+ var _config$permissions$u, _config$permissions;
10231
10255
  let columns = _ref2.columns,
10256
+ config = _ref2.config,
10232
10257
  roles = _ref2.roles,
10233
10258
  rolesButtonProps = _ref2.rolesButtonProps,
10234
10259
  selectedRows = _ref2.selectedRows,
10235
10260
  setColumnData = _ref2.setColumnData,
10236
10261
  setSelectedRows = _ref2.setSelectedRows;
10237
10262
  const isRolesButtonVisible = !!rolesButtonProps;
10263
+ const hasUpdatePermission = (_config$permissions$u = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.update) !== null && _config$permissions$u !== void 0 ? _config$permissions$u : DEFAULT_PERMISSION;
10238
10264
  const _useBulkUpdateMembers = useBulkUpdateMembers({
10239
10265
  onSuccess: () => setSelectedRows(DEFAULT_SELECTED_ROWS)
10240
10266
  }),
@@ -10260,20 +10286,31 @@ const Right = _ref2 => {
10260
10286
  }
10261
10287
  });
10262
10288
  };
10263
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, getDeactivatedButtonVisible(selectedRows) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10289
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, getDeactivatedButtonVisible(selectedRows) && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
10290
+ content: instance.t("tooltips.noPermissionToEditMembers"),
10291
+ disabled: hasUpdatePermission,
10292
+ position: "top"
10293
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10264
10294
  "data-cy": "ntm-deactivate-members-button",
10295
+ disabled: !hasUpdatePermission,
10265
10296
  label: instance.t("common.deactivate"),
10266
10297
  size: "small",
10267
10298
  style: "secondary",
10268
10299
  onClick: () => handleDeactivateMembers()
10269
- }), getActivateButtonVisible(selectedRows) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10300
+ }))), getActivateButtonVisible(selectedRows) && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
10301
+ content: instance.t("tooltips.noPermissionToEditMembers"),
10302
+ disabled: hasUpdatePermission,
10303
+ position: "top"
10304
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10270
10305
  "data-cy": "ntm-activate-members-button",
10306
+ disabled: !hasUpdatePermission,
10271
10307
  label: instance.t("common.activate"),
10272
10308
  size: "small",
10273
10309
  style: "secondary",
10274
10310
  onClick: () => handleActivateMembers()
10275
- }), isNotEmpty$1(selectedRows.keys) && /*#__PURE__*/React__default["default"].createElement(RolesDropdown, {
10311
+ }))), isNotEmpty$1(selectedRows.keys) && /*#__PURE__*/React__default["default"].createElement(RolesDropdown, {
10276
10312
  handleRoleChange: handleRoleChange,
10313
+ hasUpdatePermission: hasUpdatePermission,
10277
10314
  roles: roles
10278
10315
  }), /*#__PURE__*/React__default["default"].createElement(Columns, {
10279
10316
  columnData: columns,
@@ -10807,18 +10844,18 @@ var pluralize = pluralize$1.exports;
10807
10844
  function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10808
10845
  function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10809
10846
  const renderNameColumn = (_ref, diplayStatusTag) => {
10810
- let displayName = _ref.displayName,
10847
+ let name = _ref.displayName,
10811
10848
  imageUrl = _ref.profileImageUrl,
10812
10849
  active = _ref.active;
10813
10850
  return /*#__PURE__*/React__default["default"].createElement("div", {
10814
10851
  className: "ntm-members-table__column"
10815
10852
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Avatar, {
10816
10853
  user: {
10817
- name: displayName,
10854
+ name,
10818
10855
  imageUrl
10819
10856
  },
10820
10857
  size: "medium"
10821
- }), displayName, diplayStatusTag && /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
10858
+ }), name, diplayStatusTag && /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
10822
10859
  "data-cy": "ntm-member-status-tag",
10823
10860
  label: active ? MEMBER_FILTER.ACTIVE.label : MEMBER_FILTER.DEACTIVATED.label,
10824
10861
  style: active ? "primary" : "secondary",
@@ -10829,7 +10866,7 @@ const isDropDownButtonDisabled = permissions => {
10829
10866
  var _permissions$update;
10830
10867
  return !((_permissions$update = permissions === null || permissions === void 0 ? void 0 : permissions.update) !== null && _permissions$update !== void 0 ? _permissions$update : hasPermission(MANAGE_MEMBER_PERMISSIONS));
10831
10868
  };
10832
- const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole, permissions) => {
10869
+ const renderDropdownButton = (_ref2, handleUpdateRole, handleUpdateStatus, permissions) => {
10833
10870
  let displayName = _ref2.displayName,
10834
10871
  id = _ref2.id,
10835
10872
  active = _ref2.active,
@@ -10870,8 +10907,7 @@ const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole, permi
10870
10907
  name: displayName,
10871
10908
  active
10872
10909
  }),
10873
- size: "small",
10874
- style: active && "danger"
10910
+ size: "small"
10875
10911
  }, active ? instance.t("common.deactivate") : instance.t("common.activate"))))));
10876
10912
  };
10877
10913
  const getDefaultAlertTitle = _ref3 => {
@@ -10894,37 +10930,60 @@ const getDefaultAlertMessage = _ref4 => {
10894
10930
  person: member === null || member === void 0 ? void 0 : member.name
10895
10931
  });
10896
10932
  };
10933
+ const getDefaultColumns = displayStatusTag => [{
10934
+ dataIndex: "name",
10935
+ key: "name",
10936
+ render: (_, tableData) => renderNameColumn(tableData, displayStatusTag),
10937
+ sorter: true,
10938
+ title: instance.t("common.name")
10939
+ }, {
10940
+ dataIndex: "email",
10941
+ key: "email",
10942
+ sorter: true,
10943
+ title: instance.t("common.email", SINGULAR)
10944
+ }, {
10945
+ dataIndex: "role",
10946
+ key: "organization_role",
10947
+ sorter: true,
10948
+ title: instance.t("common.role", SINGULAR)
10949
+ }];
10950
+ const getActionColumn = (handleUpdateRole, handleUpdateStatus, permissions) => ({
10951
+ dataIndex: "actions",
10952
+ key: "icon_button",
10953
+ render: (_, props) => renderDropdownButton(props, handleUpdateRole, handleUpdateStatus, permissions),
10954
+ width: 75
10955
+ });
10897
10956
  const getColumnData = _ref5 => {
10898
- let memberFilter = _ref5.memberFilter,
10899
- handleUpdateStatus = _ref5.handleUpdateStatus,
10957
+ var _config$otherColumns;
10958
+ let config = _ref5.config,
10900
10959
  handleUpdateRole = _ref5.handleUpdateRole,
10901
- permissions = _ref5.permissions;
10902
- const diplayStatusTag = ramda.identical(memberFilter, MEMBER_FILTER.ALL.value);
10903
- return [{
10904
- title: instance.t("common.name"),
10905
- key: "name",
10906
- dataIndex: "name",
10907
- render: (_, tableData) => renderNameColumn(tableData, diplayStatusTag),
10908
- width: "30%",
10909
- sorter: true
10910
- }, {
10911
- title: instance.t("common.email", SINGULAR),
10912
- dataIndex: "email",
10913
- key: "email",
10914
- width: "35%",
10915
- sorter: true
10916
- }, {
10917
- title: instance.t("common.role", SINGULAR),
10918
- dataIndex: "role",
10919
- key: "organization_role",
10920
- width: "25%",
10921
- sorter: true
10922
- }, {
10923
- dataIndex: "actions",
10924
- key: "icon_button",
10925
- render: (_, props) => renderDropdownButton(props, handleUpdateStatus, handleUpdateRole, permissions),
10926
- width: "10%"
10927
- }];
10960
+ handleUpdateStatus = _ref5.handleUpdateStatus,
10961
+ memberFilter = _ref5.memberFilter;
10962
+ const displayStatusTag = ramda.identical(memberFilter, MEMBER_FILTER.ALL.value);
10963
+ const defaultColumns = getDefaultColumns(displayStatusTag);
10964
+ const actionColumn = getActionColumn(handleUpdateRole, handleUpdateStatus, config === null || config === void 0 ? void 0 : config.permissions);
10965
+ const otherColumns = (_config$otherColumns = config === null || config === void 0 ? void 0 : config.otherColumns) !== null && _config$otherColumns !== void 0 ? _config$otherColumns : [];
10966
+ const columns = defaultColumns.map(column => {
10967
+ const otherColumn = otherColumns.find(_ref6 => {
10968
+ let dataIndex = _ref6.dataIndex;
10969
+ return ramda.identical(dataIndex, column.dataIndex);
10970
+ });
10971
+ return otherColumn || column;
10972
+ });
10973
+ otherColumns.forEach(otherColumn => {
10974
+ const column = columns.find(_ref7 => {
10975
+ let dataIndex = _ref7.dataIndex;
10976
+ return ramda.identical(dataIndex, otherColumn.dataIndex);
10977
+ });
10978
+ if (!column) columns.push(otherColumn);
10979
+ });
10980
+ if (!columns.some(_ref8 => {
10981
+ let dataIndex = _ref8.dataIndex;
10982
+ return ramda.identical(dataIndex, "actions");
10983
+ })) {
10984
+ columns.push(actionColumn);
10985
+ }
10986
+ return columns;
10928
10987
  };
10929
10988
  const renderHeaderTitle = (filterStatus, metaName) => instance.t(`common.${ramda.toLower(filterStatus)}_`, {
10930
10989
  what: metaName(PLURAL).toLocaleLowerCase()
@@ -11291,11 +11350,11 @@ const TeamMembers = _ref => {
11291
11350
  setIsOpen(ramda.assoc("manageMember", true));
11292
11351
  };
11293
11352
  const columns = React.useMemo(() => getColumnData({
11294
- memberFilter: filters.category,
11295
- handleUpdateStatus,
11353
+ config,
11296
11354
  handleUpdateRole,
11297
- permissions: config === null || config === void 0 ? void 0 : config.permissions
11298
- }), [] // eslint-disable-line react-hooks/exhaustive-deps
11355
+ handleUpdateStatus,
11356
+ memberFilter: filters.category
11357
+ }), [filters.category] // eslint-disable-line react-hooks/exhaustive-deps
11299
11358
  );
11300
11359
 
11301
11360
  const handleAlertClose = () => {
@@ -11359,6 +11418,7 @@ const TeamMembers = _ref => {
11359
11418
  }),
11360
11419
  rightActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Right, {
11361
11420
  columns: columns,
11421
+ config: config,
11362
11422
  roles: roles,
11363
11423
  rolesButtonProps: config.rolesButtonProps,
11364
11424
  selectedRows: selectedRows,
@@ -11389,7 +11449,8 @@ const TeamMembers = _ref => {
11389
11449
  }),
11390
11450
  actionBlock: /*#__PURE__*/React__default["default"].createElement(Header, {
11391
11451
  metaName: metaName,
11392
- onClick: () => setIsOpen(ramda.assoc("manageMember", true))
11452
+ onClick: () => setIsOpen(ramda.assoc("manageMember", true)),
11453
+ permissions: config === null || config === void 0 ? void 0 : config.permissions
11393
11454
  })
11394
11455
  })), /*#__PURE__*/React__default["default"].createElement(ManageMember, {
11395
11456
  config: config,
@@ -11428,7 +11489,7 @@ const VALIDATION_SCHEMA = {
11428
11489
 
11429
11490
  var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
11430
11491
 
11431
- var css = ":root {\n --ntm-roles-table-default-scroll: 15px;\n}\n\n.ntm-dropdown__button {\n border-radius: 0 !important;\n font-weight: var(--neeto-ui-font-normal);\n min-height: 34px;\n min-width: 150px;\n text-align: left;\n width: 100%;\n}\n\n.ntm-scrollbar__inner {\n width: 100%;\n height: 200px;\n}\n.ntm-scrollbar__outer {\n position: \"absolute\";\n top: 0px;\n left: 0px;\n width: 200px;\n height: 150px;\n overflow: \"hidden\";\n visibility: \"hidden\";\n}\n\n.ntm-empty-state {\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n}\n.ntm-empty-state__image {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 2rem;\n}\n.ntm-empty-state__title--with-action-block {\n margin-bottom: 1rem;\n}\n.ntm-empty-state__action-block {\n display: flex;\n justify-content: center;\n}\n\n.ntm-members {\n overflow: auto;\n width: 100%;\n}\n.ntm-members-wrapper {\n display: flex;\n}\n.ntm-members-page-loader {\n width: 100%;\n height: 100vh;\n}\n.ntm-members__table-wrapper {\n height: calc(100vh - 205px);\n width: 100%;\n}\n.ntm-members-table__column {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.ntm-members-pane__header {\n margin-bottom: 0.5rem;\n}\n.ntm-members-pane__body {\n width: 100%;\n padding-bottom: 1rem;\n}\n.ntm-members-pane__body > * + * {\n margin-top: 1rem;\n}\n.ntm-members-pane__footer {\n display: flex;\n gap: 0.5rem;\n}\n\n.ntm-members-radio-group {\n width: 100%;\n}\n.ntm-members-radio-group .neeto-ui-radio__container--stacked {\n width: 100%;\n}\n.ntm-members-radio-group__label {\n padding-right: 4px;\n}\n.ntm-members-radio-group__icon {\n cursor: pointer;\n}\n\n.ntm-members-pane-radio-item__wrapper {\n width: 100%;\n cursor: pointer;\n padding: 8px 0px !important;\n}\n.ntm-members-pane-radio-item__wrapper:first-child {\n padding-top: 0px !important;\n}\n.ntm-members-pane-radio-item__label {\n margin-bottom: 0 !important;\n}\n.ntm-members-pane-radio-item__description {\n color: rgb(var(--neeto-ui-gray-700));\n}\n\n.ntm-roles-header {\n border-bottom: 1px solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table__wrapper {\n width: 100%;\n height: calc(100vh - var(--neeto-ui-main-header-height));\n display: flex;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar {\n width: 396px;\n min-width: 396px;\n border-right: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__search {\n padding: 24px 24px 16px;\n height: 72px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list {\n height: calc(\n 100vh - var(--neeto-ui-main-header-height) - 72px -\n var(--ntm-roles-table-default-scroll)\n );\n overflow-y: auto;\n padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 8px;\n min-height: 48px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted {\n background-color: rgb(var(--neeto-ui-primary-100));\n padding: 12px 8px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted) {\n border-bottom: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns {\n width: calc(\n 100vw - var(--neeto-ui-sidebar-width) - 396px - 24px\n );\n overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__cell {\n width: 100%;\n min-width: 200px;\n min-height: 48px;\n padding: 12px 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-right: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox-wrapper {\n position: absolute;\n height: 1rem;\n width: 1rem;\n margin: auto;\n z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox {\n z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header {\n display: flex;\n align-items: center;\n overflow-x: auto;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table__cell {\n height: 72px;\n padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header-cell__container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n gap: 1rem;\n overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__dropdown {\n margin: 3px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__role-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows {\n width: 100%;\n height: calc(\n 100vh - var(--neeto-ui-main-header-height) - 72px -\n var(--ntm-roles-table-default-scroll)\n );\n overflow-y: auto;\n scrollbar-width: none;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb {\n background: rgb(var(--neeto-ui-gray-300));\n border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {\n border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {\n background: rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row {\n display: flex;\n align-items: center;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell {\n overflow: hidden;\n position: relative;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell p {\n opacity: 0;\n width: 340px;\n min-width: 340px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row.ntm-roles-table__row--highlighted .ntm-roles-table__cell {\n background-color: rgb(var(--neeto-ui-primary-100));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row:not(.ntm-roles-table__row--highlighted) .ntm-roles-table__cell {\n border-bottom: thin solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table-sidebar__drop-down-button {\n color: rgb(var(--neeto-ui-gray-600));\n cursor: pointer;\n}\n\n.ntm-roles-modal__body > * + * {\n margin-top: 1rem;\n}\n.ntm-roles-modal__footer {\n display: flex;\n gap: 0.5rem;\n}\n\n.ntm-roles-pane__body {\n width: 100%;\n margin-bottom: 1.5rem;\n}\n.ntm-roles-pane__body-wrapper > * + * {\n margin-top: 1rem;\n}\n.ntm-roles-pane__body > * + * {\n margin-top: 1.5rem;\n}\n.ntm-roles-pane__footer {\n display: flex;\n gap: 0.5rem;\n}\n\n.ntm-roles-permission > * + * {\n margin: 0.5rem;\n}\n.ntm-roles-permission__heading {\n color: rgb(var(--neeto-ui-gray-500));\n text-transform: uppercase;\n}\n.ntm-roles-permission__card {\n background-color: rgb(var(--neeto-ui-white));\n align-items: center;\n border-radius: var(--neeto-ui-rounded);\n border-width: 1px;\n border-color: rgb(var(--neeto-ui-gray-300));\n cursor: pointer;\n display: flex;\n gap: 0.75rem;\n padding: 1rem 0.75rem;\n}\n.ntm-roles-permission__card--description {\n flex-grow: 1;\n}\n.ntm-roles-permission__card--checkbox {\n padding: 0 0.5rem;\n}\n\ntd.ant-table-column-sort {\n background: transparent;\n}";
11492
+ var css = ":root {\n --ntm-roles-table-default-scroll: 15px;\n}\n\n.ntm-dropdown__button {\n border-radius: 0 !important;\n font-weight: var(--neeto-ui-font-normal);\n min-height: 34px;\n min-width: 150px;\n text-align: left;\n width: 100%;\n}\n\n.ntm-scrollbar__inner {\n width: 100%;\n height: 200px;\n}\n.ntm-scrollbar__outer {\n position: \"absolute\";\n top: 0px;\n left: 0px;\n width: 200px;\n height: 150px;\n overflow: \"hidden\";\n visibility: \"hidden\";\n}\n\n.ntm-empty-state {\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n}\n.ntm-empty-state__image {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 2rem;\n}\n.ntm-empty-state__title--with-action-block {\n margin-bottom: 1rem;\n}\n.ntm-empty-state__action-block {\n display: flex;\n justify-content: center;\n}\n\n.ntm-members {\n overflow: auto;\n width: 100%;\n}\n.ntm-members-wrapper {\n display: flex;\n}\n.ntm-members-page-loader {\n width: 100%;\n height: 100vh;\n}\n.ntm-members__table-wrapper {\n height: calc(100vh - 205px);\n width: 100%;\n}\n.ntm-members-table__column {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.ntm-members-pane__header {\n margin-bottom: 0.5rem;\n}\n.ntm-members-pane__body {\n width: 100%;\n padding-bottom: 1rem;\n}\n.ntm-members-pane__body > * + * {\n margin-top: 1rem;\n}\n.ntm-members-pane__footer {\n display: flex;\n gap: 0.5rem;\n}\n\n.ntm-members-radio-group {\n width: 100%;\n}\n.ntm-members-radio-group .neeto-ui-radio__container--stacked {\n width: 100%;\n}\n.ntm-members-radio-group__label {\n padding-right: 4px;\n}\n.ntm-members-radio-group__icon {\n cursor: pointer;\n}\n\n.ntm-members-pane-radio-item__wrapper {\n width: 100%;\n cursor: pointer;\n padding: 8px 0px !important;\n}\n.ntm-members-pane-radio-item__wrapper:first-child {\n padding-top: 0px !important;\n}\n.ntm-members-pane-radio-item__label {\n margin-bottom: 0 !important;\n}\n.ntm-members-pane-radio-item__description {\n color: rgb(var(--neeto-ui-gray-700));\n}\n\n.ntm-roles-header {\n border-bottom: 1px solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table__wrapper {\n width: 100%;\n height: calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height));\n display: flex;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar {\n width: 396px;\n min-width: 396px;\n border-right: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__search {\n padding: 24px 24px 16px;\n height: 72px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list {\n height: calc(\n 100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - 72px -\n var(--ntm-roles-table-default-scroll)\n );\n overflow-y: auto;\n padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 8px;\n min-height: 68px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted {\n background-color: rgb(var(--neeto-ui-primary-100));\n padding: 12px 8px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted) {\n border-bottom: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns {\n width: calc(\n 100vw - var(--neeto-ui-sidebar-width) - 396px - 24px\n );\n overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__cell {\n width: 100%;\n min-width: 200px;\n min-height: 68px;\n padding: 12px 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-right: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox-wrapper {\n position: absolute;\n height: 1rem;\n width: 1rem;\n margin: auto;\n z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox {\n z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header {\n display: flex;\n align-items: center;\n overflow-x: auto;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table__cell {\n height: 72px;\n padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header-cell__container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n gap: 1rem;\n overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__dropdown {\n margin: 3px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__role-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows {\n width: 100%;\n height: calc(\n 100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - 72px -\n var(--ntm-roles-table-default-scroll)\n );\n overflow-y: auto;\n scrollbar-width: none;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb {\n background: rgb(var(--neeto-ui-gray-300));\n border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {\n border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {\n background: rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row {\n display: flex;\n align-items: center;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell {\n overflow: hidden;\n position: relative;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell p {\n opacity: 0;\n width: 340px;\n min-width: 340px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row.ntm-roles-table__row--highlighted .ntm-roles-table__cell {\n background-color: rgb(var(--neeto-ui-primary-100));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row:not(.ntm-roles-table__row--highlighted) .ntm-roles-table__cell {\n border-bottom: thin solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table-sidebar__drop-down-button {\n color: rgb(var(--neeto-ui-gray-600));\n cursor: pointer;\n}\n\n.ntm-roles-modal__body > * + * {\n margin-top: 1rem;\n}\n.ntm-roles-modal__footer {\n display: flex;\n gap: 0.5rem;\n}\n\n.ntm-roles-pane__body {\n width: 100%;\n margin-bottom: 1.5rem;\n}\n.ntm-roles-pane__body-wrapper > * + * {\n margin-top: 1rem;\n}\n.ntm-roles-pane__body > * + * {\n margin-top: 1.5rem;\n}\n.ntm-roles-pane__footer {\n display: flex;\n gap: 0.5rem;\n}\n\n.ntm-roles-permission > * + * {\n margin: 0.5rem;\n}\n.ntm-roles-permission__heading {\n color: rgb(var(--neeto-ui-gray-500));\n text-transform: uppercase;\n}\n.ntm-roles-permission__card {\n background-color: rgb(var(--neeto-ui-white));\n align-items: center;\n border-radius: var(--neeto-ui-rounded);\n border-width: 1px;\n border-color: rgb(var(--neeto-ui-gray-300));\n cursor: pointer;\n display: flex;\n gap: 0.75rem;\n padding: 1rem 0.75rem;\n}\n.ntm-roles-permission__card--description {\n flex-grow: 1;\n}\n.ntm-roles-permission__card--checkbox {\n padding: 0 0.5rem;\n}\n\n.ntm-roles-help-url-wrapper {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n padding: 1rem 0;\n}\n\ntd.ant-table-column-sort {\n background: transparent;\n}";
11432
11493
  n(css,{});
11433
11494
 
11434
11495
  exports.MultipleEmailInput = MultipleEmailInput;