@bigbinary/neeto-team-members-frontend 5.0.26 → 5.0.27

package/dist/{ProfileImage-B1HLSck6.js.map → ProfileImage-mFiFnQz4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ProfileImage-B1HLSck6.js","sources":["../app/javascript/src/apis/profile.js","../app/javascript/src/components/Profile/constants.js","../app/javascript/src/hooks/profile/useCountriesApi.js","../app/javascript/src/components/Profile/hooks/useCountries.js","../app/javascript/src/components/Profile/ProfileImage.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/common/constants\";\n\nconst fetchCountries = () => axios.get(`${BASE_URL}/profile/countries`);\n\nconst fetchUserDetails = () => axios.get(`${BASE_URL}/profile/user`);\n\nconst updateUser = ({ id, payload }) =>\n  axios.put(`${BASE_URL}/profile/user/${id}`, payload);\n\nconst profileApi = { fetchCountries, fetchUserDetails, updateUser };\n\nexport default profileApi;\n","import { t } from \"i18next\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport * as yup from \"yup\";\n\nexport const PROFILE_VALIDATION_SCHEMA = yup.object().shape({\n  firstName: yup\n    .string()\n    .trim()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.firstName\"))\n    .matches(\n      /^[\\p{L}\\p{N} ,'-áéíóúÁÉÍÓÚ]+$/iu,\n      t(\"neetoTeamMembers.profile.form.invalidName\")\n    )\n    .matches(/^[^.]+$/i, t(\"neetoTeamMembers.profile.form.dotsNotAllowed\")),\n  lastName: yup\n    .string()\n    .trim()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.lastName\"))\n    .matches(\n      /^[\\p{L}\\p{N} ,'-áéíóúÁÉÍÓÚ]+$/iu,\n      t(\"neetoTeamMembers.profile.form.invalidName\")\n    )\n    .matches(/^[^.]+$/i, t(\"neetoTeamMembers.profile.form.dotsNotAllowed\")),\n  dateFormat: yup\n    .string()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.dateFormat\")),\n});\n\nexport const MY_PROFILE_PATH = \"/auth/profile/edit\";\n\nexport const ALLOWED_PROFILE_IMAGE_MIME_TYPES = [\"image/jpeg\", \"image/png\"];\nexport const IMAGE_DELETE_BUTTON_SIZE = 16;\nexport const STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES =\n  globalProps.endUserUploadedFileSizeLimitInMb * 1024 * 1024;\n\nexport const VALIDATION_ERRORS = {\n  invalid_type: t(\"neetoTeamMembers.profile.file.invalidType.image\"),\n  corrupted_file: t(\"neetoTeamMembers.profile.file.corrupted\"),\n  file_limit_exceeded: t(\"neetoTeamMembers.profile.file.limitExceeded\", {\n    maxSize: globalProps.endUserUploadedFileSizeLimitInMb,\n  }),\n};\n\nexport const DEFAULT_POPOVER_VALUES = {\n  preferredDateFormat: {},\n  preferredTimeFormat: {},\n  timeZone: {},\n};\n","import { useQuery } from \"@tanstack/react-query\";\nimport { DEFAULT_STALE_TIME } from \"neetocommons/constants\";\n\nimport profileApi from \"src/apis/profile\";\nimport { QUERY_KEYS } from \"src/common/constants\";\n\nconst useFetchCountries = options =>\n  useQuery({\n    queryKey: [QUERY_KEYS.COUNTRIES_LIST],\n    queryFn: profileApi.fetchCountries,\n    staleTime: DEFAULT_STALE_TIME,\n    ...options,\n  });\n\nexport { useFetchCountries };\n","import { useCallback, useMemo, useState } from \"react\";\n\nimport { findById } from \"neetocist\";\n\nimport { useFetchCountries } from \"hooks/profile/useCountriesApi\";\n\nconst useCountries = () => {\n  const [selectedCountryOption, setSelectedCountryOption] = useState(null);\n\n  const { data: { countries = [] } = {}, isLoading } = useFetchCountries();\n\n  const formatCountryOption = country => ({\n    label: country?.name,\n    value: country?.id,\n  });\n\n  const countryDropdownOptions = useMemo(\n    () => countries.map(formatCountryOption),\n    [countries]\n  );\n\n  const handleCountryChange = useCallback(\n    countryOption => {\n      setSelectedCountryOption(countryOption);\n\n      const dependentFields = {};\n      const selectedCountry = findById(countryOption.value, countries);\n\n      dependentFields.dateFormat = selectedCountry.dateFormat;\n\n      return dependentFields;\n    },\n    [countries]\n  );\n\n  return {\n    countryDropdownOptions,\n    selectedCountryOption,\n    isFetchingCountriesList: isLoading,\n    handleCountryChange,\n  };\n};\n\nexport default useCountries;\n","import { useRef } from \"react\";\n\nimport { useField } from \"formik\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Edit } from \"neetoicons\";\nimport { Avatar, Dropdown, Toastr, Typography } from \"neetoui\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport {\n  ALLOWED_PROFILE_IMAGE_MIME_TYPES,\n  STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES,\n  VALIDATION_ERRORS,\n} from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ProfileImage = () => {\n  const { t } = useTranslation();\n  const fileInputRef = useRef(null);\n\n  const [field, _, helpers] = useField(\"avatar\");\n  const { setValue } = helpers;\n\n  const avatarDetails = { imageUrl: field.value.imageUrl };\n\n  const onProfileImageChange = event => {\n    const imageFile = event.target.files[0];\n    const validationError = validateProfileImage(imageFile);\n\n    if (validationError) {\n      Toastr.error(validationError);\n\n      return validationError;\n    }\n\n    return setValue({\n      imageUrl: URL.createObjectURL(imageFile),\n      file: imageFile,\n    });\n  };\n\n  const handleChangeImage = () => fileInputRef.current?.click();\n\n  const handleRemoveImage = () => setValue({ imageUrl: \"\", file: \"_destroy\" });\n\n  const validateProfileImage = imageFile => {\n    const { type, size } = imageFile;\n\n    if (!ALLOWED_PROFILE_IMAGE_MIME_TYPES.includes(type)) {\n      return VALIDATION_ERRORS.invalid_type;\n    }\n\n    if (size === 0) return VALIDATION_ERRORS.corrupted_file;\n\n    if (size > STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES) {\n      return VALIDATION_ERRORS.file_limit_exceeded;\n    }\n\n    return null;\n  };\n\n  return (\n    <div className=\"mb-4 flex flex-col items-center gap-2\">\n      <div className=\"relative shrink-0\">\n        <div className=\"absolute bottom-0 end-0 z-10\">\n          <Dropdown\n            // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n            buttonProps={{ className: \"rounded-full\" }}\n            buttonSize=\"small\"\n            buttonStyle=\"tertiary\"\n            icon={Edit}\n          >\n            <Menu>\n              <MenuItem.Button\n                data-testid=\"profile-image-upload-button\"\n                onClick={handleChangeImage}\n              >\n                {avatarDetails?.imageUrl\n                  ? t(\"neetoTeamMembers.profile.avatar.changeProfilePicture\")\n                  : t(\"neetoTeamMembers.profile.avatar.uploadProfilePicture\")}\n              </MenuItem.Button>\n              <MenuItem.Button\n                data-testid=\"profile-image-remove-button\"\n                onClick={handleRemoveImage}\n              >\n                {t(\"neetoTeamMembers.buttons.remove\")}\n              </MenuItem.Button>\n            </Menu>\n          </Dropdown>\n        </div>\n        <Avatar size=\"extraLarge\" user={avatarDetails} />\n      </div>\n      <div className=\"flex flex-col items-center\">\n        <Typography\n          className=\"neeto-ui-text-gray-600 text-center\"\n          style=\"body3\"\n        >\n          <Trans\n            i18nKey=\"neetoTeamMembers.profile.avatar.profilePictureUploadMessage\"\n            values={{\n              limit: globalProps.endUserUploadedFileSizeLimitInMb,\n            }}\n          />\n        </Typography>\n        <input\n          hidden\n          accept=\"image/*\"\n          data-testid=\"profile-image-upload-file-field\"\n          id=\"uploadProfileImage\"\n          key={avatarDetails?.imageUrl}\n          name=\"profile_image_path\"\n          ref={fileInputRef}\n          type=\"file\"\n          onChange={onProfileImageChange}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default ProfileImage;\n"],"names":["fetchCountries","axios","get","concat","BASE_URL","fetchUserDetails","updateUser","_ref","id","payload","put","profileApi","PROFILE_VALIDATION_SCHEMA","yup","object","shape","firstName","string","trim","required","t","matches","lastName","dateFormat","MY_PROFILE_PATH","ALLOWED_PROFILE_IMAGE_MIME_TYPES","STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES","globalProps","endUserUploadedFileSizeLimitInMb","VALIDATION_ERRORS","invalid_type","corrupted_file","file_limit_exceeded","maxSize","DEFAULT_POPOVER_VALUES","preferredDateFormat","preferredTimeFormat","timeZone","useFetchCountries","options","useQuery","_objectSpread","queryKey","QUERY_KEYS","COUNTRIES_LIST","queryFn","staleTime","DEFAULT_STALE_TIME","useCountries","_useState","useState","_useState2","_slicedToArray","selectedCountryOption","setSelectedCountryOption","_useFetchCountries","_useFetchCountries$da","data","_useFetchCountries$da2","_useFetchCountries$da3","countries","isLoading","formatCountryOption","country","label","name","value","countryDropdownOptions","useMemo","map","handleCountryChange","useCallback","countryOption","dependentFields","selectedCountry","findById","isFetchingCountriesList","Menu","Dropdown","MenuItem","ProfileImage","_useTranslation","useTranslation","fileInputRef","useRef","_useField","useField","_useField2","field","_","helpers","setValue","avatarDetails","imageUrl","onProfileImageChange","event","imageFile","target","files","validationError","validateProfileImage","Toastr","error","URL","createObjectURL","file","handleChangeImage","_fileInputRef$current","current","click","handleRemoveImage","type","size","includes","_jsxs","className","children","_jsx","buttonProps","buttonSize","buttonStyle","icon","Edit","Button","onClick","Avatar","user","Typography","style","Trans","i18nKey","values","limit","hidden","accept","ref","onChange"],"mappings":"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"}
+{"version":3,"file":"ProfileImage-mFiFnQz4.js","sources":["../app/javascript/src/apis/profile.js","../app/javascript/src/components/Profile/constants.js","../app/javascript/src/hooks/profile/useCountriesApi.js","../app/javascript/src/components/Profile/hooks/useCountries.js","../app/javascript/src/components/Profile/ProfileImage.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/common/constants\";\n\nconst fetchCountries = () => axios.get(`${BASE_URL}/profile/countries`);\n\nconst fetchUserDetails = () => axios.get(`${BASE_URL}/profile/user`);\n\nconst updateUser = ({ id, payload }) =>\n  axios.put(`${BASE_URL}/profile/user/${id}`, payload);\n\nconst profileApi = { fetchCountries, fetchUserDetails, updateUser };\n\nexport default profileApi;\n","import { t } from \"i18next\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport * as yup from \"yup\";\n\nexport const PROFILE_VALIDATION_SCHEMA = yup.object().shape({\n  firstName: yup\n    .string()\n    .trim()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.firstName\"))\n    .matches(\n      /^[\\p{L}\\p{N} ,'-áéíóúÁÉÍÓÚ]+$/iu,\n      t(\"neetoTeamMembers.profile.form.invalidName\")\n    )\n    .matches(/^[^.]+$/i, t(\"neetoTeamMembers.profile.form.dotsNotAllowed\")),\n  lastName: yup\n    .string()\n    .trim()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.lastName\"))\n    .matches(\n      /^[\\p{L}\\p{N} ,'-áéíóúÁÉÍÓÚ]+$/iu,\n      t(\"neetoTeamMembers.profile.form.invalidName\")\n    )\n    .matches(/^[^.]+$/i, t(\"neetoTeamMembers.profile.form.dotsNotAllowed\")),\n  dateFormat: yup\n    .string()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.dateFormat\")),\n});\n\nexport const MY_PROFILE_PATH = \"/auth/profile/edit\";\n\nexport const ALLOWED_PROFILE_IMAGE_MIME_TYPES = [\"image/jpeg\", \"image/png\"];\nexport const IMAGE_DELETE_BUTTON_SIZE = 16;\nexport const STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES =\n  globalProps.endUserUploadedFileSizeLimitInMb * 1024 * 1024;\n\nexport const VALIDATION_ERRORS = {\n  invalid_type: t(\"neetoTeamMembers.profile.file.invalidType.image\"),\n  corrupted_file: t(\"neetoTeamMembers.profile.file.corrupted\"),\n  file_limit_exceeded: t(\"neetoTeamMembers.profile.file.limitExceeded\", {\n    maxSize: globalProps.endUserUploadedFileSizeLimitInMb,\n  }),\n};\n\nexport const DEFAULT_POPOVER_VALUES = {\n  preferredDateFormat: {},\n  preferredTimeFormat: {},\n  timeZone: {},\n};\n","import { useQuery } from \"@tanstack/react-query\";\nimport { DEFAULT_STALE_TIME } from \"neetocommons/constants\";\n\nimport profileApi from \"src/apis/profile\";\nimport { QUERY_KEYS } from \"src/common/constants\";\n\nconst useFetchCountries = options =>\n  useQuery({\n    queryKey: [QUERY_KEYS.COUNTRIES_LIST],\n    queryFn: profileApi.fetchCountries,\n    staleTime: DEFAULT_STALE_TIME,\n    ...options,\n  });\n\nexport { useFetchCountries };\n","import { useCallback, useMemo, useState } from \"react\";\n\nimport { findById } from \"neetocist\";\n\nimport { useFetchCountries } from \"hooks/profile/useCountriesApi\";\n\nconst useCountries = () => {\n  const [selectedCountryOption, setSelectedCountryOption] = useState(null);\n\n  const { data: { countries = [] } = {}, isLoading } = useFetchCountries();\n\n  const formatCountryOption = country => ({\n    label: country?.name,\n    value: country?.id,\n  });\n\n  const countryDropdownOptions = useMemo(\n    () => countries.map(formatCountryOption),\n    [countries]\n  );\n\n  const handleCountryChange = useCallback(\n    countryOption => {\n      setSelectedCountryOption(countryOption);\n\n      const dependentFields = {};\n      const selectedCountry = findById(countryOption.value, countries);\n\n      dependentFields.dateFormat = selectedCountry.dateFormat;\n\n      return dependentFields;\n    },\n    [countries]\n  );\n\n  return {\n    countryDropdownOptions,\n    selectedCountryOption,\n    isFetchingCountriesList: isLoading,\n    handleCountryChange,\n  };\n};\n\nexport default useCountries;\n","import { useRef } from \"react\";\n\nimport { useField } from \"formik\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Edit } from \"neetoicons\";\nimport { Avatar, Dropdown, Toastr, Typography } from \"neetoui\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport {\n  ALLOWED_PROFILE_IMAGE_MIME_TYPES,\n  STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES,\n  VALIDATION_ERRORS,\n} from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ProfileImage = () => {\n  const { t } = useTranslation();\n  const fileInputRef = useRef(null);\n\n  const [field, _, helpers] = useField(\"avatar\");\n  const { setValue } = helpers;\n\n  const avatarDetails = { imageUrl: field.value.imageUrl };\n\n  const onProfileImageChange = event => {\n    const imageFile = event.target.files[0];\n    const validationError = validateProfileImage(imageFile);\n\n    if (validationError) {\n      Toastr.error(validationError);\n\n      return validationError;\n    }\n\n    return setValue({\n      imageUrl: URL.createObjectURL(imageFile),\n      file: imageFile,\n    });\n  };\n\n  const handleChangeImage = () => fileInputRef.current?.click();\n\n  const handleRemoveImage = () => setValue({ imageUrl: \"\", file: \"_destroy\" });\n\n  const validateProfileImage = imageFile => {\n    const { type, size } = imageFile;\n\n    if (!ALLOWED_PROFILE_IMAGE_MIME_TYPES.includes(type)) {\n      return VALIDATION_ERRORS.invalid_type;\n    }\n\n    if (size === 0) return VALIDATION_ERRORS.corrupted_file;\n\n    if (size > STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES) {\n      return VALIDATION_ERRORS.file_limit_exceeded;\n    }\n\n    return null;\n  };\n\n  return (\n    <div className=\"mb-4 flex flex-col items-center gap-2\">\n      <div className=\"relative shrink-0\">\n        <div className=\"absolute bottom-0 end-0 z-10\">\n          <Dropdown\n            // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n            buttonProps={{ className: \"rounded-full\" }}\n            buttonSize=\"small\"\n            buttonStyle=\"tertiary\"\n            icon={Edit}\n          >\n            <Menu>\n              <MenuItem.Button\n                data-testid=\"profile-image-upload-button\"\n                onClick={handleChangeImage}\n              >\n                {avatarDetails?.imageUrl\n                  ? t(\"neetoTeamMembers.profile.avatar.changeProfilePicture\")\n                  : t(\"neetoTeamMembers.profile.avatar.uploadProfilePicture\")}\n              </MenuItem.Button>\n              <MenuItem.Button\n                data-testid=\"profile-image-remove-button\"\n                onClick={handleRemoveImage}\n              >\n                {t(\"neetoTeamMembers.buttons.remove\")}\n              </MenuItem.Button>\n            </Menu>\n          </Dropdown>\n        </div>\n        <Avatar size=\"extraLarge\" user={avatarDetails} />\n      </div>\n      <div className=\"flex flex-col items-center\">\n        <Typography\n          className=\"neeto-ui-text-gray-600 text-center\"\n          style=\"body3\"\n        >\n          <Trans\n            i18nKey=\"neetoTeamMembers.profile.avatar.profilePictureUploadMessage\"\n            values={{\n              limit: globalProps.endUserUploadedFileSizeLimitInMb,\n            }}\n          />\n        </Typography>\n        <input\n          hidden\n          accept=\"image/*\"\n          data-testid=\"profile-image-upload-file-field\"\n          id=\"uploadProfileImage\"\n          key={avatarDetails?.imageUrl}\n          name=\"profile_image_path\"\n          ref={fileInputRef}\n          type=\"file\"\n          onChange={onProfileImageChange}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default ProfileImage;\n"],"names":["fetchCountries","axios","get","concat","BASE_URL","fetchUserDetails","updateUser","_ref","id","payload","put","profileApi","PROFILE_VALIDATION_SCHEMA","yup","object","shape","firstName","string","trim","required","t","matches","lastName","dateFormat","MY_PROFILE_PATH","ALLOWED_PROFILE_IMAGE_MIME_TYPES","STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES","globalProps","endUserUploadedFileSizeLimitInMb","VALIDATION_ERRORS","invalid_type","corrupted_file","file_limit_exceeded","maxSize","DEFAULT_POPOVER_VALUES","preferredDateFormat","preferredTimeFormat","timeZone","useFetchCountries","options","useQuery","_objectSpread","queryKey","QUERY_KEYS","COUNTRIES_LIST","queryFn","staleTime","DEFAULT_STALE_TIME","useCountries","_useState","useState","_useState2","_slicedToArray","selectedCountryOption","setSelectedCountryOption","_useFetchCountries","_useFetchCountries$da","data","_useFetchCountries$da2","_useFetchCountries$da3","countries","isLoading","formatCountryOption","country","label","name","value","countryDropdownOptions","useMemo","map","handleCountryChange","useCallback","countryOption","dependentFields","selectedCountry","findById","isFetchingCountriesList","Menu","Dropdown","MenuItem","ProfileImage","_useTranslation","useTranslation","fileInputRef","useRef","_useField","useField","_useField2","field","_","helpers","setValue","avatarDetails","imageUrl","onProfileImageChange","event","imageFile","target","files","validationError","validateProfileImage","Toastr","error","URL","createObjectURL","file","handleChangeImage","_fileInputRef$current","current","click","handleRemoveImage","type","size","includes","_jsxs","className","children","_jsx","buttonProps","buttonSize","buttonStyle","icon","Edit","Button","onClick","Avatar","user","Typography","style","Trans","i18nKey","values","limit","hidden","accept","ref","onChange"],"mappings":"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"}

