guestbell-forms 2.0.287 → 2.0.288

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

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

package/build/components/checkbox/Checkbox.js

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

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

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

package/build/dist/guestbell-forms.css

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