@wix/entity-advanced-permissions 1.1395.0 → 1.1397.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_PermissionsList","_Avatar","_AvatarRole","_wixUiTpa","_RoleIcon","_EntityAdvancedPermissionsTypes","_jsxFileName","describe","options","id","value","subtitle","divider","isSelectable","items","role","description","isDisabled","onChange","jest","fn","icon","default","createElement","__self","__source","fileName","lineNumber","columnNumber","selectedPermission","it","getByText","debug","container","render","removePermissionCode","loading","Loading","Success","emptyStateTitle","emptyStateDescription","permissionRemovedMessage","admin","manager","user","svg","querySelector","expect","toBeTruthy","TPAComponentsProvider","mobile","className","allItems","querySelectorAll","length","toBe","title","desc","roleID","displayDescription","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":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,+BAAA,GAAAP,OAAA;AAA4D,IAAAQ,YAAA;AAE5DC,QAAQ,CAAC,wBAAwB,EAAE,MAAM;EACvC,MAAMC,OAAO,GAAG,CACd;IACEC,EAAE,EAAE,GAAG;IACPC,KAAK,EAAE,OAAO;IACdC,QAAQ,EAAE,gBAAgB;IAC1BC,OAAO,EAAE,KAAK;IACdC,YAAY,EAAE;EAChB,CAAC,EACD;IACEJ,EAAE,EAAE,GAAG;IACPC,KAAK,EAAE,QAAQ;IACfC,QAAQ,EAAE,oBAAoB;IAC9BC,OAAO,EAAE,KAAK;IACdC,YAAY,EAAE;EAChB,CAAC,EACD;IACEJ,EAAE,EAAE,GAAG;IACPC,KAAK,EAAE,QAAQ;IACfC,QAAQ,EAAE,iBAAiB;IAC3BC,OAAO,EAAE,KAAK;IACdC,YAAY,EAAE;EAChB,CAAC,CACF;EAED,MAAMC,KAAK,GAAG,CACZ;IACEC,IAAI,EAAE,OAAO;IACbN,EAAE,EAAE,GAAG;IACPO,WAAW,EAAE,YAAY;IACzBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAEC,IAAI,CAACC,EAAE,CAAC,CAAC;IACnBZ,OAAO;IACPa,IAAI,eAAEzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACnB,SAAA,CAAAkB,OAAQ;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAClBC,kBAAkB,EAAE;EACtB,CAAC,EACD;IACEd,IAAI,EAAE,MAAM;IACZN,EAAE,EAAE,GAAG;IACPO,WAAW,EAAE,UAAU;IACvBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAEC,IAAI,CAACC,EAAE,CAAC,CAAC;IACnBZ,OAAO;IACPa,IAAI,eAAEzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACnB,SAAA,CAAAkB,OAAQ;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAClBC,kBAAkB,EAAE;EACtB,CAAC,EACD;IACEd,IAAI,EAAE,SAAS;IACfN,EAAE,EAAE,GAAG;IACPO,WAAW,EAAE,YAAY;IACzBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAEC,IAAI,CAACC,EAAE,CAAC,CAAC;IACnBZ,OAAO;IACPa,IAAI,eAAEzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACnB,SAAA,CAAAkB,OAAQ;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAClBC,kBAAkB,EAAE;EACtB,CAAC,CACF;EAEDC,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACnC,MAAM;MAAEC,SAAS;MAAEC,KAAK;MAAEC;IAAU,CAAC,GAAG,IAAAC,cAAM,eAC5CtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,gBAAA,CAAAsB,OAAe;MACda,oBAAoB,EAAC,iBAAiB;MACtCrB,KAAK,EAAEA,KAAM;MACbsB,OAAO,EAAEC,uCAAO,CAACC,OAAQ;MACzBC,eAAe,EAAE,EAAG;MACpBC,qBAAqB,EAAE,EAAG;MAC1BC,wBAAwB,EAAE,EAAG;MAAAjB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC9B,CACH,CAAC;IAED,MAAMc,KAAK,GAAGX,SAAS,CAAC,OAAO,CAAC;IAChC,MAAMY,OAAO,GAAGZ,SAAS,CAAC,SAAS,CAAC;IACpC,MAAMa,IAAI,GAAGb,SAAS,CAAC,MAAM,CAAC;IAE9B,MAAMc,GAAG,GAAGZ,SAAS,CAACa,aAAa,CAAC,KAAK,CAAC;IAC1CC,MAAM,CAACF,GAAG,CAAC,CAACG,UAAU,CAAC,CAAC;IACxBD,MAAM,CAACL,KAAK,CAAC,CAACM,UAAU,CAAC,CAAC;IAC1BD,MAAM,CAAChB,SAAS,CAAC,YAAY,CAAC,CAAC,CAACiB,UAAU,CAAC,CAAC;IAC5CD,MAAM,CAACJ,OAAO,CAAC,CAACK,UAAU,CAAC,CAAC;IAC5BD,MAAM,CAACH,IAAI,CAAC,CAACI,UAAU,CAAC,CAAC;EAC3B,CAAC,CAAC;EAEFlB,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClC,MAAM;MAAEC,SAAS;MAAEE,SAAS;MAAED;IAAM,CAAC,GAAG,IAAAE,cAAM,eAC5CtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACpB,SAAA,CAAA8C,qBAAqB;MAACvC,KAAK,EAAE;QAAEwC,MAAM,EAAE;MAAK,CAAE;MAAA1B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC7ChC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,gBAAA,CAAAsB,OAAe;MACda,oBAAoB,EAAC,iBAAiB;MACtCrB,KAAK,EAAEA,KAAM;MACbsB,OAAO,EAAEC,uCAAO,CAACC,OAAQ;MACzBC,eAAe,EAAE,EAAG;MACpBC,qBAAqB,EAAE,EAAG;MAC1BC,wBAAwB,EAAE,EAAG;MAAAjB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC9B,CACoB,CACzB,CAAC;IAED,MAAMc,KAAK,GAAGX,SAAS,CAAC,OAAO,CAAC;IAChC,MAAMY,OAAO,GAAGZ,SAAS,CAAC,SAAS,CAAC;IACpC,MAAMa,IAAI,GAAGb,SAAS,CAAC,MAAM,CAAC;IAE9BgB,MAAM,CAACL,KAAK,CAAC,CAACM,UAAU,CAAC,CAAC;IAC1BD,MAAM,CAACJ,OAAO,CAAC,CAACK,UAAU,CAAC,CAAC;IAC5BD,MAAM,CAACH,IAAI,CAAC,CAACI,UAAU,CAAC,CAAC;EAC3B,CAAC,CAAC;EAEFlB,EAAE,CAAC,mBAAmB,EAAE,MAAM;IAC5B,MAAM;MAAEC,SAAS;MAAEE,SAAS;MAAED;IAAM,CAAC,GAAG,IAAAE,cAAM,eAC5CtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,gBAAA,CAAAsB,OAAe;MACda,oBAAoB,EAAC,iBAAiB;MACtCrB,KAAK,EAAEA,KAAM;MACbqC,SAAS,EAAC,oBAAoB;MAC9Bf,OAAO,EAAEC,uCAAO,CAACC,OAAQ;MACzBC,eAAe,EAAE,EAAG;MACpBC,qBAAqB,EAAE,EAAG;MAC1BC,wBAAwB,EAAE,EAAG;MAAAjB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC9B,CACH,CAAC;IAED,MAAMuB,SAAS,GAAGlB,SAAS,CAACa,aAAa,CAAC,gCAAgC,CAAC;IAE3EC,MAAM,CAACI,SAAS,CAAC,CAACH,UAAU,CAAC,CAAC;EAChC,CAAC,CAAC;EAEFlB,EAAE,CAAC,sBAAsB,EAAE,MAAM;IAC/B,MAAM;MAAEG,SAAS;MAAEF,SAAS;MAAEC;IAAM,CAAC,GAAG,IAAAE,cAAM,eAC5CtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,gBAAA,CAAAsB,OAAe;MACda,oBAAoB,EAAC,iBAAiB;MACtCrB,KAAK,EAAEA,KAAM;MACbqC,SAAS,EAAC,WAAW;MACrBf,OAAO,EAAEC,uCAAO,CAACC,OAAQ;MACzBC,eAAe,EAAE,EAAG;MACpBC,qBAAqB,EAAE,EAAG;MAC1BC,wBAAwB,EAAE,EAAG;MAAAjB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC9B,CACH,CAAC;IAED,MAAMwB,QAAQ,GAAGnB,SAAS,CAACoB,gBAAgB,CACzC,mCACF,CAAC;IAEDN,MAAM,CAACK,QAAQ,CAACE,MAAM,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;EACjC,CAAC,CAAC;EAEFzB,EAAE,CAAC,2BAA2B,EAAE,MAAM;IACpC,MAAM;MAAEG,SAAS;MAAEF,SAAS;MAAEC;IAAM,CAAC,GAAG,IAAAE,cAAM,eAC5CtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,gBAAA,CAAAsB,OAAe;MACda,oBAAoB,EAAC,iBAAiB;MACtCrB,KAAK,EAAE,EAAG;MACVqC,SAAS,EAAC,WAAW;MACrBf,OAAO,EAAEC,uCAAO,CAACC,OAAQ;MACzBC,eAAe,EAAC,mBAAmB;MACnCC,qBAAqB,EAAC,kBAAkB;MACxCC,wBAAwB,EAAE,EAAG;MAAAjB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC9B,CACH,CAAC;IAED,MAAM4B,KAAK,GAAGzB,SAAS,CAAC,mBAAmB,CAAC;IAC5C,MAAM0B,IAAI,GAAG1B,SAAS,CAAC,kBAAkB,CAAC;IAE1CgB,MAAM,CAACS,KAAK,CAAC,CAACR,UAAU,CAAC,CAAC;IAC1BD,MAAM,CAACU,IAAI,CAAC,CAACT,UAAU,CAAC,CAAC;EAC3B,CAAC,CAAC;EAEFlB,EAAE,CAAC,aAAa,EAAE,MAAM;IACtB,MAAM;MAAEG,SAAS;MAAED,KAAK;MAAED;IAAU,CAAC,GAAG,IAAAG,cAAM,eAC5CtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACrB,WAAA,CAAAoB,OAAU;MACToC,MAAM,EAAC,OAAO;MACd3C,IAAI,EAAC,SAAS;MACdC,WAAW,EAAC,UAAU;MACtBmC,SAAS,EAAC,cAAc;MACxB9B,IAAI,EAAC,OAAO;MACZsC,kBAAkB,EAAE,IAAK;MAAAnC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC1B,CACH,CAAC;IAED,MAAMb,IAAI,GAAGgB,SAAS,CAAC,SAAS,CAAC;IACjC,MAAM0B,IAAI,GAAG1B,SAAS,CAAC,UAAU,CAAC;IAClC,MAAMoB,SAAS,GAAGlB,SAAS,CAACa,aAAa,CAAC,0BAA0B,CAAC;IAErEC,MAAM,CAAChC,IAAI,CAAC,CAACiC,UAAU,CAAC,CAAC;IACzBD,MAAM,CAACU,IAAI,CAAC,CAACT,UAAU,CAAC,CAAC;IACzBD,MAAM,CAACI,SAAS,CAAC,CAACH,UAAU,CAAC,CAAC;EAChC,CAAC,CAAC;EAEFlB,EAAE,CAAC,QAAQ,EAAE,MAAM;IACjB,MAAM;MAAEG,SAAS;MAAED;IAAM,CAAC,GAAG,IAAAE,cAAM,eAACtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,OAAA,CAAAqB,OAAM;MAACD,IAAI,EAAE,QAAS;MAAAG,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,CAAC;IAE/D,MAAMgC,MAAM,GAAG3B,SAAS,CAACa,aAAa,CAAC,WAAW,CAAC;IAEnDC,MAAM,CAACa,MAAM,CAAC,CAACZ,UAAU,CAAC,CAAC;EAC7B,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_PermissionsList","_Avatar","_AvatarRole","_cssVars","_RoleIcon","_EntityAdvancedPermissionsTypes","_jsxFileName","describe","options","id","value","subtitle","divider","isSelectable","items","role","description","isDisabled","onChange","jest","fn","icon","default","createElement","__self","__source","fileName","lineNumber","columnNumber","selectedPermission","it","getByText","debug","container","render","removePermissionCode","loading","Loading","Success","emptyStateTitle","emptyStateDescription","permissionRemovedMessage","admin","manager","user","svg","querySelector","expect","toBeTruthy","TPAComponentsProvider","mobile","className","allItems","querySelectorAll","length","toBe","title","desc","roleID","displayDescription","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/wix-ui-tpa/cssVars';\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('img');\n\n    expect(avatar).toBeTruthy();\n  });\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,7 +9,7 @@ var _ViewRowSt = require("./ViewRow.st.css");
 var _PermissionsDropdownSt = require("../PermissionsDropdown/PermissionsDropdown.st.css");
 var _AvatarRole = _interopRequireDefault(require("./AvatarRole"));
 var _PermissionsDropdown = _interopRequireDefault(require("../PermissionsDropdown/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/PermissionsList/ViewRow.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -17,7 +17,7 @@ function ViewRow(props) {
   const {
     mobile,
     rtl
-  } = (0, _react.useContext)(_wixUiTpa.TPAComponentsContext);
+  } = (0, _react.useContext)(_cssVars.TPAComponentsContext);
   const avatarData = {
     role: props.role,
     description: props.description,
@@ -79,5 +79,6 @@ function ViewRow(props) {
     }
   }));
 }
