@wix/entity-advanced-permissions 1.796.0 → 1.797.0

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

@@ -247,6 +247,7 @@ function PermissionsDropdown(props) {
     }, selectedOption.id !== 'NONE' && selectedOption.label || (selectedPermission == null ? void 0 : selectedPermission.label)));
   }
   return /*#__PURE__*/_react.default.createElement(_wixUiTpa.FloatingDropdown, {
+    removeElementMinWidth: true,
     "aria-labelledby": ariaLabelledBy,
     options: newOptions,
     disabled: props.disabled,

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

@@ -1 +1 @@
-{"version":3,"names":["permissionLevels","VIEW","CONTRIBUTE","MANAGE","NONE","getOverlay","div","document","createElement","style","position","left","bottom","right","top","PermissionsDropdown","props","useContext","TPAComponentsContext","mobile","overlay","useRef","options","className","ariaLabelledBy","isDashboard","isStep2","shouldChangeColor","useState","value","selected","setSelected","st","classes","whiteColor","step1MenuClassName","setStep1MenuClassName","getIcon","id","dropDownChange","e","lockScrolling","toString","onChange","getPermissionIcon","permissionId","newOptions","map","k","he","decode","subtitle","icon","key","expanded","docBody","body","appendChild","current","contains","removeChild","updatedOptions","permission","divider","label","listItemSelectBuilder","prefix","title","wsrMenuTextPaddings","isLastChild","wsrOption","selectedPermission","find","buttonClassName","placement","appendTo","toggle","selectedOption","disabled","permissionsDropdown","isDisabled"],"sources":["../../../../src/components/PermissionsDropdown/PermissionsDropdown.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport { 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 { TPAComponentsContext } from 'wix-ui-tpa';\nimport {\n  Dropdown,\n  DropdownBase,\n  listItemSelectBuilder,\n  TextButton,\n  Text,\n  Box,\n} from 'wix-style-react';\nimport ChevronDown from 'wix-ui-icons-common/ChevronDown';\nimport Visible from 'wix-ui-icons-common/Visible';\nimport DownloadImport from 'wix-ui-icons-common/DownloadImport';\nimport Settings from 'wix-ui-icons-common/Settings';\nimport Delete from 'wix-ui-icons-common/Delete';\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}\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  } = props;\n  const [selected, setSelected] = useState(props.value); // selected permission menu title\n  const [step1MenuClassName, setStep1MenuClassName] = useState(st(classes.whiteColor));\n  const getIcon = (id: string) => {\n    return id === selected ? <CheckedIcon /> : <EmptyLogo />;\n  };\n  const dropDownChange = (\n    e: PermissionsOptionsProps | any,\n  ) => {\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        :\n        listItemSelectBuilder({\n        id: permission.id,\n        prefix: <Box paddingLeft={1}>{getPermissionIcon(permission.id )}</Box>,\n        title: <Text size={'medium'} className={st(classes.wsrMenuTextPaddings, { isLastChild: permission.id === permissionLevels.NONE })} > {permission.value} </Text>,\n        subtitle: <Text className={st(classes.wsrMenuTextPaddings)} size={'small'} textAlign={'start'}>{permission.subtitle} </Text>,\n        label: permission.value,\n        className: st(classes.wsrOption),\n      });\n    });\n\n    const selectedPermission = updatedOptions.find(\n      (permission: any) => permission.id === props.value,\n    );\n    const buttonClassName = shouldChangeColor ?step1MenuClassName : '';\n    return ( isStep2 ?\n        <Dropdown\n          placeholder={selectedPermission?.label || ''}\n          dropdownWidth=\"320px\"\n          options={updatedOptions}\n          popoverProps={{\n            placement: 'bottom-end',\n            appendTo:'parent',\n          }}\n          className={className}\n          onSelect={dropDownChange}\n        />\n      :\n      <DropdownBase\n        options={updatedOptions}\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      >\n        {({ toggle, selectedOption = {} }) => (\n          <TextButton skin=\"dark\" className={buttonClassName}  onClick={toggle} suffixIcon={<ChevronDown />}>\n            {(selectedOption.id !== 'NONE' && selectedOption.label) ||\n              selectedPermission?.label}\n          </TextButton>\n        )}\n      </DropdownBase>\n    );\n  }\n\n  return (\n    <FloatingDropdown\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=\"window\"\n      onExpandedChange={lockScrolling}\n      placement=\"bottom-start\"\n    />\n  );\n}\n\nexport default PermissionsDropdown;\n"],"mappings":"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"}
+{"version":3,"names":["permissionLevels","VIEW","CONTRIBUTE","MANAGE","NONE","getOverlay","div","document","createElement","style","position","left","bottom","right","top","PermissionsDropdown","props","useContext","TPAComponentsContext","mobile","overlay","useRef","options","className","ariaLabelledBy","isDashboard","isStep2","shouldChangeColor","useState","value","selected","setSelected","st","classes","whiteColor","step1MenuClassName","setStep1MenuClassName","getIcon","id","dropDownChange","e","lockScrolling","toString","onChange","getPermissionIcon","permissionId","newOptions","map","k","he","decode","subtitle","icon","key","expanded","docBody","body","appendChild","current","contains","removeChild","updatedOptions","permission","divider","label","listItemSelectBuilder","prefix","title","wsrMenuTextPaddings","isLastChild","wsrOption","selectedPermission","find","buttonClassName","placement","appendTo","toggle","selectedOption","disabled","permissionsDropdown","isDisabled"],"sources":["../../../../src/components/PermissionsDropdown/PermissionsDropdown.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport { 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 { TPAComponentsContext } from 'wix-ui-tpa';\nimport {\n  Dropdown,\n  DropdownBase,\n  listItemSelectBuilder,\n  TextButton,\n  Text,\n  Box,\n} from 'wix-style-react';\nimport ChevronDown from 'wix-ui-icons-common/ChevronDown';\nimport Visible from 'wix-ui-icons-common/Visible';\nimport DownloadImport from 'wix-ui-icons-common/DownloadImport';\nimport Settings from 'wix-ui-icons-common/Settings';\nimport Delete from 'wix-ui-icons-common/Delete';\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}\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  } = props;\n  const [selected, setSelected] = useState(props.value); // selected permission menu title\n  const [step1MenuClassName, setStep1MenuClassName] = useState(st(classes.whiteColor));\n  const getIcon = (id: string) => {\n    return id === selected ? <CheckedIcon /> : <EmptyLogo />;\n  };\n  const dropDownChange = (\n    e: PermissionsOptionsProps | any,\n  ) => {\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        :\n        listItemSelectBuilder({\n        id: permission.id,\n        prefix: <Box paddingLeft={1}>{getPermissionIcon(permission.id )}</Box>,\n        title: <Text size={'medium'} className={st(classes.wsrMenuTextPaddings, { isLastChild: permission.id === permissionLevels.NONE })} > {permission.value} </Text>,\n        subtitle: <Text className={st(classes.wsrMenuTextPaddings)} size={'small'} textAlign={'start'}>{permission.subtitle} </Text>,\n        label: permission.value,\n        className: st(classes.wsrOption),\n      });\n    });\n\n    const selectedPermission = updatedOptions.find(\n      (permission: any) => permission.id === props.value,\n    );\n    const buttonClassName = shouldChangeColor ?step1MenuClassName : '';\n    return ( isStep2 ?\n        <Dropdown\n          placeholder={selectedPermission?.label || ''}\n          dropdownWidth=\"320px\"\n          options={updatedOptions}\n          popoverProps={{\n            placement: 'bottom-end',\n            appendTo:'parent',\n          }}\n          className={className}\n          onSelect={dropDownChange}\n        />\n      :\n      <DropdownBase\n        options={updatedOptions}\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      >\n        {({ toggle, selectedOption = {} }) => (\n          <TextButton skin=\"dark\" className={buttonClassName}  onClick={toggle} suffixIcon={<ChevronDown />}>\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=\"window\"\n      onExpandedChange={lockScrolling}\n      placement=\"bottom-start\"\n    />\n  );\n}\n\nexport default PermissionsDropdown;\n"],"mappings":"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"}

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

@@ -247,7 +247,7 @@ describe('Permissions List Tests', () => {
       })),
       container = _render7.container,
       debug = _render7.debug;
-    const avatar = container.querySelector('svg');
+    const avatar = container.querySelector('wow-image');
     expect(avatar).toBeTruthy();
   });
 });

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

