@wix/entity-advanced-permissions 1.790.0 → 1.792.0

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

@@ -1,47 +1,29 @@
 "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 _PermissionsDropdownSt = require("./PermissionsDropdown.st.css");
-
 var _DropdownCheckedEmpty = _interopRequireDefault(require("../../assets/icons/DropdownCheckedEmpty.svg"));
-
 var _DropdownChecked = _interopRequireDefault(require("../../assets/icons/DropdownChecked.svg"));
-
 var _he = _interopRequireDefault(require("he"));
-
 var _wixStyleReact = require("wix-style-react");
-
 var _ChevronDown = _interopRequireDefault(require("wix-ui-icons-common/ChevronDown"));
-
 var _Visible = _interopRequireDefault(require("wix-ui-icons-common/Visible"));
-
 var _DownloadImport = _interopRequireDefault(require("wix-ui-icons-common/DownloadImport"));
-
 var _Settings = _interopRequireDefault(require("wix-ui-icons-common/Settings"));
-
 var _Delete = _interopRequireDefault(require("wix-ui-icons-common/Delete"));
-
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/PermissionsDropdown/PermissionsDropdown.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 permissionLevels = {
   VIEW: 'VIEW',
   CONTRIBUTE: 'CONTRIBUTE',
   MANAGE: 'MANAGE',
   NONE: 'NONE'
 };
-
 const getOverlay = () => {
   const div = document.createElement('div');
   div.style.position = 'fixed';
@@ -51,32 +33,26 @@ const getOverlay = () => {
   div.style.top = '0';
   return div;
 };
-
 function PermissionsDropdown(props) {
   const _useContext = (0, _react.useContext)(_wixUiTpa.TPAComponentsContext),
-        mobile = _useContext.mobile;
-
+    mobile = _useContext.mobile;
   const overlay = (0, _react.useRef)(getOverlay());
   const options = props.options,
-        className = props.className,
-        _props$ariaLabelledBy = props.ariaLabelledBy,
-        ariaLabelledBy = _props$ariaLabelledBy === void 0 ? '' : _props$ariaLabelledBy,
-        _props$isDashboard = props.isDashboard,
-        isDashboard = _props$isDashboard === void 0 ? false : _props$isDashboard,
-        _props$isStep = props.isStep2,
-        isStep2 = _props$isStep === void 0 ? false : _props$isStep,
-        _props$shouldChangeCo = props.shouldChangeColor,
-        shouldChangeColor = _props$shouldChangeCo === void 0 ? false : _props$shouldChangeCo;
-
+    className = props.className,
+    _props$ariaLabelledBy = props.ariaLabelledBy,
+    ariaLabelledBy = _props$ariaLabelledBy === void 0 ? '' : _props$ariaLabelledBy,
+    _props$isDashboard = props.isDashboard,
+    isDashboard = _props$isDashboard === void 0 ? false : _props$isDashboard,
+    _props$isStep = props.isStep2,
+    isStep2 = _props$isStep === void 0 ? false : _props$isStep,
+    _props$shouldChangeCo = props.shouldChangeColor,
+    shouldChangeColor = _props$shouldChangeCo === void 0 ? false : _props$shouldChangeCo;
   const _useState = (0, _react.useState)(props.value),
-        selected = _useState[0],
-        setSelected = _useState[1]; // selected permission menu title
-
-
+    selected = _useState[0],
+    setSelected = _useState[1]; // selected permission menu title
   const _useState2 = (0, _react.useState)((0, _PermissionsDropdownSt.st)(_PermissionsDropdownSt.classes.whiteColor)),
-        step1MenuClassName = _useState2[0],
-        setStep1MenuClassName = _useState2[1];
-
+    step1MenuClassName = _useState2[0],
+    setStep1MenuClassName = _useState2[1];
   const getIcon = id => {
     return id === selected ? /*#__PURE__*/_react.default.createElement(_DropdownChecked.default, {
       __self: this,
@@ -94,27 +70,21 @@ function PermissionsDropdown(props) {
       }
     });
   };
-
   const dropDownChange = e => {
     if (!isDashboard) {
       var _e$id;
-
       if (!mobile) {
         lockScrolling(false);
       }
-
       setSelected((_e$id = e.id) == null ? void 0 : _e$id.toString());
     }
-
     if (!isStep2) {
       setStep1MenuClassName((0, _PermissionsDropdownSt.st)(_PermissionsDropdownSt.classes.whiteColor));
     }
-
     if (props.onChange) {
       props.onChange(`${e.id}`);
     }
   };
-
   const getPermissionIcon = permissionId => {
     switch (permissionId) {
       case permissionLevels.VIEW:
@@ -126,7 +96,6 @@ function PermissionsDropdown(props) {
             columnNumber: 16
           }
         });
-
       case permissionLevels.CONTRIBUTE:
         return /*#__PURE__*/_react.default.createElement(_DownloadImport.default, {
           __self: this,
@@ -136,7 +105,6 @@ function PermissionsDropdown(props) {
             columnNumber: 16
           }
         });
-
       case permissionLevels.MANAGE:
         return /*#__PURE__*/_react.default.createElement(_Settings.default, {
           __self: this,
@@ -146,7 +114,6 @@ function PermissionsDropdown(props) {
             columnNumber: 16
           }
         });
-
       case permissionLevels.NONE:
         return /*#__PURE__*/_react.default.createElement(_Delete.default, {
           __self: this,
@@ -156,31 +123,27 @@ function PermissionsDropdown(props) {
             columnNumber: 16
           }
         });
-
       default:
         return '';
     }
   };
