@wix/entity-advanced-permissions 1.790.0 → 1.792.0

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

@@ -1,26 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _wixUiTpa = require("wix-ui-tpa");
-
 var _wixStyleReact = require("wix-style-react");
-
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/PermissionsList/Avatar.tsx";
-
 function Avatar(props) {
   const icon = props.icon,
-        name = props.name,
-        isDashboard = props.isDashboard,
-        imgProps = props.imgProps;
+    name = props.name,
+    isDashboard = props.isDashboard,
+    imgProps = props.imgProps;
   const size = isDashboard ? 'size36' : _wixUiTpa.AvatarSize.medium;
   const AvatarComponent = isDashboard ? _wixStyleReact.Avatar : _wixUiTpa.Avatar;
-
   if (typeof icon === 'string' || icon === undefined) {
     return /*#__PURE__*/_react.default.createElement(AvatarComponent, {
       size: size,
@@ -35,10 +28,8 @@ function Avatar(props) {
       }
     });
   }
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon);
 }
-
 var _default = Avatar;
 exports.default = _default;
 //# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Avatar","props","icon","name","isDashboard","imgProps","size","AvatarSize","medium","AvatarComponent","WSRAvatar","TPAAvatar","undefined"],"sources":["../../../../src/components/PermissionsList/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar as TPAAvatar, AvatarSize } from 'wix-ui-tpa';\nimport { Avatar as WSRAvatar } from 'wix-style-react';\n\nexport type Icon = string | React.ReactNode;\n\nexport interface AvatarProps {\n  icon?: Icon;\n  name?: string;\n  isDashboard?: boolean;\n  imgProps?: any;\n}\n\nfunction Avatar(props: AvatarProps) {\n  const { icon, name, isDashboard, imgProps } = props;\n  const size = isDashboard ? 'size36' : AvatarSize.medium;\n  const AvatarComponent: any = isDashboard ? WSRAvatar : TPAAvatar;\n  if (typeof icon === 'string' || icon === undefined) {\n    return <AvatarComponent size={size} src={icon} name={name} imgProps={imgProps} />;\n  }\n  return <>{icon}</>;\n}\n\nexport default Avatar;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAWA,SAASA,MAAT,CAAgBC,KAAhB,EAAoC;EAClC,MAAQC,IAAR,GAA8CD,KAA9C,CAAQC,IAAR;EAAA,MAAcC,IAAd,GAA8CF,KAA9C,CAAcE,IAAd;EAAA,MAAoBC,WAApB,GAA8CH,KAA9C,CAAoBG,WAApB;EAAA,MAAiCC,QAAjC,GAA8CJ,KAA9C,CAAiCI,QAAjC;EACA,MAAMC,IAAI,GAAGF,WAAW,GAAG,QAAH,GAAcG,oBAAA,CAAWC,MAAjD;EACA,MAAMC,eAAoB,GAAGL,WAAW,GAAGM,qBAAH,GAAeC,gBAAvD;;EACA,IAAI,OAAOT,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,KAAKU,SAAzC,EAAoD;IAClD,oBAAO,6BAAC,eAAD;MAAiB,IAAI,EAAEN,IAAvB;MAA6B,GAAG,EAAEJ,IAAlC;MAAwC,IAAI,EAAEC,IAA9C;MAAoD,QAAQ,EAAEE,QAA9D;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAP;EACD;;EACD,oBAAO,4DAAGH,IAAH,CAAP;AACD;;eAEcF,M"}
