@wix/entity-advanced-permissions 1.790.0 → 1.792.0

package/dist/cjs/components/SearchEntity/SearchEntity.js.map

@@ -1 +1 @@
-{"version":3,"names":["CustomAsyncPaginate","withAsyncPaginate","Select","loadOptions","search","_loadedOptions","additional","queryFunction","nextCursor","response","optionsList","items","map","item","value","id","label","role","options","hasMore","SearchEntity","props","useContext","TPAComponentsContext","mobile","rtl","setSelectedRoles","placeholder","rows","allOptionsSelected","filterShowOnlyInSelectList","loadingMessage","noOptionsMessage","className","numberOfResultsMessage","pressDeleteToRemoveMessage","searchEntityRef","isDashboard","customComponents","DropdownIndicator","IndicatorSeparator","Menu","MultiValueRemove","Option","ValueContainer","LoadingIndicator","LoadingMessage","NoOptionsMessage","values","Array","shownValues","filter","showOnlyInSelectList","onSelect","e","tempValue","filterOptions","candidate","_input","data","customStyles","DEFAULT_ROWS_NUMBER","inputValue","trim","length","st","classes","root"],"sources":["../../../../src/components/SearchEntity/SearchEntity.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport Select from 'react-select';\nimport { withAsyncPaginate } from 'react-select-async-paginate';\nimport {\n  Menu,\n  MultiValueRemove,\n  ValueContainer,\n  NoOptionsMessage,\n  Option,\n  LoadingMessage,\n} from './SearchReplacmentsComponents';\nimport { st, classes } from './SearchEntity.st.css';\nimport { DEFAULT_ROWS_NUMBER } from './constants';\nimport { customStyles } from './CustomStyles';\nimport { SearchEntityProps } from './interfaces';\nimport { ValueType, OptionTypeBase } from 'react-select/src/types';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\nimport { DashboardMultiSelect } from './DashboardMultiSelect';\n\n// @ts-ignore\nconst CustomAsyncPaginate = withAsyncPaginate(Select);\n\nasync function loadOptions(\n  search: string,\n  _loadedOptions: any,\n  additional: any,\n): Promise<any> {\n  const { queryFunction, nextCursor } = additional;\n  const response = await queryFunction(search, nextCursor);\n\n  const optionsList = (response.items || []).map((item: any): [] => {\n    item.value = item.id;\n    item.label = item.role;\n    return item;\n  });\n\n  return {\n    options: optionsList,\n    hasMore: response.nextCursor !== null,\n    additional: { queryFunction, nextCursor: response.nextCursor },\n  };\n}\n\nfunction SearchEntity(props: SearchEntityProps) {\n  const { mobile, rtl } = useContext(TPAComponentsContext);\n  const {\n    setSelectedRoles,\n    queryFunction,\n    value,\n    placeholder,\n    rows,\n    allOptionsSelected,\n    filterShowOnlyInSelectList,\n    loadingMessage,\n    noOptionsMessage,\n    className,\n    numberOfResultsMessage = '',\n    pressDeleteToRemoveMessage = '',\n    searchEntityRef,\n    isDashboard,\n  } = props;\n\n  const customComponents = {\n    DropdownIndicator: null,\n    IndicatorSeparator: null,\n    Menu: Menu(numberOfResultsMessage),\n    MultiValueRemove: MultiValueRemove(pressDeleteToRemoveMessage),\n    Option,\n    ValueContainer,\n    LoadingIndicator: null,\n    LoadingMessage,\n    NoOptionsMessage,\n  };\n  let values: ValueType<any, any>[] =value || [];\n  if (!(values instanceof Array)) values =[values];\n  const shownValues: any = values.filter(\n    (item: ValueType<any, any>) => !item.showOnlyInSelectList,\n  );\n  const onSelect = (e: ValueType<any, any>) => {\n    if (setSelectedRoles) {\n      let tempValue = e;\n      if (!(e instanceof Array)) tempValue =[e];\n      setSelectedRoles(tempValue);\n    }\n  };\n\n  const filterOptions = (\n    candidate: OptionTypeBase,\n    _input: string,\n  ): boolean => {\n    if (!filterShowOnlyInSelectList) {\n      return true;\n    }\n    return !candidate.data.showOnlyInSelectList;\n  };\n  return isDashboard ? (\n    <DashboardMultiSelect\n      placeholder={placeholder}\n      loadOptions={loadOptions}\n      queryFunction={queryFunction}\n      isDashboard={isDashboard}\n      onSelect={setSelectedRoles}\n      value={value}\n      shownValues={shownValues}\n      filterShowOnlyInSelectList={filterShowOnlyInSelectList}\n    />\n  ) : (\n    <CustomAsyncPaginate\n      selectRef={searchEntityRef}\n      isMulti={false}\n      cacheOptions\n      defaultOptions={false}\n      styles={customStyles(\n        {\n          ...props,\n          rows: rows || DEFAULT_ROWS_NUMBER,\n        },\n        rtl || false,\n      )}\n      value={shownValues}\n      loadingMessage={() => loadingMessage || null}\n      placeholder={placeholder}\n      aria-label={placeholder}\n      isClearable={false}\n      classNamePrefix={'search-entity'}\n      noOptionsMessage={({ inputValue }:{inputValue:string}) => {\n        if (`${inputValue}`.trim().length) {\n          return `${noOptionsMessage}`;\n        }\n        return `${allOptionsSelected}`;\n      }}\n      className={st(classes.root, { mobile, rtl }, className)}\n      components={customComponents}\n      onChange={onSelect}\n      additional={{\n        queryFunction,\n        nextCursor: null,\n      }}\n      filterOption={filterOptions}\n      loadOptions={loadOptions}\n      debounceTimeout={300}\n      autoFocus\n    />\n  );\n}\n\nexport default SearchEntity;\n"],"mappings":"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"}
+{"version":3,"names":["CustomAsyncPaginate","withAsyncPaginate","Select","loadOptions","search","_loadedOptions","additional","queryFunction","nextCursor","response","optionsList","items","map","item","value","id","label","role","options","hasMore","SearchEntity","props","useContext","TPAComponentsContext","mobile","rtl","setSelectedRoles","placeholder","rows","allOptionsSelected","filterShowOnlyInSelectList","loadingMessage","noOptionsMessage","className","numberOfResultsMessage","pressDeleteToRemoveMessage","searchEntityRef","isDashboard","customComponents","DropdownIndicator","IndicatorSeparator","Menu","MultiValueRemove","Option","ValueContainer","LoadingIndicator","LoadingMessage","NoOptionsMessage","values","Array","shownValues","filter","showOnlyInSelectList","onSelect","e","tempValue","filterOptions","candidate","_input","data","customStyles","DEFAULT_ROWS_NUMBER","inputValue","trim","length","st","classes","root"],"sources":["../../../../src/components/SearchEntity/SearchEntity.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport Select from 'react-select';\nimport { withAsyncPaginate } from 'react-select-async-paginate';\nimport {\n  Menu,\n  MultiValueRemove,\n  ValueContainer,\n  NoOptionsMessage,\n  Option,\n  LoadingMessage,\n} from './SearchReplacmentsComponents';\nimport { st, classes } from './SearchEntity.st.css';\nimport { DEFAULT_ROWS_NUMBER } from './constants';\nimport { customStyles } from './CustomStyles';\nimport { SearchEntityProps } from './interfaces';\nimport { ValueType, OptionTypeBase } from 'react-select/src/types';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\nimport { DashboardMultiSelect } from './DashboardMultiSelect';\n\n// @ts-ignore\nconst CustomAsyncPaginate = withAsyncPaginate(Select);\n\nasync function loadOptions(\n  search: string,\n  _loadedOptions: any,\n  additional: any,\n): Promise<any> {\n  const { queryFunction, nextCursor } = additional;\n  const response = await queryFunction(search, nextCursor);\n\n  const optionsList = (response.items || []).map((item: any): [] => {\n    item.value = item.id;\n    item.label = item.role;\n    return item;\n  });\n\n  return {\n    options: optionsList,\n    hasMore: response.nextCursor !== null,\n    additional: { queryFunction, nextCursor: response.nextCursor },\n  };\n}\n\nfunction SearchEntity(props: SearchEntityProps) {\n  const { mobile, rtl } = useContext(TPAComponentsContext);\n  const {\n    setSelectedRoles,\n    queryFunction,\n    value,\n    placeholder,\n    rows,\n    allOptionsSelected,\n    filterShowOnlyInSelectList,\n    loadingMessage,\n    noOptionsMessage,\n    className,\n    numberOfResultsMessage = '',\n    pressDeleteToRemoveMessage = '',\n    searchEntityRef,\n    isDashboard,\n  } = props;\n\n  const customComponents = {\n    DropdownIndicator: null,\n    IndicatorSeparator: null,\n    Menu: Menu(numberOfResultsMessage),\n    MultiValueRemove: MultiValueRemove(pressDeleteToRemoveMessage),\n    Option,\n    ValueContainer,\n    LoadingIndicator: null,\n    LoadingMessage,\n    NoOptionsMessage,\n  };\n  let values: ValueType<any, any>[] =value || [];\n  if (!(values instanceof Array)) values =[values];\n  const shownValues: any = values.filter(\n    (item: ValueType<any, any>) => !item.showOnlyInSelectList,\n  );\n  const onSelect = (e: ValueType<any, any>) => {\n    if (setSelectedRoles) {\n      let tempValue = e;\n      if (!(e instanceof Array)) tempValue =[e];\n      setSelectedRoles(tempValue);\n    }\n  };\n\n  const filterOptions = (\n    candidate: OptionTypeBase,\n    _input: string,\n  ): boolean => {\n    if (!filterShowOnlyInSelectList) {\n      return true;\n    }\n    return !candidate.data.showOnlyInSelectList;\n  };\n  return isDashboard ? (\n    <DashboardMultiSelect\n      placeholder={placeholder}\n      loadOptions={loadOptions}\n      queryFunction={queryFunction}\n      isDashboard={isDashboard}\n      onSelect={setSelectedRoles}\n      value={value}\n      shownValues={shownValues}\n      filterShowOnlyInSelectList={filterShowOnlyInSelectList}\n    />\n  ) : (\n    <CustomAsyncPaginate\n      selectRef={searchEntityRef}\n      isMulti={false}\n      cacheOptions\n      defaultOptions={false}\n      styles={customStyles(\n        {\n          ...props,\n          rows: rows || DEFAULT_ROWS_NUMBER,\n        },\n        rtl || false,\n      )}\n      value={shownValues}\n      loadingMessage={() => loadingMessage || null}\n      placeholder={placeholder}\n      aria-label={placeholder}\n      isClearable={false}\n      classNamePrefix={'search-entity'}\n      noOptionsMessage={({ inputValue }:{inputValue:string}) => {\n        if (`${inputValue}`.trim().length) {\n          return `${noOptionsMessage}`;\n        }\n        return `${allOptionsSelected}`;\n      }}\n      className={st(classes.root, { mobile, rtl }, className)}\n      components={customComponents}\n      onChange={onSelect}\n      additional={{\n        queryFunction,\n        nextCursor: null,\n      }}\n      filterOption={filterOptions}\n      loadOptions={loadOptions}\n      debounceTimeout={300}\n      autoFocus\n    />\n  );\n}\n\nexport default SearchEntity;\n"],"mappings":"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"}

