npm - guestbell-forms - Versions diffs - 2.0.286 → 2.0.289 - Mend

guestbell-forms 2.0.286 → 2.0.289

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 (13) hide show

package/build/components/checkbox/Checkbox.d.ts +2 -1
package/build/components/checkbox/Checkbox.js +46 -24
package/build/components/checkbox/Checkbox.js.map +1 -1
package/build/components/tags/Tags.js +1 -0
package/build/components/tags/Tags.js.map +1 -1
package/build/components/text/Text.js +1 -1
package/build/components/text/Text.js.map +1 -1
package/build/dist/guestbell-forms.css +3 -0
package/build/dist/guestbell-forms.css.map +1 -1
package/build/dist/guestbell-forms.min.css +1 -1
package/build/dist/report.html +1 -1
package/build/scss/components/checkbox/checkbox.scss +8 -0
package/package.json +1 -1

package/build/components/checkbox/Checkbox.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export interface CheckboxProps extends BaseInputProps<HTMLInputElement> {
     onChange?: never;
     type?: string;
     checked?: boolean;
+    supportsIndeterminate?: boolean;
 }
 export interface CheckboxState extends BaseInputState {
     checked: boolean;
@@ -12,11 +13,11 @@ export interface CheckboxState extends BaseInputState {
 export declare class CheckboxRaw extends BaseInput<CheckboxProps, CheckboxState, HTMLInputElement> {
     static defaultProps: CheckboxProps;
     constructor(props: CheckboxProps);
+    componentDidMount(): void;
     componentDidUpdate(oldProps: CheckboxProps): void;
     render(): JSX.Element;
     private handleChecked;
     protected handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>): void;
-    private renderInput;
 }
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<CheckboxRaw>>;
 export default Checkbox;

package/build/components/checkbox/Checkbox.js CHANGED Viewed

@@ -31,6 +31,10 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -74,8 +78,23 @@ var CheckboxRaw = /*#__PURE__*/function (_BaseInput) {
   }
   _createClass(CheckboxRaw, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$inputRef$curren, _get2;
+      var finalIndeterminate = Boolean(this.props.supportsIndeterminate && typeof this.props.checked !== 'boolean');
+      if (typeof this.props.checked !== 'boolean' && this.inputRef.current && ((_this$inputRef$curren = this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.indeterminate) !== finalIndeterminate) {
+        this.inputRef.current.indeterminate = finalIndeterminate;
+      }
+      (_get2 = _get(_getPrototypeOf(CheckboxRaw.prototype), "componentDidMount", this)) === null || _get2 === void 0 ? void 0 : _get2.call(this);
+    }
+  }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(oldProps) {
+      var _this$inputRef$curren2;
       if (this.props.checked !== this.state.checked) {
         this.setState({
           checked: this.props.checked
@@ -97,20 +116,42 @@ var CheckboxRaw = /*#__PURE__*/function (_BaseInput) {
           this.setValid();
         }
       }
+      var finalIndeterminate = Boolean(this.props.supportsIndeterminate && typeof this.props.checked !== 'boolean');
+      if (this.props.supportsIndeterminate && ((_this$inputRef$curren2 = this.inputRef.current) === null || _this$inputRef$curren2 === void 0 ? void 0 : _this$inputRef$curren2.indeterminate) !== finalIndeterminate) {
+        this.inputRef.current.indeterminate = finalIndeterminate;
+      }
     }
   }, {
     key: "render",
     value: function render() {
+      var _this$state$checked;
       var containerClassName = classNames(['input__base checkbox-input', this.getValidationClass(), this.props.className, _defineProperty({}, 'checkbox-input--with-label', Boolean(this.props.label)), _defineProperty({}, 'checkbox-input--disabled', this.props.disabled)]);
+      var input = /*#__PURE__*/React.createElement("input", _extends({}, this.props.id && {
+        id: this.props.id
+      }, {
+        ref: this.inputRef,
+        value: this.props.value || '',
+        type: "checkbox",
+        required: this.props.required,
+        checked: (_this$state$checked = this.state.checked) !== null && _this$state$checked !== void 0 ? _this$state$checked : false,
+        onChange: this.handleChecked,
+        onBlur: this.handleBlur,
+        onFocus: this.handleFocus,
+        onKeyDown: this.handleKeyDown,
+        tabIndex: this.props.disabled ? -1 : 0
+      }));
       return /*#__PURE__*/React.createElement(_InputGroup.default, {
         title: this.props.title,
         tooltip: this.props.tooltip
       }, /*#__PURE__*/React.createElement("div", {
         className: containerClassName,
         ref: this.containerRef
-      }, this.props.title && !this.props.label && this.renderInput(), !this.props.title && !this.props.label && this.renderTooltip(this.renderInput()), this.renderDefaultValidation(), this.props.label && /*#__PURE__*/React.createElement("label", {
+      }, this.props.title && !this.props.label && input, !this.props.title && !this.props.label && this.renderTooltip(input), this.renderDefaultValidation(), this.props.label && /*#__PURE__*/React.createElement("label", {
         className: "checkbox-input__label"
-      }, this.renderInput(), this.renderLabel())));
+      }, input, this.renderLabel())));
     }
   }, {
     key: "handleChecked",
@@ -135,30 +176,12 @@ var CheckboxRaw = /*#__PURE__*/function (_BaseInput) {
     value: function handleKeyDown(e) {
       if (!this.props.disabled) {
         if (e.key === 'Enter') {
-          var _this$inputRef$curren;
+          var _this$inputRef$curren3;
-          (_this$inputRef$curren = this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.click();
+          (_this$inputRef$curren3 = this.inputRef.current) === null || _this$inputRef$curren3 === void 0 ? void 0 : _this$inputRef$curren3.click();
         }
       }
     }
-  }, {
-    key: "renderInput",
-    value: function renderInput() {
-      return /*#__PURE__*/React.createElement("input", _extends({}, this.props.id && {
-        id: this.props.id
-      }, {
-        ref: this.inputRef,
-        value: this.props.value || '',
-        type: "checkbox",
-        required: this.props.required,
-        checked: this.state.checked,
-        onChange: this.handleChecked,
-        onBlur: this.handleBlur,
-        onFocus: this.handleFocus,
-        onKeyDown: this.handleKeyDown,
-        tabIndex: this.props.disabled ? -1 : 0
-      }));
-    }
   }]);
   return CheckboxRaw;