package/dist/Roles.js

@@ -8,13 +8,13 @@ import { useQueryParams, withTitle } from '@bigbinary/neeto-commons-frontend/rea
 import Container from '@bigbinary/neeto-molecules/Container';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { not, map, prop, identical, includes, __, groupBy, pluck, isEmpty, filter } from 'ramda';
-import { w as withReactQuery } from './withReactQuery-CHybbL5V.js';
+import { w as withReactQuery } from './withReactQuery-Dia59qcs.js';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
-import { B as BASE_URL, Q as QUERY_KEYS, A as ADMIN_ROLES } from './constants-CbaUJ-B2.js';
-import { b as useCreateRole, c as useUpdateRole, S as ScrollToErrorField, d as useDestroyRole, u as useFetchRoles, e as useBulkUpdateRoles } from './index-_hZkDXWE.js';
-import { n } from './inject-css-DmrvuTKK.js';
+import { B as BASE_URL, Q as QUERY_KEYS, A as ADMIN_ROLES } from './constants-DT4xO8OX.js';
+import { b as useCreateRole, c as useUpdateRole, S as ScrollToErrorField, d as useDestroyRole, u as useFetchRoles, e as useBulkUpdateRoles } from './index-D2O8XH80.js';
+import { n } from './inject-css-C2dztUxs.js';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
 import Button from '@bigbinary/neetoui/Button';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
