@wix/entity-advanced-permissions 1.790.0 → 1.792.0

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('svg');\n\n    expect(avatar).toBeTruthy();\n  });\n});\n"],"mappings":"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"}

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

@@ -1,35 +1,22 @@
 "use strict";
 
 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 _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 _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/PermissionsList/ViewRow.tsx";
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ViewRow(props) {
   const _useContext = (0, _react.useContext)(_wixUiTpa.TPAComponentsContext),
-        mobile = _useContext.mobile,
-        rtl = _useContext.rtl;
-
+    mobile = _useContext.mobile,
+    rtl = _useContext.rtl;
   const avatarData = {
     role: props.role,
     description: props.description,
@@ -38,11 +25,10 @@ function ViewRow(props) {
     roleID: props.id
   };
   const options = props.options,
-        onChange = props.onChange,
-        isDisabled = props.isDisabled,
-        selectedPermission = props.selectedPermission,
-        id = props.id;
-
+    onChange = props.onChange,
+    isDisabled = props.isDisabled,
+    selectedPermission = props.selectedPermission,
+    id = props.id;
   const permissionChange = permissionId => {
     if (onChange) {
       onChange({
@@ -51,7 +37,6 @@ function ViewRow(props) {
       });
     }
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _ViewRowSt.st)(_ViewRowSt.classes.mainContainer, {
       mobile,
@@ -89,7 +74,6 @@ function ViewRow(props) {
     }
   }));
 }
-
 var _default = ViewRow;
 exports.default = _default;
 //# sourceMappingURL=ViewRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ViewRow","props","useContext","TPAComponentsContext","mobile","rtl","avatarData","role","description","icon","displayDescription","roleID","id","options","onChange","isDisabled","selectedPermission","permissionChange","permissionId","st","classes","mainContainer","avatarRoleContainer","stDD","classesDD","viewRowDropdown"],"sources":["../../../../src/components/PermissionsList/ViewRow.tsx"],"sourcesContent":["import React, { 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}\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 { options, onChange, isDisabled, selectedPermission, id } = 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      />\n    </div>\n  );\n}\n\nexport default ViewRow;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAMA;;AACA;;AAIA;;;;;;;;AAaA,SAASA,OAAT,CAAiBC,KAAjB,EAAsC;EACpC,oBAAwB,IAAAC,iBAAA,EAAWC,8BAAX,CAAxB;EAAA,MAAQC,MAAR,eAAQA,MAAR;EAAA,MAAgBC,GAAhB,eAAgBA,GAAhB;;EACA,MAAMC,UAA2B,GAAG;IAClCC,IAAI,EAAEN,KAAK,CAACM,IADsB;IAElCC,WAAW,EAAEP,KAAK,CAACO,WAFe;IAGlCC,IAAI,EAAER,KAAK,CAACQ,IAHsB;IAIlCC,kBAAkB,EAAE,CAACN,MAJa;IAKlCO,MAAM,EAAEV,KAAK,CAACW;EALoB,CAApC;EAOA,MAAQC,OAAR,GAAkEZ,KAAlE,CAAQY,OAAR;EAAA,MAAiBC,QAAjB,GAAkEb,KAAlE,CAAiBa,QAAjB;EAAA,MAA2BC,UAA3B,GAAkEd,KAAlE,CAA2Bc,UAA3B;EAAA,MAAuCC,kBAAvC,GAAkEf,KAAlE,CAAuCe,kBAAvC;EAAA,MAA2DJ,EAA3D,GAAkEX,KAAlE,CAA2DW,EAA3D;;EAEA,MAAMK,gBAAgB,GAAIC,YAAD,IAA0B;IACjD,IAAIJ,QAAJ,EAAc;MACZA,QAAQ,CAAC;QAAEI,YAAF;QAAgBN;MAAhB,CAAD,CAAR;IACD;EACF,CAJD;;EAMA,oBACE;IAAK,SAAS,EAAE,IAAAO,aAAA,EAAGC,kBAAA,CAAQC,aAAX,EAA0B;MAAEjB,MAAF;MAAUC;IAAV,CAA1B,CAAhB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACE,6BAAC,mBAAD,6BAAgBC,UAAhB;IAA4B,SAAS,EAAE,IAAAa,aAAA,EAAGC,kBAAA,CAAQE,mBAAX,CAAvC;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GADF,eAEE,6BAAC,4BAAD;IACE,cAAc,EAAG,OAAMV,EAAG,QAAOA,EAAG,OADtC;IAEE,SAAS,EAAE,IAAAW,yBAAA,EAAKC,8BAAA,CAAUC,eAAf,EAAgC;MAAErB,MAAF;MAAUC;IAAV,CAAhC,CAFb;IAGE,OAAO,EAAEQ,OAHX;IAIE,QAAQ,EAAEE,UAJZ;IAKE,KAAK,EAAEC,kBALT;IAME,QAAQ,EAAEC,gBANZ;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAFF,CADF;AAaD;;eAEcjB,O"}
+{"version":3,"names":["ViewRow","props","useContext","TPAComponentsContext","mobile","rtl","avatarData","role","description","icon","displayDescription","roleID","id","options","onChange","isDisabled","selectedPermission","permissionChange","permissionId","st","classes","mainContainer","avatarRoleContainer","stDD","classesDD","viewRowDropdown"],"sources":["../../../../src/components/PermissionsList/ViewRow.tsx"],"sourcesContent":["import React, { 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}\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 { options, onChange, isDisabled, selectedPermission, id } = 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      />\n    </div>\n  );\n}\n\nexport default ViewRow;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAMA;AACA;AAIA;AAAkD;AAAA;AAAA;AAalD,SAASA,OAAO,CAACC,KAAmB,EAAE;EACpC,oBAAwB,IAAAC,iBAAU,EAACC,8BAAoB,CAAC;IAAhDC,MAAM,eAANA,MAAM;IAAEC,GAAG,eAAHA,GAAG;EACnB,MAAMC,UAA2B,GAAG;IAClCC,IAAI,EAAEN,KAAK,CAACM,IAAI;IAChBC,WAAW,EAAEP,KAAK,CAACO,WAAW;IAC9BC,IAAI,EAAER,KAAK,CAACQ,IAAI;IAChBC,kBAAkB,EAAE,CAACN,MAAM;IAC3BO,MAAM,EAAEV,KAAK,CAACW;EAChB,CAAC;EACD,MAAQC,OAAO,GAAmDZ,KAAK,CAA/DY,OAAO;IAAEC,QAAQ,GAAyCb,KAAK,CAAtDa,QAAQ;IAAEC,UAAU,GAA6Bd,KAAK,CAA5Cc,UAAU;IAAEC,kBAAkB,GAASf,KAAK,CAAhCe,kBAAkB;IAAEJ,EAAE,GAAKX,KAAK,CAAZW,EAAE;EAE7D,MAAMK,gBAAgB,GAAIC,YAAoB,IAAK;IACjD,IAAIJ,QAAQ,EAAE;MACZA,QAAQ,CAAC;QAAEI,YAAY;QAAEN;MAAG,CAAC,CAAC;IAChC;EACF,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAO,aAAE,EAACC,kBAAO,CAACC,aAAa,EAAE;MAAEjB,MAAM;MAAEC;IAAI,CAAC,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACzD,6BAAC,mBAAU,6BAAKC,UAAU;IAAE,SAAS,EAAE,IAAAa,aAAE,EAACC,kBAAO,CAACE,mBAAmB,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAG,eAC1E,6BAAC,4BAAmB;IAClB,cAAc,EAAG,OAAMV,EAAG,QAAOA,EAAG,OAAO;IAC3C,SAAS,EAAE,IAAAW,yBAAI,EAACC,8BAAS,CAACC,eAAe,EAAE;MAAErB,MAAM;MAAEC;IAAI,CAAC,CAAE;IAC5D,OAAO,EAAEQ,OAAQ;IACjB,QAAQ,EAAEE,UAAW;IACrB,KAAK,EAAEC,kBAAmB;IAC1B,QAAQ,EAAEC,gBAAiB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAC3B,CACE;AAEV;AAAC,eAEcjB,OAAO;AAAA"}

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

@@ -2,23 +2,25 @@
 
 exports.__esModule = true;
 exports.customStyles = void 0;
-
 var _constants = require("./constants");
-
 const customStyles = (props, rtl) => {
   return {
-    valueContainer: provided => ({ ...provided,
+    valueContainer: provided => ({
+      ...provided,
       padding: '3px 8px'
     }),
-    input: provided => ({ ...provided,
+    input: provided => ({
+      ...provided,
       color: '#000000'
     }),
-    noOptionsMessage: provided => ({ ...provided,
+    noOptionsMessage: provided => ({
+      ...provided,
       color: 'rgb(100, 100, 100)',
       textAlign: 'left',
       padding: '6px 22px'
     }),
-    multiValue: provided => ({ ...provided,
+    multiValue: provided => ({
+      ...provided,
       margin: '4px',
       paddingLeft: 0,
       fontSize: '12px',
@@ -33,10 +35,12 @@ const customStyles = (props, rtl) => {
         backgroundColor: '#000000'
       }
     }),
-    placeholder: provided => ({ ...provided,
+    placeholder: provided => ({
+      ...provided,
       color: '#969696'
     }),
-    multiValueLabel: provided => ({ ...provided,
+    multiValueLabel: provided => ({
+      ...provided,
       fontSize: '12px',
       lineHeight: '16px',
       paddingTop: '4px',
@@ -44,14 +48,16 @@ const customStyles = (props, rtl) => {
       paddingBottom: '4px',
       paddingLeft: rtl ? '0' : '12px'
     }),
-    multiValueRemove: provided => ({ ...provided,
+    multiValueRemove: provided => ({
+      ...provided,
       backgroundColor: 'transparent',
       ':hover': {
         backgroundColor: 'transparent'
       }
     }),
     option: provided => {
-      return { ...provided,
+      return {
+        ...provided,
         height: 60,
         ':active': {
           backgroundColor: 'rgba(0,0,0,0.06)'
@@ -62,14 +68,16 @@ const customStyles = (props, rtl) => {
       };
     },
     menu: provided => {
-      return { ...provided,
+      return {
+        ...provided,
         marginTop: 0,
         paddingTop: 8,
         paddingBottom: 8,
         borderRadius: 0
       };
     },
-    control: provided => ({ // Main box
+    control: provided => ({
+      // Main box
       ...provided,
       minHeight: 40,
       overflowY: 'hidden',
@@ -86,6 +94,5 @@ const customStyles = (props, rtl) => {
     })
   };
 };
-
 exports.customStyles = customStyles;
 //# sourceMappingURL=CustomStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["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"],"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;;AAKO,MAAMA,YAAY,GAAG,CAC1BC,KAD0B,EAE1BC,GAF0B,KAGC;EAC3B,OAAO;IACLC,cAAc,EAAGC,QAAD,KAA8B,EAC5C,GAAGA,QADyC;MAE5CC,OAAO,EAAE;IAFmC,CAA9B,CADX;IAKLC,KAAK,EAAGF,QAAD,KAA8B,EACnC,GAAGA,QADgC;MAEnCG,KAAK,EAAE;IAF4B,CAA9B,CALF;IASLC,gBAAgB,EAAGJ,QAAD,KAA8B,EAC9C,GAAGA,QAD2C;MAE9CG,KAAK,EAAE,oBAFuC;MAG9CE,SAAS,EAAE,MAHmC;MAI9CJ,OAAO,EAAE;IAJqC,CAA9B,CATb;IAgBLK,UAAU,EAAGN,QAAD,KAA8B,EACxC,GAAGA,QADqC;MAExCO,MAAM,EAAE,KAFgC;MAGxCC,WAAW,EAAE,CAH2B;MAIxCC,QAAQ,EAAE,MAJ8B;MAKxCC,UAAU,EAAE,MAL4B;MAMxCC,YAAY,EAAE,CAN0B;MAOxCC,eAAe,EAAE,iBAPuB;MAQxC,UAAU;QACRA,eAAe,EAAE;MADT,CAR8B;MAWxC,aAAa;QACXT,KAAK,EAAE,SADI;QAEXS,eAAe,EAAE;MAFN;IAX2B,CAA9B,CAhBP;IAiCLC,WAAW,EAAGb,QAAD,KAA8B,EACzC,GAAGA,QADsC;MAEzCG,KAAK,EAAE;IAFkC,CAA9B,CAjCR;IAsCLW,eAAe,EAAGd,QAAD,KAA8B,EAC7C,GAAGA,QAD0C;MAE7CS,QAAQ,EAAE,MAFmC;MAG7CC,UAAU,EAAE,MAHiC;MAI7CK,UAAU,EAAE,KAJiC;MAK7CC,YAAY,EAAElB,GAAG,GAAG,MAAH,GAAY,GALgB;MAM7CmB,aAAa,EAAE,KAN8B;MAO7CT,WAAW,EAAEV,GAAG,GAAG,GAAH,GAAS;IAPoB,CAA9B,CAtCZ;IA+CLoB,gBAAgB,EAAGlB,QAAD,KAA8B,EAC9C,GAAGA,QAD2C;MAE9CY,eAAe,EAAE,aAF6B;MAG9C,UAAU;QACRA,eAAe,EAAE;MADT;IAHoC,CAA9B,CA/Cb;IAsDLO,MAAM,EAAGnB,QAAD,IAA6B;MACnC,OAAO,EACL,GAAGA,QADE;QAELoB,MAAM,EAAE,EAFH;QAIL,WAAW;UACTR,eAAe,EAAE;QADR,CAJN;QAOL,UAAU;UACRA,eAAe,EAAE;QADT;MAPL,CAAP;IAWD,CAlEI;IAoELS,IAAI,EAAGrB,QAAD,IAA6B;MACjC,OAAO,EACL,GAAGA,QADE;QAELsB,SAAS,EAAE,CAFN;QAGLP,UAAU,EAAE,CAHP;QAILE,aAAa,EAAE,CAJV;QAKLN,YAAY,EAAE;MALT,CAAP;IAOD,CA5EI;IA8ELY,OAAO,EAAGvB,QAAD,KAA8B,EACrC;MACA,GAAGA,QAFkC;MAGrCwB,SAAS,EAAE,EAH0B;MAIrCC,SAAS,EAAE,QAJ0B;MAKrCC,SAAS,EAAG,GAAE,CAAC7B,KAAK,CAAC8B,IAAN,IAAc,CAAf,IAAoBC,4BAApB,GAAwCC,kBAAQ,IALzB;MAMrClB,YAAY,EAAE,CANuB;MAOrCmB,WAAW,EAAE,iBAPwB;MAQrC,WAAW;QACTA,WAAW,EAAE;MADJ,CAR0B;MAWrC,UAAU;QACRA,WAAW,EAAE;MADL,CAX2B;MAcrCC,SAAS,EAAE;IAd0B,CAA9B;EA9EJ,CAAP;AA+FD,CAnGM"}
+{"version":3,"names":["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"],"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;AAKO,MAAMA,YAAY,GAAG,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,EAAG,GAAE,CAAC7B,KAAK,CAAC8B,IAAI,IAAI,CAAC,IAAIC,4BAAiB,GAAGC,kBAAQ,IAAG;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;AAAC"}

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

@@ -1,24 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.DashboardMultiSelect = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _wixStyleReact = require("wix-style-react");
-
 var _Avatar = _interopRequireDefault(require("../PermissionsList/Avatar"));
-
 var _lodash = require("lodash");
-
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/SearchEntity/DashboardMultiSelect.tsx";
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const DashboardMultiSelect = ({
   queryFunction,
   loadOptions,
@@ -35,23 +26,18 @@ const DashboardMultiSelect = ({
     isHasMore: true,
     shownValues: []
   };
-
   const _useState = (0, _react.useState)(searchEntityDefaultState),
-        searchEntityState = _useState[0],
-        setSearchEntityState = _useState[1];
-
+    searchEntityState = _useState[0],
+    setSearchEntityState = _useState[1];
   const listOptions = searchEntityState.listOptions,
-        isHasMore = searchEntityState.isHasMore,
-        listOptionsData = searchEntityState.listOptionsData;
-
+    isHasMore = searchEntityState.isHasMore,
+    listOptionsData = searchEntityState.listOptionsData;
   const _useState2 = (0, _react.useState)(''),
-        searchInputValue = _useState2[0],
-        setSearchInputValue = _useState2[1];
-
+    searchInputValue = _useState2[0],
+    setSearchInputValue = _useState2[1];
   const _useState3 = (0, _react.useState)(null),
-        nextCursor = _useState3[0],
-        setNextCursor = _useState3[1];
-
+    nextCursor = _useState3[0],
+    setNextCursor = _useState3[1];
   const loadOptionsParams = {
     queryFunction,
     nextCursor
@@ -59,7 +45,6 @@ const DashboardMultiSelect = ({
   const loadData = (0, _react.useCallback)((val = '') => {
     let optionsList = listOptions || [];
     const shouldLoad = !nextCursor || (nextCursor == null ? void 0 : nextCursor.offset) < (nextCursor == null ? void 0 : nextCursor.total);
-
     if (shouldLoad && loadOptions) {
       const additional = nextCursor ? {
         queryFunction,
@@ -71,7 +56,7 @@ const DashboardMultiSelect = ({
       } : loadOptionsParams;
       loadOptions(val, listOptionsData, additional).then(response => {
         const options = response.options,
-              hasMore = response.hasMore;
+          hasMore = response.hasMore;
         const newOptions = options != null && options.length ? [...listOptionsData, ...options] : listOptionsData;
         optionsList = (newOptions || []).map(item => {
           item.value = item.id;
@@ -97,7 +82,8 @@ const DashboardMultiSelect = ({
         });
         const listOptionsData2 = optionsList;
         optionsList = optionsList.map(option => (0, _wixStyleReact.listItemSelectBuilder)(option));
-        setSearchEntityState({ ...searchEntityState,
+        setSearchEntityState({
+          ...searchEntityState,
           listOptions: optionsList,
           isHasMore: hasMore,
           listOptionsData: listOptionsData2
@@ -106,26 +92,21 @@ const DashboardMultiSelect = ({
       }).catch(e => console.log('e', e));
     }
   }, [searchInputValue, nextCursor, listOptionsData]);
-
   const updateSelectedRoles = data => {
     if (onSelect) {
       const newData = data.length >= 2 ? data.filter(item => !item.showOnlyInSelectList) : data;
       onSelect(newData);
     }
   };
-
   const handleOnChange = (0, _react.useCallback)((0, _lodash.debounce)(text => {
     loadData(text);
   }, 600), []);
-
   const handleOnRemoveTag = tagId => {
     const newData = value.filter(tag => tag.id !== tagId);
     updateSelectedRoles(newData);
   };
-
   const handleOnSelect = option => {
     const existed = value.find(role => (role == null ? void 0 : role.id) === (siteVisitorsData == null ? void 0 : siteVisitorsData.id));
-
     if (!existed || (option == null ? void 0 : option.id) !== (siteVisitorsData == null ? void 0 : siteVisitorsData.id)) {
       const selectedOptionData = listOptionsData.find(({
         id
@@ -134,11 +115,8 @@ const DashboardMultiSelect = ({
       updateSelectedRoles(data);
     }
   };
-
   const siteVisitorsData = listOptionsData.find(item => item.showOnlyInSelectList);
-
   const filterSiteVisitors = obj => (obj == null ? void 0 : obj.id) !== (siteVisitorsData == null ? void 0 : siteVisitorsData.id);
-
   const filteredListOptions = filterShowOnlyInSelectList ? listOptions.filter(filterSiteVisitors) : listOptions;
   const filteredData = filteredListOptions.filter((v, i) => filteredListOptions.findIndex(t => t.id === v.id) === i);
   return /*#__PURE__*/_react.default.createElement(_wixStyleReact.Box, {
@@ -181,6 +159,5 @@ const DashboardMultiSelect = ({
     }
   }));
 };
-
 exports.DashboardMultiSelect = DashboardMultiSelect;
 //# sourceMappingURL=DashboardMultiSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["DashboardMultiSelect","queryFunction","loadOptions","placeholder","isDashboard","onSelect","value","shownValues","filterShowOnlyInSelectList","searchEntityDefaultState","listOptions","listOptionsData","isHasMore","useState","searchEntityState","setSearchEntityState","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","icon","src","title","subtitle","description","overrideOptionStyle","listOptionsData2","option","listItemSelectBuilder","catch","e","console","log","updateSelectedRoles","data","newData","filter","showOnlyInSelectList","handleOnChange","debounce","text","handleOnRemoveTag","tagId","tag","handleOnSelect","existed","find","siteVisitorsData","selectedOptionData","filterSiteVisitors","obj","filteredListOptions","filteredData","v","i","findIndex","t","setTimeout","target","persist"],"sources":["../../../../src/components/SearchEntity/DashboardMultiSelect.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Box, listItemSelectBuilder, MultiSelect } from 'wix-style-react';\nimport Avatar from '../PermissionsList/Avatar';\nimport { debounce } from 'lodash';\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}\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}) => {\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  return (\n    <Box minWidth={'350px'} display={'block'} width={ filterShowOnlyInSelectList ? '350px' : '540px'} >\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={filteredData}\n        placeholder={placeholder}\n        minWidthPixels={350}\n      />\n    </Box>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"names":["DashboardMultiSelect","queryFunction","loadOptions","placeholder","isDashboard","onSelect","value","shownValues","filterShowOnlyInSelectList","searchEntityDefaultState","listOptions","listOptionsData","isHasMore","useState","searchEntityState","setSearchEntityState","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","icon","src","title","subtitle","description","overrideOptionStyle","listOptionsData2","option","listItemSelectBuilder","catch","e","console","log","updateSelectedRoles","data","newData","filter","showOnlyInSelectList","handleOnChange","debounce","text","handleOnRemoveTag","tagId","tag","handleOnSelect","existed","find","siteVisitorsData","selectedOptionData","filterSiteVisitors","obj","filteredListOptions","filteredData","v","i","findIndex","t","setTimeout","target","persist"],"sources":["../../../../src/components/SearchEntity/DashboardMultiSelect.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Box, listItemSelectBuilder, MultiSelect } from 'wix-style-react';\nimport Avatar from '../PermissionsList/Avatar';\nimport { debounce } from 'lodash';\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}\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}) => {\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  return (\n    <Box minWidth={'350px'} display={'block'} width={ filterShowOnlyInSelectList ? '350px' : '540px'} >\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={filteredData}\n        placeholder={placeholder}\n        minWidthPixels={350}\n      />\n    </Box>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,40 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactSelect = _interopRequireDefault(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 _DashboardMultiSelect = require("./DashboardMultiSelect");
-
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/SearchEntity/SearchEntity.tsx";
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // @ts-ignore
 const CustomAsyncPaginate = (0, _reactSelectAsyncPaginate.withAsyncPaginate)(_reactSelect.default);
-
 async function loadOptions(search, _loadedOptions, additional) {
   const queryFunction = additional.queryFunction,
-        nextCursor = additional.nextCursor;
+    nextCursor = additional.nextCursor;
   const response = await queryFunction(search, nextCursor);
   const optionsList = (response.items || []).map(item => {
     item.value = item.id;
@@ -50,28 +35,26 @@ async function loadOptions(search, _loadedOptions, additional) {
     }
   };
 }
-
 function SearchEntity(props) {
   const _useContext = (0, _react.useContext)(_wixUiTpa.TPAComponentsContext),
-        mobile = _useContext.mobile,
-        rtl = _useContext.rtl;
-
+    mobile = _useContext.mobile,
+    rtl = _useContext.rtl;
   const setSelectedRoles = props.setSelectedRoles,
-        queryFunction = props.queryFunction,
-        value = props.value,
-        placeholder = props.placeholder,
-        rows = props.rows,
-        allOptionsSelected = props.allOptionsSelected,
-        filterShowOnlyInSelectList = props.filterShowOnlyInSelectList,
-        loadingMessage = props.loadingMessage,
-        noOptionsMessage = props.noOptionsMessage,
-        className = props.className,
-        _props$numberOfResult = props.numberOfResultsMessage,
-        numberOfResultsMessage = _props$numberOfResult === void 0 ? '' : _props$numberOfResult,
-        _props$pressDeleteToR = props.pressDeleteToRemoveMessage,
-        pressDeleteToRemoveMessage = _props$pressDeleteToR === void 0 ? '' : _props$pressDeleteToR,
-        searchEntityRef = props.searchEntityRef,
-        isDashboard = props.isDashboard;
+    queryFunction = props.queryFunction,
+    value = props.value,
+    placeholder = props.placeholder,
+    rows = props.rows,
+    allOptionsSelected = props.allOptionsSelected,
+    filterShowOnlyInSelectList = props.filterShowOnlyInSelectList,
+    loadingMessage = props.loadingMessage,
+    noOptionsMessage = props.noOptionsMessage,
+    className = props.className,
+    _props$numberOfResult = props.numberOfResultsMessage,
+    numberOfResultsMessage = _props$numberOfResult === void 0 ? '' : _props$numberOfResult,
+    _props$pressDeleteToR = props.pressDeleteToRemoveMessage,
+    pressDeleteToRemoveMessage = _props$pressDeleteToR === void 0 ? '' : _props$pressDeleteToR,
+    searchEntityRef = props.searchEntityRef,
+    isDashboard = props.isDashboard;
   const customComponents = {
     DropdownIndicator: null,
     IndicatorSeparator: null,
@@ -86,7 +69,6 @@ function SearchEntity(props) {
   let values = value || [];
   if (!(values instanceof Array)) values = [values];
   const shownValues = values.filter(item => !item.showOnlyInSelectList);
-
   const onSelect = e => {
     if (setSelectedRoles) {
       let tempValue = e;
@@ -94,15 +76,12 @@ function SearchEntity(props) {
       setSelectedRoles(tempValue);
     }
   };
-
   const filterOptions = (candidate, _input) => {
     if (!filterShowOnlyInSelectList) {
       return true;
     }
-
     return !candidate.data.showOnlyInSelectList;
   };
-
   return isDashboard ? /*#__PURE__*/_react.default.createElement(_DashboardMultiSelect.DashboardMultiSelect, {
     placeholder: placeholder,
     loadOptions: loadOptions,
@@ -123,7 +102,8 @@ function SearchEntity(props) {
     isMulti: false,
     cacheOptions: true,
     defaultOptions: false,
-    styles: (0, _CustomStyles.customStyles)({ ...props,
+    styles: (0, _CustomStyles.customStyles)({
+      ...props,
       rows: rows || _constants.DEFAULT_ROWS_NUMBER
     }, rtl || false),
     value: shownValues,
@@ -138,7 +118,6 @@ function SearchEntity(props) {
       if (`${inputValue}`.trim().length) {
         return `${noOptionsMessage}`;
       }
-
       return `${allOptionsSelected}`;
     },
     className: (0, _SearchEntitySt.st)(_SearchEntitySt.classes.root, {
@@ -163,7 +142,6 @@ function SearchEntity(props) {
     }
   });
 }
-
 var _default = SearchEntity;
 exports.default = _default;
 //# sourceMappingURL=SearchEntity.js.map