@itwin/core-react 4.14.1 → 4.15.1

package/lib/esm/core-react/imagecheckbox/ImageCheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageCheckBox.js","sourceRoot":"","sources":["../../../../src/core-react/imagecheckbox/ImageCheckBox.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AA8B9C;;;GAGG;AACH,mDAAmD;AACnD,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAA1E;;QACU,cAAS,GAAG,CAAC,CAAsC,EAAE,EAAE;YAC7D,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;gBAAE,CAAC,CAAC,eAAe,EAAE,CAAC;YAEhD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,CAAqC,EAAE,EAAE;YAChE,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;gBAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAClD,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,CAAqC,EAAE,EAAE;YAChE,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;gBAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAClD,CAAC,CAAC;IAwCJ,CAAC;IAtCC,gBAAgB;IACA,MAAM;QACpB,MAAM,aAAa,GAAG,UAAU,CAC9B,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,MAAM,UAAU,GAAG,UAAU,CAC3B,OAAO,EACP,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,uBAAuB,CAC7C,CAAC;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO;YACjC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO;YACpB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAExB,OAAO;QACL,yJAAyJ;QACzJ,+BACE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;YAEzB,+BACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACpC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GACxB;YACF,8BAAM,SAAS,EAAE,UAAU;gBACzB,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACvB,CACD,CACT,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 \"./ImageCheckBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Icon } from \"../icons/IconComponent\";\nimport type { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[ImageCheckBox]] component\n * @public\n * @deprecated in 4.12.x. Props of deprecated component {@link ImageCheckBox}.\n */\nexport interface ImageCheckBoxProps extends CommonProps {\n  /** Image for the \"checked\" state */\n  imageOn: string | React.ReactNode;\n  /** Image for the \"unchecked\" (default) state */\n  imageOff: string | React.ReactNode;\n  /** Determine if the item is checked or not */\n  checked?: boolean;\n  /** Determine if the item is disabled or not */\n  disabled?: boolean;\n  /** Function called when item is clicked. */\n  onClick?: (checked: boolean) => any;\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  /** Tooltip to be displayed when mouse is hovered over the checkbox */\n  tooltip?: string;\n  /** If true, draw a border around the image checkbox */\n  border?: boolean;\n  /** Provides ability to return reference to HTMLInputElement */\n  inputRef?: React.Ref<HTMLInputElement>;\n}\n\n/** ImageCheckBox React component shows a checked or unchecked image\n * @public\n * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/checkbox iTwinUI checkbox} instead (custom icons are not supported at the moment, but feel free to submit your use cases).\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class ImageCheckBox extends React.PureComponent<ImageCheckBoxProps> {\n  private _onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n\n    if (this.props.onClick) {\n      this.props.onClick(e.target.checked);\n    }\n  };\n\n  private _onInputClick = (e: React.MouseEvent<HTMLInputElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n  };\n\n  private _onLabelClick = (e: React.MouseEvent<HTMLLabelElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n  };\n\n  /** @internal */\n  public override render() {\n    const checkBoxClass = classnames(\n      \"core-image-checkbox\",\n      this.props.className\n    );\n    const imageClass = classnames(\n      \"image\",\n      this.props.border && \"image-checkbox-border\"\n    );\n    const iconSpec = this.props.checked\n      ? this.props.imageOn\n      : this.props.imageOff;\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/label-has-associated-control, jsx-a11y/no-noninteractive-element-interactions\n      <label\n        className={checkBoxClass}\n        style={this.props.style}\n        onClick={this._onLabelClick}\n        title={this.props.tooltip}\n      >\n        <input\n          type=\"checkbox\"\n          className={this.props.inputClassName}\n          style={this.props.inputStyle}\n          checked={this.props.checked}\n          disabled={this.props.disabled}\n          onChange={this._onChange}\n          onClick={this._onInputClick}\n          ref={this.props.inputRef}\n        />\n        <span className={imageClass}>\n          <Icon iconSpec={iconSpec} />\n        </span>\n      </label>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ImageCheckBox.js","sourceRoot":"","sources":["../../../../src/core-react/imagecheckbox/ImageCheckBox.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AA+B9C;;;GAGG;AACH,mDAAmD;AACnD,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAA1E;;QACU,cAAS,GAAG,CAAC,CAAsC,EAAE,EAAE;YAC7D,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;gBAAE,CAAC,CAAC,eAAe,EAAE,CAAC;YAEhD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,CAAqC,EAAE,EAAE;YAChE,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;gBAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAClD,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,CAAqC,EAAE,EAAE;YAChE,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;gBAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAClD,CAAC,CAAC;IAwCJ,CAAC;IAtCC,gBAAgB;IACA,MAAM;QACpB,MAAM,aAAa,GAAG,UAAU,CAC9B,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,MAAM,UAAU,GAAG,UAAU,CAC3B,OAAO,EACP,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,uBAAuB,CAC7C,CAAC;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO;YACjC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO;YACpB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAExB,OAAO;QACL,yJAAyJ;QACzJ,+BACE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;YAEzB,+BACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACpC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GACxB;YACF,8BAAM,SAAS,EAAE,UAAU;gBACzB,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACvB,CACD,CACT,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 \"./ImageCheckBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Icon } from \"../icons/IconComponent\";\nimport type { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[ImageCheckBox]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link ImageCheckBox}.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ImageCheckBoxProps extends CommonProps {\n  /** Image for the \"checked\" state */\n  imageOn: string | React.ReactNode;\n  /** Image for the \"unchecked\" (default) state */\n  imageOff: string | React.ReactNode;\n  /** Determine if the item is checked or not */\n  checked?: boolean;\n  /** Determine if the item is disabled or not */\n  disabled?: boolean;\n  /** Function called when item is clicked. */\n  onClick?: (checked: boolean) => any;\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  /** Tooltip to be displayed when mouse is hovered over the checkbox */\n  tooltip?: string;\n  /** If true, draw a border around the image checkbox */\n  border?: boolean;\n  /** Provides ability to return reference to HTMLInputElement */\n  inputRef?: React.Ref<HTMLInputElement>;\n}\n\n/** ImageCheckBox React component shows a checked or unchecked image\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/checkbox iTwinUI checkbox} instead (custom icons are not supported at the moment, but feel free to submit your use cases).\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class ImageCheckBox extends React.PureComponent<ImageCheckBoxProps> {\n  private _onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n\n    if (this.props.onClick) {\n      this.props.onClick(e.target.checked);\n    }\n  };\n\n  private _onInputClick = (e: React.MouseEvent<HTMLInputElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n  };\n\n  private _onLabelClick = (e: React.MouseEvent<HTMLLabelElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n  };\n\n  /** @internal */\n  public override render() {\n    const checkBoxClass = classnames(\n      \"core-image-checkbox\",\n      this.props.className\n    );\n    const imageClass = classnames(\n      \"image\",\n      this.props.border && \"image-checkbox-border\"\n    );\n    const iconSpec = this.props.checked\n      ? this.props.imageOn\n      : this.props.imageOff;\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/label-has-associated-control, jsx-a11y/no-noninteractive-element-interactions\n      <label\n        className={checkBoxClass}\n        style={this.props.style}\n        onClick={this._onLabelClick}\n        title={this.props.tooltip}\n      >\n        <input\n          type=\"checkbox\"\n          className={this.props.inputClassName}\n          style={this.props.inputStyle}\n          checked={this.props.checked}\n          disabled={this.props.disabled}\n          onChange={this._onChange}\n          onClick={this._onInputClick}\n          ref={this.props.inputRef}\n        />\n        <span className={imageClass}>\n          <Icon iconSpec={iconSpec} />\n        </span>\n      </label>\n    );\n  }\n}\n"]}

package/lib/esm/core-react/inputs/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/Input.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,WAAW;IACb,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,+DAA+D;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC;AAsDD;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,KAAK,CAAC,SAA2B,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/Input.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAEjD,WAAW;IACb,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,+DAA+D;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC;AAsDD;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,KAAK,CAAC,SAA2B,CAAC"}

package/lib/esm/core-react/inputs/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/Input.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAiBjD,0GAA0G;AAC1G,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,SAAS,eAAe,CAAC,KAAK,EAAE,GAAG;IACjC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,IAAI,EACJ,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAC,uGAAuG;IAEnJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,cAAc,GAAG,eAAe,CAAC,OAAO,CAAC;QAC/C,MAAM,cAAc,GAAG,gBAAgB,CAAC;QAExC,IAAI,cAAc,IAAI,cAAc,EAAE,CAAC;YACrC,cAAc,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,IAAI,cAAc,EAAE,CAAC;gBACrC,cAAc,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;YAChE,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,eAAe,CAAC,OAAO,IAAI,QAAQ;YAAE,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC3E,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,KAAyC,EAAE,EAAE;QAC5C,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,IAAI,EACT,IAAI,EAAC,MAAM,KACP,UAAU,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,EACvD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAA2C,eAAe,CAAC","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 Inputs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Input as ITwinUI_Input } from \"@itwin/itwinui-react\";\nimport { useRefs } from \"../utils/hooks/useRefs\";\nimport type { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[Input]] component\n * @internal\n */\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    CommonProps {\n  /** Indicates whether to set focus to the input element */\n  setFocus?: boolean;\n  /** Native keydown event handler */\n  nativeKeyHandler?: (e: KeyboardEvent) => void;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n}\n\n// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted\nconst ForwardRefInput = React.forwardRef<HTMLInputElement, InputProps>(\n  function ForwardRefInput(props, ref) {\n    const {\n      className,\n      style,\n      setFocus,\n      nativeKeyHandler,\n      size,\n      ...otherProps\n    } = props;\n    const inputElementRef = React.useRef<HTMLInputElement>(null);\n    const refs = useRefs(inputElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\n\n    React.useEffect(() => {\n      const currentElement = inputElementRef.current;\n      const currentHandler = nativeKeyHandler;\n\n      if (currentElement && currentHandler) {\n        currentElement.addEventListener(\"keydown\", currentHandler);\n      }\n      return () => {\n        if (currentHandler && currentElement) {\n          currentElement.removeEventListener(\"keydown\", currentHandler);\n        }\n      };\n    }, [nativeKeyHandler]);\n\n    React.useEffect(() => {\n      if (inputElementRef.current && setFocus) inputElementRef.current.focus();\n    }, [setFocus]);\n\n    const handleFocus = React.useCallback(\n      (event: React.FocusEvent<HTMLInputElement>) => {\n        event.currentTarget.select();\n      },\n      []\n    );\n\n    return (\n      <ITwinUI_Input\n        ref={refs}\n        type=\"text\"\n        {...otherProps}\n        onFocus={handleFocus}\n        className={classnames(\"uicore-inputs-input\", className)}\n        style={style}\n      />\n    );\n  }\n);\n\n/** Basic text input, is a wrapper for the `<input type=\"text\">` HTML element.\n * @internal\n */\nexport const Input: (props: InputProps) => React.ReactNode = ForwardRefInput;\n"]}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/Input.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAkBjD,0GAA0G;AAC1G,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,SAAS,eAAe,CAAC,KAAK,EAAE,GAAG;IACjC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,IAAI,EACJ,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAC,uGAAuG;IAEnJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,cAAc,GAAG,eAAe,CAAC,OAAO,CAAC;QAC/C,MAAM,cAAc,GAAG,gBAAgB,CAAC;QAExC,IAAI,cAAc,IAAI,cAAc,EAAE,CAAC;YACrC,cAAc,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,IAAI,cAAc,EAAE,CAAC;gBACrC,cAAc,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;YAChE,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,eAAe,CAAC,OAAO,IAAI,QAAQ;YAAE,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC3E,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,KAAyC,EAAE,EAAE;QAC5C,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,IAAI,EACT,IAAI,EAAC,MAAM,KACP,UAAU,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,EACvD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAA2C,eAAe,CAAC","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 Inputs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Input as ITwinUI_Input } from \"@itwin/itwinui-react\";\nimport { useRefs } from \"../utils/hooks/useRefs\";\nimport type { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[Input]] component\n * @internal\n */\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    // eslint-disable-next-line deprecation/deprecation\n    CommonProps {\n  /** Indicates whether to set focus to the input element */\n  setFocus?: boolean;\n  /** Native keydown event handler */\n  nativeKeyHandler?: (e: KeyboardEvent) => void;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n}\n\n// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted\nconst ForwardRefInput = React.forwardRef<HTMLInputElement, InputProps>(\n  function ForwardRefInput(props, ref) {\n    const {\n      className,\n      style,\n      setFocus,\n      nativeKeyHandler,\n      size,\n      ...otherProps\n    } = props;\n    const inputElementRef = React.useRef<HTMLInputElement>(null);\n    const refs = useRefs(inputElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\n\n    React.useEffect(() => {\n      const currentElement = inputElementRef.current;\n      const currentHandler = nativeKeyHandler;\n\n      if (currentElement && currentHandler) {\n        currentElement.addEventListener(\"keydown\", currentHandler);\n      }\n      return () => {\n        if (currentHandler && currentElement) {\n          currentElement.removeEventListener(\"keydown\", currentHandler);\n        }\n      };\n    }, [nativeKeyHandler]);\n\n    React.useEffect(() => {\n      if (inputElementRef.current && setFocus) inputElementRef.current.focus();\n    }, [setFocus]);\n\n    const handleFocus = React.useCallback(\n      (event: React.FocusEvent<HTMLInputElement>) => {\n        event.currentTarget.select();\n      },\n      []\n    );\n\n    return (\n      <ITwinUI_Input\n        ref={refs}\n        type=\"text\"\n        {...otherProps}\n        onFocus={handleFocus}\n        className={classnames(\"uicore-inputs-input\", className)}\n        style={style}\n      />\n    );\n  }\n);\n\n/** Basic text input, is a wrapper for the `<input type=\"text\">` HTML element.\n * @internal\n */\nexport const Input: (props: InputProps) => React.ReactNode = ForwardRefInput;\n"]}