@@ -28,7 +28,7 @@ import Form from '@bigbinary/neetoui/formik/Form';
 import Input from '@bigbinary/neetoui/formik/Input';
 import Textarea from '@bigbinary/neetoui/formik/Textarea';
 import { object, string } from 'yup';
-import { P as Permissions, g as getChildrenRemovedFromRoot, s as sortPermissionsBySequence, a as getPermissionGroups, b as getModifiedPermissions } from './Permissions-CE-8cBOC.js';
+import { P as Permissions, g as getChildrenRemovedFromRoot, s as sortPermissionsBySequence, a as getPermissionGroups, b as getModifiedPermissions } from './Permissions-BCkBjBNL.js';
 import NoData from '@bigbinary/neetoui/NoData';
 import classnames from 'classnames';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
@@ -47,7 +47,7 @@ import 'formik';
 
 var dist = {exports: {}};
 
-(function (module, exports) {
+(function (module, exports$1) {
 	(function webpackUniversalModuleDefinition(root, factory) {
 		module.exports = factory(React__default);
 	})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE_4__) {
@@ -90,9 +90,9 @@ var dist = {exports: {}};
 	/******/ 	__webpack_require__.i = function(value) { return value; };
 	/******/
 	/******/ 	// define getter function for harmony exports
-	/******/ 	__webpack_require__.d = function(exports, name, getter) {
-	/******/ 		if(!__webpack_require__.o(exports, name)) {
-	/******/ 			Object.defineProperty(exports, name, {
+	/******/ 	__webpack_require__.d = function(exports$1, name, getter) {
+	/******/ 		if(!__webpack_require__.o(exports$1, name)) {
+	/******/ 			Object.defineProperty(exports$1, name, {
 	/******/ 				configurable: false,
 	/******/ 				enumerable: true,
 	/******/ 				get: getter
@@ -121,7 +121,7 @@ var dist = {exports: {}};
 	/************************************************************************/
 	/******/ ([
 	/* 0 */
-	/***/ (function(module, exports) {
+	/***/ (function(module, exports$1) {
 
 	// shim for using process in browser
 	var process = module.exports = {};
@@ -311,7 +311,7 @@ var dist = {exports: {}};
 
 	/***/ }),
 	/* 1 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 
 
 	/**
@@ -353,7 +353,7 @@ var dist = {exports: {}};
 
 	/***/ }),
 	/* 2 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 	/* WEBPACK VAR INJECTION */(function(process) {/**
 	 * Copyright (c) 2013-present, Facebook, Inc.
 	 * All rights reserved.
@@ -385,11 +385,11 @@ var dist = {exports: {}};
 	}
 
 	module.exports = invariant;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+	/* WEBPACK VAR INJECTION */}.call(exports$1, __webpack_require__(0)));
 
 	/***/ }),
 	/* 3 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 	/**
 	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
@@ -408,16 +408,16 @@ var dist = {exports: {}};
 
 	/***/ }),
 	/* 4 */
-	/***/ (function(module, exports) {
+	/***/ (function(module, exports$1) {
 
 	module.exports = __WEBPACK_EXTERNAL_MODULE_4__;
 
 	/***/ }),
 	/* 5 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 
 
-	Object.defineProperty(exports, "__esModule", {
+	Object.defineProperty(exports$1, "__esModule", {
 	  value: true
 	});
 
@@ -432,12 +432,12 @@ var dist = {exports: {}};
 	  unregisterPane: function unregisterPane() {}
 	});
 
-	exports.default = ScrollSyncContext;
-	module.exports = exports['default'];
+	exports$1.default = ScrollSyncContext;
+	module.exports = exports$1['default'];
 
 	/***/ }),
 	/* 6 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 	/* WEBPACK VAR INJECTION */(function(process) {/**
 	 * Copyright 2014-2015, Facebook, Inc.
 	 * All rights reserved.
@@ -462,11 +462,11 @@ var dist = {exports: {}};
 	var warning = emptyFunction;
 
 	module.exports = warning;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+	/* WEBPACK VAR INJECTION */}.call(exports$1, __webpack_require__(0)));
 
 	/***/ }),
 	/* 7 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {/**
 	 * Copyright 2013-present, Facebook, Inc.
@@ -483,14 +483,14 @@ var dist = {exports: {}};
 	  module.exports = __webpack_require__(12)();
 	}
 
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+	/* WEBPACK VAR INJECTION */}.call(exports$1, __webpack_require__(0)));
 
 	/***/ }),
 	/* 8 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 
 
-	Object.defineProperty(exports, "__esModule", {
+	Object.defineProperty(exports$1, "__esModule", {
 	  value: true
 	});
 
@@ -685,15 +685,15 @@ var dist = {exports: {}};
 	  horizontal: true,
 	  enabled: true
 	};
-	exports.default = ScrollSync;
-	module.exports = exports['default'];
+	exports$1.default = ScrollSync;
+	module.exports = exports$1['default'];
 
 	/***/ }),
 	/* 9 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 
 
-	Object.defineProperty(exports, "__esModule", {
+	Object.defineProperty(exports$1, "__esModule", {
 	  value: true
 	});
 
@@ -818,21 +818,21 @@ var dist = {exports: {}};
 	  group: 'default',
 	  enabled: true
 	};
-	exports.default = ScrollSyncPane;
-	module.exports = exports['default'];
+	exports$1.default = ScrollSyncPane;
+	module.exports = exports$1['default'];
 
 	/***/ }),
 	/* 10 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 
 
-	Object.defineProperty(exports, "__esModule", {
+	Object.defineProperty(exports$1, "__esModule", {
 	  value: true
 	});
 
 	var _ScrollSync = __webpack_require__(8);
 
-	Object.defineProperty(exports, 'ScrollSync', {
+	Object.defineProperty(exports$1, 'ScrollSync', {
 	  enumerable: true,
 	  get: function get() {
 	    return _interopRequireDefault(_ScrollSync).default;
@@ -841,7 +841,7 @@ var dist = {exports: {}};
 
 	var _ScrollSyncPane = __webpack_require__(9);
 
-	Object.defineProperty(exports, 'ScrollSyncPane', {
+	Object.defineProperty(exports$1, 'ScrollSyncPane', {
 	  enumerable: true,
 	  get: function get() {
 	    return _interopRequireDefault(_ScrollSyncPane).default;
@@ -852,7 +852,7 @@ var dist = {exports: {}};
 
 	/***/ }),
 	/* 11 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 	/* WEBPACK VAR INJECTION */(function(process) {/**
 	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
@@ -878,11 +878,11 @@ var dist = {exports: {}};
 
 	module.exports = checkPropTypes;
 
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+	/* WEBPACK VAR INJECTION */}.call(exports$1, __webpack_require__(0)));
 
 	/***/ }),
 	/* 12 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 	/**
 	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
@@ -944,7 +944,7 @@ var dist = {exports: {}};
 
 	/***/ }),
 	/* 13 */
