guestbell-forms 2.0.299 → 2.0.301

package/build/components/checkbox/Checkbox.js

@@ -55,7 +55,7 @@ class CheckboxRaw extends _BaseInput.BaseInput {
   componentDidUpdate(oldProps) {
     var _this$inputRef$curren2;
 
-    if (this.props.checked !== this.state.checked) {
+    if (this.props.checked !== undefined && this.props.checked !== this.state.checked) {
       this.setState({
         checked: this.props.checked
       });

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

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

package/build/dist/guestbell-forms.css

@@ -1332,7 +1332,7 @@
   display: block;
   border: none; }
   .input__base.checkbox-input.validation__error {
-    border: none; }
+    border: none !important; }
   .input__base.checkbox-input.checkbox-input--with-label input {
     margin-right: 0.5rem; }
   .input__base.checkbox-input .checkbox-input__label {
@@ -1388,12 +1388,15 @@
       background: #fff;
       border-radius: 2px;
       border: 2px solid #eeeeee;
-      cursor: pointer; }
+      cursor: pointer;
+      transition: 0.5s ease border-color; }
     .input__base.checkbox-input input:focus:after {
       outline: 0; }
     .input__base.checkbox-input input:focus-visible:after {
       outline: 1px dotted;
       outline: 5px auto -webkit-focus-ring-color; }
+  .input__base.checkbox-input.validation__error input:after {
+    border: 2px solid #ffbbbb; }
   .input__base.checkbox-input label {
     top: 0;
     -webkit-user-select: none;