+{"version":3,"names":["Avatar","props","icon","name","isDashboard","imgProps","size","AvatarSize","medium","AvatarComponent","WSRAvatar","TPAAvatar","undefined"],"sources":["../../../../src/components/PermissionsList/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar as TPAAvatar, AvatarSize } from 'wix-ui-tpa';\nimport { Avatar as WSRAvatar } from 'wix-style-react';\n\nexport type Icon = string | React.ReactNode;\n\nexport interface AvatarProps {\n  icon?: Icon;\n  name?: string;\n  isDashboard?: boolean;\n  imgProps?: any;\n}\n\nfunction Avatar(props: AvatarProps) {\n  const { icon, name, isDashboard, imgProps } = props;\n  const size = isDashboard ? 'size36' : AvatarSize.medium;\n  const AvatarComponent: any = isDashboard ? WSRAvatar : TPAAvatar;\n  if (typeof icon === 'string' || icon === undefined) {\n    return <AvatarComponent size={size} src={icon} name={name} imgProps={imgProps} />;\n  }\n  return <>{icon}</>;\n}\n\nexport default Avatar;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAAsD;AAWtD,SAASA,MAAM,CAACC,KAAkB,EAAE;EAClC,MAAQC,IAAI,GAAkCD,KAAK,CAA3CC,IAAI;IAAEC,IAAI,GAA4BF,KAAK,CAArCE,IAAI;IAAEC,WAAW,GAAeH,KAAK,CAA/BG,WAAW;IAAEC,QAAQ,GAAKJ,KAAK,CAAlBI,QAAQ;EACzC,MAAMC,IAAI,GAAGF,WAAW,GAAG,QAAQ,GAAGG,oBAAU,CAACC,MAAM;EACvD,MAAMC,eAAoB,GAAGL,WAAW,GAAGM,qBAAS,GAAGC,gBAAS;EAChE,IAAI,OAAOT,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAKU,SAAS,EAAE;IAClD,oBAAO,6BAAC,eAAe;MAAC,IAAI,EAAEN,IAAK;MAAC,GAAG,EAAEJ,IAAK;MAAC,IAAI,EAAEC,IAAK;MAAC,QAAQ,EAAEE,QAAS;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG;EACnF;EACA,oBAAO,4DAAGH,IAAI,CAAI;AACpB;AAAC,eAEcF,MAAM;AAAA"}

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

@@ -1,36 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _wixUiTpa = require("wix-ui-tpa");
-
 var _AvatarRoleSt = require("./AvatarRole.st.css");
-
 var _Avatar = _interopRequireDefault(require("./Avatar"));
-
 var _he = _interopRequireDefault(require("he"));
-
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/PermissionsList/AvatarRole.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 AvatarRole(props) {
   const _useContext = (0, _react.useContext)(_wixUiTpa.TPAComponentsContext),
-        rtl = _useContext.rtl,
-        mobile = _useContext.mobile;
-
+    rtl = _useContext.rtl,
+    mobile = _useContext.mobile;
   const role = props.role,
-        description = props.description,
-        icon = props.icon,
-        displayDescription = props.displayDescription,
-        roleID = props.roleID;
+    description = props.description,
+    icon = props.icon,
+    displayDescription = props.displayDescription,
+    roleID = props.roleID;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _AvatarRoleSt.style)(_AvatarRoleSt.classes.root, {
       rtl,
@@ -81,7 +70,6 @@ function AvatarRole(props) {
     }
   }, displayDescription && _he.default.decode(description || ''))));
 }
-
 var _default = AvatarRole;
 exports.default = _default;
 //# sourceMappingURL=AvatarRole.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["AvatarRole","props","useContext","TPAComponentsContext","rtl","mobile","role","description","icon","displayDescription","roleID","style","classes","root","className","roleBlock","TextTypography","runningText","enhancedText","he","decode"],"sources":["../../../../src/components/PermissionsList/AvatarRole.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Text, TextTypography } from 'wix-ui-tpa';\nimport { style, classes } from './AvatarRole.st.css';\nimport Avatar, { Icon } from './Avatar';\nimport he from 'he';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\n\nexport interface AvatarRoleProps {\n  roleID: string;\n  role: string;\n  description: string;\n  className?: string;\n  icon?: Icon;\n  displayDescription: boolean;\n}\n\nfunction AvatarRole(props: AvatarRoleProps) {\n  const { rtl, mobile } = useContext(TPAComponentsContext);\n  const { role, description, icon, displayDescription, roleID } = props;\n  return (\n    <div className={style(classes.root, { rtl, mobile }, props.className)}>\n      <Avatar icon={icon} name={role} />\n\n      <Text className={style(classes.roleBlock)}>\n        <Text\n          id={`role${roleID}`}\n          typography={TextTypography.runningText}\n          className={style(classes.enhancedText)}\n        >\n          {he.decode(role || '')}\n        </Text>\n\n        <Text\n          id={`role${roleID}_desc`}\n          typography={TextTypography.runningText}\n          className={style(classes.description)}\n        >\n          {displayDescription && he.decode(description || '')}\n        </Text>\n      </Text>\n    </div>\n  );\n}\n\nexport default AvatarRole;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAYA,SAASA,UAAT,CAAoBC,KAApB,EAA4C;EAC1C,oBAAwB,IAAAC,iBAAA,EAAWC,8BAAX,CAAxB;EAAA,MAAQC,GAAR,eAAQA,GAAR;EAAA,MAAaC,MAAb,eAAaA,MAAb;;EACA,MAAQC,IAAR,GAAgEL,KAAhE,CAAQK,IAAR;EAAA,MAAcC,WAAd,GAAgEN,KAAhE,CAAcM,WAAd;EAAA,MAA2BC,IAA3B,GAAgEP,KAAhE,CAA2BO,IAA3B;EAAA,MAAiCC,kBAAjC,GAAgER,KAAhE,CAAiCQ,kBAAjC;EAAA,MAAqDC,MAArD,GAAgET,KAAhE,CAAqDS,MAArD;EACA,oBACE;IAAK,SAAS,EAAE,IAAAC,mBAAA,EAAMC,qBAAA,CAAQC,IAAd,EAAoB;MAAET,GAAF;MAAOC;IAAP,CAApB,EAAqCJ,KAAK,CAACa,SAA3C,CAAhB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACE,6BAAC,eAAD;IAAQ,IAAI,EAAEN,IAAd;IAAoB,IAAI,EAAEF,IAA1B;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EADF,eAGE,6BAAC,cAAD;IAAM,SAAS,EAAE,IAAAK,mBAAA,EAAMC,qBAAA,CAAQG,SAAd,CAAjB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACE,6BAAC,cAAD;IACE,EAAE,EAAG,OAAML,MAAO,EADpB;IAEE,UAAU,EAAEM,wBAAA,CAAeC,WAF7B;IAGE,SAAS,EAAE,IAAAN,mBAAA,EAAMC,qBAAA,CAAQM,YAAd,CAHb;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAKGC,WAAA,CAAGC,MAAH,CAAUd,IAAI,IAAI,EAAlB,CALH,CADF,eASE,6BAAC,cAAD;IACE,EAAE,EAAG,OAAMI,MAAO,OADpB;IAEE,UAAU,EAAEM,wBAAA,CAAeC,WAF7B;IAGE,SAAS,EAAE,IAAAN,mBAAA,EAAMC,qBAAA,CAAQL,WAAd,CAHb;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAKGE,kBAAkB,IAAIU,WAAA,CAAGC,MAAH,CAAUb,WAAW,IAAI,EAAzB,CALzB,CATF,CAHF,CADF;AAuBD;;eAEcP,U"}
