guestbell-forms 3.0.128 → 3.0.129

package/build/components/select/Select.js

@@ -61,9 +61,9 @@ class SelectRaw extends _BaseInput.BaseInput {
     }, /*#__PURE__*/React.createElement("div", {
       className: 'input__base select-input ' + this.getValidationClass() + ' ' + (this.props.className ? this.props.className : '') + ' ' + (this.props.readOnly ? 'readonly' : '') + ' ' + (this.props.multiple ? 'multiple' : ''),
       ref: this.containerRef
-    }, this.props.before, this.renderSelectedValues(), finalValues.length > 0 && (this.props.multiple && !this.props.readOnly || !this.props.multiple) && /*#__PURE__*/React.createElement("div", {
+    }, this.renderSelectedValues(), finalValues.length > 0 && (this.props.multiple && !this.props.readOnly || !this.props.multiple) && /*#__PURE__*/React.createElement("div", {
       className: "select-input__select__wrapper"
-    }, !this.props.multiple && !this.props.readOnly || this.props.multiple ? /*#__PURE__*/React.createElement("select", _extends({}, this.props.id && {
+    }, this.props.before, !this.props.multiple && !this.props.readOnly || this.props.multiple ? /*#__PURE__*/React.createElement("select", _extends({}, this.props.id && {
       id: this.props.id
     }, {
       ref: this.inputRef,
@@ -91,7 +91,7 @@ class SelectRaw extends _BaseInput.BaseInput {
       className: "highlight"
     }), /*#__PURE__*/React.createElement("span", {
       className: "bar"
-    }), this.renderDefaultValidation(), this.props.label && finalValues.length > 0 && /*#__PURE__*/React.createElement("label", null, this.renderLabel())), this.props.after));
+    }), this.renderDefaultValidation(), this.props.label && finalValues.length > 0 && /*#__PURE__*/React.createElement("label", null, this.renderLabel()), this.props.after)));
   }
   handleValueChange(value) {
     let isValid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["React","_interopRequireWildcard","require","_InputGroup","_interopRequireDefault","_BaseInput","_Button","_withFormContext","_withThemeContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PlusIcon","props","createElement","d","defaultProps","xmlns","width","height","viewBox","SelectRaw","BaseInput","constructor","removeItemClick","_","index","newValues","selectedValues","filter","handleValid","onSelectedValuesChange","val","value","defaultEmpty","values","state","handleChangeCustom","componentDidMount","multiple","componentDidUpdate","oldProps","validators","customValidators","required","handleValueChange","render","finalValues","filterExisting","item","findIndex","t","title","tooltip","className","inputGroupClassName","getValidationClass","readOnly","ref","containerRef","before","renderSelectedValues","id","inputRef","disabled","getDisabled","onChange","onBlur","handleBlur","onFocus","handleFocus","tabIndex","style","display","map","label","renderReadonly","renderDefaultValidation","renderLabel","after","isValid","undefined","errors","initializing","focused","touched","touchOn","setState","_this$props$onFocus","_this$props","event","isNaN","Number","valNumber","concat","handleChange","push","getTranslations","defaultBaseTranslations","forEach","customValidator","_this$state","validInner","Validate","error","setValid","setInvalid","toString","Button","forceSelected","circular","blank","onClick","readonlyEmptyPlaceholder","exports","Select","withThemeContext","withFormContext","_default"],"sources":["../../../src/lib/components/select/Select.tsx"],"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  after?: React.ReactNode;\r\n  before?: React.ReactNode;\r\n  filterExisting?: (\r\n    existing: SelectValue[],\r\n    selected: SelectValue[]\r\n  ) => SelectValue[];\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.filterExisting\r\n        ? this.props.filterExisting(\r\n            this.props.values,\r\n            this.props.selectedValues\r\n          )\r\n        : this.props.values.filter(\r\n            (item) =>\r\n              this.props.selectedValues.findIndex(\r\n                (t) => t.value === item.value\r\n              ) < 0\r\n          )\r\n      : this.props.values;\r\n    return (\r\n      <InputGroup\r\n        title={this.props.title}\r\n        tooltip={this.props.tooltip}\r\n        className={this.props.inputGroupClassName}\r\n      >\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.props.before}\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          {this.props.after}\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 if (!initializing) {\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() {\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() {\r\n    this.props.onFocus?.();\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, index)}\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 = (_: SelectValue, index: number) => () => {\r\n    const newValues = this.props.selectedValues.filter((_, i) => i !== index);\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"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":["React","_interopRequireWildcard","require","_InputGroup","_interopRequireDefault","_BaseInput","_Button","_withFormContext","_withThemeContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PlusIcon","props","createElement","d","defaultProps","xmlns","width","height","viewBox","SelectRaw","BaseInput","constructor","removeItemClick","_","index","newValues","selectedValues","filter","handleValid","onSelectedValuesChange","val","value","defaultEmpty","values","state","handleChangeCustom","componentDidMount","multiple","componentDidUpdate","oldProps","validators","customValidators","required","handleValueChange","render","finalValues","filterExisting","item","findIndex","t","title","tooltip","className","inputGroupClassName","getValidationClass","readOnly","ref","containerRef","renderSelectedValues","before","id","inputRef","disabled","getDisabled","onChange","onBlur","handleBlur","onFocus","handleFocus","tabIndex","style","display","map","label","renderReadonly","renderDefaultValidation","renderLabel","after","isValid","undefined","errors","initializing","focused","touched","touchOn","setState","_this$props$onFocus","_this$props","event","isNaN","Number","valNumber","concat","handleChange","push","getTranslations","defaultBaseTranslations","forEach","customValidator","_this$state","validInner","Validate","error","setValid","setInvalid","toString","Button","forceSelected","circular","blank","onClick","readonlyEmptyPlaceholder","exports","Select","withThemeContext","withFormContext","_default"],"sources":["../../../src/lib/components/select/Select.tsx"],"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  after?: React.ReactNode;\r\n  before?: React.ReactNode;\r\n  filterExisting?: (\r\n    existing: SelectValue[],\r\n    selected: SelectValue[]\r\n  ) => SelectValue[];\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.filterExisting\r\n        ? this.props.filterExisting(\r\n          this.props.values,\r\n          this.props.selectedValues\r\n        )\r\n        : this.props.values.filter(\r\n          (item) =>\r\n            this.props.selectedValues.findIndex(\r\n              (t) => t.value === item.value\r\n            ) < 0\r\n        )\r\n      : this.props.values;\r\n    return (\r\n      <InputGroup\r\n        title={this.props.title}\r\n        tooltip={this.props.tooltip}\r\n        className={this.props.inputGroupClassName}\r\n      >\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.before}\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                {this.props.after}\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 if (!initializing) {\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() {\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() {\r\n    this.props.onFocus?.();\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, index)}\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 = (_: SelectValue, index: number) => () => {\r\n    const newValues = this.props.selectedValues.filter((_, i) => i !== index);\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"],"mappings":"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"}

package/build/dist/guestbell-forms.css

@@ -2197,18 +2197,20 @@ a.guestbell__dropdown-toggle {
   border: none;
   max-width: 37.5rem;
   border-bottom: 1px solid transparent; }
-  .select-input .select-input__select__wrapper .select-input__select {
-    color: #555555;
-    display: inline-block;
-    outline: 0;
-    border: none;
-    width: 100%;
-    max-height: 100px;
-    appearance: none;
-    padding: 7px 10px 5px 5px;
-    background-color: transparent; }
-  .select-input .select-input__select__wrapper span.select-input__select {
-    min-height: calc(1rem + 13px); }
+  .select-input .select-input__select__wrapper {
+    display: flex; }
+    .select-input .select-input__select__wrapper .select-input__select {
+      color: #555555;
+      display: inline-block;
+      outline: 0;
+      border: none;
+      width: 100%;
+      max-height: 100px;
+      appearance: none;
+      padding: 7px 10px 5px 5px;
+      background-color: transparent; }
+    .select-input .select-input__select__wrapper span.select-input__select {
+      min-height: calc(1rem + 13px); }
   .select-input.input__base.multiple select:focus ~ label,
   .select-input.input__base.multiple .filled ~ label {
     bottom: 4px;