-
   const newOptions = options.map(k => {
-    return { ...k,
+    return {
+      ...k,
       value: _he.default.decode(k.value || ''),
       subtitle: _he.default.decode(k.subtitle || ''),
       icon: getIcon(`${k.id}`),
       key: k.id
     };
   });
-
   const lockScrolling = expanded => {
     const docBody = document.body;
-
     if (expanded) {
       docBody.appendChild(overlay.current);
     } else if (docBody.contains(overlay.current)) {
       docBody.removeChild(overlay.current);
     }
   };
-
   if (isDashboard) {
     const updatedOptions = options.map(permission => {
       return permission.divider ? {
@@ -283,7 +246,6 @@ function PermissionsDropdown(props) {
       }
     }, selectedOption.id !== 'NONE' && selectedOption.label || (selectedPermission == null ? void 0 : selectedPermission.label)));
   }
-
   return /*#__PURE__*/_react.default.createElement(_wixUiTpa.FloatingDropdown, {
     "aria-labelledby": ariaLabelledBy,
     options: newOptions,
@@ -306,7 +268,6 @@ function PermissionsDropdown(props) {
     }
   });
 }
-
 var _default = PermissionsDropdown;
 exports.default = _default;
 //# sourceMappingURL=PermissionsDropdown.js.map

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

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

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

@@ -1,15 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@testing-library/react");
-
 var _PermissionsDropdown = _interopRequireDefault(require("./PermissionsDropdown"));
-
 var _wixUiTpa = require("wix-ui-tpa");
-
 var _jsxFileName = "/home/builduser/work/4775e43efb305866/packages/entity-advanced-permissions/dist/cjs/components/PermissionsDropdown/PermissionsDropdown.spec.tsx";
 describe('Testing Permissions Dropdown Component', () => {
   const options = [{
@@ -33,25 +28,23 @@ describe('Testing Permissions Dropdown Component', () => {
   }];
   it('Desktop Renders Properly', () => {
     const mockFnc = jest.fn();
-
     const _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
-      disabled: false,
-      options: options,
-      value: "value",
-      onChange: mockFnc,
-      className: "Classname-test",
-      ariaLabelledBy: "labeltext",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 36,
-        columnNumber: 7
-      }
-    })),
-          container = _render.container,
-          getByText = _render.getByText,
-          debug = _render.debug;
-
+        disabled: false,
+        options: options,
+        value: "value",
+        onChange: mockFnc,
+        className: "Classname-test",
+        ariaLabelledBy: "labeltext",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 36,
+          columnNumber: 7
+        }
+      })),
+      container = _render.container,
+      getByText = _render.getByText,
+      debug = _render.debug;
     const button = container.querySelector('button');
     button == null ? void 0 : button.click();
     const option1 = getByText('Pizza italiano');
@@ -69,35 +62,33 @@ describe('Testing Permissions Dropdown Component', () => {
   });
   it('Mobile Renders Properly', () => {
     const mockFnc = jest.fn();
-
     const _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_wixUiTpa.TPAComponentsProvider, {
-      value: {
-        mobile: true
-      },
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 69,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
-      disabled: false,
-      options: options,
-      value: "value",
-      onChange: mockFnc,
-      className: "Classname-test",
-      ariaLabelledBy: "aria-label-mobile",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 70,
-        columnNumber: 9
-      }
-    }))),
-          container = _render2.container,
-          getByText = _render2.getByText,
-          debug = _render2.debug;
-
+        value: {
+          mobile: true
+        },
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 69,
+          columnNumber: 7
+        }
+      }, /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
+        disabled: false,
+        options: options,
+        value: "value",
+        onChange: mockFnc,
+        className: "Classname-test",
+        ariaLabelledBy: "aria-label-mobile",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 70,
+          columnNumber: 9
+        }
+      }))),
+      container = _render2.container,
+      getByText = _render2.getByText,
+      debug = _render2.debug;
     const select = container.querySelector('select');
     select == null ? void 0 : select.click();
     const value1 = getByText('pizza');