@@ -1 +1 @@
-{"version":3,"names":["describe","options","id","value","subtitle","divider","isSelectable","items","role","description","isDisabled","onChange","jest","fn","icon","selectedPermission","it","render","Loading","Success","getByText","debug","container","admin","manager","user","svg","querySelector","expect","toBeTruthy","mobile","className","allItems","querySelectorAll","length","toBe","title","desc","avatar"],"sources":["../../../../src/components/PermissionsList/PermissionsList.spec.tsx"],"sourcesContent":["import React from 'react';\n\nimport { render } from '@testing-library/react';\n\nimport PermissionsList from './PermissionsList';\nimport Avatar from './Avatar';\nimport AvatarRole from './AvatarRole';\nimport { TPAComponentsProvider } from 'wix-ui-tpa';\nimport RoleIcon from '../../assets/icons/RoleIcon.svg';\nimport { Loading } from '../EntityAdvancedPermissionsTypes';\n\ndescribe('Permissions List Tests', () => {\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  const items = [\n    {\n      role: 'admin',\n      id: '1',\n      description: 'can manage',\n      isDisabled: false,\n      onChange: jest.fn(),\n      options,\n      icon: <RoleIcon />,\n      selectedPermission: 'VIEW',\n    },\n    {\n      role: 'user',\n      id: '2',\n      description: 'can edit',\n      isDisabled: false,\n      onChange: jest.fn(),\n      options,\n      icon: <RoleIcon />,\n      selectedPermission: 'VIEW',\n    },\n    {\n      role: 'manager',\n      id: '3',\n      description: 'can delete',\n      isDisabled: false,\n      onChange: jest.fn(),\n      options,\n      icon: <RoleIcon />,\n      selectedPermission: 'VIEW',\n    },\n  ];\n\n  it('Desktop Renders Properly', () => {\n    const { getByText, debug, container } = render(\n      <PermissionsList\n        removePermissionCode=\"Permission code\"\n        items={items}\n        loading={Loading.Success}\n        emptyStateTitle={''}\n        emptyStateDescription={''}\n        permissionRemovedMessage={''}\n      />,\n    );\n\n    const admin = getByText('admin');\n    const manager = getByText('manager');\n    const user = getByText('user');\n\n    const svg = container.querySelector('svg');\n    expect(svg).toBeTruthy();\n    expect(admin).toBeTruthy();\n    expect(getByText('can manage')).toBeTruthy();\n    expect(manager).toBeTruthy();\n    expect(user).toBeTruthy();\n  });\n\n  it('Mobile Renders Properly', () => {\n    const { getByText, container, debug } = render(\n      <TPAComponentsProvider value={{ mobile: true }}>\n        <PermissionsList\n          removePermissionCode=\"Permission code\"\n          items={items}\n          loading={Loading.Success}\n          emptyStateTitle={''}\n          emptyStateDescription={''}\n          permissionRemovedMessage={''}\n        />\n      </TPAComponentsProvider>,\n    );\n\n    const admin = getByText('admin');\n    const manager = getByText('manager');\n    const user = getByText('user');\n\n    expect(admin).toBeTruthy();\n    expect(manager).toBeTruthy();\n    expect(user).toBeTruthy();\n  });\n\n  it('className appears', () => {\n    const { getByText, container, debug } = render(\n      <PermissionsList\n        removePermissionCode=\"Permission code\"\n        items={items}\n        className=\"class-name-test-io\"\n        loading={Loading.Success}\n        emptyStateTitle={''}\n        emptyStateDescription={''}\n        permissionRemovedMessage={''}\n      />,\n    );\n\n    const className = container.querySelector('div[class*=class-name-test-io]');\n\n    expect(className).toBeTruthy();\n  });\n\n  it('items length to be 3', () => {\n    const { container, getByText, debug } = render(\n      <PermissionsList\n        removePermissionCode=\"Permission code\"\n        items={items}\n        className=\"classname\"\n        loading={Loading.Success}\n        emptyStateTitle={''}\n        emptyStateDescription={''}\n        permissionRemovedMessage={''}\n      />,\n    );\n\n    const allItems = container.querySelectorAll(\n      'div[class*=__avatarRoleContainer]',\n    );\n\n    expect(allItems.length).toBe(3);\n  });\n\n  it('no data shows empty state', () => {\n    const { container, getByText, debug } = render(\n      <PermissionsList\n        removePermissionCode=\"Permission code\"\n        items={[]}\n        className=\"classname\"\n        loading={Loading.Success}\n        emptyStateTitle=\"Empty state title\"\n        emptyStateDescription=\"Empty state desc\"\n        permissionRemovedMessage={''}\n      />,\n    );\n\n    const title = getByText('Empty state title');\n    const desc = getByText('Empty state desc');\n\n    expect(title).toBeTruthy();\n    expect(desc).toBeTruthy();\n  });\n\n  it('Avatar Role', () => {\n    const { container, debug, getByText } = render(\n      <AvatarRole\n        roleID=\"id123\"\n        role=\"manager\"\n        description=\"Can edit\"\n        className=\"classname-io\"\n        icon=\"earth\"\n        displayDescription={true}\n      />,\n    );\n\n    const role = getByText('manager');\n    const desc = getByText('Can edit');\n    const className = container.querySelector('div[class*=classname-io]');\n\n    expect(role).toBeTruthy();\n    expect(desc).toBeTruthy();\n    expect(className).toBeTruthy();\n  });\n\n  it('Avatar', () => {\n    const { container, debug } = render(<Avatar icon={'avatar'} />);\n\n    const avatar = container.querySelector('svg');\n\n    expect(avatar).toBeTruthy();\n  });\n});\n"],"mappings":"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"}
+{"version":3,"names":["describe","options","id","value","subtitle","divider","isSelectable","items","role","description","isDisabled","onChange","jest","fn","icon","selectedPermission","it","render","Loading","Success","getByText","debug","container","admin","manager","user","svg","querySelector","expect","toBeTruthy","mobile","className","allItems","querySelectorAll","length","toBe","title","desc","avatar"],"sources":["../../../../src/components/PermissionsList/PermissionsList.spec.tsx"],"sourcesContent":["import React from 'react';\n\nimport { render } from '@testing-library/react';\n\nimport PermissionsList from './PermissionsList';\nimport Avatar from './Avatar';\nimport AvatarRole from './AvatarRole';\nimport { TPAComponentsProvider } from 'wix-ui-tpa';\nimport RoleIcon from '../../assets/icons/RoleIcon.svg';\nimport { Loading } from '../EntityAdvancedPermissionsTypes';\n\ndescribe('Permissions List Tests', () => {\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  const items = [\n    {\n      role: 'admin',\n      id: '1',\n      description: 'can manage',\n      isDisabled: false,\n      onChange: jest.fn(),\n      options,\n      icon: <RoleIcon />,\n      selectedPermission: 'VIEW',\n    },\n    {\n      role: 'user',\n      id: '2',\n      description: 'can edit',\n      isDisabled: false,\n      onChange: jest.fn(),\n      options,\n      icon: <RoleIcon />,\n      selectedPermission: 'VIEW',\n    },\n    {\n      role: 'manager',\n      id: '3',\n      description: 'can delete',\n      isDisabled: false,\n      onChange: jest.fn(),\n      options,\n      icon: <RoleIcon />,\n      selectedPermission: 'VIEW',\n    },\n  ];\n\n  it('Desktop Renders Properly', () => {\n    const { getByText, debug, container } = render(\n      <PermissionsList\n        removePermissionCode=\"Permission code\"\n        items={items}\n        loading={Loading.Success}\n        emptyStateTitle={''}\n        emptyStateDescription={''}\n        permissionRemovedMessage={''}\n      />,\n    );\n\n    const admin = getByText('admin');\n    const manager = getByText('manager');\n    const user = getByText('user');\n\n    const svg = container.querySelector('svg');\n    expect(svg).toBeTruthy();\n    expect(admin).toBeTruthy();\n    expect(getByText('can manage')).toBeTruthy();\n    expect(manager).toBeTruthy();\n    expect(user).toBeTruthy();\n  });\n\n  it('Mobile Renders Properly', () => {\n    const { getByText, container, debug } = render(\n      <TPAComponentsProvider value={{ mobile: true }}>\n        <PermissionsList\n          removePermissionCode=\"Permission code\"\n          items={items}\n          loading={Loading.Success}\n          emptyStateTitle={''}\n          emptyStateDescription={''}\n          permissionRemovedMessage={''}\n        />\n      </TPAComponentsProvider>,\n    );\n\n    const admin = getByText('admin');\n    const manager = getByText('manager');\n    const user = getByText('user');\n\n    expect(admin).toBeTruthy();\n    expect(manager).toBeTruthy();\n    expect(user).toBeTruthy();\n  });\n\n  it('className appears', () => {\n    const { getByText, container, debug } = render(\n      <PermissionsList\n        removePermissionCode=\"Permission code\"\n        items={items}\n        className=\"class-name-test-io\"\n        loading={Loading.Success}\n        emptyStateTitle={''}\n        emptyStateDescription={''}\n        permissionRemovedMessage={''}\n      />,\n    );\n\n    const className = container.querySelector('div[class*=class-name-test-io]');\n\n    expect(className).toBeTruthy();\n  });\n\n  it('items length to be 3', () => {\n    const { container, getByText, debug } = render(\n      <PermissionsList\n        removePermissionCode=\"Permission code\"\n        items={items}\n        className=\"classname\"\n        loading={Loading.Success}\n        emptyStateTitle={''}\n        emptyStateDescription={''}\n        permissionRemovedMessage={''}\n      />,\n    );\n\n    const allItems = container.querySelectorAll(\n      'div[class*=__avatarRoleContainer]',\n    );\n\n    expect(allItems.length).toBe(3);\n  });\n\n  it('no data shows empty state', () => {\n    const { container, getByText, debug } = render(\n      <PermissionsList\n        removePermissionCode=\"Permission code\"\n        items={[]}\n        className=\"classname\"\n        loading={Loading.Success}\n        emptyStateTitle=\"Empty state title\"\n        emptyStateDescription=\"Empty state desc\"\n        permissionRemovedMessage={''}\n      />,\n    );\n\n    const title = getByText('Empty state title');\n    const desc = getByText('Empty state desc');\n\n    expect(title).toBeTruthy();\n    expect(desc).toBeTruthy();\n  });\n\n  it('Avatar Role', () => {\n    const { container, debug, getByText } = render(\n      <AvatarRole\n        roleID=\"id123\"\n        role=\"manager\"\n        description=\"Can edit\"\n        className=\"classname-io\"\n        icon=\"earth\"\n        displayDescription={true}\n      />,\n    );\n\n    const role = getByText('manager');\n    const desc = getByText('Can edit');\n    const className = container.querySelector('div[class*=classname-io]');\n\n    expect(role).toBeTruthy();\n    expect(desc).toBeTruthy();\n    expect(className).toBeTruthy();\n  });\n\n  it('Avatar', () => {\n    const { container, debug } = render(<Avatar icon={'avatar'} />);\n\n    const avatar = container.querySelector('wow-image');\n\n    expect(avatar).toBeTruthy();\n  });\n});\n"],"mappings":"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"}