+{"version":3,"names":["AvatarRole","props","useContext","TPAComponentsContext","rtl","mobile","role","description","icon","displayDescription","roleID","style","classes","root","className","roleBlock","TextTypography","runningText","enhancedText","he","decode"],"sources":["../../../../src/components/PermissionsList/AvatarRole.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Text, TextTypography } from 'wix-ui-tpa';\nimport { style, classes } from './AvatarRole.st.css';\nimport Avatar, { Icon } from './Avatar';\nimport he from 'he';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\n\nexport interface AvatarRoleProps {\n  roleID: string;\n  role: string;\n  description: string;\n  className?: string;\n  icon?: Icon;\n  displayDescription: boolean;\n}\n\nfunction AvatarRole(props: AvatarRoleProps) {\n  const { rtl, mobile } = useContext(TPAComponentsContext);\n  const { role, description, icon, displayDescription, roleID } = props;\n  return (\n    <div className={style(classes.root, { rtl, mobile }, props.className)}>\n      <Avatar icon={icon} name={role} />\n\n      <Text className={style(classes.roleBlock)}>\n        <Text\n          id={`role${roleID}`}\n          typography={TextTypography.runningText}\n          className={style(classes.enhancedText)}\n        >\n          {he.decode(role || '')}\n        </Text>\n\n        <Text\n          id={`role${roleID}_desc`}\n          typography={TextTypography.runningText}\n          className={style(classes.description)}\n        >\n          {displayDescription && he.decode(description || '')}\n        </Text>\n      </Text>\n    </div>\n  );\n}\n\nexport default AvatarRole;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AAAoB;AAAA;AAAA;AAYpB,SAASA,UAAU,CAACC,KAAsB,EAAE;EAC1C,oBAAwB,IAAAC,iBAAU,EAACC,8BAAoB,CAAC;IAAhDC,GAAG,eAAHA,GAAG;IAAEC,MAAM,eAANA,MAAM;EACnB,MAAQC,IAAI,GAAoDL,KAAK,CAA7DK,IAAI;IAAEC,WAAW,GAAuCN,KAAK,CAAvDM,WAAW;IAAEC,IAAI,GAAiCP,KAAK,CAA1CO,IAAI;IAAEC,kBAAkB,GAAaR,KAAK,CAApCQ,kBAAkB;IAAEC,MAAM,GAAKT,KAAK,CAAhBS,MAAM;EAC3D,oBACE;IAAK,SAAS,EAAE,IAAAC,mBAAK,EAACC,qBAAO,CAACC,IAAI,EAAE;MAAET,GAAG;MAAEC;IAAO,CAAC,EAAEJ,KAAK,CAACa,SAAS,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACpE,6BAAC,eAAM;IAAC,IAAI,EAAEN,IAAK;IAAC,IAAI,EAAEF,IAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,eAElC,6BAAC,cAAI;IAAC,SAAS,EAAE,IAAAK,mBAAK,EAACC,qBAAO,CAACG,SAAS,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACxC,6BAAC,cAAI;IACH,EAAE,EAAG,OAAML,MAAO,EAAE;IACpB,UAAU,EAAEM,wBAAc,CAACC,WAAY;IACvC,SAAS,EAAE,IAAAN,mBAAK,EAACC,qBAAO,CAACM,YAAY,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAEtCC,WAAE,CAACC,MAAM,CAACd,IAAI,IAAI,EAAE,CAAC,CACjB,eAEP,6BAAC,cAAI;IACH,EAAE,EAAG,OAAMI,MAAO,OAAO;IACzB,UAAU,EAAEM,wBAAc,CAACC,WAAY;IACvC,SAAS,EAAE,IAAAN,mBAAK,EAACC,qBAAO,CAACL,WAAW,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAErCE,kBAAkB,IAAIU,WAAE,CAACC,MAAM,CAACb,WAAW,IAAI,EAAE,CAAC,CAC9C,CACF,CACH;AAEV;AAAC,eAEcP,UAAU;AAAA"}

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

@@ -1,90 +1,67 @@
 "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 _reactScrollbarsCustom = require("react-scrollbars-custom");
-
 var _ViewRow = _interopRequireDefault(require("./ViewRow"));
-
 var _EmptyState = _interopRequireDefault(require("../EmptyState/EmptyState"));
-
 var _EntityAdvancedPermissionsTypes = require("../EntityAdvancedPermissionsTypes");
-
 var _wixStyleReact = require("wix-style-react");
-
 var _Avatar = _interopRequireDefault(require("./Avatar"));
-
 var _PermissionsDropdown = _interopRequireDefault(require("../PermissionsDropdown/PermissionsDropdown"));
-
 var _ViewRowSt = require("./ViewRow.st.css");
-
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/PermissionsList/PermissionsList.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 PermissionsList(props) {
   const onChange = props.onChange,
-        className = props.className,
-        items = props.items,
-        emptyStateTitle = props.emptyStateTitle,
-        emptyStateDescription = props.emptyStateDescription,
-        loading = props.loading,
-        removePermissionCode = props.removePermissionCode,
-        permissionRemovedMessage = props.permissionRemovedMessage,
-        _props$isDashboard = props.isDashboard,
-        isDashboard = _props$isDashboard === void 0 ? false : _props$isDashboard,
-        _props$modalAlertVisi = props.modalAlertVisible,
-        modalAlertVisible = _props$modalAlertVisi === void 0 ? false : _props$modalAlertVisi;
-
+    className = props.className,
+    items = props.items,
+    emptyStateTitle = props.emptyStateTitle,
+    emptyStateDescription = props.emptyStateDescription,
+    loading = props.loading,
+    removePermissionCode = props.removePermissionCode,
+    permissionRemovedMessage = props.permissionRemovedMessage,
+    _props$isDashboard = props.isDashboard,
+    isDashboard = _props$isDashboard === void 0 ? false : _props$isDashboard,
+    _props$modalAlertVisi = props.modalAlertVisible,
+    modalAlertVisible = _props$modalAlertVisi === void 0 ? false : _props$modalAlertVisi;
   const _useState = (0, _react.useState)({
-    status: false,
-    id: ''
-  }),
-        permissionRemoved = _useState[0],
-        setPermissionRemoved = _useState[1];
-
+      status: false,
+      id: ''
+    }),
+    permissionRemoved = _useState[0],
+    setPermissionRemoved = _useState[1];
   const _useState2 = (0, _react.useState)(''),
