@wix/entity-advanced-permissions 1.807.0 → 1.808.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/cjs/components/NotifyBox/NotifyBox.js.map +1 -1
- package/dist/cjs/components/PermissionsDropdown/PermissionsDropdown.js.map +1 -1
- package/dist/cjs/example/BasicExample.js.map +1 -1
- package/dist/statics/entity-advanced-permissions.css +4 -4
- package/dist/statics/entity-advanced-permissions.css.map +1 -1
- package/dist/statics/entity-advanced-permissions.min.css +1 -1
- package/dist/statics/entity-advanced-permissions.rtl.css +4 -4
- package/dist/statics/entity-advanced-permissions.rtl.min.css +1 -1
- package/dist/statics/entity-advanced-permissions.umd.js +464 -537
- package/dist/statics/entity-advanced-permissions.umd.js.map +1 -1
- package/dist/statics/entity-advanced-permissions.umd.min.js +5 -5
- package/dist/statics/entity-advanced-permissions.umd.min.js.map +1 -1
- package/dist/statics/manifest.json +2 -2
- package/dist/statics/manifest.min.json +2 -2
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["EmptyState","props","mobile","useContext","TPAComponentsContext","mainTitle","description","className","isDashboard","wsrEmptyStateTitle","wsrEmptyStateDescription","st","classes","emptyStateWsr","emptyState","TextTypography","smallTitle","he","decode","runningText"],"sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport he from 'he';\nimport { Text, TextTypography } from 'wix-ui-tpa';\nimport { classes, st } from './EmptyState.st.css';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\nimport { EmptyState as WSREmptyState, Box, Text as WSRText } from 'wix-style-react';\n\nexport interface EmptyStateProps {\n mainTitle: string;\n description: string;\n className?: string;\n isDashboard?: boolean;\n}\n\nfunction EmptyState(props: EmptyStateProps) {\n const { mobile } = useContext(TPAComponentsContext);\n const { mainTitle, description, className, isDashboard = false } = props;\n\n if (isDashboard) {\n const wsrEmptyStateTitle = <WSRText size={'medium'} weight={'bold'}> {mainTitle} </WSRText>;\n const wsrEmptyStateDescription = <WSRText size={'medium'}> {description} </WSRText>;\n return (\n <Box className={st(classes.emptyStateWsr)} >\n <WSREmptyState\n theme={'page-no-border'}\n title={wsrEmptyStateTitle}\n align={'center'}\n subtitle={wsrEmptyStateDescription}\n />\n </Box>\n );\n }\n\n return (\n <div className={st(classes.emptyState, { mobile }, className)}>\n <Text\n typography={TextTypography.smallTitle}\n className={st(classes.mainTitle)}\n >\n {he.decode(mainTitle)}\n </Text>\n <Text\n typography={TextTypography.runningText}\n className={st(classes.description)}\n >\n {he.decode(description)}\n </Text>\n </div>\n );\n}\n\nexport default EmptyState;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AAEA;AAAoF;AAAA;AAAA;AASpF,SAASA,UAAU,CAACC,KAAsB,EAAE;EAC1C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAU,EAACC,8BAAoB,CAAC;EACnD,MAAM;IAAEC,SAAS;IAAEC,WAAW;IAAEC,SAAS;IAAEC,WAAW,GAAG;EAAM,CAAC,GAAGP,KAAK;EAExE,IAAIO,WAAW,EAAE;IACf,MAAMC,kBAAkB,gBAAG,6BAAC,mBAAO;MAAC,IAAI,EAAE,QAAS;MAAC,MAAM,EAAE,MAAO;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,
|
|
1
|
+
{"version":3,"names":["EmptyState","props","mobile","useContext","TPAComponentsContext","mainTitle","description","className","isDashboard","wsrEmptyStateTitle","wsrEmptyStateDescription","st","classes","emptyStateWsr","emptyState","TextTypography","smallTitle","he","decode","runningText"],"sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport he from 'he';\nimport { Text, TextTypography } from 'wix-ui-tpa';\nimport { classes, st } from './EmptyState.st.css';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\nimport { EmptyState as WSREmptyState, Box, Text as WSRText } from 'wix-style-react';\n\nexport interface EmptyStateProps {\n mainTitle: string;\n description: string;\n className?: string;\n isDashboard?: boolean;\n}\n\nfunction EmptyState(props: EmptyStateProps) {\n const { mobile } = useContext(TPAComponentsContext);\n const { mainTitle, description, className, isDashboard = false } = props;\n\n if (isDashboard) {\n const wsrEmptyStateTitle = <WSRText size={'medium'} weight={'bold'}> {mainTitle} </WSRText>;\n const wsrEmptyStateDescription = <WSRText size={'medium'}> {description} </WSRText>;\n return (\n <Box className={st(classes.emptyStateWsr)} >\n <WSREmptyState\n theme={'page-no-border'}\n title={wsrEmptyStateTitle}\n align={'center'}\n subtitle={wsrEmptyStateDescription}\n />\n </Box>\n );\n }\n\n return (\n <div className={st(classes.emptyState, { mobile }, className)}>\n <Text\n typography={TextTypography.smallTitle}\n className={st(classes.mainTitle)}\n >\n {he.decode(mainTitle)}\n </Text>\n <Text\n typography={TextTypography.runningText}\n className={st(classes.description)}\n >\n {he.decode(description)}\n </Text>\n </div>\n );\n}\n\nexport default EmptyState;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AAEA;AAAoF;AAAA;AAAA;AASpF,SAASA,UAAU,CAACC,KAAsB,EAAE;EAC1C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAU,EAACC,8BAAoB,CAAC;EACnD,MAAM;IAAEC,SAAS;IAAEC,WAAW;IAAEC,SAAS;IAAEC,WAAW,GAAG;EAAM,CAAC,GAAGP,KAAK;EAExE,IAAIO,WAAW,EAAE;IACf,MAAMC,kBAAkB,gBAAG,6BAAC,mBAAO;MAAC,IAAI,EAAE,QAAS;MAAC,MAAM,EAAE,MAAO;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAAC,GAAC,EAACJ,SAAS,EAAC,GAAC,CAAU;IAC3F,MAAMK,wBAAwB,gBAAG,6BAAC,mBAAO;MAAC,IAAI,EAAE,QAAS;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAAC,GAAC,EAACJ,WAAW,EAAC,GAAC,CAAU;IACnF,oBACE,6BAAC,kBAAG;MAAC,SAAS,EAAE,IAAAK,gBAAE,EAACC,qBAAO,CAACC,aAAa,CAAE;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBACxC,6BAAC,yBAAa;MACZ,KAAK,EAAE,gBAAiB;MACxB,KAAK,EAAEJ,kBAAmB;MAC1B,KAAK,EAAE,QAAS;MAChB,QAAQ,EAAEC,wBAAyB;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EACnC,CACE;EAEV;EAEA,oBACE;IAAK,SAAS,EAAE,IAAAC,gBAAE,EAACC,qBAAO,CAACE,UAAU,EAAE;MAAEZ;IAAO,CAAC,EAAEK,SAAS,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBAC5D,6BAAC,cAAI;IACH,UAAU,EAAEQ,wBAAc,CAACC,UAAW;IACtC,SAAS,EAAE,IAAAL,gBAAE,EAACC,qBAAO,CAACP,SAAS,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAEhCY,WAAE,CAACC,MAAM,CAACb,SAAS,CAAC,CAChB,eACP,6BAAC,cAAI;IACH,UAAU,EAAEU,wBAAc,CAACI,WAAY;IACvC,SAAS,EAAE,IAAAR,gBAAE,EAACC,qBAAO,CAACN,WAAW,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAElCW,WAAE,CAACC,MAAM,CAACZ,WAAW,CAAC,CAClB,CACH;AAEV;AAAC,eAEcN,UAAU;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["NotifyBox","props","mobile","useContext","TPAComponentsContext","checkBoxNotifyLabel","notifyMessagePlaceholder","onChange","value","notify","notifyMessage","notifyLabelHint","notifyMessageLabel","isDashboard","isSitePublished","textAreaChange","e","type","SET_MESSAGE","target","notifyCheckboxChanged","val","SET_NOTIFY","checked","checkboxLabel","TextTypography","runningText","classes","checkboxInnerText","he","decode","checkboxView","st","notifyCheckbox","document","body","hintTooltip","notifyLength","length","root","dashboard","wsrnotifyCheckboxContainer","notifyCheckboxContainer","infoIcon","maxWidth","noteTextArea"],"sources":["../../../../src/components/NotifyBox/NotifyBox.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Checkbox } from 'wix-ui-tpa';\nimport { TextArea } from 'wix-ui-tpa';\nimport { st, classes } from './NotifyBox.st.css';\n//import { OnChangeEvent } from 'wix-ui-tpa';\nimport he from 'he';\nimport { SET_NOTIFY, SET_MESSAGE } from '../EntityAdvancedPermissionsState';\nimport {\n AdvancedPermissionAction,\n AdvancedPermissionState,\n} from '../EntityAdvancedPermissionsTypes';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\nimport { Text, TextTypography } from 'wix-ui-tpa';\nimport { Tooltip } from 'wix-ui-tpa';\nimport { default as BO_Checkbox } from 'wix-style-react/dist/es/src/Checkbox';\nimport FormField from 'wix-style-react/dist/es/src/FormField';\nimport InputArea from 'wix-style-react/dist/es/src/InputArea';\nimport { InfoIcon, Text as BO_Text } from 'wix-style-react';\n\nexport interface NotifyBoxProps {\n checkBoxNotifyLabel: string;\n notifyMessagePlaceholder: string;\n value: AdvancedPermissionState;\n onChange(data: AdvancedPermissionAction): void;\n notifyLabelHint?: string;\n notifyMessageLabel?: string;\n isDashboard?: boolean;\n isSitePublished?:boolean;\n}\n\nfunction NotifyBox(props: NotifyBoxProps) {\n const { mobile } = useContext(TPAComponentsContext);\n const {\n checkBoxNotifyLabel,\n notifyMessagePlaceholder,\n onChange,\n value: { notify, notifyMessage },\n notifyLabelHint,\n notifyMessageLabel = '',\n isDashboard = false,\n isSitePublished,\n } = props;\n\n const textAreaChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n onChange({ type: SET_MESSAGE, notifyMessage: e.target.value });\n };\n\n const notifyCheckboxChanged = (val: any) => {\n onChange({ type: SET_NOTIFY, notify: val.checked });\n };\n\n const checkboxLabel = (\n <Text\n typography={TextTypography.runningText}\n className={classes.checkboxInnerText}\n >\n {he.decode(checkBoxNotifyLabel || '')}\n </Text>\n );\n const checkboxView = mobile ? (\n <Checkbox\n className={st(classes.notifyCheckbox, { checked: notify })}\n onChange={notifyCheckboxChanged}\n label={checkboxLabel}\n checked={notify}\n aria-describedby=\"tooltipText\"\n />\n ) : (\n <Tooltip\n content={notifyLabelHint}\n appendTo={document.body}\n className={st(classes.hintTooltip)}\n >\n <Checkbox\n className={st(classes.notifyCheckbox, { checked: notify })}\n onChange={notifyCheckboxChanged}\n label={checkboxLabel}\n checked={notify}\n aria-describedby=\"tooltipText\"\n />\n </Tooltip>\n );\n const notifyLength = 500 - (notifyMessage?.length || 0);\n return (\n <div className={st(classes.root, { mobile, dashboard: isDashboard })}>\n <div\n className={\n isDashboard\n ? st(classes.wsrnotifyCheckboxContainer)\n : st(classes.notifyCheckboxContainer)\n }\n >\n {isDashboard ? (\n <BO_Checkbox\n onChange={() => {\n const val: any = { checked: !notify };\n notifyCheckboxChanged(val);\n }}\n checked={notify && isSitePublished}\n disabled={!isSitePublished}\n >\n <BO_Text skin={isSitePublished?'standard':'disabled'}> {he.decode(checkBoxNotifyLabel || '')}</BO_Text>\n <InfoIcon size=\"small\" content={notifyLabelHint} className={st(classes.infoIcon)} tooltipProps={{ maxWidth: '272px' } } />\n </BO_Checkbox>\n ) : (\n checkboxView\n )}\n </div>\n <label className=\"sr-only\" id=\"tooltipText\" tabIndex={-1}>\n {notifyLabelHint}\n </label>\n {isDashboard ? (\n <FormField charCount={notifyLength}>\n <InputArea\n rows={6}\n maxLength={500}\n value={notifyMessage || ''}\n ariaLabel={he.decode(notifyMessageLabel || '')}\n onChange={textAreaChange}\n placeholder={he.decode(notifyMessagePlaceholder || '')}\n disabled={!isSitePublished || !notify}\n />\n </FormField>\n ) : (\n <TextArea\n className={st(classes.noteTextArea)}\n onChange={textAreaChange}\n ariaLabel={he.decode(notifyMessageLabel || '')}\n value={notifyMessage || ''}\n placeholder={he.decode(notifyMessagePlaceholder || '')}\n maxLength={500}\n />\n )}\n </div>\n );\n}\n\nexport default NotifyBox;\n"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["NotifyBox","props","mobile","useContext","TPAComponentsContext","checkBoxNotifyLabel","notifyMessagePlaceholder","onChange","value","notify","notifyMessage","notifyLabelHint","notifyMessageLabel","isDashboard","isSitePublished","textAreaChange","e","type","SET_MESSAGE","target","notifyCheckboxChanged","val","SET_NOTIFY","checked","checkboxLabel","TextTypography","runningText","classes","checkboxInnerText","he","decode","checkboxView","st","notifyCheckbox","document","body","hintTooltip","notifyLength","length","root","dashboard","wsrnotifyCheckboxContainer","notifyCheckboxContainer","infoIcon","maxWidth","noteTextArea"],"sources":["../../../../src/components/NotifyBox/NotifyBox.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Checkbox } from 'wix-ui-tpa';\nimport { TextArea } from 'wix-ui-tpa';\nimport { st, classes } from './NotifyBox.st.css';\n//import { OnChangeEvent } from 'wix-ui-tpa';\nimport he from 'he';\nimport { SET_NOTIFY, SET_MESSAGE } from '../EntityAdvancedPermissionsState';\nimport {\n AdvancedPermissionAction,\n AdvancedPermissionState,\n} from '../EntityAdvancedPermissionsTypes';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\nimport { Text, TextTypography } from 'wix-ui-tpa';\nimport { Tooltip } from 'wix-ui-tpa';\nimport { default as BO_Checkbox } from 'wix-style-react/dist/es/src/Checkbox';\nimport FormField from 'wix-style-react/dist/es/src/FormField';\nimport InputArea from 'wix-style-react/dist/es/src/InputArea';\nimport { InfoIcon, Text as BO_Text } from 'wix-style-react';\n\nexport interface NotifyBoxProps {\n checkBoxNotifyLabel: string;\n notifyMessagePlaceholder: string;\n value: AdvancedPermissionState;\n onChange(data: AdvancedPermissionAction): void;\n notifyLabelHint?: string;\n notifyMessageLabel?: string;\n isDashboard?: boolean;\n isSitePublished?:boolean;\n}\n\nfunction NotifyBox(props: NotifyBoxProps) {\n const { mobile } = useContext(TPAComponentsContext);\n const {\n checkBoxNotifyLabel,\n notifyMessagePlaceholder,\n onChange,\n value: { notify, notifyMessage },\n notifyLabelHint,\n notifyMessageLabel = '',\n isDashboard = false,\n isSitePublished,\n } = props;\n\n const textAreaChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n onChange({ type: SET_MESSAGE, notifyMessage: e.target.value });\n };\n\n const notifyCheckboxChanged = (val: any) => {\n onChange({ type: SET_NOTIFY, notify: val.checked });\n };\n\n const checkboxLabel = (\n <Text\n typography={TextTypography.runningText}\n className={classes.checkboxInnerText}\n >\n {he.decode(checkBoxNotifyLabel || '')}\n </Text>\n );\n const checkboxView = mobile ? (\n <Checkbox\n className={st(classes.notifyCheckbox, { checked: notify })}\n onChange={notifyCheckboxChanged}\n label={checkboxLabel}\n checked={notify}\n aria-describedby=\"tooltipText\"\n />\n ) : (\n <Tooltip\n content={notifyLabelHint}\n appendTo={document.body}\n className={st(classes.hintTooltip)}\n >\n <Checkbox\n className={st(classes.notifyCheckbox, { checked: notify })}\n onChange={notifyCheckboxChanged}\n label={checkboxLabel}\n checked={notify}\n aria-describedby=\"tooltipText\"\n />\n </Tooltip>\n );\n const notifyLength = 500 - (notifyMessage?.length || 0);\n return (\n <div className={st(classes.root, { mobile, dashboard: isDashboard })}>\n <div\n className={\n isDashboard\n ? st(classes.wsrnotifyCheckboxContainer)\n : st(classes.notifyCheckboxContainer)\n }\n >\n {isDashboard ? (\n <BO_Checkbox\n onChange={() => {\n const val: any = { checked: !notify };\n notifyCheckboxChanged(val);\n }}\n checked={notify && isSitePublished}\n disabled={!isSitePublished}\n >\n <BO_Text skin={isSitePublished?'standard':'disabled'}> {he.decode(checkBoxNotifyLabel || '')}</BO_Text>\n <InfoIcon size=\"small\" content={notifyLabelHint} className={st(classes.infoIcon)} tooltipProps={{ maxWidth: '272px' } } />\n </BO_Checkbox>\n ) : (\n checkboxView\n )}\n </div>\n <label className=\"sr-only\" id=\"tooltipText\" tabIndex={-1}>\n {notifyLabelHint}\n </label>\n {isDashboard ? (\n <FormField charCount={notifyLength}>\n <InputArea\n rows={6}\n maxLength={500}\n value={notifyMessage || ''}\n ariaLabel={he.decode(notifyMessageLabel || '')}\n onChange={textAreaChange}\n placeholder={he.decode(notifyMessagePlaceholder || '')}\n disabled={!isSitePublished || !notify}\n />\n </FormField>\n ) : (\n <TextArea\n className={st(classes.noteTextArea)}\n onChange={textAreaChange}\n ariaLabel={he.decode(notifyMessageLabel || '')}\n value={notifyMessage || ''}\n placeholder={he.decode(notifyMessagePlaceholder || '')}\n maxLength={500}\n />\n )}\n </div>\n );\n}\n\nexport default NotifyBox;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["permissionLevels","VIEW","CONTRIBUTE","MANAGE","NONE","getOverlay","div","document","createElement","style","position","left","bottom","right","top","PermissionsDropdown","props","mobile","useContext","TPAComponentsContext","overlay","useRef","options","className","ariaLabelledBy","isDashboard","isStep2","shouldChangeColor","selected","setSelected","useState","value","step1MenuClassName","setStep1MenuClassName","st","classes","whiteColor","getIcon","id","dropDownChange","e","lockScrolling","toString","onChange","getPermissionIcon","permissionId","newOptions","map","k","he","decode","subtitle","icon","key","expanded","docBody","body","appendChild","current","contains","removeChild","updatedOptions","permission","divider","label","listItemSelectBuilder","prefix","title","wsrMenuTextPaddings","isLastChild","wsrOption","selectedPermission","find","buttonClassName","placement","appendTo","toggle","selectedOption","disabled","permissionsDropdown","isDisabled"],"sources":["../../../../src/components/PermissionsDropdown/PermissionsDropdown.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport { FloatingDropdown } from 'wix-ui-tpa';\nimport { st, classes } from './PermissionsDropdown.st.css';\nimport EmptyLogo from '../../assets/icons/DropdownCheckedEmpty.svg';\nimport CheckedIcon from '../../assets/icons/DropdownChecked.svg';\nimport he from 'he';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\nimport {\n Dropdown,\n DropdownBase,\n listItemSelectBuilder,\n TextButton,\n Text,\n Box,\n} from 'wix-style-react';\nimport ChevronDown from 'wix-ui-icons-common/ChevronDown';\nimport Visible from 'wix-ui-icons-common/Visible';\nimport DownloadImport from 'wix-ui-icons-common/DownloadImport';\nimport Settings from 'wix-ui-icons-common/Settings';\nimport Delete from 'wix-ui-icons-common/Delete';\n\nexport interface PermissionsOptionsProps {\n id?: string;\n value?: string;\n subtitle?: string;\n divider?: boolean;\n isSelectable?: boolean;\n}\n\nexport interface PermissionsDropdownProps {\n disabled: boolean;\n options: PermissionsOptionsProps[];\n value?: string;\n onChange?(id: string): void; // function to update parent component which permission(id) was selected\n className?: string;\n ariaLabelledBy?: string;\n isDashboard?: boolean;\n isStep2?: boolean;\n shouldChangeColor?: boolean;\n}\n\nconst permissionLevels = {\n VIEW: 'VIEW',\n CONTRIBUTE: 'CONTRIBUTE',\n MANAGE: 'MANAGE',\n NONE: 'NONE',\n};\n\nconst getOverlay = (): Node => {\n const div = document.createElement('div');\n div.style.position = 'fixed';\n div.style.left = '0';\n div.style.bottom = '0';\n div.style.right = '0';\n div.style.top = '0';\n\n return div;\n};\n\nfunction PermissionsDropdown(props: PermissionsDropdownProps) {\n const { mobile } = useContext(TPAComponentsContext);\n const overlay = useRef<Node>(getOverlay());\n const {\n options,\n className,\n ariaLabelledBy = '',\n isDashboard = false,\n isStep2 = false,\n shouldChangeColor=false,\n } = props;\n const [selected, setSelected] = useState(props.value); // selected permission menu title\n const [step1MenuClassName, setStep1MenuClassName] = useState(st(classes.whiteColor));\n const getIcon = (id: string) => {\n return id === selected ? <CheckedIcon /> : <EmptyLogo />;\n };\n const dropDownChange = (\n e: PermissionsOptionsProps | any,\n ) => {\n if (!isDashboard) {\n if (!mobile) {\n lockScrolling(false);\n }\n setSelected(e.id?.toString());\n }\n if(!isStep2){\n setStep1MenuClassName(st(classes.whiteColor));\n }\n if (props.onChange) {\n props.onChange(`${e.id}`);\n }\n };\n\n const getPermissionIcon = (permissionId: string) => {\n switch (permissionId) {\n case permissionLevels.VIEW:\n return <Visible />;\n case permissionLevels.CONTRIBUTE:\n return <DownloadImport />;\n case permissionLevels.MANAGE:\n return <Settings />;\n case permissionLevels.NONE:\n return <Delete />;\n default:\n return '';\n }\n };\n\n const newOptions = options.map((k) => {\n return {\n ...k,\n value: he.decode(k.value || ''),\n subtitle: he.decode(k.subtitle || ''),\n icon: getIcon(`${k.id}`),\n key: k.id,\n };\n });\n\n const lockScrolling = (expanded: any) => {\n const docBody = document.body;\n if (expanded) {\n docBody.appendChild(overlay.current);\n } else if (docBody.contains(overlay.current)) {\n docBody.removeChild(overlay.current);\n }\n };\n\n if (isDashboard) {\n const updatedOptions = options.map((permission: any) => {\n return permission.divider ?\n {value: '-', label:'', id:''}\n :\n listItemSelectBuilder({\n id: permission.id,\n prefix: <Box paddingLeft={1}>{getPermissionIcon(permission.id )}</Box>,\n title: <Text size={'medium'} className={st(classes.wsrMenuTextPaddings, { isLastChild: permission.id === permissionLevels.NONE })} > {permission.value} </Text>,\n subtitle: <Text className={st(classes.wsrMenuTextPaddings)} size={'small'} textAlign={'start'}>{permission.subtitle} </Text>,\n label: permission.value,\n className: st(classes.wsrOption),\n });\n });\n\n const selectedPermission = updatedOptions.find(\n (permission: any) => permission.id === props.value,\n );\n const buttonClassName = shouldChangeColor ?step1MenuClassName : '';\n return ( isStep2 ?\n <Dropdown\n placeholder={selectedPermission?.label || ''}\n dropdownWidth=\"320px\"\n options={updatedOptions}\n popoverProps={{\n placement: 'bottom-end',\n appendTo:'parent',\n }}\n className={className}\n onSelect={dropDownChange}\n />\n :\n <DropdownBase\n options={updatedOptions}\n maxWidth={'320px'}\n minWidth={'320px'}\n className={className}\n maxHeight={'348px'}\n appendTo={buttonClassName ? `.${buttonClassName}` : 'scrollParent'}\n onSelect={dropDownChange}\n placement={'bottom-end'}\n overflow={'visible'}\n flip={false}\n >\n {({ toggle, selectedOption = {} }) => (\n <TextButton skin=\"dark\" className={buttonClassName} onClick={toggle} suffixIcon={<ChevronDown />}>\n {(selectedOption.id !== 'NONE' && selectedOption.label) ||\n selectedPermission?.label}\n </TextButton>\n )}\n </DropdownBase>\n );\n }\n\n return (\n <FloatingDropdown\n removeElementMinWidth\n aria-labelledby={ariaLabelledBy}\n options={newOptions}\n disabled={props.disabled}\n value={selected}\n label={''}\n onChange={dropDownChange}\n className={st(\n classes.permissionsDropdown,\n {\n isDisabled: props.disabled,\n mobile,\n },\n className,\n )}\n appendTo=\"window\"\n onExpandedChange={lockScrolling}\n placement=\"bottom-start\"\n />\n );\n}\n\nexport default PermissionsDropdown;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAQA;AACA;AACA;AACA;AACA;AAAgD;AAAA;AAAA;AAsBhD,MAAMA,gBAAgB,GAAG;EACvBC,IAAI,EAAE,MAAM;EACZC,UAAU,EAAE,YAAY;EACxBC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,UAAU,GAAG,MAAY;EAC7B,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACzCF,GAAG,CAACG,KAAK,CAACC,QAAQ,GAAG,OAAO;EAC5BJ,GAAG,CAACG,KAAK,CAACE,IAAI,GAAG,GAAG;EACpBL,GAAG,CAACG,KAAK,CAACG,MAAM,GAAG,GAAG;EACtBN,GAAG,CAACG,KAAK,CAACI,KAAK,GAAG,GAAG;EACrBP,GAAG,CAACG,KAAK,CAACK,GAAG,GAAG,GAAG;EAEnB,OAAOR,GAAG;AACZ,CAAC;AAED,SAASS,mBAAmB,CAACC,KAA+B,EAAE;EAC5D,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAU,EAACC,8BAAoB,CAAC;EACnD,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAOhB,UAAU,EAAE,CAAC;EAC1C,MAAM;IACJiB,OAAO;IACPC,SAAS;IACTC,cAAc,GAAG,EAAE;IACnBC,WAAW,GAAG,KAAK;IACnBC,OAAO,GAAG,KAAK;IACfC,iBAAiB,GAAC;EACpB,CAAC,GAAGX,KAAK;EACT,MAAM,CAACY,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAACd,KAAK,CAACe,KAAK,CAAC,CAAC,CAAC;EACvD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAH,eAAQ,EAAC,IAAAI,yBAAE,EAACC,8BAAO,CAACC,UAAU,CAAC,CAAC;EACpF,MAAMC,OAAO,GAAIC,EAAU,IAAK;IAC9B,OAAOA,EAAE,KAAKV,QAAQ,gBAAG,6BAAC,wBAAW;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG,gBAAG,6BAAC,6BAAS;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG;EAC1D,CAAC;EACD,MAAMW,cAAc,GAClBC,CAAgC,IAC7B;IACH,IAAI,CAACf,WAAW,EAAE;MAAA;MAChB,IAAI,CAACR,MAAM,EAAE;QACXwB,aAAa,CAAC,KAAK,CAAC;MACtB;MACAZ,WAAW,UAACW,CAAC,CAACF,EAAE,qBAAJ,MAAMI,QAAQ,EAAE,CAAC;IAC/B;IACA,IAAG,CAAChB,OAAO,EAAC;MACVO,qBAAqB,CAAC,IAAAC,yBAAE,EAACC,8BAAO,CAACC,UAAU,CAAC,CAAC;IAC/C;IACA,IAAIpB,KAAK,CAAC2B,QAAQ,EAAE;MAClB3B,KAAK,CAAC2B,QAAQ,CAAE,GAAEH,CAAC,CAACF,EAAG,EAAC,CAAC;IAC3B;EACF,CAAC;EAED,MAAMM,iBAAiB,GAAIC,YAAoB,IAAK;IAClD,QAAQA,YAAY;MAClB,KAAK7C,gBAAgB,CAACC,IAAI;QACxB,oBAAO,6BAAC,gBAAO;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,EAAG;MACpB,KAAKD,gBAAgB,CAACE,UAAU;QAC9B,oBAAO,6BAAC,uBAAc;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,EAAG;MAC3B,KAAKF,gBAAgB,CAACG,MAAM;QAC1B,oBAAO,6BAAC,iBAAQ;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,EAAG;MACrB,KAAKH,gBAAgB,CAACI,IAAI;QACxB,oBAAO,6BAAC,eAAM;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,EAAG;MACnB;QACE,OAAO,EAAE;IAAC;EAEhB,CAAC;EAED,MAAM0C,UAAU,GAAGxB,OAAO,CAACyB,GAAG,CAAEC,CAAC,IAAK;IACpC,OAAO;MACL,GAAGA,CAAC;MACJjB,KAAK,EAAEkB,WAAE,CAACC,MAAM,CAACF,CAAC,CAACjB,KAAK,IAAI,EAAE,CAAC;MAC/BoB,QAAQ,EAAEF,WAAE,CAACC,MAAM,CAACF,CAAC,CAACG,QAAQ,IAAI,EAAE,CAAC;MACrCC,IAAI,EAAEf,OAAO,CAAE,GAAEW,CAAC,CAACV,EAAG,EAAC,CAAC;MACxBe,GAAG,EAAEL,CAAC,CAACV;IACT,CAAC;EACH,CAAC,CAAC;EAEF,MAAMG,aAAa,GAAIa,QAAa,IAAK;IACvC,MAAMC,OAAO,GAAGhD,QAAQ,CAACiD,IAAI;IAC7B,IAAIF,QAAQ,EAAE;MACZC,OAAO,CAACE,WAAW,CAACrC,OAAO,CAACsC,OAAO,CAAC;IACtC,CAAC,MAAM,IAAIH,OAAO,CAACI,QAAQ,CAACvC,OAAO,CAACsC,OAAO,CAAC,EAAE;MAC5CH,OAAO,CAACK,WAAW,CAACxC,OAAO,CAACsC,OAAO,CAAC;IACtC;EACF,CAAC;EAED,IAAIjC,WAAW,EAAE;IACf,MAAMoC,cAAc,GAAGvC,OAAO,CAACyB,GAAG,CAAEe,UAAe,IAAK;MACtD,OAAOA,UAAU,CAACC,OAAO,GACvB;QAAChC,KAAK,EAAE,GAAG;QAAEiC,KAAK,EAAC,EAAE;QAAE1B,EAAE,EAAC;MAAE,CAAC,GAE7B,IAAA2B,oCAAqB,EAAC;QACtB3B,EAAE,EAAEwB,UAAU,CAACxB,EAAE;QACjB4B,MAAM,eAAE,6BAAC,kBAAG;UAAC,WAAW,EAAE,CAAE;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,GAAEtB,iBAAiB,CAACkB,UAAU,CAACxB,EAAE,CAAE,CAAO;QACtE6B,KAAK,eAAE,6BAAC,mBAAI;UAAC,IAAI,EAAE,QAAS;UAAC,SAAS,EAAE,IAAAjC,yBAAE,EAACC,8BAAO,CAACiC,mBAAmB,EAAE;YAAEC,WAAW,EAAEP,UAAU,CAACxB,EAAE,KAAKtC,gBAAgB,CAACI;UAAK,CAAC,CAAE;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,QAAI0D,UAAU,CAAC/B,KAAK,MAAS;QAC/JoB,QAAQ,eAAE,6BAAC,mBAAI;UAAC,SAAS,EAAE,IAAAjB,yBAAE,EAACC,8BAAO,CAACiC,mBAAmB,CAAE;UAAC,IAAI,EAAE,OAAQ;UAAC,SAAS,EAAE,OAAQ;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,GAAEN,UAAU,CAACX,QAAQ,MAAS;QAC5Ha,KAAK,EAAEF,UAAU,CAAC/B,KAAK;QACvBR,SAAS,EAAE,IAAAW,yBAAE,EAACC,8BAAO,CAACmC,SAAS;MACjC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAMC,kBAAkB,GAAGV,cAAc,CAACW,IAAI,CAC3CV,UAAe,IAAKA,UAAU,CAACxB,EAAE,KAAKtB,KAAK,CAACe,KAAK,CACnD;IACD,MAAM0C,eAAe,GAAG9C,iBAAiB,GAAEK,kBAAkB,GAAG,EAAE;IAClE,OAASN,OAAO,gBACZ,6BAAC,uBAAQ;MACP,WAAW,EAAE,CAAA6C,kBAAkB,oBAAlBA,kBAAkB,CAAEP,KAAK,KAAI,EAAG;MAC7C,aAAa,EAAC,OAAO;MACrB,OAAO,EAAEH,cAAe;MACxB,YAAY,EAAE;QACZa,SAAS,EAAE,YAAY;QACvBC,QAAQ,EAAC;MACX,CAAE;MACF,SAAS,EAAEpD,SAAU;MACrB,QAAQ,EAAEgB,cAAe;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EACzB,gBAEJ,6BAAC,2BAAY;MACX,OAAO,EAAEsB,cAAe;MACxB,QAAQ,EAAE,OAAQ;MAClB,QAAQ,EAAE,OAAQ;MAClB,SAAS,EAAEtC,SAAU;MACrB,SAAS,EAAE,OAAQ;MACnB,QAAQ,EAAEkD,eAAe,GAAI,IAAGA,eAAgB,EAAC,GAAG,cAAe;MACnE,QAAQ,EAAElC,cAAe;MACzB,SAAS,EAAE,YAAa;MACxB,QAAQ,EAAE,SAAU;MACpB,IAAI,EAAE,KAAM;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAEX,CAAC;MAAEqC,MAAM;MAAEC,cAAc,GAAG,CAAC;IAAE,CAAC,kBAC/B,6BAAC,yBAAU;MAAC,IAAI,EAAC,MAAM;MAAC,SAAS,EAAEJ,eAAgB;MAAE,OAAO,EAAEG,MAAO;MAAC,UAAU,eAAE,6BAAC,oBAAW;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAAI;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAC9FC,cAAc,CAACvC,EAAE,KAAK,MAAM,IAAIuC,cAAc,CAACb,KAAK,KACpDO,kBAAkB,oBAAlBA,kBAAkB,CAAEP,KAAK,EAE9B,CACY;EAEnB;EAEA,oBACE,6BAAC,0BAAgB;IACf,qBAAqB;IACrB,mBAAiBxC,cAAe;IAChC,OAAO,EAAEsB,UAAW;IACpB,QAAQ,EAAE9B,KAAK,CAAC8D,QAAS;IACzB,KAAK,EAAElD,QAAS;IAChB,KAAK,EAAE,EAAG;IACV,QAAQ,EAAEW,cAAe;IACzB,SAAS,EAAE,IAAAL,yBAAE,EACXC,8BAAO,CAAC4C,mBAAmB,EAC3B;MACEC,UAAU,EAAEhE,KAAK,CAAC8D,QAAQ;MAC1B7D;IACF,CAAC,EACDM,SAAS,CACT;IACF,QAAQ,EAAC,QAAQ;IACjB,gBAAgB,EAAEkB,aAAc;IAChC,SAAS,EAAC,cAAc;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EACxB;AAEN;AAAC,eAEc1B,mBAAmB;AAAA"}
|
|
1
|
+
{"version":3,"names":["permissionLevels","VIEW","CONTRIBUTE","MANAGE","NONE","getOverlay","div","document","createElement","style","position","left","bottom","right","top","PermissionsDropdown","props","mobile","useContext","TPAComponentsContext","overlay","useRef","options","className","ariaLabelledBy","isDashboard","isStep2","shouldChangeColor","selected","setSelected","useState","value","step1MenuClassName","setStep1MenuClassName","st","classes","whiteColor","getIcon","id","dropDownChange","e","lockScrolling","toString","onChange","getPermissionIcon","permissionId","newOptions","map","k","he","decode","subtitle","icon","key","expanded","docBody","body","appendChild","current","contains","removeChild","updatedOptions","permission","divider","label","listItemSelectBuilder","prefix","title","wsrMenuTextPaddings","isLastChild","wsrOption","selectedPermission","find","buttonClassName","placement","appendTo","toggle","selectedOption","disabled","permissionsDropdown","isDisabled"],"sources":["../../../../src/components/PermissionsDropdown/PermissionsDropdown.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport { FloatingDropdown } from 'wix-ui-tpa';\nimport { st, classes } from './PermissionsDropdown.st.css';\nimport EmptyLogo from '../../assets/icons/DropdownCheckedEmpty.svg';\nimport CheckedIcon from '../../assets/icons/DropdownChecked.svg';\nimport he from 'he';\nimport { TPAComponentsContext } from 'wix-ui-tpa';\nimport {\n Dropdown,\n DropdownBase,\n listItemSelectBuilder,\n TextButton,\n Text,\n Box,\n} from 'wix-style-react';\nimport ChevronDown from 'wix-ui-icons-common/ChevronDown';\nimport Visible from 'wix-ui-icons-common/Visible';\nimport DownloadImport from 'wix-ui-icons-common/DownloadImport';\nimport Settings from 'wix-ui-icons-common/Settings';\nimport Delete from 'wix-ui-icons-common/Delete';\n\nexport interface PermissionsOptionsProps {\n id?: string;\n value?: string;\n subtitle?: string;\n divider?: boolean;\n isSelectable?: boolean;\n}\n\nexport interface PermissionsDropdownProps {\n disabled: boolean;\n options: PermissionsOptionsProps[];\n value?: string;\n onChange?(id: string): void; // function to update parent component which permission(id) was selected\n className?: string;\n ariaLabelledBy?: string;\n isDashboard?: boolean;\n isStep2?: boolean;\n shouldChangeColor?: boolean;\n}\n\nconst permissionLevels = {\n VIEW: 'VIEW',\n CONTRIBUTE: 'CONTRIBUTE',\n MANAGE: 'MANAGE',\n NONE: 'NONE',\n};\n\nconst getOverlay = (): Node => {\n const div = document.createElement('div');\n div.style.position = 'fixed';\n div.style.left = '0';\n div.style.bottom = '0';\n div.style.right = '0';\n div.style.top = '0';\n\n return div;\n};\n\nfunction PermissionsDropdown(props: PermissionsDropdownProps) {\n const { mobile } = useContext(TPAComponentsContext);\n const overlay = useRef<Node>(getOverlay());\n const {\n options,\n className,\n ariaLabelledBy = '',\n isDashboard = false,\n isStep2 = false,\n shouldChangeColor=false,\n } = props;\n const [selected, setSelected] = useState(props.value); // selected permission menu title\n const [step1MenuClassName, setStep1MenuClassName] = useState(st(classes.whiteColor));\n const getIcon = (id: string) => {\n return id === selected ? <CheckedIcon /> : <EmptyLogo />;\n };\n const dropDownChange = (\n e: PermissionsOptionsProps | any,\n ) => {\n if (!isDashboard) {\n if (!mobile) {\n lockScrolling(false);\n }\n setSelected(e.id?.toString());\n }\n if(!isStep2){\n setStep1MenuClassName(st(classes.whiteColor));\n }\n if (props.onChange) {\n props.onChange(`${e.id}`);\n }\n };\n\n const getPermissionIcon = (permissionId: string) => {\n switch (permissionId) {\n case permissionLevels.VIEW:\n return <Visible />;\n case permissionLevels.CONTRIBUTE:\n return <DownloadImport />;\n case permissionLevels.MANAGE:\n return <Settings />;\n case permissionLevels.NONE:\n return <Delete />;\n default:\n return '';\n }\n };\n\n const newOptions = options.map((k) => {\n return {\n ...k,\n value: he.decode(k.value || ''),\n subtitle: he.decode(k.subtitle || ''),\n icon: getIcon(`${k.id}`),\n key: k.id,\n };\n });\n\n const lockScrolling = (expanded: any) => {\n const docBody = document.body;\n if (expanded) {\n docBody.appendChild(overlay.current);\n } else if (docBody.contains(overlay.current)) {\n docBody.removeChild(overlay.current);\n }\n };\n\n if (isDashboard) {\n const updatedOptions = options.map((permission: any) => {\n return permission.divider ?\n {value: '-', label:'', id:''}\n :\n listItemSelectBuilder({\n id: permission.id,\n prefix: <Box paddingLeft={1}>{getPermissionIcon(permission.id )}</Box>,\n title: <Text size={'medium'} className={st(classes.wsrMenuTextPaddings, { isLastChild: permission.id === permissionLevels.NONE })} > {permission.value} </Text>,\n subtitle: <Text className={st(classes.wsrMenuTextPaddings)} size={'small'} textAlign={'start'}>{permission.subtitle} </Text>,\n label: permission.value,\n className: st(classes.wsrOption),\n });\n });\n\n const selectedPermission = updatedOptions.find(\n (permission: any) => permission.id === props.value,\n );\n const buttonClassName = shouldChangeColor ?step1MenuClassName : '';\n return ( isStep2 ?\n <Dropdown\n placeholder={selectedPermission?.label || ''}\n dropdownWidth=\"320px\"\n options={updatedOptions}\n popoverProps={{\n placement: 'bottom-end',\n appendTo:'parent',\n }}\n className={className}\n onSelect={dropDownChange}\n />\n :\n <DropdownBase\n options={updatedOptions}\n maxWidth={'320px'}\n minWidth={'320px'}\n className={className}\n maxHeight={'348px'}\n appendTo={buttonClassName ? `.${buttonClassName}` : 'scrollParent'}\n onSelect={dropDownChange}\n placement={'bottom-end'}\n overflow={'visible'}\n flip={false}\n >\n {({ toggle, selectedOption = {} }) => (\n <TextButton skin=\"dark\" className={buttonClassName} onClick={toggle} suffixIcon={<ChevronDown />}>\n {(selectedOption.id !== 'NONE' && selectedOption.label) ||\n selectedPermission?.label}\n </TextButton>\n )}\n </DropdownBase>\n );\n }\n\n return (\n <FloatingDropdown\n removeElementMinWidth\n aria-labelledby={ariaLabelledBy}\n options={newOptions}\n disabled={props.disabled}\n value={selected}\n label={''}\n onChange={dropDownChange}\n className={st(\n classes.permissionsDropdown,\n {\n isDisabled: props.disabled,\n mobile,\n },\n className,\n )}\n appendTo=\"window\"\n onExpandedChange={lockScrolling}\n placement=\"bottom-start\"\n />\n );\n}\n\nexport default PermissionsDropdown;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAQA;AACA;AACA;AACA;AACA;AAAgD;AAAA;AAAA;AAsBhD,MAAMA,gBAAgB,GAAG;EACvBC,IAAI,EAAE,MAAM;EACZC,UAAU,EAAE,YAAY;EACxBC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,UAAU,GAAG,MAAY;EAC7B,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACzCF,GAAG,CAACG,KAAK,CAACC,QAAQ,GAAG,OAAO;EAC5BJ,GAAG,CAACG,KAAK,CAACE,IAAI,GAAG,GAAG;EACpBL,GAAG,CAACG,KAAK,CAACG,MAAM,GAAG,GAAG;EACtBN,GAAG,CAACG,KAAK,CAACI,KAAK,GAAG,GAAG;EACrBP,GAAG,CAACG,KAAK,CAACK,GAAG,GAAG,GAAG;EAEnB,OAAOR,GAAG;AACZ,CAAC;AAED,SAASS,mBAAmB,CAACC,KAA+B,EAAE;EAC5D,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAU,EAACC,8BAAoB,CAAC;EACnD,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAOhB,UAAU,EAAE,CAAC;EAC1C,MAAM;IACJiB,OAAO;IACPC,SAAS;IACTC,cAAc,GAAG,EAAE;IACnBC,WAAW,GAAG,KAAK;IACnBC,OAAO,GAAG,KAAK;IACfC,iBAAiB,GAAC;EACpB,CAAC,GAAGX,KAAK;EACT,MAAM,CAACY,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAACd,KAAK,CAACe,KAAK,CAAC,CAAC,CAAC;EACvD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAH,eAAQ,EAAC,IAAAI,yBAAE,EAACC,8BAAO,CAACC,UAAU,CAAC,CAAC;EACpF,MAAMC,OAAO,GAAIC,EAAU,IAAK;IAC9B,OAAOA,EAAE,KAAKV,QAAQ,gBAAG,6BAAC,wBAAW;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG,gBAAG,6BAAC,6BAAS;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG;EAC1D,CAAC;EACD,MAAMW,cAAc,GAClBC,CAAgC,IAC7B;IACH,IAAI,CAACf,WAAW,EAAE;MAAA;MAChB,IAAI,CAACR,MAAM,EAAE;QACXwB,aAAa,CAAC,KAAK,CAAC;MACtB;MACAZ,WAAW,UAACW,CAAC,CAACF,EAAE,qBAAJ,MAAMI,QAAQ,EAAE,CAAC;IAC/B;IACA,IAAG,CAAChB,OAAO,EAAC;MACVO,qBAAqB,CAAC,IAAAC,yBAAE,EAACC,8BAAO,CAACC,UAAU,CAAC,CAAC;IAC/C;IACA,IAAIpB,KAAK,CAAC2B,QAAQ,EAAE;MAClB3B,KAAK,CAAC2B,QAAQ,CAAE,GAAEH,CAAC,CAACF,EAAG,EAAC,CAAC;IAC3B;EACF,CAAC;EAED,MAAMM,iBAAiB,GAAIC,YAAoB,IAAK;IAClD,QAAQA,YAAY;MAClB,KAAK7C,gBAAgB,CAACC,IAAI;QACxB,oBAAO,6BAAC,gBAAO;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,EAAG;MACpB,KAAKD,gBAAgB,CAACE,UAAU;QAC9B,oBAAO,6BAAC,uBAAc;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,EAAG;MAC3B,KAAKF,gBAAgB,CAACG,MAAM;QAC1B,oBAAO,6BAAC,iBAAQ;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,EAAG;MACrB,KAAKH,gBAAgB,CAACI,IAAI;QACxB,oBAAO,6BAAC,eAAM;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,EAAG;MACnB;QACE,OAAO,EAAE;IAAC;EAEhB,CAAC;EAED,MAAM0C,UAAU,GAAGxB,OAAO,CAACyB,GAAG,CAAEC,CAAC,IAAK;IACpC,OAAO;MACL,GAAGA,CAAC;MACJjB,KAAK,EAAEkB,WAAE,CAACC,MAAM,CAACF,CAAC,CAACjB,KAAK,IAAI,EAAE,CAAC;MAC/BoB,QAAQ,EAAEF,WAAE,CAACC,MAAM,CAACF,CAAC,CAACG,QAAQ,IAAI,EAAE,CAAC;MACrCC,IAAI,EAAEf,OAAO,CAAE,GAAEW,CAAC,CAACV,EAAG,EAAC,CAAC;MACxBe,GAAG,EAAEL,CAAC,CAACV;IACT,CAAC;EACH,CAAC,CAAC;EAEF,MAAMG,aAAa,GAAIa,QAAa,IAAK;IACvC,MAAMC,OAAO,GAAGhD,QAAQ,CAACiD,IAAI;IAC7B,IAAIF,QAAQ,EAAE;MACZC,OAAO,CAACE,WAAW,CAACrC,OAAO,CAACsC,OAAO,CAAC;IACtC,CAAC,MAAM,IAAIH,OAAO,CAACI,QAAQ,CAACvC,OAAO,CAACsC,OAAO,CAAC,EAAE;MAC5CH,OAAO,CAACK,WAAW,CAACxC,OAAO,CAACsC,OAAO,CAAC;IACtC;EACF,CAAC;EAED,IAAIjC,WAAW,EAAE;IACf,MAAMoC,cAAc,GAAGvC,OAAO,CAACyB,GAAG,CAAEe,UAAe,IAAK;MACtD,OAAOA,UAAU,CAACC,OAAO,GACvB;QAAChC,KAAK,EAAE,GAAG;QAAEiC,KAAK,EAAC,EAAE;QAAE1B,EAAE,EAAC;MAAE,CAAC,GAE7B,IAAA2B,oCAAqB,EAAC;QACtB3B,EAAE,EAAEwB,UAAU,CAACxB,EAAE;QACjB4B,MAAM,eAAE,6BAAC,kBAAG;UAAC,WAAW,EAAE,CAAE;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,GAAEtB,iBAAiB,CAACkB,UAAU,CAACxB,EAAE,CAAE,CAAO;QACtE6B,KAAK,eAAE,6BAAC,mBAAI;UAAC,IAAI,EAAE,QAAS;UAAC,SAAS,EAAE,IAAAjC,yBAAE,EAACC,8BAAO,CAACiC,mBAAmB,EAAE;YAAEC,WAAW,EAAEP,UAAU,CAACxB,EAAE,KAAKtC,gBAAgB,CAACI;UAAK,CAAC,CAAE;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,GAAE,GAAC,EAAC0D,UAAU,CAAC/B,KAAK,EAAC,GAAC,CAAO;QAC/JoB,QAAQ,eAAE,6BAAC,mBAAI;UAAC,SAAS,EAAE,IAAAjB,yBAAE,EAACC,8BAAO,CAACiC,mBAAmB,CAAE;UAAC,IAAI,EAAE,OAAQ;UAAC,SAAS,EAAE,OAAQ;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,GAAEN,UAAU,CAACX,QAAQ,EAAC,GAAC,CAAO;QAC5Ha,KAAK,EAAEF,UAAU,CAAC/B,KAAK;QACvBR,SAAS,EAAE,IAAAW,yBAAE,EAACC,8BAAO,CAACmC,SAAS;MACjC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAMC,kBAAkB,GAAGV,cAAc,CAACW,IAAI,CAC3CV,UAAe,IAAKA,UAAU,CAACxB,EAAE,KAAKtB,KAAK,CAACe,KAAK,CACnD;IACD,MAAM0C,eAAe,GAAG9C,iBAAiB,GAAEK,kBAAkB,GAAG,EAAE;IAClE,OAASN,OAAO,gBACZ,6BAAC,uBAAQ;MACP,WAAW,EAAE,CAAA6C,kBAAkB,oBAAlBA,kBAAkB,CAAEP,KAAK,KAAI,EAAG;MAC7C,aAAa,EAAC,OAAO;MACrB,OAAO,EAAEH,cAAe;MACxB,YAAY,EAAE;QACZa,SAAS,EAAE,YAAY;QACvBC,QAAQ,EAAC;MACX,CAAE;MACF,SAAS,EAAEpD,SAAU;MACrB,QAAQ,EAAEgB,cAAe;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EACzB,gBAEJ,6BAAC,2BAAY;MACX,OAAO,EAAEsB,cAAe;MACxB,QAAQ,EAAE,OAAQ;MAClB,QAAQ,EAAE,OAAQ;MAClB,SAAS,EAAEtC,SAAU;MACrB,SAAS,EAAE,OAAQ;MACnB,QAAQ,EAAEkD,eAAe,GAAI,IAAGA,eAAgB,EAAC,GAAG,cAAe;MACnE,QAAQ,EAAElC,cAAe;MACzB,SAAS,EAAE,YAAa;MACxB,QAAQ,EAAE,SAAU;MACpB,IAAI,EAAE,KAAM;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAEX,CAAC;MAAEqC,MAAM;MAAEC,cAAc,GAAG,CAAC;IAAE,CAAC,kBAC/B,6BAAC,yBAAU;MAAC,IAAI,EAAC,MAAM;MAAC,SAAS,EAAEJ,eAAgB;MAAE,OAAO,EAAEG,MAAO;MAAC,UAAU,eAAE,6BAAC,oBAAW;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAAI;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAC9FC,cAAc,CAACvC,EAAE,KAAK,MAAM,IAAIuC,cAAc,CAACb,KAAK,KACpDO,kBAAkB,oBAAlBA,kBAAkB,CAAEP,KAAK,EAE9B,CACY;EAEnB;EAEA,oBACE,6BAAC,0BAAgB;IACf,qBAAqB;IACrB,mBAAiBxC,cAAe;IAChC,OAAO,EAAEsB,UAAW;IACpB,QAAQ,EAAE9B,KAAK,CAAC8D,QAAS;IACzB,KAAK,EAAElD,QAAS;IAChB,KAAK,EAAE,EAAG;IACV,QAAQ,EAAEW,cAAe;IACzB,SAAS,EAAE,IAAAL,yBAAE,EACXC,8BAAO,CAAC4C,mBAAmB,EAC3B;MACEC,UAAU,EAAEhE,KAAK,CAAC8D,QAAQ;MAC1B7D;IACF,CAAC,EACDM,SAAS,CACT;IACF,QAAQ,EAAC,QAAQ;IACjB,gBAAgB,EAAEkB,aAAc;IAChC,SAAS,EAAC,cAAc;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EACxB;AAEN;AAAC,eAEc1B,mBAAmB;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BasicExample","React","Component","render","mobile","rtl","id","isSelectable","value","subtitle","icon","divider","TextTypography","largeTitle","st","classes","enhancedText","ButtonPriority","primary","marginLeft","console","log","title","checked","enhancedButtonExtend","enhancedButtonMixin","AvatarSize","xLarge"],"sources":["../../../src/example/BasicExample.tsx"],"sourcesContent":["import React from 'react';\nimport { TPAComponentsProvider } from 'wix-ui-tpa';\nimport { Text, TextTypography } from 'wix-ui-tpa';\nimport { Button, ButtonPriority } from 'wix-ui-tpa';\nimport { Dropdown } from 'wix-ui-tpa';\nimport { Divider } from 'wix-ui-tpa';\nimport { Tags } from 'wix-ui-tpa';\nimport { Tooltip } from 'wix-ui-tpa';\nimport { IconButton } from 'wix-ui-tpa';\n// @ts-ignore\nimport Close from 'wix-ui-icons-common/on-stage/Close';\nimport { TextButton } from 'wix-ui-tpa';\nimport { Checkbox } from 'wix-ui-tpa';\nimport { Avatar, AvatarSize } from 'wix-ui-tpa';\nimport { st, classes } from './BasicExample.st.css';\n// import styles from './BasicExample.scss';\nimport { FloatingDropdown } from 'wix-ui-tpa';\n\nclass BasicExample extends React.Component {\n render() {\n // const { mobile, rtl } = this.props;\n const mobile = false;\n const rtl = false;\n\n return (\n <TPAComponentsProvider value={{ mobile, rtl }}>\n <FloatingDropdown\n removeElementMinWidth\n label=\"Sort by:\"\n options={[\n {\n id: '1',\n isSelectable: true,\n value: 'Most recent',\n subtitle: 'Subtitle Text 1',\n icon: (\n <svg width=\"24px\" height=\"24px\">\n <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n </svg>\n ),\n },\n {\n id: '2',\n isSelectable: true,\n value: 'Most viewed',\n subtitle: 'Subtitle Text 1',\n icon: (\n <svg width=\"24px\" height=\"24px\">\n <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n </svg>\n ),\n },\n {\n id: '3',\n isSelectable: true,\n value: 'Most liked',\n subtitle: 'Subtitle Text 1',\n icon: (\n <svg width=\"24px\" height=\"24px\">\n <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n </svg>\n ),\n },\n {\n divider: true,\n },\n {\n id: '4',\n isSelectable: true,\n value: 'Most comments',\n subtitle: 'Subtitle Text 1',\n icon: (\n <svg width=\"24px\" height=\"24px\">\n <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n </svg>\n ),\n },\n {\n id: '5',\n isSelectable: true,\n value: 'Most recent posts in the whole galaxy',\n subtitle: 'Subtitle Text 1',\n icon: (\n <svg width=\"24px\" height=\"24px\">\n <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n </svg>\n ),\n },\n ]}\n placeholder=\"Most recent\"\n />\n <Text\n typography={TextTypography.largeTitle}\n className={st(classes.enhancedText)}\n >\n Hello World\n </Text>\n <br />\n <br />\n <Text typography={TextTypography.largeTitle}>We are the world</Text>\n <br />\n <br />\n <Button\n upgrade\n priority={ButtonPriority.primary}\n style={{ marginLeft: '10px' }}\n >\n PRIMARY\n </Button>\n <br />\n <br />\n <Dropdown\n placeholder=\"Placeholder Text\"\n options={[\n { id: '0', value: 'Input Text 1', isSelectable: true },\n { id: '1', value: 'Input Text 2', isSelectable: true },\n { id: '2', value: 'Input Text 3', isSelectable: true },\n { id: '3', value: 'Input Text 4', isSelectable: false },\n { id: '4', value: 'Input Text 5', isSelectable: false },\n ]}\n />\n <br />\n <br />\n <Divider />\n <br />\n <br />\n <Tags\n onClick={console.log}\n items={[\n { title: 'ele 1', checked: true, value: 'ele 1 value' },\n { title: 'ele 2', value: 'ele 2 value' },\n ]}\n />\n <br />\n <br />\n <Tooltip content=\"Hello World\" placement=\"top\">\n <span>Hover me for a tooltip!</span>\n </Tooltip>\n <br />\n <br />\n <IconButton icon={<Close />} />\n <br />\n <br />\n <TextButton>Text Button - scss style</TextButton>\n <br />\n <br />\n <TextButton className={st(classes.enhancedButtonExtend)}>\n Text Button - stylable extend\n </TextButton>\n <br />\n <br />\n <TextButton className={st(classes.enhancedButtonMixin)}>\n Text Button - stylable mixin\n </TextButton>\n <br />\n <br />\n <Checkbox label=\"i'm a checkbox\" onChange={() => {}} />\n <br />\n <br />\n <Avatar\n size={AvatarSize.xLarge}\n src=\"https://randomuser.me/api/portraits/men/65.jpg\"\n />\n </TPAComponentsProvider>\n );\n }\n}\n\nexport default BasicExample;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["BasicExample","React","Component","render","mobile","rtl","id","isSelectable","value","subtitle","icon","divider","TextTypography","largeTitle","st","classes","enhancedText","ButtonPriority","primary","marginLeft","console","log","title","checked","enhancedButtonExtend","enhancedButtonMixin","AvatarSize","xLarge"],"sources":["../../../src/example/BasicExample.tsx"],"sourcesContent":["import React from 'react';\nimport { TPAComponentsProvider } from 'wix-ui-tpa';\nimport { Text, TextTypography } from 'wix-ui-tpa';\nimport { Button, ButtonPriority } from 'wix-ui-tpa';\nimport { Dropdown } from 'wix-ui-tpa';\nimport { Divider } from 'wix-ui-tpa';\nimport { Tags } from 'wix-ui-tpa';\nimport { Tooltip } from 'wix-ui-tpa';\nimport { IconButton } from 'wix-ui-tpa';\n// @ts-ignore\nimport Close from 'wix-ui-icons-common/on-stage/Close';\nimport { TextButton } from 'wix-ui-tpa';\nimport { Checkbox } from 'wix-ui-tpa';\nimport { Avatar, AvatarSize } from 'wix-ui-tpa';\nimport { st, classes } from './BasicExample.st.css';\n// import styles from './BasicExample.scss';\nimport { FloatingDropdown } from 'wix-ui-tpa';\n\nclass BasicExample extends React.Component {\n render() {\n // const { mobile, rtl } = this.props;\n const mobile = false;\n const rtl = false;\n\n return (\n <TPAComponentsProvider value={{ mobile, rtl }}>\n <FloatingDropdown\n removeElementMinWidth\n label=\"Sort by:\"\n options={[\n {\n id: '1',\n isSelectable: true,\n value: 'Most recent',\n subtitle: 'Subtitle Text 1',\n icon: (\n <svg width=\"24px\" height=\"24px\">\n <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n </svg>\n ),\n },\n {\n id: '2',\n isSelectable: true,\n value: 'Most viewed',\n subtitle: 'Subtitle Text 1',\n icon: (\n <svg width=\"24px\" height=\"24px\">\n <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n </svg>\n ),\n },\n {\n id: '3',\n isSelectable: true,\n value: 'Most liked',\n subtitle: 'Subtitle Text 1',\n icon: (\n <svg width=\"24px\" height=\"24px\">\n <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n </svg>\n ),\n },\n {\n divider: true,\n },\n {\n id: '4',\n isSelectable: true,\n value: 'Most comments',\n subtitle: 'Subtitle Text 1',\n icon: (\n <svg width=\"24px\" height=\"24px\">\n <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n </svg>\n ),\n },\n {\n id: '5',\n isSelectable: true,\n value: 'Most recent posts in the whole galaxy',\n subtitle: 'Subtitle Text 1',\n icon: (\n <svg width=\"24px\" height=\"24px\">\n <path d=\"M14.2736842,7.11666667 C12.1894737,7.21111111 3.66315789,8.62777778 3,21 C4.51578947,17.2222222 8.11578947,14.6722222 12.1894737,14.6722222 C12.8526316,14.6722222 13.5157895,14.7666667 14.2736842,14.8611111 L14.2736842,18.1666667 L21,11.0833333 L14.2736842,4 L14.2736842,7.11666667 Z\" />\n </svg>\n ),\n },\n ]}\n placeholder=\"Most recent\"\n />\n <Text\n typography={TextTypography.largeTitle}\n className={st(classes.enhancedText)}\n >\n Hello World\n </Text>\n <br />\n <br />\n <Text typography={TextTypography.largeTitle}>We are the world</Text>\n <br />\n <br />\n <Button\n upgrade\n priority={ButtonPriority.primary}\n style={{ marginLeft: '10px' }}\n >\n PRIMARY\n </Button>\n <br />\n <br />\n <Dropdown\n placeholder=\"Placeholder Text\"\n options={[\n { id: '0', value: 'Input Text 1', isSelectable: true },\n { id: '1', value: 'Input Text 2', isSelectable: true },\n { id: '2', value: 'Input Text 3', isSelectable: true },\n { id: '3', value: 'Input Text 4', isSelectable: false },\n { id: '4', value: 'Input Text 5', isSelectable: false },\n ]}\n />\n <br />\n <br />\n <Divider />\n <br />\n <br />\n <Tags\n onClick={console.log}\n items={[\n { title: 'ele 1', checked: true, value: 'ele 1 value' },\n { title: 'ele 2', value: 'ele 2 value' },\n ]}\n />\n <br />\n <br />\n <Tooltip content=\"Hello World\" placement=\"top\">\n <span>Hover me for a tooltip!</span>\n </Tooltip>\n <br />\n <br />\n <IconButton icon={<Close />} />\n <br />\n <br />\n <TextButton>Text Button - scss style</TextButton>\n <br />\n <br />\n <TextButton className={st(classes.enhancedButtonExtend)}>\n Text Button - stylable extend\n </TextButton>\n <br />\n <br />\n <TextButton className={st(classes.enhancedButtonMixin)}>\n Text Button - stylable mixin\n </TextButton>\n <br />\n <br />\n <Checkbox label=\"i'm a checkbox\" onChange={() => {}} />\n <br />\n <br />\n <Avatar\n size={AvatarSize.xLarge}\n src=\"https://randomuser.me/api/portraits/men/65.jpg\"\n />\n </TPAComponentsProvider>\n );\n }\n}\n\nexport default BasicExample;\n"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
!*** css ../../../node_modules/@wix/yoshi-style-dependencies/css-loader.js??ruleSet[1].rules[2].rules[1].oneOf[1]!../../../node_modules/@wix/yoshi-style-dependencies/postcss-loader.js??ruleSet[1].rules[2].rules[2]!../../../node_modules/@wix/yoshi-style-dependencies/resolve-url-loader.js!../../../node_modules/@wix/yoshi-style-dependencies/sass-loader.js??ruleSet[1].rules[2].rules[4]!../../../node_modules/@wix/image/dist/esm/Image.scss ***!
|
|
3
|
-
|
|
4
|
-
.
|
|
1
|
+
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
2
|
+
!*** css ../../../node_modules/@wix/yoshi-style-dependencies/css-loader.js??ruleSet[1].rules[2].rules[1].oneOf[1]!../../../node_modules/@wix/yoshi-style-dependencies/postcss-loader.js??ruleSet[1].rules[2].rules[2]!../../../node_modules/@wix/yoshi-style-dependencies/resolve-url-loader.js!../../../node_modules/@wix/yoshi-style-dependencies/sass-loader.js??ruleSet[1].rules[2].rules[4]!../../../node_modules/wix-ui-tpa/node_modules/@wix/image/dist/esm/Image.scss ***!
|
|
3
|
+
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
4
|
+
.gjEOrt{display:block;width:100%;height:100%}.gjEOrt img{max-width:var(--wix-img-max-width, 100%)}.gjEOrt[data-animate-blur] img{filter:blur(9px);transition:filter .8s ease-in}.gjEOrt[data-animate-blur] img[data-load-done]{filter:none}
|
|
5
5
|
|
|
6
6
|
/*# sourceMappingURL=entity-advanced-permissions.css.map*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"entity-advanced-permissions.css","mappings":";;;AAAA,QACE,cACA,WACA,YAEA,YACE,yCAGF,+BACE,iBACA,8BAEA,+CACE,Y","sources":["webpack://_wix_entity_advanced_permissions/../../../node_modules/@wix/image/dist/esm/Image.scss"],"sourcesContent":[".image {\n display: block;\n width: 100%;\n height: 100%;\n\n img {\n max-width: var(--wix-img-max-width, 100%);\n }\n\n &[data-animate-blur] img {\n filter: blur(9px);\n transition: filter 0.8s ease-in;\n\n &[data-load-done] {\n filter: none;\n }\n }\n}\n"],"names":[],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"entity-advanced-permissions.css","mappings":";;;AAAA,QACE,cACA,WACA,YAEA,YACE,yCAGF,+BACE,iBACA,8BAEA,+CACE,Y","sources":["webpack://_wix_entity_advanced_permissions/../../../node_modules/wix-ui-tpa/node_modules/@wix/image/dist/esm/Image.scss"],"sourcesContent":[".image {\n display: block;\n width: 100%;\n height: 100%;\n\n img {\n max-width: var(--wix-img-max-width, 100%);\n }\n\n &[data-animate-blur] img {\n filter: blur(9px);\n transition: filter 0.8s ease-in;\n\n &[data-load-done] {\n filter: none;\n }\n }\n}\n"],"names":[],"sourceRoot":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.gjEOrt{display:block;height:100%;width:100%}.gjEOrt img{max-width:var(--wix-img-max-width,100%)}.gjEOrt[data-animate-blur] img{filter:blur(9px);transition:filter .8s ease-in}.gjEOrt[data-animate-blur] img[data-load-done]{filter:none}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
!*** css ../../../node_modules/@wix/yoshi-style-dependencies/css-loader.js??ruleSet[1].rules[2].rules[1].oneOf[1]!../../../node_modules/@wix/yoshi-style-dependencies/postcss-loader.js??ruleSet[1].rules[2].rules[2]!../../../node_modules/@wix/yoshi-style-dependencies/resolve-url-loader.js!../../../node_modules/@wix/yoshi-style-dependencies/sass-loader.js??ruleSet[1].rules[2].rules[4]!../../../node_modules/@wix/image/dist/esm/Image.scss ***!
|
|
3
|
-
|
|
4
|
-
.
|
|
1
|
+
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
2
|
+
!*** css ../../../node_modules/@wix/yoshi-style-dependencies/css-loader.js??ruleSet[1].rules[2].rules[1].oneOf[1]!../../../node_modules/@wix/yoshi-style-dependencies/postcss-loader.js??ruleSet[1].rules[2].rules[2]!../../../node_modules/@wix/yoshi-style-dependencies/resolve-url-loader.js!../../../node_modules/@wix/yoshi-style-dependencies/sass-loader.js??ruleSet[1].rules[2].rules[4]!../../../node_modules/wix-ui-tpa/node_modules/@wix/image/dist/esm/Image.scss ***!
|
|
3
|
+
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
4
|
+
.gjEOrt{display:block;width:100%;height:100%}.gjEOrt img{max-width:var(--wix-img-max-width, 100%)}.gjEOrt[data-animate-blur] img{filter:blur(9px);transition:filter .8s ease-in}.gjEOrt[data-animate-blur] img[data-load-done]{filter:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.gjEOrt{display:block;height:100%;width:100%}.gjEOrt img{max-width:var(--wix-img-max-width,100%)}.gjEOrt[data-animate-blur] img{filter:blur(9px);transition:filter .8s ease-in}.gjEOrt[data-animate-blur] img[data-load-done]{filter:none}
|