-	/***/ (function(module, exports, __webpack_require__) {
+	/***/ (function(module, exports$1, __webpack_require__) {
 	/* WEBPACK VAR INJECTION */(function(process) {/**
 	 * Copyright 2013-present, Facebook, Inc.
 	 * All rights reserved.
@@ -1431,7 +1431,7 @@ var dist = {exports: {}};
 	  return ReactPropTypes;
 	};
 
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+	/* WEBPACK VAR INJECTION */}.call(exports$1, __webpack_require__(0)));
 
 	/***/ })
 	/******/ ]);
@@ -1449,7 +1449,7 @@ var permissionsApi = {
 };
 
 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; }
+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), true).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 useFetchPermissions = function useFetchPermissions() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return useQuery(_objectSpread$1({
@@ -1572,7 +1572,7 @@ var ROLE_FORMIK_PROPS = {
 };
 
 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(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), true).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 ManageRoles = function ManageRoles(_ref) {
   var _selectedRole$permiss;
   var config = _ref.config,
@@ -1848,7 +1848,7 @@ var MENU_ITEMS = {
   DELETE: "delete"
 };
 
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var _deepClone = function deepClone(object) {
@@ -2100,7 +2100,7 @@ var getFilteredCategories = function getFilteredCategories(filteredGroupPermissi
   });
 };
 
-var TableHeader = function TableHeader(_ref) {
+var TableHeader$1 = function TableHeader(_ref) {
   var config = _ref.config,
     roles = _ref.roles,
     setManageRole = _ref.setManageRole,
@@ -2165,7 +2165,7 @@ var TableHeader = function TableHeader(_ref) {
     })
   });
 };
-var TableHeader$1 = /*#__PURE__*/memo(TableHeader);
+var TableHeader = /*#__PURE__*/memo(TableHeader$1);
 
 var Delete = function Delete(_ref) {
   var isOpen = _ref.isOpen,
@@ -2228,7 +2228,7 @@ var Columns = function Columns(_ref) {
   };
   return /*#__PURE__*/jsxs("div", {
     className: "ntm-roles-table__columns",
-    children: [/*#__PURE__*/jsx(TableHeader$1, {
+    children: [/*#__PURE__*/jsx(TableHeader, {
       config: config,
       setIsScrollPresent: setIsScrollPresent,
       setManageRole: setManageRole,