package/dist/cjs/example/BasicExample.js

@@ -25,6 +25,7 @@ class BasicExample extends _react.default.Component {
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiTpa.FloatingDropdown, {
+      removeElementMinWidth: true,
       label: "Sort by:",
       options: [{
         id: '1',
@@ -37,7 +38,7 @@ class BasicExample extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 36,
+            lineNumber: 37,
             columnNumber: 17
           }
         }, /*#__PURE__*/_react.default.createElement("path", {
@@ -45,7 +46,7 @@ class BasicExample extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 37,
+            lineNumber: 38,
             columnNumber: 19
           }
         }))
@@ -60,7 +61,7 @@ class BasicExample extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 47,
+            lineNumber: 48,
             columnNumber: 17
           }
         }, /*#__PURE__*/_react.default.createElement("path", {
@@ -68,7 +69,7 @@ class BasicExample extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 48,
+            lineNumber: 49,
             columnNumber: 19
           }
         }))
@@ -83,7 +84,7 @@ class BasicExample extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 58,
+            lineNumber: 59,
             columnNumber: 17
           }
         }, /*#__PURE__*/_react.default.createElement("path", {
@@ -91,7 +92,7 @@ class BasicExample extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 59,
+            lineNumber: 60,
             columnNumber: 19
           }
         }))