package/dist/cjs/components/SearchEntity/SearchEntity.spec.js

@@ -1,33 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@testing-library/react");
-
 var _SearchEntity = _interopRequireDefault(require("./SearchEntity.tsx"));
-
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/SearchEntity/SearchEntity.spec.tsx";
 describe('Search Entity Tests', () => {
   it('Desktop Renders properly', () => {
     const _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_SearchEntity.default, {
-      filterShowOnlyInSelectList: true,
-      allOptionsSelected: '',
-      rows: 3,
-      className: 'className',
-      queryFunction: jest.fn(),
-      placeholder: 'Add roles & members...',
-      searchEntityRef: /*#__PURE__*/_react.default.createRef(),
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 10,
-        columnNumber: 7
-      }
-    })),
-          getByText = _render.getByText;
-
+        filterShowOnlyInSelectList: true,
+        allOptionsSelected: '',
+        rows: 3,
+        className: 'className',
+        queryFunction: jest.fn(),
+        placeholder: 'Add roles & members...',
+        searchEntityRef: /*#__PURE__*/_react.default.createRef(),
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 10,
+          columnNumber: 7
+        }
+      })),
+      getByText = _render.getByText;
     expect(getByText('Add roles & members...')).toBeTruthy();
   });
 });

package/dist/cjs/components/SearchEntity/SearchEntity.spec.js.map