-        currentHighlightedOptionId = _useState2[0],
-        setCurrentHighlightedOptionId = _useState2[1];
-
+    currentHighlightedOptionId = _useState2[0],
+    setCurrentHighlightedOptionId = _useState2[1];
   const filteredItems = items.filter(item => item.selectedPermission !== props.removePermissionCode);
-
   const onChangeCheckRemoved = data => {
     setPermissionRemoved({
       status: data.permissionId === removePermissionCode,
       id: data.id
     });
-
     if (onChange) {
       onChange(data);
     }
   };
-
   if (isDashboard) {
     const itemsList = filteredItems == null ? void 0 : filteredItems.map(obj => {
       const description = obj.description,
-            id = obj.id,
-            role = obj.role,
-            selectedPermission = obj.selectedPermission,
-            options = obj.options,
-            icon = obj.icon;
-
+        id = obj.id,
+        role = obj.role,
+        selectedPermission = obj.selectedPermission,
+        options = obj.options,
+        icon = obj.icon;
       const wsrPermissionChange = permissionId => {
         onChangeCheckRemoved({
           permissionId,
           id
         });
       };
-
       const suffixIcon = /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
         isDashboard: isDashboard,
         disabled: false,
@@ -100,7 +77,6 @@ function PermissionsList(props) {
           columnNumber: 9
         }
       });
-
       return (0, _wixStyleReact.listItemSelectBuilder)({
         id,
         prefix: /*#__PURE__*/_react.default.createElement(_Avatar.default, {
@@ -159,7 +135,6 @@ function PermissionsList(props) {
       }
     }));
   }
-
   return !filteredItems.length && loading === _EntityAdvancedPermissionsTypes.Loading.Success ? /*#__PURE__*/_react.default.createElement(_EmptyState.default, {
     mainTitle: emptyStateTitle,
     description: emptyStateDescription,
@@ -211,7 +186,6 @@ function PermissionsList(props) {
     }
   }, permissionRemovedMessage)));
 }