+ViewRow.displayName = 'ViewRow';
 var _default = exports.default = ViewRow;
 //# sourceMappingURL=ViewRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ViewRowSt","_PermissionsDropdownSt","_AvatarRole","_interopRequireDefault","_PermissionsDropdown","_wixUiTpa","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ViewRow","props","mobile","rtl","useContext","TPAComponentsContext","avatarData","role","description","icon","displayDescription","roleID","id","options","onChange","isDisabled","selectedPermission","containerRef","permissionChange","permissionId","createElement","className","st","classes","mainContainer","__self","__source","fileName","lineNumber","columnNumber","_extends2","avatarRoleContainer","ariaLabelledBy","stDD","classesDD","viewRowDropdown","disabled","value","_default","exports"],"sources":["../../../../src/components/PermissionsList/ViewRow.tsx"],"sourcesContent":["import React, {RefObject, useContext} from 'react';\nimport { st, classes } from './ViewRow.st.css';\nimport {\n  st as stDD,\n  classes as classesDD,\n} from '../PermissionsDropdown/PermissionsDropdown.st.css';\n\nimport { PermissionChangeProps } from './PermissionsList';\nimport AvatarRole, { AvatarRoleProps } from './AvatarRole';\nimport PermissionsDropdown, {\n  PermissionsOptionsProps,\n} from '../PermissionsDropdown/PermissionsDropdown';\nimport { Icon } from './Avatar';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\n\nexport interface ViewRowProps {\n  role: string;\n  id: string;\n  description: string;\n  isDisabled: boolean;\n  onChange?(data: PermissionChangeProps): void;\n  options: PermissionsOptionsProps[];\n  icon: Icon;\n  selectedPermission: string;\n  roleType?: string;\n  containerRef?: RefObject<HTMLDivElement>;\n}\n\nfunction ViewRow(props: ViewRowProps) {\n  const { mobile, rtl } = useContext(TPAComponentsContext);\n  const avatarData: AvatarRoleProps = {\n    role: props.role,\n    description: props.description,\n    icon: props.icon,\n    displayDescription: !mobile,\n    roleID: props.id,\n  };\n  const {\n    options,\n    onChange,\n    isDisabled,\n    selectedPermission,\n    id,\n    containerRef,\n  } = props;\n\n  const permissionChange = (permissionId: string) => {\n    if (onChange) {\n      onChange({ permissionId, id });\n    }\n  };\n\n  return (\n    <div className={st(classes.mainContainer, { mobile, rtl })}>\n      <AvatarRole {...avatarData} className={st(classes.avatarRoleContainer)} />\n      <PermissionsDropdown\n        ariaLabelledBy={`role${id} role${id}_desc`}\n        className={stDD(classesDD.viewRowDropdown, { mobile, rtl })}\n        options={options}\n        disabled={isDisabled}\n        value={selectedPermission}\n        onChange={permissionChange}\n        containerRef={containerRef}\n      />\n    </div>\n  );\n}\n\nexport default ViewRow;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ViewRowSt","_PermissionsDropdownSt","_AvatarRole","_interopRequireDefault","_PermissionsDropdown","_cssVars","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ViewRow","props","mobile","rtl","useContext","TPAComponentsContext","avatarData","role","description","icon","displayDescription","roleID","id","options","onChange","isDisabled","selectedPermission","containerRef","permissionChange","permissionId","createElement","className","st","classes","mainContainer","__self","__source","fileName","lineNumber","columnNumber","_extends2","avatarRoleContainer","ariaLabelledBy","stDD","classesDD","viewRowDropdown","disabled","value","displayName","_default","exports"],"sources":["../../../../src/components/PermissionsList/ViewRow.tsx"],"sourcesContent":["import React, {RefObject, useContext} from 'react';\nimport { st, classes } from './ViewRow.st.css';\nimport {\n  st as stDD,\n  classes as classesDD,\n} from '../PermissionsDropdown/PermissionsDropdown.st.css';\n\nimport { PermissionChangeProps } from './PermissionsList';\nimport AvatarRole, { AvatarRoleProps } from './AvatarRole';\nimport PermissionsDropdown, {\n  PermissionsOptionsProps,\n} from '../PermissionsDropdown/PermissionsDropdown';\nimport { Icon } from './Avatar';\nimport { TPAComponentsContext } from '@wix/wix-ui-tpa/cssVars';\n\nexport interface ViewRowProps {\n  role: string;\n  id: string;\n  description: string;\n  isDisabled: boolean;\n  onChange?(data: PermissionChangeProps): void;\n  options: PermissionsOptionsProps[];\n  icon: Icon;\n  selectedPermission: string;\n  roleType?: string;\n  containerRef?: RefObject<HTMLDivElement>;\n}\n\nfunction ViewRow(props: ViewRowProps) {\n  const { mobile, rtl } = useContext(TPAComponentsContext);\n  const avatarData: AvatarRoleProps = {\n    role: props.role,\n    description: props.description,\n    icon: props.icon,\n    displayDescription: !mobile,\n    roleID: props.id,\n  };\n  const {\n    options,\n    onChange,\n    isDisabled,\n    selectedPermission,\n    id,\n    containerRef,\n  } = props;\n\n  const permissionChange = (permissionId: string) => {\n    if (onChange) {\n      onChange({ permissionId, id });\n    }\n  };\n\n  return (\n    <div className={st(classes.mainContainer, { mobile, rtl })}>\n      <AvatarRole {...avatarData} className={st(classes.avatarRoleContainer)} />\n      <PermissionsDropdown\n        ariaLabelledBy={`role${id} role${id}_desc`}\n        className={stDD(classesDD.viewRowDropdown, { mobile, rtl })}\n        options={options}\n        disabled={isDisabled}\n        value={selectedPermission}\n        onChange={permissionChange}\n        containerRef={containerRef}\n      />\n    </div>\n  );\n}\n\nViewRow.displayName = 'ViewRow';\n\nexport default ViewRow;\n"],"mappings":"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","ignoreList":[]}

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