package/lib/esm/core-react/inputs/InputLabel.d.ts

@@ -6,7 +6,7 @@ import type { CommonProps } from "../utils/Props";
 import type { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
 /** Properties for [[InputLabel]] components
  * @public
- * @deprecated in 4.12.x. Props of deprecated component {@link InputLabel}.
+ * @deprecated in 4.12.0. Props of deprecated component {@link InputLabel}.
  */
 export interface InputLabelProps extends LabeledComponentProps, MessagedComponentProps, CommonProps {
     disabled?: boolean;
@@ -15,7 +15,7 @@ export interface InputLabelProps extends LabeledComponentProps, MessagedComponen
 }
 /** Text input wrapper that provides additional styling and labeling
  * @public
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.
  */
 export declare class InputLabel extends React.PureComponent<InputLabelProps> {
     render(): React.ReactElement;

package/lib/esm/core-react/inputs/InputLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputLabel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAQH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC;;;GAGG;AACH,MAAM,WAAW,eAEf,SAAQ,qBAAqB,EAE3B,sBAAsB,EACtB,WAAW;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAWD;;;GAGG;AAEH,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;IAClD,MAAM,IAAI,KAAK,CAAC,YAAY;CAiD7C"}
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputLabel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAQH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC;;;GAGG;AACH,MAAM,WAAW,eAEf,SAAQ,qBAAqB,EAE3B,sBAAsB,EAEtB,WAAW;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAWD;;;GAGG;AAEH,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;IAClD,MAAM,IAAI,KAAK,CAAC,YAAY;CAiD7C"}

package/lib/esm/core-react/inputs/InputLabel.js

@@ -20,7 +20,7 @@ const inputLabelIconSpec = {
 };
 /** Text input wrapper that provides additional styling and labeling
  * @public
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.
  */
 // eslint-disable-next-line deprecation/deprecation
 export class InputLabel extends React.PureComponent {

package/lib/esm/core-react/inputs/InputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputLabel.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAqB5C,MAAM,kBAAkB,GAAgC;IACtD,mDAAmD;IACnD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,oBAAC,cAAc,OAAG;IACvC,mDAAmD;IACnD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,oBAAC,gBAAgB,OAAG;IAC3C,mDAAmD;IACnD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,oBAAC,gBAAgB,OAAG;CAC5C,CAAC;AAEF;;;GAGG;AACH,mDAAmD;AACnD,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAClD,MAAM;QACpB,MAAM,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,cAAc,EACd,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,YAAY,GACb,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,OAAO,CACL,+BACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CACnB,6BAA6B,EAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,MAAM,EACN,SAAS,CACV;YAEA,KAAK,IAAI,CACR,6BACE,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EACrD,KAAK,EAAE,UAAU;gBAEhB,GAAG;gBACH,KAAK;gBAAE,GAAG,CACP,CACP;YACD,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;gBAC3D,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACnB,MAAM,IAAI,CACT,oBAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,GAAI,CACpE,CACG;YACL,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EACzD,KAAK,EAAE,YAAY,IAElB,OAAO,CACJ,CACP,CACK,CACT,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 Inputs\n */\n\nimport {\n  SvgStatusError,\n  SvgStatusSuccess,\n  SvgStatusWarning,\n} from \"@itwin/itwinui-icons-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { InputStatus } from \"./InputStatus\";\nimport type {\n  LabeledComponentProps,\n  MessagedComponentProps,\n} from \"./LabeledComponentProps\";\n\n/** Properties for [[InputLabel]] components\n * @public\n * @deprecated in 4.12.x. Props of deprecated component {@link InputLabel}.\n */\nexport interface InputLabelProps\n  // eslint-disable-next-line deprecation/deprecation\n  extends LabeledComponentProps,\n    // eslint-disable-next-line deprecation/deprecation\n    MessagedComponentProps,\n    CommonProps {\n  disabled?: boolean;\n  /** Labeled content */\n  children?: React.ReactNode;\n}\n\nconst inputLabelIconSpec: { [key: string]: IconSpec } = {\n  // eslint-disable-next-line deprecation/deprecation\n  [InputStatus.Error]: <SvgStatusError />,\n  // eslint-disable-next-line deprecation/deprecation\n  [InputStatus.Success]: <SvgStatusSuccess />,\n  // eslint-disable-next-line deprecation/deprecation\n  [InputStatus.Warning]: <SvgStatusWarning />,\n};\n\n/** Text input wrapper that provides additional styling and labeling\n * @public\n * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class InputLabel extends React.PureComponent<InputLabelProps> {\n  public override render(): React.ReactElement {\n    const {\n      label,\n      status,\n      className,\n      style,\n      labelClassName,\n      labelStyle,\n      message,\n      messageClassName,\n      messageStyle,\n    } = this.props;\n\n    return (\n      <label\n        style={style}\n        className={classnames(\n          \"uicore-inputs-labeled-input\",\n          this.props.disabled && \"uicore-disabled\",\n          status,\n          className\n        )}\n      >\n        {label && (\n          <div\n            className={classnames(\"uicore-label\", labelClassName)}\n            style={labelStyle}\n          >\n            {\" \"}\n            {label}{\" \"}\n          </div>\n        )}\n        <div className={classnames(\"input\", { \"with-icon\": !!status })}>\n          {this.props.children}\n          {status && (\n            <Icon className=\"icon\" iconSpec={inputLabelIconSpec[`{status}`]} />\n          )}\n        </div>\n        {message && (\n          <div\n            className={classnames(\"uicore-message\", messageClassName)}\n            style={messageStyle}\n          >\n            {message}\n          </div>\n        )}\n      </label>\n    );\n  }\n}\n"]}
+{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputLabel.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAsB5C,MAAM,kBAAkB,GAAgC;IACtD,mDAAmD;IACnD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,oBAAC,cAAc,OAAG;IACvC,mDAAmD;IACnD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,oBAAC,gBAAgB,OAAG;IAC3C,mDAAmD;IACnD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,oBAAC,gBAAgB,OAAG;CAC5C,CAAC;AAEF;;;GAGG;AACH,mDAAmD;AACnD,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAClD,MAAM;QACpB,MAAM,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,cAAc,EACd,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,YAAY,GACb,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,OAAO,CACL,+BACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CACnB,6BAA6B,EAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,MAAM,EACN,SAAS,CACV;YAEA,KAAK,IAAI,CACR,6BACE,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EACrD,KAAK,EAAE,UAAU;gBAEhB,GAAG;gBACH,KAAK;gBAAE,GAAG,CACP,CACP;YACD,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;gBAC3D,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACnB,MAAM,IAAI,CACT,oBAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,GAAI,CACpE,CACG;YACL,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EACzD,KAAK,EAAE,YAAY,IAElB,OAAO,CACJ,CACP,CACK,CACT,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 Inputs\n */\n\nimport {\n  SvgStatusError,\n  SvgStatusSuccess,\n  SvgStatusWarning,\n} from \"@itwin/itwinui-icons-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { InputStatus } from \"./InputStatus\";\nimport type {\n  LabeledComponentProps,\n  MessagedComponentProps,\n} from \"./LabeledComponentProps\";\n\n/** Properties for [[InputLabel]] components\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link InputLabel}.\n */\nexport interface InputLabelProps\n  // eslint-disable-next-line deprecation/deprecation\n  extends LabeledComponentProps,\n    // eslint-disable-next-line deprecation/deprecation\n    MessagedComponentProps,\n    // eslint-disable-next-line deprecation/deprecation\n    CommonProps {\n  disabled?: boolean;\n  /** Labeled content */\n  children?: React.ReactNode;\n}\n\nconst inputLabelIconSpec: { [key: string]: IconSpec } = {\n  // eslint-disable-next-line deprecation/deprecation\n  [InputStatus.Error]: <SvgStatusError />,\n  // eslint-disable-next-line deprecation/deprecation\n  [InputStatus.Success]: <SvgStatusSuccess />,\n  // eslint-disable-next-line deprecation/deprecation\n  [InputStatus.Warning]: <SvgStatusWarning />,\n};\n\n/** Text input wrapper that provides additional styling and labeling\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class InputLabel extends React.PureComponent<InputLabelProps> {\n  public override render(): React.ReactElement {\n    const {\n      label,\n      status,\n      className,\n      style,\n      labelClassName,\n      labelStyle,\n      message,\n      messageClassName,\n      messageStyle,\n    } = this.props;\n\n    return (\n      <label\n        style={style}\n        className={classnames(\n          \"uicore-inputs-labeled-input\",\n          this.props.disabled && \"uicore-disabled\",\n          status,\n          className\n        )}\n      >\n        {label && (\n          <div\n            className={classnames(\"uicore-label\", labelClassName)}\n            style={labelStyle}\n          >\n            {\" \"}\n            {label}{\" \"}\n          </div>\n        )}\n        <div className={classnames(\"input\", { \"with-icon\": !!status })}>\n          {this.props.children}\n          {status && (\n            <Icon className=\"icon\" iconSpec={inputLabelIconSpec[`{status}`]} />\n          )}\n        </div>\n        {message && (\n          <div\n            className={classnames(\"uicore-message\", messageClassName)}\n            style={messageStyle}\n          >\n            {message}\n          </div>\n        )}\n      </label>\n    );\n  }\n}\n"]}