-
 var _default = PermissionsList;
 exports.default = _default;
 //# sourceMappingURL=PermissionsList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["PermissionsList","props","onChange","className","items","emptyStateTitle","emptyStateDescription","loading","removePermissionCode","permissionRemovedMessage","isDashboard","modalAlertVisible","useState","status","id","permissionRemoved","setPermissionRemoved","currentHighlightedOptionId","setCurrentHighlightedOptionId","filteredItems","filter","item","selectedPermission","onChangeCheckRemoved","data","permissionId","itemsList","map","obj","description","role","options","icon","wsrPermissionChange","suffixIcon","st","classes","wsrMaxHeight","listItemSelectBuilder","prefix","title","subtitle","suffix","label","wsrPermissionsDropdownBox","length","Loading","Success","option","k"],"sources":["../../../../src/components/PermissionsList/PermissionsList.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Scrollbar } from 'react-scrollbars-custom';\nimport ViewRow, { ViewRowProps } from './ViewRow';\nimport EmptyState from '../EmptyState/EmptyState';\nimport { Loading } from '../EntityAdvancedPermissionsTypes';\nimport { Box, DropdownLayout, listItemSelectBuilder } from 'wix-style-react';\nimport Avatar from './Avatar';\nimport PermissionsDropdown from '../PermissionsDropdown/PermissionsDropdown';\nimport { classes, st } from './ViewRow.st.css';\n\ninterface PermissionsListProps {\n  removePermissionCode: string;\n  items: ViewRowProps[];\n  loading: Loading;\n  onChange?(data: PermissionChangeProps): void;\n  className?: string;\n  emptyStateTitle: string;\n  emptyStateDescription: string;\n  permissionRemovedMessage: string;\n  isDashboard?: boolean;\n  modalAlertVisible?: boolean;\n}\n\nexport interface PermissionChangeProps {\n  permissionId: string;\n  id: string;\n}\n\nfunction PermissionsList(props: PermissionsListProps) {\n  const {\n    onChange,\n    className,\n    items,\n    emptyStateTitle,\n    emptyStateDescription,\n    loading,\n    removePermissionCode,\n    permissionRemovedMessage,\n    isDashboard = false,\n    modalAlertVisible=false,\n  } = props;\n  const [permissionRemoved, setPermissionRemoved] = useState({\n    status: false,\n    id: '',\n  });\n  const [currentHighlightedOptionId, setCurrentHighlightedOptionId] = useState('');\n  const filteredItems = items.filter(\n    (item) => item.selectedPermission !== props.removePermissionCode,\n  );\n  const onChangeCheckRemoved = (data: PermissionChangeProps) => {\n    setPermissionRemoved({\n      status: data.permissionId === removePermissionCode,\n      id: data.id,\n    });\n    if (onChange) {\n      onChange(data);\n    }\n  };\n\n  if (isDashboard) {\n    const itemsList: any[] = filteredItems?.map((obj) => {\n      const { description, id, role, selectedPermission, options, icon } = obj;\n      const wsrPermissionChange = (permissionId: string) => {\n        onChangeCheckRemoved({ permissionId, id });\n      };\n      const suffixIcon = (\n        <PermissionsDropdown\n          isDashboard={isDashboard}\n          disabled={false}\n          options={options}\n          value={selectedPermission}\n          onChange={wsrPermissionChange}\n          className={st(classes.wsrMaxHeight)}\n          shouldChangeColor={currentHighlightedOptionId === id}\n        />\n      );\n      return listItemSelectBuilder({\n        id,\n        prefix: <Avatar icon={icon} />,\n        title: role,\n        subtitle: description,\n        suffix: suffixIcon,\n        label: role,\n      });\n    });\n\n    return (\n      <Box\n        maxWidth={'582'}\n        verticalAlign=\"middle\"\n        height={ modalAlertVisible ? '61%' : '87%'}\n        marginLeft={'12px'}\n        marginRight={'18px'}\n        overflow={'auto'}\n        className={st(classes.wsrPermissionsDropdownBox)}\n      >\n        {!filteredItems.length && loading === Loading.Success ? (\n          <EmptyState\n            mainTitle={emptyStateTitle}\n            description={emptyStateDescription}\n            isDashboard={isDashboard}\n          />\n        ) : (\n          <DropdownLayout\n            options={itemsList}\n            visible\n            inContainer\n            maxHeightPixels={'345px'}\n            overflow={'visible'}\n            onSelect={(option:any) => {\n              setCurrentHighlightedOptionId(option?.id);\n            }}\n          />\n        )}\n      </Box>\n    );\n  }\n\n  return !filteredItems.length && loading === Loading.Success ? (\n    <EmptyState\n      mainTitle={emptyStateTitle}\n      description={emptyStateDescription}\n      className={className}\n    />\n  ) : (\n    <Scrollbar\n      native\n      translateContentSizeYToHolder={true}\n      noScrollX={true}\n      className={className}\n    >\n      <div>\n        {filteredItems.map((k) => {\n          return <ViewRow {...k} key={k.id} onChange={onChangeCheckRemoved} />;\n        })}\n        {permissionRemoved.status && (\n          <span\n            className=\"sr-only\"\n            role=\"alert\"\n            key={`permissionremoved${permissionRemoved.id}`}\n          >\n            {permissionRemovedMessage}\n          </span>\n        )}\n      </div>\n    </Scrollbar>\n  );\n}\n\nexport default PermissionsList;\n"],"mappings":"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"}
