guestbell-forms 3.0.139 → 3.0.140

package/build/components/select/Select.js

@@ -59,7 +59,7 @@ class SelectRaw extends _BaseInput.BaseInput {
       tooltip: this.props.tooltip,
       className: this.props.inputGroupClassName
     }, /*#__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' : ''),
+      className: 'input__base select-input ' + this.getValidationClass() + ' ' + (this.props.className ? this.props.className : '') + ' ' + (this.props.readOnly ? 'readonly' : '') + ' ' + (this.props.multiple ? 'multiple' : '') + ' ' + (this.props.placeholder ? 'select-input--hasPlaceholder' : ''),
       ref: this.containerRef
     }, this.props.children, this.renderSelectedValues(), finalValues.length > 0 && (this.props.multiple && !this.props.readOnly || !this.props.multiple) && /*#__PURE__*/React.createElement("div", {
       className: "select-input__select__wrapper"
@@ -87,7 +87,7 @@ class SelectRaw extends _BaseInput.BaseInput {
       value: value.value
     }, value.label ? value.label : value.value))) : /*#__PURE__*/React.createElement("span", {
       className: 'select-input__select ' + (this.state.value !== '' || this.props.selectedValues && this.props.selectedValues.length > 0 ? 'filled' : '')
-    }, this.renderReadonly()), this.renderPlaceholder(), /*#__PURE__*/React.createElement("span", {
+    }, this.renderReadonly()), this.renderPlaceholder(finalValues), /*#__PURE__*/React.createElement("span", {
       className: "highlight"
     }), /*#__PURE__*/React.createElement("span", {
       className: "bar"
@@ -192,11 +192,23 @@ class SelectRaw extends _BaseInput.BaseInput {
       this.setInvalid(errors);
     }
   }
-  renderPlaceholder() {
-    const hasValue = this.state.value !== '' || this.props.selectedValues && this.props.selectedValues.length > 0;
-    if (!this.props.placeholder || hasValue || this.state.focused) {
+  renderPlaceholder(finalValues) {
+    if (!this.props.placeholder) {
       return null;
     }
+
+    // For multiple select, show placeholder as long as there are options to pick
+    if (this.props.multiple) {
+      if (finalValues.length === 0 || this.state.focused) {
+        return null;
+      }
+    } else {
+      // For single select, hide when has value or focused
+      const hasValue = this.state.value !== '';
+      if (hasValue || this.state.focused) {
+        return null;
+      }
+    }
     return /*#__PURE__*/React.createElement("span", {
       className: "select-input__placeholder"
     }, this.props.placeholder);

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","children","renderSelectedValues","before","id","inputRef","disabled","getDisabled","onChange","onBlur","handleBlur","onFocus","handleFocus","tabIndex","style","display","map","label","renderReadonly","renderPlaceholder","renderDefaultValidation","placeholder","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","hasValue","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  placeholder?: string;\r\n  filterExisting?: (\r\n    existing: SelectValue[],\r\n    selected: SelectValue[]\r\n  ) => SelectValue[];\r\n  children?: React.ReactNode;\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.children}\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                {this.renderPlaceholder()}\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 className={this.props.placeholder ? 'label--focused' : ''}>{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 renderPlaceholder() {\r\n    const hasValue = this.state.value !== '' ||\r\n      (this.props.selectedValues && this.props.selectedValues.length > 0);\r\n    \r\n    if (!this.props.placeholder || hasValue || this.state.focused) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <span className=\"select-input__placeholder\">\r\n        {this.props.placeholder}\r\n      </span>\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","placeholder","ref","containerRef","children","renderSelectedValues","before","id","inputRef","disabled","getDisabled","onChange","onBlur","handleBlur","onFocus","handleFocus","tabIndex","style","display","map","label","renderReadonly","renderPlaceholder","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","hasValue","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  placeholder?: string;\r\n  filterExisting?: (\r\n    existing: SelectValue[],\r\n    selected: SelectValue[]\r\n  ) => SelectValue[];\r\n  children?: React.ReactNode;\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            (this.props.placeholder ? 'select-input--hasPlaceholder' : '')\r\n          }\r\n          ref={this.containerRef}\r\n        >\r\n          {this.props.children}\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                {this.renderPlaceholder(finalValues)}\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 className={this.props.placeholder ? 'label--focused' : ''}>{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 renderPlaceholder(finalValues: SelectValue[]) {\r\n    if (!this.props.placeholder) {\r\n      return null;\r\n    }\r\n\r\n    // For multiple select, show placeholder as long as there are options to pick\r\n    if (this.props.multiple) {\r\n      if (finalValues.length === 0 || this.state.focused) {\r\n        return null;\r\n      }\r\n    } else {\r\n      // For single select, hide when has value or focused\r\n      const hasValue = this.state.value !== '';\r\n      if (hasValue || this.state.focused) {\r\n        return null;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <span className=\"select-input__placeholder\">\r\n        {this.props.placeholder}\r\n      </span>\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/components/text/Text.js

@@ -92,7 +92,7 @@ class TextRaw extends _BaseInput.BaseInput {
       className: this.props.inputGroupClassName
     }, /*#__PURE__*/React.createElement("div", {
       className: `input__base text-input ${this.getValidationClass()} 
-                    ${this.props.readOnly ? 'text-input--readOnly' : ''} ${this.props.className ? this.props.className : ''}`,
+                    ${this.props.readOnly ? 'text-input--readOnly' : ''} ${this.props.placeholder ? 'text-input--hasPlaceholder' : ''} ${this.props.className ? this.props.className : ''}`,
       onClick: this.containerClick,
       ref: this.containerRef
     }, this.props.children, /*#__PURE__*/React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["React","_interopRequireWildcard","require","_InputGroup","_interopRequireDefault","_BaseInput","_withFormContext","_withThemeContext","_button","_classnames","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","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","PlusIcon","props","createElement","d","defaultProps","xmlns","width","height","viewBox","TextRaw","BaseInput","constructor","clearClick","inputRef","current","nativeTextAreaValueSetter","window","HTMLInputElement","event","Event","bubbles","dispatchEvent","containerClick","e","stopClickPropagation","stopPropagation","onKeyDown","number","onNumberChange","_props$number","toString","handleValueChange","state","isValid","errors","ignoreContext","formContext","updateCallback","componentId","componentDidUpdate","prevProps","prevState","num","isNaN","validators","customValidators","required","_this$props$number","render","_this$state$value","_this$props$value","clearButtonHidden","disabled","title","tooltip","className","inputGroupClassName","getValidationClass","readOnly","onClick","ref","containerRef","children","before","id","placeholder","getDisabled","onChange","handleChange","onBlur","handleBlur","onFocus","handleFocus","type","maxLength","size","sizeFromValue","after","showClearButton","unobtrusive","noShadow","classNames","renderDefaultValidation","label","renderLabel","exports","Text","withThemeContext","withFormContext","_default"],"sources":["../../../src/lib/components/text/Text.tsx"],"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\nimport classNames from '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 | undefined, isValid: boolean) => void;\r\n  number?: number | null | undefined;\r\n  children?: React.ReactNode;\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 || props.onNumberChange) {\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            isValid: res.isValid,\r\n            errors: res.errors,\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 (\r\n        this.state.value === '' &&\r\n        this.props.number !== undefined &&\r\n        this.props.number !== null\r\n      ) {\r\n        this.props.onNumberChange(undefined, this.state.isValid);\r\n      } else if (!isNaN(num) && this.state.value !== '') {\r\n        this.props.onNumberChange(num, this.state.isValid);\r\n      }\r\n    }\r\n    if (\r\n      (this.props.onNumberChange &&\r\n        (!Number.isNaN(prevProps.number) || !Number.isNaN(this.props.number)) &&\r\n        (prevProps.number !== undefined || this.props.number !== undefined) &&\r\n        this.props.number !== prevProps.number) ||\r\n      prevProps.validators !== this.props.validators ||\r\n      prevProps.customValidators !== this.props.customValidators ||\r\n      prevProps.required !== this.props.required\r\n    ) {\r\n      this.handleValueChange(this.props.number?.toString() ?? '');\r\n    }\r\n    if (\r\n      !this.props.onNumberChange &&\r\n      (prevProps.value !== this.props.value ||\r\n        prevProps.validators !== this.props.validators ||\r\n        prevProps.customValidators !== this.props.customValidators ||\r\n        prevProps.required !== this.props.required)\r\n    ) {\r\n      this.handleValueChange(this.props.value, true, [], this.props);\r\n    }\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\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={`input__base text-input ${this.getValidationClass()} \r\n                    ${this.props.readOnly ? 'text-input--readOnly' : ''} ${this.props.className ? this.props.className : ''\r\n            }`}\r\n          onClick={this.containerClick}\r\n          ref={this.containerRef}\r\n        >\r\n          {this.props.children}\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"],"mappings":"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"}
+{"version":3,"file":"Text.js","names":["React","_interopRequireWildcard","require","_InputGroup","_interopRequireDefault","_BaseInput","_withFormContext","_withThemeContext","_button","_classnames","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","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","PlusIcon","props","createElement","d","defaultProps","xmlns","width","height","viewBox","TextRaw","BaseInput","constructor","clearClick","inputRef","current","nativeTextAreaValueSetter","window","HTMLInputElement","event","Event","bubbles","dispatchEvent","containerClick","e","stopClickPropagation","stopPropagation","onKeyDown","number","onNumberChange","_props$number","toString","handleValueChange","state","isValid","errors","ignoreContext","formContext","updateCallback","componentId","componentDidUpdate","prevProps","prevState","num","isNaN","validators","customValidators","required","_this$props$number","render","_this$state$value","_this$props$value","clearButtonHidden","disabled","title","tooltip","className","inputGroupClassName","getValidationClass","readOnly","placeholder","onClick","ref","containerRef","children","before","id","getDisabled","onChange","handleChange","onBlur","handleBlur","onFocus","handleFocus","type","maxLength","size","sizeFromValue","after","showClearButton","unobtrusive","noShadow","classNames","renderDefaultValidation","label","renderLabel","exports","Text","withThemeContext","withFormContext","_default"],"sources":["../../../src/lib/components/text/Text.tsx"],"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\nimport classNames from '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 | undefined, isValid: boolean) => void;\r\n  number?: number | null | undefined;\r\n  children?: React.ReactNode;\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 || props.onNumberChange) {\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            isValid: res.isValid,\r\n            errors: res.errors,\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 (\r\n        this.state.value === '' &&\r\n        this.props.number !== undefined &&\r\n        this.props.number !== null\r\n      ) {\r\n        this.props.onNumberChange(undefined, this.state.isValid);\r\n      } else if (!isNaN(num) && this.state.value !== '') {\r\n        this.props.onNumberChange(num, this.state.isValid);\r\n      }\r\n    }\r\n    if (\r\n      (this.props.onNumberChange &&\r\n        (!Number.isNaN(prevProps.number) || !Number.isNaN(this.props.number)) &&\r\n        (prevProps.number !== undefined || this.props.number !== undefined) &&\r\n        this.props.number !== prevProps.number) ||\r\n      prevProps.validators !== this.props.validators ||\r\n      prevProps.customValidators !== this.props.customValidators ||\r\n      prevProps.required !== this.props.required\r\n    ) {\r\n      this.handleValueChange(this.props.number?.toString() ?? '');\r\n    }\r\n    if (\r\n      !this.props.onNumberChange &&\r\n      (prevProps.value !== this.props.value ||\r\n        prevProps.validators !== this.props.validators ||\r\n        prevProps.customValidators !== this.props.customValidators ||\r\n        prevProps.required !== this.props.required)\r\n    ) {\r\n      this.handleValueChange(this.props.value, true, [], this.props);\r\n    }\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\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={`input__base text-input ${this.getValidationClass()} \r\n                    ${this.props.readOnly ? 'text-input--readOnly' : ''} ${this.props.placeholder ? 'text-input--hasPlaceholder' : ''} ${this.props.className ? this.props.className : ''\r\n            }`}\r\n          onClick={this.containerClick}\r\n          ref={this.containerRef}\r\n        >\r\n          {this.props.children}\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"],"mappings":"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"}

package/build/dist/guestbell-forms.css

@@ -2233,6 +2233,12 @@ a.guestbell__dropdown-toggle {
     color: #10bdc7 !important; }
   .select-input.input__base.multiple .filled ~ label {
     color: #999999 !important; }
+  .select-input.input__base.multiple select:focus ~ label.label--focused,
+  .select-input.input__base.multiple select ~ label.label--focused {
+    top: -1rem;
+    bottom: initial;
+    font-size: 14px;
+    color: #10bdc7; }
   .select-input:not(.readonly) {
     border-bottom: 1px solid #eeeeee; }
     .select-input:not(.readonly) .select-input__select__wrapper::after {