@@ -109,26 +100,24 @@ describe('Testing Permissions Dropdown Component', () => {
   });
   it('onChange function check', () => {
     const mockFnc = jest.fn();
-
     const _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
-      disabled: false,
-      options: options,
-      value: "value",
-      onChange: mockFnc,
-      className: "Classname-test",
-      ariaLabelledBy: "aria-label-mobile",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 99,
-        columnNumber: 7
-      }
-    })),
-          container = _render3.container,
-          getByText = _render3.getByText,
-          debug = _render3.debug,
-          rerender = _render3.rerender;
-
+        disabled: false,
+        options: options,
+        value: "value",
+        onChange: mockFnc,
+        className: "Classname-test",
+        ariaLabelledBy: "aria-label-mobile",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 99,
+          columnNumber: 7
+        }
+      })),
+      container = _render3.container,
+      getByText = _render3.getByText,
+      debug = _render3.debug,
+      rerender = _render3.rerender;
     const button = container.querySelector('button');
     button == null ? void 0 : button.click();
     const option1 = getByText('pizza');
@@ -155,97 +144,92 @@ describe('Testing Permissions Dropdown Component', () => {
   });
   it('Disabled Dropdown', () => {
     const mockFnc = jest.fn();
-
     const _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
-      disabled: true,
-      options: options,
-      value: "1",
-      onChange: mockFnc,
-      className: "Classname-test",
-      ariaLabelledBy: "aria-label-mobile",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 141,
-        columnNumber: 7
-      }
-    })),
-          container = _render4.container,
-          getByText = _render4.getByText,
-          debug = _render4.debug;
-
+        disabled: true,
+        options: options,
+        value: "1",
+        onChange: mockFnc,
+        className: "Classname-test",
+        ariaLabelledBy: "aria-label-mobile",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 141,
+          columnNumber: 7
+        }
+      })),
+      container = _render4.container,
+      getByText = _render4.getByText,
+      debug = _render4.debug;
     const disabledElm = container.querySelector('div[class*=--isDisabled]');
     expect(disabledElm).toBeTruthy();
   });
   it('Classnames and icons', () => {
     const _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
-      disabled: true,
-      value: "2",
-      options: options,
-      className: "class-test-here",
-      ariaLabelledBy: "aria-label-mobile",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 157,
-        columnNumber: 7
-      }
-    })),
-          container = _render5.container,
-          debug = _render5.debug;
-
+        disabled: true,
+        value: "2",
+        options: options,
+        className: "class-test-here",
+        ariaLabelledBy: "aria-label-mobile",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 157,
+          columnNumber: 7
+        }
+      })),
+      container = _render5.container,
+      debug = _render5.debug;
     const className = container.querySelector('.class-test-here');
-    const icon = container.querySelector('svg'); // debug();
+    const icon = container.querySelector('svg');
+
+    // debug();
 
     expect(className).toBeTruthy();
     expect(icon).toBeTruthy();
   });
   it('Selected values', () => {
     const mockFnc = jest.fn();
-
     const _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
-      disabled: false,
-      options: options,
-      value: "2",
-      onChange: mockFnc,
-      className: "Classname-test",
-      ariaLabelledBy: "aria-label-mobile",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 179,
-        columnNumber: 7
-      }
-    })),
-          container = _render6.container,
-          getByText = _render6.getByText,
-          debug = _render6.debug;
-
+        disabled: false,
+        options: options,
+        value: "2",
+        onChange: mockFnc,
+        className: "Classname-test",
+        ariaLabelledBy: "aria-label-mobile",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 179,
+          columnNumber: 7
+        }
+      })),
+      container = _render6.container,
+      getByText = _render6.getByText,
+      debug = _render6.debug;
     const isSeleted = container.querySelector('div[class*=__selectedValue]');
     expect(isSeleted).toBeTruthy();
     expect(isSeleted == null ? void 0 : isSeleted.innerHTML).toBe('burger');
   });
   it('Selectable Values', () => {
     const mockFnc = jest.fn();
-
     const _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_PermissionsDropdown.default, {
-      disabled: false,
-      options: options,
-      value: "1",
-      onChange: mockFnc,
-      className: "Classname-test",
-      ariaLabelledBy: "aria-label-mobile",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 198,
-        columnNumber: 7
-      }
-    })),
-          container = _render7.container,
-          getByText = _render7.getByText,
-          debug = _render7.debug;
-
+        disabled: false,
+        options: options,
+        value: "1",
+        onChange: mockFnc,
+        className: "Classname-test",
+        ariaLabelledBy: "aria-label-mobile",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 198,
+          columnNumber: 7
+        }
+      })),
+      container = _render7.container,
+      getByText = _render7.getByText,
+      debug = _render7.debug;
     const button = container.querySelector('button');
     button == null ? void 0 : button.click();
     const option3 = getByText('hotdog');

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