+{"version":3,"names":["PermissionsList","props","onChange","className","items","emptyStateTitle","emptyStateDescription","loading","removePermissionCode","permissionRemovedMessage","isDashboard","modalAlertVisible","useState","status","id","permissionRemoved","setPermissionRemoved","currentHighlightedOptionId","setCurrentHighlightedOptionId","filteredItems","filter","item","selectedPermission","onChangeCheckRemoved","data","permissionId","itemsList","map","obj","description","role","options","icon","wsrPermissionChange","suffixIcon","st","classes","wsrMaxHeight","listItemSelectBuilder","prefix","title","subtitle","suffix","label","wsrPermissionsDropdownBox","length","Loading","Success","option","k"],"sources":["../../../../src/components/PermissionsList/PermissionsList.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Scrollbar } from 'react-scrollbars-custom';\nimport ViewRow, { ViewRowProps } from './ViewRow';\nimport EmptyState from '../EmptyState/EmptyState';\nimport { Loading } from '../EntityAdvancedPermissionsTypes';\nimport { Box, DropdownLayout, listItemSelectBuilder } from 'wix-style-react';\nimport Avatar from './Avatar';\nimport PermissionsDropdown from '../PermissionsDropdown/PermissionsDropdown';\nimport { classes, st } from './ViewRow.st.css';\n\ninterface PermissionsListProps {\n  removePermissionCode: string;\n  items: ViewRowProps[];\n  loading: Loading;\n  onChange?(data: PermissionChangeProps): void;\n  className?: string;\n  emptyStateTitle: string;\n  emptyStateDescription: string;\n  permissionRemovedMessage: string;\n  isDashboard?: boolean;\n  modalAlertVisible?: boolean;\n}\n\nexport interface PermissionChangeProps {\n  permissionId: string;\n  id: string;\n}\n\nfunction PermissionsList(props: PermissionsListProps) {\n  const {\n    onChange,\n    className,\n    items,\n    emptyStateTitle,\n    emptyStateDescription,\n    loading,\n    removePermissionCode,\n    permissionRemovedMessage,\n    isDashboard = false,\n    modalAlertVisible=false,\n  } = props;\n  const [permissionRemoved, setPermissionRemoved] = useState({\n    status: false,\n    id: '',\n  });\n  const [currentHighlightedOptionId, setCurrentHighlightedOptionId] = useState('');\n  const filteredItems = items.filter(\n    (item) => item.selectedPermission !== props.removePermissionCode,\n  );\n  const onChangeCheckRemoved = (data: PermissionChangeProps) => {\n    setPermissionRemoved({\n      status: data.permissionId === removePermissionCode,\n      id: data.id,\n    });\n    if (onChange) {\n      onChange(data);\n    }\n  };\n\n  if (isDashboard) {\n    const itemsList: any[] = filteredItems?.map((obj) => {\n      const { description, id, role, selectedPermission, options, icon } = obj;\n      const wsrPermissionChange = (permissionId: string) => {\n        onChangeCheckRemoved({ permissionId, id });\n      };\n      const suffixIcon = (\n        <PermissionsDropdown\n          isDashboard={isDashboard}\n          disabled={false}\n          options={options}\n          value={selectedPermission}\n          onChange={wsrPermissionChange}\n          className={st(classes.wsrMaxHeight)}\n          shouldChangeColor={currentHighlightedOptionId === id}\n        />\n      );\n      return listItemSelectBuilder({\n        id,\n        prefix: <Avatar icon={icon} />,\n        title: role,\n        subtitle: description,\n        suffix: suffixIcon,\n        label: role,\n      });\n    });\n\n    return (\n      <Box\n        maxWidth={'582'}\n        verticalAlign=\"middle\"\n        height={ modalAlertVisible ? '61%' : '87%'}\n        marginLeft={'12px'}\n        marginRight={'18px'}\n        overflow={'auto'}\n        className={st(classes.wsrPermissionsDropdownBox)}\n      >\n        {!filteredItems.length && loading === Loading.Success ? (\n          <EmptyState\n            mainTitle={emptyStateTitle}\n            description={emptyStateDescription}\n            isDashboard={isDashboard}\n          />\n        ) : (\n          <DropdownLayout\n            options={itemsList}\n            visible\n            inContainer\n            maxHeightPixels={'345px'}\n            overflow={'visible'}\n            onSelect={(option:any) => {\n              setCurrentHighlightedOptionId(option?.id);\n            }}\n          />\n        )}\n      </Box>\n    );\n  }\n\n  return !filteredItems.length && loading === Loading.Success ? (\n    <EmptyState\n      mainTitle={emptyStateTitle}\n      description={emptyStateDescription}\n      className={className}\n    />\n  ) : (\n    <Scrollbar\n      native\n      translateContentSizeYToHolder={true}\n      noScrollX={true}\n      className={className}\n    >\n      <div>\n        {filteredItems.map((k) => {\n          return <ViewRow {...k} key={k.id} onChange={onChangeCheckRemoved} />;\n        })}\n        {permissionRemoved.status && (\n          <span\n            className=\"sr-only\"\n            role=\"alert\"\n            key={`permissionremoved${permissionRemoved.id}`}\n          >\n            {permissionRemovedMessage}\n          </span>\n        )}\n      </div>\n    </Scrollbar>\n  );\n}\n\nexport default PermissionsList;\n"],"mappings":"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"}

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