package/lib/esm/core-react/inputs/InputStatus.d.ts

@@ -3,7 +3,7 @@
  */
 /** Enum for Input status
  * @public
- * @deprecated in 4.12.x. Enum used in a deprecated component {@link InputLabel}.
+ * @deprecated in 4.12.0. Enum used in a deprecated component {@link InputLabel}.
  */
 export declare enum InputStatus {
     Success = "success",

package/lib/esm/core-react/inputs/InputStatus.js

@@ -7,7 +7,7 @@
  */
 /** Enum for Input status
  * @public
- * @deprecated in 4.12.x. Enum used in a deprecated component {@link InputLabel}.
+ * @deprecated in 4.12.0. Enum used in a deprecated component {@link InputLabel}.
  */
 export var InputStatus;
 (function (InputStatus) {

package/lib/esm/core-react/inputs/InputStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputStatus.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputStatus.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH;;;GAGG;AACH,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,kCAAmB,CAAA;IACnB,8BAAe,CAAA;AACjB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB","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 Inputs\n */\n\nimport type { InputLabel } from \"./InputLabel\";\n\n/** Enum for Input status\n * @public\n * @deprecated in 4.12.x. Enum used in a deprecated component {@link InputLabel}.\n */\nexport enum InputStatus {\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n"]}
+{"version":3,"file":"InputStatus.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputStatus.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH;;;GAGG;AACH,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,kCAAmB,CAAA;IACnB,8BAAe,CAAA;AACjB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB","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 Inputs\n */\n\nimport type { InputLabel } from \"./InputLabel\";\n\n/** Enum for Input status\n * @public\n * @deprecated in 4.12.0. Enum used in a deprecated component {@link InputLabel}.\n */\nexport enum InputStatus {\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n"]}

package/lib/esm/core-react/inputs/LabeledComponentProps.d.ts

@@ -5,7 +5,7 @@ import type * as React from "react";
 import type { InputStatus } from "./InputStatus";
 /** Properties for labeled components
  * @public
- * @deprecated in 4.12.x. Props of deprecated component {@link InputLabel}.
+ * @deprecated in 4.12.0. Props of deprecated component {@link InputLabel}.
  */
 export interface LabeledComponentProps {
     /** Text that will be shown next to or above the input. */
@@ -23,7 +23,7 @@ export interface LabeledComponentProps {
 }
 /** Properties for components with messages
  * @public
- * @deprecated in 4.12.x. Props of deprecated component {@link InputLabel}.
+ * @deprecated in 4.12.0. Props of deprecated component {@link InputLabel}.
  */
 export interface MessagedComponentProps {
     /** Optional text shown below the input. */

package/lib/esm/core-react/inputs/LabeledComponentProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledComponentProps.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledComponentProps.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG","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 Inputs\n */\n\nimport type * as React from \"react\";\nimport type { InputLabel } from \"./InputLabel\";\nimport type { InputStatus } from \"./InputStatus\";\n\n/** Properties for labeled components\n * @public\n * @deprecated in 4.12.x. Props of deprecated component {@link InputLabel}.\n */\nexport interface LabeledComponentProps {\n  /** Text that will be shown next to or above the input. */\n  label?: string;\n  /** Input status like: \"Success\", \"Warning\" or \"Error\" */\n  // eslint-disable-next-line deprecation/deprecation\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 */\n  labelClassName?: string;\n  /** Custom CSS Style for the label */\n  labelStyle?: React.CSSProperties;\n}\n\n/** Properties for components with messages\n * @public\n * @deprecated in 4.12.x. Props of deprecated component {@link InputLabel}.\n */\nexport interface MessagedComponentProps {\n  /** Optional text shown below the input. */\n  message?: string;\n  /** Custom CSS class name for the message */\n  messageClassName?: string;\n  /** Custom CSS Style for the message */\n  messageStyle?: React.CSSProperties;\n}\n"]}
+{"version":3,"file":"LabeledComponentProps.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledComponentProps.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG","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 Inputs\n */\n\nimport type * as React from \"react\";\nimport type { InputLabel } from \"./InputLabel\";\nimport type { InputStatus } from \"./InputStatus\";\n\n/** Properties for labeled components\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link InputLabel}.\n */\nexport interface LabeledComponentProps {\n  /** Text that will be shown next to or above the input. */\n  label?: string;\n  /** Input status like: \"Success\", \"Warning\" or \"Error\" */\n  // eslint-disable-next-line deprecation/deprecation\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 */\n  labelClassName?: string;\n  /** Custom CSS Style for the label */\n  labelStyle?: React.CSSProperties;\n}\n\n/** Properties for components with messages\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link InputLabel}.\n */\nexport interface MessagedComponentProps {\n  /** Optional text shown below the input. */\n  message?: string;\n  /** Custom CSS class name for the message */\n  messageClassName?: string;\n  /** Custom CSS Style for the message */\n  messageStyle?: React.CSSProperties;\n}\n"]}

package/lib/esm/core-react/inputs/iconinput/IconInput.d.ts

@@ -6,7 +6,7 @@ import * as React from "react";
 import type { InputProps } from "../Input";
 /** Properties for the [[IconInput]] component
  * @public
- * @deprecated in 4.12.x. Props of deprecated component {@link IconInput}.
+ * @deprecated in 4.12.0. Props of deprecated component {@link IconInput}.
  */
 export interface IconInputProps extends Omit<InputProps, "size"> {
     /** Icon displayed to the left of the Input field within the IconInput component */
@@ -20,7 +20,7 @@ export interface IconInputProps extends Omit<InputProps, "size"> {
 }
 /** Input component with icon to the left of the input field
  * @public
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/inputwithdecorations iTwinUI input decorations} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/inputwithdecorations iTwinUI input decorations} instead.
  */
 export declare const IconInput: (props: IconInputProps) => React.ReactNode;
 //# sourceMappingURL=IconInput.d.ts.map

package/lib/esm/core-react/inputs/iconinput/IconInput.js

@@ -22,7 +22,7 @@ const ForwardRefIconInput = React.forwardRef(function ForwardRefIconInput(props,
 });
 /** Input component with icon to the left of the input field
  * @public
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/inputwithdecorations iTwinUI input decorations} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/inputwithdecorations iTwinUI input decorations} instead.
  */
 // eslint-disable-next-line deprecation/deprecation
 export const IconInput = ForwardRefIconInput;

package/lib/esm/core-react/inputs/iconinput/IconInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconInput.js","sourceRoot":"","sources":["../../../../../src/core-react/inputs/iconinput/IconInput.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC,CAAC,mCAAmC;AAiBrE;;GAEG;AACH,mDAAmD;AACnD,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACrC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE3E,uFAAuF;IACvF,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,kBAAkB,CAAC;QAErE,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,KAC1C,UAAU,GACd;QACF,6BAAK,SAAS,EAAC,qBAAqB,IAAE,IAAI,CAAO,CAC7C,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACH,mDAAmD;AACnD,MAAM,CAAC,MAAM,SAAS,GACpB,mBAAmB,CAAC","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 Inputs\n */\n\nimport \"./IconInput.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { InputProps } from \"../Input\";\nimport { Input } from \"../Input\"; // NEEDSWORK - for nativeKeyHandler\n\n/** Properties for the [[IconInput]] component\n * @public\n * @deprecated in 4.12.x. Props of deprecated component {@link IconInput}.\n */\nexport interface IconInputProps extends Omit<InputProps, \"size\"> {\n  /** Icon displayed to the left of the Input field within the IconInput component */\n  icon: React.ReactNode;\n  /** CSS class name for the IconInput component container div */\n  containerClassName?: string;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n  /** Modify size of the input. */\n  size?: \"small\" | \"large\";\n}\n\n/** Input component with icon to the left of the input field\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nconst ForwardRefIconInput = React.forwardRef<HTMLInputElement, IconInputProps>(\n  function ForwardRefIconInput(props, ref) {\n    const { className, icon, containerClassName, size, ...otherProps } = props;\n\n    // NEEDSWORK: still using core-react Input component because of `nativeKeyHandler` prop\n    return (\n      <div\n        className={classnames(\"core-iconInput-container\", containerClassName)}\n      >\n        <Input\n          ref={ref}\n          className={classnames(\"core-input\", className)}\n          {...otherProps}\n        />\n        <div className=\"core-iconInput-icon\">{icon}</div>\n      </div>\n    );\n  }\n);\n\n/** Input component with icon to the left of the input field\n * @public\n * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/inputwithdecorations iTwinUI input decorations} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport const IconInput: (props: IconInputProps) => React.ReactNode =\n  ForwardRefIconInput;\n"]}
+{"version":3,"file":"IconInput.js","sourceRoot":"","sources":["../../../../../src/core-react/inputs/iconinput/IconInput.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC,CAAC,mCAAmC;AAiBrE;;GAEG;AACH,mDAAmD;AACnD,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACrC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE3E,uFAAuF;IACvF,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,kBAAkB,CAAC;QAErE,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,KAC1C,UAAU,GACd;QACF,6BAAK,SAAS,EAAC,qBAAqB,IAAE,IAAI,CAAO,CAC7C,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACH,mDAAmD;AACnD,MAAM,CAAC,MAAM,SAAS,GACpB,mBAAmB,CAAC","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 Inputs\n */\n\nimport \"./IconInput.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { InputProps } from \"../Input\";\nimport { Input } from \"../Input\"; // NEEDSWORK - for nativeKeyHandler\n\n/** Properties for the [[IconInput]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link IconInput}.\n */\nexport interface IconInputProps extends Omit<InputProps, \"size\"> {\n  /** Icon displayed to the left of the Input field within the IconInput component */\n  icon: React.ReactNode;\n  /** CSS class name for the IconInput component container div */\n  containerClassName?: string;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n  /** Modify size of the input. */\n  size?: \"small\" | \"large\";\n}\n\n/** Input component with icon to the left of the input field\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nconst ForwardRefIconInput = React.forwardRef<HTMLInputElement, IconInputProps>(\n  function ForwardRefIconInput(props, ref) {\n    const { className, icon, containerClassName, size, ...otherProps } = props;\n\n    // NEEDSWORK: still using core-react Input component because of `nativeKeyHandler` prop\n    return (\n      <div\n        className={classnames(\"core-iconInput-container\", containerClassName)}\n      >\n        <Input\n          ref={ref}\n          className={classnames(\"core-input\", className)}\n          {...otherProps}\n        />\n        <div className=\"core-iconInput-icon\">{icon}</div>\n      </div>\n    );\n  }\n);\n\n/** Input component with icon to the left of the input field\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/inputwithdecorations iTwinUI input decorations} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport const IconInput: (props: IconInputProps) => React.ReactNode =\n  ForwardRefIconInput;\n"]}

package/lib/esm/core-react/inputs/numberinput/NumberInput.d.ts