@@ -108,7 +109,7 @@ class BasicExample extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 72,
+            lineNumber: 73,
             columnNumber: 17
           }
         }, /*#__PURE__*/_react.default.createElement("path", {
@@ -116,7 +117,7 @@ class BasicExample extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 73,
+            lineNumber: 74,
             columnNumber: 19
           }
         }))
@@ -131,7 +132,7 @@ class BasicExample extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 83,
+            lineNumber: 84,
             columnNumber: 17
           }
         }, /*#__PURE__*/_react.default.createElement("path", {
@@ -139,7 +140,7 @@ class BasicExample extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 84,
+            lineNumber: 85,
             columnNumber: 19
           }
         }))
@@ -157,21 +158,21 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 92,
         columnNumber: 9
       }
     }, "Hello World"), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 97,
+        lineNumber: 98,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 98,
+        lineNumber: 99,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
@@ -179,21 +180,21 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 99,
+        lineNumber: 100,
         columnNumber: 9
       }
     }, "We are the world"), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 100,
+        lineNumber: 101,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 101,
+        lineNumber: 102,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Button, {
@@ -205,21 +206,21 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 102,
+        lineNumber: 103,
         columnNumber: 9
       }
     }, "PRIMARY"), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 110,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110,
+        lineNumber: 111,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Dropdown, {
@@ -248,42 +249,42 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111,
+        lineNumber: 112,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 121,
+        lineNumber: 122,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 122,
+        lineNumber: 123,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Divider, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 123,
+        lineNumber: 124,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 124,
+        lineNumber: 125,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 125,
+        lineNumber: 126,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Tags, {
@@ -299,21 +300,21 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 126,
+        lineNumber: 127,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133,
+        lineNumber: 134,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134,
+        lineNumber: 135,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Tooltip, {
@@ -322,28 +323,28 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 135,
+        lineNumber: 136,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement("span", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 136,
+        lineNumber: 137,
         columnNumber: 11
       }
     }, "Hover me for a tooltip!")), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 138,
