@bigbinary/neeto-team-members-frontend 2.7.0 → 2.7.2

package/dist/index.js

@@ -17,14 +17,13 @@ import { useFormikContext } from 'formik';
 import * as yup from 'yup';
 import { object, string } from 'yup';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
-import { buildFiltersFromURL, Filters, Bar } from '@bigbinary/neeto-filters-frontend';
+import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
 import { useHistory } from 'react-router-dom';
 import require$$0 from 'util';
-import Columns from '@bigbinary/neeto-molecules/Columns';
 import classnames from 'classnames';
 import MenuBar from '@bigbinary/neeto-molecules/MenuBar';
 
-/*! @license DOMPurify 3.0.2 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.2/LICENSE */
+/*! @license DOMPurify 3.0.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.3/LICENSE */
 
 const {
   entries,
@@ -100,7 +99,9 @@ function unconstruct(func) {
 /* Add properties to a lookup table */
 
 function addToSet(set, array, transformCaseFunc) {
-  transformCaseFunc = transformCaseFunc ? transformCaseFunc : stringToLowerCase;
+  var _transformCaseFunc;
+
+  transformCaseFunc = (_transformCaseFunc = transformCaseFunc) !== null && _transformCaseFunc !== void 0 ? _transformCaseFunc : stringToLowerCase;
 
   if (setPrototypeOf) {
     // Make 'in' and truthy checks like Boolean(set.constructor)
@@ -174,12 +175,12 @@ function lookupGetter(object, prop) {
 const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']); // SVG
 
 const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
-const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); // List of SVG elements that are disallowed by default.
+const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); // List of SVG elements that are disallowed by default.
 // We still need to know them so that we can do namespace
 // checks properly in case one wants to add them to
 // allow-list.
 
-const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'fedropshadow', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
 const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']); // Similarly to SVG, we want to know all MathML elements,
 // even those that we disallow by default.
 
@@ -224,13 +225,13 @@ const getGlobal = () => typeof window === 'undefined' ? null : window;
  * Creates a no-op policy for internal use only.
  * Don't export this function outside this module!
  * @param {?TrustedTypePolicyFactory} trustedTypes The policy factory.
- * @param {Document} document The document object (to determine policy name suffix)
+ * @param {HTMLScriptElement} purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
  * @return {?TrustedTypePolicy} The policy created (or null, if Trusted Types
- * are not supported).
+ * are not supported or creating the policy failed).
  */
 
 
-const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, document) {
+const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
   if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
     return null;
   } // Allow the callers to control the unique policy name
@@ -241,8 +242,8 @@ const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedType
   let suffix = null;
   const ATTR_NAME = 'data-tt-policy-suffix';
 
-  if (document.currentScript && document.currentScript.hasAttribute(ATTR_NAME)) {
-    suffix = document.currentScript.getAttribute(ATTR_NAME);
+  if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+    suffix = purifyHostElement.getAttribute(ATTR_NAME);
   }
 
   const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
@@ -277,7 +278,7 @@ function createDOMPurify() {
    */
 
 
-  DOMPurify.version = '3.0.2';
+  DOMPurify.version = '3.0.3';
   /**
    * Array of elements that DOMPurify removed during sanitation.
    * Empty if nothing was removed.
@@ -293,6 +294,7 @@ function createDOMPurify() {
   }
 
   const originalDocument = window.document;
+  const currentScript = originalDocument.currentScript;
   let {
     document
   } = window;
@@ -326,9 +328,8 @@ function createDOMPurify() {
     }
   }
 
-  const trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, originalDocument);
-
-  const emptyHTML = trustedTypesPolicy ? trustedTypesPolicy.createHTML('') : '';
+  let trustedTypesPolicy;
+  let emptyHTML = '';
   const {
     implementation,
     createNodeIterator,
@@ -343,7 +344,7 @@ function createDOMPurify() {
    * Expose whether this browser supports running the full DOMPurify.
    */
 
-  DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && typeof implementation.createHTMLDocument !== 'undefined';
+  DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
   const {
     MUSTACHE_EXPR,
     ERB_EXPR,
@@ -690,6 +691,31 @@ function createDOMPurify() {
     if (ALLOWED_TAGS.table) {
       addToSet(ALLOWED_TAGS, ['tbody']);
       delete FORBID_TAGS.tbody;
+    }
+
+    if (cfg.TRUSTED_TYPES_POLICY) {
+      if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
+        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+      }
+
+      if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
+        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+      } // Overwrite existing TrustedTypes policy.
+
+
+      trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY; // Sign local variables required by `sanitize`.
+
+      emptyHTML = trustedTypesPolicy.createHTML('');
+    } else {
+      // Uninitialized policy, attempt to initialize the internal dompurify policy.
+      if (trustedTypesPolicy === undefined) {
+        trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+      } // If creating the internal policy succeeded sign internal variables.
+
+
+      if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
+        emptyHTML = trustedTypesPolicy.createHTML('');
+      }
     } // Prevent further manipulation of configuration.
     // Not available in IE8, Safari 5, etc.
 
@@ -1126,9 +1152,9 @@ function createDOMPurify() {
       }
       /* Check value is safe. First, is attr inert? If so, is safe */
 
-    } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (!value) ; else {
+    } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
       return false;
