@bigbinary/neeto-team-members-frontend 2.4.5 → 2.4.7

package/dist/index.esm.js

@@ -1,15 +1,15 @@
-import React, { createContext, useContext, useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import React, { createContext, useContext, createElement, isValidElement, cloneElement, useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import { complement, isEmpty, modifyPath, prepend, assocPath, findIndex, propEq, dissocPath, groupBy, is, prop, keys, map, identical, modify, includes, fromPairs, toPairs, filter, isNil, curry, __, trim, toLower, identity, without, append, clamp, mergeLeft, pluck, head, reverse, assoc } from 'ramda';
 import ReactDOM from 'react-dom';
 import axios from 'axios';
 import { Toastr, Tooltip, Button, Typography, Checkbox, Pane, Dropdown, Alert, Input as Input$1, PageLoader, Label, Avatar, Tag, Table as Table$1 } from '@bigbinary/neetoui';
-import { modifyPath, prepend, assocPath, findIndex, propEq, dissocPath, groupBy, is, prop, keys, map, identical, modify, includes, fromPairs, toPairs, filter, isEmpty, isNil, curry, complement, __, trim, toLower, identity, without, append, clamp, mergeLeft, pluck, head, reverse, assoc } from 'ramda';
 import { Header as Header$2, Container, MenuBar, SubHeader as SubHeader$1 } from '@bigbinary/neetoui/layouts';
 import { useFormikContext, Formik, Form } from 'formik';
 import { Input, Textarea, EmailInput, Radio } from '@bigbinary/neetoui/formik';
 import * as yup from 'yup';
 import { object, string } from 'yup';
 import classnames from 'classnames';
-import { MenuHorizontal, Up, Down, Search } from '@bigbinary/neeto-icons';
+import { MenuHorizontal, Up, Down, Search, Info } from '@bigbinary/neeto-icons';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -140,9 +140,9 @@ function _toArray(arr) {
   return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
 }
 
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var consoleLogger = {
   type: 'logger',
@@ -229,7 +229,7 @@ var Logger = function () {
   }, {
     key: "create",
     value: function create(moduleName) {
-      return new Logger(this.logger, _objectSpread$a(_objectSpread$a({}, {
+      return new Logger(this.logger, _objectSpread$b(_objectSpread$b({}, {
         prefix: "".concat(this.prefix, ":").concat(moduleName, ":")
       }), this.options));
     }
@@ -3001,103 +3001,80 @@ function defaults(obj) {
 
 // eslint-disable-next-line no-control-regex
 var fieldContentRegExp = /^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;
-
 var serializeCookie = function serializeCookie(name, val, options) {
   var opt = options || {};
   opt.path = opt.path || '/';
   var value = encodeURIComponent(val);
   var str = "".concat(name, "=").concat(value);
-
   if (opt.maxAge > 0) {
     var maxAge = opt.maxAge - 0;
     if (Number.isNaN(maxAge)) throw new Error('maxAge should be a Number');
     str += "; Max-Age=".concat(Math.floor(maxAge));
   }
-
   if (opt.domain) {
     if (!fieldContentRegExp.test(opt.domain)) {
       throw new TypeError('option domain is invalid');
     }
-
     str += "; Domain=".concat(opt.domain);
   }
-
   if (opt.path) {
     if (!fieldContentRegExp.test(opt.path)) {
       throw new TypeError('option path is invalid');
     }
-
     str += "; Path=".concat(opt.path);
   }
-
   if (opt.expires) {
     if (typeof opt.expires.toUTCString !== 'function') {
       throw new TypeError('option expires is invalid');
     }
-
     str += "; Expires=".concat(opt.expires.toUTCString());
   }
-
   if (opt.httpOnly) str += '; HttpOnly';
   if (opt.secure) str += '; Secure';
-
   if (opt.sameSite) {
     var sameSite = typeof opt.sameSite === 'string' ? opt.sameSite.toLowerCase() : opt.sameSite;
-
     switch (sameSite) {
       case true:
         str += '; SameSite=Strict';
         break;
-
       case 'lax':
         str += '; SameSite=Lax';
         break;
-
       case 'strict':
         str += '; SameSite=Strict';
         break;
-
       case 'none':
         str += '; SameSite=None';
         break;
-
       default:
         throw new TypeError('option sameSite is invalid');
     }
   }
-
   return str;
 };
-
 var cookie = {
   create: function create(name, value, minutes, domain) {
     var cookieOptions = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {
       path: '/',
       sameSite: 'strict'
     };
-
     if (minutes) {
       cookieOptions.expires = new Date();
       cookieOptions.expires.setTime(cookieOptions.expires.getTime() + minutes * 60 * 1000);
     }
-
     if (domain) cookieOptions.domain = domain;
     document.cookie = serializeCookie(name, encodeURIComponent(value), cookieOptions);
   },
   read: function read(name) {
     var nameEQ = "".concat(name, "=");
     var ca = document.cookie.split(';');
-
     for (var i = 0; i < ca.length; i++) {
       var c = ca[i];
-
       while (c.charAt(0) === ' ') {
         c = c.substring(1, c.length);
       }
-
       if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
     }
-
     return null;
   },
   remove: function remove(name) {
@@ -3108,12 +3085,10 @@ var cookie$1 = {
   name: 'cookie',
   lookup: function lookup(options) {
     var found;
-
     if (options.lookupCookie && typeof document !== 'undefined') {
       var c = cookie.read(options.lookupCookie);
       if (c) found = c;
     }
-
     return found;
   },
   cacheUserLanguage: function cacheUserLanguage(lng, options) {
@@ -3127,39 +3102,30 @@ var querystring = {
   name: 'querystring',
   lookup: function lookup(options) {
     var found;
-
     if (typeof window !== 'undefined') {
       var search = window.location.search;
-
       if (!window.location.search && window.location.hash && window.location.hash.indexOf('?') > -1) {
         search = window.location.hash.substring(window.location.hash.indexOf('?'));
       }
-
       var query = search.substring(1);
       var params = query.split('&');
-
       for (var i = 0; i < params.length; i++) {
         var pos = params[i].indexOf('=');
-
         if (pos > 0) {
           var key = params[i].substring(0, pos);
-
           if (key === options.lookupQuerystring) {
             found = params[i].substring(pos + 1);
           }
         }
       }
     }
-
     return found;
   }
 };
 
 var hasLocalStorageSupport = null;
-
 var localStorageAvailable = function localStorageAvailable() {
   if (hasLocalStorageSupport !== null) return hasLocalStorageSupport;
-
   try {
     hasLocalStorageSupport = window !== 'undefined' && window.localStorage !== null;
     var testKey = 'i18next.translate.boo';
@@ -3168,20 +3134,16 @@ var localStorageAvailable = function localStorageAvailable() {
   } catch (e) {
     hasLocalStorageSupport = false;
   }
-
   return hasLocalStorageSupport;
 };
-
 var localStorage$1 = {
   name: 'localStorage',
   lookup: function lookup(options) {
     var found;
-
     if (options.lookupLocalStorage && localStorageAvailable()) {
       var lng = window.localStorage.getItem(options.lookupLocalStorage);
       if (lng) found = lng;
     }
-
     return found;
   },
   cacheUserLanguage: function cacheUserLanguage(lng, options) {
@@ -3192,10 +3154,8 @@ var localStorage$1 = {
 };
 
 var hasSessionStorageSupport = null;
-
 var sessionStorageAvailable = function sessionStorageAvailable() {
   if (hasSessionStorageSupport !== null) return hasSessionStorageSupport;
-
   try {
     hasSessionStorageSupport = window !== 'undefined' && window.sessionStorage !== null;
     var testKey = 'i18next.translate.boo';
@@ -3204,20 +3164,16 @@ var sessionStorageAvailable = function sessionStorageAvailable() {
   } catch (e) {
     hasSessionStorageSupport = false;
   }
-
   return hasSessionStorageSupport;
 };
-
 var sessionStorage = {
   name: 'sessionStorage',
   lookup: function lookup(options) {
     var found;
-
     if (options.lookupSessionStorage && sessionStorageAvailable()) {
       var lng = window.sessionStorage.getItem(options.lookupSessionStorage);
       if (lng) found = lng;
     }
-
     return found;
   },
   cacheUserLanguage: function cacheUserLanguage(lng, options) {
@@ -3231,7 +3187,6 @@ var navigator$1 = {
   name: 'navigator',
   lookup: function lookup(options) {
     var found = [];
-
     if (typeof navigator !== 'undefined') {
       if (navigator.languages) {
         // chrome only; not an array, so can't use .push.apply instead of iterating
@@ -3239,16 +3194,13 @@ var navigator$1 = {
           found.push(navigator.languages[i]);
         }
       }
-
       if (navigator.userLanguage) {
         found.push(navigator.userLanguage);
       }
-
       if (navigator.language) {
         found.push(navigator.language);
       }
     }
-
     return found.length > 0 ? found : undefined;
   }
 };
@@ -3258,11 +3210,9 @@ var htmlTag = {
   lookup: function lookup(options) {
     var found;
     var htmlTag = options.htmlTag || (typeof document !== 'undefined' ? document.documentElement : null);
-
     if (htmlTag && typeof htmlTag.getAttribute === 'function') {
       found = htmlTag.getAttribute('lang');
     }
-
     return found;
   }
 };
@@ -3271,23 +3221,19 @@ var path = {
   name: 'path',
   lookup: function lookup(options) {
     var found;
-
     if (typeof window !== 'undefined') {
       var language = window.location.pathname.match(/\/([a-zA-Z-]*)/g);
-
       if (language instanceof Array) {
         if (typeof options.lookupFromPathIndex === 'number') {
           if (typeof language[options.lookupFromPathIndex] !== 'string') {
             return undefined;
           }
-
           found = language[options.lookupFromPathIndex].replace('/', '');
         } else {
           found = language[0].replace('/', '');
         }
       }
     }
-
     return found;
   }
 };
@@ -3296,14 +3242,15 @@ var subdomain = {
   name: 'subdomain',
   lookup: function lookup(options) {
     // If given get the subdomain index else 1
-    var lookupFromSubdomainIndex = typeof options.lookupFromSubdomainIndex === 'number' ? options.lookupFromSubdomainIndex + 1 : 1; // get all matches if window.location. is existing
+    var lookupFromSubdomainIndex = typeof options.lookupFromSubdomainIndex === 'number' ? options.lookupFromSubdomainIndex + 1 : 1;
+    // get all matches if window.location. is existing
     // first item of match is the match itself and the second is the first group macht which sould be the first subdomain match
     // is the hostname no public domain get the or option of localhost
+    var language = typeof window !== 'undefined' && window.location && window.location.hostname && window.location.hostname.match(/^(\w{2,5})\.(([a-z0-9-]{1,63}\.[a-z]{2,6})|localhost)/i);
 
-    var language = typeof window !== 'undefined' && window.location && window.location.hostname && window.location.hostname.match(/^(\w{2,5})\.(([a-z0-9-]{1,63}\.[a-z]{2,6})|localhost)/i); // if there is no match (null) return undefined
-
-    if (!language) return undefined; // return the given group match
-
+    // if there is no match (null) return undefined
+    if (!language) return undefined;
+    // return the given group match
     return language[lookupFromSubdomainIndex];
   }
 };
@@ -3317,31 +3264,28 @@ function getDefaults$1() {
     lookupSessionStorage: 'i18nextLng',
     // cache user language
     caches: ['localStorage'],
-    excludeCacheFor: ['cimode'] // cookieMinutes: 10,
+    excludeCacheFor: ['cimode']
+    // cookieMinutes: 10,
     // cookieDomain: 'myDomain'
-
   };
 }
-
 var Browser = /*#__PURE__*/function () {
   function Browser(services) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
     _classCallCheck(this, Browser);
-
     this.type = 'languageDetector';
     this.detectors = {};
     this.init(services, options);
   }
-
   _createClass(Browser, [{
     key: "init",
     value: function init(services) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var i18nOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       this.services = services;
-      this.options = defaults(options, this.options || {}, getDefaults$1()); // backwards compatibility
+      this.options = defaults(options, this.options || {}, getDefaults$1());
 
+      // backwards compatibility
       if (this.options.lookupFromUrlIndex) this.options.lookupFromPathIndex = this.options.lookupFromUrlIndex;
       this.i18nOptions = i18nOptions;
       this.addDetector(cookie$1);
@@ -3362,26 +3306,22 @@ var Browser = /*#__PURE__*/function () {
     key: "detect",
     value: function detect(detectionOrder) {
       var _this = this;
-
       if (!detectionOrder) detectionOrder = this.options.order;
       var detected = [];
       detectionOrder.forEach(function (detectorName) {
         if (_this.detectors[detectorName]) {
           var lookup = _this.detectors[detectorName].lookup(_this.options);
-
           if (lookup && typeof lookup === 'string') lookup = [lookup];
           if (lookup) detected = detected.concat(lookup);
         }
       });
       if (this.services.languageUtils.getBestMatchFromCodes) return detected; // new i18next v19.5.0
-
       return detected.length > 0 ? detected[0] : null; // a little backward compatibility
     }
   }, {
     key: "cacheUserLanguage",
     value: function cacheUserLanguage(lng, caches) {
       var _this2 = this;
-
       if (!caches) caches = this.options.caches;
       if (!caches) return;
       if (this.options.excludeCacheFor && this.options.excludeCacheFor.indexOf(lng) > -1) return;
@@ -3390,10 +3330,8 @@ var Browser = /*#__PURE__*/function () {
       });
     }
   }]);
-
   return Browser;
 }();
-
 Browser.type = 'languageDetector';
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -3427,6 +3365,30 @@ function _objectWithoutProperties(source, excluded) {
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
+/**
+ * This file automatically generated from `pre-publish.js`.
+ * Do not manually edit.
+ */
+
+var voidElements = {
+  "area": true,
+  "base": true,
+  "br": true,
+  "col": true,
+  "embed": true,
+  "hr": true,
+  "img": true,
+  "input": true,
+  "link": true,
+  "meta": true,
+  "param": true,
+  "source": true,
+  "track": true,
+  "wbr": true
+};
+
+var t$1=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function n$1(n){var r={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},i=n.match(/<\/?([^\s]+?)[/\s>]/);if(i&&(r.name=i[1],(voidElements[i[1]]||"/"===n.charAt(n.length-2))&&(r.voidElement=!0),r.name.startsWith("!--"))){var s=n.indexOf("--\x3e");return {type:"comment",comment:-1!==s?n.slice(4,s):""}}for(var a=new RegExp(t$1),c=null;null!==(c=a.exec(n));)if(c[0].trim())if(c[1]){var o=c[1].trim(),l=[o,""];o.indexOf("=")>-1&&(l=o.split("=")),r.attrs[l[0]]=l[1],a.lastIndex--;}else c[2]&&(r.attrs[c[2]]=c[3].trim().substring(1,c[3].length-1));return r}var r=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,i=/^\s*$/,s=Object.create(null);function a(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(a,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var c={parse:function(e,t){t||(t={}),t.components||(t.components=s);var a,c=[],o=[],l=-1,m=!1;if(0!==e.indexOf("<")){var u=e.indexOf("<");c.push({type:"text",content:-1===u?e:e.substring(0,u)});}return e.replace(r,function(r,s){if(m){if(r!=="</"+a.name+">")return;m=!1;}var u,f="/"!==r.charAt(1),h=r.startsWith("\x3c!--"),p=s+r.length,d=e.charAt(p);if(h){var v=n$1(r);return l<0?(c.push(v),c):((u=o[l]).children.push(v),c)}if(f&&(l++,"tag"===(a=n$1(r)).type&&t.components[a.name]&&(a.type="component",m=!0),a.voidElement||m||!d||"<"===d||a.children.push({type:"text",content:e.slice(p,e.indexOf("<",p))}),0===l&&c.push(a),(u=o[l-1])&&u.children.push(a),o[l]=a),(!f||a.voidElement)&&(l>-1&&(a.voidElement||a.name===r.slice(2,-1))&&(l--,a=-1===l?c:o[l]),!m&&"<"!==d&&d)){u=-1===l?c:o[l].children;var x=e.indexOf("<",p),g=e.slice(p,-1===x?void 0:x);i.test(g)&&(g=" "),(x>-1&&l+u.length>=0||" "!==g)&&u.push({type:"text",content:g});}}),c},stringify:function(e){return e.reduce(function(e,t){return e+a("",t)},"")}};
+
 var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
 var htmlEntities = {
   '&amp;': '&',
@@ -3459,9 +3421,9 @@ var unescape = function unescape(text) {
   return text.replace(matchHtmlEntity, unescapeHtmlEntity);
 };
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',
@@ -3476,7 +3438,7 @@ var i18nInstance;
 var I18nContext = createContext();
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread$9(_objectSpread$9({}, defaultOptions), options);
+  defaultOptions = _objectSpread$a(_objectSpread$a({}, defaultOptions), options);
 }
 function getDefaults() {
   return defaultOptions;
@@ -3600,6 +3562,274 @@ function hasLoadedNamespace(ns, i18n) {
   });
 }
 
+var _excluded$2 = ["format"],
+    _excluded2$2 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
+
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function hasChildren(node, checkLength) {
+  if (!node) return false;
+  var base = node.props ? node.props.children : node.children;
+  if (checkLength) return base.length > 0;
+  return !!base;
+}
+
+function getChildren(node) {
+  if (!node) return [];
+  return node.props ? node.props.children : node.children;
+}
+
+function hasValidReactChildren(children) {
+  if (Object.prototype.toString.call(children) !== '[object Array]') return false;
+  return children.every(function (child) {
+    return isValidElement(child);
+  });
+}
+
+function getAsArray(data) {
+  return Array.isArray(data) ? data : [data];
+}
+
+function mergeProps(source, target) {
+  var newTarget = _objectSpread$9({}, target);
+
+  newTarget.props = Object.assign(source.props, target.props);
+  return newTarget;
+}
+
+function nodesToString(children, i18nOptions) {
+  if (!children) return '';
+  var stringNode = '';
+  var childrenArray = getAsArray(children);
+  var keepArray = i18nOptions.transSupportBasicHtmlNodes && i18nOptions.transKeepBasicHtmlNodesFor ? i18nOptions.transKeepBasicHtmlNodesFor : [];
+  childrenArray.forEach(function (child, childIndex) {
+    if (typeof child === 'string') {
+      stringNode += "".concat(child);
+    } else if (isValidElement(child)) {
+      var childPropsCount = Object.keys(child.props).length;
+      var shouldKeepChild = keepArray.indexOf(child.type) > -1;
+      var childChildren = child.props.children;
+
+      if (!childChildren && shouldKeepChild && childPropsCount === 0) {
+        stringNode += "<".concat(child.type, "/>");
+      } else if (!childChildren && (!shouldKeepChild || childPropsCount !== 0)) {
+        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
+      } else if (child.props.i18nIsDynamicList) {
+        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
+      } else if (shouldKeepChild && childPropsCount === 1 && typeof childChildren === 'string') {
+        stringNode += "<".concat(child.type, ">").concat(childChildren, "</").concat(child.type, ">");
+      } else {
+        var content = nodesToString(childChildren, i18nOptions);
+        stringNode += "<".concat(childIndex, ">").concat(content, "</").concat(childIndex, ">");
+      }
+    } else if (child === null) {
+      warn("Trans: the passed in value is invalid - seems you passed in a null child.");
+    } else if (_typeof(child) === 'object') {
+      var format = child.format,
+          clone = _objectWithoutProperties(child, _excluded$2);
+
+      var keys = Object.keys(clone);
+
+      if (keys.length === 1) {
+        var value = format ? "".concat(keys[0], ", ").concat(format) : keys[0];
+        stringNode += "{{".concat(value, "}}");
+      } else {
+        warn("react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.", child);
+      }
+    } else {
+      warn("Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.", child);
+    }
+  });
+  return stringNode;
+}
+
+function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) {
+  if (targetString === '') return [];
+  var keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
+  var emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.join('|')).test(targetString);
+  if (!children && !emptyChildrenButNeedsHandling) return [targetString];
+  var data = {};
+
+  function getData(childs) {
+    var childrenArray = getAsArray(childs);
+    childrenArray.forEach(function (child) {
+      if (typeof child === 'string') return;
+      if (hasChildren(child)) getData(getChildren(child));else if (_typeof(child) === 'object' && !isValidElement(child)) Object.assign(data, child);
+    });
+  }
+
+  getData(children);
+  var ast = c.parse("<0>".concat(targetString, "</0>"));
+
+  var opts = _objectSpread$9(_objectSpread$9({}, data), combinedTOpts);
+
+  function renderInner(child, node, rootReactNode) {
+    var childs = getChildren(child);
+    var mappedChildren = mapAST(childs, node.children, rootReactNode);
+    return hasValidReactChildren(childs) && mappedChildren.length === 0 ? childs : mappedChildren;
+  }
+
+  function pushTranslatedJSX(child, inner, mem, i, isVoid) {
+    if (child.dummy) child.children = inner;
+    mem.push(cloneElement(child, _objectSpread$9(_objectSpread$9({}, child.props), {}, {
+      key: i
+    }), isVoid ? undefined : inner));
+  }
+
+  function mapAST(reactNode, astNode, rootReactNode) {
+    var reactNodes = getAsArray(reactNode);
+    var astNodes = getAsArray(astNode);
+    return astNodes.reduce(function (mem, node, i) {
+      var translationContent = node.children && node.children[0] && node.children[0].content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
+
+      if (node.type === 'tag') {
+        var tmp = reactNodes[parseInt(node.name, 10)];
+        if (!tmp && rootReactNode.length === 1 && rootReactNode[0][node.name]) tmp = rootReactNode[0][node.name];
+        if (!tmp) tmp = {};
+        var child = Object.keys(node.attrs).length !== 0 ? mergeProps({
+          props: node.attrs
+        }, tmp) : tmp;
+        var isElement = isValidElement(child);
+        var isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
+        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof(child) === 'object' && child.dummy && !isElement;
+        var isKnownComponent = _typeof(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
+
+        if (typeof child === 'string') {
+          var value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
+          mem.push(value);
+        } else if (hasChildren(child) || isValidTranslationWithChildren) {
+            var inner = renderInner(child, node, rootReactNode);
+            pushTranslatedJSX(child, inner, mem, i);
+          } else if (isEmptyTransWithHTML) {
+          var _inner = mapAST(reactNodes, node.children, rootReactNode);
+
+          mem.push(cloneElement(child, _objectSpread$9(_objectSpread$9({}, child.props), {}, {
+            key: i
+          }), _inner));
+        } else if (Number.isNaN(parseFloat(node.name))) {
+          if (isKnownComponent) {
+            var _inner2 = renderInner(child, node, rootReactNode);
+
+            pushTranslatedJSX(child, _inner2, mem, i, node.voidElement);
+          } else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
+            if (node.voidElement) {
+              mem.push(createElement(node.name, {
+                key: "".concat(node.name, "-").concat(i)
+              }));
+            } else {
+              var _inner3 = mapAST(reactNodes, node.children, rootReactNode);
+
+              mem.push(createElement(node.name, {
+                key: "".concat(node.name, "-").concat(i)
+              }, _inner3));
+            }
+          } else if (node.voidElement) {
+            mem.push("<".concat(node.name, " />"));
+          } else {
+            var _inner4 = mapAST(reactNodes, node.children, rootReactNode);
+
+            mem.push("<".concat(node.name, ">").concat(_inner4, "</").concat(node.name, ">"));
+          }
+        } else if (_typeof(child) === 'object' && !isElement) {
+          var content = node.children[0] ? translationContent : null;
+          if (content) mem.push(content);
+        } else if (node.children.length === 1 && translationContent) {
+          mem.push(cloneElement(child, _objectSpread$9(_objectSpread$9({}, child.props), {}, {
+            key: i
+          }), translationContent));
+        } else {
+          mem.push(cloneElement(child, _objectSpread$9(_objectSpread$9({}, child.props), {}, {
+            key: i
+          })));
+        }
+      } else if (node.type === 'text') {
+        var wrapTextNodes = i18nOptions.transWrapTextNodes;
+
+        var _content = shouldUnescape ? i18nOptions.unescape(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
+
+        if (wrapTextNodes) {
+          mem.push(createElement(wrapTextNodes, {
+            key: "".concat(node.name, "-").concat(i)
+          }, _content));
+        } else {
+          mem.push(_content);
+        }
+      }
+
+      return mem;
+    }, []);
+  }
+
+  var result = mapAST([{
+    dummy: true,
+    children: children || []
+  }], ast, getAsArray(children || []));
+  return getChildren(result[0]);
+}
+
+function Trans(_ref) {
+  var children = _ref.children,
+      count = _ref.count,
+      parent = _ref.parent,
+      i18nKey = _ref.i18nKey,
+      context = _ref.context,
+      _ref$tOptions = _ref.tOptions,
+      tOptions = _ref$tOptions === void 0 ? {} : _ref$tOptions,
+      values = _ref.values,
+      defaults = _ref.defaults,
+      components = _ref.components,
+      ns = _ref.ns,
+      i18nFromProps = _ref.i18n,
+      tFromProps = _ref.t,
+      shouldUnescape = _ref.shouldUnescape,
+      additionalProps = _objectWithoutProperties(_ref, _excluded2$2);
+
+  var _ref2 = useContext(I18nContext) || {},
+      i18nFromContext = _ref2.i18n,
+      defaultNSFromContext = _ref2.defaultNS;
+
+  var i18n = i18nFromProps || i18nFromContext || getI18n();
+
+  if (!i18n) {
+    warnOnce('You will need to pass in an i18next instance by using i18nextReactModule');
+    return children;
+  }
+
+  var t = tFromProps || i18n.t.bind(i18n) || function (k) {
+    return k;
+  };
+
+  if (context) tOptions.context = context;
+
+  var reactI18nextOptions = _objectSpread$9(_objectSpread$9({}, getDefaults()), i18n.options && i18n.options.react);
+
+  var namespaces = ns || t.ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
+  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
+  var defaultValue = defaults || nodesToString(children, reactI18nextOptions) || reactI18nextOptions.transEmptyNodeValue || i18nKey;
+  var hashTransKey = reactI18nextOptions.hashTransKey;
+  var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
+  var interpolationOverride = values ? tOptions.interpolation : {
+    interpolation: _objectSpread$9(_objectSpread$9({}, tOptions.interpolation), {}, {
+      prefix: '#$?',
+      suffix: '?$#'
+    })
+  };
+
+  var combinedTOpts = _objectSpread$9(_objectSpread$9(_objectSpread$9(_objectSpread$9({}, tOptions), {}, {
+    count: count
+  }, values), interpolationOverride), {}, {
+    defaultValue: defaultValue,
+    ns: namespaces
+  });
+
+  var translation = key ? t(key, combinedTOpts) : defaultValue;
+  var content = renderNodes(components || children, translation, i18n, reactI18nextOptions, combinedTOpts, shouldUnescape);
+  var useAsParent = parent !== undefined ? parent : reactI18nextOptions.defaultTransParent;
+  return useAsParent ? createElement(useAsParent, additionalProps, content) : content;
+}
+
 function _iterableToArrayLimit(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null) return;
@@ -3750,6 +3980,7 @@ var alerts$1 = {
 };
 var buttons$1 = {
 	cancel: "Cancel",
+	changeRole: "Change role",
 	proceed: "Proceed",
 	saveChanges: "Save changes"
 };
@@ -3790,7 +4021,10 @@ var common$1 = {
 };
 var helpers$1 = {
 	configPermissions: "Configure permissions for the modules.",
-	enterMultipleEmails: "Please press space, tab or enter key after entering an email address."
+	enterMultipleEmails: "Please press space, tab or enter key after entering an email address.",
+	noRolesFound: "No roles found.",
+	searchRoles: "Search roles",
+	selectedMembersCount: "{{count}} {{metaName}} selected from {{totalCount}}"
 };
 var metaNames$1 = {
 	agent_one: "Agent",
@@ -3841,6 +4075,7 @@ var alerts = {
 };
 var buttons = {
 	cancel: "Annuler",
+	changeRole: "Changer de rôle",
 	proceed: "Procéder",
 	saveChanges: "Sauvegarder les modifications"
 };
@@ -3881,7 +4116,11 @@ var common = {
 };
 var helpers = {
 	configPermissions: "Configurez les autorisations pour les modules.",
-	enterMultipleEmails: "Veuillez appuyer sur espace, tabulation ou entrée après avoir saisi une adresse e-mail."
+	enterMultipleEmails: "Veuillez appuyer sur espace, tabulation ou entrée après avoir saisi une adresse e-mail.",
+	noRolesFound: "Aucun rôle trouvé.",
+	searchRoles: "Rechercher des rôles",
+	selectedMembersCount_one: "{{count}} {{metaName}} sélectionné parmi {{totalCount}}",
+	selectedMembersCount_other: "{{count}} {{metaName}} sélectionnés parmi {{totalCount}}"
 };
 var metaNames = {
 	member_one: "Membre",
@@ -3980,6 +4219,7 @@ const slugify = string => string.toString().toLowerCase().replace(/\s+/g, "-") /
 .replace(/-+$/, ""); // Trim - from end of text
 
 const capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);
+const isNotEmpty$1 = complement(isEmpty);
 
 const SINGULAR = {
   count: 1
@@ -7233,7 +7473,7 @@ const organizationRolesApi = {
 
 const _excluded$1 = ["onSuccess"],
   _excluded2$1 = ["onSuccess"],
-  _excluded3 = ["onSuccess"];
+  _excluded3$1 = ["onSuccess"];
 function ownKeys$6(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; }
 function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const useFetchRoles = function () {
@@ -7283,7 +7523,7 @@ const useUpdateRole = _ref2 => {
 const useDestroyRole = _ref4 => {
   let _ref4$onSuccess = _ref4.onSuccess,
     onSuccess = _ref4$onSuccess === void 0 ? noop$1 : _ref4$onSuccess,
-    options = _objectWithoutProperties(_ref4, _excluded3);
+    options = _objectWithoutProperties(_ref4, _excluded3$1);
   return useMutation(_ref5 => {
     let id = _ref5.id,
       payload = _ref5.payload;
@@ -9580,14 +9820,17 @@ const fetch = params => axios.get(`${BASE_URL}/teams`, {
 });
 const create = payload => axios.post(`${BASE_URL}/teams`, payload);
 const update = (id, payload) => axios.put(`${BASE_URL}/teams/${id}`, payload);
+const bulkUpdate = payload => axios.patch(`${BASE_URL}/teams/bulk_update`, payload);
 const teamsApi = {
-  fetch,
+  bulkUpdate,
   create,
+  fetch,
   update
 };
 
 const _excluded = ["onSuccess"],
-  _excluded2 = ["onSuccess"];
+  _excluded2 = ["onSuccess"],
+  _excluded3 = ["onSuccess"];
 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; }
 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; }
 const useFetchMembers = function () {
@@ -9625,6 +9868,17 @@ const useUpdateMember = _ref2 => {
     }
   }, options));
 };
+const useBulkUpdateMembers = _ref4 => {
+  let onSuccess = _ref4.onSuccess,
+    options = _objectWithoutProperties(_ref4, _excluded3);
+  return useMutation(teamsApi.bulkUpdate, _objectSpread$3({
+    onSuccess: response => {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      Toastr.success(response.ntmNotice || response.data.ntmNotice);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+    }
+  }, options));
+};
 
 const useDebounce = function (value) {
   let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
@@ -9698,7 +9952,7 @@ const removeBy = curry((pattern, array) => array.filter(complement(matches(patte
 const removeFixedColumns = (fixedColumns, columnData) => removeBy({
   dataIndex: includes(__, fixedColumns)
 }, columnData);
-const filterBySearchTerm = (searchTerm, columns) => filter(_ref3 => {
+const filterBySearchTerm$1 = (searchTerm, columns) => filter(_ref3 => {
   let title = _ref3.title;
   return includes(trim(toLower(searchTerm)), trim(toLower(title)));
 }, columns);
@@ -9736,7 +9990,7 @@ const Columns = _ref => {
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
   const columns = removeFixedColumns(fixedColumns, columnData);
-  const filteredColumns = filterBySearchTerm(searchTerm, columns);
+  const filteredColumns = filterBySearchTerm$1(searchTerm, columns);
   const handleChange = _ref2 => {
     let _ref2$target = _ref2.target,
       dataIndex = _ref2$target.name,
@@ -9804,44 +10058,70 @@ const MANAGE_ROLES_BUTTON_LABEL = instance.t("common.manage_", {
   what: instance.t("common.role", PLURAL).toLocaleLowerCase()
 });
 
-const Left = _ref => {
-  let metaName = _ref.metaName,
-    count = _ref.count;
-  return /*#__PURE__*/React.createElement(Typography, {
-    "data-cy": "ntm-filtered-members-count",
-    component: "h4",
-    style: "h4"
-  }, count, " ", metaName({
-    count
-  }).toLocaleLowerCase());
-};
-Left.defaultProps = {
-  metaName: "member",
-  count: 0
-};
-const Right = _ref2 => {
-  let columns = _ref2.columns,
-    rolesButtonProps = _ref2.rolesButtonProps,
-    setColumnData = _ref2.setColumnData;
-  const isRolesButtonVisible = !!rolesButtonProps;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Columns, {
-    columnData: columns,
-    dropdownProps: COLUMNS_DROPDOWN_PROPS,
-    fixedColumns: FIXED_COLUMNS,
-    localStorageKey: "NTM_MEMBERS_TABLE_HIDDEN_COLUMNS",
-    noColumnMessage: instance.t("columns.noColumnsFound"),
-    onChange: setColumnData,
-    searchProps: COLUMNS_SEARCH_PROPS
-  }), isRolesButtonVisible ? /*#__PURE__*/React.createElement(Button, _extends({
-    "data-cy": "ntm-manage-roles-button",
-    label: MANAGE_ROLES_BUTTON_LABEL,
-    size: "small",
-    style: "secondary"
-  }, rolesButtonProps)) : null);
-};
-const SubHeader = {
-  Left,
-  Right
+const filterBySearchTerm = (searchTerm, roles) => filter(_ref => {
+  let name = _ref.name;
+  return includes(trim(toLower(searchTerm)), trim(toLower(name)));
+}, roles);
+const getActivateButtonVisible = selectedRows => selectedRows.active.some(active => active === false);
+const getDeactivatedButtonVisible = selectedRows => selectedRows.active.some(active => active === true);
+
+const Menu$1 = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
+const RolesDropdown = _ref => {
+  let handleRoleChange = _ref.handleRoleChange,
+    _ref$isSearchable = _ref.isSearchable,
+    isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
+    _ref$roles = _ref.roles,
+    roles = _ref$roles === void 0 ? [] : _ref$roles;
+  const _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDropdownOpen = _useState2[0],
+    setIsDropdownOpen = _useState2[1];
+  const _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchTerm = _useState4[0],
+    setSearchTerm = _useState4[1];
+  const filteredRoles = filterBySearchTerm(searchTerm, roles);
+  const handleSearch = _ref2 => {
+    let value = _ref2.target.value;
+    return setSearchTerm(value);
+  };
+  const handleSelectRole = role => {
+    handleRoleChange(role);
+    setIsDropdownOpen(false);
+  };
+  const handleOnClose = () => {
+    setSearchTerm("");
+    setIsDropdownOpen(false);
+  };
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    buttonSize: "small",
+    buttonStyle: "secondary",
+    closeOnSelect: false,
+    "data-cy": "ntm-members-roles-update-dropdown",
+    label: instance.t("buttons.changeRole"),
+    isOpen: isDropdownOpen,
+    onClick: () => setIsDropdownOpen(true),
+    onClose: () => handleOnClose(),
+    position: "bottom-end"
+  }, /*#__PURE__*/React.createElement(Menu$1, null, /*#__PURE__*/React.createElement("div", null, isSearchable && /*#__PURE__*/React.createElement(Input$1, {
+    className: "neeto-ui-px-3 neeto-ui-py-2",
+    "data-cy": "ntm-members-roles-search-input",
+    onChange: handleSearch,
+    placeholder: instance.t("helpers.searchRoles"),
+    prefix: /*#__PURE__*/React.createElement(Search, null),
+    type: "search",
+    value: searchTerm
+  }), isNotEmpty$1(filteredRoles) ? filteredRoles.map(_ref3 => {
+    let id = _ref3.id,
+      name = _ref3.name;
+    return /*#__PURE__*/React.createElement(MenuItem.Button, {
+      key: id,
+      onClick: () => handleSelectRole(name)
+    }, name);
+  }) : /*#__PURE__*/React.createElement("span", {
+    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
+  }, instance.t("helpers.noRolesFound")))));
 };
 
 var _URLSearchParams$get;
@@ -9884,6 +10164,105 @@ const DEFAULT_FILTER_VALUES = {
   sort_by: "",
   sort_direction: ""
 };
+const DEFAULT_SELECTED_ROWS = {
+  active: [],
+  emails: [],
+  keys: []
+};
+
+const Left = _ref => {
+  var _selectedRows$keys, _selectedRows$keys2;
+  let filteredCount = _ref.filteredCount,
+    metaName = _ref.metaName,
+    selectedRows = _ref.selectedRows,
+    totalCount = _ref.totalCount;
+  const hasSelectedRows = isNotEmpty$1(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.keys);
+  const pluralizedByFilterCount = metaName({
+    count: filteredCount
+  }).toLocaleLowerCase();
+  const selectedMembersCountValues = {
+    count: selectedRows === null || selectedRows === void 0 ? void 0 : (_selectedRows$keys = selectedRows.keys) === null || _selectedRows$keys === void 0 ? void 0 : _selectedRows$keys.length,
+    metaName: metaName({
+      count: selectedRows === null || selectedRows === void 0 ? void 0 : (_selectedRows$keys2 = selectedRows.keys) === null || _selectedRows$keys2 === void 0 ? void 0 : _selectedRows$keys2.length
+    }).toLocaleLowerCase(),
+    totalCount
+  };
+  return /*#__PURE__*/React.createElement(Typography, {
+    "data-cy": "ntm-filtered-members-count",
+    component: "h4",
+    style: "h4"
+  }, hasSelectedRows ? /*#__PURE__*/React.createElement(Trans, {
+    i18nKey: "helpers.selectedMembersCount",
+    values: selectedMembersCountValues
+  }) : `${filteredCount} ${pluralizedByFilterCount}`);
+};
+const Right = _ref2 => {
+  let columns = _ref2.columns,
+    roles = _ref2.roles,
+    rolesButtonProps = _ref2.rolesButtonProps,
+    selectedRows = _ref2.selectedRows,
+    setColumnData = _ref2.setColumnData,
+    setSelectedRows = _ref2.setSelectedRows;
+  const isRolesButtonVisible = !!rolesButtonProps;
+  const _useBulkUpdateMembers = useBulkUpdateMembers({
+      onSuccess: () => setSelectedRows(DEFAULT_SELECTED_ROWS)
+    }),
+    bulkUpdateMember = _useBulkUpdateMembers.mutate;
+  const handleDeactivateMembers = () => bulkUpdateMember({
+    users: {
+      active: false,
+      emails: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.emails
+    }
+  });
+  const handleActivateMembers = () => bulkUpdateMember({
+    users: {
+      active: true,
+      emails: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.emails
+    }
+  });
+  const handleRoleChange = role => {
+    bulkUpdateMember({
+      users: {
+        active: true,
+        emails: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.emails,
+        organization_role: role
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, getDeactivatedButtonVisible(selectedRows) && /*#__PURE__*/React.createElement(Button, {
+    "data-cy": "ntm-deactivate-members-button",
+    label: instance.t("common.deactivate"),
+    size: "small",
+    style: "secondary",
+    onClick: () => handleDeactivateMembers()
+  }), getActivateButtonVisible(selectedRows) && /*#__PURE__*/React.createElement(Button, {
+    "data-cy": "ntm-activate-members-button",
+    label: instance.t("common.activate"),
+    size: "small",
+    style: "secondary",
+    onClick: () => handleActivateMembers()
+  }), isNotEmpty$1(selectedRows.keys) && /*#__PURE__*/React.createElement(RolesDropdown, {
+    handleRoleChange: handleRoleChange,
+    roles: roles
+  }), /*#__PURE__*/React.createElement(Columns, {
+    columnData: columns,
+    dropdownProps: COLUMNS_DROPDOWN_PROPS,
+    fixedColumns: FIXED_COLUMNS,
+    localStorageKey: "NTM_MEMBERS_TABLE_HIDDEN_COLUMNS",
+    noColumnMessage: instance.t("columns.noColumnsFound"),
+    onChange: setColumnData,
+    searchProps: COLUMNS_SEARCH_PROPS
+  }), isRolesButtonVisible ? /*#__PURE__*/React.createElement(Button, _extends({
+    "data-cy": "ntm-manage-roles-button",
+    label: MANAGE_ROLES_BUTTON_LABEL,
+    size: "small",
+    style: "secondary"
+  }, rolesButtonProps)) : null);
+};
+const SubHeader = {
+  Left,
+  Right
+};
 
 function commonjsRequire(path) {
 	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -10623,6 +11002,13 @@ MultipleEmailInput.defaultProps = {
   selectedMember: null
 };
 
+const RoleLabel = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  className: "ntm-members-radio-group__label"
+}, instance.t("common.role", SINGULAR), "*"), /*#__PURE__*/React.createElement(Info, {
+  className: "ntm-members-radio-group__icon",
+  size: 16,
+  onClick: () => window.location.pathname += "/roles"
+}));
 const RolesRadioGroup = _ref => {
   let role = _ref.role,
     roles = _ref.roles;
@@ -10630,7 +11016,7 @@ const RolesRadioGroup = _ref => {
     stacked: true,
     className: "ntm-members-radio-group",
     "data-cy": "ntm-manage-member-roles-group",
-    label: `${instance.t("common.role", SINGULAR)}*`,
+    label: RoleLabel,
     name: "role"
   }, roles.map(_ref2 => {
     let description = _ref2.description,
@@ -10787,7 +11173,7 @@ const Menu = _ref => {
 function ownKeys(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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const TeamMembers = _ref => {
-  var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2;
+  var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2, _filters$category;
   let config = _ref.config;
   const metaName = getMetaName((config === null || config === void 0 ? void 0 : config.metaName) || "member");
   const _useState = useState(DEFAULT_IS_OPEN_VALUES),
@@ -10807,6 +11193,10 @@ const TeamMembers = _ref => {
     _useState8 = _slicedToArray(_useState7, 2),
     columnData = _useState8[0],
     setColumnData = _useState8[1];
+  const _useState9 = useState(DEFAULT_SELECTED_ROWS),
+    _useState10 = _slicedToArray(_useState9, 2),
+    selectedRows = _useState10[0],
+    setSelectedRows = _useState10[1];
   const _useFetchMembers = useFetchMembers(_objectSpread(_objectSpread({}, filters), {}, {
       search: debouncedSearch.trim(),
       category: filters.category.toLowerCase()
@@ -10830,6 +11220,7 @@ const TeamMembers = _ref => {
     }),
     updateMember = _useUpdateMember.mutate,
     isUpdatingMember = _useUpdateMember.isLoading;
+  const currentCategoryCount = team === null || team === void 0 ? void 0 : team.perCategoryCount[filters === null || filters === void 0 ? void 0 : (_filters$category = filters.category) === null || _filters$category === void 0 ? void 0 : _filters$category.toLowerCase()];
   const searchProps = {
     "data-cy": "ntm-search-members-input",
     onChange: _ref3 => {
@@ -10894,6 +11285,13 @@ const TeamMembers = _ref => {
       sort_direction: sorter.order
     }));
   };
+  const handleRowSelect = (keys, rowData) => {
+    setSelectedRows({
+      active: pluck("active", rowData),
+      emails: pluck("email", rowData),
+      keys
+    });
+  };
   if (isRolesLoading || isMembersLoading) {
     return /*#__PURE__*/React.createElement("div", {
       className: "ntm-members-page-loader"
@@ -10922,18 +11320,24 @@ const TeamMembers = _ref => {
     })
   }), /*#__PURE__*/React.createElement(SubHeader$1, {
     leftActionBlock: /*#__PURE__*/React.createElement(SubHeader.Left, {
+      filteredCount: team === null || team === void 0 ? void 0 : team.membersCount,
       metaName: metaName,
-      count: team === null || team === void 0 ? void 0 : team.membersCount
+      selectedRows: selectedRows,
+      totalCount: currentCategoryCount
     }),
     rightActionBlock: /*#__PURE__*/React.createElement(SubHeader.Right, {
       columns: columns,
+      roles: roles,
       rolesButtonProps: config.rolesButtonProps,
-      setColumnData: setColumnData
+      selectedRows: selectedRows,
+      setColumnData: setColumnData,
+      setSelectedRows: setSelectedRows
     })
   }), (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/React.createElement("div", {
     className: "ntm-members__table-wrapper"
   }, /*#__PURE__*/React.createElement(Table$1, {
     fixedHeight: true,
+    rowSelection: true,
     allowRowClick: false,
     columnData: columnData,
     currentPageNumber: parseInt(filters.page, DEFAULT_RADIX),
@@ -10941,10 +11345,11 @@ const TeamMembers = _ref => {
     defaultPageSize: parseInt(filters.results, DEFAULT_RADIX),
     handlePageChange: handlePageChange(setFilters, filters.category),
     loading: isMembersFetching,
-    onChange: (_, __, sorter) => handleTableChange(_, __, sorter),
+    onChange: handleTableChange,
+    onRowSelect: handleRowSelect,
     paginationProps: renderPaginationProps(filters.results),
     rowData: team === null || team === void 0 ? void 0 : team.members,
-    rowSelection: false,
+    selectedRowKeys: selectedRows.keys,
     totalCount: team === null || team === void 0 ? void 0 : team.membersCount
   })) : /*#__PURE__*/React.createElement(EmptyState, {
     title: instance.t("common.notFound_", {
@@ -10991,7 +11396,7 @@ const VALIDATION_SCHEMA = {
 
 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}}
 
-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\n.ntm-members-pane-radio-item__wrapper {\n  width: 100%;\n  cursor: pointer;\n  padding: 16px 0px !important;\n  border-bottom: 1px solid rgb(var(--neeto-ui-gray-200));\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}";
+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: 16px 0px !important;\n  border-bottom: 1px solid rgb(var(--neeto-ui-gray-200));\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}";
 n(css,{});
 
 export { MultipleEmailInput, index$1 as Roles, RolesRadioGroup, index as TeamMembers, VALIDATION_SCHEMA, hasPermission };