guestbell-forms 2.0.307 → 2.0.309
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/build/components/{InputHeader → inputHeader}/InputHeader.d.ts +1 -1
- package/build/components/{InputHeader → inputHeader}/InputHeader.js +0 -0
- package/build/components/{InputHeader → inputHeader}/InputHeader.js.map +1 -1
- package/build/components/{InputHeader → inputHeader}/InputHeaderContext.d.ts +0 -0
- package/build/components/{InputHeader → inputHeader}/InputHeaderContext.js +0 -0
- package/build/components/{InputHeader → inputHeader}/InputHeaderContext.js.map +0 -0
- package/build/components/{InputHeader → inputHeader}/index.d.ts +0 -0
- package/build/components/{InputHeader → inputHeader}/index.js +0 -0
- package/build/components/{InputHeader → inputHeader}/index.js.map +0 -0
- package/build/components/{InputHeader → inputHeader}/withInputHeaderContext.d.ts +0 -0
- package/build/components/{InputHeader → inputHeader}/withInputHeaderContext.js +0 -0
- package/build/components/{InputHeader → inputHeader}/withInputHeaderContext.js.map +0 -0
- package/build/components/tags/subComponents/TagsSuggestions.js +1 -1
- package/build/components/tags/subComponents/TagsSuggestions.js.map +1 -1
- package/build/dist/report.html +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ButtonProps } from '../button/Button';
|
|
3
|
-
import { OmitInputHeaderContext, InputHeaderContextProps, InputHeaderContextState } from '../
|
|
3
|
+
import { OmitInputHeaderContext, InputHeaderContextProps, InputHeaderContextState } from '../inputHeader/InputHeaderContext';
|
|
4
4
|
import { TippyProps } from '@tippy.js/react';
|
|
5
5
|
import { ThemeContextProps } from '../themeProvider/ThemeContext';
|
|
6
6
|
export declare type InputHeaderRawProps = React.PropsWithChildren<{
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputHeader.js","names":["classNames","require","MoreIcon","PlusIcon","CollapseExpandButtonComponent","props","className","onClick","children","InputHeaderRaw","React","PureComponent","constructor","guid","toggle","e","stopsPropagation","stopPropagation","Object","keys","state","inputHeaderContext","components","forEach","key","component","componentApi","expand","collapse","collapsed","collapsedDefault","registerInputHeader","unregisterInputHeader","stateChanged","forceUpdate","bind","componentWillUnmount","ignoreContext","componentId","componentDidMount","collapsible","setState","onChange","onExpanded","onCollapsed","render","undefined","getTypeClass","showExpandAll","noBg","shouldToggleCollapseOnHeaderClick","headerClassName","toggleClick","icon","title","renderTitle","subTitle","mainButtonClick","mainButton","extraButtons","extraButtonsButtonProps","renderExtraButtons","collapseButtonsButtonProps","length","renderCollapseExpandAll","contentClassName","mountOnEnter","unmountOnExit","previousState","assign","type","arr","map","extraButton","index","allCollapsed","allExpanded","containerClick","expandAllClick","collapseAllClick","tooltip","renderTooltip","content","Tippy","default","document","body","tooltipProps","InputHeader","withThemeContext","withInputHeaderContext"],"sources":["../../../src/lib/components/inputHeader/InputHeader.tsx"],"sourcesContent":["// Libs\r\nimport * as React from 'react';\r\nvar classNames = require('classnames');\r\n\r\n// Misc\r\nimport * as MoreIcon from 'material-design-icons/navigation/svg/production/ic_more_vert_24px.svg';\r\nimport * as PlusIcon from 'material-design-icons/hardware/svg/production/ic_keyboard_arrow_down_24px.svg';\r\nimport { ButtonProps, Button, ButtonComponentProps } from '../button/Button';\r\nimport guid from '../utils/Guid';\r\nimport { Dropdown } from '../dropdown';\r\nimport Collapse from '@material-ui/core/Collapse';\r\nimport {\r\n OmitInputHeaderContext,\r\n InputHeaderContextProps,\r\n InputHeaderContextState,\r\n InputHeaderComponentContextState,\r\n} from '../InputHeader/InputHeaderContext';\r\nimport { withInputHeaderContext } from './withInputHeaderContext';\r\nimport { TippyProps } from '@tippy.js/react';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport { ThemeContextProps } from '../themeProvider/ThemeContext';\r\n\r\nexport type InputHeaderRawProps = React.PropsWithChildren<\r\n {\r\n onExpanded?: () => void;\r\n onCollapsed?: () => void;\r\n onChange?: (collapsed: boolean) => void;\r\n className?: string;\r\n title?: string | JSX.Element;\r\n icon?: string | JSX.Element;\r\n subTitle?: string | JSX.Element;\r\n mainButton?: JSX.Element;\r\n extraButtons?: JSX.Element[];\r\n collapsible?: boolean;\r\n collapsed?: boolean;\r\n collapsedDefault?: boolean;\r\n ignoreContext?: boolean;\r\n showExpandAll?: boolean;\r\n type?: 'hero' | 'standard' | 'small';\r\n noBg?: boolean;\r\n headerClassName?: string;\r\n contentClassName?: string;\r\n extraButtonsButtonProps?: ButtonProps;\r\n collapseButtonsButtonProps?: ButtonProps;\r\n shouldToggleCollapseOnHeaderClick?: boolean;\r\n mountOnEnter?: boolean;\r\n unmountOnExit?: boolean;\r\n tooltip?: string | JSX.Element;\r\n tooltipProps?: TippyProps;\r\n stopsPropagation?: boolean;\r\n } & InputHeaderContextProps &\r\n ThemeContextProps\r\n>;\r\n\r\nexport type InputHeaderProps = OmitInputHeaderContext<InputHeaderRawProps>;\r\n\r\nexport interface InputHeaderApi {\r\n expand: () => void;\r\n collapse: () => void;\r\n toggle: () => void;\r\n}\r\n\r\nexport interface InputHeaderState {\r\n collapsed: boolean;\r\n inputHeaderContext: InputHeaderContextState;\r\n}\r\n\r\nconst CollapseExpandButtonComponent: React.SFC<ButtonComponentProps> = props => (\r\n <a className={props.className} onClick={props.onClick} href=\"#\">\r\n {props.children}\r\n </a>\r\n);\r\n\r\nexport class InputHeaderRaw\r\n extends React.PureComponent<InputHeaderRawProps, InputHeaderState>\r\n implements InputHeaderApi {\r\n public static defaultProps: InputHeaderProps = {\r\n ignoreContext: false,\r\n showExpandAll: false,\r\n collapsedDefault: true,\r\n type: 'standard',\r\n noBg: false,\r\n shouldToggleCollapseOnHeaderClick: false,\r\n stopsPropagation: true,\r\n };\r\n\r\n public componentId = guid();\r\n\r\n constructor(props: InputHeaderRawProps) {\r\n super(props);\r\n this.state = {\r\n collapsed: props.collapsedDefault,\r\n inputHeaderContext: {\r\n registerInputHeader: this.registerInputHeader,\r\n unregisterInputHeader: this.unregisterInputHeader,\r\n stateChanged: () => this.forceUpdate(),\r\n components: {},\r\n },\r\n };\r\n this.registerInputHeader = this.registerInputHeader.bind(this);\r\n this.unregisterInputHeader = this.unregisterInputHeader.bind(this);\r\n this.expand = this.expand.bind(this);\r\n this.collapse = this.collapse.bind(this);\r\n this.toggle = this.toggle.bind(this);\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (!this.props.ignoreContext && this.props.inputHeaderContext) {\r\n this.props.inputHeaderContext.unregisterInputHeader(this.componentId);\r\n }\r\n }\r\n\r\n public componentDidMount() {\r\n if (!this.props.ignoreContext && this.props.inputHeaderContext) {\r\n this.props.inputHeaderContext.registerInputHeader(this.componentId, {\r\n componentId: this.componentId,\r\n componentApi: {\r\n expand: this.expand,\r\n collapse: this.collapse,\r\n toggle: this.toggle,\r\n },\r\n props: { ...{}, ...(this.props as InputHeaderProps) },\r\n state: { ...{}, ...this.state },\r\n });\r\n }\r\n }\r\n\r\n public expand() {\r\n this.props.collapsible &&\r\n this.setState({ collapsed: false }, () => {\r\n this.props.inputHeaderContext?.stateChanged?.();\r\n this.props.onChange?.(true);\r\n this.props.onExpanded?.();\r\n });\r\n }\r\n\r\n public collapse() {\r\n this.props.collapsible &&\r\n this.setState({ collapsed: true }, () => {\r\n this.props.inputHeaderContext?.stateChanged?.();\r\n this.props.onChange?.(false);\r\n this.props.onCollapsed?.();\r\n });\r\n }\r\n\r\n public toggle() {\r\n this.props.collapsible &&\r\n this.setState({ collapsed: !this.state.collapsed }, () => {\r\n this.props.inputHeaderContext?.stateChanged?.();\r\n this.props.onChange?.(this.state.collapsed);\r\n if (this.state.collapsed) {\r\n this.props.onCollapsed?.();\r\n }\r\n if (!this.state.collapsed) {\r\n this.props.onExpanded?.();\r\n }\r\n });\r\n }\r\n\r\n public render() {\r\n const collapsed =\r\n this.props.collapsed !== undefined\r\n ? !this.props.collapsed\r\n : !this.state.collapsed;\r\n return (\r\n <div\r\n className={\r\n `input__header ` +\r\n (this.props.className ? this.props.className : '') +\r\n ' ' +\r\n this.getTypeClass()\r\n }\r\n >\r\n <div\r\n className={classNames(\r\n 'input__header__top',\r\n { 'input__header__top--tall': this.props.showExpandAll },\r\n { 'input__header__top--no-bg': this.props.noBg },\r\n {\r\n 'input__header__top--clickable':\r\n this.props.collapsible &&\r\n this.props.shouldToggleCollapseOnHeaderClick,\r\n },\r\n this.props.headerClassName\r\n )}\r\n role={\r\n this.props.collapsible &&\r\n this.props.shouldToggleCollapseOnHeaderClick\r\n ? 'button'\r\n : undefined\r\n }\r\n onClick={\r\n this.props.collapsible &&\r\n this.props.shouldToggleCollapseOnHeaderClick\r\n ? this.toggleClick\r\n : undefined\r\n }\r\n >\r\n <div className={'input__header__top__header-container '}>\r\n {this.props.icon && (\r\n <div className=\"input__header__icon line-height--0\">\r\n {this.props.icon}\r\n </div>\r\n )}\r\n <div className=\"input__header__title__container\">\r\n {this.props.title && (\r\n <div className=\"input__header__title\">{this.renderTitle()}</div>\r\n )}\r\n {this.props.subTitle && (\r\n <div className=\"input__header__sub-title\">\r\n {this.props.subTitle}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n <div\r\n className=\"input__header__top__button-container\"\r\n onClick={this.mainButtonClick}\r\n >\r\n {this.props.mainButton && this.props.mainButton}\r\n {this.props.extraButtons ? (\r\n <Dropdown\r\n header={\r\n <Button\r\n blank={true}\r\n circular={true}\r\n {...this.props.extraButtonsButtonProps}\r\n >\r\n <MoreIcon />\r\n </Button>\r\n }\r\n showArrow={false}\r\n headerClassName={'line-height--0'}\r\n className={''}\r\n >\r\n {this.renderExtraButtons()}\r\n </Dropdown>\r\n ) : null}\r\n {this.props.collapsible && (\r\n <Button\r\n circular={true}\r\n blank={true}\r\n className={`input__header__collapse-button line-height--0 ${\r\n this.state.collapsed ? 'collapsed' : ''\r\n }`}\r\n {...this.props.collapseButtonsButtonProps}\r\n onClick={this.toggleClick}\r\n >\r\n <PlusIcon />\r\n </Button>\r\n )}\r\n </div>\r\n {this.props.showExpandAll &&\r\n Object.keys(this.state.inputHeaderContext.components).length > 0 &&\r\n this.renderCollapseExpandAll()}\r\n </div>\r\n <div\r\n className={\r\n 'input__header__bottom ' +\r\n (this.props.contentClassName ? this.props.contentClassName : '')\r\n }\r\n >\r\n {this.props.collapsible ? (\r\n <Collapse\r\n //this was here for some reason but it's messing with aria\r\n //collapsedHeight={'0.0001px'}\r\n in={collapsed}\r\n mountOnEnter={this.props.mountOnEnter}\r\n unmountOnExit={this.props.unmountOnExit}\r\n aria-expanded={collapsed ? 'false' : true}\r\n >\r\n {this.props.children}\r\n </Collapse>\r\n ) : (\r\n this.props.children\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private toggleClick = () => this.toggle();\r\n\r\n private registerInputHeader(\r\n componentId: string,\r\n component: InputHeaderComponentContextState\r\n ) {\r\n this.setState(previousState => {\r\n let components = Object.assign(\r\n {},\r\n previousState.inputHeaderContext.components\r\n );\r\n components[componentId] = component;\r\n return {\r\n inputHeaderContext: { ...previousState.inputHeaderContext, components },\r\n };\r\n });\r\n }\r\n\r\n private unregisterInputHeader(componentId: string) {\r\n this.setState(previousState => {\r\n let components = Object.assign(\r\n {},\r\n previousState.inputHeaderContext.components\r\n );\r\n delete components[componentId];\r\n return {\r\n inputHeaderContext: { ...previousState.inputHeaderContext, components },\r\n };\r\n });\r\n }\r\n\r\n private getTypeClass() {\r\n switch (this.props.type) {\r\n case 'hero':\r\n return 'input__header--hero';\r\n case 'small':\r\n return 'input__header--small';\r\n default:\r\n return '';\r\n }\r\n }\r\n\r\n private mainButtonClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n if (this.props.stopsPropagation) {\r\n e.stopPropagation();\r\n }\r\n };\r\n\r\n private renderExtraButtons() {\r\n let arr = [];\r\n if (typeof this.props.extraButtons === 'function') {\r\n arr = this.props.extraButtons;\r\n } else {\r\n arr = this.props.extraButtons;\r\n }\r\n\r\n return arr.map((extraButton, index) => <li key={index}>{extraButton}</li>);\r\n }\r\n\r\n private renderCollapseExpandAll() {\r\n let allCollapsed = true;\r\n let allExpanded = true;\r\n Object.keys(this.state.inputHeaderContext.components).forEach(key => {\r\n const component = this.state.inputHeaderContext.components[key];\r\n if (component && component.props.collapsible) {\r\n if (component.state.collapsed) {\r\n allExpanded = false;\r\n } else {\r\n allCollapsed = false;\r\n }\r\n }\r\n });\r\n return (\r\n <div\r\n className=\"input__header__expand-collapse--all\"\r\n onClick={this.containerClick}\r\n >\r\n {(allCollapsed || !allExpanded) && (\r\n <Button\r\n noRipples={true}\r\n small={true}\r\n className={allExpanded || !allCollapsed ? 'mr-2' : ''}\r\n onClick={this.expandAllClick}\r\n blank={true}\r\n Component={CollapseExpandButtonComponent}\r\n >\r\n Expand all\r\n </Button>\r\n )}\r\n {(allExpanded || !allCollapsed) && (\r\n <Button\r\n noRipples={true}\r\n small={true}\r\n onClick={this.collapseAllClick}\r\n blank={true}\r\n Component={CollapseExpandButtonComponent}\r\n >\r\n Collapse all\r\n </Button>\r\n )}\r\n </div>\r\n );\r\n }\r\n\r\n private containerClick = (e: React.MouseEvent<HTMLDivElement>) =>\r\n e.stopPropagation();\r\n\r\n private expandAllClick = () => {\r\n Object.keys(this.state.inputHeaderContext.components).forEach(key => {\r\n const component = this.state.inputHeaderContext.components[key];\r\n component.componentApi.expand();\r\n });\r\n };\r\n\r\n private collapseAllClick = () => {\r\n Object.keys(this.state.inputHeaderContext.components).forEach(key => {\r\n const component = this.state.inputHeaderContext.components[key];\r\n component.componentApi.collapse();\r\n });\r\n };\r\n\r\n private renderTitle() {\r\n if (!this.props.tooltip) {\r\n return this.props.title;\r\n }\r\n return (\r\n <React.Fragment>\r\n {this.props.title}\r\n {this.renderTooltip()}\r\n </React.Fragment>\r\n );\r\n }\r\n\r\n private renderTooltip(\r\n content: JSX.Element = <span className=\"label--help-icon\">?</span>\r\n ) {\r\n if (this.props.tooltip) {\r\n const Tippy = require('@tippy.js/react').default;\r\n\r\n return (\r\n <Tippy\r\n content={this.props.tooltip}\r\n placement=\"bottom\"\r\n animation=\"scale-subtle\"\r\n arrow={false}\r\n duration={200}\r\n delay={[75, 0]}\r\n distance={8}\r\n interactive={true}\r\n appendTo={document?.body}\r\n trigger=\"mouseenter focus\"\r\n {...this.props.tooltipProps}\r\n >\r\n <span tabIndex={0}>{content}</span>\r\n </Tippy>\r\n );\r\n }\r\n return content;\r\n }\r\n}\r\n\r\nexport const InputHeader = withThemeContext<\r\n InputHeaderRawProps,\r\n InstanceType<typeof InputHeaderRaw>\r\n>(withInputHeaderContext<InputHeaderRawProps>(InputHeaderRaw), 'inputHeader');\r\n\r\nexport default InputHeader;\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InputHeader.js","names":["classNames","require","MoreIcon","PlusIcon","CollapseExpandButtonComponent","props","className","onClick","children","InputHeaderRaw","React","PureComponent","constructor","guid","toggle","e","stopsPropagation","stopPropagation","Object","keys","state","inputHeaderContext","components","forEach","key","component","componentApi","expand","collapse","collapsed","collapsedDefault","registerInputHeader","unregisterInputHeader","stateChanged","forceUpdate","bind","componentWillUnmount","ignoreContext","componentId","componentDidMount","collapsible","setState","onChange","onExpanded","onCollapsed","render","undefined","getTypeClass","showExpandAll","noBg","shouldToggleCollapseOnHeaderClick","headerClassName","toggleClick","icon","title","renderTitle","subTitle","mainButtonClick","mainButton","extraButtons","extraButtonsButtonProps","renderExtraButtons","collapseButtonsButtonProps","length","renderCollapseExpandAll","contentClassName","mountOnEnter","unmountOnExit","previousState","assign","type","arr","map","extraButton","index","allCollapsed","allExpanded","containerClick","expandAllClick","collapseAllClick","tooltip","renderTooltip","content","Tippy","default","document","body","tooltipProps","InputHeader","withThemeContext","withInputHeaderContext"],"sources":["../../../src/lib/components/inputHeader/InputHeader.tsx"],"sourcesContent":["// Libs\r\nimport * as React from 'react';\r\nvar classNames = require('classnames');\r\n\r\n// Misc\r\nimport * as MoreIcon from 'material-design-icons/navigation/svg/production/ic_more_vert_24px.svg';\r\nimport * as PlusIcon from 'material-design-icons/hardware/svg/production/ic_keyboard_arrow_down_24px.svg';\r\nimport { ButtonProps, Button, ButtonComponentProps } from '../button/Button';\r\nimport guid from '../utils/Guid';\r\nimport { Dropdown } from '../dropdown';\r\nimport Collapse from '@material-ui/core/Collapse';\r\nimport {\r\n OmitInputHeaderContext,\r\n InputHeaderContextProps,\r\n InputHeaderContextState,\r\n InputHeaderComponentContextState,\r\n} from '../inputHeader/InputHeaderContext';\r\nimport { withInputHeaderContext } from './withInputHeaderContext';\r\nimport { TippyProps } from '@tippy.js/react';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport { ThemeContextProps } from '../themeProvider/ThemeContext';\r\n\r\nexport type InputHeaderRawProps = React.PropsWithChildren<\r\n {\r\n onExpanded?: () => void;\r\n onCollapsed?: () => void;\r\n onChange?: (collapsed: boolean) => void;\r\n className?: string;\r\n title?: string | JSX.Element;\r\n icon?: string | JSX.Element;\r\n subTitle?: string | JSX.Element;\r\n mainButton?: JSX.Element;\r\n extraButtons?: JSX.Element[];\r\n collapsible?: boolean;\r\n collapsed?: boolean;\r\n collapsedDefault?: boolean;\r\n ignoreContext?: boolean;\r\n showExpandAll?: boolean;\r\n type?: 'hero' | 'standard' | 'small';\r\n noBg?: boolean;\r\n headerClassName?: string;\r\n contentClassName?: string;\r\n extraButtonsButtonProps?: ButtonProps;\r\n collapseButtonsButtonProps?: ButtonProps;\r\n shouldToggleCollapseOnHeaderClick?: boolean;\r\n mountOnEnter?: boolean;\r\n unmountOnExit?: boolean;\r\n tooltip?: string | JSX.Element;\r\n tooltipProps?: TippyProps;\r\n stopsPropagation?: boolean;\r\n } & InputHeaderContextProps &\r\n ThemeContextProps\r\n>;\r\n\r\nexport type InputHeaderProps = OmitInputHeaderContext<InputHeaderRawProps>;\r\n\r\nexport interface InputHeaderApi {\r\n expand: () => void;\r\n collapse: () => void;\r\n toggle: () => void;\r\n}\r\n\r\nexport interface InputHeaderState {\r\n collapsed: boolean;\r\n inputHeaderContext: InputHeaderContextState;\r\n}\r\n\r\nconst CollapseExpandButtonComponent: React.SFC<ButtonComponentProps> = props => (\r\n <a className={props.className} onClick={props.onClick} href=\"#\">\r\n {props.children}\r\n </a>\r\n);\r\n\r\nexport class InputHeaderRaw\r\n extends React.PureComponent<InputHeaderRawProps, InputHeaderState>\r\n implements InputHeaderApi {\r\n public static defaultProps: InputHeaderProps = {\r\n ignoreContext: false,\r\n showExpandAll: false,\r\n collapsedDefault: true,\r\n type: 'standard',\r\n noBg: false,\r\n shouldToggleCollapseOnHeaderClick: false,\r\n stopsPropagation: true,\r\n };\r\n\r\n public componentId = guid();\r\n\r\n constructor(props: InputHeaderRawProps) {\r\n super(props);\r\n this.state = {\r\n collapsed: props.collapsedDefault,\r\n inputHeaderContext: {\r\n registerInputHeader: this.registerInputHeader,\r\n unregisterInputHeader: this.unregisterInputHeader,\r\n stateChanged: () => this.forceUpdate(),\r\n components: {},\r\n },\r\n };\r\n this.registerInputHeader = this.registerInputHeader.bind(this);\r\n this.unregisterInputHeader = this.unregisterInputHeader.bind(this);\r\n this.expand = this.expand.bind(this);\r\n this.collapse = this.collapse.bind(this);\r\n this.toggle = this.toggle.bind(this);\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (!this.props.ignoreContext && this.props.inputHeaderContext) {\r\n this.props.inputHeaderContext.unregisterInputHeader(this.componentId);\r\n }\r\n }\r\n\r\n public componentDidMount() {\r\n if (!this.props.ignoreContext && this.props.inputHeaderContext) {\r\n this.props.inputHeaderContext.registerInputHeader(this.componentId, {\r\n componentId: this.componentId,\r\n componentApi: {\r\n expand: this.expand,\r\n collapse: this.collapse,\r\n toggle: this.toggle,\r\n },\r\n props: { ...{}, ...(this.props as InputHeaderProps) },\r\n state: { ...{}, ...this.state },\r\n });\r\n }\r\n }\r\n\r\n public expand() {\r\n this.props.collapsible &&\r\n this.setState({ collapsed: false }, () => {\r\n this.props.inputHeaderContext?.stateChanged?.();\r\n this.props.onChange?.(true);\r\n this.props.onExpanded?.();\r\n });\r\n }\r\n\r\n public collapse() {\r\n this.props.collapsible &&\r\n this.setState({ collapsed: true }, () => {\r\n this.props.inputHeaderContext?.stateChanged?.();\r\n this.props.onChange?.(false);\r\n this.props.onCollapsed?.();\r\n });\r\n }\r\n\r\n public toggle() {\r\n this.props.collapsible &&\r\n this.setState({ collapsed: !this.state.collapsed }, () => {\r\n this.props.inputHeaderContext?.stateChanged?.();\r\n this.props.onChange?.(this.state.collapsed);\r\n if (this.state.collapsed) {\r\n this.props.onCollapsed?.();\r\n }\r\n if (!this.state.collapsed) {\r\n this.props.onExpanded?.();\r\n }\r\n });\r\n }\r\n\r\n public render() {\r\n const collapsed =\r\n this.props.collapsed !== undefined\r\n ? !this.props.collapsed\r\n : !this.state.collapsed;\r\n return (\r\n <div\r\n className={\r\n `input__header ` +\r\n (this.props.className ? this.props.className : '') +\r\n ' ' +\r\n this.getTypeClass()\r\n }\r\n >\r\n <div\r\n className={classNames(\r\n 'input__header__top',\r\n { 'input__header__top--tall': this.props.showExpandAll },\r\n { 'input__header__top--no-bg': this.props.noBg },\r\n {\r\n 'input__header__top--clickable':\r\n this.props.collapsible &&\r\n this.props.shouldToggleCollapseOnHeaderClick,\r\n },\r\n this.props.headerClassName\r\n )}\r\n role={\r\n this.props.collapsible &&\r\n this.props.shouldToggleCollapseOnHeaderClick\r\n ? 'button'\r\n : undefined\r\n }\r\n onClick={\r\n this.props.collapsible &&\r\n this.props.shouldToggleCollapseOnHeaderClick\r\n ? this.toggleClick\r\n : undefined\r\n }\r\n >\r\n <div className={'input__header__top__header-container '}>\r\n {this.props.icon && (\r\n <div className=\"input__header__icon line-height--0\">\r\n {this.props.icon}\r\n </div>\r\n )}\r\n <div className=\"input__header__title__container\">\r\n {this.props.title && (\r\n <div className=\"input__header__title\">{this.renderTitle()}</div>\r\n )}\r\n {this.props.subTitle && (\r\n <div className=\"input__header__sub-title\">\r\n {this.props.subTitle}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n <div\r\n className=\"input__header__top__button-container\"\r\n onClick={this.mainButtonClick}\r\n >\r\n {this.props.mainButton && this.props.mainButton}\r\n {this.props.extraButtons ? (\r\n <Dropdown\r\n header={\r\n <Button\r\n blank={true}\r\n circular={true}\r\n {...this.props.extraButtonsButtonProps}\r\n >\r\n <MoreIcon />\r\n </Button>\r\n }\r\n showArrow={false}\r\n headerClassName={'line-height--0'}\r\n className={''}\r\n >\r\n {this.renderExtraButtons()}\r\n </Dropdown>\r\n ) : null}\r\n {this.props.collapsible && (\r\n <Button\r\n circular={true}\r\n blank={true}\r\n className={`input__header__collapse-button line-height--0 ${\r\n this.state.collapsed ? 'collapsed' : ''\r\n }`}\r\n {...this.props.collapseButtonsButtonProps}\r\n onClick={this.toggleClick}\r\n >\r\n <PlusIcon />\r\n </Button>\r\n )}\r\n </div>\r\n {this.props.showExpandAll &&\r\n Object.keys(this.state.inputHeaderContext.components).length > 0 &&\r\n this.renderCollapseExpandAll()}\r\n </div>\r\n <div\r\n className={\r\n 'input__header__bottom ' +\r\n (this.props.contentClassName ? this.props.contentClassName : '')\r\n }\r\n >\r\n {this.props.collapsible ? (\r\n <Collapse\r\n //this was here for some reason but it's messing with aria\r\n //collapsedHeight={'0.0001px'}\r\n in={collapsed}\r\n mountOnEnter={this.props.mountOnEnter}\r\n unmountOnExit={this.props.unmountOnExit}\r\n aria-expanded={collapsed ? 'false' : true}\r\n >\r\n {this.props.children}\r\n </Collapse>\r\n ) : (\r\n this.props.children\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private toggleClick = () => this.toggle();\r\n\r\n private registerInputHeader(\r\n componentId: string,\r\n component: InputHeaderComponentContextState\r\n ) {\r\n this.setState(previousState => {\r\n let components = Object.assign(\r\n {},\r\n previousState.inputHeaderContext.components\r\n );\r\n components[componentId] = component;\r\n return {\r\n inputHeaderContext: { ...previousState.inputHeaderContext, components },\r\n };\r\n });\r\n }\r\n\r\n private unregisterInputHeader(componentId: string) {\r\n this.setState(previousState => {\r\n let components = Object.assign(\r\n {},\r\n previousState.inputHeaderContext.components\r\n );\r\n delete components[componentId];\r\n return {\r\n inputHeaderContext: { ...previousState.inputHeaderContext, components },\r\n };\r\n });\r\n }\r\n\r\n private getTypeClass() {\r\n switch (this.props.type) {\r\n case 'hero':\r\n return 'input__header--hero';\r\n case 'small':\r\n return 'input__header--small';\r\n default:\r\n return '';\r\n }\r\n }\r\n\r\n private mainButtonClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n if (this.props.stopsPropagation) {\r\n e.stopPropagation();\r\n }\r\n };\r\n\r\n private renderExtraButtons() {\r\n let arr = [];\r\n if (typeof this.props.extraButtons === 'function') {\r\n arr = this.props.extraButtons;\r\n } else {\r\n arr = this.props.extraButtons;\r\n }\r\n\r\n return arr.map((extraButton, index) => <li key={index}>{extraButton}</li>);\r\n }\r\n\r\n private renderCollapseExpandAll() {\r\n let allCollapsed = true;\r\n let allExpanded = true;\r\n Object.keys(this.state.inputHeaderContext.components).forEach(key => {\r\n const component = this.state.inputHeaderContext.components[key];\r\n if (component && component.props.collapsible) {\r\n if (component.state.collapsed) {\r\n allExpanded = false;\r\n } else {\r\n allCollapsed = false;\r\n }\r\n }\r\n });\r\n return (\r\n <div\r\n className=\"input__header__expand-collapse--all\"\r\n onClick={this.containerClick}\r\n >\r\n {(allCollapsed || !allExpanded) && (\r\n <Button\r\n noRipples={true}\r\n small={true}\r\n className={allExpanded || !allCollapsed ? 'mr-2' : ''}\r\n onClick={this.expandAllClick}\r\n blank={true}\r\n Component={CollapseExpandButtonComponent}\r\n >\r\n Expand all\r\n </Button>\r\n )}\r\n {(allExpanded || !allCollapsed) && (\r\n <Button\r\n noRipples={true}\r\n small={true}\r\n onClick={this.collapseAllClick}\r\n blank={true}\r\n Component={CollapseExpandButtonComponent}\r\n >\r\n Collapse all\r\n </Button>\r\n )}\r\n </div>\r\n );\r\n }\r\n\r\n private containerClick = (e: React.MouseEvent<HTMLDivElement>) =>\r\n e.stopPropagation();\r\n\r\n private expandAllClick = () => {\r\n Object.keys(this.state.inputHeaderContext.components).forEach(key => {\r\n const component = this.state.inputHeaderContext.components[key];\r\n component.componentApi.expand();\r\n });\r\n };\r\n\r\n private collapseAllClick = () => {\r\n Object.keys(this.state.inputHeaderContext.components).forEach(key => {\r\n const component = this.state.inputHeaderContext.components[key];\r\n component.componentApi.collapse();\r\n });\r\n };\r\n\r\n private renderTitle() {\r\n if (!this.props.tooltip) {\r\n return this.props.title;\r\n }\r\n return (\r\n <React.Fragment>\r\n {this.props.title}\r\n {this.renderTooltip()}\r\n </React.Fragment>\r\n );\r\n }\r\n\r\n private renderTooltip(\r\n content: JSX.Element = <span className=\"label--help-icon\">?</span>\r\n ) {\r\n if (this.props.tooltip) {\r\n const Tippy = require('@tippy.js/react').default;\r\n\r\n return (\r\n <Tippy\r\n content={this.props.tooltip}\r\n placement=\"bottom\"\r\n animation=\"scale-subtle\"\r\n arrow={false}\r\n duration={200}\r\n delay={[75, 0]}\r\n distance={8}\r\n interactive={true}\r\n appendTo={document?.body}\r\n trigger=\"mouseenter focus\"\r\n {...this.props.tooltipProps}\r\n >\r\n <span tabIndex={0}>{content}</span>\r\n </Tippy>\r\n );\r\n }\r\n return content;\r\n }\r\n}\r\n\r\nexport const InputHeader = withThemeContext<\r\n InputHeaderRawProps,\r\n InstanceType<typeof InputHeaderRaw>\r\n>(withInputHeaderContext<InputHeaderRawProps>(InputHeaderRaw), 'inputHeader');\r\n\r\nexport default InputHeader;\r\n"],"mappings":"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"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -88,7 +88,7 @@ function Suggestions(props) {
|
|
|
88
88
|
onClick: onSelectedFactory(tag, props.tags.length === 1),
|
|
89
89
|
id: props.id,
|
|
90
90
|
isPreselected: props.preselectedSuggestion !== undefined && props.preselectedSuggestion === index
|
|
91
|
-
})), props.EmptyComponent && props.tags.length === 0 && !props.allowNew && !props.isWaitingForMoreInput && /*#__PURE__*/React.createElement("li", {
|
|
91
|
+
})), props.EmptyComponent && props.tags.length === 0 && !props.allowNew && !props.isWaitingForMoreInput && !props.loading && /*#__PURE__*/React.createElement("li", {
|
|
92
92
|
className: "w-100 text-center p-2"
|
|
93
93
|
}, props.EmptyComponent))));
|
|
94
94
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagsSuggestions.js","names":["popperModifiers","flip","enabled","DefaultSuggestionTag","index","tag","id","onClick","isPreselected","toString","name","Suggestions","props","onSelected","onSelectedFactory","React","useCallback","lastSelected","e","popperStyle","useMemo","width","anchorEl","scrollWidth","zIndex","SuggestionTag","isVisible","popperProps","classNames","className","loading","innerRef","AddNewTagComponent","LoadingComponent","isWaitingForMoreInput","WaitingForMoreInputComponent","tags","map","length","preselectedSuggestion","undefined","EmptyComponent","allowNew","SuggestionsWrapped"],"sources":["../../../../src/lib/components/tags/subComponents/TagsSuggestions.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Tag } from '..';\r\nimport { Button } from '../../..';\r\nimport Popper, { PopperProps } from '@material-ui/core/Popper';\r\nimport classNames from 'classnames';\r\n\r\nexport type RenderSuggestionTagProps<T extends Tag = Tag> = {\r\n tag: T;\r\n index: number;\r\n id?: string;\r\n onClick: (e: React.MouseEvent<HTMLElement>) => void;\r\n isPreselected: boolean;\r\n};\r\n\r\nexport type SuggestionsProps<T extends Tag = Tag> = {\r\n className?: string;\r\n innerRef: React.RefObject<HTMLDivElement>;\r\n anchorEl: HTMLElement;\r\n id?: string;\r\n preselectedSuggestion?: number;\r\n isVisible: boolean;\r\n isWaitingForMoreInput: boolean;\r\n tags: T[];\r\n onSelected: (tag: T, lastSelected: boolean) => void;\r\n value: string;\r\n loading: boolean;\r\n LoadingComponent?: string | JSX.Element;\r\n EmptyComponent?: string | JSX.Element;\r\n AddNewTagComponent?: JSX.Element;\r\n WaitingForMoreInputComponent?: string | JSX.Element;\r\n allowNew: boolean;\r\n popperProps?: Partial<PopperProps>;\r\n SuggestionTag?: React.ComponentType<RenderSuggestionTagProps<T>>;\r\n};\r\n\r\ntype InjectedProps = {};\r\n\r\nconst popperModifiers = { flip: { enabled: false } };\r\n\r\nfunction DefaultSuggestionTag<T extends Tag = Tag>({\r\n index,\r\n tag,\r\n id,\r\n onClick,\r\n isPreselected,\r\n}: RenderSuggestionTagProps<T>) {\r\n return (\r\n <li key={index}>\r\n <Button\r\n {...(id && {\r\n id: id + '-suggestion-' + index.toString(),\r\n })}\r\n className={\r\n 'w-100 tags-input__suggestion ' +\r\n (isPreselected ? 'tags-input__suggestion--preselected' : '')\r\n }\r\n onClick={onClick}\r\n dropdown={true}\r\n >\r\n {tag.name}\r\n </Button>\r\n </li>\r\n );\r\n}\r\n\r\nfunction Suggestions<T extends Tag = Tag>(\r\n props: SuggestionsProps<T> & InjectedProps\r\n) {\r\n const { onSelected } = props;\r\n const onSelectedFactory = React.useCallback(\r\n (tag: T, lastSelected: boolean) => (e: React.MouseEvent) => {\r\n onSelected(tag, lastSelected);\r\n },\r\n [onSelected]\r\n );\r\n const popperStyle = React.useMemo(\r\n () => ({ width: props.anchorEl?.scrollWidth, zIndex: 10000 }),\r\n [props.anchorEl?.scrollWidth]\r\n );\r\n\r\n const { SuggestionTag = DefaultSuggestionTag } = props;\r\n return (\r\n props.anchorEl && (\r\n <Popper\r\n open={props.isVisible}\r\n anchorEl={props.anchorEl}\r\n style={popperStyle}\r\n placement=\"bottom-start\"\r\n modifiers={popperModifiers}\r\n {...props.popperProps}\r\n >\r\n <div\r\n {...(props.id && {\r\n id: props.id,\r\n })}\r\n className={classNames('tags-input__suggestions', props.className, {\r\n 'tags-input__suggestions--loading': props.loading,\r\n })}\r\n ref={props.innerRef}\r\n >\r\n <ul>\r\n {props.AddNewTagComponent}\r\n {props.loading && props.LoadingComponent}\r\n {props.isWaitingForMoreInput &&\r\n props.WaitingForMoreInputComponent && (\r\n <li className=\"w-100 text-center p-2\">\r\n {props.WaitingForMoreInputComponent}\r\n </li>\r\n )}\r\n {!props.isWaitingForMoreInput &&\r\n props.tags.map((tag, index) => (\r\n <SuggestionTag\r\n key={tag.id}\r\n index={index}\r\n tag={tag}\r\n onClick={onSelectedFactory(tag, props.tags.length === 1)}\r\n id={props.id}\r\n isPreselected={\r\n props.preselectedSuggestion !== undefined &&\r\n props.preselectedSuggestion === index\r\n }\r\n />\r\n ))}\r\n {props.EmptyComponent &&\r\n props.tags.length === 0 &&\r\n !props.allowNew &&\r\n !props.isWaitingForMoreInput && (\r\n <li className=\"w-100 text-center p-2\">\r\n {props.EmptyComponent}\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n </Popper>\r\n )\r\n );\r\n}\r\n\r\nconst SuggestionsWrapped = Suggestions;\r\n\r\nexport default SuggestionsWrapped;\r\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TagsSuggestions.js","names":["popperModifiers","flip","enabled","DefaultSuggestionTag","index","tag","id","onClick","isPreselected","toString","name","Suggestions","props","onSelected","onSelectedFactory","React","useCallback","lastSelected","e","popperStyle","useMemo","width","anchorEl","scrollWidth","zIndex","SuggestionTag","isVisible","popperProps","classNames","className","loading","innerRef","AddNewTagComponent","LoadingComponent","isWaitingForMoreInput","WaitingForMoreInputComponent","tags","map","length","preselectedSuggestion","undefined","EmptyComponent","allowNew","SuggestionsWrapped"],"sources":["../../../../src/lib/components/tags/subComponents/TagsSuggestions.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Tag } from '..';\r\nimport { Button } from '../../..';\r\nimport Popper, { PopperProps } from '@material-ui/core/Popper';\r\nimport classNames from 'classnames';\r\n\r\nexport type RenderSuggestionTagProps<T extends Tag = Tag> = {\r\n tag: T;\r\n index: number;\r\n id?: string;\r\n onClick: (e: React.MouseEvent<HTMLElement>) => void;\r\n isPreselected: boolean;\r\n};\r\n\r\nexport type SuggestionsProps<T extends Tag = Tag> = {\r\n className?: string;\r\n innerRef: React.RefObject<HTMLDivElement>;\r\n anchorEl: HTMLElement;\r\n id?: string;\r\n preselectedSuggestion?: number;\r\n isVisible: boolean;\r\n isWaitingForMoreInput: boolean;\r\n tags: T[];\r\n onSelected: (tag: T, lastSelected: boolean) => void;\r\n value: string;\r\n loading: boolean;\r\n LoadingComponent?: string | JSX.Element;\r\n EmptyComponent?: string | JSX.Element;\r\n AddNewTagComponent?: JSX.Element;\r\n WaitingForMoreInputComponent?: string | JSX.Element;\r\n allowNew: boolean;\r\n popperProps?: Partial<PopperProps>;\r\n SuggestionTag?: React.ComponentType<RenderSuggestionTagProps<T>>;\r\n};\r\n\r\ntype InjectedProps = {};\r\n\r\nconst popperModifiers = { flip: { enabled: false } };\r\n\r\nfunction DefaultSuggestionTag<T extends Tag = Tag>({\r\n index,\r\n tag,\r\n id,\r\n onClick,\r\n isPreselected,\r\n}: RenderSuggestionTagProps<T>) {\r\n return (\r\n <li key={index}>\r\n <Button\r\n {...(id && {\r\n id: id + '-suggestion-' + index.toString(),\r\n })}\r\n className={\r\n 'w-100 tags-input__suggestion ' +\r\n (isPreselected ? 'tags-input__suggestion--preselected' : '')\r\n }\r\n onClick={onClick}\r\n dropdown={true}\r\n >\r\n {tag.name}\r\n </Button>\r\n </li>\r\n );\r\n}\r\n\r\nfunction Suggestions<T extends Tag = Tag>(\r\n props: SuggestionsProps<T> & InjectedProps\r\n) {\r\n const { onSelected } = props;\r\n const onSelectedFactory = React.useCallback(\r\n (tag: T, lastSelected: boolean) => (e: React.MouseEvent) => {\r\n onSelected(tag, lastSelected);\r\n },\r\n [onSelected]\r\n );\r\n const popperStyle = React.useMemo(\r\n () => ({ width: props.anchorEl?.scrollWidth, zIndex: 10000 }),\r\n [props.anchorEl?.scrollWidth]\r\n );\r\n\r\n const { SuggestionTag = DefaultSuggestionTag } = props;\r\n return (\r\n props.anchorEl && (\r\n <Popper\r\n open={props.isVisible}\r\n anchorEl={props.anchorEl}\r\n style={popperStyle}\r\n placement=\"bottom-start\"\r\n modifiers={popperModifiers}\r\n {...props.popperProps}\r\n >\r\n <div\r\n {...(props.id && {\r\n id: props.id,\r\n })}\r\n className={classNames('tags-input__suggestions', props.className, {\r\n 'tags-input__suggestions--loading': props.loading,\r\n })}\r\n ref={props.innerRef}\r\n >\r\n <ul>\r\n {props.AddNewTagComponent}\r\n {props.loading && props.LoadingComponent}\r\n {props.isWaitingForMoreInput &&\r\n props.WaitingForMoreInputComponent && (\r\n <li className=\"w-100 text-center p-2\">\r\n {props.WaitingForMoreInputComponent}\r\n </li>\r\n )}\r\n {!props.isWaitingForMoreInput &&\r\n props.tags.map((tag, index) => (\r\n <SuggestionTag\r\n key={tag.id}\r\n index={index}\r\n tag={tag}\r\n onClick={onSelectedFactory(tag, props.tags.length === 1)}\r\n id={props.id}\r\n isPreselected={\r\n props.preselectedSuggestion !== undefined &&\r\n props.preselectedSuggestion === index\r\n }\r\n />\r\n ))}\r\n {props.EmptyComponent &&\r\n props.tags.length === 0 &&\r\n !props.allowNew &&\r\n !props.isWaitingForMoreInput &&\r\n !props.loading && (\r\n <li className=\"w-100 text-center p-2\">\r\n {props.EmptyComponent}\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n </Popper>\r\n )\r\n );\r\n}\r\n\r\nconst SuggestionsWrapped = Suggestions;\r\n\r\nexport default SuggestionsWrapped;\r\n"],"mappings":"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"}
|
package/build/dist/report.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8"/>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
6
|
-
<title>guestbell-forms [
|
|
6
|
+
<title>guestbell-forms [28 Jan 2023 at 23:49]</title>
|
|
7
7
|
<link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
|
|
8
8
|
|
|
9
9
|
<script>
|
package/package.json
CHANGED