@wix/entity-advanced-permissions 1.1395.0 → 1.1397.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_wixUiTpa","_PermissionsDropdownSt","_DropdownCheckedEmpty","_interopRequireDefault","_DropdownChecked","_he","_designSystem","_wixUiIconsCommon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","permissionLevels","VIEW","CONTRIBUTE","MANAGE","NONE","getOverlay","div","document","createElement","style","position","left","bottom","right","top","PermissionsDropdown","props","mobile","useContext","TPAComponentsContext","overlay","useRef","options","className","ariaLabelledBy","isDashboard","isStep2","shouldChangeColor","containerRef","selected","setSelected","useState","value","step1MenuClassName","setStep1MenuClassName","st","classes","whiteColor","getIcon","id","__self","__source","fileName","lineNumber","columnNumber","dropDownChange","_e$id","lockScrolling","toString","onChange","getPermissionIcon","permissionId","Visible","DownloadImport","Settings","Delete","newOptions","map","k","he","decode","subtitle","icon","key","expanded","docBody","body","appendChild","current","contains","removeChild","updatedOptions","permission","divider","label","listItemSelectBuilder","prefix","Box","paddingLeft","title","wsrOption","isLastChild","selectedPermission","find","buttonClassName","updatedOptionsChildren","children","Dropdown","_extends2","dropdownWidth","selectedId","popoverProps","placement","appendTo","onSelect","valueParser","option","DropdownBase","maxWidth","minWidth","maxHeight","overflow","flip","toggle","selectedOption","TextButton","skin","onClick","suffixIcon","ChevronDown","FloatingDropdown","removeElementMinWidth","disabled","permissionsDropdown","isDisabled","onExpandedChange","_default","exports"],"sources":["../../../../src/components/PermissionsDropdown/PermissionsDropdown.tsx"],"sourcesContent":["import React, { useState, useRef, useContext, RefObject } from 'react';\nimport { TPAComponentsContext, FloatingDropdown } from 'wix-ui-tpa';\nimport { st, classes } from './PermissionsDropdown.st.css';\nimport EmptyLogo from '../../assets/icons/DropdownCheckedEmpty.svg';\nimport CheckedIcon from '../../assets/icons/DropdownChecked.svg';\nimport he from 'he';\nimport {\n  Dropdown,\n  DropdownBase,\n  listItemSelectBuilder,\n  TextButton,\n  Box,\n} from '@wix/design-system';\nimport {\n  ChevronDown,\n  Delete,\n  DownloadImport,\n  Settings,\n  Visible,\n} from '@wix/wix-ui-icons-common';\n\nexport interface PermissionsOptionsProps {\n  id?: string;\n  value?: string;\n  subtitle?: string;\n  divider?: boolean;\n  isSelectable?: boolean;\n}\n\nexport interface PermissionsDropdownProps {\n  disabled: boolean;\n  options: PermissionsOptionsProps[];\n  value?: string;\n  onChange?(id: string): void; // function to update parent component which permission(id) was selected\n  className?: string;\n  ariaLabelledBy?: string;\n  isDashboard?: boolean;\n  isStep2?: boolean;\n  shouldChangeColor?: boolean;\n  containerRef?: RefObject<HTMLDivElement>;\n}\n\nconst permissionLevels = {\n  VIEW: 'VIEW',\n  CONTRIBUTE: 'CONTRIBUTE',\n  MANAGE: 'MANAGE',\n  NONE: 'NONE',\n};\n\nconst getOverlay = (): Node => {\n  const div = document.createElement('div');\n  div.style.position = 'fixed';\n  div.style.left = '0';\n  div.style.bottom = '0';\n  div.style.right = '0';\n  div.style.top = '0';\n\n  return div;\n};\n\nfunction PermissionsDropdown(props: PermissionsDropdownProps) {\n  const { mobile } = useContext(TPAComponentsContext);\n  const overlay = useRef<Node>(getOverlay());\n  const {\n    options,\n    className,\n    ariaLabelledBy = '',\n    isDashboard = false,\n    isStep2 = false,\n    shouldChangeColor = false,\n    containerRef,\n  } = props;\n  const [selected, setSelected] = useState(props.value); // selected permission menu title\n  const [step1MenuClassName, setStep1MenuClassName] = useState(\n    st(classes.whiteColor),\n  );\n  const getIcon = (id: string) => {\n    return id === selected ? <CheckedIcon /> : <EmptyLogo />;\n  };\n  const dropDownChange = (e: PermissionsOptionsProps | any) => {\n    if (!isDashboard) {\n      if (!mobile) {\n        lockScrolling(false);\n      }\n      setSelected(e.id?.toString());\n    }\n    if (!isStep2) {\n      setStep1MenuClassName(st(classes.whiteColor));\n    }\n    if (props.onChange) {\n      props.onChange(`${e.id}`);\n    }\n  };\n\n  const getPermissionIcon = (permissionId: string) => {\n    switch (permissionId) {\n      case permissionLevels.VIEW:\n        return <Visible />;\n      case permissionLevels.CONTRIBUTE:\n        return <DownloadImport />;\n      case permissionLevels.MANAGE:\n        return <Settings />;\n      case permissionLevels.NONE:\n        return <Delete />;\n      default:\n        return '';\n    }\n  };\n\n  const newOptions = options.map((k) => {\n    return {\n      ...k,\n      value: he.decode(k.value || ''),\n      subtitle: he.decode(k.subtitle || ''),\n      icon: getIcon(`${k.id}`),\n      key: k.id,\n    };\n  });\n\n  const lockScrolling = (expanded: any) => {\n    const docBody = document.body;\n    if (expanded) {\n      docBody.appendChild(overlay.current);\n    } else if (docBody.contains(overlay.current)) {\n      docBody.removeChild(overlay.current);\n    }\n  };\n\n  if (isDashboard) {\n    const updatedOptions = options.map((permission: any) => {\n      return permission.divider\n        ? { value: '-', label: '', id: '' }\n        : listItemSelectBuilder({\n            id: permission.id,\n            prefix: (\n              <Box paddingLeft={1}>{getPermissionIcon(permission.id)}</Box>\n            ),\n            title: permission.value,\n            subtitle: permission.subtitle,\n            label: permission.value,\n            className: st(classes.wsrOption, {\n              isLastChild: permission.id === permissionLevels.NONE,\n            }),\n          });\n    });\n\n    const selectedPermission = updatedOptions.find(\n      (permission: any) => permission.id === props.value,\n    );\n    const buttonClassName = shouldChangeColor ? step1MenuClassName : '';\n    const updatedOptionsChildren: any = {\n      children: updatedOptions,\n      options: updatedOptions,\n    };\n    return isStep2 ? (\n      <Dropdown\n        dropdownWidth=\"320px\"\n        selectedId={selectedPermission?.id}\n        popoverProps={{\n          placement: 'bottom-end',\n          appendTo: 'parent',\n        }}\n        className={className}\n        onSelect={dropDownChange}\n        valueParser={(option) => option.label}\n        {...updatedOptionsChildren}\n      />\n    ) : (\n      <DropdownBase\n        selectedId={selectedPermission?.id}\n        maxWidth=\"320px\"\n        minWidth=\"320px\"\n        className={className}\n        maxHeight=\"348px\"\n        appendTo={buttonClassName ? `.${buttonClassName}` : 'scrollParent'}\n        onSelect={dropDownChange}\n        placement=\"bottom-end\"\n        overflow=\"visible\"\n        flip={false}\n        {...updatedOptionsChildren}\n      >\n        {({ toggle, selectedOption = {} }) => (\n          <TextButton\n            skin=\"dark\"\n            className={buttonClassName}\n            onClick={toggle}\n            suffixIcon={<ChevronDown />}\n          >\n            {(selectedOption.id !== 'NONE' && selectedOption.label) ||\n              selectedPermission?.label}\n          </TextButton>\n        )}\n      </DropdownBase>\n    );\n  }\n\n  return (\n    <FloatingDropdown\n      removeElementMinWidth\n      aria-labelledby={ariaLabelledBy}\n      options={newOptions}\n      disabled={props.disabled}\n      value={selected}\n      label=\"\"\n      onChange={dropDownChange}\n      className={st(\n        classes.permissionsDropdown,\n        {\n          isDisabled: props.disabled,\n          mobile,\n        },\n        className,\n      )}\n      appendTo={containerRef?.current as Element}\n      onExpandedChange={lockScrolling}\n      placement=\"bottom-start\"\n    />\n  );\n}\n\nexport default PermissionsDropdown;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_cssVars","_PermissionsDropdownSt","_DropdownCheckedEmpty","_interopRequireDefault","_DropdownChecked","_he","_designSystem","_wixUiIconsCommon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","permissionLevels","VIEW","CONTRIBUTE","MANAGE","NONE","getOverlay","div","document","createElement","style","position","left","bottom","right","top","PermissionsDropdown","props","mobile","useContext","TPAComponentsContext","overlay","useRef","options","className","ariaLabelledBy","isDashboard","isStep2","shouldChangeColor","containerRef","selected","setSelected","useState","value","step1MenuClassName","setStep1MenuClassName","st","classes","whiteColor","getIcon","id","__self","__source","fileName","lineNumber","columnNumber","dropDownChange","_e$id","lockScrolling","toString","onChange","getPermissionIcon","permissionId","Visible","DownloadImport","Settings","Delete","newOptions","map","k","index","he","decode","subtitle","icon","key","expanded","docBody","body","appendChild","current","contains","removeChild","updatedOptions","permission","divider","label","listItemSelectBuilder","prefix","Box","paddingLeft","title","wsrOption","isLastChild","selectedPermission","find","buttonClassName","updatedOptionsChildren","children","Dropdown","_extends2","dropdownWidth","selectedId","popoverProps","placement","appendTo","onSelect","valueParser","option","DropdownBase","maxWidth","minWidth","maxHeight","overflow","flip","toggle","selectedOption","TextButton","skin","onClick","suffixIcon","ChevronDown","FloatingDropdown","removeElementMinWidth","disabled","permissionsDropdown","isDisabled","onExpandedChange","displayName","_default","exports"],"sources":["../../../../src/components/PermissionsDropdown/PermissionsDropdown.tsx"],"sourcesContent":["import React, { useState, useRef, useContext, RefObject } from 'react';\nimport { TPAComponentsContext, FloatingDropdown } from '@wix/wix-ui-tpa/cssVars';\nimport { st, classes } from './PermissionsDropdown.st.css';\nimport EmptyLogo from '../../assets/icons/DropdownCheckedEmpty.svg';\nimport CheckedIcon from '../../assets/icons/DropdownChecked.svg';\nimport he from 'he';\nimport {\n  Dropdown,\n  DropdownBase,\n  listItemSelectBuilder,\n  TextButton,\n  Box,\n} from '@wix/design-system';\nimport {\n  ChevronDown,\n  Delete,\n  DownloadImport,\n  Settings,\n  Visible,\n} from '@wix/wix-ui-icons-common';\n\nexport interface PermissionsOptionsProps {\n  id?: string;\n  value?: string;\n  subtitle?: string;\n  divider?: boolean;\n  isSelectable?: boolean;\n}\n\nexport interface PermissionsDropdownProps {\n  disabled: boolean;\n  options: PermissionsOptionsProps[];\n  value?: string;\n  onChange?(id: string): void; // function to update parent component which permission(id) was selected\n  className?: string;\n  ariaLabelledBy?: string;\n  isDashboard?: boolean;\n  isStep2?: boolean;\n  shouldChangeColor?: boolean;\n  containerRef?: RefObject<HTMLDivElement>;\n}\n\nconst permissionLevels = {\n  VIEW: 'VIEW',\n  CONTRIBUTE: 'CONTRIBUTE',\n  MANAGE: 'MANAGE',\n  NONE: 'NONE',\n};\n\nconst getOverlay = (): Node => {\n  const div = document.createElement('div');\n  div.style.position = 'fixed';\n  div.style.left = '0';\n  div.style.bottom = '0';\n  div.style.right = '0';\n  div.style.top = '0';\n\n  return div;\n};\n\nfunction PermissionsDropdown(props: PermissionsDropdownProps) {\n  const { mobile } = useContext(TPAComponentsContext);\n  const overlay = useRef<Node>(getOverlay());\n  const {\n    options,\n    className,\n    ariaLabelledBy = '',\n    isDashboard = false,\n    isStep2 = false,\n    shouldChangeColor = false,\n    containerRef,\n  } = props;\n  const [selected, setSelected] = useState(props.value); // selected permission menu title\n  const [step1MenuClassName, setStep1MenuClassName] = useState(\n    st(classes.whiteColor),\n  );\n  const getIcon = (id: string) => {\n    return id === selected ? <CheckedIcon /> : <EmptyLogo />;\n  };\n  const dropDownChange = (e: PermissionsOptionsProps | any) => {\n    if (!isDashboard) {\n      if (!mobile) {\n        lockScrolling(false);\n      }\n      setSelected(e.id?.toString());\n    }\n    if (!isStep2) {\n      setStep1MenuClassName(st(classes.whiteColor));\n    }\n    if (props.onChange) {\n      props.onChange(`${e.id}`);\n    }\n  };\n\n  const getPermissionIcon = (permissionId: string) => {\n    switch (permissionId) {\n      case permissionLevels.VIEW:\n        return <Visible />;\n      case permissionLevels.CONTRIBUTE:\n        return <DownloadImport />;\n      case permissionLevels.MANAGE:\n        return <Settings />;\n      case permissionLevels.NONE:\n        return <Delete />;\n      default:\n        return '';\n    }\n  };\n\n  const newOptions = options.map((k, index) => {\n    return {\n      ...k,\n      value: he.decode(k.value || ''),\n      subtitle: he.decode(k.subtitle || ''),\n      icon: getIcon(`${k.id}`),\n      key: k.id,\n      'data-hook': `permission-option-${index}`,\n      className: 'permission-option',\n\n    };\n  });\n\n  const lockScrolling = (expanded: any) => {\n    const docBody = document.body;\n    if (expanded) {\n      docBody.appendChild(overlay.current);\n    } else if (docBody.contains(overlay.current)) {\n      docBody.removeChild(overlay.current);\n    }\n  };\n\n  if (isDashboard) {\n    const updatedOptions = options.map((permission: any) => {\n      return permission.divider\n        ? { value: '-', label: '', id: '' }\n        : listItemSelectBuilder({\n            id: permission.id,\n            prefix: (\n              <Box paddingLeft={1}>{getPermissionIcon(permission.id)}</Box>\n            ),\n            title: permission.value,\n            subtitle: permission.subtitle,\n            label: permission.value,\n            className: st(classes.wsrOption, {\n              isLastChild: permission.id === permissionLevels.NONE,\n            }),\n          });\n    });\n\n    const selectedPermission = updatedOptions.find(\n      (permission: any) => permission.id === props.value,\n    );\n    const buttonClassName = shouldChangeColor ? step1MenuClassName : '';\n    const updatedOptionsChildren: any = {\n      children: updatedOptions,\n      options: updatedOptions,\n    };\n    return isStep2 ? (\n      <Dropdown\n        dropdownWidth=\"320px\"\n        selectedId={selectedPermission?.id}\n        popoverProps={{\n          placement: 'bottom-end',\n          appendTo: 'parent',\n        }}\n        className={className}\n        onSelect={dropDownChange}\n        valueParser={(option) => option.label}\n        {...updatedOptionsChildren}\n      />\n    ) : (\n      <DropdownBase\n        selectedId={selectedPermission?.id}\n        maxWidth=\"320px\"\n        minWidth=\"320px\"\n        className={className}\n        maxHeight=\"348px\"\n        appendTo={buttonClassName ? `.${buttonClassName}` : 'scrollParent'}\n        onSelect={dropDownChange}\n        placement=\"bottom-end\"\n        overflow=\"visible\"\n        flip={false}\n        {...updatedOptionsChildren}\n      >\n        {({ toggle, selectedOption = {} }) => (\n          <TextButton\n            skin=\"dark\"\n            className={buttonClassName}\n            onClick={toggle}\n            suffixIcon={<ChevronDown />}\n          >\n            {(selectedOption.id !== 'NONE' && selectedOption.label) ||\n              selectedPermission?.label}\n          </TextButton>\n        )}\n      </DropdownBase>\n    );\n  }\n\n  return (\n    <FloatingDropdown\n      removeElementMinWidth\n      aria-labelledby={ariaLabelledBy}\n      options={newOptions}\n      disabled={props.disabled}\n      value={selected}\n      label=\"\"\n      onChange={dropDownChange}\n      className={st(\n        classes.permissionsDropdown,\n        {\n          isDisabled: props.disabled,\n          mobile,\n        },\n        className,\n      )}\n      appendTo={containerRef?.current as Element}\n      onExpandedChange={lockScrolling}\n      placement=\"bottom-start\"\n    />\n  );\n}\n\nPermissionsDropdown.displayName = 'PermissionsDropdown';\n\nexport default PermissionsDropdown;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _PermissionsDropdown = _interopRequireDefault(require("./PermissionsDropdown"));
-var _wixUiTpa = require("wix-ui-tpa");
+var _cssVars = require("@wix/wix-ui-tpa/cssVars");
 var _jsxFileName = "/home/builduser/work/529538774eb649c7/packages/entity-advanced-permissions/dist/cjs/components/PermissionsDropdown/PermissionsDropdown.spec.tsx";
 describe('Testing Permissions Dropdown Component', () => {
   const options = [{
@@ -69,7 +69,7 @@ describe('Testing Permissions Dropdown Component', () => {
       container,
       getByText,
       debug
-    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_wixUiTpa.TPAComponentsProvider, {
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_cssVars.TPAComponentsProvider, {
       value: {
         mobile: true
       },

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_PermissionsDropdown","_wixUiTpa","_jsxFileName","describe","options","id","value","subtitle","divider","isSelectable","it","mockFnc","jest","fn","container","getByText","debug","render","default","createElement","disabled","onChange","className","ariaLabelledBy","__self","__source","fileName","lineNumber","columnNumber","button","querySelector","waitFor","click","option1","value1","option2","value2","option3","value3","expect","toBeTruthy","TPAComponentsProvider","mobile","select","rerender","toHaveBeenCalledWith","disabledElm","icon","isSeleted","innerHTML","toBe","selectedValue"],"sources":["../../../../src/components/PermissionsDropdown/PermissionsDropdown.spec.tsx"],"sourcesContent":["import React from 'react';\n\nimport { render, waitFor } from '@testing-library/react';\n\nimport PermissionsDropdown from './PermissionsDropdown';\nimport { TPAComponentsProvider } from 'wix-ui-tpa';\n\ndescribe('Testing Permissions Dropdown Component', () => {\n  const options = [\n    {\n      id: '1',\n      value: 'pizza',\n      subtitle: 'Pizza italiano',\n      divider: false,\n      isSelectable: true,\n    },\n    {\n      id: '2',\n      value: 'burger',\n      subtitle: 'Cheeseburger extra',\n      divider: false,\n      isSelectable: true,\n    },\n    {\n      id: '3',\n      value: 'hotdog',\n      subtitle: 'Hotdog mexicano',\n      divider: false,\n      isSelectable: false,\n    },\n  ];\n\n  it('Desktop Renders Properly', async () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"labeltext\"\n      />,\n    );\n\n    const button = container.querySelector('button');\n    await waitFor(() => {\n      button?.click();\n\n      const option1 = getByText('Pizza italiano');\n      const value1 = getByText('pizza');\n      const option2 = getByText('Cheeseburger extra');\n      const value2 = getByText('burger');\n      const option3 = getByText('Hotdog mexicano');\n      const value3 = getByText('hotdog');\n\n      expect(option1).toBeTruthy();\n      expect(option2).toBeTruthy();\n      expect(option3).toBeTruthy();\n\n      expect(value1).toBeTruthy();\n      expect(value2).toBeTruthy();\n      expect(value3).toBeTruthy();\n    });\n  });\n\n  it('Mobile Renders Properly', async () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <TPAComponentsProvider value={{ mobile: true }}>\n        <PermissionsDropdown\n          disabled={false}\n          options={options}\n          value=\"value\"\n          onChange={mockFnc}\n          className=\"Classname-test\"\n          ariaLabelledBy=\"aria-label-mobile\"\n        />\n      </TPAComponentsProvider>,\n    );\n    await waitFor(() => {\n      const select = container.querySelector('select');\n\n      select?.click();\n\n      const value1 = getByText('pizza');\n\n      const value2 = getByText('burger');\n\n      const value3 = getByText('hotdog');\n\n      expect(value1).toBeTruthy();\n      expect(value2).toBeTruthy();\n      expect(value3).toBeTruthy();\n    });\n  });\n\n  it('onChange function check', async() => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug, rerender } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n    await waitFor(() => {\n      const button = container.querySelector('button');\n\n      button?.click();\n\n      const option1 = getByText('pizza');\n\n      option1.click();\n\n      expect(mockFnc).toHaveBeenCalledWith('1');\n    });\n    rerender(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n    await waitFor(() => {\n      const button = container.querySelector('button');\n      button?.click();\n\n      const option2 = getByText('burger');\n\n      option2.click();\n      expect(mockFnc).toHaveBeenCalledWith('2');\n    });\n  });\n\n  it('Disabled Dropdown', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={true}\n        options={options}\n        value=\"1\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const disabledElm = container.querySelector('div[class*=--isDisabled]');\n    expect(disabledElm).toBeTruthy();\n  });\n\n  it('Classnames and icons', () => {\n    const { container, debug } = render(\n      <PermissionsDropdown\n        disabled={true}\n        value=\"2\"\n        options={options}\n        className=\"class-test-here\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const className = container.querySelector('.class-test-here');\n\n    const icon = container.querySelector('svg');\n\n    // debug();\n\n    expect(className).toBeTruthy();\n    expect(icon).toBeTruthy();\n  });\n\n  it('Selected values', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"2\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const isSeleted = container.querySelector('div[class*=__selectedValue]');\n\n    expect(isSeleted).toBeTruthy();\n    expect(isSeleted?.innerHTML).toBe('burger');\n  });\n\n  it('Selectable Values',async  () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"1\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n    await waitFor(() => {\n      const button = container.querySelector('button');\n\n      button?.click();\n\n      const option3 = getByText('hotdog');\n\n      option3.click();\n\n      const selectedValue = container.querySelector(\n        'div[class*=__selectedValue]',\n      );\n\n      expect(selectedValue?.innerHTML).toBe('pizza');\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_PermissionsDropdown","_cssVars","_jsxFileName","describe","options","id","value","subtitle","divider","isSelectable","it","mockFnc","jest","fn","container","getByText","debug","render","default","createElement","disabled","onChange","className","ariaLabelledBy","__self","__source","fileName","lineNumber","columnNumber","button","querySelector","waitFor","click","option1","value1","option2","value2","option3","value3","expect","toBeTruthy","TPAComponentsProvider","mobile","select","rerender","toHaveBeenCalledWith","disabledElm","icon","isSeleted","innerHTML","toBe","selectedValue"],"sources":["../../../../src/components/PermissionsDropdown/PermissionsDropdown.spec.tsx"],"sourcesContent":["import React from 'react';\n\nimport { render, waitFor } from '@testing-library/react';\n\nimport PermissionsDropdown from './PermissionsDropdown';\nimport { TPAComponentsProvider } from '@wix/wix-ui-tpa/cssVars';\n\ndescribe('Testing Permissions Dropdown Component', () => {\n  const options = [\n    {\n      id: '1',\n      value: 'pizza',\n      subtitle: 'Pizza italiano',\n      divider: false,\n      isSelectable: true,\n    },\n    {\n      id: '2',\n      value: 'burger',\n      subtitle: 'Cheeseburger extra',\n      divider: false,\n      isSelectable: true,\n    },\n    {\n      id: '3',\n      value: 'hotdog',\n      subtitle: 'Hotdog mexicano',\n      divider: false,\n      isSelectable: false,\n    },\n  ];\n\n  it('Desktop Renders Properly', async () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"labeltext\"\n      />,\n    );\n\n    const button = container.querySelector('button');\n    await waitFor(() => {\n      button?.click();\n\n      const option1 = getByText('Pizza italiano');\n      const value1 = getByText('pizza');\n      const option2 = getByText('Cheeseburger extra');\n      const value2 = getByText('burger');\n      const option3 = getByText('Hotdog mexicano');\n      const value3 = getByText('hotdog');\n\n      expect(option1).toBeTruthy();\n      expect(option2).toBeTruthy();\n      expect(option3).toBeTruthy();\n\n      expect(value1).toBeTruthy();\n      expect(value2).toBeTruthy();\n      expect(value3).toBeTruthy();\n    });\n  });\n\n  it('Mobile Renders Properly', async () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <TPAComponentsProvider value={{ mobile: true }}>\n        <PermissionsDropdown\n          disabled={false}\n          options={options}\n          value=\"value\"\n          onChange={mockFnc}\n          className=\"Classname-test\"\n          ariaLabelledBy=\"aria-label-mobile\"\n        />\n      </TPAComponentsProvider>,\n    );\n    await waitFor(() => {\n      const select = container.querySelector('select');\n\n      select?.click();\n\n      const value1 = getByText('pizza');\n\n      const value2 = getByText('burger');\n\n      const value3 = getByText('hotdog');\n\n      expect(value1).toBeTruthy();\n      expect(value2).toBeTruthy();\n      expect(value3).toBeTruthy();\n    });\n  });\n\n  it('onChange function check', async() => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug, rerender } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n    await waitFor(() => {\n      const button = container.querySelector('button');\n\n      button?.click();\n\n      const option1 = getByText('pizza');\n\n      option1.click();\n\n      expect(mockFnc).toHaveBeenCalledWith('1');\n    });\n    rerender(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n    await waitFor(() => {\n      const button = container.querySelector('button');\n      button?.click();\n\n      const option2 = getByText('burger');\n\n      option2.click();\n      expect(mockFnc).toHaveBeenCalledWith('2');\n    });\n  });\n\n  it('Disabled Dropdown', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={true}\n        options={options}\n        value=\"1\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const disabledElm = container.querySelector('div[class*=--isDisabled]');\n    expect(disabledElm).toBeTruthy();\n  });\n\n  it('Classnames and icons', () => {\n    const { container, debug } = render(\n      <PermissionsDropdown\n        disabled={true}\n        value=\"2\"\n        options={options}\n        className=\"class-test-here\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const className = container.querySelector('.class-test-here');\n\n    const icon = container.querySelector('svg');\n\n    // debug();\n\n    expect(className).toBeTruthy();\n    expect(icon).toBeTruthy();\n  });\n\n  it('Selected values', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"2\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const isSeleted = container.querySelector('div[class*=__selectedValue]');\n\n    expect(isSeleted).toBeTruthy();\n    expect(isSeleted?.innerHTML).toBe('burger');\n  });\n\n  it('Selectable Values',async  () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"1\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n    await waitFor(() => {\n      const button = container.querySelector('button');\n\n      button?.click();\n\n      const option3 = getByText('hotdog');\n\n      option3.click();\n\n      const selectedValue = container.querySelector(\n        'div[class*=__selectedValue]',\n      );\n\n      expect(selectedValue?.innerHTML).toBe('pizza');\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PermissionsDropdown/PermissionsDropdown.st.css

@@ -1,30 +1,28 @@
+@st-import [ setColor, setFont ] from '@wix/wix-ui-tpa/formatters';
+
 :vars {
   bgColor: #ffffff;
   fgColor: #000000;
 }
 
-:import {
-  -st-from: "wix-ui-tpa/style-processor-formatters";
-  -st-named: applyStyleMethod, applyOpacity;
-}
-
-:import {
-  -st-from: "wix-ui-tpa/index.st.css";
-  -st-named: FloatingDropdown as TPAFloatingDropdown, FloatingDropdown__overrideStyleParams;
-}
 
 .permissionsDropdown {
-  -st-mixin: TPAFloatingDropdown(minWidth 70px);
+  --minWidth: 70px;
+  --wst-paragraph-2-color-rgb: 0, 0, 0;
   -st-states: isDisabled, mobile;
   align-self: center;
 }
 
 .permissionsDropdown {
-  -st-mixin: FloatingDropdown__overrideStyleParams(
-    MainButtonTextColor value(fgColor),
-    MainItemTextColor value(fgColor),
-    MainDropdownBackgroundColor value(bgColor)
-  );
+  -st-mixin:
+    setColor(--wix-ui-tpa-floating-dropdown-main-button-text-color, null, '0, 0, 0'),
+    setColor(--wix-ui-tpa-floating-dropdown-base-main-text-color, null, '0, 0, 0'),
+    setColor(--wix-ui-tpa-floating-dropdown-base-main-text-color-disabled, null, '150, 150, 150'),
+    setColor(--wix-ui-tpa-floating-dropdown-main-item-text-color, null, '0, 0, 0'),
+    setColor(--wix-ui-tpa-dropdown-option-main-title-text-color, null, '0, 0, 0'),
+    setColor(--wix-ui-tpa-dropdown-option-main-item-text-disabled-color, null, '150, 150, 150'),
+    setColor(--wix-ui-tpa-floating-dropdown-main-dropdown-background-color, null, '255, 255, 255');
+  color: #000000;
 }
 
 .viewRowDropdown {
@@ -32,18 +30,18 @@
 }
 
 .permissionsDropdown.viewRowDropdown:mobile {
-  -st-mixin: FloatingDropdown__overrideStyleParams(
-    MainTextFont "{theme: 'Body-M', size: '12px', lineHeight: '16px'}",
-    MainButtonTextColor value(fgColor),
-    MainItemTextColor value(fgColor),
-    MainDropdownBackgroundColor value(bgColor)
-  );
+  -st-mixin:
+    setFont(--wix-ui-tpa-floating-dropdown-main-text-font, null, 'Body-M', '{ "size": "12px", "line-height": "16px" }'),
+    setColor(--wix-ui-tpa-floating-dropdown-main-button-text-color, null, '0, 0, 0'),
+    setColor(--wix-ui-tpa-floating-dropdown-main-item-text-color, null, '0, 0, 0'),
+    setColor(--wix-ui-tpa-floating-dropdown-main-dropdown-background-color, null, '255, 255, 255');
   position: absolute;
   top: 34px;
   left: 64px;
 }
-
-.permissionsDropdown.viewRowDropdown:mobile div[class$="__textContent"] {
+/*floating-dropdown-base-selected-value*/
+.permissionsDropdown.viewRowDropdown:mobile div:has(> [data-hook="floating-dropdown-base-selected-value"])
+{
   max-width: 215px;
 }
 
@@ -52,71 +50,66 @@
   right: 59px;
 }
 
-:global(div[class$="__roleSelectionContainer"] div[class$="__dropdown"] div[class$="__textContent"]) {
-  width: 110px;
-  margin: 0px;
-}
-
 .permissionsDropdown:isDisabled svg {
   display: none !important;
 }
 
-:global(div[class$="__optionsContainer"]) {
+:global(div[data-hook="dropdown-content-options-container"]) {
   max-height: 500px;
 }
 
 
-:global(div[class$="__dropdown"] div[class$="__popoverContent"]) {
+:global(div[data-hook="popover-content"]) {
   max-width: 312px;
   min-width: 312px !important;
 }
 
-:global(div[class$="__dropdown"] div[class$="__popoverElement"] div[class$="__floatingDropdownBase"] button[class$="__btn"]) {
+:global(button[data-hook="floating-dropdown-button"]) {
   padding-left: 8px;
 }
 
-.permissionsDropdown div[class*="dropdownContent"] {
-  background: value(bgColor);
+.permissionsDropdown div[data-hook="dropdown-content"] {
+  background: value(bgColor) !important;
 }
 
-.permissionsDropdown div[class*="optionDivider"]{
+.permissionsDropdown :global(div[data-hook="popover-content"]) {
+  background: #ffffff !important;
+}
+
+.permissionsDropdown :global(div[data-hook="dropdown-content"]) {
+  background: #ffffff !important;
+}
+
+.permissionsDropdown :global(div[data-hook="dropdown-content-option"]) {
+  background: #ffffff !important;
+}
+
+.permissionsDropdown div[data-hook="dropdown-content-option"][role="option"] div{
   margin: 20px 12px 11px 12px !important;
-  background-color: applyOpacity(value(fgColor), 0.2) !important;
+  background-color: rgba(0, 0, 0, 0.2) !important;
   opacity: 1 !important;
 }
 
-:global(div[class$="__optionsContainer"] div[class$="__dropdownOption"] div[class$="__option"]) {
+:global(div[data-hook="dropdown-content-option"][role="option"]) {
   padding: 8px 12px;
 }
 
-.permissionsDropdown div[class*="__title"]{
+.permissionsDropdown div[data-hook="dropdown-option"] span{
   color: value(fgColor);
 }
 
-.permissionsDropdown div[class*="__subtitle"] {
+.permissionsDropdown  div[data-hook="dropdown-option"] span + span {
   color: #757575;
 }
 
-.permissionsDropdown div[class*="__icon"] path {
+.permissionsDropdown div[data-hook="dropdown-option-icon"] path {
   fill: value(fgColor);
 }
 
-.permissionsDropdown::dropdownContent::dropdownOption:selected {
-  background: value(bgColor);
-}
-
 .permissionsDropdown:mobile select {
   font-size: 16px ;
 }
 
-.permissionsDropdown::dropdownContent::dropdownOption:hovered {
-  background-color: applyOpacity(value(fgColor), 0.06) !important;
-}
-
-.permissionsDropdown::dropdownContent::dropdownOption:last-child {
-  padding: 9px 12px 14px 0px;
-}
-
 .wsrOption{
   -st-states: isLastChild;
   min-height: 60px !important;

package/dist/cjs/components/PermissionsList/Avatar.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _wixUiTpa = require("wix-ui-tpa");
+var _cssVars = require("@wix/wix-ui-tpa/cssVars");
 var _designSystem = require("@wix/design-system");
 var _jsxFileName = "/home/builduser/work/529538774eb649c7/packages/entity-advanced-permissions/dist/cjs/components/PermissionsList/Avatar.tsx";
 function Avatar(props) {
@@ -14,8 +14,8 @@ function Avatar(props) {
     isDashboard,
     imgProps
   } = props;
-  const size = isDashboard ? 'size36' : _wixUiTpa.AvatarSize.medium;
-  const AvatarComponent = isDashboard ? _designSystem.Avatar : _wixUiTpa.Avatar;
+  const size = isDashboard ? 'size36' : _cssVars.AvatarSize.medium;
+  const AvatarComponent = isDashboard ? _designSystem.Avatar : _cssVars.Avatar;
   if (typeof icon === 'string' || icon === undefined) {
     return /*#__PURE__*/_react.default.createElement(AvatarComponent, {
       size: size,
@@ -32,5 +32,6 @@ function Avatar(props) {
   }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon);
 }
+Avatar.displayName = 'Avatar';
 var _default = exports.default = Avatar;
 //# sourceMappingURL=Avatar.js.map

package/dist/cjs/components/PermissionsList/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiTpa","_designSystem","_jsxFileName","Avatar","props","icon","name","isDashboard","imgProps","size","AvatarSize","medium","AvatarComponent","WSRAvatar","TPAAvatar","undefined","default","createElement","src","__self","__source","fileName","lineNumber","columnNumber","Fragment","_default","exports"],"sources":["../../../../src/components/PermissionsList/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar as TPAAvatar, AvatarSize } from 'wix-ui-tpa';\nimport { Avatar as WSRAvatar } from '@wix/design-system';\n\nexport type Icon = string | React.ReactNode;\n\nexport interface AvatarProps {\n  icon?: Icon;\n  name?: string;\n  isDashboard?: boolean;\n  imgProps?: any;\n}\n\nfunction Avatar(props: AvatarProps) {\n  const { icon, name, isDashboard, imgProps } = props;\n  const size = isDashboard ? 'size36' : AvatarSize.medium;\n  const AvatarComponent: any = isDashboard ? WSRAvatar : TPAAvatar;\n  if (typeof icon === 'string' || icon === undefined) {\n    return <AvatarComponent size={size} src={icon} name={name} imgProps={imgProps} />;\n  }\n  return <>{icon}</>;\n}\n\nexport default Avatar;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAyD,IAAAG,YAAA;AAWzD,SAASC,MAAMA,CAACC,KAAkB,EAAE;EAClC,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACnD,MAAMK,IAAI,GAAGF,WAAW,GAAG,QAAQ,GAAGG,oBAAU,CAACC,MAAM;EACvD,MAAMC,eAAoB,GAAGL,WAAW,GAAGM,oBAAS,GAAGC,gBAAS;EAChE,IAAI,OAAOT,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAKU,SAAS,EAAE;IAClD,oBAAOlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACL,eAAe;MAACH,IAAI,EAAEA,IAAK;MAACS,GAAG,EAAEb,IAAK;MAACC,IAAI,EAAEA,IAAK;MAACE,QAAQ,EAAEA,QAAS;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EACnF;EACA,oBAAO1B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAApB,MAAA,CAAAmB,OAAA,CAAAQ,QAAA,QAAGnB,IAAO,CAAC;AACpB;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcb,MAAM","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_cssVars","_designSystem","_jsxFileName","Avatar","props","icon","name","isDashboard","imgProps","size","AvatarSize","medium","AvatarComponent","WSRAvatar","TPAAvatar","undefined","default","createElement","src","__self","__source","fileName","lineNumber","columnNumber","Fragment","displayName","_default","exports"],"sources":["../../../../src/components/PermissionsList/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar as TPAAvatar, AvatarSize } from '@wix/wix-ui-tpa/cssVars';\nimport { Avatar as WSRAvatar } from '@wix/design-system';\n\nexport type Icon = string | React.ReactNode;\n\nexport interface AvatarProps {\n  icon?: Icon;\n  name?: string;\n  isDashboard?: boolean;\n  imgProps?: any;\n}\n\nfunction Avatar(props: AvatarProps) {\n  const { icon, name, isDashboard, imgProps } = props;\n  const size = isDashboard ? 'size36' : AvatarSize.medium;\n  const AvatarComponent: any = isDashboard ? WSRAvatar : TPAAvatar;\n  if (typeof icon === 'string' || icon === undefined) {\n    return <AvatarComponent size={size} src={icon} name={name} imgProps={imgProps} />;\n  }\n  return <>{icon}</>;\n}\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAyD,IAAAG,YAAA;AAWzD,SAASC,MAAMA,CAACC,KAAkB,EAAE;EAClC,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACnD,MAAMK,IAAI,GAAGF,WAAW,GAAG,QAAQ,GAAGG,mBAAU,CAACC,MAAM;EACvD,MAAMC,eAAoB,GAAGL,WAAW,GAAGM,oBAAS,GAAGC,eAAS;EAChE,IAAI,OAAOT,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAKU,SAAS,EAAE;IAClD,oBAAOlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACL,eAAe;MAACH,IAAI,EAAEA,IAAK;MAACS,GAAG,EAAEb,IAAK;MAACC,IAAI,EAAEA,IAAK;MAACE,QAAQ,EAAEA,QAAS;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EACnF;EACA,oBAAO1B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAApB,MAAA,CAAAmB,OAAA,CAAAQ,QAAA,QAAGnB,IAAO,CAAC;AACpB;AAEAF,MAAM,CAACsB,WAAW,GAAG,QAAQ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEfb,MAAM","ignoreList":[]}

package/dist/cjs/components/PermissionsList/AvatarRole.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _wixUiTpa = require("wix-ui-tpa");
+var _cssVars = require("@wix/wix-ui-tpa/cssVars");
 var _AvatarRoleSt = require("./AvatarRole.st.css");
 var _Avatar = _interopRequireDefault(require("./Avatar"));
 var _he = _interopRequireDefault(require("he"));
@@ -15,7 +15,7 @@ function AvatarRole(props) {
   const {
     rtl,
     mobile
-  } = (0, _react.useContext)(_wixUiTpa.TPAComponentsContext);
+  } = (0, _react.useContext)(_cssVars.TPAComponentsContext);
   const {
     role,
     description,
@@ -43,7 +43,7 @@ function AvatarRole(props) {
       lineNumber: 21,
       columnNumber: 7
     }
-  }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_cssVars.Text, {
     className: (0, _AvatarRoleSt.style)(_AvatarRoleSt.classes.roleBlock),
     __self: this,
     __source: {
@@ -51,9 +51,9 @@ function AvatarRole(props) {
       lineNumber: 23,
       columnNumber: 7
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_cssVars.Text, {
     id: `role${roleID}`,
-    typography: _wixUiTpa.TextTypography.runningText,
+    typography: _cssVars.TextTypography.runningText,
     className: (0, _AvatarRoleSt.style)(_AvatarRoleSt.classes.enhancedText),
     __self: this,
     __source: {
@@ -61,9 +61,9 @@ function AvatarRole(props) {
       lineNumber: 24,
       columnNumber: 9
     }
-  }, _he.default.decode(role || '')), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
+  }, _he.default.decode(role || '')), /*#__PURE__*/_react.default.createElement(_cssVars.Text, {
     id: `role${roleID}_desc`,
-    typography: _wixUiTpa.TextTypography.runningText,
+    typography: _cssVars.TextTypography.runningText,
     className: (0, _AvatarRoleSt.style)(_AvatarRoleSt.classes.description),
     __self: this,
     __source: {
@@ -73,5 +73,6 @@ function AvatarRole(props) {
     }
   }, displayDescription && _he.default.decode(description || ''))));
 }
+AvatarRole.displayName = 'AvatarRole';
 var _default = exports.default = AvatarRole;
 //# sourceMappingURL=AvatarRole.js.map

package/dist/cjs/components/PermissionsList/AvatarRole.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_wixUiTpa","_AvatarRoleSt","_Avatar","_interopRequireDefault","_he","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AvatarRole","props","rtl","mobile","useContext","TPAComponentsContext","role","description","icon","displayDescription","roleID","createElement","className","style","classes","root","__self","__source","fileName","lineNumber","columnNumber","name","Text","roleBlock","id","typography","TextTypography","runningText","enhancedText","he","decode","_default","exports"],"sources":["../../../../src/components/PermissionsList/AvatarRole.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Text, TextTypography, TPAComponentsContext } from 'wix-ui-tpa';\nimport { style, classes } from './AvatarRole.st.css';\nimport Avatar, { Icon } from './Avatar';\nimport he from 'he';\n\nexport interface AvatarRoleProps {\n  roleID: string;\n  role: string;\n  description: string;\n  className?: string;\n  icon?: Icon;\n  displayDescription: boolean;\n}\n\nfunction AvatarRole(props: AvatarRoleProps) {\n  const { rtl, mobile } = useContext(TPAComponentsContext);\n  const { role, description, icon, displayDescription, roleID } = props;\n  return (\n    <div className={style(classes.root, { rtl, mobile }, props.className)}>\n      <Avatar icon={icon} name={role} />\n\n      <Text className={style(classes.roleBlock)}>\n        <Text\n          id={`role${roleID}`}\n          typography={TextTypography.runningText}\n          className={style(classes.enhancedText)}\n        >\n          {he.decode(role || '')}\n        </Text>\n\n        <Text\n          id={`role${roleID}_desc`}\n          typography={TextTypography.runningText}\n          className={style(classes.description)}\n        >\n          {displayDescription && he.decode(description || '')}\n        </Text>\n      </Text>\n    </div>\n  );\n}\n\nexport default AvatarRole;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,GAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAAoB,IAAAM,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAWpB,SAASW,UAAUA,CAACC,KAAsB,EAAE;EAC1C,MAAM;IAAEC,GAAG;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAU,EAACC,8BAAoB,CAAC;EACxD,MAAM;IAAEC,IAAI;IAAEC,WAAW;IAAEC,IAAI;IAAEC,kBAAkB;IAAEC;EAAO,CAAC,GAAGT,KAAK;EACrE,oBACE9B,MAAA,CAAAe,OAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAE,IAAAC,mBAAK,EAACC,qBAAO,CAACC,IAAI,EAAE;MAAEb,GAAG;MAAEC;IAAO,CAAC,EAAEF,KAAK,CAACW,SAAS,CAAE;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpEjD,MAAA,CAAAe,OAAA,CAAAyB,aAAA,CAACnC,OAAA,CAAAU,OAAM;IAACsB,IAAI,EAAEA,IAAK;IAACa,IAAI,EAAEf,IAAK;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAElCjD,MAAA,CAAAe,OAAA,CAAAyB,aAAA,CAACrC,SAAA,CAAAgD,IAAI;IAACV,SAAS,EAAE,IAAAC,mBAAK,EAACC,qBAAO,CAACS,SAAS,CAAE;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxCjD,MAAA,CAAAe,OAAA,CAAAyB,aAAA,CAACrC,SAAA,CAAAgD,IAAI;IACHE,EAAE,EAAE,OAAOd,MAAM,EAAG;IACpBe,UAAU,EAAEC,wBAAc,CAACC,WAAY;IACvCf,SAAS,EAAE,IAAAC,mBAAK,EAACC,qBAAO,CAACc,YAAY,CAAE;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEtCS,WAAE,CAACC,MAAM,CAACxB,IAAI,IAAI,EAAE,CACjB,CAAC,eAEPnC,MAAA,CAAAe,OAAA,CAAAyB,aAAA,CAACrC,SAAA,CAAAgD,IAAI;IACHE,EAAE,EAAE,OAAOd,MAAM,OAAQ;IACzBe,UAAU,EAAEC,wBAAc,CAACC,WAAY;IACvCf,SAAS,EAAE,IAAAC,mBAAK,EAACC,qBAAO,CAACP,WAAW,CAAE;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErCX,kBAAkB,IAAIoB,WAAE,CAACC,MAAM,CAACvB,WAAW,IAAI,EAAE,CAC9C,CACF,CACH,CAAC;AAEV;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAA9C,OAAA,GAEcc,UAAU","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_cssVars","_AvatarRoleSt","_Avatar","_interopRequireDefault","_he","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AvatarRole","props","rtl","mobile","useContext","TPAComponentsContext","role","description","icon","displayDescription","roleID","createElement","className","style","classes","root","__self","__source","fileName","lineNumber","columnNumber","name","Text","roleBlock","id","typography","TextTypography","runningText","enhancedText","he","decode","displayName","_default","exports"],"sources":["../../../../src/components/PermissionsList/AvatarRole.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Text, TextTypography, TPAComponentsContext } from '@wix/wix-ui-tpa/cssVars';\nimport { style, classes } from './AvatarRole.st.css';\nimport Avatar, { Icon } from './Avatar';\nimport he from 'he';\n\nexport interface AvatarRoleProps {\n  roleID: string;\n  role: string;\n  description: string;\n  className?: string;\n  icon?: Icon;\n  displayDescription: boolean;\n}\n\nfunction AvatarRole(props: AvatarRoleProps) {\n  const { rtl, mobile } = useContext(TPAComponentsContext);\n  const { role, description, icon, displayDescription, roleID } = props;\n  return (\n    <div className={style(classes.root, { rtl, mobile }, props.className)}>\n      <Avatar icon={icon} name={role} />\n\n      <Text className={style(classes.roleBlock)}>\n        <Text\n          id={`role${roleID}`}\n          typography={TextTypography.runningText}\n          className={style(classes.enhancedText)}\n        >\n          {he.decode(role || '')}\n        </Text>\n\n        <Text\n          id={`role${roleID}_desc`}\n          typography={TextTypography.runningText}\n          className={style(classes.description)}\n        >\n          {displayDescription && he.decode(description || '')}\n        </Text>\n      </Text>\n    </div>\n  );\n}\n\nAvatarRole.displayName = 'AvatarRole';\n\nexport default AvatarRole;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,GAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAAoB,IAAAM,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAWpB,SAASW,UAAUA,CAACC,KAAsB,EAAE;EAC1C,MAAM;IAAEC,GAAG;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAU,EAACC,6BAAoB,CAAC;EACxD,MAAM;IAAEC,IAAI;IAAEC,WAAW;IAAEC,IAAI;IAAEC,kBAAkB;IAAEC;EAAO,CAAC,GAAGT,KAAK;EACrE,oBACE9B,MAAA,CAAAe,OAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAE,IAAAC,mBAAK,EAACC,qBAAO,CAACC,IAAI,EAAE;MAAEb,GAAG;MAAEC;IAAO,CAAC,EAAEF,KAAK,CAACW,SAAS,CAAE;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpEjD,MAAA,CAAAe,OAAA,CAAAyB,aAAA,CAACnC,OAAA,CAAAU,OAAM;IAACsB,IAAI,EAAEA,IAAK;IAACa,IAAI,EAAEf,IAAK;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAElCjD,MAAA,CAAAe,OAAA,CAAAyB,aAAA,CAACrC,QAAA,CAAAgD,IAAI;IAACV,SAAS,EAAE,IAAAC,mBAAK,EAACC,qBAAO,CAACS,SAAS,CAAE;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxCjD,MAAA,CAAAe,OAAA,CAAAyB,aAAA,CAACrC,QAAA,CAAAgD,IAAI;IACHE,EAAE,EAAE,OAAOd,MAAM,EAAG;IACpBe,UAAU,EAAEC,uBAAc,CAACC,WAAY;IACvCf,SAAS,EAAE,IAAAC,mBAAK,EAACC,qBAAO,CAACc,YAAY,CAAE;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEtCS,WAAE,CAACC,MAAM,CAACxB,IAAI,IAAI,EAAE,CACjB,CAAC,eAEPnC,MAAA,CAAAe,OAAA,CAAAyB,aAAA,CAACrC,QAAA,CAAAgD,IAAI;IACHE,EAAE,EAAE,OAAOd,MAAM,OAAQ;IACzBe,UAAU,EAAEC,uBAAc,CAACC,WAAY;IACvCf,SAAS,EAAE,IAAAC,mBAAK,EAACC,qBAAO,CAACP,WAAW,CAAE;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErCX,kBAAkB,IAAIoB,WAAE,CAACC,MAAM,CAACvB,WAAW,IAAI,EAAE,CAC9C,CACF,CACH,CAAC;AAEV;AAEAP,UAAU,CAAC+B,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA/C,OAAA,GAEvBc,UAAU","ignoreList":[]}

package/dist/cjs/components/PermissionsList/AvatarRole.st.css

@@ -1,7 +1,4 @@
-:import {
-  -st-from: "wix-ui-tpa/index.st.css";
-  -st-named: Text as TPAText;
-}
+@st-import [ setColor ] from '@wix/wix-ui-tpa/formatters';
 
 .root{
   -st-states: mobile, rtl;
@@ -10,9 +7,7 @@
 }
 
 .enhancedText {
-  -st-mixin: TPAText(
-    MainTextColor 'black',
-  );
+  -st-mixin: setColor(--wix-ui-tpa-text-main-text-color, null, '0, 0, 0');
   font-size: 16px !important;
   font-weight: 300 !important;
   height: 24px;
@@ -21,9 +16,7 @@
 }
 
 .description{
-  -st-mixin: TPAText(
-    MainTextColor '#757575',
-  );
+  -st-mixin: setColor(--wix-ui-tpa-text-main-text-color, null, '117, 117, 117');
   font-size: 12px !important;
   font-weight: 300 !important;
   height: 20px;

package/dist/cjs/components/PermissionsList/PermissionsList.js

@@ -187,5 +187,6 @@ function PermissionsList(props) {
     }
   }, permissionRemovedMessage)));
 }
+PermissionsList.displayName = 'PermissionsList';
 var _default = exports.default = PermissionsList;
 //# sourceMappingURL=PermissionsList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactScrollbarsCustom","_ViewRow","_interopRequireDefault","_EmptyState","_EntityAdvancedPermissionsTypes","_designSystem","_Avatar","_PermissionsDropdown","_ViewRowSt","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PermissionsList","props","onChange","className","items","emptyStateTitle","emptyStateDescription","loading","removePermissionCode","permissionRemovedMessage","isDashboard","modalAlertVisible","containerRef","permissionRemoved","setPermissionRemoved","useState","status","id","currentHighlightedOptionId","setCurrentHighlightedOptionId","filteredItems","filter","item","selectedPermission","onChangeCheckRemoved","data","permissionId","itemsList","map","obj","description","role","options","icon","wsrPermissionChange","suffixIcon","createElement","disabled","value","st","classes","wsrMaxHeight","shouldChangeColor","__self","__source","fileName","lineNumber","columnNumber","listItemSelectBuilder","prefix","title","subtitle","suffix","label","Box","verticalAlign","height","marginLeft","marginRight","overflow","wsrPermissionsDropdownBox","length","Loading","Success","mainTitle","DropdownLayout","visible","inContainer","maxHeightPixels","onSelect","option","Scrollbar","native","translateContentSizeYToHolder","noScrollX","k","_extends2","key","_default","exports"],"sources":["../../../../src/components/PermissionsList/PermissionsList.tsx"],"sourcesContent":["import React, { RefObject, useState } from 'react';\nimport { Scrollbar } from 'react-scrollbars-custom';\nimport ViewRow, { ViewRowProps } from './ViewRow';\nimport EmptyState from '../EmptyState/EmptyState';\nimport { Loading } from '../EntityAdvancedPermissionsTypes';\nimport { Box, DropdownLayout, listItemSelectBuilder } from '@wix/design-system';\nimport Avatar from './Avatar';\nimport PermissionsDropdown from '../PermissionsDropdown/PermissionsDropdown';\nimport { classes, st } from './ViewRow.st.css';\n\ninterface PermissionsListProps {\n  removePermissionCode: string;\n  items: ViewRowProps[];\n  loading: Loading;\n  onChange?(data: PermissionChangeProps): void;\n  className?: string;\n  emptyStateTitle: string;\n  emptyStateDescription: string;\n  permissionRemovedMessage: string;\n  isDashboard?: boolean;\n  modalAlertVisible?: boolean;\n  containerRef?: RefObject<HTMLDivElement>;\n}\n\nexport interface PermissionChangeProps {\n  permissionId: string;\n  id: string;\n}\n\nfunction PermissionsList(props: PermissionsListProps) {\n  const {\n    onChange,\n    className,\n    items,\n    emptyStateTitle,\n    emptyStateDescription,\n    loading,\n    removePermissionCode,\n    permissionRemovedMessage,\n    isDashboard = false,\n    modalAlertVisible=false,\n    containerRef,\n  } = props;\n  const [permissionRemoved, setPermissionRemoved] = useState({\n    status: false,\n    id: '',\n  });\n  const [currentHighlightedOptionId, setCurrentHighlightedOptionId] = useState('');\n  const filteredItems = items.filter(\n    (item) => item.selectedPermission !== props.removePermissionCode,\n  );\n  const onChangeCheckRemoved = (data: PermissionChangeProps) => {\n    setPermissionRemoved({\n      status: data.permissionId === removePermissionCode,\n      id: data.id,\n    });\n    if (onChange) {\n      onChange(data);\n    }\n  };\n\n  if (isDashboard) {\n    const itemsList: any[] = filteredItems?.map((obj) => {\n      const { description, id, role, selectedPermission, options, icon } = obj;\n      const wsrPermissionChange = (permissionId: string) => {\n        onChangeCheckRemoved({ permissionId, id });\n      };\n      const suffixIcon = (\n        <PermissionsDropdown\n          isDashboard={isDashboard}\n          disabled={false}\n          options={options}\n          value={selectedPermission}\n          onChange={wsrPermissionChange}\n          className={st(classes.wsrMaxHeight)}\n          shouldChangeColor={currentHighlightedOptionId === id}\n          containerRef={containerRef}\n        />\n      );\n      return listItemSelectBuilder({\n        id,\n        prefix: <Avatar icon={icon} />,\n        title: role,\n        subtitle: description,\n        suffix: suffixIcon,\n        label: role,\n      });\n    });\n\n    return (\n      <Box\n        verticalAlign=\"middle\"\n        height={ modalAlertVisible ? '61%' : '87%'}\n        marginLeft={'12px'}\n        marginRight={'6px'}\n        overflow={'auto'}\n        className={st(classes.wsrPermissionsDropdownBox)}\n      >\n        {!filteredItems.length && loading === Loading.Success ? (\n          <EmptyState\n            mainTitle={emptyStateTitle}\n            description={emptyStateDescription}\n            isDashboard={isDashboard}\n          />\n        ) : (\n          <DropdownLayout\n            options={itemsList}\n            visible\n            inContainer\n            maxHeightPixels={'345px'}\n            overflow={'visible'}\n            onSelect={(option:any) => {\n              setCurrentHighlightedOptionId(option?.id);\n            }}\n          />\n        )}\n      </Box>\n    );\n  }\n\n  return !filteredItems.length && loading === Loading.Success ? (\n    <EmptyState\n      mainTitle={emptyStateTitle}\n      description={emptyStateDescription}\n      className={className}\n    />\n  ) : (\n    <Scrollbar\n      native\n      translateContentSizeYToHolder={true}\n      noScrollX={true}\n      className={className}\n    >\n      <div>\n        {filteredItems.map((k) => {\n          return (\n            <ViewRow\n              containerRef={containerRef}\n              {...k}\n              key={k.id}\n              onChange={onChangeCheckRemoved}\n            />\n          );\n        })}\n        {permissionRemoved.status && (\n          <span\n            className=\"sr-only\"\n            role=\"alert\"\n            key={`permissionremoved${permissionRemoved.id}`}\n          >\n            {permissionRemovedMessage}\n          </span>\n        )}\n      </div>\n    </Scrollbar>\n  );\n}\n\nexport default PermissionsList;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactScrollbarsCustom","_ViewRow","_interopRequireDefault","_EmptyState","_EntityAdvancedPermissionsTypes","_designSystem","_Avatar","_PermissionsDropdown","_ViewRowSt","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PermissionsList","props","onChange","className","items","emptyStateTitle","emptyStateDescription","loading","removePermissionCode","permissionRemovedMessage","isDashboard","modalAlertVisible","containerRef","permissionRemoved","setPermissionRemoved","useState","status","id","currentHighlightedOptionId","setCurrentHighlightedOptionId","filteredItems","filter","item","selectedPermission","onChangeCheckRemoved","data","permissionId","itemsList","map","obj","description","role","options","icon","wsrPermissionChange","suffixIcon","createElement","disabled","value","st","classes","wsrMaxHeight","shouldChangeColor","__self","__source","fileName","lineNumber","columnNumber","listItemSelectBuilder","prefix","title","subtitle","suffix","label","Box","verticalAlign","height","marginLeft","marginRight","overflow","wsrPermissionsDropdownBox","length","Loading","Success","mainTitle","DropdownLayout","visible","inContainer","maxHeightPixels","onSelect","option","Scrollbar","native","translateContentSizeYToHolder","noScrollX","k","_extends2","key","displayName","_default","exports"],"sources":["../../../../src/components/PermissionsList/PermissionsList.tsx"],"sourcesContent":["import React, { RefObject, useState } from 'react';\nimport { Scrollbar } from 'react-scrollbars-custom';\nimport ViewRow, { ViewRowProps } from './ViewRow';\nimport EmptyState from '../EmptyState/EmptyState';\nimport { Loading } from '../EntityAdvancedPermissionsTypes';\nimport { Box, DropdownLayout, listItemSelectBuilder } from '@wix/design-system';\nimport Avatar from './Avatar';\nimport PermissionsDropdown from '../PermissionsDropdown/PermissionsDropdown';\nimport { classes, st } from './ViewRow.st.css';\n\ninterface PermissionsListProps {\n  removePermissionCode: string;\n  items: ViewRowProps[];\n  loading: Loading;\n  onChange?(data: PermissionChangeProps): void;\n  className?: string;\n  emptyStateTitle: string;\n  emptyStateDescription: string;\n  permissionRemovedMessage: string;\n  isDashboard?: boolean;\n  modalAlertVisible?: boolean;\n  containerRef?: RefObject<HTMLDivElement>;\n}\n\nexport interface PermissionChangeProps {\n  permissionId: string;\n  id: string;\n}\n\nfunction PermissionsList(props: PermissionsListProps) {\n  const {\n    onChange,\n    className,\n    items,\n    emptyStateTitle,\n    emptyStateDescription,\n    loading,\n    removePermissionCode,\n    permissionRemovedMessage,\n    isDashboard = false,\n    modalAlertVisible=false,\n    containerRef,\n  } = props;\n  const [permissionRemoved, setPermissionRemoved] = useState({\n    status: false,\n    id: '',\n  });\n  const [currentHighlightedOptionId, setCurrentHighlightedOptionId] = useState('');\n  const filteredItems = items.filter(\n    (item) => item.selectedPermission !== props.removePermissionCode,\n  );\n  const onChangeCheckRemoved = (data: PermissionChangeProps) => {\n    setPermissionRemoved({\n      status: data.permissionId === removePermissionCode,\n      id: data.id,\n    });\n    if (onChange) {\n      onChange(data);\n    }\n  };\n\n  if (isDashboard) {\n    const itemsList: any[] = filteredItems?.map((obj) => {\n      const { description, id, role, selectedPermission, options, icon } = obj;\n      const wsrPermissionChange = (permissionId: string) => {\n        onChangeCheckRemoved({ permissionId, id });\n      };\n      const suffixIcon = (\n        <PermissionsDropdown\n          isDashboard={isDashboard}\n          disabled={false}\n          options={options}\n          value={selectedPermission}\n          onChange={wsrPermissionChange}\n          className={st(classes.wsrMaxHeight)}\n          shouldChangeColor={currentHighlightedOptionId === id}\n          containerRef={containerRef}\n        />\n      );\n      return listItemSelectBuilder({\n        id,\n        prefix: <Avatar icon={icon} />,\n        title: role,\n        subtitle: description,\n        suffix: suffixIcon,\n        label: role,\n      });\n    });\n\n    return (\n      <Box\n        verticalAlign=\"middle\"\n        height={ modalAlertVisible ? '61%' : '87%'}\n        marginLeft={'12px'}\n        marginRight={'6px'}\n        overflow={'auto'}\n        className={st(classes.wsrPermissionsDropdownBox)}\n      >\n        {!filteredItems.length && loading === Loading.Success ? (\n          <EmptyState\n            mainTitle={emptyStateTitle}\n            description={emptyStateDescription}\n            isDashboard={isDashboard}\n          />\n        ) : (\n          <DropdownLayout\n            options={itemsList}\n            visible\n            inContainer\n            maxHeightPixels={'345px'}\n            overflow={'visible'}\n            onSelect={(option:any) => {\n              setCurrentHighlightedOptionId(option?.id);\n            }}\n          />\n        )}\n      </Box>\n    );\n  }\n\n  return !filteredItems.length && loading === Loading.Success ? (\n    <EmptyState\n      mainTitle={emptyStateTitle}\n      description={emptyStateDescription}\n      className={className}\n    />\n  ) : (\n    <Scrollbar\n      native\n      translateContentSizeYToHolder={true}\n      noScrollX={true}\n      className={className}\n    >\n      <div>\n        {filteredItems.map((k) => {\n          return (\n            <ViewRow\n              containerRef={containerRef}\n              {...k}\n              key={k.id}\n              onChange={onChangeCheckRemoved}\n            />\n          );\n        })}\n        {permissionRemoved.status && (\n          <span\n            className=\"sr-only\"\n            role=\"alert\"\n            key={`permissionremoved${permissionRemoved.id}`}\n          >\n            {permissionRemovedMessage}\n          </span>\n        )}\n      </div>\n    </Scrollbar>\n  );\n}\n\nPermissionsList.displayName = 'PermissionsList';\n\nexport default PermissionsList;\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ var _react2 = require("@testing-library/react");
 var _PermissionsList = _interopRequireDefault(require("./PermissionsList"));
 var _Avatar = _interopRequireDefault(require("./Avatar"));
 var _AvatarRole = _interopRequireDefault(require("./AvatarRole"));
-var _wixUiTpa = require("wix-ui-tpa");
+var _cssVars = require("@wix/wix-ui-tpa/cssVars");
 var _RoleIcon = _interopRequireDefault(require("../../assets/icons/RoleIcon.svg"));
 var _EntityAdvancedPermissionsTypes = require("../EntityAdvancedPermissionsTypes");
 var _jsxFileName = "/home/builduser/work/529538774eb649c7/packages/entity-advanced-permissions/dist/cjs/components/PermissionsList/PermissionsList.spec.tsx";
@@ -113,7 +113,7 @@ describe('Permissions List Tests', () => {
       getByText,
       container,
       debug
-    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_wixUiTpa.TPAComponentsProvider, {
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_cssVars.TPAComponentsProvider, {
       value: {
         mobile: true
       },
@@ -254,7 +254,7 @@ describe('Permissions List Tests', () => {
         columnNumber: 41
       }
     }));
-    const avatar = container.querySelector('wow-image');
+    const avatar = container.querySelector('img');
     expect(avatar).toBeTruthy();
   });
 });