@@ -1,23 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@testing-library/react");
-
 var _PermissionsList = _interopRequireDefault(require("./PermissionsList"));
-
 var _Avatar = _interopRequireDefault(require("./Avatar"));
-
 var _AvatarRole = _interopRequireDefault(require("./AvatarRole"));
-
 var _wixUiTpa = require("wix-ui-tpa");
-
 var _RoleIcon = _interopRequireDefault(require("../../assets/icons/RoleIcon.svg"));
-
 var _EntityAdvancedPermissionsTypes = require("../EntityAdvancedPermissionsTypes");
-
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/PermissionsList/PermissionsList.spec.tsx";
 describe('Permissions List Tests', () => {
   const options = [{
@@ -90,23 +81,22 @@ describe('Permissions List Tests', () => {
   }];
   it('Desktop Renders Properly', () => {
     const _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_PermissionsList.default, {
-      removePermissionCode: "Permission code",
-      items: items,
-      loading: _EntityAdvancedPermissionsTypes.Loading.Success,
-      emptyStateTitle: '',
-      emptyStateDescription: '',
-      permissionRemovedMessage: '',
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 72,
-        columnNumber: 7
-      }
-    })),
-          getByText = _render.getByText,
-          debug = _render.debug,
-          container = _render.container;
-
+        removePermissionCode: "Permission code",
+        items: items,
+        loading: _EntityAdvancedPermissionsTypes.Loading.Success,
+        emptyStateTitle: '',
+        emptyStateDescription: '',
+        permissionRemovedMessage: '',
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 72,
+          columnNumber: 7
+        }
+      })),
+      getByText = _render.getByText,
+      debug = _render.debug,
+      container = _render.container;
     const admin = getByText('admin');
     const manager = getByText('manager');
     const user = getByText('user');
@@ -119,33 +109,32 @@ describe('Permissions List Tests', () => {
   });
   it('Mobile Renders Properly', () => {
     const _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_wixUiTpa.TPAComponentsProvider, {
-      value: {
-        mobile: true
-      },
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 96,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement(_PermissionsList.default, {
-      removePermissionCode: "Permission code",
-      items: items,
-      loading: _EntityAdvancedPermissionsTypes.Loading.Success,
-      emptyStateTitle: '',
-      emptyStateDescription: '',
-      permissionRemovedMessage: '',
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 97,
-        columnNumber: 9
-      }
-    }))),
-          getByText = _render2.getByText,
-          container = _render2.container,
-          debug = _render2.debug;
-
+        value: {
+          mobile: true
+        },
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 96,
+          columnNumber: 7
+        }
+      }, /*#__PURE__*/_react.default.createElement(_PermissionsList.default, {
+        removePermissionCode: "Permission code",
+        items: items,
+        loading: _EntityAdvancedPermissionsTypes.Loading.Success,
+        emptyStateTitle: '',
+        emptyStateDescription: '',
+        permissionRemovedMessage: '',
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 97,
+          columnNumber: 9
+        }
+      }))),
+      getByText = _render2.getByText,
+      container = _render2.container,
+      debug = _render2.debug;
     const admin = getByText('admin');
     const manager = getByText('manager');
     const user = getByText('user');