@@ -1 +1 @@
-{"version":3,"names":["describe","it","render","jest","fn","React","createRef","getByText","expect","toBeTruthy"],"sources":["../../../../src/components/SearchEntity/SearchEntity.spec.tsx"],"sourcesContent":["import React from 'react';\n\nimport { render } from '@testing-library/react';\n\nimport SearchEntity from './SearchEntity.tsx';\n\ndescribe('Search Entity Tests', () => {\n  it('Desktop Renders properly', () => {\n    const { getByText } = render(\n      <SearchEntity\n        filterShowOnlyInSelectList\n        allOptionsSelected={''}\n        rows={3}\n        className={'className'}\n        queryFunction={jest.fn()}\n        placeholder={'Add roles & members...'}\n        searchEntityRef={React.createRef()}\n      />,\n    );\n\n    expect(getByText('Add roles & members...')).toBeTruthy();\n  });\n});\n"],"mappings":";;;;AAAA;;AAEA;;AAEA;;;AAEAA,QAAQ,CAAC,qBAAD,EAAwB,MAAM;EACpCC,EAAE,CAAC,0BAAD,EAA6B,MAAM;IACnC,gBAAsB,IAAAC,cAAA,gBACpB,6BAAC,qBAAD;MACE,0BAA0B,MAD5B;MAEE,kBAAkB,EAAE,EAFtB;MAGE,IAAI,EAAE,CAHR;MAIE,SAAS,EAAE,WAJb;MAKE,aAAa,EAAEC,IAAI,CAACC,EAAL,EALjB;MAME,WAAW,EAAE,wBANf;MAOE,eAAe,eAAEC,cAAA,CAAMC,SAAN,EAPnB;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EADoB,CAAtB;IAAA,MAAQC,SAAR,WAAQA,SAAR;;IAYAC,MAAM,CAACD,SAAS,CAAC,wBAAD,CAAV,CAAN,CAA4CE,UAA5C;EACD,CAdC,CAAF;AAeD,CAhBO,CAAR"}
+{"version":3,"names":["describe","it","render","jest","fn","React","createRef","getByText","expect","toBeTruthy"],"sources":["../../../../src/components/SearchEntity/SearchEntity.spec.tsx"],"sourcesContent":["import React from 'react';\n\nimport { render } from '@testing-library/react';\n\nimport SearchEntity from './SearchEntity.tsx';\n\ndescribe('Search Entity Tests', () => {\n  it('Desktop Renders properly', () => {\n    const { getByText } = render(\n      <SearchEntity\n        filterShowOnlyInSelectList\n        allOptionsSelected={''}\n        rows={3}\n        className={'className'}\n        queryFunction={jest.fn()}\n        placeholder={'Add roles & members...'}\n        searchEntityRef={React.createRef()}\n      />,\n    );\n\n    expect(getByText('Add roles & members...')).toBeTruthy();\n  });\n});\n"],"mappings":";;;AAAA;AAEA;AAEA;AAA8C;AAE9CA,QAAQ,CAAC,qBAAqB,EAAE,MAAM;EACpCC,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACnC,gBAAsB,IAAAC,cAAM,gBAC1B,6BAAC,qBAAY;QACX,0BAA0B;QAC1B,kBAAkB,EAAE,EAAG;QACvB,IAAI,EAAE,CAAE;QACR,SAAS,EAAE,WAAY;QACvB,aAAa,EAAEC,IAAI,CAACC,EAAE,EAAG;QACzB,WAAW,EAAE,wBAAyB;QACtC,eAAe,eAAEC,cAAK,CAACC,SAAS,EAAG;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EACnC,CACH;MAVOC,SAAS,WAATA,SAAS;IAYjBC,MAAM,CAACD,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAACE,UAAU,EAAE;EAC1D,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/cjs/components/SearchEntity/SearchReplacmentsComponents.js

@@ -1,34 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.ValueContainer = exports.Option = exports.NoOptionsMessage = exports.MultiValueRemove = exports.Menu = exports.LoadingMessage = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactSelect = require("react-select");
-
 var _reactScrollbarsCustom = require("react-scrollbars-custom");
-
 var _AvatarRole = _interopRequireDefault(require("../PermissionsList/AvatarRole"));
-
 var _item_remove = _interopRequireDefault(require("../../assets/icons/item_remove.svg"));
-
 var _SearchEntitySt = require("./SearchEntity.st.css");
-
 var _wixUiTpa = require("wix-ui-tpa");
-
 var _constants = require("./constants");
-
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/SearchEntity/SearchReplacmentsComponents.tsx";
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const menuScrollbarStyle = {
   width: '100%',
   maxHeight: `${_constants.MENU_SCROLLBAR_HEIGHT}px`
@@ -37,7 +23,6 @@ const valueContainerScrollbarStyle = {
   width: '120%',
   maxHeight: `${_constants.SPACED_ROW_HEIGHT * _constants.DEFAULT_ROWS_NUMBER + _constants.SPACING}px`
 };
-
 const NoOptionsMessage = props => {
   return /*#__PURE__*/_react.default.createElement(_reactSelect.components.NoOptionsMessage, (0, _extends2.default)({}, props, {
     className: (0, _SearchEntitySt.st)(_SearchEntitySt.classes.no_options),
@@ -49,9 +34,7 @@ const NoOptionsMessage = props => {
     }
   }));
 };
-
 exports.NoOptionsMessage = NoOptionsMessage;
-
 const LoadingMessage = props => {
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props.innerProps, {
     style: props.getStyles('loadingMessage', props),
@@ -81,19 +64,15 @@ const LoadingMessage = props => {
     }
   })), props.children);
 };
-
 exports.LoadingMessage = LoadingMessage;
-
 function getLength(options) {
   return options.reduce((acc, curr) => {
     if (curr.options) {
       return acc + getLength(curr.options);
     }
-
     return acc + 1;
   }, 0);
 }
-
 const Menu = resultString => {
   return props => {
     const isLoading = props.selectProps.isLoading;
@@ -129,9 +108,7 @@ const Menu = resultString => {
     }), props.children));
   };
 };
-
 exports.Menu = Menu;
-
 const MultiValueRemove = removeMessage => {
   return props => {
     const parsedResults = removeMessage.replace('{0}', `${props.data.label}`);
@@ -155,15 +132,12 @@ const MultiValueRemove = removeMessage => {
     }));
   };
 };
-
 exports.MultiValueRemove = MultiValueRemove;
-
 const ValueContainer = props => {
   const scrollComponent = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     scrollComponent.current && scrollComponent.current.scrollToBottom();
   });
-
   if (props.hasValue) {
     return /*#__PURE__*/_react.default.createElement(_reactScrollbarsCustom.Scrollbar, {
       translateContentSizeYToHolder: true,
@@ -185,7 +159,6 @@ const ValueContainer = props => {
       }
     }), props.children));
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactSelect.components.ValueContainer, (0, _extends2.default)({}, props, {
     __self: void 0,
     __source: {
@@ -195,14 +168,12 @@ const ValueContainer = props => {
     }
   }), props.children);
 };
-
 exports.ValueContainer = ValueContainer;
-
 const Option = props => {
   const _props$data = props.data,
-        role = _props$data.role,
-        description = _props$data.description,
-        icon = _props$data.icon;
+    role = _props$data.role,
+    description = _props$data.description,
+    icon = _props$data.icon;
   const avatarData = {
     role,
     description,
@@ -228,6 +199,5 @@ const Option = props => {
     }
   })));
 };
-
 exports.Option = Option;
 //# sourceMappingURL=SearchReplacmentsComponents.js.map

