npm - guestbell-forms - Versions diffs - 2.0.258 → 2.0.262 - Mend

guestbell-forms 2.0.258 → 2.0.262

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.

Files changed (21) hide show

package/build/components/tags/Tags.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/components/tags/Tags.tsx"],"names":["PlusIcon","LeftArrowIcon","classNames","require","defaultTagsTranslations","defaultBaseTranslations","addNew","TagButtonComponent","p","className","id","onClick","children","TagsRaw","props","textErrors","setState","handleErrors","e","onFocus","state","suggestionsVisible","onSuggestionsOpened","textIsFocused","touched","fetchExistingTags","value","showMobileVersion","mobileVersionEnabled","isMobile","setTimeout","textRef","current","focus","suggestions","key","preselectedSuggestion","undefined","length","preventDefault","stopPropagation","existingTag","existingTags","find","et","name","onTagsChanged","tags","concat","allowNew","addNewTag","onNewTagAdded","newTag","tag","lastSelected","newTags","isMax","maxTags","finalValue","onBlur","isValid","target","textIsValid","errors","getErrors","setInvalid","setValid","onTagClick","filter","sv","fetchingExistingTags","fetchedExistingTags","React","createRef","suggestionsRef","handleClickOutside","bind","handleLeaveMobileClick","oldProps","validators","customValidators","required","containerRef","querySelector","contains","onSuggestionsClosed","addNewOnBlur","getSuggestions","existing","s","onSuggestionSelected","document","addEventListener","removeEventListener","translations","getTranslations","textProps","LeaveMobileButton","showInput","Boolean","readOnly","body","title","tooltip","getValidationClass","placeholder","map","item","index","renderTag","readonlyEmptyPlaceholder","onKeyDown","onTextErrorsChanged","onTextChanged","showSuggestions","isLoading","suggestionsLoadingComponent","suggestionsEmptyComponent","waitingForMoreInputComponent","minLettersToFetch","popperProps","renderDefaultValidation","label","renderLabel","valueNotAddedError","maxTagsSurpassedError","i","startsWith","timer","loadingDelayMs","then","clearTimeout","filteredTags","filterExistingTags","toLowerCase","allowSameTagMultipleTimes","some","t","slice","maxSuggestions","toString","tagRemoveClick","showChips","tagClick","BaseInput","defaultProps","disabled","newTagName","Promise","resolve","Date","getTime","text","Tags"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\nimport { InputGroup } from '../inputGroup/InputGroup';\r\nimport { Text, TextProps, TextRaw } from '../text/Text';\r\nimport * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_circle_outline_24px.svg';\r\nimport * as LeftArrowIcon from 'material-design-icons/navigation/svg/production/ic_arrow_back_24px.svg';\r\nimport {\r\n BaseInputProps,\r\n BaseInputState,\r\n BaseInput,\r\n ValidationError,\r\n defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nimport { Button, ButtonComponentProps } from '../button/Button';\r\nimport TagsSuggestions from './subComponents/TagsSuggestions';\r\nimport { withFormContext } from '../form/withFormContext';\r\nvar classNames = require('classnames');\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport { PopperProps } from '@material-ui/core/Popper/Popper';\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport Portal from '@material-ui/core/Portal';\r\n\r\n// Misc\r\nexport type Tag = {\r\n id: number \| string;\r\n name: string;\r\n};\r\n\r\nexport const defaultTagsTranslations = {\r\n ...defaultBaseTranslations,\r\n addNew: 'Add new',\r\n};\r\n\r\nexport type TagsTranslations = Partial<typeof defaultTagsTranslations>;\r\n\r\nexport type TagsProps = {\r\n className?: string;\r\n disabled?: boolean;\r\n tags: Tag[];\r\n existingTags?: Tag[];\r\n fetchExistingTags?: (text: string) => Promise<Tag[]>;\r\n onTagsChanged: (newTags: Tag[]) => void;\r\n onNewTagAdded?: (newTagName: string) => Promise<Tag>;\r\n onTagClick?: (tag: Tag) => void;\r\n showChips?: boolean;\r\n allowNew?: boolean;\r\n addNewOnBlur?: boolean;\r\n textProps?: TextProps;\r\n readOnly?: boolean;\r\n readonlyEmptyPlaceholder?: string;\r\n maxTags?: number;\r\n valueNotAddedError?: string \| JSX.Element;\r\n maxTagsSurpassedError?: string \| JSX.Element;\r\n showSuggestions?: boolean;\r\n suggestionsLoadingComponent?: string \| JSX.Element;\r\n suggestionsEmptyComponent?: string \| JSX.Element;\r\n waitingForMoreInputComponent?: string \| JSX.Element;\r\n loadingDelayMs?: number;\r\n filterExistingTags?: (text: string, existingTags: Tag[]) => Tag[];\r\n allowSameTagMultipleTimes?: boolean;\r\n maxSuggestions?: number;\r\n popperProps?: Partial<PopperProps>;\r\n minLettersToFetch?: number;\r\n mobileVersionEnabled?: boolean;\r\n isLoading?: boolean;\r\n} & BaseInputProps<HTMLInputElement, TagsTranslations>;\r\n\r\nexport interface TagsState extends BaseInputState {\r\n textIsFocused: boolean;\r\n textErrors: ValidationError[];\r\n textIsValid: boolean;\r\n suggestionsVisible: boolean;\r\n fetchedExistingTags: Tag[];\r\n fetchingExistingTags: boolean;\r\n preselectedSuggestion?: number;\r\n}\r\n\r\ntype InjectedProps = {};\r\n\r\nconst TagButtonComponent: React.FC<ButtonComponentProps> = p => (\r\n <a className={p.className} id={p.id} onClick={p.onClick}>\r\n {p.children}\r\n </a>\r\n);\r\n\r\nexport class TagsRaw extends BaseInput<\r\n TagsProps & InjectedProps,\r\n TagsState,\r\n HTMLInputElement,\r\n TagsTranslations\r\n> {\r\n public static defaultProps: TagsProps = {\r\n ...BaseInput.defaultProps,\r\n disabled: false,\r\n className: '',\r\n tags: [],\r\n existingTags: [],\r\n maxTags: 1000,\r\n onTagsChanged: () => undefined,\r\n onNewTagAdded: newTagName =>\r\n Promise.resolve({ name: newTagName, id: new Date().getTime() }),\r\n valueNotAddedError: <span>You forgot to add tag</span>,\r\n maxTagsSurpassedError: <span>Maximum number of tags surpassed</span>,\r\n waitingForMoreInputComponent: <span>Waiting for more input...</span>,\r\n showSuggestions: true,\r\n suggestionsLoadingComponent: (\r\n <LinearProgress className=\"tags-input__suggestions__defaultLoading\" />\r\n ),\r\n suggestionsEmptyComponent: 'No existing tags...',\r\n loadingDelayMs: 500,\r\n filterExistingTags: (text, tags) =>\r\n tags.filter(tag => tag.name && tag.name.toLowerCase().startsWith(text)),\r\n maxSuggestions: 5,\r\n addNewOnBlur: false,\r\n translations: defaultTagsTranslations,\r\n minLettersToFetch: 0,\r\n mobileVersionEnabled: true,\r\n };\r\n\r\n private textRef: React.RefObject<TextRaw>;\r\n private suggestionsRef: React.RefObject<HTMLDivElement>;\r\n private isMobile: boolean = false;\r\n\r\n constructor(props: TagsProps & InjectedProps) {\r\n super(props);\r\n this.state = {\r\n ...this.state,\r\n textErrors: [],\r\n textIsFocused: false,\r\n suggestionsVisible: false,\r\n fetchingExistingTags: false,\r\n textIsValid: false,\r\n fetchedExistingTags: [],\r\n };\r\n this.textRef = React.createRef();\r\n this.suggestionsRef = React.createRef();\r\n this.handleClickOutside = this.handleClickOutside.bind(this);\r\n this.handleLeaveMobileClick = this.handleLeaveMobileClick.bind(this);\r\n if (props.mobileVersionEnabled) {\r\n this.isMobile = require('react-device-detect')?.isMobile;\r\n }\r\n }\r\n\r\n public focus() {\r\n if (this.textRef.current) {\r\n this.textRef.current.focus();\r\n }\r\n }\r\n\r\n public componentDidUpdate(oldProps: TagsProps & InjectedProps) {\r\n if (\r\n oldProps.tags !== this.props.tags \|\|\r\n oldProps.validators !== this.props.validators \|\|\r\n oldProps.customValidators !== this.props.customValidators \|\|\r\n oldProps.required !== this.props.required\r\n ) {\r\n this.handleErrors(this.props.tags);\r\n }\r\n }\r\n\r\n public handleLeaveMobileClick() {\r\n this.setState({\r\n textIsFocused: false,\r\n suggestionsVisible: false,\r\n preselectedSuggestion: undefined,\r\n });\r\n }\r\n\r\n public handleClickOutside(e: MouseEvent) {\r\n if (\r\n !this.containerRef.current \|\|\r\n this.containerRef.current\r\n .querySelector('.tags-input__tag__wrapper')\r\n ?.contains(e.target as HTMLDivElement) \|\|\r\n this.containerRef.current\r\n .querySelector('.tags-input__text-input')\r\n ?.contains(e.target as HTMLDivElement) \|\|\r\n !this.suggestionsRef.current \|\|\r\n this.suggestionsRef.current.contains(e.target as HTMLDivElement)\r\n ) {\r\n return;\r\n }\r\n if (this.state.suggestionsVisible) {\r\n this.props.onSuggestionsClosed?.();\r\n }\r\n this.setState({\r\n suggestionsVisible: false,\r\n preselectedSuggestion: undefined,\r\n });\r\n if (this.props.addNewOnBlur && this.state.value) {\r\n const suggestions = this.getSuggestions();\r\n const existing = suggestions.find(s => s.name === this.state.value);\r\n if (existing) {\r\n this.onSuggestionSelected(existing, suggestions.length === 1);\r\n } else if (this.props.allowNew) {\r\n this.addNewTag();\r\n }\r\n } /* else if (this.state.value) {\r\n this.setState({ value: '' });\r\n }/\r\n }\r\n\r\n public componentDidMount() {\r\n document.addEventListener('mousedown', this.handleClickOutside);\r\n document.addEventListener('touchstart', this.handleClickOutside);\r\n }\r\n\r\n public componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.handleClickOutside);\r\n document.removeEventListener('touchstart', this.handleClickOutside);\r\n }\r\n\r\n public render() {\r\n const translations = this.getTranslations(defaultTagsTranslations);\r\n const textProps = this.props.textProps ? this.props.textProps : {};\r\n const suggestions = this.getSuggestions();\r\n const showMobileVersion =\r\n this.props.mobileVersionEnabled &&\r\n this.isMobile &&\r\n (this.state.textIsFocused \|\| this.state.suggestionsVisible);\r\n const LeaveMobileButton = showMobileVersion ? (\r\n <Button\r\n className=\"tags-input__leaveMobileTagsButton line-height--0\"\r\n onClick={this.handleLeaveMobileClick}\r\n noShadow={true}\r\n unobtrusive={true}\r\n >\r\n <LeftArrowIcon />\r\n </Button>\r\n ) : (\r\n undefined\r\n );\r\n const showInput = Boolean(\r\n (!this.props.maxTags \|\|\r\n this.props.maxTags > (this.props.tags && this.props.tags.length)) &&\r\n !this.props.readOnly\r\n );\r\n return (\r\n <Portal container={document.body} disablePortal={!showMobileVersion}>\r\n <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n <div\r\n {...(this.props.id && {\r\n id: this.props.id,\r\n })}\r\n className={classNames(\r\n 'input__base tags-input',\r\n this.getValidationClass(),\r\n this.props.className,\r\n {\r\n 'tags-input--readOnly': this.props.readOnly,\r\n 'tags-input--hasPlaceholder':\r\n this.props.textProps && this.props.textProps.placeholder,\r\n 'tags-input--mobile': showMobileVersion,\r\n }\r\n )}\r\n ref={this.containerRef}\r\n >\r\n {showMobileVersion && (\r\n <div className=\"tags-input__mobileBackdrop\" />\r\n )}\r\n <div className=\"tags-input__tags__wrapper\">\r\n {!showInput && showMobileVersion && LeaveMobileButton}\r\n {this.props.tags && this.props.tags.length > 0 ? (\r\n <div className=\"tags-input__tag__wrapper\">\r\n {this.props.tags.map((item, index) =>\r\n this.renderTag(item, index)\r\n )}\r\n </div>\r\n ) : (\r\n this.props.readOnly && (\r\n <div className=\"tags-input__tag__wrapper\">\r\n <div className=\"tags-input__tag\">\r\n {this.props.readonlyEmptyPlaceholder}\r\n </div>\r\n </div>\r\n )\r\n )}\r\n </div>\r\n {showInput && (\r\n <div\r\n className={\r\n 'tags-input__tags__wrapper ' +\r\n (this.props.readOnly ? 'filled ' : '')\r\n }\r\n >\r\n <Text\r\n showClearButton={true}\r\n {...textProps}\r\n {...(this.props.id && {\r\n id: this.props.id + '-text-input',\r\n })}\r\n ref={this.textRef}\r\n required={\r\n this.props.tags.length > 0 ? false : this.props.required\r\n }\r\n className={\r\n 'tags-input__text-input ' +\r\n (textProps.className ? textProps.className : '')\r\n }\r\n onKeyDown={this.onKeyDown(suggestions)}\r\n onErrorsChanged={this.onTextErrorsChanged}\r\n onChange={this.onTextChanged}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n value={this.state.value}\r\n readOnly={this.props.readOnly}\r\n showValidation={false}\r\n ignoreContext={true}\r\n validators={this.props.validators}\r\n customValidators={this.props.customValidators}\r\n before={LeaveMobileButton}\r\n />\r\n {this.state.suggestionsVisible && this.props.showSuggestions && (\r\n <TagsSuggestions\r\n {...(this.props.id && {\r\n id: this.props.id + '-text-input',\r\n })}\r\n innerRef={this.suggestionsRef}\r\n anchorEl={this.containerRef.current}\r\n allowNew={this.props.allowNew}\r\n preselectedSuggestion={this.state.preselectedSuggestion}\r\n loading={\r\n this.state.fetchingExistingTags \|\| this.props.isLoading\r\n }\r\n LoadingComponent={this.props.suggestionsLoadingComponent}\r\n isVisible={this.state.suggestionsVisible}\r\n EmptyComponent={this.props.suggestionsEmptyComponent}\r\n WaitingForMoreInputComponent={\r\n this.props.waitingForMoreInputComponent\r\n }\r\n isWaitingForMoreInput={\r\n this.state.value.length < this.props.minLettersToFetch\r\n }\r\n tags={suggestions}\r\n onSelected={this.onSuggestionSelected}\r\n value={this.state.value}\r\n AddNewTagComponent={\r\n this.props.allowNew &&\r\n this.state.value !== '' &&\r\n (!this.props.existingTags \|\|\r\n !this.props.existingTags.find(\r\n e => e.name === this.state.value\r\n )) &&\r\n (!this.state.fetchedExistingTags \|\|\r\n !this.state.fetchedExistingTags.find(\r\n e => e.name === this.state.value\r\n )) &&\r\n this.state.textIsValid && (\r\n <Button\r\n {...(this.props.id && {\r\n id: this.props.id + '-add-new-button',\r\n })}\r\n className=\"tags-input__suggestion tags-input__add-new\"\r\n dropdown={true}\r\n onClick={this.addNewTag}\r\n >\r\n {translations.addNew} \"{this.state.value}\"\r\n </Button>\r\n )\r\n }\r\n popperProps={this.props.popperProps}\r\n />\r\n )}\r\n </div>\r\n )}\r\n {this.renderDefaultValidation()}\r\n {this.props.label && (\r\n <label\r\n className={\r\n this.state.value !== '' \|\|\r\n this.state.textIsFocused \|\|\r\n this.props.readOnly \|\|\r\n this.props.tags.length >= this.props.maxTags \|\|\r\n showMobileVersion\r\n ? 'label--focused'\r\n : ''\r\n }\r\n >\r\n {this.renderLabel()}\r\n </label>\r\n )}\r\n </div>\r\n </InputGroup>\r\n </Portal>\r\n );\r\n }\r\n\r\n private onTextErrorsChanged = (textErrors: ValidationError[]) =>\r\n this.setState(\r\n () => ({ textErrors }),\r\n () => this.handleErrors()\r\n );\r\n\r\n private onFocus = (e: React.SyntheticEvent<{}>) => {\r\n this.props.onFocus?.(e);\r\n if (!this.state.suggestionsVisible) {\r\n this.props.onSuggestionsOpened?.();\r\n }\r\n this.setState(\r\n () => ({ textIsFocused: true, suggestionsVisible: true, touched: true }),\r\n () => this.handleErrors()\r\n );\r\n this.fetchExistingTags(this.state.value);\r\n const showMobileVersion =\r\n this.props.mobileVersionEnabled &&\r\n this.isMobile &&\r\n (this.state.textIsFocused \|\| this.state.suggestionsVisible);\r\n if (\r\n !showMobileVersion &&\r\n this.props.mobileVersionEnabled &&\r\n this.isMobile\r\n ) {\r\n setTimeout(() => this.textRef.current?.focus(), 100);\r\n }\r\n };\r\n\r\n private onKeyDown = (suggestions: Tag[]) => async (\r\n e: React.KeyboardEvent\r\n ) => {\r\n if (e.key === 'Tab') {\r\n this.setState({\r\n suggestionsVisible: false,\r\n preselectedSuggestion: undefined,\r\n });\r\n }\r\n if (\r\n e.key === 'Enter' &&\r\n (this.state.value !== '' \|\|\r\n this.state.preselectedSuggestion !== undefined) &&\r\n this.state.textErrors.length === 0\r\n ) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n const existingTag =\r\n this.props.existingTags &&\r\n this.props.existingTags.find(et => et.name === this.state.value);\r\n if (this.state.preselectedSuggestion !== undefined) {\r\n this.props.onTagsChanged(\r\n this.props.tags.concat(suggestions[this.state.preselectedSuggestion])\r\n );\r\n this.setState({ value: '', preselectedSuggestion: undefined }, () => {\r\n this.fetchExistingTags();\r\n this.handleErrors();\r\n });\r\n } else if (existingTag) {\r\n this.props.onTagsChanged(this.props.tags.concat(existingTag));\r\n this.setState({ value: '' }, () => {\r\n this.fetchExistingTags();\r\n this.handleErrors();\r\n });\r\n } else if (this.props.allowNew) {\r\n await this.addNewTag();\r\n this.handleErrors();\r\n }\r\n }\r\n if (suggestions.length > 0 && this.state.suggestionsVisible) {\r\n if (e.key === 'ArrowUp') {\r\n const preselectedSuggestion =\r\n this.state.preselectedSuggestion === undefined\r\n ? suggestions.length - 1\r\n : this.state.preselectedSuggestion === 0\r\n ? suggestions.length - 1\r\n : this.state.preselectedSuggestion - 1;\r\n this.setState({ preselectedSuggestion });\r\n } else if (e.key === 'ArrowDown') {\r\n const preselectedSuggestion =\r\n this.state.preselectedSuggestion === undefined\r\n ? 0\r\n : this.state.preselectedSuggestion === suggestions.length - 1\r\n ? 0\r\n : this.state.preselectedSuggestion + 1;\r\n this.setState({ preselectedSuggestion });\r\n } else {\r\n this.setState({ preselectedSuggestion: undefined });\r\n }\r\n }\r\n };\r\n\r\n private addNewTag = async () => {\r\n const newTag = await this.props.onNewTagAdded(this.state.value);\r\n if (newTag) {\r\n this.props.onTagsChanged(\r\n this.props.tags ? this.props.tags.concat(newTag) : [newTag]\r\n );\r\n }\r\n this.setState({ value: '', textErrors: [] }, () => {\r\n this.fetchExistingTags();\r\n this.handleErrors();\r\n });\r\n };\r\n\r\n private onSuggestionSelected = (tag: Tag, lastSelected: boolean) => {\r\n const newTags = this.props.tags.concat(tag);\r\n this.props.onTagsChanged(newTags);\r\n const isMax = newTags.length === this.props.maxTags;\r\n const finalValue =\r\n !this.props.allowNew && !isMax && !lastSelected ? this.state.value : '';\r\n this.setState(\r\n {\r\n value: finalValue,\r\n suggestionsVisible: isMax ? false : this.state.suggestionsVisible,\r\n preselectedSuggestion: undefined,\r\n textErrors: [],\r\n },\r\n () => {\r\n if (\r\n !this.props.maxTags \|\|\r\n this.props.tags.length + 1 < this.props.maxTags\r\n ) {\r\n this.fetchExistingTags(finalValue);\r\n }\r\n this.handleErrors();\r\n }\r\n );\r\n };\r\n\r\n private onBlur = () => {\r\n this.props.onBlur?.();\r\n this.setState(\r\n {\r\n textIsFocused: false,\r\n preselectedSuggestion: undefined,\r\n },\r\n () => this.handleErrors()\r\n );\r\n };\r\n\r\n private onTextChanged = (\r\n e: React.ChangeEvent<HTMLInputElement>,\r\n isValid: boolean\r\n ) => {\r\n const value = e.target.value;\r\n this.setState(\r\n () => ({\r\n value,\r\n isValid: isValid,\r\n textIsValid: isValid,\r\n suggestionsVisible: true,\r\n }),\r\n () => this.handleErrors()\r\n );\r\n this.fetchExistingTags(e.target.value);\r\n };\r\n\r\n private handleErrors = (tags: Tag[] = this.props.tags) => {\r\n let errors = this.getErrors(tags);\r\n if (errors.length > 0) {\r\n this.setInvalid(errors);\r\n } else {\r\n this.setValid();\r\n }\r\n };\r\n\r\n private getErrors(tags: Tag[]) {\r\n let errors = [];\r\n if (tags.length < this.props.maxTags) {\r\n errors = errors.concat(this.state.textErrors);\r\n }\r\n if (this.state.value !== '' && tags.length === 0 && this.props.required) {\r\n errors = errors.concat(\r\n this.getTranslations(this.props.translations).required\r\n );\r\n }\r\n if (this.state.value && this.props.allowNew && !this.state.textIsFocused) {\r\n errors = errors.concat(this.props.valueNotAddedError);\r\n }\r\n if (this.props.maxTags < (this.props.tags && this.props.tags.length)) {\r\n errors = errors.concat(this.props.maxTagsSurpassedError);\r\n }\r\n return errors.filter(i => i);\r\n }\r\n\r\n private fetchExistingTags(startsWith: string = '') {\r\n if (\r\n this.props.fetchExistingTags &&\r\n startsWith.length >= this.props.minLettersToFetch\r\n ) {\r\n const timer = setTimeout(\r\n () => this.setState(() => ({ fetchingExistingTags: true })),\r\n this.props.loadingDelayMs\r\n );\r\n this.props.fetchExistingTags(startsWith).then(fetchedExistingTags => {\r\n clearTimeout(timer);\r\n this.setState(() => ({\r\n fetchedExistingTags,\r\n fetchingExistingTags: false,\r\n }));\r\n });\r\n }\r\n }\r\n\r\n private getSuggestions() {\r\n const existingTags: Tag[] = []\r\n .concat(this.props.existingTags ? this.props.existingTags : [])\r\n .concat(\r\n this.state.fetchedExistingTags ? this.state.fetchedExistingTags : []\r\n );\r\n const filteredTags = this.props.filterExistingTags(\r\n this.state.value ? this.state.value.toLowerCase() : '',\r\n existingTags\r\n );\r\n let suggestions = filteredTags\r\n .filter(\r\n tag =>\r\n this.props.allowSameTagMultipleTimes \|\|\r\n !this.props.tags.some(t => t.id === tag.id)\r\n )\r\n .slice(0, this.props.maxSuggestions);\r\n return suggestions;\r\n }\r\n\r\n private renderTag(tag: Tag, index: number) {\r\n const body = (\r\n <>\r\n {tag.name}\r\n {!this.props.readOnly && (\r\n <Button\r\n {...(this.props.id && {\r\n id: this.props.id + '-tag-' + index.toString(),\r\n })}\r\n circular={true}\r\n blank={true}\r\n onClick={this.tagRemoveClick(tag)}\r\n className=\"ml-1 transform-rotate--45 line-height--0 p-0\"\r\n Component={TagButtonComponent}\r\n preventsDefault={false}\r\n >\r\n <PlusIcon />\r\n </Button>\r\n )}\r\n </>\r\n );\r\n const className = classNames('tags-input__tag', {\r\n 'tags-input__tag-chip': this.props.showChips,\r\n });\r\n if (this.props.onTagClick) {\r\n return (\r\n <Button\r\n onClick={this.tagClick(tag)}\r\n small={true}\r\n className={className}\r\n key={index}\r\n >\r\n {body}\r\n </Button>\r\n );\r\n }\r\n return (\r\n <div onClick={this.tagClick(tag)} className={className} key={index}>\r\n {body}\r\n </div>\r\n );\r\n }\r\n\r\n private tagClick = (tag: Tag) => () => {\r\n this.props.onTagClick && this.props.onTagClick(tag);\r\n };\r\n\r\n private tagRemoveClick = (tag: Tag) => (e: React.MouseEvent<HTMLElement>) => {\r\n e.stopPropagation();\r\n const newTags = this.props.tags.filter(sv => sv.id !== tag.id);\r\n /if (newTags.length === 0) {\r\n setTimeout(() => this.focus(), 50);\r\n }\r\n this.setState({\r\n suggestionsVisible: false,\r\n });*/\r\n this.props.onTagsChanged && this.props.onTagsChanged(newTags);\r\n this.handleErrors(newTags);\r\n // this.fetchExistingTags();\r\n };\r\n}\r\n\r\nexport const Tags = withThemeContext<TagsProps, InstanceType<typeof TagsRaw>>(\r\n // tslint:disable-next-line: no-any\r\n withFormContext<TagsProps>(TagsRaw),\r\n 'tags'\r\n);\r\n\r\nexport default Tags;\r\n"],"file":"Tags.js"}
1	+ {"version":3,"sources":["../../../src/lib/components/tags/Tags.tsx"],"names":["PlusIcon","LeftArrowIcon","defaultTagsTranslations","defaultBaseTranslations","addNew","TagButtonComponent","p","className","id","onClick","children","TagsRaw","props","textErrors","setState","handleErrors","e","onFocus","state","suggestionsVisible","onSuggestionsOpened","textIsFocused","touched","fetchExistingTags","value","showMobileVersion","mobileVersionEnabled","isMobile","setTimeout","textRef","current","focus","suggestions","key","preselectedSuggestion","undefined","length","preventDefault","stopPropagation","existingTag","existingTags","find","et","name","onTagsChanged","tags","concat","allowNew","addNewTag","onNewTagAdded","newTag","tag","lastSelected","newTags","isMax","maxTags","finalValue","onBlur","isValid","target","textIsValid","errors","getErrors","setInvalid","setValid","onTagClick","filter","sv","fetchingExistingTags","fetchedExistingTags","React","createRef","suggestionsRef","handleClickOutside","bind","handleLeaveMobileClick","require","oldProps","validators","customValidators","required","containerRef","querySelector","contains","onSuggestionsClosed","addNewOnBlur","getSuggestions","existing","s","onSuggestionSelected","document","addEventListener","removeEventListener","translations","getTranslations","textProps","LeaveMobileButton","showInput","Boolean","readOnly","body","title","tooltip","getValidationClass","placeholder","map","item","index","renderTag","readonlyEmptyPlaceholder","onKeyDown","onTextErrorsChanged","onTextChanged","showSuggestions","tagsSuggestionsClassName","isLoading","suggestionsLoadingComponent","suggestionsEmptyComponent","waitingForMoreInputComponent","minLettersToFetch","popperProps","renderDefaultValidation","label","renderLabel","valueNotAddedError","maxTagsSurpassedError","i","startsWith","timer","loadingDelayMs","then","clearTimeout","filteredTags","filterExistingTags","toLowerCase","allowSameTagMultipleTimes","some","t","slice","maxSuggestions","toString","tagRemoveClick","showChips","tagClick","BaseInput","defaultProps","disabled","newTagName","Promise","resolve","Date","getTime","text","Tags"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\nimport { InputGroup } from '../inputGroup/InputGroup';\r\nimport { Text, TextProps, TextRaw } from '../text/Text';\r\nimport * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_circle_outline_24px.svg';\r\nimport * as LeftArrowIcon from 'material-design-icons/navigation/svg/production/ic_arrow_back_24px.svg';\r\nimport {\r\n BaseInputProps,\r\n BaseInputState,\r\n BaseInput,\r\n ValidationError,\r\n defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nimport { Button, ButtonComponentProps } from '../button/Button';\r\nimport TagsSuggestions from './subComponents/TagsSuggestions';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport classNames from 'classnames';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport { PopperProps } from '@material-ui/core/Popper/Popper';\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport Portal from '@material-ui/core/Portal';\r\n\r\n// Misc\r\nexport type Tag = {\r\n id: number \| string;\r\n name: string;\r\n};\r\n\r\nexport const defaultTagsTranslations = {\r\n ...defaultBaseTranslations,\r\n addNew: 'Add new',\r\n};\r\n\r\nexport type TagsTranslations = Partial<typeof defaultTagsTranslations>;\r\n\r\nexport type TagsProps = {\r\n className?: string;\r\n tagsSuggestionsClassName?: string;\r\n disabled?: boolean;\r\n tags: Tag[];\r\n existingTags?: Tag[];\r\n fetchExistingTags?: (text: string) => Promise<Tag[]>;\r\n onTagsChanged: (newTags: Tag[]) => void;\r\n onNewTagAdded?: (newTagName: string) => Promise<Tag>;\r\n onTagClick?: (tag: Tag) => void;\r\n showChips?: boolean;\r\n allowNew?: boolean;\r\n addNewOnBlur?: boolean;\r\n textProps?: TextProps;\r\n readOnly?: boolean;\r\n readonlyEmptyPlaceholder?: string;\r\n maxTags?: number;\r\n valueNotAddedError?: string \| JSX.Element;\r\n maxTagsSurpassedError?: string \| JSX.Element;\r\n showSuggestions?: boolean;\r\n suggestionsLoadingComponent?: string \| JSX.Element;\r\n suggestionsEmptyComponent?: string \| JSX.Element;\r\n waitingForMoreInputComponent?: string \| JSX.Element;\r\n loadingDelayMs?: number;\r\n filterExistingTags?: (text: string, existingTags: Tag[]) => Tag[];\r\n allowSameTagMultipleTimes?: boolean;\r\n maxSuggestions?: number;\r\n popperProps?: Partial<PopperProps>;\r\n minLettersToFetch?: number;\r\n mobileVersionEnabled?: boolean;\r\n isLoading?: boolean;\r\n} & BaseInputProps<HTMLInputElement, TagsTranslations>;\r\n\r\nexport interface TagsState extends BaseInputState {\r\n textIsFocused: boolean;\r\n textErrors: ValidationError[];\r\n textIsValid: boolean;\r\n suggestionsVisible: boolean;\r\n fetchedExistingTags: Tag[];\r\n fetchingExistingTags: boolean;\r\n preselectedSuggestion?: number;\r\n}\r\n\r\ntype InjectedProps = {};\r\n\r\nconst TagButtonComponent: React.FC<ButtonComponentProps> = p => (\r\n <a className={p.className} id={p.id} onClick={p.onClick}>\r\n {p.children}\r\n </a>\r\n);\r\n\r\nexport class TagsRaw extends BaseInput<\r\n TagsProps & InjectedProps,\r\n TagsState,\r\n HTMLInputElement,\r\n TagsTranslations\r\n> {\r\n public static defaultProps: TagsProps = {\r\n ...BaseInput.defaultProps,\r\n disabled: false,\r\n className: '',\r\n tags: [],\r\n existingTags: [],\r\n maxTags: 1000,\r\n onTagsChanged: () => undefined,\r\n onNewTagAdded: newTagName =>\r\n Promise.resolve({ name: newTagName, id: new Date().getTime() }),\r\n valueNotAddedError: <span>You forgot to add tag</span>,\r\n maxTagsSurpassedError: <span>Maximum number of tags surpassed</span>,\r\n waitingForMoreInputComponent: <span>Waiting for more input...</span>,\r\n showSuggestions: true,\r\n suggestionsLoadingComponent: (\r\n <LinearProgress className=\"tags-input__suggestions__defaultLoading\" />\r\n ),\r\n suggestionsEmptyComponent: 'No existing tags...',\r\n loadingDelayMs: 500,\r\n filterExistingTags: (text, tags) =>\r\n tags.filter(tag => tag.name && tag.name.toLowerCase().startsWith(text)),\r\n maxSuggestions: 5,\r\n addNewOnBlur: false,\r\n translations: defaultTagsTranslations,\r\n minLettersToFetch: 0,\r\n mobileVersionEnabled: true,\r\n };\r\n\r\n private textRef: React.RefObject<TextRaw>;\r\n private suggestionsRef: React.RefObject<HTMLDivElement>;\r\n private isMobile: boolean = false;\r\n\r\n constructor(props: TagsProps & InjectedProps) {\r\n super(props);\r\n this.state = {\r\n ...this.state,\r\n textErrors: [],\r\n textIsFocused: false,\r\n suggestionsVisible: false,\r\n fetchingExistingTags: false,\r\n textIsValid: false,\r\n fetchedExistingTags: [],\r\n };\r\n this.textRef = React.createRef();\r\n this.suggestionsRef = React.createRef();\r\n this.handleClickOutside = this.handleClickOutside.bind(this);\r\n this.handleLeaveMobileClick = this.handleLeaveMobileClick.bind(this);\r\n if (props.mobileVersionEnabled) {\r\n this.isMobile = require('react-device-detect')?.isMobile;\r\n }\r\n }\r\n\r\n public focus() {\r\n if (this.textRef.current) {\r\n this.textRef.current.focus();\r\n }\r\n }\r\n\r\n public componentDidUpdate(oldProps: TagsProps & InjectedProps) {\r\n if (\r\n oldProps.tags !== this.props.tags \|\|\r\n oldProps.validators !== this.props.validators \|\|\r\n oldProps.customValidators !== this.props.customValidators \|\|\r\n oldProps.required !== this.props.required\r\n ) {\r\n this.handleErrors(this.props.tags);\r\n }\r\n }\r\n\r\n public handleLeaveMobileClick() {\r\n this.setState({\r\n textIsFocused: false,\r\n suggestionsVisible: false,\r\n preselectedSuggestion: undefined,\r\n });\r\n }\r\n\r\n public handleClickOutside(e: MouseEvent) {\r\n if (\r\n !this.containerRef.current \|\|\r\n this.containerRef.current\r\n .querySelector('.tags-input__tag__wrapper')\r\n ?.contains(e.target as HTMLDivElement) \|\|\r\n this.containerRef.current\r\n .querySelector('.tags-input__text-input')\r\n ?.contains(e.target as HTMLDivElement) \|\|\r\n !this.suggestionsRef.current \|\|\r\n this.suggestionsRef.current.contains(e.target as HTMLDivElement)\r\n ) {\r\n return;\r\n }\r\n if (this.state.suggestionsVisible) {\r\n this.props.onSuggestionsClosed?.();\r\n }\r\n this.setState({\r\n suggestionsVisible: false,\r\n preselectedSuggestion: undefined,\r\n });\r\n if (this.props.addNewOnBlur && this.state.value) {\r\n const suggestions = this.getSuggestions();\r\n const existing = suggestions.find(s => s.name === this.state.value);\r\n if (existing) {\r\n this.onSuggestionSelected(existing, suggestions.length === 1);\r\n } else if (this.props.allowNew) {\r\n this.addNewTag();\r\n }\r\n } /* else if (this.state.value) {\r\n this.setState({ value: '' });\r\n }/\r\n }\r\n\r\n public componentDidMount() {\r\n document.addEventListener('mousedown', this.handleClickOutside);\r\n document.addEventListener('touchstart', this.handleClickOutside);\r\n }\r\n\r\n public componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.handleClickOutside);\r\n document.removeEventListener('touchstart', this.handleClickOutside);\r\n }\r\n\r\n public render() {\r\n const translations = this.getTranslations(defaultTagsTranslations);\r\n const textProps = this.props.textProps ? this.props.textProps : {};\r\n const suggestions = this.getSuggestions();\r\n const showMobileVersion =\r\n this.props.mobileVersionEnabled &&\r\n this.isMobile &&\r\n (this.state.textIsFocused \|\| this.state.suggestionsVisible);\r\n const LeaveMobileButton = showMobileVersion ? (\r\n <Button\r\n className=\"tags-input__leaveMobileTagsButton line-height--0\"\r\n onClick={this.handleLeaveMobileClick}\r\n noShadow={true}\r\n unobtrusive={true}\r\n >\r\n <LeftArrowIcon />\r\n </Button>\r\n ) : (\r\n undefined\r\n );\r\n const showInput = Boolean(\r\n (!this.props.maxTags \|\|\r\n this.props.maxTags > (this.props.tags && this.props.tags.length)) &&\r\n !this.props.readOnly\r\n );\r\n return (\r\n <Portal container={document.body} disablePortal={!showMobileVersion}>\r\n <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n <div\r\n {...(this.props.id && {\r\n id: this.props.id,\r\n })}\r\n className={classNames(\r\n 'input__base tags-input',\r\n this.getValidationClass(),\r\n this.props.className,\r\n {\r\n 'tags-input--readOnly': this.props.readOnly,\r\n 'tags-input--hasPlaceholder':\r\n this.props.textProps && this.props.textProps.placeholder,\r\n 'tags-input--mobile': showMobileVersion,\r\n }\r\n )}\r\n ref={this.containerRef}\r\n >\r\n {showMobileVersion && (\r\n <div className=\"tags-input__mobileBackdrop\" />\r\n )}\r\n <div className=\"tags-input__tags__wrapper\">\r\n {!showInput && showMobileVersion && LeaveMobileButton}\r\n {this.props.tags && this.props.tags.length > 0 ? (\r\n <div className=\"tags-input__tag__wrapper\">\r\n {this.props.tags.map((item, index) =>\r\n this.renderTag(item, index)\r\n )}\r\n </div>\r\n ) : (\r\n this.props.readOnly && (\r\n <div className=\"tags-input__tag__wrapper\">\r\n <div className=\"tags-input__tag\">\r\n {this.props.readonlyEmptyPlaceholder}\r\n </div>\r\n </div>\r\n )\r\n )}\r\n </div>\r\n {showInput && (\r\n <div\r\n className={\r\n 'tags-input__tags__wrapper ' +\r\n (this.props.readOnly ? 'filled ' : '')\r\n }\r\n >\r\n <Text\r\n showClearButton={true}\r\n {...textProps}\r\n {...(this.props.id && {\r\n id: this.props.id + '-text-input',\r\n })}\r\n ref={this.textRef}\r\n required={\r\n this.props.tags.length > 0 ? false : this.props.required\r\n }\r\n className={\r\n 'tags-input__text-input ' +\r\n (textProps.className ? textProps.className : '')\r\n }\r\n onKeyDown={this.onKeyDown(suggestions)}\r\n onErrorsChanged={this.onTextErrorsChanged}\r\n onChange={this.onTextChanged}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n value={this.state.value}\r\n readOnly={this.props.readOnly}\r\n showValidation={false}\r\n ignoreContext={true}\r\n validators={this.props.validators}\r\n customValidators={this.props.customValidators}\r\n before={LeaveMobileButton}\r\n />\r\n {this.state.suggestionsVisible && this.props.showSuggestions && (\r\n <TagsSuggestions\r\n {...(this.props.id && {\r\n id: this.props.id + '-text-input',\r\n })}\r\n className={classNames(this.props.tagsSuggestionsClassName)}\r\n innerRef={this.suggestionsRef}\r\n anchorEl={this.containerRef.current}\r\n allowNew={this.props.allowNew}\r\n preselectedSuggestion={this.state.preselectedSuggestion}\r\n loading={\r\n this.state.fetchingExistingTags \|\| this.props.isLoading\r\n }\r\n LoadingComponent={this.props.suggestionsLoadingComponent}\r\n isVisible={this.state.suggestionsVisible}\r\n EmptyComponent={this.props.suggestionsEmptyComponent}\r\n WaitingForMoreInputComponent={\r\n this.props.waitingForMoreInputComponent\r\n }\r\n isWaitingForMoreInput={\r\n this.state.value.length < this.props.minLettersToFetch\r\n }\r\n tags={suggestions}\r\n onSelected={this.onSuggestionSelected}\r\n value={this.state.value}\r\n AddNewTagComponent={\r\n this.props.allowNew &&\r\n this.state.value !== '' &&\r\n (!this.props.existingTags \|\|\r\n !this.props.existingTags.find(\r\n e => e.name === this.state.value\r\n )) &&\r\n (!this.state.fetchedExistingTags \|\|\r\n !this.state.fetchedExistingTags.find(\r\n e => e.name === this.state.value\r\n )) &&\r\n this.state.textIsValid && (\r\n <Button\r\n {...(this.props.id && {\r\n id: this.props.id + '-add-new-button',\r\n })}\r\n className=\"tags-input__suggestion tags-input__add-new\"\r\n dropdown={true}\r\n onClick={this.addNewTag}\r\n >\r\n {translations.addNew} \"{this.state.value}\"\r\n </Button>\r\n )\r\n }\r\n popperProps={this.props.popperProps}\r\n />\r\n )}\r\n </div>\r\n )}\r\n {this.renderDefaultValidation()}\r\n {this.props.label && (\r\n <label\r\n className={\r\n this.state.value !== '' \|\|\r\n this.state.textIsFocused \|\|\r\n this.props.readOnly \|\|\r\n this.props.tags.length >= this.props.maxTags \|\|\r\n showMobileVersion\r\n ? 'label--focused'\r\n : ''\r\n }\r\n >\r\n {this.renderLabel()}\r\n </label>\r\n )}\r\n </div>\r\n </InputGroup>\r\n </Portal>\r\n );\r\n }\r\n\r\n private onTextErrorsChanged = (textErrors: ValidationError[]) =>\r\n this.setState(\r\n () => ({ textErrors }),\r\n () => this.handleErrors()\r\n );\r\n\r\n private onFocus = (e: React.SyntheticEvent<{}>) => {\r\n this.props.onFocus?.(e);\r\n if (!this.state.suggestionsVisible) {\r\n this.props.onSuggestionsOpened?.();\r\n }\r\n this.setState(\r\n () => ({ textIsFocused: true, suggestionsVisible: true, touched: true }),\r\n () => this.handleErrors()\r\n );\r\n this.fetchExistingTags(this.state.value);\r\n const showMobileVersion =\r\n this.props.mobileVersionEnabled &&\r\n this.isMobile &&\r\n (this.state.textIsFocused \|\| this.state.suggestionsVisible);\r\n if (\r\n !showMobileVersion &&\r\n this.props.mobileVersionEnabled &&\r\n this.isMobile\r\n ) {\r\n setTimeout(() => this.textRef.current?.focus(), 100);\r\n }\r\n };\r\n\r\n private onKeyDown = (suggestions: Tag[]) => async (\r\n e: React.KeyboardEvent\r\n ) => {\r\n if (e.key === 'Tab') {\r\n this.setState({\r\n suggestionsVisible: false,\r\n preselectedSuggestion: undefined,\r\n });\r\n }\r\n if (\r\n e.key === 'Enter' &&\r\n (this.state.value !== '' \|\|\r\n this.state.preselectedSuggestion !== undefined) &&\r\n this.state.textErrors.length === 0\r\n ) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n const existingTag =\r\n this.props.existingTags &&\r\n this.props.existingTags.find(et => et.name === this.state.value);\r\n if (this.state.preselectedSuggestion !== undefined) {\r\n this.props.onTagsChanged(\r\n this.props.tags.concat(suggestions[this.state.preselectedSuggestion])\r\n );\r\n this.setState({ value: '', preselectedSuggestion: undefined }, () => {\r\n this.fetchExistingTags();\r\n this.handleErrors();\r\n });\r\n } else if (existingTag) {\r\n this.props.onTagsChanged(this.props.tags.concat(existingTag));\r\n this.setState({ value: '' }, () => {\r\n this.fetchExistingTags();\r\n this.handleErrors();\r\n });\r\n } else if (this.props.allowNew) {\r\n await this.addNewTag();\r\n this.handleErrors();\r\n }\r\n }\r\n if (suggestions.length > 0 && this.state.suggestionsVisible) {\r\n if (e.key === 'ArrowUp') {\r\n const preselectedSuggestion =\r\n this.state.preselectedSuggestion === undefined\r\n ? suggestions.length - 1\r\n : this.state.preselectedSuggestion === 0\r\n ? suggestions.length - 1\r\n : this.state.preselectedSuggestion - 1;\r\n this.setState({ preselectedSuggestion });\r\n } else if (e.key === 'ArrowDown') {\r\n const preselectedSuggestion =\r\n this.state.preselectedSuggestion === undefined\r\n ? 0\r\n : this.state.preselectedSuggestion === suggestions.length - 1\r\n ? 0\r\n : this.state.preselectedSuggestion + 1;\r\n this.setState({ preselectedSuggestion });\r\n } else {\r\n this.setState({ preselectedSuggestion: undefined });\r\n }\r\n }\r\n };\r\n\r\n private addNewTag = async () => {\r\n const newTag = await this.props.onNewTagAdded(this.state.value);\r\n if (newTag) {\r\n this.props.onTagsChanged(\r\n this.props.tags ? this.props.tags.concat(newTag) : [newTag]\r\n );\r\n }\r\n this.setState({ value: '', textErrors: [] }, () => {\r\n this.fetchExistingTags();\r\n this.handleErrors();\r\n });\r\n };\r\n\r\n private onSuggestionSelected = (tag: Tag, lastSelected: boolean) => {\r\n const newTags = this.props.tags.concat(tag);\r\n this.props.onTagsChanged(newTags);\r\n const isMax = newTags.length === this.props.maxTags;\r\n const finalValue =\r\n !this.props.allowNew && !isMax && !lastSelected ? this.state.value : '';\r\n this.setState(\r\n {\r\n value: finalValue,\r\n suggestionsVisible: isMax ? false : this.state.suggestionsVisible,\r\n preselectedSuggestion: undefined,\r\n textErrors: [],\r\n },\r\n () => {\r\n if (\r\n !this.props.maxTags \|\|\r\n this.props.tags.length + 1 < this.props.maxTags\r\n ) {\r\n this.fetchExistingTags(finalValue);\r\n }\r\n this.handleErrors();\r\n }\r\n );\r\n };\r\n\r\n private onBlur = () => {\r\n this.props.onBlur?.();\r\n this.setState(\r\n {\r\n textIsFocused: false,\r\n preselectedSuggestion: undefined,\r\n },\r\n () => this.handleErrors()\r\n );\r\n };\r\n\r\n private onTextChanged = (\r\n e: React.ChangeEvent<HTMLInputElement>,\r\n isValid: boolean\r\n ) => {\r\n const value = e.target.value;\r\n this.setState(\r\n () => ({\r\n value,\r\n isValid: isValid,\r\n textIsValid: isValid,\r\n suggestionsVisible: true,\r\n }),\r\n () => this.handleErrors()\r\n );\r\n this.fetchExistingTags(e.target.value);\r\n };\r\n\r\n private handleErrors = (tags: Tag[] = this.props.tags) => {\r\n let errors = this.getErrors(tags);\r\n if (errors.length > 0) {\r\n this.setInvalid(errors);\r\n } else {\r\n this.setValid();\r\n }\r\n };\r\n\r\n private getErrors(tags: Tag[]) {\r\n let errors = [];\r\n if (tags.length < this.props.maxTags) {\r\n errors = errors.concat(this.state.textErrors);\r\n }\r\n if (this.state.value !== '' && tags.length === 0 && this.props.required) {\r\n errors = errors.concat(\r\n this.getTranslations(this.props.translations).required\r\n );\r\n }\r\n if (this.state.value && this.props.allowNew && !this.state.textIsFocused) {\r\n errors = errors.concat(this.props.valueNotAddedError);\r\n }\r\n if (this.props.maxTags < (this.props.tags && this.props.tags.length)) {\r\n errors = errors.concat(this.props.maxTagsSurpassedError);\r\n }\r\n return errors.filter(i => i);\r\n }\r\n\r\n private fetchExistingTags(startsWith: string = '') {\r\n if (\r\n this.props.fetchExistingTags &&\r\n startsWith.length >= this.props.minLettersToFetch\r\n ) {\r\n const timer = setTimeout(\r\n () => this.setState(() => ({ fetchingExistingTags: true })),\r\n this.props.loadingDelayMs\r\n );\r\n this.props.fetchExistingTags(startsWith).then(fetchedExistingTags => {\r\n clearTimeout(timer);\r\n this.setState(() => ({\r\n fetchedExistingTags,\r\n fetchingExistingTags: false,\r\n }));\r\n });\r\n }\r\n }\r\n\r\n private getSuggestions() {\r\n const existingTags: Tag[] = []\r\n .concat(this.props.existingTags ? this.props.existingTags : [])\r\n .concat(\r\n this.state.fetchedExistingTags ? this.state.fetchedExistingTags : []\r\n );\r\n const filteredTags = this.props.filterExistingTags(\r\n this.state.value ? this.state.value.toLowerCase() : '',\r\n existingTags\r\n );\r\n let suggestions = filteredTags\r\n .filter(\r\n tag =>\r\n this.props.allowSameTagMultipleTimes \|\|\r\n !this.props.tags.some(t => t.id === tag.id)\r\n )\r\n .slice(0, this.props.maxSuggestions);\r\n return suggestions;\r\n }\r\n\r\n private renderTag(tag: Tag, index: number) {\r\n const body = (\r\n <>\r\n {tag.name}\r\n {!this.props.readOnly && (\r\n <Button\r\n {...(this.props.id && {\r\n id: this.props.id + '-tag-' + index.toString(),\r\n })}\r\n circular={true}\r\n blank={true}\r\n onClick={this.tagRemoveClick(tag)}\r\n className=\"ml-1 transform-rotate--45 line-height--0 p-0\"\r\n Component={TagButtonComponent}\r\n preventsDefault={false}\r\n >\r\n <PlusIcon />\r\n </Button>\r\n )}\r\n </>\r\n );\r\n const className = classNames('tags-input__tag', {\r\n 'tags-input__tag-chip': this.props.showChips,\r\n });\r\n if (this.props.onTagClick) {\r\n return (\r\n <Button\r\n onClick={this.tagClick(tag)}\r\n small={true}\r\n className={className}\r\n key={index}\r\n >\r\n {body}\r\n </Button>\r\n );\r\n }\r\n return (\r\n <div onClick={this.tagClick(tag)} className={className} key={index}>\r\n {body}\r\n </div>\r\n );\r\n }\r\n\r\n private tagClick = (tag: Tag) => () => {\r\n this.props.onTagClick && this.props.onTagClick(tag);\r\n };\r\n\r\n private tagRemoveClick = (tag: Tag) => (e: React.MouseEvent<HTMLElement>) => {\r\n e.stopPropagation();\r\n const newTags = this.props.tags.filter(sv => sv.id !== tag.id);\r\n /if (newTags.length === 0) {\r\n setTimeout(() => this.focus(), 50);\r\n }\r\n this.setState({\r\n suggestionsVisible: false,\r\n });*/\r\n this.props.onTagsChanged && this.props.onTagsChanged(newTags);\r\n this.handleErrors(newTags);\r\n // this.fetchExistingTags();\r\n };\r\n}\r\n\r\nexport const Tags = withThemeContext<TagsProps, InstanceType<typeof TagsRaw>>(\r\n // tslint:disable-next-line: no-any\r\n withFormContext<TagsProps>(TagsRaw),\r\n 'tags'\r\n);\r\n\r\nexport default Tags;\r\n"],"file":"Tags.js"}

package/build/components/tags/subComponents/TagsSuggestions.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Tag } from '..';
 import { PopperProps } from '@material-ui/core/Popper';
 export declare type SuggestionsProps = {
+    className?: string;
     innerRef: React.RefObject<HTMLDivElement>;
     anchorEl: HTMLElement;
     id?: string;

package/build/components/tags/subComponents/TagsSuggestions.js CHANGED Viewed

@@ -55,7 +55,9 @@ var Suggestions = function Suggestions(props) {
   }, props.popperProps), /*#__PURE__*/React.createElement("div", _extends({}, props.id && {
     id: props.id
   }, {
-    className: (0, _classnames.default)('tags-input__suggestions', 'tags-input__suggestions--loading'),
+    className: (0, _classnames.default)('tags-input__suggestions', props.className, {
+      'tags-input__suggestions--loading': props.loading
+    }),
     ref: props.innerRef
   }), /*#__PURE__*/React.createElement("ul", null, props.AddNewTagComponent, props.loading && props.LoadingComponent, props.isWaitingForMoreInput && props.WaitingForMoreInputComponent && /*#__PURE__*/React.createElement("li", {
     className: "w-100 text-center p-2"

package/build/components/tags/subComponents/TagsSuggestions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/components/tags/subComponents/TagsSuggestions.tsx"],"names":["popperModifiers","flip","enabled","Suggestions","props","onSelected","onSelectedFactory","React","useCallback","tag","lastSelected","e","popperStyle","useMemo","width","anchorEl","scrollWidth","zIndex","isVisible","popperProps","id","~~innerRef~~","~~AddNewTagComponent~~","~~loading~~","LoadingComponent","isWaitingForMoreInput","WaitingForMoreInputComponent","tags","map","index","toString","preselectedSuggestion","undefined","length","name","EmptyComponent","allowNew","SuggestionsWrapped"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;;;;;~~AAuBA~~,IAAMA,eAAe,GAAG;AAAEC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX;AAAR,CAAxB;;AAEA,IAAMC,WAAuD,GAAG,SAA1DA,WAA0D,CAAAC,KAAK,EAAI;AAAA;;AACvE,MAAQC,UAAR,GAAuBD,KAAvB,CAAQC,UAAR;AACA,MAAMC,iBAAiB,GAAGC,KAAK,CAACC,WAAN,CACxB,UAACC,GAAD,EAAWC,YAAX;AAAA,WAAqC,UAACC,CAAD,EAAyB;AAC5DN,MAAAA,UAAU,CAACI,GAAD,EAAMC,YAAN,CAAV;AACD,KAFD;AAAA,GADwB,EAIxB,CAACL,UAAD,CAJwB,CAA1B;AAMA,MAAMO,WAAW,GAAGL,KAAK,CAACM,OAAN,CAClB;AAAA;;AAAA,WAAO;AAAEC,MAAAA,KAAK,qBAAEV,KAAK,CAACW,QAAR,oDAAE,gBAAgBC,WAAzB;AAAsCC,MAAAA,MAAM,EAAE;AAA9C,KAAP;AAAA,GADkB,EAElB,qBAACb,KAAK,CAACW,QAAP,qDAAC,iBAAgBC,WAAjB,CAFkB,CAApB;AAIA,SACEZ,KAAK,CAACW,QAAN,iBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEX,KAAK,CAACc,SADd;AAEE,IAAA,QAAQ,EAAEd,KAAK,CAACW,QAFlB;AAGE,IAAA,KAAK,EAAEH,WAHT;AAIE,IAAA,SAAS,EAAC,cAJZ;AAKE,IAAA,SAAS,EAAEZ;AALb,KAMMI,KAAK,CAACe,WANZ,gBAQE,wCACOf,KAAK,CAACgB,EAAN,IAAY;AACfA,IAAAA,EAAE,EAAEhB,KAAK,CAACgB;AADK,GADnB;AAIE,IAAA,SAAS,EAAE,~~yBACT~~,~~yBADS~~,~~EAET~~,~~kCAFS~~,CAJb;~~AAQE~~,IAAA,GAAG,~~EAAEhB~~,KAAK,~~CAACiB~~;~~AARb~~,~~mBAUE~~,~~gCACGjB~~,KAAK,~~CAACkB~~,kBADT,~~EAEGlB~~,KAAK,~~CAACmB~~,OAAN,~~IAAiBnB~~,KAAK,~~CAACoB~~,gBAF1B,~~EAGGpB~~,KAAK,~~CAACqB~~,qBAAN,~~IACCrB~~,KAAK,~~CAACsB~~,4BADP,iBAEG;AAAI,IAAA,SAAS,EAAC;AAAd,~~KACGtB~~,KAAK,~~CAACsB~~,4BADT,CALN,EASG,~~CAACtB~~,KAAK,~~CAACqB~~,qBAAP,~~IACCrB~~,KAAK,~~CAACuB~~,IAAN,CAAWC,GAAX,CAAe,~~UAACnB~~,GAAD,~~EAAMoB~~,KAAN;AAAA,wBACb;AAAI,MAAA,GAAG,EAAEA;AAAT,oBACE,oBAAC,QAAD,~~eACOzB~~,KAAK,CAACgB,EAAN,IAAY;AACfA,MAAAA,EAAE,EAAEhB,KAAK,CAACgB,EAAN,GAAW,cAAX,~~GAA4BS~~,KAAK,CAACC,QAAN;AADjB,KADnB;AAIE,MAAA,SAAS,EACP,~~mCACC1B~~,KAAK,~~CAAC2B~~,qBAAN,KAAgCC,SAAhC,~~IACD5B~~,KAAK,~~CAAC2B~~,qBAAN,KAAgCF,KAD/B,GAEG,qCAFH,GAGG,EAJJ,CALJ;AAWE,MAAA,OAAO,~~EAAEvB~~,iBAAiB,CAACG,GAAD,EAAML,KAAK,~~CAACuB~~,IAAN,CAAWM,MAAX,KAAsB,CAA5B,CAX5B;AAYE,MAAA,QAAQ,EAAE;AAZZ,~~QAcGxB~~,GAAG,~~CAACyB~~,IAdP,CADF,CADa;AAAA,GAAf,CAVJ,~~EA8BG9B~~,KAAK,~~CAAC+B~~,cAAN,~~IACC/B~~,KAAK,~~CAACuB~~,IAAN,CAAWM,MAAX,KAAsB,CADvB,IAEC,~~CAAC7B~~,KAAK,~~CAACgC~~,QAFR,IAGC,~~CAAChC~~,KAAK,~~CAACqB~~,qBAHR,iBAIG;AAAI,IAAA,SAAS,EAAC;AAAd,~~KACGrB~~,KAAK,~~CAAC+B~~,cADT,CAlCN,~~CAVF~~,CARF,CAFJ;~~AA+DD~~,~~CA3ED~~;;~~AA6EA~~,IAAME,kBAAkB,~~GAAGlC~~,WAA3B;~~eAEekC~~,kB","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 SuggestionsProps = {\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: Tag[];\r\n onSelected: (tag: Tag, 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};\r\n\r\ntype InjectedProps = {};\r\n\r\nconst popperModifiers = { flip: { enabled: false } };\r\n\r\nconst Suggestions: React.FC<SuggestionsProps & InjectedProps> = props => {\r\n const { onSelected } = props;\r\n const onSelectedFactory = React.useCallback(\r\n (tag: Tag, 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 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(~~\r\n~~ 'tags-input__suggestions',\r\n 'tags-input__suggestions--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 <li key={index}>\r\n <Button\r\n {...(props.id && {\r\n id: props.id + '-suggestion-' + index.toString(),\r\n })}\r\n className={\r\n 'w-100 tags-input__suggestion ' +\r\n (props.preselectedSuggestion !== undefined &&\r\n props.preselectedSuggestion === index\r\n ? 'tags-input__suggestion--preselected'\r\n : '')\r\n }\r\n onClick={onSelectedFactory(tag, props.tags.length === 1)}\r\n dropdown={true}\r\n >\r\n {tag.name}\r\n </Button>\r\n </li>\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"],"file":"TagsSuggestions.js"}
1	+ {"version":3,"sources":["../../../../src/lib/components/tags/subComponents/TagsSuggestions.tsx"],"names":["popperModifiers","flip","enabled","Suggestions","props","onSelected","onSelectedFactory","React","useCallback","tag","lastSelected","e","popperStyle","useMemo","width","anchorEl","scrollWidth","zIndex","isVisible","popperProps","id","className","loading","innerRef","AddNewTagComponent","LoadingComponent","isWaitingForMoreInput","WaitingForMoreInputComponent","tags","map","index","toString","preselectedSuggestion","undefined","length","name","EmptyComponent","allowNew","SuggestionsWrapped"],"mappings":"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","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 SuggestionsProps = {\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: Tag[];\r\n onSelected: (tag: Tag, 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};\r\n\r\ntype InjectedProps = {};\r\n\r\nconst popperModifiers = { flip: { enabled: false } };\r\n\r\nconst Suggestions: React.FC<SuggestionsProps & InjectedProps> = props => {\r\n const { onSelected } = props;\r\n const onSelectedFactory = React.useCallback(\r\n (tag: Tag, 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 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 <li key={index}>\r\n <Button\r\n {...(props.id && {\r\n id: props.id + '-suggestion-' + index.toString(),\r\n })}\r\n className={\r\n 'w-100 tags-input__suggestion ' +\r\n (props.preselectedSuggestion !== undefined &&\r\n props.preselectedSuggestion === index\r\n ? 'tags-input__suggestion--preselected'\r\n : '')\r\n }\r\n onClick={onSelectedFactory(tag, props.tags.length === 1)}\r\n dropdown={true}\r\n >\r\n {tag.name}\r\n </Button>\r\n </li>\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"],"file":"TagsSuggestions.js"}

package/build/dist/guestbell-forms.css CHANGED Viewed

@@ -2559,32 +2559,16 @@ a.guestbell__dropdown-toggle {
   flex-direction: column; }
 .bookingCalendar__table {
-  height: 100%;
-  table-layout: auto; }
-  .bookingCalendar__table > tbody > tr > td,
-  .bookingCalendar__table > thead > tr > td {
-    padding: 0; }
-  .bookingCalendar__table > tbody > tr > td:first-child,
-  .bookingCalendar__table > thead > tr > td:first-child {
-    width: 1%; }
-  .bookingCalendar__table > tbody > tr:not(:last-of-type) > td:last-of-type,
-  .bookingCalendar__table > thead > tr:not(:last-of-type) > td:last-of-type {
-    border-left: 1px solid #eeeeee;
-    border-right: 1px solid #eeeeee; }
-  .bookingCalendar__table > tbody > tr:first-of-type > td:last-of-type,
-  .bookingCalendar__table > thead > tr:first-of-type > td:last-of-type {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  position: relative;
+  height: 100%; }
+  .bookingCalendar__table .bookingCalendar__laneTd {
     border-left: 1px solid #eeeeee;
     border-right: 1px solid #eeeeee; }
-  .bookingCalendar__table > tbody > tr.bookingCalendar__dataLaneTr > td {
-    padding-top: 1rem; }
-  .bookingCalendar__table .bookingCalendar__dataLaneTr--last > td {
-    padding-bottom: 1rem; }
-  .bookingCalendar__table .bookingCalendar__dataLaneTr--last .bookingCalendar__laneTd {
+  .bookingCalendar__table .bookingCalendar__laneTd.bookingCalendar__laneTd--last {
     border-bottom: 1px solid #eeeeee; }
-.bookingCalendar__laneTd {
-  position: relative; }
 .bookingCalendar__lane {
   display: flex;
   flex-direction: row;
@@ -2629,11 +2613,13 @@ a.guestbell__dropdown-toggle {
 .bookingCalendar__grid {
   position: absolute;
-  top: 0;
   left: 0;
   right: 0;
-  bottom: 0;
-  pointer-events: none; }
+  height: 100%;
+  grid-area: main;
+  pointer-events: none;
+  grid-column: 2;
+  grid-row-start: 2; }
 .bookingCalendar__grid__item {
   height: 100%;
@@ -2660,7 +2646,8 @@ a.guestbell__dropdown-toggle {
     height: 100%;
     width: 100%;
     text-align: end;
-    text-transform: none; }
+    text-transform: none;
+    border-left: 1px solid rgba(0, 0, 0, 0.2); }
   .bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button__mutedText {
     opacity: 0.8; }
   .bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button__mutedText--split {