-    }
+    } else ;
 
     return true;
   };
@@ -1258,12 +1284,16 @@ function createDOMPurify() {
         if (namespaceURI) ; else {
           switch (trustedTypes.getAttributeType(lcTag, lcName)) {
             case 'TrustedHTML':
-              value = trustedTypesPolicy.createHTML(value);
-              break;
+              {
+                value = trustedTypesPolicy.createHTML(value);
+                break;
+              }
 
             case 'TrustedScriptURL':
-              value = trustedTypesPolicy.createScriptURL(value);
-              break;
+              {
+                value = trustedTypesPolicy.createScriptURL(value);
+                break;
+              }
           }
         }
       }
@@ -1356,15 +1386,14 @@ function createDOMPurify() {
 
 
     if (typeof dirty !== 'string' && !_isNode(dirty)) {
-      // eslint-disable-next-line no-negated-condition
-      if (typeof dirty.toString !== 'function') {
-        throw typeErrorCreate('toString is not a function');
-      } else {
+      if (typeof dirty.toString === 'function') {
         dirty = dirty.toString();
 
         if (typeof dirty !== 'string') {
           throw typeErrorCreate('dirty is not a string, aborting');
         }
+      } else {
+        throw typeErrorCreate('toString is not a function');
       }
     }
     /* Return dirty HTML if DOMPurify cannot run */
@@ -5335,8 +5364,6 @@ var common$1 = {
 	addNew_: "Add new {{what}}",
 	all: "All",
 	all_: "All {{what}}",
-	column_one: "Column",
-	column_other: "Columns",
 	deactivate: "Deactivate",
 	deactivate_: "Deactivate {{what}}",
 	deactivated: "Deactivated",
@@ -9379,6 +9406,7 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
     permissions = _ref5.permissions;
   return [{
     dataIndex: "name",
+    fixed: "left",
     key: "name",
     render: function render(_, tableData) {
       return renderNameColumn({
@@ -10100,9 +10128,6 @@ var useTeams = function useTeams(_ref) {
 };
 
 var FIXED_COLUMNS = ["name", "actions"];
-var COLUMNS_DROPDOWN_PROPS = {
-  label: instance.t("common.column", PLURAL)
-};
 var COLUMNS_SEARCH_PROPS = {
   placeholder: instance.t("columns.search")
 };
@@ -10355,20 +10380,22 @@ var Right = function Right(_ref2) {
     isFiltersPaneOpen = _ref2.isFiltersPaneOpen;
   var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Columns, {
-    columnData: columns,
-    dropdownProps: COLUMNS_DROPDOWN_PROPS,
-    fixedColumns: FIXED_COLUMNS,
-    localStorageKey: "TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS",
-    noColumnMessage: t("columns.noColumnsFound"),
-    searchProps: COLUMNS_SEARCH_PROPS,
-    onChange: setColumnData
-  }), /*#__PURE__*/React.createElement(Filters, {
-    columns: filterColumns,
-    isOpen: isFiltersPaneOpen,
-    setIsOpen: setIsFiltersPaneOpen,
-    onChange: handleNeetoFilterChange
-  }));
+  return /*#__PURE__*/React.createElement(SubHeader$2.RightBlock, {
+    columnsButtonProps: {
+      columnData: columns,
+      fixedColumns: FIXED_COLUMNS,
+      localStorageKey: "TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS",
+      noColumnMessage: t("columns.noColumnsFound"),
+      searchProps: COLUMNS_SEARCH_PROPS,
+      onChange: setColumnData
+    },
+    filterProps: {
+      columns: filterColumns,
+      isOpen: isFiltersPaneOpen,
+      setIsOpen: setIsFiltersPaneOpen,
+      onChange: handleNeetoFilterChange
+    }
+  });
 };
 var SubHeader = {
   Left: Left,
@@ -10394,7 +10421,7 @@ var AppList = function AppList(_ref) {
   var selectedEmail = pluck("value", emails);
   useEffect(function () {
     if (savedStateRef.current.isAppListEnabled !== isAppListEnabled) {
-      appRoles.forEach(function (appRole, index) {
+      appRoles === null || appRoles === void 0 ? void 0 : appRoles.forEach(function (appRole, index) {
         var _globalProps$appName;
         if ((appRole === null || appRole === void 0 ? void 0 : appRole.appName) === ((_globalProps$appName = globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.substring(5))) {
           setFieldValue("appRoles[".concat(index, "].isEnabled"), true);
@@ -10792,8 +10819,9 @@ var RolesRadioGroup = function RolesRadioGroup(_ref) {
     values = _useFormikContext.values,
     setFieldValue = _useFormikContext.setFieldValue;
   var setDefaultSelection = function setDefaultSelection(currentRole) {
+    var _values$appRoles;
     var condition = isAdminRole(currentRole);
-    values.appRoles.forEach(function (_ref2, index) {
+    (_values$appRoles = values.appRoles) === null || _values$appRoles === void 0 ? void 0 : _values$appRoles.forEach(function (_ref2, index) {
       var _globalProps$appName;
       var appName = _ref2.appName,
         activeRole = _ref2.activeRole;