+        lineNumber: 139,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 139,
+        lineNumber: 140,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.IconButton, {
@@ -351,49 +352,49 @@ class BasicExample extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 140,
+          lineNumber: 141,
           columnNumber: 27
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 140,
+        lineNumber: 141,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 141,
+        lineNumber: 142,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 142,
+        lineNumber: 143,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.TextButton, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 143,
+        lineNumber: 144,
         columnNumber: 9
       }
     }, "Text Button - scss style"), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 144,
+        lineNumber: 145,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 145,
+        lineNumber: 146,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.TextButton, {
@@ -401,21 +402,21 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 146,
+        lineNumber: 147,
         columnNumber: 9
       }
     }, "Text Button - stylable extend"), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 149,
+        lineNumber: 150,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 150,
+        lineNumber: 151,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.TextButton, {
@@ -423,21 +424,21 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151,
+        lineNumber: 152,
         columnNumber: 9
       }
     }, "Text Button - stylable mixin"), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 154,
+        lineNumber: 155,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 155,
+        lineNumber: 156,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Checkbox, {
@@ -446,21 +447,21 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 156,
+        lineNumber: 157,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 157,
+        lineNumber: 158,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 158,
+        lineNumber: 159,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Avatar, {
@@ -469,7 +470,7 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 159,
+        lineNumber: 160,
         columnNumber: 9
       }
     }));

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          removeElementMinWidth\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/esm/components/PermissionsDropdown/PermissionsDropdown.js

