@itwin/core-react 3.5.0-dev.4 → 3.5.0-dev.43

package/lib/esm/core-react/checkbox/Checkbox.js

@@ -1,61 +1,61 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Checkbox
- */
-import classnames from "classnames";
-import * as React from "react";
-import { mergeRefs } from "../utils/hooks/useRefs";
-/** A React component that renders a simple checkbox with label.
- * It is a wrapper for the `<input type="checkbox">` HTML element.
- * @public
- * @deprecated Use Checkbox in itwinui-react instead
- */
-export class Checkbox extends React.PureComponent {
-    /** @internal */
-    constructor(props) {
-        super(props);
-        this._checkboxInput = React.createRef();
-        this._refs = mergeRefs(this._checkboxInput);
-        this._onCheckboxClick = (e) => {
-            e.stopPropagation();
-        };
-        this._onCheckboxBlur = (e) => {
-            e.stopPropagation();
-        };
-        if (props.inputRef)
-            this._refs = mergeRefs(this._checkboxInput, props.inputRef);
-    }
-    _setIndeterminate(indeterminate) {
-        // istanbul ignore else
-        if (this._checkboxInput.current)
-            this._checkboxInput.current.indeterminate = indeterminate;
-    }
-    componentDidMount() {
-        if (this.props.indeterminate !== undefined)
-            this._setIndeterminate(this.props.indeterminate);
-        if (this.props.setFocus && this._checkboxInput.current)
-            this._checkboxInput.current.focus();
-    }
-    /** @internal */
-    componentDidUpdate(_prevProps) {
-        if (this.props.indeterminate !== undefined)
-            this._setIndeterminate(this.props.indeterminate);
-    }
-    render() {
-        const { status, disabled, label, indeterminate, className, inputClassName, inputStyle, labelClassName, labelStyle, // eslint-disable-line @typescript-eslint/no-unused-vars
-        onClick, onBlur, setFocus, inputRef, ...inputProps } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        const checkBoxClass = classnames("core-checkbox", disabled && "core-disabled", !label && "core-checkbox-no-label", status, className);
-        return (
-        /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
-        React.createElement("label", { className: checkBoxClass, onClick: onClick, onBlur: onBlur },
-            label &&
-                React.createElement("span", { className: "core-checkbox-label" }, label),
-            React.createElement("input", { type: "checkbox", ref: this._refs, ...inputProps, disabled: disabled, className: inputClassName, style: inputStyle, onClick: this._onCheckboxClick, onBlur: this._onCheckboxBlur }),
-            React.createElement("span", { className: "core-checkbox-checkmark" })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Checkbox
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { mergeRefs } from "../utils/hooks/useRefs";
+/** A React component that renders a simple checkbox with label.
+ * It is a wrapper for the `<input type="checkbox">` HTML element.
+ * @public
+ * @deprecated Use Checkbox in itwinui-react instead
+ */
+export class Checkbox extends React.PureComponent {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this._checkboxInput = React.createRef();
+        this._refs = mergeRefs(this._checkboxInput);
+        this._onCheckboxClick = (e) => {
+            e.stopPropagation();
+        };
+        this._onCheckboxBlur = (e) => {
+            e.stopPropagation();
+        };
+        if (props.inputRef)
+            this._refs = mergeRefs(this._checkboxInput, props.inputRef);
+    }
+    _setIndeterminate(indeterminate) {
+        // istanbul ignore else
+        if (this._checkboxInput.current)
+            this._checkboxInput.current.indeterminate = indeterminate;
+    }
+    componentDidMount() {
+        if (this.props.indeterminate !== undefined)
+            this._setIndeterminate(this.props.indeterminate);
+        if (this.props.setFocus && this._checkboxInput.current)
+            this._checkboxInput.current.focus();
+    }
+    /** @internal */
+    componentDidUpdate(_prevProps) {
+        if (this.props.indeterminate !== undefined)
+            this._setIndeterminate(this.props.indeterminate);
+    }
+    render() {
+        const { status, disabled, label, indeterminate, className, inputClassName, inputStyle, labelClassName, labelStyle, // eslint-disable-line @typescript-eslint/no-unused-vars
+        onClick, onBlur, setFocus, inputRef, ...inputProps } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const checkBoxClass = classnames("core-checkbox", disabled && "core-disabled", !label && "core-checkbox-no-label", status, className);
+        return (
+        /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
+        React.createElement("label", { className: checkBoxClass, onClick: onClick, onBlur: onBlur },
+            label &&
+                React.createElement("span", { className: "core-checkbox-label" }, label),
+            React.createElement("input", { type: "checkbox", ref: this._refs, ...inputProps, disabled: disabled, className: inputClassName, style: inputStyle, onClick: this._onCheckboxClick, onBlur: this._onCheckboxBlur }),
+            React.createElement("span", { className: "core-checkbox-checkmark" })));
+    }
+}
 //# sourceMappingURL=Checkbox.js.map

package/lib/esm/core-react/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/core-react/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAkCnD;;;;GAIG;AACH,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,aAA4B;IAI9D,gBAAgB;IAChB,YAAY,KAAoB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QALP,mBAAc,GAAG,KAAK,CAAC,SAAS,EAAoB,CAAC;QACrD,UAAK,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAUvC,qBAAgB,GAAG,CAAC,CAAmB,EAAE,EAAE;YACjD,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC,CAAC;QAEM,oBAAe,GAAG,CAAC,CAAmB,EAAE,EAAE;YAChD,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC,CAAC;QAVA,IAAI,KAAK,CAAC,QAAQ;YAChB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChE,CAAC;IAUO,iBAAiB,CAAC,aAAsB;QAC9C,uBAAuB;QACvB,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO;YAC7B,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;IAC9D,CAAC;IAEe,iBAAiB;QAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS;YACxC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAEnD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO;YACpD,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,UAAyB;QAC1D,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS;YACxC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACrD,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,wDAAwD;QACzK,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAC7H,MAAM,aAAa,GAAG,UAAU,CAAC,eAAe,EAC9C,QAAQ,IAAI,eAAe,EAC3B,CAAC,KAAK,IAAI,wBAAwB,EAClC,MAAM,EACN,SAAS,CAAC,CAAC;QAEb,OAAO;QACL,oEAAoE;QACpE,oEAAoE;QACpE,+BAAO,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM;YAC9D,KAAK;gBACJ,8BAAM,SAAS,EAAC,qBAAqB,IAAE,KAAK,CAAQ;YAEtD,+BAAO,IAAI,EAAC,UAAU,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,KAAM,UAAU,EACpD,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAChE,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,GAAI;YAClE,8BAAM,SAAS,EAAC,yBAAyB,GAAQ,CAC1C,CACV,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Checkbox\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { InputStatus } from \"../inputs/InputStatus\";\nimport { CommonProps } from \"../utils/Props\";\nimport { Omit } from \"../utils/typeUtils\";\nimport { mergeRefs } from \"../utils/hooks/useRefs\";\n\n/** Properties for [[Checkbox]] React component\n * @public\n * @deprecated Use CheckboxProps in itwinui-react instead\n */\nexport interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"onClick\" | \"onBlur\">, CommonProps {\n  /** Text that will be shown next to the checkbox. */\n  label?: string;\n  /** Indicates checkbox is in an Indeterminate or Partial state, regardless of the `checked` state */\n  indeterminate?: boolean;\n  /** Input status like: \"Success\", \"Warning\" or \"Error\" */\n  status?: InputStatus;\n  /** Custom CSS class name for the checkbox input element */\n  inputClassName?: string;\n  /** Custom CSS Style for the checkbox input element */\n  inputStyle?: React.CSSProperties;\n  /** Custom CSS class name for the label element */\n  labelClassName?: string;\n  /** Custom CSS Style for the label element */\n  labelStyle?: React.CSSProperties;\n  /**\n   * Event called when checkbox is clicked on. This is a good event to\n   * use for preventing the action from bubbling to component's parents.\n   */\n  onClick?: (e: React.MouseEvent) => void;\n  /** Event called when checkbox loses focus. */\n  onBlur?: (e: React.FocusEvent) => void;\n  /** Indicates whether the checkbox should set focus */\n  setFocus?: boolean;\n  /** Provides ability to return reference to HTMLInputElement */\n  inputRef?: React.Ref<HTMLInputElement>;\n}\n\n/** A React component that renders a simple checkbox with label.\n * It is a wrapper for the `<input type=\"checkbox\">` HTML element.\n * @public\n * @deprecated Use Checkbox in itwinui-react instead\n */\nexport class Checkbox extends React.PureComponent<CheckboxProps> {  // eslint-disable-line deprecation/deprecation\n  private _checkboxInput = React.createRef<HTMLInputElement>();\n  private _refs = mergeRefs(this._checkboxInput);\n\n  /** @internal */\n  constructor(props: CheckboxProps) { // eslint-disable-line deprecation/deprecation\n    super(props);\n\n    if (props.inputRef)\n      this._refs = mergeRefs(this._checkboxInput, props.inputRef);\n  }\n\n  private _onCheckboxClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n  };\n\n  private _onCheckboxBlur = (e: React.FocusEvent) => {\n    e.stopPropagation();\n  };\n\n  private _setIndeterminate(indeterminate: boolean) {\n    // istanbul ignore else\n    if (this._checkboxInput.current)\n      this._checkboxInput.current.indeterminate = indeterminate;\n  }\n\n  public override componentDidMount() {\n    if (this.props.indeterminate !== undefined)\n      this._setIndeterminate(this.props.indeterminate);\n\n    if (this.props.setFocus && this._checkboxInput.current)\n      this._checkboxInput.current.focus();\n  }\n\n  /** @internal */\n  public override componentDidUpdate(_prevProps: CheckboxProps) {  // eslint-disable-line deprecation/deprecation\n    if (this.props.indeterminate !== undefined)\n      this._setIndeterminate(this.props.indeterminate);\n  }\n\n  public override render() {\n    const { status, disabled, label, indeterminate, className, inputClassName, inputStyle, labelClassName, labelStyle, // eslint-disable-line @typescript-eslint/no-unused-vars\n      onClick, onBlur, setFocus, inputRef, ...inputProps } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n    const checkBoxClass = classnames(\"core-checkbox\",\n      disabled && \"core-disabled\",\n      !label && \"core-checkbox-no-label\",\n      status,\n      className);\n\n    return (\n      /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n      /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\n      <label className={checkBoxClass} onClick={onClick} onBlur={onBlur}>\n        {label &&\n          <span className=\"core-checkbox-label\">{label}</span>\n        }\n        <input type=\"checkbox\" ref={this._refs} {...inputProps}\n          disabled={disabled} className={inputClassName} style={inputStyle}\n          onClick={this._onCheckboxClick} onBlur={this._onCheckboxBlur} />\n        <span className=\"core-checkbox-checkmark\"></span>\n      </label >\n    );\n  }\n}\n"]}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/core-react/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAkCnD;;;;GAIG;AACH,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,aAA4B;IAI9D,gBAAgB;IAChB,YAAY,KAAoB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QALP,mBAAc,GAAG,KAAK,CAAC,SAAS,EAAoB,CAAC;QACrD,UAAK,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAUvC,qBAAgB,GAAG,CAAC,CAAmB,EAAE,EAAE;YACjD,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC,CAAC;QAEM,oBAAe,GAAG,CAAC,CAAmB,EAAE,EAAE;YAChD,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC,CAAC;QAVA,IAAI,KAAK,CAAC,QAAQ;YAChB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChE,CAAC;IAUO,iBAAiB,CAAC,aAAsB;QAC9C,uBAAuB;QACvB,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO;YAC7B,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;IAC9D,CAAC;IAEe,iBAAiB;QAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS;YACxC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAEnD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO;YACpD,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,UAAyB;QAC1D,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS;YACxC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACrD,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,wDAAwD;QACzK,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAC7H,MAAM,aAAa,GAAG,UAAU,CAAC,eAAe,EAC9C,QAAQ,IAAI,eAAe,EAC3B,CAAC,KAAK,IAAI,wBAAwB,EAClC,MAAM,EACN,SAAS,CAAC,CAAC;QAEb,OAAO;QACL,oEAAoE;QACpE,oEAAoE;QACpE,+BAAO,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM;YAC9D,KAAK;gBACJ,8BAAM,SAAS,EAAC,qBAAqB,IAAE,KAAK,CAAQ;YAEtD,+BAAO,IAAI,EAAC,UAAU,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,KAAM,UAAU,EACpD,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAChE,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,GAAI;YAClE,8BAAM,SAAS,EAAC,yBAAyB,GAAQ,CAC1C,CACV,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Checkbox\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { InputStatus } from \"../inputs/InputStatus\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Omit } from \"../utils/typeUtils\";\r\nimport { mergeRefs } from \"../utils/hooks/useRefs\";\r\n\r\n/** Properties for [[Checkbox]] React component\r\n * @public\r\n * @deprecated Use CheckboxProps in itwinui-react instead\r\n */\r\nexport interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"onClick\" | \"onBlur\">, CommonProps {\r\n  /** Text that will be shown next to the checkbox. */\r\n  label?: string;\r\n  /** Indicates checkbox is in an Indeterminate or Partial state, regardless of the `checked` state */\r\n  indeterminate?: boolean;\r\n  /** Input status like: \"Success\", \"Warning\" or \"Error\" */\r\n  status?: InputStatus;\r\n  /** Custom CSS class name for the checkbox input element */\r\n  inputClassName?: string;\r\n  /** Custom CSS Style for the checkbox input element */\r\n  inputStyle?: React.CSSProperties;\r\n  /** Custom CSS class name for the label element */\r\n  labelClassName?: string;\r\n  /** Custom CSS Style for the label element */\r\n  labelStyle?: React.CSSProperties;\r\n  /**\r\n   * Event called when checkbox is clicked on. This is a good event to\r\n   * use for preventing the action from bubbling to component's parents.\r\n   */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  /** Event called when checkbox loses focus. */\r\n  onBlur?: (e: React.FocusEvent) => void;\r\n  /** Indicates whether the checkbox should set focus */\r\n  setFocus?: boolean;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  inputRef?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\n/** A React component that renders a simple checkbox with label.\r\n * It is a wrapper for the `<input type=\"checkbox\">` HTML element.\r\n * @public\r\n * @deprecated Use Checkbox in itwinui-react instead\r\n */\r\nexport class Checkbox extends React.PureComponent<CheckboxProps> {  // eslint-disable-line deprecation/deprecation\r\n  private _checkboxInput = React.createRef<HTMLInputElement>();\r\n  private _refs = mergeRefs(this._checkboxInput);\r\n\r\n  /** @internal */\r\n  constructor(props: CheckboxProps) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n\r\n    if (props.inputRef)\r\n      this._refs = mergeRefs(this._checkboxInput, props.inputRef);\r\n  }\r\n\r\n  private _onCheckboxClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  private _onCheckboxBlur = (e: React.FocusEvent) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  private _setIndeterminate(indeterminate: boolean) {\r\n    // istanbul ignore else\r\n    if (this._checkboxInput.current)\r\n      this._checkboxInput.current.indeterminate = indeterminate;\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    if (this.props.indeterminate !== undefined)\r\n      this._setIndeterminate(this.props.indeterminate);\r\n\r\n    if (this.props.setFocus && this._checkboxInput.current)\r\n      this._checkboxInput.current.focus();\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(_prevProps: CheckboxProps) {  // eslint-disable-line deprecation/deprecation\r\n    if (this.props.indeterminate !== undefined)\r\n      this._setIndeterminate(this.props.indeterminate);\r\n  }\r\n\r\n  public override render() {\r\n    const { status, disabled, label, indeterminate, className, inputClassName, inputStyle, labelClassName, labelStyle, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      onClick, onBlur, setFocus, inputRef, ...inputProps } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const checkBoxClass = classnames(\"core-checkbox\",\r\n      disabled && \"core-disabled\",\r\n      !label && \"core-checkbox-no-label\",\r\n      status,\r\n      className);\r\n\r\n    return (\r\n      /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\r\n      /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\r\n      <label className={checkBoxClass} onClick={onClick} onBlur={onBlur}>\r\n        {label &&\r\n          <span className=\"core-checkbox-label\">{label}</span>\r\n        }\r\n        <input type=\"checkbox\" ref={this._refs} {...inputProps}\r\n          disabled={disabled} className={inputClassName} style={inputStyle}\r\n          onClick={this._onCheckboxClick} onBlur={this._onCheckboxBlur} />\r\n        <span className=\"core-checkbox-checkmark\"></span>\r\n      </label >\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/checkbox/checkbox.scss

@@ -1,129 +1,129 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-// @import "../style/index";
-@import "~@itwin/itwinui-css/scss/style/space";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
-
-@mixin uicore-inputs-checkbox {
-
-  display: block;
-  position: relative;
-  font-size: $iui-font-size;
-  line-height: normal;
-  cursor: pointer;
-  user-select: none;
-  color: $buic-foreground-body;
-  min-width: 1em;
-  min-height: 1.57em;
-
-  &.core-checkbox-no-label {
-    display: inline-block;
-    min-height: 1em;
-  }
-
-  > input {
-    position: absolute;
-    opacity: 0;
-    width: 0;
-    cursor: pointer;
-  }
-
-  .core-checkbox-label {
-    padding-left: $iui-l;
-  }
-
-  .core-checkbox-checkmark,
-  .core-checkbox-indeterminate {
-    position: absolute;
-    top: 2px;
-    left: 0;
-    height: 1em;
-    width: 1em;
-    border: 1px solid $buic-foreground-disabled;
-    background-color:  $buic-background-control;
-    border-radius: $iui-border-radius;
-  }
-
-  &:hover:not(.core-disabled) input ~ .core-checkbox-checkmark,
-  &:hover:not(.core-disabled) input ~ .core-checkbox-indeterminate {
-    border-color:     $buic-foreground-activehover;
-    transition:       all $iui-speed-fast ease-out;
-  }
-
-  & input:checked ~ .core-checkbox-checkmark,
-  & input:checked ~ .core-checkbox-indeterminate {
-    border-color:     $buic-foreground-muted;
-  }
-
-  & input:active ~ .core-checkbox-checkmark,
-  & input:active ~ .core-checkbox-indeterminate,
-  & input:focus ~ .core-checkbox-checkmark,
-  & input:focus ~ .core-checkbox-indeterminate {
-    border-color:     $buic-foreground-focus-border;
-    box-shadow:       $uicore-inputs-focus-boxshadow;
-  }
-
-  .core-checkbox-checkmark::after,
-  .core-checkbox-indeterminate::after {
-    content: '';
-    position: absolute;
-    display: none;
-  }
-
-  & input:checked ~ .core-checkbox-checkmark::after,
-  & input:checked ~ .core-checkbox-indeterminate::after {
-    display: block;
-  }
-
-  & .core-checkbox-checkmark::after,
-  & .core-checkbox-indeterminate::after {
-    border: solid $buic-foreground-primary;
-  }
-
-  & input:not(:indeterminate) ~ .core-checkbox-checkmark::after {
-    top: 1px;
-    left: 4px;
-    width: 4px;
-    height: 8px;
-    border-width: 0 2px 2px 0;
-    transform: rotate(45deg);
-  }
-
-  /* Support for using core-checkbox-indeterminate class */
-  & .core-checkbox-indeterminate::after {
-    top: 6px;
-    left: 3px;
-    width: 7px;
-    border-width: 0 1px 2px 0;
-  }
-
-  /* Support for using checkboxInput.current.indeterminate = true */
-  & input:indeterminate ~ .core-checkbox-checkmark::after {
-    display: block;
-    top: 6px;
-    left: 3px;
-    width: 7px;
-    border-width: 0 1px 2px 0;
-  }
-
-  &.core-disabled {
-    opacity: $uicore-opacity-disabled;
-    cursor: not-allowed;
-  }
-
-  &.success {
-    color: $buic-foreground-success;
-  }
-
-  &.warning {
-    color: $buic-foreground-warning;
-  }
-
-  &.error {
-    color: $buic-foreground-alert;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+// @import "../style/index";
+@import "~@itwin/itwinui-css/scss/style/space";
+@import "~@itwin/itwinui-css/scss/style/speed";
+@import "~@itwin/itwinui-css/scss/style/typography";
+@import "~@itwin/itwinui-css/scss/style/variables";
+
+@mixin uicore-inputs-checkbox {
+
+  display: block;
+  position: relative;
+  font-size: $iui-font-size;
+  line-height: normal;
+  cursor: pointer;
+  user-select: none;
+  color: $buic-foreground-body;
+  min-width: 1em;
+  min-height: 1.57em;
+
+  &.core-checkbox-no-label {
+    display: inline-block;
+    min-height: 1em;
+  }
+
+  > input {
+    position: absolute;
+    opacity: 0;
+    width: 0;
+    cursor: pointer;
+  }
+
+  .core-checkbox-label {
+    padding-left: $iui-l;
+  }
+
+  .core-checkbox-checkmark,
+  .core-checkbox-indeterminate {
+    position: absolute;
+    top: 2px;
+    left: 0;
+    height: 1em;
+    width: 1em;
+    border: 1px solid $buic-foreground-disabled;
+    background-color:  $buic-background-control;
+    border-radius: $iui-border-radius;
+  }
+
+  &:hover:not(.core-disabled) input ~ .core-checkbox-checkmark,
+  &:hover:not(.core-disabled) input ~ .core-checkbox-indeterminate {
+    border-color:     $buic-foreground-activehover;
+    transition:       all $iui-speed-fast ease-out;
+  }
+
+  & input:checked ~ .core-checkbox-checkmark,
+  & input:checked ~ .core-checkbox-indeterminate {
+    border-color:     $buic-foreground-muted;
+  }
+
+  & input:active ~ .core-checkbox-checkmark,
+  & input:active ~ .core-checkbox-indeterminate,
+  & input:focus ~ .core-checkbox-checkmark,
+  & input:focus ~ .core-checkbox-indeterminate {
+    border-color:     $buic-foreground-focus-border;
+    box-shadow:       $uicore-inputs-focus-boxshadow;
+  }
+
+  .core-checkbox-checkmark::after,
+  .core-checkbox-indeterminate::after {
+    content: '';
+    position: absolute;
+    display: none;
+  }
+
+  & input:checked ~ .core-checkbox-checkmark::after,
+  & input:checked ~ .core-checkbox-indeterminate::after {
+    display: block;
+  }
+
+  & .core-checkbox-checkmark::after,
+  & .core-checkbox-indeterminate::after {
+    border: solid $buic-foreground-primary;
+  }
+
+  & input:not(:indeterminate) ~ .core-checkbox-checkmark::after {
+    top: 1px;
+    left: 4px;
+    width: 4px;
+    height: 8px;
+    border-width: 0 2px 2px 0;
+    transform: rotate(45deg);
+  }
+
+  /* Support for using core-checkbox-indeterminate class */
+  & .core-checkbox-indeterminate::after {
+    top: 6px;
+    left: 3px;
+    width: 7px;
+    border-width: 0 1px 2px 0;
+  }
+
+  /* Support for using checkboxInput.current.indeterminate = true */
+  & input:indeterminate ~ .core-checkbox-checkmark::after {
+    display: block;
+    top: 6px;
+    left: 3px;
+    width: 7px;
+    border-width: 0 1px 2px 0;
+  }
+
+  &.core-disabled {
+    opacity: $uicore-opacity-disabled;
+    cursor: not-allowed;
+  }
+
+  &.success {
+    color: $buic-foreground-success;
+  }
+
+  &.warning {
+    color: $buic-foreground-warning;
+  }
+
+  &.error {
+    color: $buic-foreground-alert;
+  }
+}

package/lib/esm/core-react/checkbox/classes.scss

@@ -1,8 +1,8 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./index";
-
-.uicore-inputs-checkbox { @include uicore-inputs-checkbox; }
-.core-checkbox { @include uicore-inputs-checkbox; }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./index";
+
+.uicore-inputs-checkbox { @include uicore-inputs-checkbox; }
+.core-checkbox { @include uicore-inputs-checkbox; }

package/lib/esm/core-react/checkbox/index.scss

@@ -1,8 +1,8 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-
-@import "../inputs/variables";
-@import "./checkbox";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/index";
+
+@import "../inputs/variables";
+@import "./checkbox";

package/lib/esm/core-react/checklistbox/CheckListBox.d.ts

@@ -1,38 +1,38 @@
-/** @packageDocumentation
- * @module CheckListBox
- */
-import "./CheckListBox.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[CheckListBoxItem]] component
- * @public
- */
-export interface CheckListBoxItemProps extends CommonProps {
-    /** Label */
-    label: string;
-    /** Indicates whether the item is checked or not */
-    checked?: boolean;
-    /** Indicates whether the item is disabled or not */
-    disabled?: boolean;
-    /** Function called when item is clicked. */
-    onClick?: () => any;
-    /** Function called when item is changed. */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;
-}
-/** Item with a checkbox added to a [[CheckListBox]].
- * @public
- */
-export declare class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {
-    render(): JSX.Element;
-}
-/** Separator added to a [[CheckListBox]].
- * @public
- */
-export declare function CheckListBoxSeparator(): JSX.Element;
-/** React component showing a list of Checkbox items.
- * @public
- */
-export declare class CheckListBox extends React.PureComponent<CommonProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module CheckListBox
+ */
+import "./CheckListBox.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[CheckListBoxItem]] component
+ * @public
+ */
+export interface CheckListBoxItemProps extends CommonProps {
+    /** Label */
+    label: string;
+    /** Indicates whether the item is checked or not */
+    checked?: boolean;
+    /** Indicates whether the item is disabled or not */
+    disabled?: boolean;
+    /** Function called when item is clicked. */
+    onClick?: () => any;
+    /** Function called when item is changed. */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;
+}
+/** Item with a checkbox added to a [[CheckListBox]].
+ * @public
+ */
+export declare class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {
+    render(): JSX.Element;
+}
+/** Separator added to a [[CheckListBox]].
+ * @public
+ */
+export declare function CheckListBoxSeparator(): JSX.Element;
+/** React component showing a list of Checkbox items.
+ * @public
+ */
+export declare class CheckListBox extends React.PureComponent<CommonProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=CheckListBox.d.ts.map

package/lib/esm/core-react/checklistbox/CheckListBox.js

@@ -1,37 +1,37 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module CheckListBox
- */
-import "./CheckListBox.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Checkbox } from "@itwin/itwinui-react";
-/** Item with a checkbox added to a [[CheckListBox]].
- * @public
- */
-export class CheckListBoxItem extends React.PureComponent {
-    render() {
-        const className = classnames("core-chk-listboxitem-checkbox", this.props.className);
-        return (React.createElement("li", null,
-            React.createElement(Checkbox, { checked: this.props.checked, disabled: this.props.disabled, className: className, style: this.props.style, label: this.props.label, onClick: this.props.onClick, onChange: this.props.onChange, "data-testid": "core-chk-listboxitem-checkbox" })));
-    }
-}
-/** Separator added to a [[CheckListBox]].
- * @public
- */
-export function CheckListBoxSeparator() {
-    return (React.createElement("div", { className: "core-chk-listbox-separator" }));
-}
-/** React component showing a list of Checkbox items.
- * @public
- */
-export class CheckListBox extends React.PureComponent {
-    render() {
-        const className = classnames("core-chk-listbox", this.props.className);
-        return (React.createElement("ul", { className: className, style: this.props.style }, this.props.children));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module CheckListBox
+ */
+import "./CheckListBox.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Checkbox } from "@itwin/itwinui-react";
+/** Item with a checkbox added to a [[CheckListBox]].
+ * @public
+ */
+export class CheckListBoxItem extends React.PureComponent {
+    render() {
+        const className = classnames("core-chk-listboxitem-checkbox", this.props.className);
+        return (React.createElement("li", null,
+            React.createElement(Checkbox, { checked: this.props.checked, disabled: this.props.disabled, className: className, style: this.props.style, label: this.props.label, onClick: this.props.onClick, onChange: this.props.onChange, "data-testid": "core-chk-listboxitem-checkbox" })));
+    }
+}
+/** Separator added to a [[CheckListBox]].
+ * @public
+ */
+export function CheckListBoxSeparator() {
+    return (React.createElement("div", { className: "core-chk-listbox-separator" }));
+}
+/** React component showing a list of Checkbox items.
+ * @public
+ */
+export class CheckListBox extends React.PureComponent {
+    render() {
+        const className = classnames("core-chk-listbox", this.props.className);
+        return (React.createElement("ul", { className: className, style: this.props.style }, this.props.children));
+    }
+}
 //# sourceMappingURL=CheckListBox.js.map

package/lib/esm/core-react/checklistbox/CheckListBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckListBox.js","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAmBhD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAC9D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACpF,OAAO,CACL;YACE,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAClE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,iBACvE,+BAA+B,GAAG,CAC7C,CACN,CAAC;IACJ,CAAC;CACF;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B,GAAG,CAC/C,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,aAA0B;IAChD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACvE,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CACjB,CACN,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module CheckListBox\n */\n\nimport \"./CheckListBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[CheckListBoxItem]] component\n * @public\n */\nexport interface CheckListBoxItemProps extends CommonProps {\n  /** Label */\n  label: string;\n  /** Indicates whether the item is checked or not */\n  checked?: boolean;\n  /** Indicates whether the item is disabled or not */\n  disabled?: boolean;\n  /** Function called when item is clicked. */\n  onClick?: () => any;\n  /** Function called when item is changed. */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;\n}\n\n/** Item with a checkbox added to a [[CheckListBox]].\n * @public\n */\nexport class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {\n  public override render() {\n    const className = classnames(\"core-chk-listboxitem-checkbox\", this.props.className);\n    return (\n      <li>\n        <Checkbox checked={this.props.checked} disabled={this.props.disabled}\n          className={className} style={this.props.style}\n          label={this.props.label} onClick={this.props.onClick} onChange={this.props.onChange}\n          data-testid=\"core-chk-listboxitem-checkbox\" />\n      </li>\n    );\n  }\n}\n\n/** Separator added to a [[CheckListBox]].\n * @public\n */\nexport function CheckListBoxSeparator() {\n  return (\n    <div className=\"core-chk-listbox-separator\" />\n  );\n}\n\n/** React component showing a list of Checkbox items.\n * @public\n */\nexport class CheckListBox extends React.PureComponent<CommonProps> {\n  public override render() {\n    const className = classnames(\"core-chk-listbox\", this.props.className);\n    return (\n      <ul className={className} style={this.props.style}>\n        {this.props.children}\n      </ul>\n    );\n  }\n}\n"]}
+{"version":3,"file":"CheckListBox.js","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAmBhD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAC9D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACpF,OAAO,CACL;YACE,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAClE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,iBACvE,+BAA+B,GAAG,CAC7C,CACN,CAAC;IACJ,CAAC;CACF;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B,GAAG,CAC/C,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,aAA0B;IAChD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACvE,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CACjB,CACN,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module CheckListBox\r\n */\r\n\r\nimport \"./CheckListBox.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Checkbox } from \"@itwin/itwinui-react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[CheckListBoxItem]] component\r\n * @public\r\n */\r\nexport interface CheckListBoxItemProps extends CommonProps {\r\n  /** Label */\r\n  label: string;\r\n  /** Indicates whether the item is checked or not */\r\n  checked?: boolean;\r\n  /** Indicates whether the item is disabled or not */\r\n  disabled?: boolean;\r\n  /** Function called when item is clicked. */\r\n  onClick?: () => any;\r\n  /** Function called when item is changed. */\r\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;\r\n}\r\n\r\n/** Item with a checkbox added to a [[CheckListBox]].\r\n * @public\r\n */\r\nexport class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {\r\n  public override render() {\r\n    const className = classnames(\"core-chk-listboxitem-checkbox\", this.props.className);\r\n    return (\r\n      <li>\r\n        <Checkbox checked={this.props.checked} disabled={this.props.disabled}\r\n          className={className} style={this.props.style}\r\n          label={this.props.label} onClick={this.props.onClick} onChange={this.props.onChange}\r\n          data-testid=\"core-chk-listboxitem-checkbox\" />\r\n      </li>\r\n    );\r\n  }\r\n}\r\n\r\n/** Separator added to a [[CheckListBox]].\r\n * @public\r\n */\r\nexport function CheckListBoxSeparator() {\r\n  return (\r\n    <div className=\"core-chk-listbox-separator\" />\r\n  );\r\n}\r\n\r\n/** React component showing a list of Checkbox items.\r\n * @public\r\n */\r\nexport class CheckListBox extends React.PureComponent<CommonProps> {\r\n  public override render() {\r\n    const className = classnames(\"core-chk-listbox\", this.props.className);\r\n    return (\r\n      <ul className={className} style={this.props.style}>\r\n        {this.props.children}\r\n      </ul>\r\n    );\r\n  }\r\n}\r\n"]}