@@ -1 +1 @@
-{"version":3,"names":["describe","options","id","value","subtitle","divider","isSelectable","it","mockFnc","jest","fn","render","container","getByText","debug","button","querySelector","click","option1","value1","option2","value2","option3","value3","expect","toBeTruthy","mobile","select","rerender","toHaveBeenCalledWith","disabledElm","className","icon","isSeleted","innerHTML","toBe","selectedValue"],"sources":["../../../../src/components/PermissionsDropdown/PermissionsDropdown.spec.tsx"],"sourcesContent":["import React from 'react';\n\nimport { render } from '@testing-library/react';\n\nimport PermissionsDropdown from './PermissionsDropdown';\nimport { TPAComponentsProvider } from 'wix-ui-tpa';\n\ndescribe('Testing Permissions Dropdown Component', () => {\n  const options = [\n    {\n      id: '1',\n      value: 'pizza',\n      subtitle: 'Pizza italiano',\n      divider: false,\n      isSelectable: true,\n    },\n    {\n      id: '2',\n      value: 'burger',\n      subtitle: 'Cheeseburger extra',\n      divider: false,\n      isSelectable: true,\n    },\n    {\n      id: '3',\n      value: 'hotdog',\n      subtitle: 'Hotdog mexicano',\n      divider: false,\n      isSelectable: false,\n    },\n  ];\n\n  it('Desktop Renders Properly', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"labeltext\"\n      />,\n    );\n\n    const button = container.querySelector('button');\n\n    button?.click();\n\n    const option1 = getByText('Pizza italiano');\n    const value1 = getByText('pizza');\n    const option2 = getByText('Cheeseburger extra');\n    const value2 = getByText('burger');\n    const option3 = getByText('Hotdog mexicano');\n    const value3 = getByText('hotdog');\n\n    expect(option1).toBeTruthy();\n    expect(option2).toBeTruthy();\n    expect(option3).toBeTruthy();\n\n    expect(value1).toBeTruthy();\n    expect(value2).toBeTruthy();\n    expect(value3).toBeTruthy();\n  });\n\n  it('Mobile Renders Properly', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <TPAComponentsProvider value={{ mobile: true }}>\n        <PermissionsDropdown\n          disabled={false}\n          options={options}\n          value=\"value\"\n          onChange={mockFnc}\n          className=\"Classname-test\"\n          ariaLabelledBy=\"aria-label-mobile\"\n        />\n      </TPAComponentsProvider>,\n    );\n\n    const select = container.querySelector('select');\n\n    select?.click();\n\n    const value1 = getByText('pizza');\n\n    const value2 = getByText('burger');\n\n    const value3 = getByText('hotdog');\n\n    expect(value1).toBeTruthy();\n    expect(value2).toBeTruthy();\n    expect(value3).toBeTruthy();\n  });\n\n  it('onChange function check', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug, rerender } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const button = container.querySelector('button');\n\n    button?.click();\n\n    const option1 = getByText('pizza');\n\n    option1.click();\n\n    expect(mockFnc).toHaveBeenCalledWith('1');\n\n    rerender(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    button?.click();\n\n    const option2 = getByText('burger');\n\n    option2.click();\n    expect(mockFnc).toHaveBeenCalledWith('2');\n  });\n\n  it('Disabled Dropdown', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={true}\n        options={options}\n        value=\"1\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const disabledElm = container.querySelector('div[class*=--isDisabled]');\n    expect(disabledElm).toBeTruthy();\n  });\n\n  it('Classnames and icons', () => {\n    const { container, debug } = render(\n      <PermissionsDropdown\n        disabled={true}\n        value=\"2\"\n        options={options}\n        className=\"class-test-here\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const className = container.querySelector('.class-test-here');\n\n    const icon = container.querySelector('svg');\n\n    // debug();\n\n    expect(className).toBeTruthy();\n    expect(icon).toBeTruthy();\n  });\n\n  it('Selected values', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"2\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const isSeleted = container.querySelector('div[class*=__selectedValue]');\n\n    expect(isSeleted).toBeTruthy();\n    expect(isSeleted?.innerHTML).toBe('burger');\n  });\n\n  it('Selectable Values', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"1\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const button = container.querySelector('button');\n\n    button?.click();\n\n    const option3 = getByText('hotdog');\n\n    option3.click();\n\n    const selectedValue = container.querySelector(\n      'div[class*=__selectedValue]',\n    );\n\n    expect(selectedValue?.innerHTML).toBe('pizza');\n  });\n});\n"],"mappings":"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"}
+{"version":3,"names":["describe","options","id","value","subtitle","divider","isSelectable","it","mockFnc","jest","fn","render","container","getByText","debug","button","querySelector","click","option1","value1","option2","value2","option3","value3","expect","toBeTruthy","mobile","select","rerender","toHaveBeenCalledWith","disabledElm","className","icon","isSeleted","innerHTML","toBe","selectedValue"],"sources":["../../../../src/components/PermissionsDropdown/PermissionsDropdown.spec.tsx"],"sourcesContent":["import React from 'react';\n\nimport { render } from '@testing-library/react';\n\nimport PermissionsDropdown from './PermissionsDropdown';\nimport { TPAComponentsProvider } from 'wix-ui-tpa';\n\ndescribe('Testing Permissions Dropdown Component', () => {\n  const options = [\n    {\n      id: '1',\n      value: 'pizza',\n      subtitle: 'Pizza italiano',\n      divider: false,\n      isSelectable: true,\n    },\n    {\n      id: '2',\n      value: 'burger',\n      subtitle: 'Cheeseburger extra',\n      divider: false,\n      isSelectable: true,\n    },\n    {\n      id: '3',\n      value: 'hotdog',\n      subtitle: 'Hotdog mexicano',\n      divider: false,\n      isSelectable: false,\n    },\n  ];\n\n  it('Desktop Renders Properly', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"labeltext\"\n      />,\n    );\n\n    const button = container.querySelector('button');\n\n    button?.click();\n\n    const option1 = getByText('Pizza italiano');\n    const value1 = getByText('pizza');\n    const option2 = getByText('Cheeseburger extra');\n    const value2 = getByText('burger');\n    const option3 = getByText('Hotdog mexicano');\n    const value3 = getByText('hotdog');\n\n    expect(option1).toBeTruthy();\n    expect(option2).toBeTruthy();\n    expect(option3).toBeTruthy();\n\n    expect(value1).toBeTruthy();\n    expect(value2).toBeTruthy();\n    expect(value3).toBeTruthy();\n  });\n\n  it('Mobile Renders Properly', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <TPAComponentsProvider value={{ mobile: true }}>\n        <PermissionsDropdown\n          disabled={false}\n          options={options}\n          value=\"value\"\n          onChange={mockFnc}\n          className=\"Classname-test\"\n          ariaLabelledBy=\"aria-label-mobile\"\n        />\n      </TPAComponentsProvider>,\n    );\n\n    const select = container.querySelector('select');\n\n    select?.click();\n\n    const value1 = getByText('pizza');\n\n    const value2 = getByText('burger');\n\n    const value3 = getByText('hotdog');\n\n    expect(value1).toBeTruthy();\n    expect(value2).toBeTruthy();\n    expect(value3).toBeTruthy();\n  });\n\n  it('onChange function check', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug, rerender } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const button = container.querySelector('button');\n\n    button?.click();\n\n    const option1 = getByText('pizza');\n\n    option1.click();\n\n    expect(mockFnc).toHaveBeenCalledWith('1');\n\n    rerender(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"value\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    button?.click();\n\n    const option2 = getByText('burger');\n\n    option2.click();\n    expect(mockFnc).toHaveBeenCalledWith('2');\n  });\n\n  it('Disabled Dropdown', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={true}\n        options={options}\n        value=\"1\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const disabledElm = container.querySelector('div[class*=--isDisabled]');\n    expect(disabledElm).toBeTruthy();\n  });\n\n  it('Classnames and icons', () => {\n    const { container, debug } = render(\n      <PermissionsDropdown\n        disabled={true}\n        value=\"2\"\n        options={options}\n        className=\"class-test-here\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const className = container.querySelector('.class-test-here');\n\n    const icon = container.querySelector('svg');\n\n    // debug();\n\n    expect(className).toBeTruthy();\n    expect(icon).toBeTruthy();\n  });\n\n  it('Selected values', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"2\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const isSeleted = container.querySelector('div[class*=__selectedValue]');\n\n    expect(isSeleted).toBeTruthy();\n    expect(isSeleted?.innerHTML).toBe('burger');\n  });\n\n  it('Selectable Values', () => {\n    const mockFnc = jest.fn();\n    const { container, getByText, debug } = render(\n      <PermissionsDropdown\n        disabled={false}\n        options={options}\n        value=\"1\"\n        onChange={mockFnc}\n        className=\"Classname-test\"\n        ariaLabelledBy=\"aria-label-mobile\"\n      />,\n    );\n\n    const button = container.querySelector('button');\n\n    button?.click();\n\n    const option3 = getByText('hotdog');\n\n    option3.click();\n\n    const selectedValue = container.querySelector(\n      'div[class*=__selectedValue]',\n    );\n\n    expect(selectedValue?.innerHTML).toBe('pizza');\n  });\n});\n"],"mappings":";;;AAAA;AAEA;AAEA;AACA;AAAmD;AAEnDA,QAAQ,CAAC,wCAAwC,EAAE,MAAM;EACvD,MAAMC,OAAO,GAAG,CACd;IACEC,EAAE,EAAE,GAAG;IACPC,KAAK,EAAE,OAAO;IACdC,QAAQ,EAAE,gBAAgB;IAC1BC,OAAO,EAAE,KAAK;IACdC,YAAY,EAAE;EAChB,CAAC,EACD;IACEJ,EAAE,EAAE,GAAG;IACPC,KAAK,EAAE,QAAQ;IACfC,QAAQ,EAAE,oBAAoB;IAC9BC,OAAO,EAAE,KAAK;IACdC,YAAY,EAAE;EAChB,CAAC,EACD;IACEJ,EAAE,EAAE,GAAG;IACPC,KAAK,EAAE,QAAQ;IACfC,QAAQ,EAAE,iBAAiB;IAC3BC,OAAO,EAAE,KAAK;IACdC,YAAY,EAAE;EAChB,CAAC,CACF;EAEDC,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACnC,MAAMC,OAAO,GAAGC,IAAI,CAACC,EAAE,EAAE;IACzB,gBAAwC,IAAAC,cAAM,gBAC5C,6BAAC,4BAAmB;QAClB,QAAQ,EAAE,KAAM;QAChB,OAAO,EAAEV,OAAQ;QACjB,KAAK,EAAC,OAAO;QACb,QAAQ,EAAEO,OAAQ;QAClB,SAAS,EAAC,gBAAgB;QAC1B,cAAc,EAAC,WAAW;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAC1B,CACH;MATOI,SAAS,WAATA,SAAS;MAAEC,SAAS,WAATA,SAAS;MAAEC,KAAK,WAALA,KAAK;IAWnC,MAAMC,MAAM,GAAGH,SAAS,CAACI,aAAa,CAAC,QAAQ,CAAC;IAEhDD,MAAM,oBAANA,MAAM,CAAEE,KAAK,EAAE;IAEf,MAAMC,OAAO,GAAGL,SAAS,CAAC,gBAAgB,CAAC;IAC3C,MAAMM,MAAM,GAAGN,SAAS,CAAC,OAAO,CAAC;IACjC,MAAMO,OAAO,GAAGP,SAAS,CAAC,oBAAoB,CAAC;IAC/C,MAAMQ,MAAM,GAAGR,SAAS,CAAC,QAAQ,CAAC;IAClC,MAAMS,OAAO,GAAGT,SAAS,CAAC,iBAAiB,CAAC;IAC5C,MAAMU,MAAM,GAAGV,SAAS,CAAC,QAAQ,CAAC;IAElCW,MAAM,CAACN,OAAO,CAAC,CAACO,UAAU,EAAE;IAC5BD,MAAM,CAACJ,OAAO,CAAC,CAACK,UAAU,EAAE;IAC5BD,MAAM,CAACF,OAAO,CAAC,CAACG,UAAU,EAAE;IAE5BD,MAAM,CAACL,MAAM,CAAC,CAACM,UAAU,EAAE;IAC3BD,MAAM,CAACH,MAAM,CAAC,CAACI,UAAU,EAAE;IAC3BD,MAAM,CAACD,MAAM,CAAC,CAACE,UAAU,EAAE;EAC7B,CAAC,CAAC;EAEFlB,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClC,MAAMC,OAAO,GAAGC,IAAI,CAACC,EAAE,EAAE;IACzB,iBAAwC,IAAAC,cAAM,gBAC5C,6BAAC,+BAAqB;QAAC,KAAK,EAAE;UAAEe,MAAM,EAAE;QAAK,CAAE;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,gBAC7C,6BAAC,4BAAmB;QAClB,QAAQ,EAAE,KAAM;QAChB,OAAO,EAAEzB,OAAQ;QACjB,KAAK,EAAC,OAAO;QACb,QAAQ,EAAEO,OAAQ;QAClB,SAAS,EAAC,gBAAgB;QAC1B,cAAc,EAAC,mBAAmB;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAClC,CACoB,CACzB;MAXOI,SAAS,YAATA,SAAS;MAAEC,SAAS,YAATA,SAAS;MAAEC,KAAK,YAALA,KAAK;IAanC,MAAMa,MAAM,GAAGf,SAAS,CAACI,aAAa,CAAC,QAAQ,CAAC;IAEhDW,MAAM,oBAANA,MAAM,CAAEV,KAAK,EAAE;IAEf,MAAME,MAAM,GAAGN,SAAS,CAAC,OAAO,CAAC;IAEjC,MAAMQ,MAAM,GAAGR,SAAS,CAAC,QAAQ,CAAC;IAElC,MAAMU,MAAM,GAAGV,SAAS,CAAC,QAAQ,CAAC;IAElCW,MAAM,CAACL,MAAM,CAAC,CAACM,UAAU,EAAE;IAC3BD,MAAM,CAACH,MAAM,CAAC,CAACI,UAAU,EAAE;IAC3BD,MAAM,CAACD,MAAM,CAAC,CAACE,UAAU,EAAE;EAC7B,CAAC,CAAC;EAEFlB,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClC,MAAMC,OAAO,GAAGC,IAAI,CAACC,EAAE,EAAE;IACzB,iBAAkD,IAAAC,cAAM,gBACtD,6BAAC,4BAAmB;QAClB,QAAQ,EAAE,KAAM;QAChB,OAAO,EAAEV,OAAQ;QACjB,KAAK,EAAC,OAAO;QACb,QAAQ,EAAEO,OAAQ;QAClB,SAAS,EAAC,gBAAgB;QAC1B,cAAc,EAAC,mBAAmB;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAClC,CACH;MATOI,SAAS,YAATA,SAAS;MAAEC,SAAS,YAATA,SAAS;MAAEC,KAAK,YAALA,KAAK;MAAEc,QAAQ,YAARA,QAAQ;IAW7C,MAAMb,MAAM,GAAGH,SAAS,CAACI,aAAa,CAAC,QAAQ,CAAC;IAEhDD,MAAM,oBAANA,MAAM,CAAEE,KAAK,EAAE;IAEf,MAAMC,OAAO,GAAGL,SAAS,CAAC,OAAO,CAAC;IAElCK,OAAO,CAACD,KAAK,EAAE;IAEfO,MAAM,CAAChB,OAAO,CAAC,CAACqB,oBAAoB,CAAC,GAAG,CAAC;IAEzCD,QAAQ,eACN,6BAAC,4BAAmB;MAClB,QAAQ,EAAE,KAAM;MAChB,OAAO,EAAE3B,OAAQ;MACjB,KAAK,EAAC,OAAO;MACb,QAAQ,EAAEO,OAAQ;MAClB,SAAS,EAAC,gBAAgB;MAC1B,cAAc,EAAC,mBAAmB;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAClC,CACH;IAEDO,MAAM,oBAANA,MAAM,CAAEE,KAAK,EAAE;IAEf,MAAMG,OAAO,GAAGP,SAAS,CAAC,QAAQ,CAAC;IAEnCO,OAAO,CAACH,KAAK,EAAE;IACfO,MAAM,CAAChB,OAAO,CAAC,CAACqB,oBAAoB,CAAC,GAAG,CAAC;EAC3C,CAAC,CAAC;EAEFtB,EAAE,CAAC,mBAAmB,EAAE,MAAM;IAC5B,MAAMC,OAAO,GAAGC,IAAI,CAACC,EAAE,EAAE;IACzB,iBAAwC,IAAAC,cAAM,gBAC5C,6BAAC,4BAAmB;QAClB,QAAQ,EAAE,IAAK;QACf,OAAO,EAAEV,OAAQ;QACjB,KAAK,EAAC,GAAG;QACT,QAAQ,EAAEO,OAAQ;QAClB,SAAS,EAAC,gBAAgB;QAC1B,cAAc,EAAC,mBAAmB;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAClC,CACH;MATOI,SAAS,YAATA,SAAS;MAAEC,SAAS,YAATA,SAAS;MAAEC,KAAK,YAALA,KAAK;IAWnC,MAAMgB,WAAW,GAAGlB,SAAS,CAACI,aAAa,CAAC,0BAA0B,CAAC;IACvEQ,MAAM,CAACM,WAAW,CAAC,CAACL,UAAU,EAAE;EAClC,CAAC,CAAC;EAEFlB,EAAE,CAAC,sBAAsB,EAAE,MAAM;IAC/B,iBAA6B,IAAAI,cAAM,gBACjC,6BAAC,4BAAmB;QAClB,QAAQ,EAAE,IAAK;QACf,KAAK,EAAC,GAAG;QACT,OAAO,EAAEV,OAAQ;QACjB,SAAS,EAAC,iBAAiB;QAC3B,cAAc,EAAC,mBAAmB;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAClC,CACH;MAROW,SAAS,YAATA,SAAS;MAAEE,KAAK,YAALA,KAAK;IAUxB,MAAMiB,SAAS,GAAGnB,SAAS,CAACI,aAAa,CAAC,kBAAkB,CAAC;IAE7D,MAAMgB,IAAI,GAAGpB,SAAS,CAACI,aAAa,CAAC,KAAK,CAAC;;IAE3C;;IAEAQ,MAAM,CAACO,SAAS,CAAC,CAACN,UAAU,EAAE;IAC9BD,MAAM,CAACQ,IAAI,CAAC,CAACP,UAAU,EAAE;EAC3B,CAAC,CAAC;EAEFlB,EAAE,CAAC,iBAAiB,EAAE,MAAM;IAC1B,MAAMC,OAAO,GAAGC,IAAI,CAACC,EAAE,EAAE;IACzB,iBAAwC,IAAAC,cAAM,gBAC5C,6BAAC,4BAAmB;QAClB,QAAQ,EAAE,KAAM;QAChB,OAAO,EAAEV,OAAQ;QACjB,KAAK,EAAC,GAAG;QACT,QAAQ,EAAEO,OAAQ;QAClB,SAAS,EAAC,gBAAgB;QAC1B,cAAc,EAAC,mBAAmB;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAClC,CACH;MATOI,SAAS,YAATA,SAAS;MAAEC,SAAS,YAATA,SAAS;MAAEC,KAAK,YAALA,KAAK;IAWnC,MAAMmB,SAAS,GAAGrB,SAAS,CAACI,aAAa,CAAC,6BAA6B,CAAC;IAExEQ,MAAM,CAACS,SAAS,CAAC,CAACR,UAAU,EAAE;IAC9BD,MAAM,CAACS,SAAS,oBAATA,SAAS,CAAEC,SAAS,CAAC,CAACC,IAAI,CAAC,QAAQ,CAAC;EAC7C,CAAC,CAAC;EAEF5B,EAAE,CAAC,mBAAmB,EAAE,MAAM;IAC5B,MAAMC,OAAO,GAAGC,IAAI,CAACC,EAAE,EAAE;IACzB,iBAAwC,IAAAC,cAAM,gBAC5C,6BAAC,4BAAmB;QAClB,QAAQ,EAAE,KAAM;QAChB,OAAO,EAAEV,OAAQ;QACjB,KAAK,EAAC,GAAG;QACT,QAAQ,EAAEO,OAAQ;QAClB,SAAS,EAAC,gBAAgB;QAC1B,cAAc,EAAC,mBAAmB;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAClC,CACH;MATOI,SAAS,YAATA,SAAS;MAAEC,SAAS,YAATA,SAAS;MAAEC,KAAK,YAALA,KAAK;IAWnC,MAAMC,MAAM,GAAGH,SAAS,CAACI,aAAa,CAAC,QAAQ,CAAC;IAEhDD,MAAM,oBAANA,MAAM,CAAEE,KAAK,EAAE;IAEf,MAAMK,OAAO,GAAGT,SAAS,CAAC,QAAQ,CAAC;IAEnCS,OAAO,CAACL,KAAK,EAAE;IAEf,MAAMmB,aAAa,GAAGxB,SAAS,CAACI,aAAa,CAC3C,6BAA6B,CAC9B;IAEDQ,MAAM,CAACY,aAAa,oBAAbA,aAAa,CAAEF,SAAS,CAAC,CAACC,IAAI,CAAC,OAAO,CAAC;EAChD,CAAC,CAAC;AACJ,CAAC,CAAC"}