@@ -7,12 +7,12 @@ import { Input } from "@itwin/itwinui-react";
 type InputProps = React.ComponentPropsWithoutRef<typeof Input>;
 /** Step function prototype for [[NumberInput]] component
  * @public
- * @deprecated in 4.12.x. Interface used in a deprecated component {@link NumberInput}.
+ * @deprecated in 4.12.0. Interface used in a deprecated component {@link NumberInput}.
  */
 export type StepFunctionProp = number | ((direction: string) => number | undefined);
 /** Properties for the [[NumberInput]] component
  * @public
- * @deprecated in 4.12.x. Props of deprecated component {@link NumberInput}.
+ * @deprecated in 4.12.0. Props of deprecated component {@link NumberInput}.
  */
 export interface NumberInputProps extends Omit<InputProps, "min" | "max" | "step" | "onChange"> {
     /** Numeric value, set to `undefined` to show placeholder text */
@@ -49,7 +49,7 @@ export interface NumberInputProps extends Omit<InputProps, "min" | "max" | "step
 }
 /** Input component for numbers with up and down buttons to increment and decrement the value.
  * @public
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.
  */
 export declare const NumberInput: (props: NumberInputProps) => React.ReactNode;
 export {};

package/lib/esm/core-react/inputs/numberinput/NumberInput.js

@@ -154,7 +154,7 @@ const ForwardRefNumberInput = React.forwardRef(function ForwardRefNumberInput(pr
 });
 /** Input component for numbers with up and down buttons to increment and decrement the value.
  * @public
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.
  */
 export const NumberInput = ForwardRefNumberInput;
 //# sourceMappingURL=NumberInput.js.map

package/lib/esm/core-react/inputs/numberinput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../../src/core-react/inputs/numberinput/NumberInput.tsx"],"names":[],"mappings":"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","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 Inputs\n */\n\nimport \"./NumberInput.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { Icon } from \"../../icons/IconComponent\";\nimport {\n  SvgCaretDown,\n  SvgCaretDownSmall,\n  SvgCaretUp,\n  SvgCaretUpSmall,\n} from \"@itwin/itwinui-icons-react\";\n\ntype InputProps = React.ComponentPropsWithoutRef<typeof Input>;\n\n/** Step function prototype for [[NumberInput]] component\n * @public\n * @deprecated in 4.12.x. Interface used in a deprecated component {@link NumberInput}.\n */\nexport type StepFunctionProp =\n  | number\n  | ((direction: string) => number | undefined);\n\n/** Properties for the [[NumberInput]] component\n * @public\n * @deprecated in 4.12.x. Props of deprecated component {@link NumberInput}.\n */\nexport interface NumberInputProps\n  extends Omit<InputProps, \"min\" | \"max\" | \"step\" | \"onChange\"> {\n  /** Numeric value, set to `undefined` to show placeholder text */\n  value?: number;\n  /** CSS class name for the NumberInput component container div */\n  containerClassName?: string;\n  /** Style for component container div. */\n  containerStyle?: React.CSSProperties;\n  /** number or function\tNumber.MIN_SAFE_INTEGER */\n  min?: number;\n  /** number or function\tdefaults to Number.MAX_SAFE_INTEGER */\n  max?: number;\n  /** increment step value used while incrementing or decrementing (up/down buttons or arrow keys) defaults to 1. */\n  // eslint-disable-next-line deprecation/deprecation\n  step?: StepFunctionProp;\n  /** number of decimal places, defaults to 0 */\n  precision?: number;\n  /** function parseFloat */\n  parse?: (value: string) => number | null | undefined;\n  /** function optional formatting function that takes the number value and the internal formatted value in case function just adds prefix or suffix. */\n  format?: (num: number | null | undefined, formattedValue: string) => string;\n  /** Set to true to \"snap\" to the closest step value while incrementing or decrementing (up/down buttons or arrow keys). */\n  snap?: boolean;\n  /** Function to call when value is changed. */\n  onChange?: (value: number | undefined, stringValue: string) => void;\n  /** if true up/down buttons are shown larger and side by side */\n  showTouchButtons?: boolean;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n  /**\n   * Makes this component behave as controlled component.\n   * @internal\n   */\n  isControlled?: boolean;\n}\n\nconst ForwardRefNumberInput = React.forwardRef<\n  HTMLInputElement,\n  // eslint-disable-next-line deprecation/deprecation\n  NumberInputProps\n>(function ForwardRefNumberInput(props, ref) {\n  const {\n    containerClassName,\n    className,\n    value,\n    min,\n    max,\n    precision,\n    format,\n    parse,\n    onChange,\n    onBlur,\n    onKeyDown,\n    step,\n    snap,\n    showTouchButtons,\n    containerStyle,\n    isControlled,\n    ...otherProps\n  } = props;\n  const currentValueRef = React.useRef(value);\n\n  /**\n   * Used internally to parse the argument x to it's numeric representation.\n   * If the argument cannot be converted to finite number returns 0; If a\n   * \"precision\" prop is specified uses it round the number with that\n   * precision (no fixed precision here because the return value is float, not\n   * string).\n   */\n  const parseInternal = React.useCallback(\n    (x: string) => {\n      let n: number | undefined | null;\n\n      if (parse) n = parse(x);\n      if (undefined === n || null === n) {\n        n = parseFloat(x);\n        if (isNaN(n) || !isFinite(n)) {\n          n = 0;\n        }\n      }\n\n      const localPrecision = undefined === precision ? 10 : precision;\n      const q = Math.pow(10, localPrecision);\n      const localMin = undefined === min ? Number.MIN_SAFE_INTEGER : min;\n      const localMax = undefined === max ? Number.MAX_SAFE_INTEGER : max;\n      n = Math.min(Math.max(n, localMin), localMax);\n      n = Math.round(n * q) / q;\n\n      return n;\n    },\n    [parse, precision, min, max]\n  );\n\n  /**\n   * This is used internally to format a number to its display representation.\n   * It will invoke the format function if one is provided.\n   */\n  const formatInternal = React.useCallback(\n    (num: number | undefined | null) => {\n      const localPrecision =\n        undefined === precision || null === precision ? 0 : precision;\n      const str =\n        undefined === num || null === num ? \"\" : num.toFixed(localPrecision);\n\n      if (format) return format(num, str);\n\n      return str;\n    },\n    [format, precision]\n  );\n\n  const [formattedValue, setFormattedValue] = React.useState(() =>\n    formatInternal(value)\n  );\n\n  // See if new initialValue props have changed since component mounted\n  React.useEffect(() => {\n    currentValueRef.current = value;\n    const currentFormattedValue = formatInternal(currentValueRef.current);\n    setFormattedValue(currentFormattedValue);\n  }, [formatInternal, value]);\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const newVal = event.currentTarget.value;\n      setFormattedValue(newVal);\n      isControlled && onChange && onChange(parseInternal(newVal), newVal);\n    },\n    [isControlled, onChange, parseInternal]\n  );\n\n  const updateValue = React.useCallback(\n    (newVal: number) => {\n      const newFormattedVal = formatInternal(newVal);\n      onChange && onChange(newVal, newFormattedVal);\n      setFormattedValue(newFormattedVal);\n    },\n    [onChange, formatInternal]\n  );\n\n  const updateValueFromString = React.useCallback(\n    (strValue: string) => {\n      const newVal = parseInternal(strValue);\n      updateValue(newVal);\n    },\n    [parseInternal, updateValue]\n  );\n\n  const handleBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      const newVal = parseInternal(event.target.value);\n      onBlur && onBlur(event);\n      updateValue(newVal);\n    },\n    [parseInternal, updateValue, onBlur]\n  );\n\n  const getIncrementValue = React.useCallback(\n    (increment: boolean) => {\n      if (typeof step === \"function\") {\n        const stepVal = step(increment ? \"up\" : \"down\");\n        return stepVal ? stepVal : 1;\n      }\n\n      return !step ? 1 : step;\n    },\n    [step]\n  );\n\n  /**\n   * The internal method that actually sets the new value on the input\n   */\n  const applyStep = React.useCallback(\n    (increment: boolean) => {\n      const incrementValue = getIncrementValue(increment);\n\n      let num =\n        parseInternal(formattedValue) +\n        (increment ? incrementValue : -incrementValue);\n      if (snap) {\n        num = Math.round(num / incrementValue) * incrementValue;\n      }\n\n      const localMin = undefined === min ? Number.MIN_SAFE_INTEGER : min;\n      const localMax = undefined === max ? Number.MAX_SAFE_INTEGER : max;\n      num = Math.min(Math.max(num, localMin), localMax);\n\n      updateValue(num);\n    },\n    [\n      formattedValue,\n      getIncrementValue,\n      max,\n      min,\n      parseInternal,\n      snap,\n      updateValue,\n    ]\n  );\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === Key.Enter.valueOf()) {\n        updateValueFromString(event.currentTarget.value);\n        event.preventDefault();\n        event.stopPropagation();\n      } else if (event.key === Key.Escape.valueOf()) {\n        setFormattedValue(formatInternal(currentValueRef.current));\n        event.preventDefault();\n      } else if (event.key === Key.ArrowDown.valueOf()) {\n        applyStep(false);\n        event.preventDefault();\n        event.stopPropagation();\n      } else if (event.key === Key.ArrowUp.valueOf()) {\n        applyStep(true);\n        event.preventDefault();\n        event.stopPropagation();\n      }\n      onKeyDown && onKeyDown(event);\n    },\n    [applyStep, formatInternal, updateValueFromString, onKeyDown]\n  );\n\n  const handleDownClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      applyStep(false);\n      event.preventDefault();\n    },\n    [applyStep]\n  );\n\n  const handleUpClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      applyStep(true);\n      event.preventDefault();\n    },\n    [applyStep]\n  );\n\n  const handleFocus = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      event.currentTarget.select();\n    },\n    []\n  );\n\n  const isDisabled = !!otherProps.disabled;\n  const containerClasses = classnames(\n    \"core-number-input-container\",\n    containerClassName,\n    showTouchButtons && \"core-number-buttons-for-touch\",\n    isDisabled && \"core-number-input-disabled\"\n  );\n\n  const caretUp = showTouchButtons ? <SvgCaretUp /> : <SvgCaretUpSmall />;\n  const caretDown = showTouchButtons ? <SvgCaretDown /> : <SvgCaretDownSmall />;\n\n  return (\n    <div className={containerClasses} style={containerStyle}>\n      <Input\n        ref={ref}\n        value={formattedValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        size=\"small\"\n        className={classnames(\"core-input\", className)}\n        {...otherProps}\n      />\n      <div\n        className={classnames(\n          \"core-number-input-buttons-container\",\n          showTouchButtons && \"core-number-buttons-for-touch\"\n        )}\n      >\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          className=\"core-number-input-button core-number-input-button-up\"\n          tabIndex={-1}\n          onClick={handleUpClick}\n          role=\"presentation\"\n        >\n          <Icon iconSpec={caretUp} />\n        </div>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          className=\"core-number-input-button core-number-input-button-down\"\n          tabIndex={-1}\n          onClick={handleDownClick}\n          role=\"presentation\"\n        >\n          <Icon iconSpec={caretDown} />\n        </div>\n      </div>\n    </div>\n  );\n});\n\n/** Input component for numbers with up and down buttons to increment and decrement the value.\n * @public\n * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.\n */\nexport const NumberInput: (\n  // eslint-disable-next-line deprecation/deprecation\n  props: NumberInputProps\n) => React.ReactNode = ForwardRefNumberInput;\n"]}
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../../src/core-react/inputs/numberinput/NumberInput.tsx"],"names":[],"mappings":"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","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 Inputs\n */\n\nimport \"./NumberInput.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { Icon } from \"../../icons/IconComponent\";\nimport {\n  SvgCaretDown,\n  SvgCaretDownSmall,\n  SvgCaretUp,\n  SvgCaretUpSmall,\n} from \"@itwin/itwinui-icons-react\";\n\ntype InputProps = React.ComponentPropsWithoutRef<typeof Input>;\n\n/** Step function prototype for [[NumberInput]] component\n * @public\n * @deprecated in 4.12.0. Interface used in a deprecated component {@link NumberInput}.\n */\nexport type StepFunctionProp =\n  | number\n  | ((direction: string) => number | undefined);\n\n/** Properties for the [[NumberInput]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link NumberInput}.\n */\nexport interface NumberInputProps\n  extends Omit<InputProps, \"min\" | \"max\" | \"step\" | \"onChange\"> {\n  /** Numeric value, set to `undefined` to show placeholder text */\n  value?: number;\n  /** CSS class name for the NumberInput component container div */\n  containerClassName?: string;\n  /** Style for component container div. */\n  containerStyle?: React.CSSProperties;\n  /** number or function\tNumber.MIN_SAFE_INTEGER */\n  min?: number;\n  /** number or function\tdefaults to Number.MAX_SAFE_INTEGER */\n  max?: number;\n  /** increment step value used while incrementing or decrementing (up/down buttons or arrow keys) defaults to 1. */\n  // eslint-disable-next-line deprecation/deprecation\n  step?: StepFunctionProp;\n  /** number of decimal places, defaults to 0 */\n  precision?: number;\n  /** function parseFloat */\n  parse?: (value: string) => number | null | undefined;\n  /** function optional formatting function that takes the number value and the internal formatted value in case function just adds prefix or suffix. */\n  format?: (num: number | null | undefined, formattedValue: string) => string;\n  /** Set to true to \"snap\" to the closest step value while incrementing or decrementing (up/down buttons or arrow keys). */\n  snap?: boolean;\n  /** Function to call when value is changed. */\n  onChange?: (value: number | undefined, stringValue: string) => void;\n  /** if true up/down buttons are shown larger and side by side */\n  showTouchButtons?: boolean;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n  /**\n   * Makes this component behave as controlled component.\n   * @internal\n   */\n  isControlled?: boolean;\n}\n\nconst ForwardRefNumberInput = React.forwardRef<\n  HTMLInputElement,\n  // eslint-disable-next-line deprecation/deprecation\n  NumberInputProps\n>(function ForwardRefNumberInput(props, ref) {\n  const {\n    containerClassName,\n    className,\n    value,\n    min,\n    max,\n    precision,\n    format,\n    parse,\n    onChange,\n    onBlur,\n    onKeyDown,\n    step,\n    snap,\n    showTouchButtons,\n    containerStyle,\n    isControlled,\n    ...otherProps\n  } = props;\n  const currentValueRef = React.useRef(value);\n\n  /**\n   * Used internally to parse the argument x to it's numeric representation.\n   * If the argument cannot be converted to finite number returns 0; If a\n   * \"precision\" prop is specified uses it round the number with that\n   * precision (no fixed precision here because the return value is float, not\n   * string).\n   */\n  const parseInternal = React.useCallback(\n    (x: string) => {\n      let n: number | undefined | null;\n\n      if (parse) n = parse(x);\n      if (undefined === n || null === n) {\n        n = parseFloat(x);\n        if (isNaN(n) || !isFinite(n)) {\n          n = 0;\n        }\n      }\n\n      const localPrecision = undefined === precision ? 10 : precision;\n      const q = Math.pow(10, localPrecision);\n      const localMin = undefined === min ? Number.MIN_SAFE_INTEGER : min;\n      const localMax = undefined === max ? Number.MAX_SAFE_INTEGER : max;\n      n = Math.min(Math.max(n, localMin), localMax);\n      n = Math.round(n * q) / q;\n\n      return n;\n    },\n    [parse, precision, min, max]\n  );\n\n  /**\n   * This is used internally to format a number to its display representation.\n   * It will invoke the format function if one is provided.\n   */\n  const formatInternal = React.useCallback(\n    (num: number | undefined | null) => {\n      const localPrecision =\n        undefined === precision || null === precision ? 0 : precision;\n      const str =\n        undefined === num || null === num ? \"\" : num.toFixed(localPrecision);\n\n      if (format) return format(num, str);\n\n      return str;\n    },\n    [format, precision]\n  );\n\n  const [formattedValue, setFormattedValue] = React.useState(() =>\n    formatInternal(value)\n  );\n\n  // See if new initialValue props have changed since component mounted\n  React.useEffect(() => {\n    currentValueRef.current = value;\n    const currentFormattedValue = formatInternal(currentValueRef.current);\n    setFormattedValue(currentFormattedValue);\n  }, [formatInternal, value]);\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const newVal = event.currentTarget.value;\n      setFormattedValue(newVal);\n      isControlled && onChange && onChange(parseInternal(newVal), newVal);\n    },\n    [isControlled, onChange, parseInternal]\n  );\n\n  const updateValue = React.useCallback(\n    (newVal: number) => {\n      const newFormattedVal = formatInternal(newVal);\n      onChange && onChange(newVal, newFormattedVal);\n      setFormattedValue(newFormattedVal);\n    },\n    [onChange, formatInternal]\n  );\n\n  const updateValueFromString = React.useCallback(\n    (strValue: string) => {\n      const newVal = parseInternal(strValue);\n      updateValue(newVal);\n    },\n    [parseInternal, updateValue]\n  );\n\n  const handleBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      const newVal = parseInternal(event.target.value);\n      onBlur && onBlur(event);\n      updateValue(newVal);\n    },\n    [parseInternal, updateValue, onBlur]\n  );\n\n  const getIncrementValue = React.useCallback(\n    (increment: boolean) => {\n      if (typeof step === \"function\") {\n        const stepVal = step(increment ? \"up\" : \"down\");\n        return stepVal ? stepVal : 1;\n      }\n\n      return !step ? 1 : step;\n    },\n    [step]\n  );\n\n  /**\n   * The internal method that actually sets the new value on the input\n   */\n  const applyStep = React.useCallback(\n    (increment: boolean) => {\n      const incrementValue = getIncrementValue(increment);\n\n      let num =\n        parseInternal(formattedValue) +\n        (increment ? incrementValue : -incrementValue);\n      if (snap) {\n        num = Math.round(num / incrementValue) * incrementValue;\n      }\n\n      const localMin = undefined === min ? Number.MIN_SAFE_INTEGER : min;\n      const localMax = undefined === max ? Number.MAX_SAFE_INTEGER : max;\n      num = Math.min(Math.max(num, localMin), localMax);\n\n      updateValue(num);\n    },\n    [\n      formattedValue,\n      getIncrementValue,\n      max,\n      min,\n      parseInternal,\n      snap,\n      updateValue,\n    ]\n  );\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === Key.Enter.valueOf()) {\n        updateValueFromString(event.currentTarget.value);\n        event.preventDefault();\n        event.stopPropagation();\n      } else if (event.key === Key.Escape.valueOf()) {\n        setFormattedValue(formatInternal(currentValueRef.current));\n        event.preventDefault();\n      } else if (event.key === Key.ArrowDown.valueOf()) {\n        applyStep(false);\n        event.preventDefault();\n        event.stopPropagation();\n      } else if (event.key === Key.ArrowUp.valueOf()) {\n        applyStep(true);\n        event.preventDefault();\n        event.stopPropagation();\n      }\n      onKeyDown && onKeyDown(event);\n    },\n    [applyStep, formatInternal, updateValueFromString, onKeyDown]\n  );\n\n  const handleDownClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      applyStep(false);\n      event.preventDefault();\n    },\n    [applyStep]\n  );\n\n  const handleUpClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      applyStep(true);\n      event.preventDefault();\n    },\n    [applyStep]\n  );\n\n  const handleFocus = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      event.currentTarget.select();\n    },\n    []\n  );\n\n  const isDisabled = !!otherProps.disabled;\n  const containerClasses = classnames(\n    \"core-number-input-container\",\n    containerClassName,\n    showTouchButtons && \"core-number-buttons-for-touch\",\n    isDisabled && \"core-number-input-disabled\"\n  );\n\n  const caretUp = showTouchButtons ? <SvgCaretUp /> : <SvgCaretUpSmall />;\n  const caretDown = showTouchButtons ? <SvgCaretDown /> : <SvgCaretDownSmall />;\n\n  return (\n    <div className={containerClasses} style={containerStyle}>\n      <Input\n        ref={ref}\n        value={formattedValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        size=\"small\"\n        className={classnames(\"core-input\", className)}\n        {...otherProps}\n      />\n      <div\n        className={classnames(\n          \"core-number-input-buttons-container\",\n          showTouchButtons && \"core-number-buttons-for-touch\"\n        )}\n      >\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          className=\"core-number-input-button core-number-input-button-up\"\n          tabIndex={-1}\n          onClick={handleUpClick}\n          role=\"presentation\"\n        >\n          <Icon iconSpec={caretUp} />\n        </div>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          className=\"core-number-input-button core-number-input-button-down\"\n          tabIndex={-1}\n          onClick={handleDownClick}\n          role=\"presentation\"\n        >\n          <Icon iconSpec={caretDown} />\n        </div>\n      </div>\n    </div>\n  );\n});\n\n/** Input component for numbers with up and down buttons to increment and decrement the value.\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.\n */\nexport const NumberInput: (\n  // eslint-disable-next-line deprecation/deprecation\n  props: NumberInputProps\n) => React.ReactNode = ForwardRefNumberInput;\n"]}