@@ -106,7 +106,7 @@ function PermissionsDropdown(props) {
                 React.createElement(DropdownBase, { options: updatedOptions, maxWidth: '320px', minWidth: '320px', className: className, maxHeight: '348px', appendTo: buttonClassName ? `.${buttonClassName}` : 'scrollParent', onSelect: dropDownChange, placement: 'bottom-end', overflow: 'visible', flip: false }, ({ toggle, selectedOption = {} }) => (React.createElement(TextButton, { skin: "dark", className: buttonClassName, onClick: toggle, suffixIcon: React.createElement(ChevronDown, null) }, (selectedOption.id !== 'NONE' && selectedOption.label) ||
                     (selectedPermission === null || selectedPermission === void 0 ? void 0 : selectedPermission.label)))));
     }
-    return (React.createElement(FloatingDropdown, { "aria-labelledby": ariaLabelledBy, options: newOptions, disabled: props.disabled, value: selected, label: '', onChange: dropDownChange, className: st(classes.permissionsDropdown, {
+    return (React.createElement(FloatingDropdown, { removeElementMinWidth: true, "aria-labelledby": ariaLabelledBy, options: newOptions, disabled: props.disabled, value: selected, label: '', onChange: dropDownChange, className: st(classes.permissionsDropdown, {
             isDisabled: props.disabled,
             mobile,
         }, className), appendTo: "window", onExpandedChange: lockScrolling, placement: "bottom-start" }));