@@ -80,7 +80,7 @@ const customStyles = (props, rtl) => {
       // Main box
       ...provided,
       minHeight: 40,
-      overflowY: 'hidden',
+      overflowY: 'auto',
       maxHeight: `${(props.rows || 1) * _constants.SPACED_ROW_HEIGHT + _constants.SPACING}px`,
       borderRadius: 0,
       borderColor: 'rgba(0,0,0,0.6)',

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

@@ -1 +1 @@
-{"version":3,"names":["_constants","require","customStyles","props","rtl","valueContainer","provided","padding","input","color","noOptionsMessage","textAlign","multiValue","margin","paddingLeft","fontSize","lineHeight","borderRadius","backgroundColor","placeholder","multiValueLabel","paddingTop","paddingRight","paddingBottom","multiValueRemove","option","height","menu","marginTop","control","minHeight","overflowY","maxHeight","rows","SPACED_ROW_HEIGHT","SPACING","borderColor","boxShadow","exports"],"sources":["../../../../src/components/SearchEntity/CustomStyles.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { SPACED_ROW_HEIGHT, SPACING } from './constants';\n\nimport { SearchEntityProps } from './interfaces';\nimport { StylesConfig } from 'react-select';\n\nexport const customStyles = (\n  props: SearchEntityProps,\n  rtl: boolean,\n): StylesConfig<any, any> => {\n  return {\n    valueContainer: (provided: CSSProperties) => ({\n      ...provided,\n      padding: '3px 8px',\n    }),\n    input: (provided: CSSProperties) => ({\n      ...provided,\n      color: '#000000',\n    }),\n    noOptionsMessage: (provided: CSSProperties) => ({\n      ...provided,\n      color: 'rgb(100, 100, 100)',\n      textAlign: 'left',\n      padding: '6px 22px',\n    }),\n\n    multiValue: (provided: CSSProperties) => ({\n      ...provided,\n      margin: '4px',\n      paddingLeft: 0,\n      fontSize: '12px',\n      lineHeight: '16px',\n      borderRadius: 0,\n      backgroundColor: 'rgba(0,0,0,0.1)',\n      ':hover': {\n        backgroundColor: 'rgba(0,0,0,0.2)',\n      },\n      ':selected': {\n        color: '#ffffff',\n        backgroundColor: '#000000',\n      },\n    }),\n\n    placeholder: (provided: CSSProperties) => ({\n      ...provided,\n      color: '#969696',\n    }),\n\n    multiValueLabel: (provided: CSSProperties) => ({\n      ...provided,\n      fontSize: '12px',\n      lineHeight: '16px',\n      paddingTop: '4px',\n      paddingRight: rtl ? '12px' : '0',\n      paddingBottom: '4px',\n      paddingLeft: rtl ? '0' : '12px',\n    }),\n    multiValueRemove: (provided: CSSProperties) => ({\n      ...provided,\n      backgroundColor: 'transparent',\n      ':hover': {\n        backgroundColor: 'transparent',\n      },\n    }),\n    option: (provided: CSSProperties) => {\n      return {\n        ...provided,\n        height: 60,\n\n        ':active': {\n          backgroundColor: 'rgba(0,0,0,0.06)',\n        },\n        ':hover': {\n          backgroundColor: 'rgba(0,0,0,0.06)',\n        },\n      };\n    },\n\n    menu: (provided: CSSProperties) => {\n      return {\n        ...provided,\n        marginTop: 0,\n        paddingTop: 8,\n        paddingBottom: 8,\n        borderRadius: 0,\n      };\n    },\n\n    control: (provided: CSSProperties) => ({\n      // Main box\n      ...provided,\n      minHeight: 40,\n      overflowY: 'hidden',\n      maxHeight: `${(props.rows || 1) * SPACED_ROW_HEIGHT + SPACING}px`,\n      borderRadius: 0,\n      borderColor: 'rgba(0,0,0,0.6)',\n      ':active': {\n        borderColor: 'rgba(0,0,0,1)',\n      },\n      ':hover': {\n        borderColor: 'rgba(0,0,0,1)',\n      },\n      boxShadow: 'none',\n    }),\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAKO,MAAMC,YAAY,GAAGA,CAC1BC,KAAwB,EACxBC,GAAY,KACe;EAC3B,OAAO;IACLC,cAAc,EAAGC,QAAuB,KAAM;MAC5C,GAAGA,QAAQ;MACXC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,KAAK,EAAGF,QAAuB,KAAM;MACnC,GAAGA,QAAQ;MACXG,KAAK,EAAE;IACT,CAAC,CAAC;IACFC,gBAAgB,EAAGJ,QAAuB,KAAM;MAC9C,GAAGA,QAAQ;MACXG,KAAK,EAAE,oBAAoB;MAC3BE,SAAS,EAAE,MAAM;MACjBJ,OAAO,EAAE;IACX,CAAC,CAAC;IAEFK,UAAU,EAAGN,QAAuB,KAAM;MACxC,GAAGA,QAAQ;MACXO,MAAM,EAAE,KAAK;MACbC,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE,iBAAiB;MAClC,QAAQ,EAAE;QACRA,eAAe,EAAE;MACnB,CAAC;MACD,WAAW,EAAE;QACXT,KAAK,EAAE,SAAS;QAChBS,eAAe,EAAE;MACnB;IACF,CAAC,CAAC;IAEFC,WAAW,EAAGb,QAAuB,KAAM;MACzC,GAAGA,QAAQ;MACXG,KAAK,EAAE;IACT,CAAC,CAAC;IAEFW,eAAe,EAAGd,QAAuB,KAAM;MAC7C,GAAGA,QAAQ;MACXS,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,MAAM;MAClBK,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAElB,GAAG,GAAG,MAAM,GAAG,GAAG;MAChCmB,aAAa,EAAE,KAAK;MACpBT,WAAW,EAAEV,GAAG,GAAG,GAAG,GAAG;IAC3B,CAAC,CAAC;IACFoB,gBAAgB,EAAGlB,QAAuB,KAAM;MAC9C,GAAGA,QAAQ;MACXY,eAAe,EAAE,aAAa;MAC9B,QAAQ,EAAE;QACRA,eAAe,EAAE;MACnB;IACF,CAAC,CAAC;IACFO,MAAM,EAAGnB,QAAuB,IAAK;MACnC,OAAO;QACL,GAAGA,QAAQ;QACXoB,MAAM,EAAE,EAAE;QAEV,SAAS,EAAE;UACTR,eAAe,EAAE;QACnB,CAAC;QACD,QAAQ,EAAE;UACRA,eAAe,EAAE;QACnB;MACF,CAAC;IACH,CAAC;IAEDS,IAAI,EAAGrB,QAAuB,IAAK;MACjC,OAAO;QACL,GAAGA,QAAQ;QACXsB,SAAS,EAAE,CAAC;QACZP,UAAU,EAAE,CAAC;QACbE,aAAa,EAAE,CAAC;QAChBN,YAAY,EAAE;MAChB,CAAC;IACH,CAAC;IAEDY,OAAO,EAAGvB,QAAuB,KAAM;MACrC;MACA,GAAGA,QAAQ;MACXwB,SAAS,EAAE,EAAE;MACbC,SAAS,EAAE,QAAQ;MACnBC,SAAS,EAAE,GAAG,CAAC7B,KAAK,CAAC8B,IAAI,IAAI,CAAC,IAAIC,4BAAiB,GAAGC,kBAAO,IAAI;MACjElB,YAAY,EAAE,CAAC;MACfmB,WAAW,EAAE,iBAAiB;MAC9B,SAAS,EAAE;QACTA,WAAW,EAAE;MACf,CAAC;MACD,QAAQ,EAAE;QACRA,WAAW,EAAE;MACf,CAAC;MACDC,SAAS,EAAE;IACb,CAAC;EACH,CAAC;AACH,CAAC;AAACC,OAAA,CAAApC,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"names":["_constants","require","customStyles","props","rtl","valueContainer","provided","padding","input","color","noOptionsMessage","textAlign","multiValue","margin","paddingLeft","fontSize","lineHeight","borderRadius","backgroundColor","placeholder","multiValueLabel","paddingTop","paddingRight","paddingBottom","multiValueRemove","option","height","menu","marginTop","control","minHeight","overflowY","maxHeight","rows","SPACED_ROW_HEIGHT","SPACING","borderColor","boxShadow","exports"],"sources":["../../../../src/components/SearchEntity/CustomStyles.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { SPACED_ROW_HEIGHT, SPACING } from './constants';\n\nimport { SearchEntityProps } from './interfaces';\nimport { StylesConfig } from 'react-select';\n\nexport const customStyles = (\n  props: SearchEntityProps,\n  rtl: boolean,\n): StylesConfig<any, any> => {\n  return {\n    valueContainer: (provided: CSSProperties) => ({\n      ...provided,\n      padding: '3px 8px',\n    }),\n    input: (provided: CSSProperties) => ({\n      ...provided,\n      color: '#000000',\n    }),\n    noOptionsMessage: (provided: CSSProperties) => ({\n      ...provided,\n      color: 'rgb(100, 100, 100)',\n      textAlign: 'left',\n      padding: '6px 22px',\n    }),\n\n    multiValue: (provided: CSSProperties) => ({\n      ...provided,\n      margin: '4px',\n      paddingLeft: 0,\n      fontSize: '12px',\n      lineHeight: '16px',\n      borderRadius: 0,\n      backgroundColor: 'rgba(0,0,0,0.1)',\n      ':hover': {\n        backgroundColor: 'rgba(0,0,0,0.2)',\n      },\n      ':selected': {\n        color: '#ffffff',\n        backgroundColor: '#000000',\n      },\n    }),\n\n    placeholder: (provided: CSSProperties) => ({\n      ...provided,\n      color: '#969696',\n    }),\n\n    multiValueLabel: (provided: CSSProperties) => ({\n      ...provided,\n      fontSize: '12px',\n      lineHeight: '16px',\n      paddingTop: '4px',\n      paddingRight: rtl ? '12px' : '0',\n      paddingBottom: '4px',\n      paddingLeft: rtl ? '0' : '12px',\n    }),\n    multiValueRemove: (provided: CSSProperties) => ({\n      ...provided,\n      backgroundColor: 'transparent',\n      ':hover': {\n        backgroundColor: 'transparent',\n      },\n    }),\n    option: (provided: CSSProperties) => {\n      return {\n        ...provided,\n        height: 60,\n\n        ':active': {\n          backgroundColor: 'rgba(0,0,0,0.06)',\n        },\n        ':hover': {\n          backgroundColor: 'rgba(0,0,0,0.06)',\n        },\n      };\n    },\n\n    menu: (provided: CSSProperties) => {\n      return {\n        ...provided,\n        marginTop: 0,\n        paddingTop: 8,\n        paddingBottom: 8,\n        borderRadius: 0,\n      };\n    },\n\n    control: (provided: CSSProperties) => ({\n      // Main box\n      ...provided,\n      minHeight: 40,\n      overflowY: 'auto',\n      maxHeight: `${(props.rows || 1) * SPACED_ROW_HEIGHT + SPACING}px`,\n      borderRadius: 0,\n      borderColor: 'rgba(0,0,0,0.6)',\n      ':active': {\n        borderColor: 'rgba(0,0,0,1)',\n      },\n      ':hover': {\n        borderColor: 'rgba(0,0,0,1)',\n      },\n      boxShadow: 'none',\n    }),\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAKO,MAAMC,YAAY,GAAGA,CAC1BC,KAAwB,EACxBC,GAAY,KACe;EAC3B,OAAO;IACLC,cAAc,EAAGC,QAAuB,KAAM;MAC5C,GAAGA,QAAQ;MACXC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,KAAK,EAAGF,QAAuB,KAAM;MACnC,GAAGA,QAAQ;MACXG,KAAK,EAAE;IACT,CAAC,CAAC;IACFC,gBAAgB,EAAGJ,QAAuB,KAAM;MAC9C,GAAGA,QAAQ;MACXG,KAAK,EAAE,oBAAoB;MAC3BE,SAAS,EAAE,MAAM;MACjBJ,OAAO,EAAE;IACX,CAAC,CAAC;IAEFK,UAAU,EAAGN,QAAuB,KAAM;MACxC,GAAGA,QAAQ;MACXO,MAAM,EAAE,KAAK;MACbC,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE,iBAAiB;MAClC,QAAQ,EAAE;QACRA,eAAe,EAAE;MACnB,CAAC;MACD,WAAW,EAAE;QACXT,KAAK,EAAE,SAAS;QAChBS,eAAe,EAAE;MACnB;IACF,CAAC,CAAC;IAEFC,WAAW,EAAGb,QAAuB,KAAM;MACzC,GAAGA,QAAQ;MACXG,KAAK,EAAE;IACT,CAAC,CAAC;IAEFW,eAAe,EAAGd,QAAuB,KAAM;MAC7C,GAAGA,QAAQ;MACXS,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,MAAM;MAClBK,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAElB,GAAG,GAAG,MAAM,GAAG,GAAG;MAChCmB,aAAa,EAAE,KAAK;MACpBT,WAAW,EAAEV,GAAG,GAAG,GAAG,GAAG;IAC3B,CAAC,CAAC;IACFoB,gBAAgB,EAAGlB,QAAuB,KAAM;MAC9C,GAAGA,QAAQ;MACXY,eAAe,EAAE,aAAa;MAC9B,QAAQ,EAAE;QACRA,eAAe,EAAE;MACnB;IACF,CAAC,CAAC;IACFO,MAAM,EAAGnB,QAAuB,IAAK;MACnC,OAAO;QACL,GAAGA,QAAQ;QACXoB,MAAM,EAAE,EAAE;QAEV,SAAS,EAAE;UACTR,eAAe,EAAE;QACnB,CAAC;QACD,QAAQ,EAAE;UACRA,eAAe,EAAE;QACnB;MACF,CAAC;IACH,CAAC;IAEDS,IAAI,EAAGrB,QAAuB,IAAK;MACjC,OAAO;QACL,GAAGA,QAAQ;QACXsB,SAAS,EAAE,CAAC;QACZP,UAAU,EAAE,CAAC;QACbE,aAAa,EAAE,CAAC;QAChBN,YAAY,EAAE;MAChB,CAAC;IACH,CAAC;IAEDY,OAAO,EAAGvB,QAAuB,KAAM;MACrC;MACA,GAAGA,QAAQ;MACXwB,SAAS,EAAE,EAAE;MACbC,SAAS,EAAE,MAAM;MACjBC,SAAS,EAAE,GAAG,CAAC7B,KAAK,CAAC8B,IAAI,IAAI,CAAC,IAAIC,4BAAiB,GAAGC,kBAAO,IAAI;MACjElB,YAAY,EAAE,CAAC;MACfmB,WAAW,EAAE,iBAAiB;MAC9B,SAAS,EAAE;QACTA,WAAW,EAAE;MACf,CAAC;MACD,QAAQ,EAAE;QACRA,WAAW,EAAE;MACf,CAAC;MACDC,SAAS,EAAE;IACb,CAAC;EACH,CAAC;AACH,CAAC;AAACC,OAAA,CAAApC,YAAA,GAAAA,YAAA","ignoreList":[]}

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

@@ -160,4 +160,5 @@ const DashboardMultiSelect = ({
   }));
 };
 exports.DashboardMultiSelect = DashboardMultiSelect;
+DashboardMultiSelect.displayName = 'DashboardMultiSelect';
 //# sourceMappingURL=DashboardMultiSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_Avatar","_interopRequireDefault","_lodash","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DashboardMultiSelect","queryFunction","loadOptions","placeholder","isDashboard","onSelect","value","shownValues","filterShowOnlyInSelectList","updatedItems","searchEntityDefaultState","listOptions","listOptionsData","isHasMore","searchEntityState","setSearchEntityState","useState","searchInputValue","setSearchInputValue","nextCursor","setNextCursor","loadOptionsParams","loadData","useCallback","val","optionsList","shouldLoad","offset","total","additional","count","then","response","options","hasMore","newOptions","length","map","item","id","label","role","prefix","createElement","icon","name","imgProps","src","__self","__source","fileName","lineNumber","columnNumber","title","subtitle","description","overrideOptionStyle","listOptionsData2","option","listItemSelectBuilder","catch","console","log","updateSelectedRoles","data","newData","filter","showOnlyInSelectList","handleOnChange","debounce","text","handleOnRemoveTag","tagId","tag","handleOnSelect","existed","find","siteVisitorsData","selectedOptionData","filterSiteVisitors","obj","filteredListOptions","filteredData","v","findIndex","filteredSelectedData","some","selectedItem","selectedPermission","Box","minWidth","display","width","MultiSelect","loadMore","setTimeout","infiniteScroll","highlight","maxNumRows","tags","onRemoveTag","onChange","target","persist","minWidthPixels","exports"],"sources":["../../../../src/components/SearchEntity/DashboardMultiSelect.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Box, listItemSelectBuilder, MultiSelect } from '@wix/design-system';\nimport Avatar from '../PermissionsList/Avatar';\nimport { debounce } from 'lodash';\nimport { ViewRowProps } from \"../PermissionsList/ViewRow\";\n\nexport interface dashboardMultiSelectProps {\n  queryFunction?(\n    searchString: string,\n    nextCursor: string | null,\n    memberIds: string,\n  ): Promise<object>;\n  loadOptions?(\n    search: string,\n    loadedOptions: any,\n    additional: any,\n  ): Promise<object>;\n  placeholder: string;\n  isDashboard?: boolean;\n  onSelect?(data:any) : void;\n  value?: any[];\n  shownValues?: any[];\n  filterShowOnlyInSelectList?: boolean;\n  updatedItems?: ViewRowProps[];\n}\n\nexport const DashboardMultiSelect: React.FunctionComponent<dashboardMultiSelectProps> = ({\n  queryFunction,\n  loadOptions,\n  placeholder,\n  isDashboard,\n  onSelect,\n  value=[],\n  shownValues=[],\n  filterShowOnlyInSelectList= false,\n  updatedItems=[],\n}) => {\n  const searchEntityDefaultState: any = {\n    listOptions: [],\n    listOptionsData:[],\n    isHasMore: true,\n    shownValues:[],\n  };\n  const [searchEntityState, setSearchEntityState] = useState(\n    searchEntityDefaultState,\n  );\n  const {\n    listOptions,\n    isHasMore,\n    listOptionsData,\n  } = searchEntityState;\n  const [searchInputValue,setSearchInputValue] = useState('');\n  const [nextCursor, setNextCursor]:any = useState(null);\n  const loadOptionsParams = {\n    queryFunction,\n    nextCursor,\n  };\n\n  const loadData = useCallback((val: string = '') => {\n    let optionsList: any[] = listOptions || [];\n    const shouldLoad = !nextCursor || nextCursor?.offset < nextCursor?.total;\n    if (shouldLoad && loadOptions) {\n      const additional = nextCursor ?\n        {queryFunction,\n        nextCursor:{\n          count: nextCursor?.count,\n          offset:nextCursor?.offset,\n          total: nextCursor?.total}\n        }\n        : loadOptionsParams\n\n      loadOptions(val, listOptionsData, additional).then(\n        (response: any) => {\n          const { options, hasMore } = response;\n          const newOptions =   options?.length ? [...listOptionsData,...options] : listOptionsData;\n          optionsList = (newOptions || []).map((item: any): [] => {\n            item.value = item.id;\n            item.label = item.role;\n            item.prefix = (\n              <Avatar\n                icon={item.icon}\n                isDashboard={isDashboard}\n                name={item.label}\n                imgProps={{ src: item.icon }}\n              />\n            );\n            item.title = item.label;\n            item.subtitle = item.description;\n            item.overrideOptionStyle = true;\n            return item;\n          });\n          const listOptionsData2 = optionsList;\n          optionsList = optionsList.map((option) =>\n            listItemSelectBuilder(option),\n          );\n          setSearchEntityState({\n            ...searchEntityState,\n            listOptions: optionsList,\n            isHasMore: hasMore,\n            listOptionsData: listOptionsData2,\n          });\n          setNextCursor(response.additional.nextCursor)\n        },\n      ).catch((e:any) => console.log('e',e));\n    }\n  },[searchInputValue, nextCursor,listOptionsData]);\n\n  const updateSelectedRoles = (data: any[]) => {\n    if(onSelect){\n      const newData = data.length>=2 ? data.filter((item:any) => !item.showOnlyInSelectList) : data;\n      onSelect(newData);\n    }\n  }\n  const handleOnChange = useCallback(debounce((text: string) => {\n    loadData(text);\n  }, 600), []);\n  const handleOnRemoveTag = (tagId: any) => {\n    const newData = value.filter((tag: { id: any }) => tag.id !== tagId);\n    updateSelectedRoles(newData);\n  };\n  const handleOnSelect = (option: any) => {\n    const existed = value.find((role:any) => role?.id === siteVisitorsData?.id);\n    if(!existed || option?.id !== siteVisitorsData?.id){\n      const selectedOptionData= listOptionsData.find(({ id }: any) => id === option.id);\n      const data = [...value, selectedOptionData];\n      updateSelectedRoles(data);\n    }\n  };\n  const siteVisitorsData = listOptionsData.find((item:any) => item.showOnlyInSelectList);\n  const filterSiteVisitors= (obj:any) => obj?.id !== siteVisitorsData?.id;\n  const filteredListOptions = filterShowOnlyInSelectList ? listOptions.filter(filterSiteVisitors) : listOptions;\n  const filteredData = filteredListOptions.filter((v:any,i:any)=>filteredListOptions.findIndex((t:any)=>(t.id === v.id))===i);\n  const filteredSelectedData = filteredData.filter((item:ViewRowProps)=> !updatedItems.some(\n    selectedItem => selectedItem.id === item.id && selectedItem.selectedPermission !=='NONE'));\n  return (\n    <Box minWidth={'434px'} display={'block'} width={ filterShowOnlyInSelectList ? '434px' : '660px'} >\n      <MultiSelect\n        loadMore={() => {\n          setTimeout(() => {\n            loadData(searchInputValue);\n          }, 300);\n        }}\n        infiniteScroll={true}\n        hasMore={isHasMore}\n        highlight={false}\n        maxNumRows={3}\n        tags={shownValues}\n        onSelect={handleOnSelect}\n        onRemoveTag={handleOnRemoveTag}\n        onChange={(e:any) => {\n          setSearchInputValue(e.target.value);\n          e.persist && e.persist();\n          handleOnChange(e.target.value);\n        }}\n        value={searchInputValue}\n        options={filteredSelectedData}\n        placeholder={placeholder}\n        minWidthPixels={350}\n      />\n    </Box>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_Avatar","_interopRequireDefault","_lodash","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DashboardMultiSelect","queryFunction","loadOptions","placeholder","isDashboard","onSelect","value","shownValues","filterShowOnlyInSelectList","updatedItems","searchEntityDefaultState","listOptions","listOptionsData","isHasMore","searchEntityState","setSearchEntityState","useState","searchInputValue","setSearchInputValue","nextCursor","setNextCursor","loadOptionsParams","loadData","useCallback","val","optionsList","shouldLoad","offset","total","additional","count","then","response","options","hasMore","newOptions","length","map","item","id","label","role","prefix","createElement","icon","name","imgProps","src","__self","__source","fileName","lineNumber","columnNumber","title","subtitle","description","overrideOptionStyle","listOptionsData2","option","listItemSelectBuilder","catch","console","log","updateSelectedRoles","data","newData","filter","showOnlyInSelectList","handleOnChange","debounce","text","handleOnRemoveTag","tagId","tag","handleOnSelect","existed","find","siteVisitorsData","selectedOptionData","filterSiteVisitors","obj","filteredListOptions","filteredData","v","findIndex","filteredSelectedData","some","selectedItem","selectedPermission","Box","minWidth","display","width","MultiSelect","loadMore","setTimeout","infiniteScroll","highlight","maxNumRows","tags","onRemoveTag","onChange","target","persist","minWidthPixels","exports","displayName"],"sources":["../../../../src/components/SearchEntity/DashboardMultiSelect.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Box, listItemSelectBuilder, MultiSelect } from '@wix/design-system';\nimport Avatar from '../PermissionsList/Avatar';\nimport { debounce } from 'lodash';\nimport { ViewRowProps } from \"../PermissionsList/ViewRow\";\n\nexport interface dashboardMultiSelectProps {\n  queryFunction?(\n    searchString: string,\n    nextCursor: string | null,\n    memberIds: string,\n  ): Promise<object>;\n  loadOptions?(\n    search: string,\n    loadedOptions: any,\n    additional: any,\n  ): Promise<object>;\n  placeholder: string;\n  isDashboard?: boolean;\n  onSelect?(data:any) : void;\n  value?: any[];\n  shownValues?: any[];\n  filterShowOnlyInSelectList?: boolean;\n  updatedItems?: ViewRowProps[];\n}\n\nexport const DashboardMultiSelect: React.FunctionComponent<dashboardMultiSelectProps> = ({\n  queryFunction,\n  loadOptions,\n  placeholder,\n  isDashboard,\n  onSelect,\n  value=[],\n  shownValues=[],\n  filterShowOnlyInSelectList= false,\n  updatedItems=[],\n}) => {\n  const searchEntityDefaultState: any = {\n    listOptions: [],\n    listOptionsData:[],\n    isHasMore: true,\n    shownValues:[],\n  };\n  const [searchEntityState, setSearchEntityState] = useState(\n    searchEntityDefaultState,\n  );\n  const {\n    listOptions,\n    isHasMore,\n    listOptionsData,\n  } = searchEntityState;\n  const [searchInputValue,setSearchInputValue] = useState('');\n  const [nextCursor, setNextCursor]:any = useState(null);\n  const loadOptionsParams = {\n    queryFunction,\n    nextCursor,\n  };\n\n  const loadData = useCallback((val: string = '') => {\n    let optionsList: any[] = listOptions || [];\n    const shouldLoad = !nextCursor || nextCursor?.offset < nextCursor?.total;\n    if (shouldLoad && loadOptions) {\n      const additional = nextCursor ?\n        {queryFunction,\n        nextCursor:{\n          count: nextCursor?.count,\n          offset:nextCursor?.offset,\n          total: nextCursor?.total}\n        }\n        : loadOptionsParams\n\n      loadOptions(val, listOptionsData, additional).then(\n        (response: any) => {\n          const { options, hasMore } = response;\n          const newOptions =   options?.length ? [...listOptionsData,...options] : listOptionsData;\n          optionsList = (newOptions || []).map((item: any): [] => {\n            item.value = item.id;\n            item.label = item.role;\n            item.prefix = (\n              <Avatar\n                icon={item.icon}\n                isDashboard={isDashboard}\n                name={item.label}\n                imgProps={{ src: item.icon }}\n              />\n            );\n            item.title = item.label;\n            item.subtitle = item.description;\n            item.overrideOptionStyle = true;\n            return item;\n          });\n          const listOptionsData2 = optionsList;\n          optionsList = optionsList.map((option) =>\n            listItemSelectBuilder(option),\n          );\n          setSearchEntityState({\n            ...searchEntityState,\n            listOptions: optionsList,\n            isHasMore: hasMore,\n            listOptionsData: listOptionsData2,\n          });\n          setNextCursor(response.additional.nextCursor)\n        },\n      ).catch((e:any) => console.log('e',e));\n    }\n  },[searchInputValue, nextCursor,listOptionsData]);\n\n  const updateSelectedRoles = (data: any[]) => {\n    if(onSelect){\n      const newData = data.length>=2 ? data.filter((item:any) => !item.showOnlyInSelectList) : data;\n      onSelect(newData);\n    }\n  }\n  const handleOnChange = useCallback(debounce((text: string) => {\n    loadData(text);\n  }, 600), []);\n  const handleOnRemoveTag = (tagId: any) => {\n    const newData = value.filter((tag: { id: any }) => tag.id !== tagId);\n    updateSelectedRoles(newData);\n  };\n  const handleOnSelect = (option: any) => {\n    const existed = value.find((role:any) => role?.id === siteVisitorsData?.id);\n    if(!existed || option?.id !== siteVisitorsData?.id){\n      const selectedOptionData= listOptionsData.find(({ id }: any) => id === option.id);\n      const data = [...value, selectedOptionData];\n      updateSelectedRoles(data);\n    }\n  };\n  const siteVisitorsData = listOptionsData.find((item:any) => item.showOnlyInSelectList);\n  const filterSiteVisitors= (obj:any) => obj?.id !== siteVisitorsData?.id;\n  const filteredListOptions = filterShowOnlyInSelectList ? listOptions.filter(filterSiteVisitors) : listOptions;\n  const filteredData = filteredListOptions.filter((v:any,i:any)=>filteredListOptions.findIndex((t:any)=>(t.id === v.id))===i);\n  const filteredSelectedData = filteredData.filter((item:ViewRowProps)=> !updatedItems.some(\n    selectedItem => selectedItem.id === item.id && selectedItem.selectedPermission !=='NONE'));\n  return (\n    <Box minWidth={'434px'} display={'block'} width={ filterShowOnlyInSelectList ? '434px' : '660px'} >\n      <MultiSelect\n        loadMore={() => {\n          setTimeout(() => {\n            loadData(searchInputValue);\n          }, 300);\n        }}\n        infiniteScroll={true}\n        hasMore={isHasMore}\n        highlight={false}\n        maxNumRows={3}\n        tags={shownValues}\n        onSelect={handleOnSelect}\n        onRemoveTag={handleOnRemoveTag}\n        onChange={(e:any) => {\n          setSearchInputValue(e.target.value);\n          e.persist && e.persist();\n          handleOnChange(e.target.value);\n        }}\n        value={searchInputValue}\n        options={filteredSelectedData}\n        placeholder={placeholder}\n        minWidthPixels={350}\n      />\n    </Box>\n  );\n}\n\nDashboardMultiSelect.displayName = 'DashboardMultiSelect';\n"],"mappings":"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","ignoreList":[]}

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

@@ -3,20 +3,45 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactSelect = _interopRequireDefault(require("react-select"));
+var _reactSelect = _interopRequireWildcard(require("react-select"));
 var _reactSelectAsyncPaginate = require("react-select-async-paginate");
 var _SearchReplacmentsComponents = require("./SearchReplacmentsComponents");
 var _SearchEntitySt = require("./SearchEntity.st.css");
 var _constants = require("./constants");
 var _CustomStyles = require("./CustomStyles");
-var _wixUiTpa = require("wix-ui-tpa");
+var _cssVars = require("@wix/wix-ui-tpa/cssVars");
 var _DashboardMultiSelect = require("./DashboardMultiSelect");
 var _jsxFileName = "/home/builduser/work/529538774eb649c7/packages/entity-advanced-permissions/dist/cjs/components/SearchEntity/SearchEntity.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // @ts-ignore
 const CustomAsyncPaginate = (0, _reactSelectAsyncPaginate.withAsyncPaginate)(_reactSelect.default);
+const Placeholder = props => /*#__PURE__*/_react.default.createElement(_reactSelect.components.Placeholder, (0, _extends2.default)({}, props, {
+  className: (0, _SearchEntitySt.st)(_SearchEntitySt.classes.placeholder),
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 27,
+    columnNumber: 3
+  }
+}));
+const MultiValueLabel = props => {
+  var _props$innerProps;
+  return /*#__PURE__*/_react.default.createElement(_reactSelect.components.MultiValueLabel, (0, _extends2.default)({}, props, {
+    innerProps: {
+      ...props.innerProps,
+      className: `${((_props$innerProps = props.innerProps) == null ? void 0 : _props$innerProps.className) || ''} ${(0, _SearchEntitySt.st)(_SearchEntitySt.classes.multiValueLabel)}`.trim()
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 3
+    }
+  }));
+};
 async function loadOptions(search, _loadedOptions, additional) {
   const {
     queryFunction,
@@ -41,7 +66,7 @@ function SearchEntity(props) {
   const {
     mobile,
     rtl
-  } = (0, _react.useContext)(_wixUiTpa.TPAComponentsContext);
+  } = (0, _react.useContext)(_cssVars.TPAComponentsContext);
   const {
     setSelectedRoles,
     queryFunction,
@@ -64,11 +89,13 @@ function SearchEntity(props) {
     IndicatorSeparator: null,
     Menu: (0, _SearchReplacmentsComponents.Menu)(numberOfResultsMessage),
     MultiValueRemove: (0, _SearchReplacmentsComponents.MultiValueRemove)(pressDeleteToRemoveMessage),
+    MultiValueLabel,
     Option: _SearchReplacmentsComponents.Option,
     ValueContainer: _SearchReplacmentsComponents.ValueContainer,
     LoadingIndicator: null,
     LoadingMessage: _SearchReplacmentsComponents.LoadingMessage,
-    NoOptionsMessage: _SearchReplacmentsComponents.NoOptionsMessage
+    NoOptionsMessage: _SearchReplacmentsComponents.NoOptionsMessage,
+    Placeholder
   };
   const values = value || [];
   const shownValues = values.filter(item => !item.showOnlyInSelectList);
@@ -96,7 +123,7 @@ function SearchEntity(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 118,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(CustomAsyncPaginate, {
@@ -139,10 +166,11 @@ function SearchEntity(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 130,
       columnNumber: 5
     }
   });
 }
+SearchEntity.displayName = 'SearchEntity';
 var _default = exports.default = SearchEntity;
 //# sourceMappingURL=SearchEntity.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactSelect","_interopRequireDefault","_reactSelectAsyncPaginate","_SearchReplacmentsComponents","_SearchEntitySt","_constants","_CustomStyles","_wixUiTpa","_DashboardMultiSelect","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomAsyncPaginate","withAsyncPaginate","Select","loadOptions","search","_loadedOptions","additional","queryFunction","nextCursor","response","optionsList","items","map","item","value","id","label","role","options","hasMore","SearchEntity","props","mobile","rtl","useContext","TPAComponentsContext","setSelectedRoles","placeholder","rows","allOptionsSelected","filterShowOnlyInSelectList","loadingMessage","noOptionsMessage","className","numberOfResultsMessage","pressDeleteToRemoveMessage","searchEntityRef","isDashboard","updatedItems","customComponents","DropdownIndicator","IndicatorSeparator","Menu","MultiValueRemove","Option","ValueContainer","LoadingIndicator","LoadingMessage","NoOptionsMessage","values","shownValues","filter","showOnlyInSelectList","onSelect","filterOptions","candidate","_input","data","createElement","DashboardMultiSelect","__self","__source","fileName","lineNumber","columnNumber","selectRef","isMulti","cacheOptions","defaultOptions","styles","customStyles","DEFAULT_ROWS_NUMBER","isClearable","classNamePrefix","inputValue","trim","length","st","classes","root","components","onChange","filterOption","debounceTimeout","autoFocus","_default","exports"],"sources":["../../../../src/components/SearchEntity/SearchEntity.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport Select from 'react-select';\nimport { withAsyncPaginate } from 'react-select-async-paginate';\nimport {\n  Menu,\n  MultiValueRemove,\n  ValueContainer,\n  NoOptionsMessage,\n  Option,\n  LoadingMessage,\n} from './SearchReplacmentsComponents';\nimport { st, classes } from './SearchEntity.st.css';\nimport { DEFAULT_ROWS_NUMBER } from './constants';\nimport { customStyles } from './CustomStyles';\nimport { SearchEntityProps, SelectRoleProps } from './interfaces';\nimport { ValueType, OptionTypeBase } from 'react-select/src/types';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\nimport { DashboardMultiSelect } from './DashboardMultiSelect';\n\n// @ts-ignore\nconst CustomAsyncPaginate = withAsyncPaginate(Select);\n\nasync function loadOptions(\n  search: string,\n  _loadedOptions: any,\n  additional: any,\n): Promise<any> {\n  const { queryFunction, nextCursor } = additional;\n  const response = await queryFunction(search, nextCursor);\n\n  const optionsList = (response.items || []).map((item: any): [] => {\n    item.value = item.id;\n    item.label = item.role;\n    return item;\n  });\n\n  return {\n    options: optionsList,\n    hasMore: response.nextCursor !== null,\n    additional: { queryFunction, nextCursor: response.nextCursor },\n  };\n}\n\nfunction SearchEntity(props: SearchEntityProps) {\n  const { mobile, rtl } = useContext(TPAComponentsContext);\n  const {\n    setSelectedRoles,\n    queryFunction,\n    value,\n    placeholder,\n    rows,\n    allOptionsSelected,\n    filterShowOnlyInSelectList,\n    loadingMessage,\n    noOptionsMessage,\n    className,\n    numberOfResultsMessage = '',\n    pressDeleteToRemoveMessage = '',\n    searchEntityRef,\n    isDashboard,\n    updatedItems,\n  } = props;\n\n  const customComponents = {\n    DropdownIndicator: null,\n    IndicatorSeparator: null,\n    Menu: Menu(numberOfResultsMessage),\n    MultiValueRemove: MultiValueRemove(pressDeleteToRemoveMessage),\n    Option,\n    ValueContainer,\n    LoadingIndicator: null,\n    LoadingMessage,\n    NoOptionsMessage,\n  };\n  const values: ValueType<SelectRoleProps, true> = value || [];\n  const shownValues: SelectRoleProps[] = values.filter(\n    (item) => !item.showOnlyInSelectList,\n  );\n  const onSelect = (e: ValueType<SelectRoleProps, true>) => {\n    if (setSelectedRoles) {\n      setSelectedRoles((e ?? []) as SelectRoleProps[]);\n    }\n  };\n\n  const filterOptions = (\n    candidate: OptionTypeBase,\n    _input: string,\n  ): boolean => {\n    if (!filterShowOnlyInSelectList) {\n      return true;\n    }\n    return !candidate.data.showOnlyInSelectList;\n  };\n  return isDashboard ? (\n    <DashboardMultiSelect\n      placeholder={placeholder}\n      loadOptions={loadOptions}\n      queryFunction={queryFunction}\n      isDashboard={isDashboard}\n      onSelect={setSelectedRoles}\n      value={value}\n      shownValues={shownValues}\n      filterShowOnlyInSelectList={filterShowOnlyInSelectList}\n      updatedItems={updatedItems}\n    />\n  ) : (\n    <CustomAsyncPaginate\n      selectRef={searchEntityRef}\n      isMulti={true}\n      cacheOptions\n      defaultOptions={false}\n      styles={customStyles(\n        {\n          ...props,\n          rows: rows || DEFAULT_ROWS_NUMBER,\n        },\n        rtl || false,\n      )}\n      value={shownValues}\n      loadingMessage={() => loadingMessage || null}\n      placeholder={placeholder}\n      aria-label={placeholder}\n      isClearable={false}\n      classNamePrefix={'search-entity'}\n      noOptionsMessage={({ inputValue }:{inputValue:string}) => {\n        if (`${inputValue}`.trim().length) {\n          return `${noOptionsMessage}`;\n        }\n        return `${allOptionsSelected}`;\n      }}\n      className={st(classes.root, { mobile, rtl }, className)}\n      components={customComponents}\n      onChange={onSelect}\n      additional={{\n        queryFunction,\n        nextCursor: null,\n      }}\n      filterOption={filterOptions}\n      loadOptions={loadOptions}\n      debounceTimeout={300}\n      autoFocus\n    />\n  );\n}\n\nexport default SearchEntity;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactSelect","_reactSelectAsyncPaginate","_SearchReplacmentsComponents","_SearchEntitySt","_constants","_CustomStyles","_cssVars","_DashboardMultiSelect","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomAsyncPaginate","withAsyncPaginate","Select","Placeholder","props","createElement","components","_extends2","className","st","classes","placeholder","__self","__source","fileName","lineNumber","columnNumber","MultiValueLabel","_props$innerProps","innerProps","multiValueLabel","trim","loadOptions","search","_loadedOptions","additional","queryFunction","nextCursor","response","optionsList","items","map","item","value","id","label","role","options","hasMore","SearchEntity","mobile","rtl","useContext","TPAComponentsContext","setSelectedRoles","rows","allOptionsSelected","filterShowOnlyInSelectList","loadingMessage","noOptionsMessage","numberOfResultsMessage","pressDeleteToRemoveMessage","searchEntityRef","isDashboard","updatedItems","customComponents","DropdownIndicator","IndicatorSeparator","Menu","MultiValueRemove","Option","ValueContainer","LoadingIndicator","LoadingMessage","NoOptionsMessage","values","shownValues","filter","showOnlyInSelectList","onSelect","filterOptions","candidate","_input","data","DashboardMultiSelect","selectRef","isMulti","cacheOptions","defaultOptions","styles","customStyles","DEFAULT_ROWS_NUMBER","isClearable","classNamePrefix","inputValue","length","root","onChange","filterOption","debounceTimeout","autoFocus","displayName","_default","exports"],"sources":["../../../../src/components/SearchEntity/SearchEntity.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport Select, {\n  components,\n  PlaceholderProps,\n} from 'react-select';\nimport { withAsyncPaginate } from 'react-select-async-paginate';\nimport {\n  Menu,\n  MultiValueRemove,\n  ValueContainer,\n  NoOptionsMessage,\n  Option,\n  LoadingMessage,\n} from './SearchReplacmentsComponents';\nimport { st, classes } from './SearchEntity.st.css';\nimport { DEFAULT_ROWS_NUMBER } from './constants';\nimport { customStyles } from './CustomStyles';\nimport { SearchEntityProps, SelectRoleProps } from './interfaces';\nimport { MultiValueGenericProps } from 'react-select/src/components/MultiValue';\nimport { ValueType, OptionTypeBase } from 'react-select/src/types';\nimport { TPAComponentsContext } from '@wix/wix-ui-tpa/cssVars';\nimport { DashboardMultiSelect } from './DashboardMultiSelect';\n\n// @ts-ignore\nconst CustomAsyncPaginate = withAsyncPaginate(Select);\nconst Placeholder = (props: React.JSX.IntrinsicAttributes & PlaceholderProps<any, boolean>) => (\n  <components.Placeholder {...props} className={st(classes.placeholder)} />\n);\n\nconst MultiValueLabel = (\n  props: React.JSX.IntrinsicAttributes & MultiValueGenericProps<any>,\n) => (\n  <components.MultiValueLabel\n    {...props}\n    innerProps={{\n      ...props.innerProps,\n      className: `${props.innerProps?.className || ''} ${st(\n        classes.multiValueLabel,\n      )}`.trim(),\n    }}\n  />\n);\n\nasync function loadOptions(\n  search: string,\n  _loadedOptions: any,\n  additional: any,\n): Promise<any> {\n  const { queryFunction, nextCursor } = additional;\n  const response = await queryFunction(search, nextCursor);\n\n  const optionsList = (response.items || []).map((item: any): [] => {\n    item.value = item.id;\n    item.label = item.role;\n    return item;\n  });\n\n  return {\n    options: optionsList,\n    hasMore: response.nextCursor !== null,\n    additional: { queryFunction, nextCursor: response.nextCursor },\n  };\n}\n\nfunction SearchEntity(props: SearchEntityProps) {\n  const { mobile, rtl } = useContext(TPAComponentsContext);\n  const {\n    setSelectedRoles,\n    queryFunction,\n    value,\n    placeholder,\n    rows,\n    allOptionsSelected,\n    filterShowOnlyInSelectList,\n    loadingMessage,\n    noOptionsMessage,\n    className,\n    numberOfResultsMessage = '',\n    pressDeleteToRemoveMessage = '',\n    searchEntityRef,\n    isDashboard,\n    updatedItems,\n  } = props;\n\n  const customComponents = {\n    DropdownIndicator: null,\n    IndicatorSeparator: null,\n    Menu: Menu(numberOfResultsMessage),\n    MultiValueRemove: MultiValueRemove(pressDeleteToRemoveMessage),\n    MultiValueLabel,\n    Option,\n    ValueContainer,\n    LoadingIndicator: null,\n    LoadingMessage,\n    NoOptionsMessage,\n    Placeholder\n  };\n  const values: ValueType<SelectRoleProps, true> = value || [];\n  const shownValues: SelectRoleProps[] = values.filter(\n    (item) => !item.showOnlyInSelectList,\n  );\n  const onSelect = (e: ValueType<SelectRoleProps, true>) => {\n    if (setSelectedRoles) {\n      setSelectedRoles((e ?? []) as SelectRoleProps[]);\n    }\n  };\n\n  const filterOptions = (\n    candidate: OptionTypeBase,\n    _input: string,\n  ): boolean => {\n    if (!filterShowOnlyInSelectList) {\n      return true;\n    }\n    return !candidate.data.showOnlyInSelectList;\n  };\n  return isDashboard ? (\n    <DashboardMultiSelect\n      placeholder={placeholder}\n      loadOptions={loadOptions}\n      queryFunction={queryFunction}\n      isDashboard={isDashboard}\n      onSelect={setSelectedRoles}\n      value={value}\n      shownValues={shownValues}\n      filterShowOnlyInSelectList={filterShowOnlyInSelectList}\n      updatedItems={updatedItems}\n    />\n  ) : (\n    <CustomAsyncPaginate\n      selectRef={searchEntityRef}\n      isMulti={true}\n      cacheOptions\n      defaultOptions={false}\n      styles={customStyles(\n        {\n          ...props,\n          rows: rows || DEFAULT_ROWS_NUMBER,\n        },\n        rtl || false,\n      )}\n      value={shownValues}\n      loadingMessage={() => loadingMessage || null}\n      placeholder={placeholder}\n      aria-label={placeholder}\n      isClearable={false}\n        classNamePrefix={'search-entity'}\n\n      noOptionsMessage={({ inputValue }:{inputValue:string}) => {\n        if (`${inputValue}`.trim().length) {\n          return `${noOptionsMessage}`;\n        }\n        return `${allOptionsSelected}`;\n      }}\n      className={st(classes.root, { mobile, rtl }, className)}\n      components={customComponents}\n      onChange={onSelect}\n      additional={{\n        queryFunction,\n        nextCursor: null,\n      }}\n      filterOption={filterOptions}\n      loadOptions={loadOptions}\n      debounceTimeout={300}\n      autoFocus\n    />\n  );\n}\n\nSearchEntity.displayName = 'SearchEntity';\n\nexport default SearchEntity;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,uBAAA,CAAAC,OAAA;AAIA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AAQA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAIA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,qBAAA,GAAAR,OAAA;AAA8D,IAAAS,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,SAAAZ,wBAAAY,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;AAE9D;AACA,MAAMW,mBAAmB,GAAG,IAAAC,2CAAiB,EAACC,oBAAM,CAAC;AACrD,MAAMC,WAAW,GAAIC,KAAqE,iBACxFpC,MAAA,CAAAkB,OAAA,CAAAmB,aAAA,CAAClC,YAAA,CAAAmC,UAAU,CAACH,WAAW,MAAAI,SAAA,CAAArB,OAAA,MAAKkB,KAAK;EAAEI,SAAS,EAAE,IAAAC,kBAAE,EAACC,uBAAO,CAACC,WAAW,CAAE;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAnC,YAAA;IAAAoC,UAAA;IAAAC,YAAA;EAAA;AAAA,EAAE,CACzE;AAED,MAAMC,eAAe,GACnBb,KAAkE;EAAA,IAAAc,iBAAA;EAAA,oBAElElD,MAAA,CAAAkB,OAAA,CAAAmB,aAAA,CAAClC,YAAA,CAAAmC,UAAU,CAACW,eAAe,MAAAV,SAAA,CAAArB,OAAA,MACrBkB,KAAK;IACTe,UAAU,EAAE;MACV,GAAGf,KAAK,CAACe,UAAU;MACnBX,SAAS,EAAE,GAAG,EAAAU,iBAAA,GAAAd,KAAK,CAACe,UAAU,qBAAhBD,iBAAA,CAAkBV,SAAS,KAAI,EAAE,IAAI,IAAAC,kBAAE,EACnDC,uBAAO,CAACU,eACV,CAAC,EAAE,CAACC,IAAI,CAAC;IACX,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CAAC;AAAA,CACH;AAED,eAAeM,WAAWA,CACxBC,MAAc,EACdC,cAAmB,EACnBC,UAAe,EACD;EACd,MAAM;IAAEC,aAAa;IAAEC;EAAW,CAAC,GAAGF,UAAU;EAChD,MAAMG,QAAQ,GAAG,MAAMF,aAAa,CAACH,MAAM,EAAEI,UAAU,CAAC;EAExD,MAAME,WAAW,GAAG,CAACD,QAAQ,CAACE,KAAK,IAAI,EAAE,EAAEC,GAAG,CAAEC,IAAS,IAAS;IAChEA,IAAI,CAACC,KAAK,GAAGD,IAAI,CAACE,EAAE;IACpBF,IAAI,CAACG,KAAK,GAAGH,IAAI,CAACI,IAAI;IACtB,OAAOJ,IAAI;EACb,CAAC,CAAC;EAEF,OAAO;IACLK,OAAO,EAAER,WAAW;IACpBS,OAAO,EAAEV,QAAQ,CAACD,UAAU,KAAK,IAAI;IACrCF,UAAU,EAAE;MAAEC,aAAa;MAAEC,UAAU,EAAEC,QAAQ,CAACD;IAAW;EAC/D,CAAC;AACH;AAEA,SAASY,YAAYA,CAACnC,KAAwB,EAAE;EAC9C,MAAM;IAAEoC,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,iBAAU,EAACC,6BAAoB,CAAC;EACxD,MAAM;IACJC,gBAAgB;IAChBlB,aAAa;IACbO,KAAK;IACLtB,WAAW;IACXkC,IAAI;IACJC,kBAAkB;IAClBC,0BAA0B;IAC1BC,cAAc;IACdC,gBAAgB;IAChBzC,SAAS;IACT0C,sBAAsB,GAAG,EAAE;IAC3BC,0BAA0B,GAAG,EAAE;IAC/BC,eAAe;IACfC,WAAW;IACXC;EACF,CAAC,GAAGlD,KAAK;EAET,MAAMmD,gBAAgB,GAAG;IACvBC,iBAAiB,EAAE,IAAI;IACvBC,kBAAkB,EAAE,IAAI;IACxBC,IAAI,EAAE,IAAAA,iCAAI,EAACR,sBAAsB,CAAC;IAClCS,gBAAgB,EAAE,IAAAA,6CAAgB,EAACR,0BAA0B,CAAC;IAC9DlC,eAAe;IACf2C,MAAM,EAANA,mCAAM;IACNC,cAAc,EAAdA,2CAAc;IACdC,gBAAgB,EAAE,IAAI;IACtBC,cAAc,EAAdA,2CAAc;IACdC,gBAAgB,EAAhBA,6CAAgB;IAChB7D;EACF,CAAC;EACD,MAAM8D,MAAwC,GAAGhC,KAAK,IAAI,EAAE;EAC5D,MAAMiC,WAA8B,GAAGD,MAAM,CAACE,MAAM,CACjDnC,IAAI,IAAK,CAACA,IAAI,CAACoC,oBAClB,CAAC;EACD,MAAMC,QAAQ,GAAIxF,CAAmC,IAAK;IACxD,IAAI+D,gBAAgB,EAAE;MACpBA,gBAAgB,CAAE/D,CAAC,IAAI,EAAwB,CAAC;IAClD;EACF,CAAC;EAED,MAAMyF,aAAa,GAAGA,CACpBC,SAAyB,EACzBC,MAAc,KACF;IACZ,IAAI,CAACzB,0BAA0B,EAAE;MAC/B,OAAO,IAAI;IACb;IACA,OAAO,CAACwB,SAAS,CAACE,IAAI,CAACL,oBAAoB;EAC7C,CAAC;EACD,OAAOf,WAAW,gBAChBrF,MAAA,CAAAkB,OAAA,CAAAmB,aAAA,CAAC3B,qBAAA,CAAAgG,oBAAoB;IACnB/D,WAAW,EAAEA,WAAY;IACzBW,WAAW,EAAEA,WAAY;IACzBI,aAAa,EAAEA,aAAc;IAC7B2B,WAAW,EAAEA,WAAY;IACzBgB,QAAQ,EAAEzB,gBAAiB;IAC3BX,KAAK,EAAEA,KAAM;IACbiC,WAAW,EAAEA,WAAY;IACzBnB,0BAA0B,EAAEA,0BAA2B;IACvDO,YAAY,EAAEA,YAAa;IAAA1C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5B,CAAC,gBAEFhD,MAAA,CAAAkB,OAAA,CAAAmB,aAAA,CAACL,mBAAmB;IAClB2E,SAAS,EAAEvB,eAAgB;IAC3BwB,OAAO,EAAE,IAAK;IACdC,YAAY;IACZC,cAAc,EAAE,KAAM;IACtBC,MAAM,EAAE,IAAAC,0BAAY,EAClB;MACE,GAAG5E,KAAK;MACRyC,IAAI,EAAEA,IAAI,IAAIoC;IAChB,CAAC,EACDxC,GAAG,IAAI,KACT,CAAE;IACFR,KAAK,EAAEiC,WAAY;IACnBlB,cAAc,EAAEA,CAAA,KAAMA,cAAc,IAAI,IAAK;IAC7CrC,WAAW,EAAEA,WAAY;IACzB,cAAYA,WAAY;IACxBuE,WAAW,EAAE,KAAM;IACjBC,eAAe,EAAE,eAAgB;IAEnClC,gBAAgB,EAAEA,CAAC;MAAEmC;IAA+B,CAAC,KAAK;MACxD,IAAI,GAAGA,UAAU,EAAE,CAAC/D,IAAI,CAAC,CAAC,CAACgE,MAAM,EAAE;QACjC,OAAO,GAAGpC,gBAAgB,EAAE;MAC9B;MACA,OAAO,GAAGH,kBAAkB,EAAE;IAChC,CAAE;IACFtC,SAAS,EAAE,IAAAC,kBAAE,EAACC,uBAAO,CAAC4E,IAAI,EAAE;MAAE9C,MAAM;MAAEC;IAAI,CAAC,EAAEjC,SAAS,CAAE;IACxDF,UAAU,EAAEiD,gBAAiB;IAC7BgC,QAAQ,EAAElB,QAAS;IACnB5C,UAAU,EAAE;MACVC,aAAa;MACbC,UAAU,EAAE;IACd,CAAE;IACF6D,YAAY,EAAElB,aAAc;IAC5BhD,WAAW,EAAEA,WAAY;IACzBmE,eAAe,EAAE,GAAI;IACrBC,SAAS;IAAA9E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACV,CACF;AACH;AAEAuB,YAAY,CAACoD,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3G,OAAA,GAE3BqD,YAAY","ignoreList":[]}

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

@@ -1,16 +1,11 @@
-:import {
-  -st-from: "wix-ui-tpa/index.st.css";
-  -st-named: Spinner;
-}
+@st-import [ setColor, createFont ] from '@wix/wix-ui-tpa/formatters';
 
 .root{
   -st-states: mobile, rtl;
 }
 
 .blackSpinner {
-    -st-mixin: Spinner(
-    PathColor '#000000'
-  );
+  -st-mixin: setColor(--wix-ui-tpa-spinner-path-color, null, '0, 0, 0');
 }
 
 .focusedOption {
@@ -20,16 +15,18 @@
   background-color: unset;
 }
 
-.root div[class*='search-entity__placeholder'] {
-  font: "font(Body-M)";
+.placeholder {
+  -st-mixin: createFont(null, 'Body-M', '{ "size": "16px", "line-height": "24px" }');
+  /* font: "font(Body-M)";
   font-size: 16px;
-  line-height: 24px;
+  line-height: 24px; */
 }
 
 .no_options {
-  font: "font(Body-M)" ;
-  font-size: 16px ;
-  line-height: 24px;
+  -st-mixin: createFont(null, 'Body-M', '{ "size": "16px", "line-height": "24px" }');
+  /* font: "font(Body-M)";
+  font-size: 16px;
+  line-height: 24px; */
   text-align: left;
 }
 
@@ -37,16 +34,18 @@
   fill: "#000000";
 }
 
-.root div[class*='search-entity__multi-value'] div{
-  font: "font(Body-M)";
+.multiValueLabel {
+  -st-mixin: createFont(null, 'Body-M', '{ "size": "12px", "line-height": "16px" }');
+  /* font: "font(Body-M)";
   font-size: 12px !important;
-  line-height: 16px !important;
+  line-height: 16px !important; */
 }
 
 .loading_message {
-  font: "font(Body-M)" !important;
+  -st-mixin: createFont(null, 'Body-M', '{ "size": "16px", "line-height": "24px" }');
+  /* font: "font(Body-M)" !important;
   font-size: 16px !important;
-  line-height: 24px !important;
+  line-height: 24px !important; */
   color: black !important;
   text-align: left !important;
   padding-left: 53px !important;
@@ -59,15 +58,15 @@
   left: 20px;
 }
 
-.root:mobile div[class*='search-entity__placeholder']{
+.root:mobile .placeholder{
   font-size: 14px;
 }
 
-.root :global(div.search-entity__menu){
-  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+.menu {
+  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.1) !important;
 }
 
-.root:mobile div[class*='ScrollbarsCustom']{
+.root:mobile .menu_scrollbar, .root:mobile .menu_scrollbar > div {
   display: contents;
 }
 
@@ -83,4 +82,3 @@
   left: 0;
   right: 20px;
 }
-