guestbell-forms 2.0.293 → 2.0.294

package/build/components/select/Select.d.ts

@@ -61,6 +61,10 @@ export declare class SelectRaw extends BaseInput<SelectProps, SelectState, HTMLS
     componentDidMount(): void;
     componentDidUpdate(oldProps: SelectProps): void;
     render(): JSX.Element;
+    protected handleValueChange(value: string, isValid?: boolean, errors?: ValidationError[], props?: SelectProps, initializing?: boolean): {
+        isValid: boolean;
+        errors: ValidationError[];
+    };
     protected handleBlur(e: React.FocusEvent<HTMLSelectElement>): void;
     protected handleFocus(e: React.FocusEvent<HTMLSelectElement>): void;
     private handleChangeCustom;

package/build/components/select/Select.js

@@ -33,6 +33,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); }
@@ -160,6 +164,25 @@ var SelectRaw = /*#__PURE__*/function (_BaseInput) {
         className: "bar"
       }), this.renderDefaultValidation(), this.props.label && finalValues.length > 0 && /*#__PURE__*/React.createElement("label", null, this.renderLabel()))));
     }
+  }, {
+    key: "handleValueChange",
+    value: function handleValueChange(value) {
+      var isValid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var errors = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+      var props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : this.props;
+      var initializing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+
+      if (!this.props.multiple) {
+        return _get(_getPrototypeOf(SelectRaw.prototype), "handleValueChange", this).call(this, value, isValid, errors, props, initializing);
+      } else {
+        this.handleValid(this.props.selectedValues);
+      }
+
+      return {
+        isValid: true,
+        errors: []
+      };
+    }
   }, {
     key: "handleBlur",
     value: function handleBlur(e) {

package/build/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/components/select/Select.tsx"],"names":["PlusIcon","SelectRaw","props","item","newValues","selectedValues","filter","sv","value","handleValid","onSelectedValuesChange","val","defaultEmpty","values","length","state","Object","assign","handleChangeCustom","bind","multiple","oldProps","validators","customValidators","required","handleValueChange","finalValues","findIndex","t","title","tooltip","getValidationClass","className","readOnly","containerRef","renderSelectedValues","id","inputRef","getDisabled","handleBlur","handleFocus","display","map","index","label","renderReadonly","renderDefaultValidation","renderLabel","e","onBlur","focused","touched","touchOn","setState","onFocus","event","target","isNaN","Number","valNumber","concat","handleChange","isValid","errors","push","getTranslations","defaultBaseTranslations","forEach","customValidator","validInner","Validate","error","setValid","setInvalid","toString","forceSelected","removeItemClick","readonlyEmptyPlaceholder","BaseInput","defaultProps","Select"],"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 * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_circle_outline_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 } from '../button/Button';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface SelectValue {\r\n  value: number | string;\r\n  label?: string;\r\n  forceSelected?: boolean;\r\n}\r\n\r\nexport interface SelectProps extends BaseInputProps<HTMLSelectElement> {\r\n  values?: SelectValue[];\r\n  defaultEmpty?: boolean;\r\n  multiple?: boolean;\r\n  selectedValues?: SelectValue[];\r\n  onSelectedValuesChange?: (newValues: SelectValue[]) => void;\r\n  inputRef?: (input: HTMLSelectElement) => void;\r\n  readOnly?: boolean;\r\n  readonlyEmptyPlaceholder?: string;\r\n}\r\n\r\nexport interface SelectState extends BaseInputState {}\r\n\r\nexport class SelectRaw extends BaseInput<\r\n  SelectProps,\r\n  SelectState,\r\n  HTMLSelectElement\r\n> {\r\n  public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n    defaultEmpty: true,\r\n    multiple: false,\r\n    readOnly: false,\r\n    readonlyEmptyPlaceholder: 'N/A',\r\n  });\r\n\r\n  constructor(props: SelectProps) {\r\n    super(props);\r\n    const val = !props.value\r\n      ? props.defaultEmpty\r\n        ? ''\r\n        : props.values && props.values.length > 0\r\n        ? props.values[0]\r\n        : ''\r\n      : props.value;\r\n    this.state = Object.assign(this.state, { value: val });\r\n    this.handleChangeCustom = this.handleChangeCustom.bind(this);\r\n  }\r\n\r\n  public componentDidMount() {\r\n    this.props.multiple && this.handleValid(this.props.selectedValues);\r\n  }\r\n\r\n  public componentDidUpdate(oldProps: SelectProps) {\r\n    if (\r\n      oldProps.value !== this.props.value ||\r\n      oldProps.validators !== this.props.validators ||\r\n      oldProps.customValidators !== this.props.customValidators ||\r\n      oldProps.required !== this.props.required ||\r\n      oldProps.selectedValues !== this.props.selectedValues\r\n    ) {\r\n      if (this.props.multiple) {\r\n        this.handleValid(this.props.selectedValues);\r\n      } else {\r\n        this.handleValueChange(this.props.value, true, [], this.props);\r\n      }\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const finalValues = this.props.multiple\r\n      ? this.props.values.filter(\r\n          item =>\r\n            this.props.selectedValues.findIndex(t => t.value === item.value) < 0\r\n        )\r\n      : this.props.values;\r\n    return (\r\n      <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n        <div\r\n          className={\r\n            'input__base select-input ' +\r\n            this.getValidationClass() +\r\n            ' ' +\r\n            (this.props.className ? this.props.className : '') +\r\n            ' ' +\r\n            (this.props.readOnly ? 'readonly' : '') +\r\n            ' ' +\r\n            (this.props.multiple ? 'multiple' : '')\r\n          }\r\n          ref={this.containerRef}\r\n        >\r\n          {this.renderSelectedValues()}\r\n          {finalValues.length > 0 &&\r\n            ((this.props.multiple && !this.props.readOnly) ||\r\n              !this.props.multiple) && (\r\n              <div className=\"select-input__select__wrapper\">\r\n                {(!this.props.multiple && !this.props.readOnly) ||\r\n                this.props.multiple ? (\r\n                  <select\r\n                    {...(this.props.id && {\r\n                      id: this.props.id,\r\n                    })}\r\n                    ref={this.inputRef}\r\n                    disabled={this.getDisabled()}\r\n                    required={this.props.required}\r\n                    onChange={this.handleChangeCustom}\r\n                    value={this.state.value}\r\n                    className={\r\n                      'select-input__select ' +\r\n                      (this.state.value !== '' ||\r\n                      (this.props.selectedValues &&\r\n                        this.props.selectedValues.length > 0)\r\n                        ? 'filled'\r\n                        : '')\r\n                    }\r\n                    onBlur={this.handleBlur}\r\n                    onFocus={this.handleFocus}\r\n                    tabIndex={0}\r\n                  >\r\n                    {this.props.defaultEmpty && (\r\n                      <option\r\n                        key={-1}\r\n                        disabled={true}\r\n                        value=\"\"\r\n                        style={{ display: 'none' }}\r\n                      />\r\n                    )}\r\n                    {finalValues.map((value, index) => (\r\n                      <option key={index} value={value.value}>\r\n                        {value.label ? value.label : value.value}\r\n                      </option>\r\n                    ))}\r\n                  </select>\r\n                ) : (\r\n                  <span\r\n                    className={\r\n                      'select-input__select ' +\r\n                      (this.state.value !== '' ||\r\n                      (this.props.selectedValues &&\r\n                        this.props.selectedValues.length > 0)\r\n                        ? 'filled'\r\n                        : '')\r\n                    }\r\n                  >\r\n                    {this.renderReadonly()}\r\n                  </span>\r\n                )}\r\n                <span className=\"highlight\" />\r\n                <span className=\"bar\" />\r\n                {this.renderDefaultValidation()}\r\n                {this.props.label && finalValues.length > 0 && (\r\n                  <label>{this.renderLabel()}</label>\r\n                )}\r\n              </div>\r\n            )}\r\n        </div>\r\n      </InputGroup>\r\n    );\r\n  }\r\n\r\n  protected handleBlur(e: React.FocusEvent<HTMLSelectElement>) {\r\n    this.props.onBlur && this.props.onBlur();\r\n    let state = { focused: false };\r\n    if (!this.state.touched && this.props.touchOn === 'blur') {\r\n      state = Object.assign(state, { touched: true });\r\n      if (!this.props.multiple) {\r\n        this.handleValueChange(this.state.value);\r\n      } else {\r\n        this.handleValid(this.props.selectedValues);\r\n      }\r\n    }\r\n    this.setState(state);\r\n  }\r\n\r\n  protected handleFocus(e: React.FocusEvent<HTMLSelectElement>) {\r\n    this.props.onFocus && this.props.onFocus(e);\r\n    let state = { focused: true };\r\n    if (!this.state.touched && this.props.touchOn === 'focus') {\r\n      state = Object.assign(state, { touched: true });\r\n      if (!this.props.multiple) {\r\n        this.handleValueChange(this.state.value);\r\n      } else {\r\n        this.handleValid(this.props.selectedValues);\r\n      }\r\n    }\r\n    this.setState(state);\r\n  }\r\n\r\n  private handleChangeCustom(event: React.ChangeEvent<HTMLSelectElement>) {\r\n    if (this.props.multiple) {\r\n      let value = event.target.value;\r\n      let val = this.props.values.filter(item => item.value === value)[0];\r\n      if (!val) {\r\n        if (!isNaN(Number(value))) {\r\n          let valNumber = Number(value);\r\n          val = this.props.values.filter(item => item.value === valNumber)[0];\r\n        }\r\n      }\r\n      let newValues = this.props.selectedValues.concat(val);\r\n      if (val) {\r\n        this.props.onSelectedValuesChange &&\r\n          this.props.onSelectedValuesChange(newValues);\r\n        this.handleValid(newValues);\r\n        this.setState({ value: '' });\r\n      }\r\n    } else {\r\n      this.handleChange(event);\r\n    }\r\n  }\r\n\r\n  private handleValid(newValues: SelectValue[]) {\r\n    let isValid = true;\r\n    let errors: ValidationError[] = [];\r\n    if (this.props.required) {\r\n      if (newValues.length === 0) {\r\n        isValid = false;\r\n        errors.push(this.getTranslations(defaultBaseTranslations).required);\r\n      }\r\n    }\r\n    if (this.props.customValidators) {\r\n      this.props.customValidators.forEach(customValidator => {\r\n        let validInner = false;\r\n        validInner = customValidator.Validate(\r\n          this.state.value,\r\n          this.props.required,\r\n          error => errors.push(error)\r\n        );\r\n        if (isValid && !validInner) {\r\n          isValid = validInner;\r\n        }\r\n      });\r\n    }\r\n    if (isValid) {\r\n      this.setValid();\r\n    } else {\r\n      this.setInvalid(errors);\r\n    }\r\n  }\r\n\r\n  private renderReadonly() {\r\n    const value = this.props.values.filter(\r\n      item => item.value.toString() === this.state.value\r\n    )[0];\r\n    return value ? (value.label ? value.label : value.value) : '';\r\n  }\r\n\r\n  private renderSelectedValues() {\r\n    return this.props.multiple ? (\r\n      this.props.selectedValues.length > 0 ? (\r\n        <div className=\"select-input__selectedValue__wrapper\">\r\n          {this.props.selectedValues.map((item, index) => (\r\n            <div className=\"select-input__selectedValue\" key={index}>\r\n              {item.label ? item.label : item.value}\r\n              {!this.props.readOnly && (\r\n                <Button\r\n                  disabled={item.forceSelected}\r\n                  circular={true}\r\n                  blank={true}\r\n                  onClick={this.removeItemClick(item)}\r\n                  className=\"ml-1 transform-rotate--45 line-height--0 p-0\"\r\n                >\r\n                  <PlusIcon />\r\n                </Button>\r\n              )}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      ) : (\r\n        this.props.readOnly && (\r\n          <div className=\"select-input__selectedValue__wrapper\">\r\n            <div className=\"select-input__selectedValue\">\r\n              {this.props.readonlyEmptyPlaceholder}\r\n            </div>\r\n          </div>\r\n        )\r\n      )\r\n    ) : null;\r\n  }\r\n\r\n  private removeItemClick = (item: SelectValue) => () => {\r\n    const newValues = this.props.selectedValues.filter(\r\n      sv => sv.value !== item.value\r\n    );\r\n    this.handleValid(newValues);\r\n    this.props.onSelectedValuesChange &&\r\n      this.props.onSelectedValuesChange(newValues);\r\n  };\r\n}\r\n\r\nexport const Select = withThemeContext<\r\n  SelectProps,\r\n  InstanceType<typeof SelectRaw>\r\n>(withFormContext<SelectProps>(SelectRaw), 'select');\r\n\r\nexport default Select;\r\n"],"file":"Select.js"}
+{"version":3,"sources":["../../../src/lib/components/select/Select.tsx"],"names":["PlusIcon","SelectRaw","props","item","newValues","selectedValues","filter","sv","value","handleValid","onSelectedValuesChange","val","defaultEmpty","values","length","state","Object","assign","handleChangeCustom","bind","multiple","oldProps","validators","customValidators","required","handleValueChange","finalValues","findIndex","t","title","tooltip","getValidationClass","className","readOnly","containerRef","renderSelectedValues","id","inputRef","getDisabled","handleBlur","handleFocus","display","map","index","label","renderReadonly","renderDefaultValidation","renderLabel","isValid","errors","initializing","e","onBlur","focused","touched","touchOn","setState","onFocus","event","target","isNaN","Number","valNumber","concat","handleChange","push","getTranslations","defaultBaseTranslations","forEach","customValidator","validInner","Validate","error","setValid","setInvalid","toString","forceSelected","removeItemClick","readonlyEmptyPlaceholder","BaseInput","defaultProps","Select"],"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 * as PlusIcon from 'material-design-icons/content/svg/production/ic_add_circle_outline_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 } from '../button/Button';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface SelectValue {\r\n  value: number | string;\r\n  label?: string;\r\n  forceSelected?: boolean;\r\n}\r\n\r\nexport interface SelectProps extends BaseInputProps<HTMLSelectElement> {\r\n  values?: SelectValue[];\r\n  defaultEmpty?: boolean;\r\n  multiple?: boolean;\r\n  selectedValues?: SelectValue[];\r\n  onSelectedValuesChange?: (newValues: SelectValue[]) => void;\r\n  inputRef?: (input: HTMLSelectElement) => void;\r\n  readOnly?: boolean;\r\n  readonlyEmptyPlaceholder?: string;\r\n}\r\n\r\nexport interface SelectState extends BaseInputState {}\r\n\r\nexport class SelectRaw extends BaseInput<\r\n  SelectProps,\r\n  SelectState,\r\n  HTMLSelectElement\r\n> {\r\n  public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n    defaultEmpty: true,\r\n    multiple: false,\r\n    readOnly: false,\r\n    readonlyEmptyPlaceholder: 'N/A',\r\n  });\r\n\r\n  constructor(props: SelectProps) {\r\n    super(props);\r\n    const val = !props.value\r\n      ? props.defaultEmpty\r\n        ? ''\r\n        : props.values && props.values.length > 0\r\n        ? props.values[0]\r\n        : ''\r\n      : props.value;\r\n    this.state = Object.assign(this.state, { value: val });\r\n    this.handleChangeCustom = this.handleChangeCustom.bind(this);\r\n  }\r\n\r\n  public componentDidMount() {\r\n    this.props.multiple && this.handleValid(this.props.selectedValues);\r\n  }\r\n\r\n  public componentDidUpdate(oldProps: SelectProps) {\r\n    if (\r\n      oldProps.value !== this.props.value ||\r\n      oldProps.validators !== this.props.validators ||\r\n      oldProps.customValidators !== this.props.customValidators ||\r\n      oldProps.required !== this.props.required ||\r\n      oldProps.selectedValues !== this.props.selectedValues\r\n    ) {\r\n      if (this.props.multiple) {\r\n        this.handleValid(this.props.selectedValues);\r\n      } else {\r\n        this.handleValueChange(this.props.value, true, [], this.props);\r\n      }\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const finalValues = this.props.multiple\r\n      ? this.props.values.filter(\r\n          item =>\r\n            this.props.selectedValues.findIndex(t => t.value === item.value) < 0\r\n        )\r\n      : this.props.values;\r\n    return (\r\n      <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n        <div\r\n          className={\r\n            'input__base select-input ' +\r\n            this.getValidationClass() +\r\n            ' ' +\r\n            (this.props.className ? this.props.className : '') +\r\n            ' ' +\r\n            (this.props.readOnly ? 'readonly' : '') +\r\n            ' ' +\r\n            (this.props.multiple ? 'multiple' : '')\r\n          }\r\n          ref={this.containerRef}\r\n        >\r\n          {this.renderSelectedValues()}\r\n          {finalValues.length > 0 &&\r\n            ((this.props.multiple && !this.props.readOnly) ||\r\n              !this.props.multiple) && (\r\n              <div className=\"select-input__select__wrapper\">\r\n                {(!this.props.multiple && !this.props.readOnly) ||\r\n                this.props.multiple ? (\r\n                  <select\r\n                    {...(this.props.id && {\r\n                      id: this.props.id,\r\n                    })}\r\n                    ref={this.inputRef}\r\n                    disabled={this.getDisabled()}\r\n                    required={this.props.required}\r\n                    onChange={this.handleChangeCustom}\r\n                    value={this.state.value}\r\n                    className={\r\n                      'select-input__select ' +\r\n                      (this.state.value !== '' ||\r\n                      (this.props.selectedValues &&\r\n                        this.props.selectedValues.length > 0)\r\n                        ? 'filled'\r\n                        : '')\r\n                    }\r\n                    onBlur={this.handleBlur}\r\n                    onFocus={this.handleFocus}\r\n                    tabIndex={0}\r\n                  >\r\n                    {this.props.defaultEmpty && (\r\n                      <option\r\n                        key={-1}\r\n                        disabled={true}\r\n                        value=\"\"\r\n                        style={{ display: 'none' }}\r\n                      />\r\n                    )}\r\n                    {finalValues.map((value, index) => (\r\n                      <option key={index} value={value.value}>\r\n                        {value.label ? value.label : value.value}\r\n                      </option>\r\n                    ))}\r\n                  </select>\r\n                ) : (\r\n                  <span\r\n                    className={\r\n                      'select-input__select ' +\r\n                      (this.state.value !== '' ||\r\n                      (this.props.selectedValues &&\r\n                        this.props.selectedValues.length > 0)\r\n                        ? 'filled'\r\n                        : '')\r\n                    }\r\n                  >\r\n                    {this.renderReadonly()}\r\n                  </span>\r\n                )}\r\n                <span className=\"highlight\" />\r\n                <span className=\"bar\" />\r\n                {this.renderDefaultValidation()}\r\n                {this.props.label && finalValues.length > 0 && (\r\n                  <label>{this.renderLabel()}</label>\r\n                )}\r\n              </div>\r\n            )}\r\n        </div>\r\n      </InputGroup>\r\n    );\r\n  }\r\n\r\n  protected handleValueChange(\r\n    value: string,\r\n    isValid: boolean = true,\r\n    errors: ValidationError[] = [],\r\n    props: SelectProps = this.props,\r\n    initializing: boolean = false\r\n  ) {\r\n    if (!this.props.multiple) {\r\n      return super.handleValueChange(\r\n        value,\r\n        isValid,\r\n        errors,\r\n        props,\r\n        initializing\r\n      );\r\n    } else {\r\n      this.handleValid(this.props.selectedValues);\r\n    }\r\n    return {\r\n      isValid: true,\r\n      errors: [],\r\n    };\r\n  }\r\n\r\n  protected handleBlur(e: React.FocusEvent<HTMLSelectElement>) {\r\n    this.props.onBlur && this.props.onBlur();\r\n    let state = { focused: false };\r\n    if (!this.state.touched && this.props.touchOn === 'blur') {\r\n      state = Object.assign(state, { touched: true });\r\n      if (!this.props.multiple) {\r\n        this.handleValueChange(this.state.value);\r\n      } else {\r\n        this.handleValid(this.props.selectedValues);\r\n      }\r\n    }\r\n    this.setState(state);\r\n  }\r\n\r\n  protected handleFocus(e: React.FocusEvent<HTMLSelectElement>) {\r\n    this.props.onFocus && this.props.onFocus(e);\r\n    let state = { focused: true };\r\n    if (!this.state.touched && this.props.touchOn === 'focus') {\r\n      state = Object.assign(state, { touched: true });\r\n      if (!this.props.multiple) {\r\n        this.handleValueChange(this.state.value);\r\n      } else {\r\n        this.handleValid(this.props.selectedValues);\r\n      }\r\n    }\r\n    this.setState(state);\r\n  }\r\n\r\n  private handleChangeCustom(event: React.ChangeEvent<HTMLSelectElement>) {\r\n    if (this.props.multiple) {\r\n      let value = event.target.value;\r\n      let val = this.props.values.filter(item => item.value === value)[0];\r\n      if (!val) {\r\n        if (!isNaN(Number(value))) {\r\n          let valNumber = Number(value);\r\n          val = this.props.values.filter(item => item.value === valNumber)[0];\r\n        }\r\n      }\r\n      let newValues = this.props.selectedValues.concat(val);\r\n      if (val) {\r\n        this.props.onSelectedValuesChange &&\r\n          this.props.onSelectedValuesChange(newValues);\r\n        this.handleValid(newValues);\r\n        this.setState({ value: '' });\r\n      }\r\n    } else {\r\n      this.handleChange(event);\r\n    }\r\n  }\r\n\r\n  private handleValid(newValues: SelectValue[]) {\r\n    let isValid = true;\r\n    let errors: ValidationError[] = [];\r\n    if (this.props.required) {\r\n      if (newValues.length === 0) {\r\n        isValid = false;\r\n        errors.push(this.getTranslations(defaultBaseTranslations).required);\r\n      }\r\n    }\r\n    if (this.props.customValidators) {\r\n      this.props.customValidators.forEach(customValidator => {\r\n        let validInner = false;\r\n        validInner = customValidator.Validate(\r\n          this.state.value,\r\n          this.props.required,\r\n          error => errors.push(error)\r\n        );\r\n        if (isValid && !validInner) {\r\n          isValid = validInner;\r\n        }\r\n      });\r\n    }\r\n    if (isValid) {\r\n      this.setValid();\r\n    } else {\r\n      this.setInvalid(errors);\r\n    }\r\n  }\r\n\r\n  private renderReadonly() {\r\n    const value = this.props.values.filter(\r\n      item => item.value.toString() === this.state.value\r\n    )[0];\r\n    return value ? (value.label ? value.label : value.value) : '';\r\n  }\r\n\r\n  private renderSelectedValues() {\r\n    return this.props.multiple ? (\r\n      this.props.selectedValues.length > 0 ? (\r\n        <div className=\"select-input__selectedValue__wrapper\">\r\n          {this.props.selectedValues.map((item, index) => (\r\n            <div className=\"select-input__selectedValue\" key={index}>\r\n              {item.label ? item.label : item.value}\r\n              {!this.props.readOnly && (\r\n                <Button\r\n                  disabled={item.forceSelected}\r\n                  circular={true}\r\n                  blank={true}\r\n                  onClick={this.removeItemClick(item)}\r\n                  className=\"ml-1 transform-rotate--45 line-height--0 p-0\"\r\n                >\r\n                  <PlusIcon />\r\n                </Button>\r\n              )}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      ) : (\r\n        this.props.readOnly && (\r\n          <div className=\"select-input__selectedValue__wrapper\">\r\n            <div className=\"select-input__selectedValue\">\r\n              {this.props.readonlyEmptyPlaceholder}\r\n            </div>\r\n          </div>\r\n        )\r\n      )\r\n    ) : null;\r\n  }\r\n\r\n  private removeItemClick = (item: SelectValue) => () => {\r\n    const newValues = this.props.selectedValues.filter(\r\n      sv => sv.value !== item.value\r\n    );\r\n    this.handleValid(newValues);\r\n    this.props.onSelectedValuesChange &&\r\n      this.props.onSelectedValuesChange(newValues);\r\n  };\r\n}\r\n\r\nexport const Select = withThemeContext<\r\n  SelectProps,\r\n  InstanceType<typeof SelectRaw>\r\n>(withFormContext<SelectProps>(SelectRaw), 'select');\r\n\r\nexport default Select;\r\n"],"file":"Select.js"}

package/build/dist/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>guestbell-forms [6 May 2022 at 23:55]</title>
+    <title>guestbell-forms [30 Jul 2022 at 12:4]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.293",
+  "version": "2.0.294",
   "description": "React forms with validation as used in GuestBell",
   "keywords": [
     "react",