@@ -166,8 +189,7 @@ var CheckboxRaw = /*#__PURE__*/function (_BaseInput) {
 exports.CheckboxRaw = CheckboxRaw;
-_defineProperty(CheckboxRaw, "defaultProps", Object.assign({}, _BaseInput2.BaseInput.defaultProps, {
-  checked: false
+_defineProperty(CheckboxRaw, "defaultProps", Object.assign({}, _BaseInput2.BaseInput.defaultProps, {// checked: false,
 }));
 var Checkbox = (0, _withThemeContext.withThemeContext)((0, _withFormContext.withFormContext)(CheckboxRaw), 'checkbox');

package/build/components/checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/components/checkbox/Checkbox.tsx"],"names":["classNames","require","CheckboxRaw","props","state","Object","assign","checked","isValid","required","errors","getTranslations","defaultBaseTranslations","handleChecked","bind","handleKeyDown","subscribeSelf","oldProps","setState","setValid","setInvalid","containerClassName","getValidationClass","className","Boolean","label","disabled","title","tooltip","containerRef","renderInput","renderTooltip","renderDefaultValidation","renderLabel","e","onChecked","key","inputRef","current","click","id","value","handleBlur","handleFocus","BaseInput","defaultProps","Checkbox"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n BaseInputProps,\r\n BaseInput,\r\n BaseInputState,\r\n defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nvar classNames = require('classnames');\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface CheckboxProps extends BaseInputProps<HTMLInputElement> {\r\n onChecked?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n onChange?: never;\r\n type?: string;\r\n checked?: boolean;\r\n}\r\n\r\nexport interface CheckboxState extends BaseInputState {\r\n checked: boolean;\r\n}\r\n\r\nexport class CheckboxRaw extends BaseInput<\r\n CheckboxProps,\r\n CheckboxState,\r\n HTMLInputElement\r\n> {\r\n public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n checked: false,\r\n }) as CheckboxProps;\r\n\r\n constructor(props: CheckboxProps) {\r\n super(props, false);\r\n this.state = Object.assign(this.state, {\r\n checked: props.checked,\r\n isValid: props.required ? props.checked : true,\r\n errors:\r\n props.required && !props.checked\r\n ? [this.getTranslations(defaultBaseTranslations).required]\r\n : [],\r\n });\r\n this.handleChecked = this.handleChecked.bind(this);\r\n this.handleKeyDown = this.handleKeyDown.bind(this);\r\n this.subscribeSelf(props);\r\n }\r\n\r\n public componentDidUpdate(oldProps: CheckboxProps) {\r\n if (this.props.checked !== this.state.checked) {\r\n this.setState({ checked: this.props.checked });\r\n if (this.props.checked) {\r\n this.setValid();\r\n } else {\r\n if (this.props.required) {\r\n this.setInvalid([\r\n this.getTranslations(defaultBaseTranslations).required,\r\n ]);\r\n }\r\n }\r\n }\r\n if (oldProps.required !== this.props.required) {\r\n if (this.props.required && !this.props.checked) {\r\n this.setInvalid([\r\n this.getTranslations(defaultBaseTranslations).required,\r\n ]);\r\n } else {\r\n this.setValid();\r\n }\r\n }\r\n }\r\n\r\n public render() {\r\n const containerClassName = classNames([\r\n 'input__base checkbox-input',\r\n this.getValidationClass(),\r\n this.props.className,\r\n { ['checkbox-input--with-label']: Boolean(this.props.label) },\r\n { ['checkbox-input--disabled']: this.props.disabled },\r\n ]);\r\n return (\r\n <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n <div className={containerClassName} ref={this.containerRef}>\r\n {this.props.title && !this.props.label && this.renderInput()}\r\n {!this.props.title &&\r\n !this.props.label &&\r\n this.renderTooltip(this.renderInput())}\r\n {this.renderDefaultValidation()}\r\n {this.props.label && (\r\n <label className=\"checkbox-input__label\">\r\n {this.renderInput()}\r\n {this.renderLabel()}\r\n </label>\r\n )}\r\n </div>\r\n </InputGroup>\r\n );\r\n }\r\n\r\n private handleChecked(e: React.ChangeEvent<HTMLInputElement>) {\r\n if (!this.props.disabled) {\r\n this.props.onChecked && this.props.onChecked(e);\r\n this.setState({ checked: !this.state.checked });\r\n if (!this.state.checked) {\r\n this.setValid();\r\n } else {\r\n if (this.props.required) {\r\n this.setInvalid([\r\n this.getTranslations(defaultBaseTranslations).required,\r\n ]);\r\n }\r\n }\r\n }\r\n }\r\n\r\n protected handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\r\n if (!this.props.disabled) {\r\n if (e.key === 'Enter') {\r\n this.inputRef.current?.click();\r\n }\r\n }\r\n }\r\n\r\n private renderInput() {\r\n return (\r\n <input\r\n {...(this.props.id && { id: this.props.id })}\r\n ref={this.inputRef}\r\n value={this.props.value \|\| ''}\r\n type=\"checkbox\"\r\n required={this.props.required}\r\n checked={this.state.checked}\r\n onChange={this.handleChecked}\r\n onBlur={this.handleBlur}\r\n onFocus={this.handleFocus}\r\n onKeyDown={this.handleKeyDown}\r\n tabIndex={this.props.disabled ? -1 : 0}\r\n />\r\n );\r\n }\r\n}\r\n\r\nexport const Checkbox = withThemeContext<\r\n CheckboxProps,\r\n InstanceType<typeof CheckboxRaw>\r\n>(withFormContext<CheckboxProps>(CheckboxRaw), 'checkbox');\r\n\r\nexport default Checkbox;\r\n"],"file":"Checkbox.js"}
1	+ {"version":3,"sources":["../../../src/lib/components/checkbox/Checkbox.tsx"],"names":["classNames","require","CheckboxRaw","props","state","Object","assign","checked","isValid","required","errors","getTranslations","defaultBaseTranslations","handleChecked","bind","handleKeyDown","subscribeSelf","finalIndeterminate","Boolean","supportsIndeterminate","inputRef","current","indeterminate","oldProps","setState","setValid","setInvalid","containerClassName","getValidationClass","className","label","disabled","input","id","value","handleBlur","handleFocus","title","tooltip","containerRef","renderTooltip","renderDefaultValidation","renderLabel","e","onChecked","key","click","BaseInput","defaultProps","Checkbox"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n BaseInputProps,\r\n BaseInput,\r\n BaseInputState,\r\n defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nvar classNames = require('classnames');\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface CheckboxProps extends BaseInputProps<HTMLInputElement> {\r\n onChecked?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n onChange?: never;\r\n type?: string;\r\n checked?: boolean;\r\n supportsIndeterminate?: boolean;\r\n}\r\n\r\nexport interface CheckboxState extends BaseInputState {\r\n checked: boolean;\r\n}\r\n\r\nexport class CheckboxRaw extends BaseInput<\r\n CheckboxProps,\r\n CheckboxState,\r\n HTMLInputElement\r\n> {\r\n public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n // checked: false,\r\n }) as CheckboxProps;\r\n\r\n constructor(props: CheckboxProps) {\r\n super(props, false);\r\n this.state = Object.assign(this.state, {\r\n checked: props.checked,\r\n isValid: props.required ? props.checked : true,\r\n errors:\r\n props.required && !props.checked\r\n ? [this.getTranslations(defaultBaseTranslations).required]\r\n : [],\r\n });\r\n this.handleChecked = this.handleChecked.bind(this);\r\n this.handleKeyDown = this.handleKeyDown.bind(this);\r\n this.subscribeSelf(props);\r\n }\r\n\r\n public componentDidMount() {\r\n const finalIndeterminate = Boolean(\r\n this.props.supportsIndeterminate &&\r\n typeof this.props.checked !== 'boolean'\r\n );\r\n if (\r\n typeof this.props.checked !== 'boolean' &&\r\n this.inputRef.current &&\r\n this.inputRef.current?.indeterminate !== finalIndeterminate\r\n ) {\r\n this.inputRef.current.indeterminate = finalIndeterminate;\r\n }\r\n super.componentDidMount?.();\r\n }\r\n\r\n public componentDidUpdate(oldProps: CheckboxProps) {\r\n if (this.props.checked !== this.state.checked) {\r\n this.setState({ checked: this.props.checked });\r\n if (this.props.checked) {\r\n this.setValid();\r\n } else {\r\n if (this.props.required) {\r\n this.setInvalid([\r\n this.getTranslations(defaultBaseTranslations).required,\r\n ]);\r\n }\r\n }\r\n }\r\n if (oldProps.required !== this.props.required) {\r\n if (this.props.required && !this.props.checked) {\r\n this.setInvalid([\r\n this.getTranslations(defaultBaseTranslations).required,\r\n ]);\r\n } else {\r\n this.setValid();\r\n }\r\n }\r\n const finalIndeterminate = Boolean(\r\n this.props.supportsIndeterminate &&\r\n typeof this.props.checked !== 'boolean'\r\n );\r\n if (\r\n this.props.supportsIndeterminate &&\r\n this.inputRef.current?.indeterminate !== finalIndeterminate\r\n ) {\r\n this.inputRef.current.indeterminate = finalIndeterminate;\r\n }\r\n }\r\n\r\n public render() {\r\n const containerClassName = classNames([\r\n 'input__base checkbox-input',\r\n this.getValidationClass(),\r\n this.props.className,\r\n { ['checkbox-input--with-label']: Boolean(this.props.label) },\r\n { ['checkbox-input--disabled']: this.props.disabled },\r\n ]);\r\n const input = (\r\n <input\r\n {...(this.props.id && { id: this.props.id })}\r\n ref={this.inputRef}\r\n value={this.props.value \|\| ''}\r\n type=\"checkbox\"\r\n required={this.props.required}\r\n checked={this.state.checked ?? false}\r\n onChange={this.handleChecked}\r\n onBlur={this.handleBlur}\r\n onFocus={this.handleFocus}\r\n onKeyDown={this.handleKeyDown}\r\n tabIndex={this.props.disabled ? -1 : 0}\r\n />\r\n );\r\n return (\r\n <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n <div className={containerClassName} ref={this.containerRef}>\r\n {this.props.title && !this.props.label && input}\r\n {!this.props.title && !this.props.label && this.renderTooltip(input)}\r\n {this.renderDefaultValidation()}\r\n {this.props.label && (\r\n <label className=\"checkbox-input__label\">\r\n {input}\r\n {this.renderLabel()}\r\n </label>\r\n )}\r\n </div>\r\n </InputGroup>\r\n );\r\n }\r\n\r\n private handleChecked(e: React.ChangeEvent<HTMLInputElement>) {\r\n if (!this.props.disabled) {\r\n this.props.onChecked && this.props.onChecked(e);\r\n this.setState({ checked: !this.state.checked });\r\n if (!this.state.checked) {\r\n this.setValid();\r\n } else {\r\n if (this.props.required) {\r\n this.setInvalid([\r\n this.getTranslations(defaultBaseTranslations).required,\r\n ]);\r\n }\r\n }\r\n }\r\n }\r\n\r\n protected handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\r\n if (!this.props.disabled) {\r\n if (e.key === 'Enter') {\r\n this.inputRef.current?.click();\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport const Checkbox = withThemeContext<\r\n CheckboxProps,\r\n InstanceType<typeof CheckboxRaw>\r\n>(withFormContext<CheckboxProps>(CheckboxRaw), 'checkbox');\r\n\r\nexport default Checkbox;\r\n"],"file":"Checkbox.js"}

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

@@ -503,6 +503,7 @@ var TagsRaw = /*#__PURE__*/function (_BaseInput) {
     value: function componentDidMount() {
       document.addEventListener('mousedown', this.handleClickOutside);
       document.addEventListener('touchstart', this.handleClickOutside);
+      this.handleErrors(this.props.tags);
     }
   }, {
     key: "componentWillUnmount",

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

	@@ -1 +1 @@
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","closeSuggestionsAfterCreate","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","SuggestionTag","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, {\r\n RenderSuggestionTagProps,\r\n} 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<T extends Tag = Tag> = {\r\n className?: string;\r\n tagsSuggestionsClassName?: string;\r\n disabled?: boolean;\r\n tags: T[];\r\n existingTags?: T[];\r\n fetchExistingTags?: (text: string) => Promise<T[]>;\r\n onTagsChanged: (newTags: T[]) => void;\r\n onNewTagAdded?: (newTagName: string) => Promise<T>;\r\n onTagClick?: (tag: T) => 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: T[]) => T[];\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 closeSuggestionsAfterCreate?: boolean;\r\n SuggestionTag?: React.ComponentType<RenderSuggestionTagProps<T>>;\r\n} & BaseInputProps<HTMLInputElement, TagsTranslations>;\r\n\r\nexport interface TagsState<T extends Tag = Tag> extends BaseInputState {\r\n textIsFocused: boolean;\r\n textErrors: ValidationError[];\r\n textIsValid: boolean;\r\n suggestionsVisible: boolean;\r\n fetchedExistingTags: T[];\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<T extends Tag = Tag> extends BaseInput<\r\n TagsProps<T> & InjectedProps,\r\n TagsState<T>,\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 closeSuggestionsAfterCreate: false,\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<T> & 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 super.componentWillUnmount();\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<T>\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 SuggestionTag={this.props.SuggestionTag}\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: T[]) => async (e: React.KeyboardEvent) => {\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 this.setState({\r\n suggestionsVisible: this.props.closeSuggestionsAfterCreate\r\n ? false\r\n : this.state.suggestionsVisible,\r\n });\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: T, 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:\r\n isMax \|\| this.props.closeSuggestionsAfterCreate\r\n ? false\r\n : 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: T[] = 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: T[]) {\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: T[] = []\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: T, 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: T) => () => {\r\n this.props.onTagClick && this.props.onTagClick(tag);\r\n };\r\n\r\n private tagRemoveClick = (tag: T) => (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\ninterface TagsFinal {\r\n <T extends Tag = Tag>(item: TagsProps<T>): React.ReactElement;\r\n defaultProps?: Partial<TagsProps>;\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) as unknown) as TagsFinal;\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","closeSuggestionsAfterCreate","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","SuggestionTag","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, {\r\n RenderSuggestionTagProps,\r\n} 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<T extends Tag = Tag> = {\r\n className?: string;\r\n tagsSuggestionsClassName?: string;\r\n disabled?: boolean;\r\n tags: T[];\r\n existingTags?: T[];\r\n fetchExistingTags?: (text: string) => Promise<T[]>;\r\n onTagsChanged: (newTags: T[]) => void;\r\n onNewTagAdded?: (newTagName: string) => Promise<T>;\r\n onTagClick?: (tag: T) => 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: T[]) => T[];\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 closeSuggestionsAfterCreate?: boolean;\r\n SuggestionTag?: React.ComponentType<RenderSuggestionTagProps<T>>;\r\n} & BaseInputProps<HTMLInputElement, TagsTranslations>;\r\n\r\nexport interface TagsState<T extends Tag = Tag> extends BaseInputState {\r\n textIsFocused: boolean;\r\n textErrors: ValidationError[];\r\n textIsValid: boolean;\r\n suggestionsVisible: boolean;\r\n fetchedExistingTags: T[];\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<T extends Tag = Tag> extends BaseInput<\r\n TagsProps<T> & InjectedProps,\r\n TagsState<T>,\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 closeSuggestionsAfterCreate: false,\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<T> & 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 this.handleErrors(this.props.tags);\r\n }\r\n\r\n public componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.handleClickOutside);\r\n document.removeEventListener('touchstart', this.handleClickOutside);\r\n super.componentWillUnmount();\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<T>\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 SuggestionTag={this.props.SuggestionTag}\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: T[]) => async (e: React.KeyboardEvent) => {\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 this.setState({\r\n suggestionsVisible: this.props.closeSuggestionsAfterCreate\r\n ? false\r\n : this.state.suggestionsVisible,\r\n });\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: T, 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:\r\n isMax \|\| this.props.closeSuggestionsAfterCreate\r\n ? false\r\n : 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: T[] = 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: T[]) {\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: T[] = []\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: T, 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: T) => () => {\r\n this.props.onTagClick && this.props.onTagClick(tag);\r\n };\r\n\r\n private tagRemoveClick = (tag: T) => (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\ninterface TagsFinal {\r\n <T extends Tag = Tag>(item: TagsProps<T>): React.ReactElement;\r\n defaultProps?: Partial<TagsProps>;\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) as unknown) as TagsFinal;\r\n\r\nexport default Tags;\r\n"],"file":"Tags.js"}

package/build/components/text/Text.js CHANGED Viewed

@@ -136,7 +136,7 @@ var TextRaw = /*#__PURE__*/function (_BaseInput) {
   _createClass(TextRaw, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
-      if (this.props.onNumberChange && (this.state.isValid !== prevState.isValid || this.state.value !== prevState.value) && this.props.number !== Number(this.state.value)) {
+      if (this.props.onNumberChange && (this.state.isValid !== prevState.isValid || this.state.value !== prevState.value || this.props.number !== Number(this.state.value))) {
         var num = Number(this.state.value);
         if (!isNaN(num)) {

package/build/components/text/Text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/components/text/Text.tsx"],"names":["PlusIcon","classNames","require","TextRaw","props","inputRef","current","nativeTextAreaValueSetter","Object","getOwnPropertyDescriptor","window","HTMLInputElement","prototype","set","call","event","Event","bubbles","dispatchEvent","e","stopClickPropagation","stopPropagation","onKeyDown","number","undefined","value","toString","res","handleValueChange","state","isValid","errors","ignoreContext","formContext","updateCallback","componentId","validation","prevProps","prevState","onNumberChange","Number","num","isNaN","clearButtonHidden","length","disabled","title","tooltip","getValidationClass","readOnly","className","containerClick","containerRef","before","id","placeholder","getDisabled","required","handleChange","handleBlur","handleFocus","type","onClick","maxLength","sizeFromValue","after","showClearButton","clearClick","renderDefaultValidation","label","renderLabel","BaseInput","assign","defaultProps","Text"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n BaseInputProps,\r\n BaseInputState,\r\n BaseInput,\r\n} from '../base/input/BaseInput';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport Button from '../button';\r\nimport * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_24px.svg';\r\nvar classNames = require('classnames');\r\n\r\nexport interface TextProps extends BaseInputProps<HTMLInputElement> {\r\n mask?: string;\r\n reverse?: boolean;\r\n placeholder?: string;\r\n stopClickPropagation?: boolean;\r\n inputRef?: React.Ref<HTMLInputElement>;\r\n readOnly?: boolean;\r\n type?: 'number' \| 'text';\r\n maxLength?: number;\r\n showClearButton?: boolean;\r\n after?: React.ReactNode;\r\n before?: React.ReactNode;\r\n sizeFromValue?: boolean;\r\n onNumberChange?: (number: number, isValid: boolean) => void;\r\n number?: number;\r\n}\r\n\r\nexport interface TextState extends BaseInputState {}\r\n\r\nexport class TextRaw extends BaseInput<TextProps, TextState, HTMLInputElement> {\r\n public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n type: 'text',\r\n stopClickPropagation: true,\r\n readOnly: false,\r\n }) as TextProps;\r\n\r\n constructor(props: TextProps) {\r\n super(props);\r\n if (props.number !== undefined) {\r\n const value = props.number?.toString() ?? '';\r\n const res = this.handleValueChange(value, true, [], props, true);\r\n this.state = {\r\n ...this.state,\r\n isValid: res.isValid,\r\n errors: res.errors,\r\n value,\r\n };\r\n if (!this.props.ignoreContext) {\r\n this.props.formContext &&\r\n this.props.formContext.updateCallback(this.componentId, {\r\n validation: {\r\n isValid: res.isValid,\r\n errors: res.errors,\r\n },\r\n });\r\n }\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: TextProps, prevState: TextState) {\r\n if (\r\n this.props.onNumberChange &&\r\n (this.state.isValid !== prevState.isValid \|\|\r\n this.state.value !== prevState.value) &&\r\n this.props.number !== Number(this.state.value)\r\n ) {\r\n const num = Number(this.state.value);\r\n if (!isNaN(num)) {\r\n this.props.onNumberChange(num, this.state.isValid);\r\n }\r\n if (this.state.value === '') {\r\n this.props.onNumberChange(undefined, this.state.isValid);\r\n }\r\n }\r\n if (\r\n (prevProps.number !== undefined \|\| this.props.number !== undefined) &&\r\n this.props.number !== prevProps.number\r\n ) {\r\n this.handleValueChange(this.props.number?.toString() ?? '');\r\n }\r\n super.componentDidUpdate(prevProps, prevState);\r\n }\r\n\r\n public render() {\r\n const clearButtonHidden = !this.state.value?.length \|\| this.props.disabled;\r\n return (\r\n <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n <div\r\n className={`input__base text-input ${this.getValidationClass()} \r\n ${this.props.readOnly ? 'text-input--readOnly' : ''} ${\r\n this.props.className ? this.props.className : ''\r\n }`}\r\n onClick={this.containerClick}\r\n ref={this.containerRef}\r\n >\r\n <div className=\"text-input__textWrapper\">\r\n {this.props.before}\r\n <input\r\n {...(this.props.id && {\r\n id: this.props.id,\r\n })}\r\n ref={this.inputRef}\r\n placeholder={this.props.placeholder}\r\n disabled={this.getDisabled()}\r\n required={this.props.required}\r\n className={this.state.value ? 'filled' : ''}\r\n onChange={this.handleChange}\r\n value={this.state.value}\r\n onBlur={this.handleBlur}\r\n onFocus={this.handleFocus}\r\n readOnly={this.props.readOnly}\r\n onKeyDown={this.onKeyDown}\r\n type={this.props.type}\r\n onClick={this.props.onClick}\r\n maxLength={this.props.maxLength}\r\n size={\r\n this.props.sizeFromValue\r\n ? this.props.value?.length \|\| 1\r\n : undefined\r\n }\r\n />\r\n {this.props.after}\r\n {!this.props.readOnly && this.props.showClearButton && (\r\n <Button\r\n {...(this.props.id && {\r\n id: this.props.id + '-clear-button',\r\n })}\r\n disabled={clearButtonHidden}\r\n unobtrusive={true}\r\n noShadow={true}\r\n onClick={this.clearClick}\r\n className={classNames(\r\n 'text-input__clearButton line-height--0',\r\n {\r\n 'text-input__clearButton--hidden': clearButtonHidden,\r\n }\r\n )}\r\n >\r\n <PlusIcon className=\"transform-rotate--45 line-height--0\" />\r\n </Button>\r\n )}\r\n <span className=\"highlight\" />\r\n <span className=\"bar\" />\r\n {this.renderDefaultValidation()}\r\n {this.props.label && (\r\n <label className={this.props.readOnly ? 'label--focused' : ''}>\r\n {this.renderLabel()}\r\n </label>\r\n )}\r\n </div>\r\n </div>\r\n </InputGroup>\r\n );\r\n }\r\n\r\n private clearClick = () => {\r\n if (this.inputRef.current) {\r\n var nativeTextAreaValueSetter = Object.getOwnPropertyDescriptor(\r\n window.HTMLInputElement.prototype,\r\n 'value'\r\n ).set;\r\n if (nativeTextAreaValueSetter) {\r\n nativeTextAreaValueSetter.call(this.inputRef.current, '');\r\n\r\n const event = new Event('input', { bubbles: true });\r\n this.inputRef.current.dispatchEvent(event);\r\n }\r\n }\r\n };\r\n\r\n private containerClick = (e: React.MouseEvent<HTMLDivElement>) =>\r\n this.props.stopClickPropagation && e.stopPropagation();\r\n\r\n private onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) =>\r\n this.props.onKeyDown && this.props.onKeyDown(e);\r\n}\r\n\r\nexport const Text = withThemeContext<TextProps, InstanceType<typeof TextRaw>>(\r\n withFormContext<TextProps>(TextRaw),\r\n 'text'\r\n);\r\n\r\nexport default Text;\r\n"],"file":"Text.js"}
1	+ {"version":3,"sources":["../../../src/lib/components/text/Text.tsx"],"names":["PlusIcon","classNames","require","TextRaw","props","inputRef","current","nativeTextAreaValueSetter","Object","getOwnPropertyDescriptor","window","HTMLInputElement","prototype","set","call","event","Event","bubbles","dispatchEvent","e","stopClickPropagation","stopPropagation","onKeyDown","number","undefined","value","toString","res","handleValueChange","state","isValid","errors","ignoreContext","formContext","updateCallback","componentId","validation","prevProps","prevState","onNumberChange","Number","num","isNaN","clearButtonHidden","length","disabled","title","tooltip","getValidationClass","readOnly","className","containerClick","containerRef","before","id","placeholder","getDisabled","required","handleChange","handleBlur","handleFocus","type","onClick","maxLength","sizeFromValue","after","showClearButton","clearClick","renderDefaultValidation","label","renderLabel","BaseInput","assign","defaultProps","Text"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n BaseInputProps,\r\n BaseInputState,\r\n BaseInput,\r\n} from '../base/input/BaseInput';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport Button from '../button';\r\nimport * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_24px.svg';\r\nvar classNames = require('classnames');\r\n\r\nexport interface TextProps extends BaseInputProps<HTMLInputElement> {\r\n mask?: string;\r\n reverse?: boolean;\r\n placeholder?: string;\r\n stopClickPropagation?: boolean;\r\n inputRef?: React.Ref<HTMLInputElement>;\r\n readOnly?: boolean;\r\n type?: 'number' \| 'text';\r\n maxLength?: number;\r\n showClearButton?: boolean;\r\n after?: React.ReactNode;\r\n before?: React.ReactNode;\r\n sizeFromValue?: boolean;\r\n onNumberChange?: (number: number, isValid: boolean) => void;\r\n number?: number;\r\n}\r\n\r\nexport interface TextState extends BaseInputState {}\r\n\r\nexport class TextRaw extends BaseInput<TextProps, TextState, HTMLInputElement> {\r\n public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n type: 'text',\r\n stopClickPropagation: true,\r\n readOnly: false,\r\n }) as TextProps;\r\n\r\n constructor(props: TextProps) {\r\n super(props);\r\n if (props.number !== undefined) {\r\n const value = props.number?.toString() ?? '';\r\n const res = this.handleValueChange(value, true, [], props, true);\r\n this.state = {\r\n ...this.state,\r\n isValid: res.isValid,\r\n errors: res.errors,\r\n value,\r\n };\r\n if (!this.props.ignoreContext) {\r\n this.props.formContext &&\r\n this.props.formContext.updateCallback(this.componentId, {\r\n validation: {\r\n isValid: res.isValid,\r\n errors: res.errors,\r\n },\r\n });\r\n }\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: TextProps, prevState: TextState) {\r\n if (\r\n this.props.onNumberChange &&\r\n (this.state.isValid !== prevState.isValid \|\|\r\n this.state.value !== prevState.value \|\|\r\n this.props.number !== Number(this.state.value))\r\n ) {\r\n const num = Number(this.state.value);\r\n if (!isNaN(num)) {\r\n this.props.onNumberChange(num, this.state.isValid);\r\n }\r\n if (this.state.value === '') {\r\n this.props.onNumberChange(undefined, this.state.isValid);\r\n }\r\n }\r\n if (\r\n (prevProps.number !== undefined \|\| this.props.number !== undefined) &&\r\n this.props.number !== prevProps.number\r\n ) {\r\n this.handleValueChange(this.props.number?.toString() ?? '');\r\n }\r\n super.componentDidUpdate(prevProps, prevState);\r\n }\r\n\r\n public render() {\r\n const clearButtonHidden = !this.state.value?.length \|\| this.props.disabled;\r\n return (\r\n <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n <div\r\n className={`input__base text-input ${this.getValidationClass()} \r\n ${this.props.readOnly ? 'text-input--readOnly' : ''} ${\r\n this.props.className ? this.props.className : ''\r\n }`}\r\n onClick={this.containerClick}\r\n ref={this.containerRef}\r\n >\r\n <div className=\"text-input__textWrapper\">\r\n {this.props.before}\r\n <input\r\n {...(this.props.id && {\r\n id: this.props.id,\r\n })}\r\n ref={this.inputRef}\r\n placeholder={this.props.placeholder}\r\n disabled={this.getDisabled()}\r\n required={this.props.required}\r\n className={this.state.value ? 'filled' : ''}\r\n onChange={this.handleChange}\r\n value={this.state.value}\r\n onBlur={this.handleBlur}\r\n onFocus={this.handleFocus}\r\n readOnly={this.props.readOnly}\r\n onKeyDown={this.onKeyDown}\r\n type={this.props.type}\r\n onClick={this.props.onClick}\r\n maxLength={this.props.maxLength}\r\n size={\r\n this.props.sizeFromValue\r\n ? this.props.value?.length \|\| 1\r\n : undefined\r\n }\r\n />\r\n {this.props.after}\r\n {!this.props.readOnly && this.props.showClearButton && (\r\n <Button\r\n {...(this.props.id && {\r\n id: this.props.id + '-clear-button',\r\n })}\r\n disabled={clearButtonHidden}\r\n unobtrusive={true}\r\n noShadow={true}\r\n onClick={this.clearClick}\r\n className={classNames(\r\n 'text-input__clearButton line-height--0',\r\n {\r\n 'text-input__clearButton--hidden': clearButtonHidden,\r\n }\r\n )}\r\n >\r\n <PlusIcon className=\"transform-rotate--45 line-height--0\" />\r\n </Button>\r\n )}\r\n <span className=\"highlight\" />\r\n <span className=\"bar\" />\r\n {this.renderDefaultValidation()}\r\n {this.props.label && (\r\n <label className={this.props.readOnly ? 'label--focused' : ''}>\r\n {this.renderLabel()}\r\n </label>\r\n )}\r\n </div>\r\n </div>\r\n </InputGroup>\r\n );\r\n }\r\n\r\n private clearClick = () => {\r\n if (this.inputRef.current) {\r\n var nativeTextAreaValueSetter = Object.getOwnPropertyDescriptor(\r\n window.HTMLInputElement.prototype,\r\n 'value'\r\n ).set;\r\n if (nativeTextAreaValueSetter) {\r\n nativeTextAreaValueSetter.call(this.inputRef.current, '');\r\n\r\n const event = new Event('input', { bubbles: true });\r\n this.inputRef.current.dispatchEvent(event);\r\n }\r\n }\r\n };\r\n\r\n private containerClick = (e: React.MouseEvent<HTMLDivElement>) =>\r\n this.props.stopClickPropagation && e.stopPropagation();\r\n\r\n private onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) =>\r\n this.props.onKeyDown && this.props.onKeyDown(e);\r\n}\r\n\r\nexport const Text = withThemeContext<TextProps, InstanceType<typeof TextRaw>>(\r\n withFormContext<TextProps>(TextRaw),\r\n 'text'\r\n);\r\n\r\nexport default Text;\r\n"],"file":"Text.js"}

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

@@ -1376,6 +1376,9 @@
       pointer-events: none; }
     .input__base.checkbox-input input:checked:before {
       transform: rotate(-45deg) scale(1, 1); }
+    .input__base.checkbox-input input:indeterminate:before {
+      border-left-style: none;
+      transform: rotate(0deg) scale(0.8, 1.2) translateX(0); }
     .input__base.checkbox-input input:after {
       content: '';
       position: absolute;