package/lib/esm/core-react/listbox/Listbox.d.ts

@@ -3,12 +3,12 @@ import "./Listbox.scss";
 /** Ideas borrowed from  https://reacttraining.com/reach-ui/listbox */
 /** `Listbox` value.
  * @alpha
- * @deprecated in 4.12.x. Value used in a deprecated component {@link Listbox}.
+ * @deprecated in 4.12.0. Value used in a deprecated component {@link Listbox}.
  */
 export type ListboxValue = string;
 /** `Listbox` Props.
  * @alpha
- * @deprecated in 4.12.x. Props of deprecated component {@link Listbox}.
+ * @deprecated in 4.12.0. Props of deprecated component {@link Listbox}.
  */
 export interface ListboxProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement> {
     id?: string;
@@ -19,7 +19,7 @@ export interface ListboxProps extends React.DetailedHTMLProps<React.HTMLAttribut
 }
 /** `ListboxItem` Props.
  * @alpha
- * @deprecated in 4.12.x. Props of deprecated component {@link ListboxItem}.
+ * @deprecated in 4.12.0. Props of deprecated component {@link ListboxItem}.
  */
 export interface ListboxItemProps extends React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> {
     /** The unique item's value. */
@@ -29,7 +29,7 @@ export interface ListboxItemProps extends React.DetailedHTMLProps<React.LiHTMLAt
 }
 /** `Listbox` Context.
  * @alpha
- * @deprecated in 4.12.x. Props of deprecated context {@link ListboxContext}.
+ * @deprecated in 4.12.0. Props of deprecated context {@link ListboxContext}.
  */
 export interface ListboxContextProps {
     listboxId?: string;
@@ -40,17 +40,17 @@ export interface ListboxContextProps {
 }
 /** Context set up by listbox for use by `ListboxItems` .
  * @alpha
- * @deprecated in 4.12.x. Context of deprecated component {@link Listbox}.
+ * @deprecated in 4.12.0. Context of deprecated component {@link Listbox}.
  */
 export declare const ListboxContext: React.Context<ListboxContextProps>;
 /** Single select `Listbox` component
  * @alpha
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.
  */
 export declare function Listbox(props: ListboxProps): React.JSX.Element;
 /** `ListboxItem` component.
  * @alpha
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.
  */
 export declare function ListboxItem(props: ListboxItemProps): React.JSX.Element;
 //# sourceMappingURL=Listbox.d.ts.map

package/lib/esm/core-react/listbox/Listbox.js

@@ -9,7 +9,7 @@ import "./Listbox.scss";
 import { Guid } from "@itwin/core-bentley";
 /** Context set up by listbox for use by `ListboxItems` .
  * @alpha
- * @deprecated in 4.12.x. Context of deprecated component {@link Listbox}.
+ * @deprecated in 4.12.0. Context of deprecated component {@link Listbox}.
  */
 export const ListboxContext = React.createContext({
     onListboxValueChange: (_newValue) => { },
@@ -66,7 +66,7 @@ function processKeyboardNavigation(optionValues, itemIndex, key) {
 }
 /** Single select `Listbox` component
  * @alpha
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.
  */
 export function Listbox(props) {
     const { ariaLabel, ariaLabelledBy, id, children, selectedValue, className, onListboxValueChange, onKeyDown, ...otherProps } = props;
@@ -182,7 +182,7 @@ export function Listbox(props) {
 }
 /** `ListboxItem` component.
  * @alpha
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.
  */
 export function ListboxItem(props) {
     const { children, value, className, disabled, ...otherProps } = props;

package/lib/esm/core-react/listbox/Listbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Listbox.js","sourceRoot":"","sources":["../../../../src/core-react/listbox/Listbox.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AA6D3C;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB;IACrE,oBAAoB,EAAE,CAAC,SAAmC,EAAE,EAAE,GAAE,CAAC;CAClE,CAAC,CAAC;AAEH,SAAS,MAAM,CAAC,GAAG,IAA+C;IAChE,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,mBAAmB,CAAC,UAA2B;IACtD,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC;SACtC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;SAChE,GAAG,CACF,CAAC,UAAU,EAAE,EAAE,CACZ,UAAiC,CAAC,KAAyB,CAC/D,CAAC;AACN,CAAC;AAED,SAAS,yBAAyB,CAChC,YAAgC,EAChC,SAAiB,EACjB,GAAW;IAEX,IAAI,YAAY,GAAG,KAAK,CAAC;IACzB,IAAI,QAAQ,GAAG,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9C,wJAAwJ;IACxJ,IAAI,GAAG,KAAK,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,GAAG,KAAK,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC;QACtE,KAAK,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzD,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC9B,QAAQ,GAAG,CAAC,CAAC;gBACb,MAAM;YACR,CAAC;QACH,CAAC;QACD,YAAY,GAAG,IAAI,CAAC;IACtB,CAAC;SAAM,IAAI,GAAG,KAAK,GAAG,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,GAAG,KAAK,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC;QACzE,KAAK,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YACxC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC9B,QAAQ,GAAG,CAAC,CAAC;gBACb,MAAM;YACR,CAAC;QACH,CAAC;QACD,YAAY,GAAG,IAAI,CAAC;IACtB,CAAC;SAAM,IAAI,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;QACtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7C,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC9B,QAAQ,GAAG,CAAC,CAAC;gBACb,MAAM;YACR,CAAC;QACH,CAAC;QACD,YAAY,GAAG,IAAI,CAAC;IACtB,CAAC;SAAM,IAAI,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC;QACrC,KAAK,IAAI,CAAC,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAClD,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC9B,QAAQ,GAAG,CAAC,CAAC;gBACb,MAAM;YACR,CAAC;QACH,CAAC;QACD,YAAY,GAAG,IAAI,CAAC;IACtB,CAAC;IACD,OAAO,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAClC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EACJ,SAAS,EACT,cAAc,EACd,EAAE,EACF,QAAQ,EACR,aAAa,EACb,SAAS,EACT,oBAAoB,EACpB,SAAS,EACT,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QACnC,OAAO,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;IAClC,CAAC,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EACnC,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAC3C,CAAC,SAAS,CAAC,CACZ,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAEpD,aAAa,CAAC,CAAC;IACjB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAChD,YAAY,CACb,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAe,CAAC,aAAa,CAAC,CAAC;QAC/B,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACrC,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CAAC,QAAsB,EAAE,yBAAmC,EAAE,EAAE;QAC9D,IAAI,QAAQ,KAAK,YAAY,EAAE,CAAC;YAC9B,eAAe,CAAC,QAAQ,CAAC,CAAC;YAC1B,aAAa,CAAC,QAAQ,CAAC,CAAC;YACxB,IAAI,oBAAoB;gBACtB,oBAAoB,CAAC,QAAQ,EAAE,yBAAyB,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC,EACD,CAAC,eAAe,EAAE,YAAY,EAAE,oBAAoB,CAAC,CACtD,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,SAAiB,EAAE,EAAE;QACpB,IAAI,SAAS,IAAI,CAAC,IAAI,SAAS,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC;YACtD,MAAM,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;YAC7C,MAAM,WAAW,GAAG,OAAO,CAAC,OAA2B,CAAC;YACxD,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAC7C,kBAAkB,YAAY,CAAC,KAAK,IAAI,CACzC,CAAC;YACF,IAAI,aAAa,IAAI,WAAW,EAAE,CAAC;gBACjC,IAAI,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC;gBAEzC,IAAI,WAAW,CAAC,YAAY,GAAG,WAAW,CAAC,YAAY,EAAE,CAAC;oBACxD,MAAM,YAAY,GAChB,WAAW,CAAC,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC;oBACnD,MAAM,aAAa,GACjB,aAAa,CAAC,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC;oBACvD,IAAI,aAAa,GAAG,YAAY,EAAE,CAAC;wBACjC,YAAY,GAAG,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC;oBAC1D,CAAC;yBAAM,IAAI,aAAa,CAAC,SAAS,GAAG,WAAW,CAAC,SAAS,EAAE,CAAC;wBAC3D,YAAY,GAAG,aAAa,CAAC,SAAS,CAAC;oBACzC,CAAC;oBACD,YAAY,CAAC,OAAO,GAAG,YAAY,CAAC;gBACtC,CAAC;gBACD,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAA4C,EAAE,EAAE;QAC/C,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO;QAEpC,MAAM,SAAS,GACb,SAAS,KAAK,UAAU;YACtB,CAAC,CAAC,CAAC,CAAC;YACJ,CAAC,CAAC,YAAY,CAAC,SAAS,CACpB,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,KAAK,UAAU,CAClD,CAAC;QAER,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACtB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,UAAU;gBACZ,iBAAiB,CACf,UAAU,EACV,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CACpE,CAAC,CAAC,qBAAqB;YAC1B,OAAO;QACT,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,yBAAyB,CAC5D,YAAY,EACZ,SAAS,EACT,KAAK,CAAC,GAAG,CACV,CAAC;YACF,IAAI,YAAY,EAAE,CAAC;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,WAAW,CAAC,YAAY,CAAC,CAAC;gBAC1B,OAAO;YACT,CAAC;QACH,CAAC;QAED,IAAI,SAAS;YAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,CAAC,CACtE,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,IAAI,GAAG,OAAO,CAAC,OAA2B,CAAC;QAEjD,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAE/B,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;gBAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CACtC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,KAAK,UAAU,CAClD,CAAC;gBACF,WAAW,CAAC,SAAS,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACxC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5C,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,MAAgD,EAAE,EAAE;QACnD,IAAI,OAAO,CAAC,OAAO;YAAE,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC;IACxE,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,MAA0C,EAAE,EAAE;QAC7C,IAAI,CAAC,UAAU,IAAI,CAAC,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;YAC3C,IAAI,YAAY,EAAE,CAAC;gBACjB,aAAa,CAAC,YAAY,CAAC,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACN,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC;oBAAE,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACpE,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,UAAU,EAAE,YAAY,CAAC,CACzC,CAAC;IAEF,OAAO,CACL,4BACE,SAAS,EAAE,OAAO,qBAOD,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,gBAC3C,SAAS;QACrB,oEAAoE;QACpE,WAAW;QACX,wDAAwD;QACxD,IAAI,EAAC,SAAS;QACd,yFAAyF;QACzF,QAAQ,EAAE,CAAC,2BAEY,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,KAC/C,UAAU,EACd,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,cAAc,gBACZ,YAAY,qBACP,UAAU,EAC3B,OAAO,EAAE,aAAa;QAEtB,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;gBACL,YAAY,EAAE,YAAY;gBAC1B,UAAU;gBACV,SAAS,EAAE,MAAM;gBACjB,oBAAoB,EAAE,iBAAiB;gBACvC,UAAU,EAAE,OAAO;aACpB,IAEA,QAAQ,CACe,CACvB,CACN,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,oBAAoB,EAAE,GACjE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAEnC,MAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;IAEtC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,EAAE,QAAQ,IAAI,SAAS,EAAE,SAAS,CAAC,EACvE,CAAC,SAAS,EAAE,QAAQ,CAAC,CACtB,CAAC;IACF,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,YAAY,KAAK,KAAK,CAAC;IAE1C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,KAAkD,EAAE,EAAE;QACrD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC;QAC1D,IAAI,SAAS,KAAK,aAAa,EAAE,CAAC;YAChC,oBAAoB,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QACrD,CAAC;IACH,CAAC,EACD,CAAC,oBAAoB,CAAC,CACvB,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,OAAO,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,OAAO;IACL,iEAAiE;IACjE,6CAIiB,UAAU,mBAIV,QAAQ,IAAI,SAAS;QACpC,uEAAuE;QACvE,sCAAsC;QACtC,wDAAwD;QACxD,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,OAAO,KACd,UAAU,EACd,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,SAAS,EAAE,gBAEH,KAAK,EACjB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACN,CACN,CAAC;AACJ,CAAC","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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { Key } from \"ts-key-enum\";\n\nimport \"./Listbox.scss\";\nimport { Guid } from \"@itwin/core-bentley\";\n\n/** Ideas borrowed from  https://reacttraining.com/reach-ui/listbox */\n\n/* eslint-disable deprecation/deprecation */\n\n/** `Listbox` value.\n * @alpha\n * @deprecated in 4.12.x. Value used in a deprecated component {@link Listbox}.\n */\nexport type ListboxValue = string;\n\n/** `Listbox` Props.\n * @alpha\n * @deprecated in 4.12.x. Props of deprecated component {@link Listbox}.\n */\nexport interface ListboxProps\n  extends React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLUListElement>,\n    HTMLUListElement\n  > {\n  id?: string;\n  selectedValue?: ListboxValue;\n  ariaLabel?: any;\n  ariaLabelledBy?: any;\n  onListboxValueChange?: (\n    newValue: ListboxValue,\n    isControlOrCommandPressed?: boolean\n  ) => void;\n}\n\n/** `ListboxItem` Props.\n * @alpha\n * @deprecated in 4.12.x. Props of deprecated component {@link ListboxItem}.\n */\nexport interface ListboxItemProps\n  extends React.DetailedHTMLProps<\n    React.LiHTMLAttributes<HTMLLIElement>,\n    HTMLLIElement\n  > {\n  /** The unique item's value. */\n  value: ListboxValue;\n  /** set if item is disabled. */\n  disabled?: boolean;\n}\n\n/** `Listbox` Context.\n * @alpha\n * @deprecated in 4.12.x. Props of deprecated context {@link ListboxContext}.\n */\nexport interface ListboxContextProps {\n  listboxId?: string;\n  listboxValue?: ListboxValue;\n  focusValue?: ListboxValue;\n  onListboxValueChange: (\n    newValue: ListboxValue,\n    isControlOrCommandPressed?: boolean\n  ) => void;\n  listboxRef?: React.RefObject<HTMLUListElement>;\n}\n\n/** Context set up by listbox for use by `ListboxItems` .\n * @alpha\n * @deprecated in 4.12.x. Context of deprecated component {@link Listbox}.\n */\nexport const ListboxContext = React.createContext<ListboxContextProps>({\n  onListboxValueChange: (_newValue: ListboxValue | undefined) => {},\n});\n\nfunction makeId(...args: Array<string | number | null | undefined>) {\n  return args.filter((val) => val != null).join(\"--\");\n}\n\nfunction getOptionValueArray(childNodes: React.ReactNode): ListboxItemProps[] {\n  return React.Children.toArray(childNodes)\n    .filter((node) => React.isValidElement(node) && node.props.value)\n    .map(\n      (optionNode) =>\n        (optionNode as React.ReactElement).props as ListboxItemProps\n    );\n}\n\nfunction processKeyboardNavigation(\n  optionValues: ListboxItemProps[],\n  itemIndex: number,\n  key: string\n): [number, boolean] {\n  let keyProcessed = false;\n  let newIndex = itemIndex >= 0 ? itemIndex : 0;\n\n  // Note: In aria example Page Up/Down just moves up or down by one item. See https://www.w3.org/TR/wai-aria-practices-1.1/examples/listbox/js/listbox.js\n  if (key === Key.ArrowDown.valueOf() || key === Key.PageDown.valueOf()) {\n    for (let i = itemIndex + 1; i < optionValues.length; i++) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.ArrowUp.valueOf() || key === Key.PageUp.valueOf()) {\n    for (let i = itemIndex - 1; i >= 0; i--) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.Home.valueOf()) {\n    for (let i = 0; i < optionValues.length; i++) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.End.valueOf()) {\n    for (let i = optionValues.length - 1; i >= 0; i--) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  }\n  return [newIndex, keyProcessed];\n}\n\n/** Single select `Listbox` component\n * @alpha\n * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.\n */\nexport function Listbox(props: ListboxProps) {\n  const {\n    ariaLabel,\n    ariaLabelledBy,\n    id,\n    children,\n    selectedValue,\n    className,\n    onListboxValueChange,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const listRef = React.useRef<HTMLUListElement>(null);\n  const [listId] = React.useState(() => {\n    return id ?? Guid.createValue();\n  });\n  const optionValues = React.useMemo(\n    () => getOptionValueArray(children),\n    [children]\n  );\n  const classes = React.useMemo(\n    () => classnames(\"core-listbox\", className),\n    [className]\n  );\n  const [currentValue, setCurrentValue] = React.useState<\n    ListboxValue | undefined\n  >(selectedValue);\n  const [focusValue, setFocusValue] = React.useState<ListboxValue | undefined>(\n    currentValue\n  );\n\n  React.useEffect(() => {\n    setCurrentValue(selectedValue);\n    setFocusValue(selectedValue);\n  }, [selectedValue]);\n\n  const scrollTopRef = React.useRef(0);\n  const handleValueChange = React.useCallback(\n    (newValue: ListboxValue, isControlOrCommandPressed?: boolean) => {\n      if (newValue !== currentValue) {\n        setCurrentValue(newValue);\n        setFocusValue(newValue);\n        if (onListboxValueChange)\n          onListboxValueChange(newValue, isControlOrCommandPressed);\n      }\n    },\n    [setCurrentValue, currentValue, onListboxValueChange]\n  );\n\n  const focusOption = React.useCallback(\n    (itemIndex: number) => {\n      if (itemIndex >= 0 && itemIndex < optionValues.length) {\n        const newSelection = optionValues[itemIndex];\n        const listElement = listRef.current as HTMLUListElement;\n        const optionToFocus = listElement.querySelector<HTMLLIElement>(\n          `li[data-value=\"${newSelection.value}\"]`\n        );\n        if (optionToFocus && listElement) {\n          let newScrollTop = listElement.scrollTop;\n\n          if (listElement.scrollHeight > listElement.clientHeight) {\n            const scrollBottom =\n              listElement.clientHeight + listElement.scrollTop;\n            const elementBottom =\n              optionToFocus.offsetTop + optionToFocus.offsetHeight;\n            if (elementBottom > scrollBottom) {\n              newScrollTop = elementBottom - listElement.clientHeight;\n            } else if (optionToFocus.offsetTop < listElement.scrollTop) {\n              newScrollTop = optionToFocus.offsetTop;\n            }\n            scrollTopRef.current = newScrollTop;\n          }\n          setFocusValue(newSelection.value);\n        }\n      }\n    },\n    [optionValues]\n  );\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (optionValues.length < 1) return;\n\n      const itemIndex =\n        undefined === focusValue\n          ? -1\n          : optionValues.findIndex(\n              (optionValue) => optionValue.value === focusValue\n            );\n\n      if (event.key === \" \") {\n        event.preventDefault();\n        if (focusValue)\n          handleValueChange(\n            focusValue,\n            event.getModifierState(\"Control\") || event.getModifierState(\"Meta\")\n          ); // Control or Command\n        return;\n      } else {\n        const [newItemIndex, keyProcessed] = processKeyboardNavigation(\n          optionValues,\n          itemIndex,\n          event.key\n        );\n        if (keyProcessed) {\n          event.preventDefault();\n          focusOption(newItemIndex);\n          return;\n        }\n      }\n\n      if (onKeyDown) onKeyDown(event);\n    },\n    [focusValue, optionValues, focusOption, onKeyDown, handleValueChange]\n  );\n\n  const isInitialMount = React.useRef(true);\n\n  React.useEffect(() => {\n    const list = listRef.current as HTMLUListElement;\n\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n\n      if (undefined !== focusValue) {\n        const itemIndex = optionValues.findIndex(\n          (optionValue) => optionValue.value === focusValue\n        );\n        focusOption(itemIndex);\n      }\n    } else {\n      list.scrollTop = scrollTopRef.current;\n    }\n  }, [focusValue, focusOption, optionValues]);\n\n  const handleOnScroll = React.useCallback(\n    (_event: React.UIEvent<HTMLUListElement, UIEvent>) => {\n      if (listRef.current) scrollTopRef.current = listRef.current.scrollTop;\n    },\n    []\n  );\n\n  const handleOnFocus = React.useCallback(\n    (_event: React.FocusEvent<HTMLUListElement>) => {\n      if (!focusValue || 0 === focusValue.length) {\n        if (currentValue) {\n          setFocusValue(currentValue);\n        } else {\n          if (optionValues.length > 0) setFocusValue(optionValues[0].value);\n        }\n      }\n    },\n    [currentValue, focusValue, optionValues]\n  );\n\n  return (\n    <ul\n      className={classes}\n      // If the listbox is not part of another widget, then it has a visible\n      // label referenced by `aria-labelledby` on the element with role\n      // `listbox`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      // If an `aria-label` is passed, we should skip `aria-labelledby` to\n      // avoid confusion.\n      aria-labelledby={ariaLabel ? undefined : ariaLabelledBy}\n      aria-label={ariaLabel}\n      // An element that contains or owns all the listbox options has role\n      // listbox.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      role=\"listbox\"\n      // https://www.w3.org/TR/wai-aria-practices-1.2/examples/listbox/listbox-collapsible.html\n      tabIndex={0}\n      // https://www.w3.org/TR/wai-aria-practices-1.2/examples/listbox/listbox-scrollable.html\n      aria-activedescendant={makeId(currentValue, listId)}\n      {...otherProps}\n      ref={listRef}\n      id={listId}\n      onKeyDown={handleKeyDown}\n      onScroll={handleOnScroll}\n      data-value={currentValue}\n      data-focusvalue={focusValue}\n      onFocus={handleOnFocus}\n    >\n      <ListboxContext.Provider\n        value={{\n          listboxValue: currentValue,\n          focusValue,\n          listboxId: listId,\n          onListboxValueChange: handleValueChange,\n          listboxRef: listRef,\n        }}\n      >\n        {children}\n      </ListboxContext.Provider>\n    </ul>\n  );\n}\n\n/** `ListboxItem` component.\n * @alpha\n * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.\n */\nexport function ListboxItem(props: ListboxItemProps) {\n  const { children, value, className, disabled, ...otherProps } = props;\n\n  const { listboxValue, focusValue, listboxId, onListboxValueChange } =\n    React.useContext(ListboxContext);\n\n  const hasFocus = focusValue === value;\n\n  const classes = React.useMemo(\n    () => classnames(\"core-listbox-item\", hasFocus && \"focused\", className),\n    [className, hasFocus]\n  );\n  const itemRef = React.useRef<HTMLLIElement>(null);\n  const isSelected = listboxValue === value;\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n      event.preventDefault();\n      const selectedValue = event.currentTarget?.dataset?.value;\n      if (undefined !== selectedValue) {\n        onListboxValueChange(selectedValue, event.ctrlKey);\n      }\n    },\n    [onListboxValueChange]\n  );\n\n  const getItemId = React.useCallback(() => {\n    return makeId(value, listboxId);\n  }, [listboxId, value]);\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <li\n      // In a single-select listbox, the selected option has `aria-selected`\n      // set to `true`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      aria-selected={isSelected}\n      // Applicable to all host language elements regardless of whether a\n      // `role` is applied.\n      // https://www.w3.org/WAI/PF/aria/states_and_properties#global_states_header\n      aria-disabled={disabled || undefined}\n      // Each option in the listbox has role `option` and is a DOM descendant\n      // of the element with role `listbox`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      role=\"option\"\n      className={classes}\n      {...otherProps}\n      ref={itemRef}\n      id={getItemId()}\n      // used for css styling\n      data-value={value}\n      onClick={handleClick}\n    >\n      {children}\n    </li>\n  );\n}\n"]}
+{"version":3,"file":"Listbox.js","sourceRoot":"","sources":["../../../../src/core-react/listbox/Listbox.tsx"],"names":[],"mappings":"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","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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { Key } from \"ts-key-enum\";\n\nimport \"./Listbox.scss\";\nimport { Guid } from \"@itwin/core-bentley\";\n\n/** Ideas borrowed from  https://reacttraining.com/reach-ui/listbox */\n\n/* eslint-disable deprecation/deprecation */\n\n/** `Listbox` value.\n * @alpha\n * @deprecated in 4.12.0. Value used in a deprecated component {@link Listbox}.\n */\nexport type ListboxValue = string;\n\n/** `Listbox` Props.\n * @alpha\n * @deprecated in 4.12.0. Props of deprecated component {@link Listbox}.\n */\nexport interface ListboxProps\n  extends React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLUListElement>,\n    HTMLUListElement\n  > {\n  id?: string;\n  selectedValue?: ListboxValue;\n  ariaLabel?: any;\n  ariaLabelledBy?: any;\n  onListboxValueChange?: (\n    newValue: ListboxValue,\n    isControlOrCommandPressed?: boolean\n  ) => void;\n}\n\n/** `ListboxItem` Props.\n * @alpha\n * @deprecated in 4.12.0. Props of deprecated component {@link ListboxItem}.\n */\nexport interface ListboxItemProps\n  extends React.DetailedHTMLProps<\n    React.LiHTMLAttributes<HTMLLIElement>,\n    HTMLLIElement\n  > {\n  /** The unique item's value. */\n  value: ListboxValue;\n  /** set if item is disabled. */\n  disabled?: boolean;\n}\n\n/** `Listbox` Context.\n * @alpha\n * @deprecated in 4.12.0. Props of deprecated context {@link ListboxContext}.\n */\nexport interface ListboxContextProps {\n  listboxId?: string;\n  listboxValue?: ListboxValue;\n  focusValue?: ListboxValue;\n  onListboxValueChange: (\n    newValue: ListboxValue,\n    isControlOrCommandPressed?: boolean\n  ) => void;\n  listboxRef?: React.RefObject<HTMLUListElement>;\n}\n\n/** Context set up by listbox for use by `ListboxItems` .\n * @alpha\n * @deprecated in 4.12.0. Context of deprecated component {@link Listbox}.\n */\nexport const ListboxContext = React.createContext<ListboxContextProps>({\n  onListboxValueChange: (_newValue: ListboxValue | undefined) => {},\n});\n\nfunction makeId(...args: Array<string | number | null | undefined>) {\n  return args.filter((val) => val != null).join(\"--\");\n}\n\nfunction getOptionValueArray(childNodes: React.ReactNode): ListboxItemProps[] {\n  return React.Children.toArray(childNodes)\n    .filter((node) => React.isValidElement(node) && node.props.value)\n    .map(\n      (optionNode) =>\n        (optionNode as React.ReactElement).props as ListboxItemProps\n    );\n}\n\nfunction processKeyboardNavigation(\n  optionValues: ListboxItemProps[],\n  itemIndex: number,\n  key: string\n): [number, boolean] {\n  let keyProcessed = false;\n  let newIndex = itemIndex >= 0 ? itemIndex : 0;\n\n  // Note: In aria example Page Up/Down just moves up or down by one item. See https://www.w3.org/TR/wai-aria-practices-1.1/examples/listbox/js/listbox.js\n  if (key === Key.ArrowDown.valueOf() || key === Key.PageDown.valueOf()) {\n    for (let i = itemIndex + 1; i < optionValues.length; i++) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.ArrowUp.valueOf() || key === Key.PageUp.valueOf()) {\n    for (let i = itemIndex - 1; i >= 0; i--) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.Home.valueOf()) {\n    for (let i = 0; i < optionValues.length; i++) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.End.valueOf()) {\n    for (let i = optionValues.length - 1; i >= 0; i--) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  }\n  return [newIndex, keyProcessed];\n}\n\n/** Single select `Listbox` component\n * @alpha\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.\n */\nexport function Listbox(props: ListboxProps) {\n  const {\n    ariaLabel,\n    ariaLabelledBy,\n    id,\n    children,\n    selectedValue,\n    className,\n    onListboxValueChange,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const listRef = React.useRef<HTMLUListElement>(null);\n  const [listId] = React.useState(() => {\n    return id ?? Guid.createValue();\n  });\n  const optionValues = React.useMemo(\n    () => getOptionValueArray(children),\n    [children]\n  );\n  const classes = React.useMemo(\n    () => classnames(\"core-listbox\", className),\n    [className]\n  );\n  const [currentValue, setCurrentValue] = React.useState<\n    ListboxValue | undefined\n  >(selectedValue);\n  const [focusValue, setFocusValue] = React.useState<ListboxValue | undefined>(\n    currentValue\n  );\n\n  React.useEffect(() => {\n    setCurrentValue(selectedValue);\n    setFocusValue(selectedValue);\n  }, [selectedValue]);\n\n  const scrollTopRef = React.useRef(0);\n  const handleValueChange = React.useCallback(\n    (newValue: ListboxValue, isControlOrCommandPressed?: boolean) => {\n      if (newValue !== currentValue) {\n        setCurrentValue(newValue);\n        setFocusValue(newValue);\n        if (onListboxValueChange)\n          onListboxValueChange(newValue, isControlOrCommandPressed);\n      }\n    },\n    [setCurrentValue, currentValue, onListboxValueChange]\n  );\n\n  const focusOption = React.useCallback(\n    (itemIndex: number) => {\n      if (itemIndex >= 0 && itemIndex < optionValues.length) {\n        const newSelection = optionValues[itemIndex];\n        const listElement = listRef.current as HTMLUListElement;\n        const optionToFocus = listElement.querySelector<HTMLLIElement>(\n          `li[data-value=\"${newSelection.value}\"]`\n        );\n        if (optionToFocus && listElement) {\n          let newScrollTop = listElement.scrollTop;\n\n          if (listElement.scrollHeight > listElement.clientHeight) {\n            const scrollBottom =\n              listElement.clientHeight + listElement.scrollTop;\n            const elementBottom =\n              optionToFocus.offsetTop + optionToFocus.offsetHeight;\n            if (elementBottom > scrollBottom) {\n              newScrollTop = elementBottom - listElement.clientHeight;\n            } else if (optionToFocus.offsetTop < listElement.scrollTop) {\n              newScrollTop = optionToFocus.offsetTop;\n            }\n            scrollTopRef.current = newScrollTop;\n          }\n          setFocusValue(newSelection.value);\n        }\n      }\n    },\n    [optionValues]\n  );\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (optionValues.length < 1) return;\n\n      const itemIndex =\n        undefined === focusValue\n          ? -1\n          : optionValues.findIndex(\n              (optionValue) => optionValue.value === focusValue\n            );\n\n      if (event.key === \" \") {\n        event.preventDefault();\n        if (focusValue)\n          handleValueChange(\n            focusValue,\n            event.getModifierState(\"Control\") || event.getModifierState(\"Meta\")\n          ); // Control or Command\n        return;\n      } else {\n        const [newItemIndex, keyProcessed] = processKeyboardNavigation(\n          optionValues,\n          itemIndex,\n          event.key\n        );\n        if (keyProcessed) {\n          event.preventDefault();\n          focusOption(newItemIndex);\n          return;\n        }\n      }\n\n      if (onKeyDown) onKeyDown(event);\n    },\n    [focusValue, optionValues, focusOption, onKeyDown, handleValueChange]\n  );\n\n  const isInitialMount = React.useRef(true);\n\n  React.useEffect(() => {\n    const list = listRef.current as HTMLUListElement;\n\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n\n      if (undefined !== focusValue) {\n        const itemIndex = optionValues.findIndex(\n          (optionValue) => optionValue.value === focusValue\n        );\n        focusOption(itemIndex);\n      }\n    } else {\n      list.scrollTop = scrollTopRef.current;\n    }\n  }, [focusValue, focusOption, optionValues]);\n\n  const handleOnScroll = React.useCallback(\n    (_event: React.UIEvent<HTMLUListElement, UIEvent>) => {\n      if (listRef.current) scrollTopRef.current = listRef.current.scrollTop;\n    },\n    []\n  );\n\n  const handleOnFocus = React.useCallback(\n    (_event: React.FocusEvent<HTMLUListElement>) => {\n      if (!focusValue || 0 === focusValue.length) {\n        if (currentValue) {\n          setFocusValue(currentValue);\n        } else {\n          if (optionValues.length > 0) setFocusValue(optionValues[0].value);\n        }\n      }\n    },\n    [currentValue, focusValue, optionValues]\n  );\n\n  return (\n    <ul\n      className={classes}\n      // If the listbox is not part of another widget, then it has a visible\n      // label referenced by `aria-labelledby` on the element with role\n      // `listbox`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      // If an `aria-label` is passed, we should skip `aria-labelledby` to\n      // avoid confusion.\n      aria-labelledby={ariaLabel ? undefined : ariaLabelledBy}\n      aria-label={ariaLabel}\n      // An element that contains or owns all the listbox options has role\n      // listbox.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      role=\"listbox\"\n      // https://www.w3.org/TR/wai-aria-practices-1.2/examples/listbox/listbox-collapsible.html\n      tabIndex={0}\n      // https://www.w3.org/TR/wai-aria-practices-1.2/examples/listbox/listbox-scrollable.html\n      aria-activedescendant={makeId(currentValue, listId)}\n      {...otherProps}\n      ref={listRef}\n      id={listId}\n      onKeyDown={handleKeyDown}\n      onScroll={handleOnScroll}\n      data-value={currentValue}\n      data-focusvalue={focusValue}\n      onFocus={handleOnFocus}\n    >\n      <ListboxContext.Provider\n        value={{\n          listboxValue: currentValue,\n          focusValue,\n          listboxId: listId,\n          onListboxValueChange: handleValueChange,\n          listboxRef: listRef,\n        }}\n      >\n        {children}\n      </ListboxContext.Provider>\n    </ul>\n  );\n}\n\n/** `ListboxItem` component.\n * @alpha\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/list iTwinUI list} instead.\n */\nexport function ListboxItem(props: ListboxItemProps) {\n  const { children, value, className, disabled, ...otherProps } = props;\n\n  const { listboxValue, focusValue, listboxId, onListboxValueChange } =\n    React.useContext(ListboxContext);\n\n  const hasFocus = focusValue === value;\n\n  const classes = React.useMemo(\n    () => classnames(\"core-listbox-item\", hasFocus && \"focused\", className),\n    [className, hasFocus]\n  );\n  const itemRef = React.useRef<HTMLLIElement>(null);\n  const isSelected = listboxValue === value;\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n      event.preventDefault();\n      const selectedValue = event.currentTarget?.dataset?.value;\n      if (undefined !== selectedValue) {\n        onListboxValueChange(selectedValue, event.ctrlKey);\n      }\n    },\n    [onListboxValueChange]\n  );\n\n  const getItemId = React.useCallback(() => {\n    return makeId(value, listboxId);\n  }, [listboxId, value]);\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <li\n      // In a single-select listbox, the selected option has `aria-selected`\n      // set to `true`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      aria-selected={isSelected}\n      // Applicable to all host language elements regardless of whether a\n      // `role` is applied.\n      // https://www.w3.org/WAI/PF/aria/states_and_properties#global_states_header\n      aria-disabled={disabled || undefined}\n      // Each option in the listbox has role `option` and is a DOM descendant\n      // of the element with role `listbox`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      role=\"option\"\n      className={classes}\n      {...otherProps}\n      ref={itemRef}\n      id={getItemId()}\n      // used for css styling\n      data-value={value}\n      onClick={handleClick}\n    >\n      {children}\n    </li>\n  );\n}\n"]}

package/lib/esm/core-react/loading/LoadingBar.d.ts

@@ -6,7 +6,7 @@ import * as React from "react";
 import type { CommonProps } from "../utils/Props";
 /** Properties for [[LoadingBar]] component
  * @public
- * @deprecated in 4.12.x. Props of deprecated component {@link LoadingBar}.
+ * @deprecated in 4.12.0. Props of deprecated component {@link LoadingBar}.
  */
 export interface LoadingBarProps extends CommonProps {
     /** Percent */
@@ -18,7 +18,7 @@ export interface LoadingBarProps extends CommonProps {
 }
 /** A loading bar with optional percentage text.
  * @public
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/progressindicator#progress-linear iTwinUI progress indicator} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/progressindicator#progress-linear iTwinUI progress indicator} instead.
  */
 export declare class LoadingBar extends React.PureComponent<LoadingBarProps> {
     static defaultProps: Partial<LoadingBarProps>;

package/lib/esm/core-react/loading/LoadingBar.js

@@ -10,7 +10,7 @@ import classnames from "classnames";
 import * as React from "react";
 /** A loading bar with optional percentage text.
  * @public
- * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/progressindicator#progress-linear iTwinUI progress indicator} instead.
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/progressindicator#progress-linear iTwinUI progress indicator} instead.
  */
 export class LoadingBar extends React.PureComponent {
     render() {