package/dist/cjs/components/SearchEntity/SearchReplacmentsComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["menuScrollbarStyle","width","maxHeight","MENU_SCROLLBAR_HEIGHT","valueContainerScrollbarStyle","SPACED_ROW_HEIGHT","DEFAULT_ROWS_NUMBER","SPACING","NoOptionsMessage","props","st","classes","no_options","LoadingMessage","innerProps","getStyles","loading_message","spinner","blackSpinner","children","getLength","options","reduce","acc","curr","Menu","resultString","isLoading","selectProps","optionsLength","getValue","length","parsedResults","replace","MultiValueRemove","removeMessage","data","label","item_remove","ValueContainer","scrollComponent","useRef","useEffect","current","scrollToBottom","hasValue","Option","role","description","icon","avatarData","displayDescription","roleID","id","isFocused","focusedOption","unfocusedOption"],"sources":["../../../../src/components/SearchEntity/SearchReplacmentsComponents.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport {\n  components,\n  OptionProps,\n  MenuProps,\n  MultiValueProps,\n  ValueContainerProps,\n  OptionsType,\n} from 'react-select';\n\nimport { Scrollbar } from 'react-scrollbars-custom';\nimport AvatarRole, { AvatarRoleProps } from '../PermissionsList/AvatarRole';\nimport Remove from '../../assets/icons/item_remove.svg';\nimport { st, classes } from './SearchEntity.st.css';\nimport { Spinner } from 'wix-ui-tpa';\n\nimport {\n  DEFAULT_ROWS_NUMBER,\n  MENU_SCROLLBAR_HEIGHT,\n  SPACED_ROW_HEIGHT,\n  SPACING,\n} from './constants';\nimport { LoadingIconProps } from 'react-select/src/components/indicators';\nimport { MenuOptions } from 'react-select/src/Select';\n\nconst menuScrollbarStyle = {\n  width: '100%',\n  maxHeight: `${MENU_SCROLLBAR_HEIGHT}px`,\n};\n\nconst valueContainerScrollbarStyle = {\n  width: '120%',\n  maxHeight: `${SPACED_ROW_HEIGHT * DEFAULT_ROWS_NUMBER + SPACING}px`,\n};\nexport const NoOptionsMessage = (props: any) => {\n  return (\n    <components.NoOptionsMessage\n      {...props}\n      className={st(classes.no_options)}\n    />\n  );\n};\n\nexport const LoadingMessage = (props: any) => {\n  return (\n    <div\n      {...props.innerProps}\n      style={props.getStyles('loadingMessage', props)}\n      className={st(classes.loading_message)}\n    >\n      <span className={st(classes.spinner)}>\n        <Spinner diameter={16} className={st(classes.blackSpinner)} />\n      </span>\n      {props.children}\n    </div>\n  );\n};\nfunction getLength(options: OptionsType<any>): number {\n  return options.reduce((acc: number, curr) => {\n    if (curr.options) {\n      return acc + getLength(curr.options);\n    }\n    return acc + 1;\n  }, 0);\n}\n\nexport const Menu = (resultString: string) => {\n  return (props: MenuProps<any, any>) => {\n    const { isLoading } = props.selectProps;\n    const optionsLength: number =\n      getLength(props.options) - props.getValue().length;\n    const parsedResults = resultString.replace('{0}', `${optionsLength}`);\n    return (\n      <Scrollbar\n        native\n        translateContentSizeYToHolder={true}\n        style={menuScrollbarStyle}\n        noScrollX={true}\n      >\n        {!isLoading && (\n          <div role=\"alert\" className=\"sr-only\">\n            {parsedResults}\n          </div>\n        )}\n        <components.Menu {...props}>{props.children}</components.Menu>\n      </Scrollbar>\n    );\n  };\n};\n\nexport const MultiValueRemove = (removeMessage: string) => {\n  return (props: MultiValueProps<any>) => {\n    const parsedResults = removeMessage.replace('{0}', `${props.data.label}`);\n    return (\n      <components.MultiValueRemove {...props}>\n        <Remove\n          className={st(classes.item_remove)}\n          aria-label={parsedResults}\n          tabIndex={0}\n        />\n      </components.MultiValueRemove>\n    );\n  };\n};\n\nexport const ValueContainer = (props: ValueContainerProps<any, any>) => {\n  const scrollComponent: React.MutableRefObject<any> = useRef(null);\n  useEffect(() => {\n    scrollComponent.current && scrollComponent.current.scrollToBottom();\n  });\n\n  if (props.hasValue) {\n    return (\n      <Scrollbar\n        translateContentSizeYToHolder={true}\n        style={valueContainerScrollbarStyle}\n        noScrollX={true}\n        ref={scrollComponent}\n      >\n        <components.ValueContainer {...props}>\n          {props.children}\n        </components.ValueContainer>\n      </Scrollbar>\n    );\n  }\n  return (\n    <components.ValueContainer {...props}>\n      {props.children}\n    </components.ValueContainer>\n  );\n};\n\nexport const Option = (props: OptionProps<any, any>) => {\n  const { role, description, icon } = props.data;\n  const avatarData: AvatarRoleProps = {\n    role,\n    description,\n    icon,\n    displayDescription: true,\n    roleID: props.data.id,\n  };\n  const { isFocused } = props;\n\n  return (\n    <components.Option\n      {...props}\n      className={st(\n        isFocused ? classes.focusedOption : classes.unfocusedOption,\n      )}\n    >\n      <AvatarRole {...avatarData} />\n    </components.Option>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"names":["menuScrollbarStyle","width","maxHeight","MENU_SCROLLBAR_HEIGHT","valueContainerScrollbarStyle","SPACED_ROW_HEIGHT","DEFAULT_ROWS_NUMBER","SPACING","NoOptionsMessage","props","st","classes","no_options","LoadingMessage","innerProps","getStyles","loading_message","spinner","blackSpinner","children","getLength","options","reduce","acc","curr","Menu","resultString","isLoading","selectProps","optionsLength","getValue","length","parsedResults","replace","MultiValueRemove","removeMessage","data","label","item_remove","ValueContainer","scrollComponent","useRef","useEffect","current","scrollToBottom","hasValue","Option","role","description","icon","avatarData","displayDescription","roleID","id","isFocused","focusedOption","unfocusedOption"],"sources":["../../../../src/components/SearchEntity/SearchReplacmentsComponents.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport {\n  components,\n  OptionProps,\n  MenuProps,\n  MultiValueProps,\n  ValueContainerProps,\n  OptionsType,\n} from 'react-select';\n\nimport { Scrollbar } from 'react-scrollbars-custom';\nimport AvatarRole, { AvatarRoleProps } from '../PermissionsList/AvatarRole';\nimport Remove from '../../assets/icons/item_remove.svg';\nimport { st, classes } from './SearchEntity.st.css';\nimport { Spinner } from 'wix-ui-tpa';\n\nimport {\n  DEFAULT_ROWS_NUMBER,\n  MENU_SCROLLBAR_HEIGHT,\n  SPACED_ROW_HEIGHT,\n  SPACING,\n} from './constants';\nimport { LoadingIconProps } from 'react-select/src/components/indicators';\nimport { MenuOptions } from 'react-select/src/Select';\n\nconst menuScrollbarStyle = {\n  width: '100%',\n  maxHeight: `${MENU_SCROLLBAR_HEIGHT}px`,\n};\n\nconst valueContainerScrollbarStyle = {\n  width: '120%',\n  maxHeight: `${SPACED_ROW_HEIGHT * DEFAULT_ROWS_NUMBER + SPACING}px`,\n};\nexport const NoOptionsMessage = (props: any) => {\n  return (\n    <components.NoOptionsMessage\n      {...props}\n      className={st(classes.no_options)}\n    />\n  );\n};\n\nexport const LoadingMessage = (props: any) => {\n  return (\n    <div\n      {...props.innerProps}\n      style={props.getStyles('loadingMessage', props)}\n      className={st(classes.loading_message)}\n    >\n      <span className={st(classes.spinner)}>\n        <Spinner diameter={16} className={st(classes.blackSpinner)} />\n      </span>\n      {props.children}\n    </div>\n  );\n};\nfunction getLength(options: OptionsType<any>): number {\n  return options.reduce((acc: number, curr) => {\n    if (curr.options) {\n      return acc + getLength(curr.options);\n    }\n    return acc + 1;\n  }, 0);\n}\n\nexport const Menu = (resultString: string) => {\n  return (props: MenuProps<any, any>) => {\n    const { isLoading } = props.selectProps;\n    const optionsLength: number =\n      getLength(props.options) - props.getValue().length;\n    const parsedResults = resultString.replace('{0}', `${optionsLength}`);\n    return (\n      <Scrollbar\n        native\n        translateContentSizeYToHolder={true}\n        style={menuScrollbarStyle}\n        noScrollX={true}\n      >\n        {!isLoading && (\n          <div role=\"alert\" className=\"sr-only\">\n            {parsedResults}\n          </div>\n        )}\n        <components.Menu {...props}>{props.children}</components.Menu>\n      </Scrollbar>\n    );\n  };\n};\n\nexport const MultiValueRemove = (removeMessage: string) => {\n  return (props: MultiValueProps<any>) => {\n    const parsedResults = removeMessage.replace('{0}', `${props.data.label}`);\n    return (\n      <components.MultiValueRemove {...props}>\n        <Remove\n          className={st(classes.item_remove)}\n          aria-label={parsedResults}\n          tabIndex={0}\n        />\n      </components.MultiValueRemove>\n    );\n  };\n};\n\nexport const ValueContainer = (props: ValueContainerProps<any, any>) => {\n  const scrollComponent: React.MutableRefObject<any> = useRef(null);\n  useEffect(() => {\n    scrollComponent.current && scrollComponent.current.scrollToBottom();\n  });\n\n  if (props.hasValue) {\n    return (\n      <Scrollbar\n        translateContentSizeYToHolder={true}\n        style={valueContainerScrollbarStyle}\n        noScrollX={true}\n        ref={scrollComponent}\n      >\n        <components.ValueContainer {...props}>\n          {props.children}\n        </components.ValueContainer>\n      </Scrollbar>\n    );\n  }\n  return (\n    <components.ValueContainer {...props}>\n      {props.children}\n    </components.ValueContainer>\n  );\n};\n\nexport const Option = (props: OptionProps<any, any>) => {\n  const { role, description, icon } = props.data;\n  const avatarData: AvatarRoleProps = {\n    role,\n    description,\n    icon,\n    displayDescription: true,\n    roleID: props.data.id,\n  };\n  const { isFocused } = props;\n\n  return (\n    <components.Option\n      {...props}\n      className={st(\n        isFocused ? classes.focusedOption : classes.unfocusedOption,\n      )}\n    >\n      <AvatarRole {...avatarData} />\n    </components.Option>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/SearchEntity/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_ROWS_NUMBER","DEFAULT_ROW_HEIGHT","SPACED_ROW_HEIGHT","MENU_SCROLLBAR_HEIGHT","SPACING"],"sources":["../../../../src/components/SearchEntity/constants.tsx"],"sourcesContent":["export const DEFAULT_ROWS_NUMBER: number = 3;\nexport const DEFAULT_ROW_HEIGHT: number = 30;\nexport const SPACED_ROW_HEIGHT: number = 32;\nexport const MENU_SCROLLBAR_HEIGHT: number = 376;\nexport const SPACING: number = 8;\n"],"mappings":";;;;AAAO,MAAMA,mBAA2B,GAAG,CAApC;;AACA,MAAMC,kBAA0B,GAAG,EAAnC;;AACA,MAAMC,iBAAyB,GAAG,EAAlC;;AACA,MAAMC,qBAA6B,GAAG,GAAtC;;AACA,MAAMC,OAAe,GAAG,CAAxB"}
+{"version":3,"names":["DEFAULT_ROWS_NUMBER","DEFAULT_ROW_HEIGHT","SPACED_ROW_HEIGHT","MENU_SCROLLBAR_HEIGHT","SPACING"],"sources":["../../../../src/components/SearchEntity/constants.tsx"],"sourcesContent":["export const DEFAULT_ROWS_NUMBER: number = 3;\nexport const DEFAULT_ROW_HEIGHT: number = 30;\nexport const SPACED_ROW_HEIGHT: number = 32;\nexport const MENU_SCROLLBAR_HEIGHT: number = 376;\nexport const SPACING: number = 8;\n"],"mappings":";;;;AAAO,MAAMA,mBAA2B,GAAG,CAAC;AAAC;AACtC,MAAMC,kBAA0B,GAAG,EAAE;AAAC;AACtC,MAAMC,iBAAyB,GAAG,EAAE;AAAC;AACrC,MAAMC,qBAA6B,GAAG,GAAG;AAAC;AAC1C,MAAMC,OAAe,GAAG,CAAC;AAAC"}

package/dist/cjs/example/BasicExample.js

@@ -1,20 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _wixUiTpa = require("wix-ui-tpa");
-
 var _Close = _interopRequireDefault(require("wix-ui-icons-common/on-stage/Close"));
-
 var _BasicExampleSt = require("./BasicExample.st.css");
-
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/example/BasicExample.tsx";
-
 class BasicExample extends _react.default.Component {
   render() {
     // const { mobile, rtl } = this.props;
@@ -481,9 +474,7 @@ class BasicExample extends _react.default.Component {
       }
     }));
   }
-
 }
-
 var _default = BasicExample;
 exports.default = _default;
 //# sourceMappingURL=BasicExample.js.map

package/dist/cjs/example/BasicExample.js.map

@@ -1 +1 @@
-{"version":3,"names":["BasicExample","React","Component","render","mobile","rtl","id","isSelectable","value","subtitle","icon","divider","TextTypography","largeTitle","st","classes","enhancedText","ButtonPriority","primary","marginLeft","console","log","title","checked","enhancedButtonExtend","enhancedButtonMixin","AvatarSize","xLarge"],"sources":["../../../src/example/BasicExample.tsx"],"sourcesContent":["import React from 'react';\nimport { TPAComponentsProvider } from 'wix-ui-tpa';\nimport { Text, TextTypography } from 'wix-ui-tpa';\nimport { Button, ButtonPriority } from 'wix-ui-tpa';\nimport { Dropdown } from 'wix-ui-tpa';\nimport { Divider } from 'wix-ui-tpa';\nimport { Tags } from 'wix-ui-tpa';\nimport { Tooltip } from 'wix-ui-tpa';\nimport { IconButton } from 'wix-ui-tpa';\n// @ts-ignore\nimport  Close from 'wix-ui-icons-common/on-stage/Close';\nimport { TextButton } from 'wix-ui-tpa';\nimport { Checkbox } from 'wix-ui-tpa';\nimport { Avatar, AvatarSize } from 'wix-ui-tpa';\nimport { st, classes } from './BasicExample.st.css';\n// import styles from './BasicExample.scss';\nimport { FloatingDropdown } from 'wix-ui-tpa';\n\nclass BasicExample extends React.Component {\n  render() {\n    // const { mobile, rtl } = this.props;\n    const mobile = false;\n    const rtl = false;\n\n    return (\n      <TPAComponentsProvider value={{ mobile, rtl }}>\n        <FloatingDropdown\n          label=\"Sort by:\"\n          options={[\n            {\n              id: '1',\n              isSelectable: true,\n              value: 'Most recent',\n              subtitle: 'Subtitle Text 1',\n              icon: (\n                <svg width=\"24px\" height=\"24px\">\n                  <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n                </svg>\n              ),\n            },\n            {\n              id: '2',\n              isSelectable: true,\n              value: 'Most viewed',\n              subtitle: 'Subtitle Text 1',\n              icon: (\n                <svg width=\"24px\" height=\"24px\">\n                  <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n                </svg>\n              ),\n            },\n            {\n              id: '3',\n              isSelectable: true,\n              value: 'Most liked',\n              subtitle: 'Subtitle Text 1',\n              icon: (\n                <svg width=\"24px\" height=\"24px\">\n                  <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n                </svg>\n              ),\n            },\n            {\n              divider: true,\n            },\n            {\n              id: '4',\n              isSelectable: true,\n              value: 'Most comments',\n              subtitle: 'Subtitle Text 1',\n              icon: (\n                <svg width=\"24px\" height=\"24px\">\n                  <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n                </svg>\n              ),\n            },\n            {\n              id: '5',\n              isSelectable: true,\n              value: 'Most recent posts in the whole galaxy',\n              subtitle: 'Subtitle Text 1',\n              icon: (\n                <svg width=\"24px\" height=\"24px\">\n                  <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n                </svg>\n              ),\n            },\n          ]}\n          placeholder=\"Most recent\"\n        />\n        <Text\n          typography={TextTypography.largeTitle}\n          className={st(classes.enhancedText)}\n        >\n          Hello World\n        </Text>\n        <br />\n        <br />\n        <Text typography={TextTypography.largeTitle}>We are the world</Text>\n        <br />\n        <br />\n        <Button\n          upgrade\n          priority={ButtonPriority.primary}\n          style={{ marginLeft: '10px' }}\n        >\n          PRIMARY\n        </Button>\n        <br />\n        <br />\n        <Dropdown\n          placeholder=\"Placeholder Text\"\n          options={[\n            { id: '0', value: 'Input Text 1', isSelectable: true },\n            { id: '1', value: 'Input Text 2', isSelectable: true },\n            { id: '2', value: 'Input Text 3', isSelectable: true },\n            { id: '3', value: 'Input Text 4', isSelectable: false },\n            { id: '4', value: 'Input Text 5', isSelectable: false },\n          ]}\n        />\n        <br />\n        <br />\n        <Divider />\n        <br />\n        <br />\n        <Tags\n          onClick={console.log}\n          items={[\n            { title: 'ele 1', checked: true, value: 'ele 1 value' },\n            { title: 'ele 2', value: 'ele 2 value' },\n          ]}\n        />\n        <br />\n        <br />\n        <Tooltip content=\"Hello World\" placement=\"top\">\n          <span>Hover me for a tooltip!</span>\n        </Tooltip>\n        <br />\n        <br />\n        <IconButton icon={<Close />} />\n        <br />\n        <br />\n        <TextButton>Text Button - scss style</TextButton>\n        <br />\n        <br />\n        <TextButton className={st(classes.enhancedButtonExtend)}>\n          Text Button - stylable extend\n        </TextButton>\n        <br />\n        <br />\n        <TextButton className={st(classes.enhancedButtonMixin)}>\n          Text Button - stylable mixin\n        </TextButton>\n        <br />\n        <br />\n        <Checkbox label=\"i'm a checkbox\" onChange={() => {}} />\n        <br />\n        <br />\n        <Avatar\n          size={AvatarSize.xLarge}\n          src=\"https://randomuser.me/api/portraits/men/65.jpg\"\n        />\n      </TPAComponentsProvider>\n    );\n  }\n}\n\nexport default BasicExample;\n"],"mappings":"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"}
+{"version":3,"names":["BasicExample","React","Component","render","mobile","rtl","id","isSelectable","value","subtitle","icon","divider","TextTypography","largeTitle","st","classes","enhancedText","ButtonPriority","primary","marginLeft","console","log","title","checked","enhancedButtonExtend","enhancedButtonMixin","AvatarSize","xLarge"],"sources":["../../../src/example/BasicExample.tsx"],"sourcesContent":["import React from 'react';\nimport { TPAComponentsProvider } from 'wix-ui-tpa';\nimport { Text, TextTypography } from 'wix-ui-tpa';\nimport { Button, ButtonPriority } from 'wix-ui-tpa';\nimport { Dropdown } from 'wix-ui-tpa';\nimport { Divider } from 'wix-ui-tpa';\nimport { Tags } from 'wix-ui-tpa';\nimport { Tooltip } from 'wix-ui-tpa';\nimport { IconButton } from 'wix-ui-tpa';\n// @ts-ignore\nimport  Close from 'wix-ui-icons-common/on-stage/Close';\nimport { TextButton } from 'wix-ui-tpa';\nimport { Checkbox } from 'wix-ui-tpa';\nimport { Avatar, AvatarSize } from 'wix-ui-tpa';\nimport { st, classes } from './BasicExample.st.css';\n// import styles from './BasicExample.scss';\nimport { FloatingDropdown } from 'wix-ui-tpa';\n\nclass BasicExample extends React.Component {\n  render() {\n    // const { mobile, rtl } = this.props;\n    const mobile = false;\n    const rtl = false;\n\n    return (\n      <TPAComponentsProvider value={{ mobile, rtl }}>\n        <FloatingDropdown\n          label=\"Sort by:\"\n          options={[\n            {\n              id: '1',\n              isSelectable: true,\n              value: 'Most recent',\n              subtitle: 'Subtitle Text 1',\n              icon: (\n                <svg width=\"24px\" height=\"24px\">\n                  <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n                </svg>\n              ),\n            },\n            {\n              id: '2',\n              isSelectable: true,\n              value: 'Most viewed',\n              subtitle: 'Subtitle Text 1',\n              icon: (\n                <svg width=\"24px\" height=\"24px\">\n                  <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n                </svg>\n              ),\n            },\n            {\n              id: '3',\n              isSelectable: true,\n              value: 'Most liked',\n              subtitle: 'Subtitle Text 1',\n              icon: (\n                <svg width=\"24px\" height=\"24px\">\n                  <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n                </svg>\n              ),\n            },\n            {\n              divider: true,\n            },\n            {\n              id: '4',\n              isSelectable: true,\n              value: 'Most comments',\n              subtitle: 'Subtitle Text 1',\n              icon: (\n                <svg width=\"24px\" height=\"24px\">\n                  <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n                </svg>\n              ),\n            },\n            {\n              id: '5',\n              isSelectable: true,\n              value: 'Most recent posts in the whole galaxy',\n              subtitle: 'Subtitle Text 1',\n              icon: (\n                <svg width=\"24px\" height=\"24px\">\n                  <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n                </svg>\n              ),\n            },\n          ]}\n          placeholder=\"Most recent\"\n        />\n        <Text\n          typography={TextTypography.largeTitle}\n          className={st(classes.enhancedText)}\n        >\n          Hello World\n        </Text>\n        <br />\n        <br />\n        <Text typography={TextTypography.largeTitle}>We are the world</Text>\n        <br />\n        <br />\n        <Button\n          upgrade\n          priority={ButtonPriority.primary}\n          style={{ marginLeft: '10px' }}\n        >\n          PRIMARY\n        </Button>\n        <br />\n        <br />\n        <Dropdown\n          placeholder=\"Placeholder Text\"\n          options={[\n            { id: '0', value: 'Input Text 1', isSelectable: true },\n            { id: '1', value: 'Input Text 2', isSelectable: true },\n            { id: '2', value: 'Input Text 3', isSelectable: true },\n            { id: '3', value: 'Input Text 4', isSelectable: false },\n            { id: '4', value: 'Input Text 5', isSelectable: false },\n          ]}\n        />\n        <br />\n        <br />\n        <Divider />\n        <br />\n        <br />\n        <Tags\n          onClick={console.log}\n          items={[\n            { title: 'ele 1', checked: true, value: 'ele 1 value' },\n            { title: 'ele 2', value: 'ele 2 value' },\n          ]}\n        />\n        <br />\n        <br />\n        <Tooltip content=\"Hello World\" placement=\"top\">\n          <span>Hover me for a tooltip!</span>\n        </Tooltip>\n        <br />\n        <br />\n        <IconButton icon={<Close />} />\n        <br />\n        <br />\n        <TextButton>Text Button - scss style</TextButton>\n        <br />\n        <br />\n        <TextButton className={st(classes.enhancedButtonExtend)}>\n          Text Button - stylable extend\n        </TextButton>\n        <br />\n        <br />\n        <TextButton className={st(classes.enhancedButtonMixin)}>\n          Text Button - stylable mixin\n        </TextButton>\n        <br />\n        <br />\n        <Checkbox label=\"i'm a checkbox\" onChange={() => {}} />\n        <br />\n        <br />\n        <Avatar\n          size={AvatarSize.xLarge}\n          src=\"https://randomuser.me/api/portraits/men/65.jpg\"\n        />\n      </TPAComponentsProvider>\n    );\n  }\n}\n\nexport default BasicExample;\n"],"mappings":"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"}

package/dist/cjs/example/CounterCmp.js

@@ -2,11 +2,9 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 function CounterCmp() {
   return 'Counter-1';
 }
-
 var _default = CounterCmp;
 exports.default = _default;
 //# sourceMappingURL=CounterCmp.js.map

package/dist/cjs/example/CounterCmp.js.map

@@ -1 +1 @@
-{"version":3,"names":["CounterCmp"],"sources":["../../../src/example/CounterCmp.tsx"],"sourcesContent":["import React from 'react';\n\nfunction CounterCmp() {\n  return 'Counter-1';\n}\n\nexport default CounterCmp;\n"],"mappings":";;;;;AAEA,SAASA,UAAT,GAAsB;EACpB,OAAO,WAAP;AACD;;eAEcA,U"}
+{"version":3,"names":["CounterCmp"],"sources":["../../../src/example/CounterCmp.tsx"],"sourcesContent":["import React from 'react';\n\nfunction CounterCmp() {\n  return 'Counter-1';\n}\n\nexport default CounterCmp;\n"],"mappings":";;;;AAEA,SAASA,UAAU,GAAG;EACpB,OAAO,WAAW;AACpB;AAAC,eAEcA,UAAU;AAAA"}

package/dist/cjs/example/counter.js

@@ -1,26 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 class Counter {
   constructor() {
     (0, _defineProperty2.default)(this, "_count", 0);
   }
-
   increment(n = 1) {
     this._count += n;
   }
-
   getCount() {
     return this._count;
   }
-
 }
-
 exports.default = Counter;
 //# sourceMappingURL=counter.js.map

package/dist/cjs/example/counter.js.map

@@ -1 +1 @@
-{"version":3,"names":["Counter","increment","n","_count","getCount"],"sources":["../../../src/example/counter.ts"],"sourcesContent":["export default class Counter {\n  _count = 0;\n\n  increment(n = 1) {\n    this._count += n;\n  }\n\n  getCount() {\n    return this._count;\n  }\n}\n"],"mappings":";;;;;;;;;AAAe,MAAMA,OAAN,CAAc;EAAA;IAAA,8CAClB,CADkB;EAAA;;EAG3BC,SAAS,CAACC,CAAC,GAAG,CAAL,EAAQ;IACf,KAAKC,MAAL,IAAeD,CAAf;EACD;;EAEDE,QAAQ,GAAG;IACT,OAAO,KAAKD,MAAZ;EACD;;AAT0B"}
+{"version":3,"names":["Counter","increment","n","_count","getCount"],"sources":["../../../src/example/counter.ts"],"sourcesContent":["export default class Counter {\n  _count = 0;\n\n  increment(n = 1) {\n    this._count += n;\n  }\n\n  getCount() {\n    return this._count;\n  }\n}\n"],"mappings":";;;;;;AAAe,MAAMA,OAAO,CAAC;EAAA;IAAA,8CAClB,CAAC;EAAA;EAEVC,SAAS,CAACC,CAAC,GAAG,CAAC,EAAE;IACf,IAAI,CAACC,MAAM,IAAID,CAAC;EAClB;EAEAE,QAAQ,GAAG;IACT,OAAO,IAAI,CAACD,MAAM;EACpB;AACF;AAAC"}

package/dist/cjs/index.js

@@ -1,55 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
-
 var _EntityAdvancedPermissions = _interopRequireDefault(require("./components/EntityAdvancedPermissions"));
-
 exports.EntityAdvancedPermissions = _EntityAdvancedPermissions.default;
-
 var _AdminsIcon = _interopRequireDefault(require("./assets/icons/AdminsIcon.svg"));
-
 exports.AdminsIcon = _AdminsIcon.default;
-
 var _RoleIcon = _interopRequireDefault(require("./assets/icons/RoleIcon.svg"));
-
 exports.RoleIcon = _RoleIcon.default;
-
 var _PPIcon = _interopRequireDefault(require("./assets/icons/PPIcon.svg"));
-
 exports.PPIcon = _PPIcon.default;
-
 var _SiteVisitorsIcon = _interopRequireDefault(require("./assets/icons/SiteVisitorsIcon.svg"));
-
 exports.SiteVisitorsIcon = _SiteVisitorsIcon.default;
-
 var _BadgeIcon = _interopRequireDefault(require("./assets/icons/BadgeIcon.svg"));
-
 exports.BadgeIcon = _BadgeIcon.default;
-
 var _SiteVisitorsIcon2 = require("./components/DashboardIcons/SiteVisitorsIcon");
-
 exports.DashboardSiteVisitorsIcon = _SiteVisitorsIcon2.SiteVisitorsIcon;
-
 var _AdminsIcon2 = require("./components/DashboardIcons/AdminsIcon");
-
 exports.DashboardAdminsIcon = _AdminsIcon2.AdminsIcon;
-
 var _RoleIcon2 = require("./components/DashboardIcons/RoleIcon");
-
 exports.DashboardRoleIcon = _RoleIcon2.RoleIcon;
-
 var _BadgeIcon2 = require("./components/DashboardIcons/BadgeIcon");
-
 exports.DashboardBadgeIcon = _BadgeIcon2.BadgeIcon;
-
 var _PPIcon2 = require("./components/DashboardIcons/PPIcon");
-
 exports.DashboardPPIcon = _PPIcon2.PPIcon;
-
 var _EntityAdvancedPermissionsTypes = require("./components/EntityAdvancedPermissionsTypes");
-
 exports.ResponseStatus = _EntityAdvancedPermissionsTypes.ResponseStatus;
 exports.CloseReason = _EntityAdvancedPermissionsTypes.CloseReason;
 exports.Loading = _EntityAdvancedPermissionsTypes.Loading;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":["import EntityAdvancedPermissions from './components/EntityAdvancedPermissions';\nimport AdminsIcon from './assets/icons/AdminsIcon.svg';\nimport RoleIcon from './assets/icons/RoleIcon.svg';\nimport PPIcon from './assets/icons/PPIcon.svg';\nimport SiteVisitorsIcon from './assets/icons/SiteVisitorsIcon.svg';\nimport BadgeIcon from './assets/icons/BadgeIcon.svg';\nimport { SiteVisitorsIcon as DashboardSiteVisitorsIcon } from './components/DashboardIcons/SiteVisitorsIcon';\nimport { AdminsIcon as DashboardAdminsIcon } from './components/DashboardIcons/AdminsIcon';\nimport { RoleIcon as DashboardRoleIcon } from './components/DashboardIcons/RoleIcon';\nimport { BadgeIcon as DashboardBadgeIcon } from './components/DashboardIcons/BadgeIcon';\nimport { PPIcon as DashboardPPIcon } from './components/DashboardIcons/PPIcon';\nimport {\n  ResponseStatus,\n  CloseReason,\n  Loading,\n} from './components/EntityAdvancedPermissionsTypes';\n\nexport {\n  EntityAdvancedPermissions,\n  AdminsIcon,\n  BadgeIcon,\n  RoleIcon,\n  PPIcon,\n  SiteVisitorsIcon,\n  ResponseStatus,\n  CloseReason,\n  Loading,\n  DashboardSiteVisitorsIcon,\n  DashboardAdminsIcon,\n  DashboardRoleIcon,\n  DashboardBadgeIcon,\n  DashboardPPIcon,\n};\n"],"mappings":";;;;;;AAAA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA"}
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":["import EntityAdvancedPermissions from './components/EntityAdvancedPermissions';\nimport AdminsIcon from './assets/icons/AdminsIcon.svg';\nimport RoleIcon from './assets/icons/RoleIcon.svg';\nimport PPIcon from './assets/icons/PPIcon.svg';\nimport SiteVisitorsIcon from './assets/icons/SiteVisitorsIcon.svg';\nimport BadgeIcon from './assets/icons/BadgeIcon.svg';\nimport { SiteVisitorsIcon as DashboardSiteVisitorsIcon } from './components/DashboardIcons/SiteVisitorsIcon';\nimport { AdminsIcon as DashboardAdminsIcon } from './components/DashboardIcons/AdminsIcon';\nimport { RoleIcon as DashboardRoleIcon } from './components/DashboardIcons/RoleIcon';\nimport { BadgeIcon as DashboardBadgeIcon } from './components/DashboardIcons/BadgeIcon';\nimport { PPIcon as DashboardPPIcon } from './components/DashboardIcons/PPIcon';\nimport {\n  ResponseStatus,\n  CloseReason,\n  Loading,\n} from './components/EntityAdvancedPermissionsTypes';\n\nexport {\n  EntityAdvancedPermissions,\n  AdminsIcon,\n  BadgeIcon,\n  RoleIcon,\n  PPIcon,\n  SiteVisitorsIcon,\n  ResponseStatus,\n  CloseReason,\n  Loading,\n  DashboardSiteVisitorsIcon,\n  DashboardAdminsIcon,\n  DashboardRoleIcon,\n  DashboardBadgeIcon,\n  DashboardPPIcon,\n};\n"],"mappings":";;;;AAAA;AAA+E;AAC/E;AAAuD;AACvD;AAAmD;AACnD;AAA+C;AAC/C;AAAmE;AACnE;AAAqD;AACrD;AAA6G;AAC7G;AAA2F;AAC3F;AAAqF;AACrF;AAAwF;AACxF;AAA+E;AAC/E;AAIqD;AAAA;AAAA"}

package/dist/esm/components/EntityAdvancedPermissions.js

@@ -289,10 +289,14 @@ function EntityAdvancedPermissions(props) {
     const providerProps = isDashboard
         ? { features, value: {} }
         : { value: { mobile, rtl } };
-    const sectionNotification = isDashboard ? (React.createElement(FloatingNotification, { type: "warning", text: React.createElement(BO_Text, { size: 'small', className: st(classes.wsrTooltipContent) }, changeValidationMsg), fullWidth: false, showCloseButton: false, className: st(classes.wsrNotificationMessage) })) : (React.createElement(SectionNotification, { type: "alert", className: st(classes.notificationMessage) },
+    const sectionNotification = isDashboard ? (
+    // @ts-ignore
+    React.createElement(FloatingNotification, { type: "warning", text: React.createElement(BO_Text, { size: 'small', className: st(classes.wsrTooltipContent) }, changeValidationMsg), fullWidth: false, showCloseButton: false, className: st(classes.wsrNotificationMessage) })) : (React.createElement(SectionNotification, { type: "alert", className: st(classes.notificationMessage) },
         React.createElement(SectionNotification.Icon, { icon: React.createElement(ErrorIcon, null) }),
         React.createElement(SectionNotification.Text, { className: st(classes.notificationMessageText) }, changeValidationMsg)));
-    const wsrErrorNotification = errorMessageText.length > 0 ? React.createElement(FloatingNotification, { type: "destructive", text: React.createElement(BO_Text, { size: 'small', className: st(classes.wsrTooltipContent) }, errorMessageText), fullWidth: false, showCloseButton: false, className: step === STEP_1 ? st(classes.wsrNotificationMessage) : st(classes.wsrNotificationErrorMessage) })
+    const wsrErrorNotification = 
+    // @ts-ignore
+    errorMessageText.length > 0 ? React.createElement(FloatingNotification, { type: "destructive", text: React.createElement(BO_Text, { size: 'small', className: st(classes.wsrTooltipContent) }, errorMessageText), fullWidth: false, showCloseButton: false, className: step === STEP_1 ? st(classes.wsrNotificationMessage) : st(classes.wsrNotificationErrorMessage) })
         : '';
     const errorSectionNotification = isDashboard ? (step === STEP_1
         ?
@@ -300,7 +304,9 @@ function EntityAdvancedPermissions(props) {
         : '') : (React.createElement(SectionNotification, { type: "error", className: st(classes.notificationMessage) },
         React.createElement(SectionNotification.Icon, { icon: React.createElement(IconError, null) }),
         React.createElement(SectionNotification.Text, null, errorMessageText)));
-    return (React.createElement(Provider, Object.assign({}, providerProps),
+    return (
+    // @ts-ignore
+    React.createElement(Provider, Object.assign({}, providerProps),
         React.createElement("div", { className: st(classes.root, { mobile, rtl, step, dashboard: isDashboard }, className), role: "dialog", "aria-labelledby": "modalMainTitle", "aria-describedby": "folderName" },
             React.createElement("div", { className: st(classes.header) },
                 step === STEP_2 && mobile && (React.createElement(SmallArrowLeftIcon, { className: classes.headerArrow, onClick: backToFirstView })),
@@ -349,7 +355,8 @@ function EntityAdvancedPermissions(props) {
                             ? saveSuccessMessage
                             : '', size: ButtonSize.small, disabled: advancedPermissionState.saveState ===
                             StatesButtonStates.IN_PROGRESS, onClick: saveClicked }, advancedPermissionState.saveState !==
-                        StatesButtonStates.IN_PROGRESS ? (advancedPermissionState.pendingSave ? (saveButtonText || 'Save') : (doneLabel)) : (React.createElement(Loader, { size: "tiny" })))) : (React.createElement(StatesButton, { idleContent: advancedPermissionState.pendingSave
+                        StatesButtonStates.IN_PROGRESS ? (advancedPermissionState.pendingSave ? (saveButtonText || 'Save') : (doneLabel)) : (React.createElement(React.Fragment, null,
+                        React.createElement(Loader, { size: "tiny" }))))) : (React.createElement(StatesButton, { idleContent: advancedPermissionState.pendingSave
                             ? saveButtonText || 'Save'
                             : doneLabel, "aria-label": advancedPermissionState.saveState === StatesButtonStates.SUCCESS
                             ? saveSuccessMessage