@@ -155,70 +144,67 @@ describe('Permissions List Tests', () => {
   });
   it('className appears', () => {
     const _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_PermissionsList.default, {
-      removePermissionCode: "Permission code",
-      items: items,
-      className: "class-name-test-io",
-      loading: _EntityAdvancedPermissionsTypes.Loading.Success,
-      emptyStateTitle: '',
-      emptyStateDescription: '',
-      permissionRemovedMessage: '',
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 119,
-        columnNumber: 7
-      }
-    })),
-          getByText = _render3.getByText,
-          container = _render3.container,
-          debug = _render3.debug;
-
+        removePermissionCode: "Permission code",
+        items: items,
+        className: "class-name-test-io",
+        loading: _EntityAdvancedPermissionsTypes.Loading.Success,
+        emptyStateTitle: '',
+        emptyStateDescription: '',
+        permissionRemovedMessage: '',
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 119,
+          columnNumber: 7
+        }
+      })),
+      getByText = _render3.getByText,
+      container = _render3.container,
+      debug = _render3.debug;
     const className = container.querySelector('div[class*=class-name-test-io]');
     expect(className).toBeTruthy();
   });
   it('items length to be 3', () => {
     const _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_PermissionsList.default, {
-      removePermissionCode: "Permission code",
-      items: items,
-      className: "classname",
-      loading: _EntityAdvancedPermissionsTypes.Loading.Success,
-      emptyStateTitle: '',
-      emptyStateDescription: '',
-      permissionRemovedMessage: '',
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 137,
-        columnNumber: 7
-      }
-    })),
-          container = _render4.container,
-          getByText = _render4.getByText,
-          debug = _render4.debug;
-
+        removePermissionCode: "Permission code",
+        items: items,
+        className: "classname",
+        loading: _EntityAdvancedPermissionsTypes.Loading.Success,
+        emptyStateTitle: '',
+        emptyStateDescription: '',
+        permissionRemovedMessage: '',
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 137,
+          columnNumber: 7
+        }
+      })),
+      container = _render4.container,
+      getByText = _render4.getByText,
+      debug = _render4.debug;
     const allItems = container.querySelectorAll('div[class*=__avatarRoleContainer]');
     expect(allItems.length).toBe(3);
   });
   it('no data shows empty state', () => {
     const _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_PermissionsList.default, {
-      removePermissionCode: "Permission code",
-      items: [],
-      className: "classname",
-      loading: _EntityAdvancedPermissionsTypes.Loading.Success,
-      emptyStateTitle: "Empty state title",
-      emptyStateDescription: "Empty state desc",
-      permissionRemovedMessage: '',
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 157,
-        columnNumber: 7
-      }
-    })),
-          container = _render5.container,
-          getByText = _render5.getByText,
-          debug = _render5.debug;
-
+        removePermissionCode: "Permission code",
+        items: [],
+        className: "classname",
+        loading: _EntityAdvancedPermissionsTypes.Loading.Success,
+        emptyStateTitle: "Empty state title",
+        emptyStateDescription: "Empty state desc",
+        permissionRemovedMessage: '',
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 157,
+          columnNumber: 7
+        }
+      })),
+      container = _render5.container,
+      getByText = _render5.getByText,
+      debug = _render5.debug;
     const title = getByText('Empty state title');
     const desc = getByText('Empty state desc');
     expect(title).toBeTruthy();
@@ -226,23 +212,22 @@ describe('Permissions List Tests', () => {
   });
   it('Avatar Role', () => {
     const _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_AvatarRole.default, {
-      roleID: "id123",
-      role: "manager",
-      description: "Can edit",
-      className: "classname-io",
-      icon: "earth",
-      displayDescription: true,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 177,
-        columnNumber: 7
-      }
-    })),
-          container = _render6.container,
-          debug = _render6.debug,
-          getByText = _render6.getByText;
-
+        roleID: "id123",
+        role: "manager",
+        description: "Can edit",
+        className: "classname-io",
+        icon: "earth",
+        displayDescription: true,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 177,
+          columnNumber: 7
+        }
+      })),
+      container = _render6.container,
+      debug = _render6.debug,
+      getByText = _render6.getByText;
     const role = getByText('manager');
     const desc = getByText('Can edit');
     const className = container.querySelector('div[class*=classname-io]');
@@ -252,17 +237,16 @@ describe('Permissions List Tests', () => {
   });
   it('Avatar', () => {
     const _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Avatar.default, {
-      icon: 'avatar',
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 197,
-        columnNumber: 41
-      }
-    })),
-          container = _render7.container,
-          debug = _render7.debug;
-
+        icon: 'avatar',
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 197,
+          columnNumber: 41
+        }
+      })),
+      container = _render7.container,
+      debug = _render7.debug;
     const avatar = container.querySelector('svg');
     expect(avatar).toBeTruthy();
   });