@itwin/components-react 3.0.0-extension.1 → 3.0.2

package/lib/cjs/components-react/iconpicker/IconPickerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPickerButton.js","sourceRoot":"","sources":["../../../../src/components-react/iconpicker/IconPickerButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module IconPicker\r\n */\r\n\r\nimport \"./IconPickerButton.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Popup, SvgSprite } from \"@itwin/core-react\";\r\n\r\n/** Properties for the [[IconItem]] React component\r\n * @alpha\r\n */\r\ninterface IconItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** icon specification */\r\n  icon: string;\r\n  /** function to run when user selects icon */\r\n  onClick?: () => void;\r\n}\r\n\r\n/** IconItem Functional component\r\n * @alpha\r\n */\r\n// istanbul ignore next\r\nclass IconItem extends React.PureComponent<IconItemProps> {\r\n  /** @internal */\r\n  constructor(props: IconItemProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    const {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      onClick, icon, // do not pass on item specific props\r\n      ...otherProps\r\n    } = this.props;\r\n\r\n    const handleClick = (_e: React.MouseEvent) => {\r\n      if (onClick)\r\n        onClick();\r\n    };\r\n\r\n    const classes = classnames(\"components-icon-swatch\", this.props.className);\r\n\r\n    return (\r\n      <button {...otherProps} className={classes} style={this.props.style} onClick={handleClick}>\r\n        <SvgSprite src={this.props.icon} />\r\n      </button>\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for the [[IconPicker]] React component\r\n * @alpha\r\n */\r\n// istanbul ignore next\r\nexport interface IconPickerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** active string */\r\n  icon: string;\r\n  /** available icons */\r\n  icons: string[];\r\n  /** function to run when user selects icon */\r\n  onIconChange?: ((icon: string) => void) | undefined;\r\n  /** Disabled or not */\r\n  disabled?: boolean;\r\n  /** Readonly or not */\r\n  readonly?: boolean;\r\n  /** Title to show at top of DropDown */\r\n  dropDownTitle?: string;\r\n  /** Number of columns */\r\n  numColumns: number;\r\n}\r\n\r\n/** @internal */\r\ninterface IconPickerState {\r\n  showPopup: boolean;\r\n  icon: string;\r\n}\r\n\r\n/** IconPickerButton component\r\n * @alpha\r\n */\r\n// istanbul ignore next\r\nexport class IconPickerButton extends React.PureComponent<IconPickerProps, IconPickerState> {\r\n  private _target = React.createRef<HTMLButtonElement>();\r\n\r\n  /** @internal */\r\n  public static defaultProps: Partial<IconPickerProps> = {\r\n    numColumns: 4,\r\n  };\r\n\r\n  /** @internal */\r\n  constructor(props: IconPickerProps) {\r\n    super(props);\r\n\r\n    this.state = { showPopup: false, icon: this.props.icon };\r\n  }\r\n\r\n  private _togglePopup = () => {\r\n    if (this.props.readonly)\r\n      return;\r\n\r\n    this.setState((prevState) => ({ showPopup: !prevState.showPopup }));\r\n  };\r\n\r\n  private _closePopup = () => {\r\n    this.setState({ showPopup: false });\r\n  };\r\n\r\n  private _handleIconPicked = (icon: string) => {\r\n    this.setState(\r\n      { showPopup: false, icon },\r\n      () => {\r\n        // istanbul ignore else\r\n        if (this.props.onIconChange)\r\n          this.props.onIconChange(icon);\r\n      });\r\n  };\r\n\r\n  private renderPopup(title: string | undefined) {\r\n    const containerStyle: React.CSSProperties = { gridTemplateColumns: `repeat(${this.props.numColumns}, 1fr)` };\r\n    return (\r\n      <div className=\"components-iconpicker-popup-container\">\r\n        {title && <h4>{title}</h4>}\r\n        <div data-testid=\"components-iconpicker-popup-icons\" className=\"components-iconpicker-popup-icons\" style={containerStyle}>\r\n          {this.props.icons.map((icon: string, index: number) => <IconItem key={index} icon={icon} onClick={this._handleIconPicked.bind(this, icon)} />)}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const buttonStyle = { ...this.props.style } as React.CSSProperties;\r\n    const buttonClassNames = classnames(\"components-iconpicker-button\",\r\n      this.props.readonly && \"readonly\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <button data-testid=\"components-iconpicker-button\" onClick={this._togglePopup} className={buttonClassNames} style={buttonStyle} disabled={this.props.disabled} ref={this._target}>\r\n          <SvgSprite className=\"iconpicker-button-sprite\" src={this.state.icon} />\r\n          <span className=\"icon icon-chevron-down\" />\r\n        </button>\r\n        <Popup\r\n          className=\"components-iconpicker-popup\"\r\n          isOpen={this.state.showPopup}\r\n          position={RelativePosition.BottomLeft}\r\n          onClose={this._closePopup}\r\n          target={this._target.current}>\r\n          {this.renderPopup(this.props.dropDownTitle)}\r\n        </Popup>\r\n      </>\r\n    );\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"IconPickerButton.js","sourceRoot":"","sources":["../../../../src/components-react/iconpicker/IconPickerButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module IconPicker\r\n */\r\n\r\nimport \"./IconPickerButton.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Popup, SvgSprite } from \"@itwin/core-react\";\r\n\r\n/** Properties for the [[IconItem]] React component\r\n * @alpha @deprecated\r\n */\r\ninterface IconItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** icon specification */\r\n  icon: string;\r\n  /** function to run when user selects icon */\r\n  onClick?: () => void;\r\n}\r\n\r\n/** IconItem Functional component\r\n * @alpha @deprecated\r\n */\r\n// istanbul ignore next\r\nclass IconItem extends React.PureComponent<IconItemProps> {\r\n  /** @internal */\r\n  constructor(props: IconItemProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    const {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      onClick, icon, // do not pass on item specific props\r\n      ...otherProps\r\n    } = this.props;\r\n\r\n    const handleClick = (_e: React.MouseEvent) => {\r\n      if (onClick)\r\n        onClick();\r\n    };\r\n\r\n    const classes = classnames(\"components-icon-swatch\", this.props.className);\r\n\r\n    return (\r\n      <button {...otherProps} className={classes} style={this.props.style} onClick={handleClick}>\r\n        <SvgSprite src={this.props.icon} />\r\n      </button>\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for the [[IconPicker]] React component\r\n * @alpha @deprecated\r\n */\r\n// istanbul ignore next\r\nexport interface IconPickerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** active string */\r\n  icon: string;\r\n  /** available icons */\r\n  icons: string[];\r\n  /** function to run when user selects icon */\r\n  onIconChange?: ((icon: string) => void) | undefined;\r\n  /** Disabled or not */\r\n  disabled?: boolean;\r\n  /** Readonly or not */\r\n  readonly?: boolean;\r\n  /** Title to show at top of DropDown */\r\n  dropDownTitle?: string;\r\n  /** Number of columns */\r\n  numColumns: number;\r\n}\r\n\r\n/** @internal */\r\ninterface IconPickerState {\r\n  showPopup: boolean;\r\n  icon: string;\r\n}\r\n\r\n/** IconPickerButton component\r\n * @alpha @deprecated\r\n */\r\n// istanbul ignore next\r\nexport class IconPickerButton extends React.PureComponent<IconPickerProps, IconPickerState> {\r\n  private _target = React.createRef<HTMLButtonElement>();\r\n\r\n  /** @internal */\r\n  public static defaultProps: Partial<IconPickerProps> = {\r\n    numColumns: 4,\r\n  };\r\n\r\n  /** @internal */\r\n  constructor(props: IconPickerProps) {\r\n    super(props);\r\n\r\n    this.state = { showPopup: false, icon: this.props.icon };\r\n  }\r\n\r\n  private _togglePopup = () => {\r\n    if (this.props.readonly)\r\n      return;\r\n\r\n    this.setState((prevState) => ({ showPopup: !prevState.showPopup }));\r\n  };\r\n\r\n  private _closePopup = () => {\r\n    this.setState({ showPopup: false });\r\n  };\r\n\r\n  private _handleIconPicked = (icon: string) => {\r\n    this.setState(\r\n      { showPopup: false, icon },\r\n      () => {\r\n        // istanbul ignore else\r\n        if (this.props.onIconChange)\r\n          this.props.onIconChange(icon);\r\n      });\r\n  };\r\n\r\n  private renderPopup(title: string | undefined) {\r\n    const containerStyle: React.CSSProperties = { gridTemplateColumns: `repeat(${this.props.numColumns}, 1fr)` };\r\n    return (\r\n      <div className=\"components-iconpicker-popup-container\">\r\n        {title && <h4>{title}</h4>}\r\n        <div data-testid=\"components-iconpicker-popup-icons\" className=\"components-iconpicker-popup-icons\" style={containerStyle}>\r\n          {this.props.icons.map((icon: string, index: number) => <IconItem key={index} icon={icon} onClick={this._handleIconPicked.bind(this, icon)} />)}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const buttonStyle = { ...this.props.style } as React.CSSProperties;\r\n    const buttonClassNames = classnames(\"components-iconpicker-button\",\r\n      this.props.readonly && \"readonly\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <button data-testid=\"components-iconpicker-button\" onClick={this._togglePopup} className={buttonClassNames} style={buttonStyle} disabled={this.props.disabled} ref={this._target}>\r\n          <SvgSprite className=\"iconpicker-button-sprite\" src={this.state.icon} />\r\n          <span className=\"icon icon-chevron-down\" />\r\n        </button>\r\n        <Popup\r\n          className=\"components-iconpicker-popup\"\r\n          isOpen={this.state.showPopup}\r\n          position={RelativePosition.BottomLeft}\r\n          onClose={this._closePopup}\r\n          target={this._target.current}>\r\n          {this.renderPopup(this.props.dropDownTitle)}\r\n        </Popup>\r\n      </>\r\n    );\r\n  }\r\n\r\n}\r\n"]}

package/lib/cjs/components-react/inputs/ParsedInput.js

@@ -102,7 +102,7 @@ const ForwardRefParsedInput = React.forwardRef(function ForwardRefParsedInput({
         }
     }, [formatValue, updateValueFromString]);
     const classNames = (0, classnames_1.default)(className, "components-parsed-input", hasBadInput && "components-parsed-input-has-error");
-    return React.createElement(itwinui_react_1.Input, { "data-testid": "components-parsed-input", ref: ref, style: style, className: classNames, onKeyDown: handleKeyDown, onBlur: handleBlur, onChange: handleChange, value: formattedValue, disabled: readonly });
+    return React.createElement(itwinui_react_1.Input, { "data-testid": "components-parsed-input", ref: ref, style: style, className: classNames, onKeyDown: handleKeyDown, onBlur: handleBlur, onChange: handleChange, value: formattedValue, disabled: readonly, size: "small" });
 });
 /** Generic Input component that requires formatting and parsing functions to be passed in as props.
  * @public

package/lib/cjs/components-react/inputs/ParsedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParsedInput.js","sourceRoot":"","sources":["../../../../src/components-react/inputs/ParsedInput.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Inputs\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ParseResults, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport \"./ParsedInput.scss\";\r\n\r\n/** Props for [[ParsedInput]] control\r\n * @public\r\n */\r\nexport interface ParsedInputProps extends CommonProps {\r\n  /** InitialValue which is used to restore input field if ESC is pressed */\r\n  initialValue: number;\r\n  /** Function used to format the value */\r\n  formatValue: (value: number) => string;\r\n  /** Function used to parse user input into a value */\r\n  parseString: (stringValue: string) => ParseResults;\r\n  /** Function to call when value is changed */\r\n  onChange?: (newValue: number) => void;\r\n  /** if readonly then only the formatValue function is used. */\r\n  readonly?: boolean;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\nconst ForwardRefParsedInput = React.forwardRef<HTMLInputElement, ParsedInputProps>(\r\n  function ForwardRefParsedInput({ initialValue, formatValue, parseString, readonly, className, style, onChange }, ref) {\r\n    const currentValueRef = React.useRef(initialValue);\r\n    const isMountedRef = React.useRef(false);\r\n    const lastFormattedValueRef = React.useRef(formatValue(initialValue));\r\n    const [formattedValue, setFormattedValue] = React.useState(() => lastFormattedValueRef.current);\r\n    const [hasBadInput, setHasBadInput] = React.useState(false);\r\n\r\n    React.useEffect(() => {\r\n      isMountedRef.current = true;\r\n      return () => {\r\n        isMountedRef.current = false;\r\n      };\r\n    }, []);\r\n\r\n    // See if new initialValue props have changed since component mounted\r\n    React.useEffect(() => {\r\n      currentValueRef.current = initialValue;\r\n      const currentFormattedValue = formatValue(currentValueRef.current);\r\n      if (currentFormattedValue !== lastFormattedValueRef.current) {\r\n        lastFormattedValueRef.current = currentFormattedValue;\r\n        setFormattedValue(lastFormattedValueRef.current);\r\n        setHasBadInput(false);\r\n      }\r\n    }, [formatValue, initialValue]);\r\n\r\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n      setFormattedValue(event.currentTarget.value);\r\n    }, []);\r\n\r\n    const updateValueFromString = React.useCallback((strVal: string) => {\r\n      if (lastFormattedValueRef.current === strVal)\r\n        return;\r\n\r\n      const parseResults = (parseString(strVal));\r\n      // istanbul ignore else\r\n      if (!parseResults.parseError) {\r\n        // istanbul ignore else\r\n        if (undefined !== parseResults.value && typeof parseResults.value === \"number\") {\r\n          const currentValue = parseResults.value;\r\n          // istanbul ignore else\r\n          if (currentValue !== currentValueRef.current) {\r\n            currentValueRef.current = currentValue;\r\n            onChange && onChange(currentValueRef.current);\r\n          }\r\n          // istanbul ignore else\r\n          if (isMountedRef.current) {\r\n            lastFormattedValueRef.current = formatValue(currentValue);\r\n            setFormattedValue(lastFormattedValueRef.current);\r\n            setHasBadInput(false);\r\n          }\r\n        }\r\n      } else {\r\n        setHasBadInput(true);\r\n      }\r\n    }, [formatValue, onChange, parseString]);\r\n\r\n    const handleBlur = React.useCallback((event: React.FocusEvent<HTMLInputElement>) => {\r\n      updateValueFromString(event.target.value);\r\n    }, [updateValueFromString]);\r\n\r\n    const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\r\n      // istanbul ignore else\r\n      if (event.key === SpecialKey.Enter) {\r\n        updateValueFromString(event.currentTarget.value);\r\n        event.preventDefault();\r\n      }\r\n      if (event.key === SpecialKey.Escape) {\r\n        setFormattedValue(formatValue(currentValueRef.current));\r\n        setHasBadInput(false);\r\n        event.preventDefault();\r\n      }\r\n    }, [formatValue, updateValueFromString]);\r\n\r\n    const classNames = classnames(className, \"components-parsed-input\", hasBadInput && \"components-parsed-input-has-error\");\r\n\r\n    return <Input data-testid=\"components-parsed-input\" ref={ref} style={style} className={classNames} onKeyDown={handleKeyDown} onBlur={handleBlur}\r\n      onChange={handleChange} value={formattedValue} disabled={readonly} />;\r\n  }\r\n);\r\n\r\n/** Generic Input component that requires formatting and parsing functions to be passed in as props.\r\n * @public\r\n */\r\nexport const ParsedInput: (props: ParsedInputProps) => JSX.Element | null = ForwardRefParsedInput;\r\n\r\n"]}
+{"version":3,"file":"ParsedInput.js","sourceRoot":"","sources":["../../../../src/components-react/inputs/ParsedInput.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Inputs\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ParseResults, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport \"./ParsedInput.scss\";\r\n\r\n/** Props for [[ParsedInput]] control\r\n * @public\r\n */\r\nexport interface ParsedInputProps extends CommonProps {\r\n  /** InitialValue which is used to restore input field if ESC is pressed */\r\n  initialValue: number;\r\n  /** Function used to format the value */\r\n  formatValue: (value: number) => string;\r\n  /** Function used to parse user input into a value */\r\n  parseString: (stringValue: string) => ParseResults;\r\n  /** Function to call when value is changed */\r\n  onChange?: (newValue: number) => void;\r\n  /** if readonly then only the formatValue function is used. */\r\n  readonly?: boolean;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\nconst ForwardRefParsedInput = React.forwardRef<HTMLInputElement, ParsedInputProps>(\r\n  function ForwardRefParsedInput({ initialValue, formatValue, parseString, readonly, className, style, onChange }, ref) {\r\n    const currentValueRef = React.useRef(initialValue);\r\n    const isMountedRef = React.useRef(false);\r\n    const lastFormattedValueRef = React.useRef(formatValue(initialValue));\r\n    const [formattedValue, setFormattedValue] = React.useState(() => lastFormattedValueRef.current);\r\n    const [hasBadInput, setHasBadInput] = React.useState(false);\r\n\r\n    React.useEffect(() => {\r\n      isMountedRef.current = true;\r\n      return () => {\r\n        isMountedRef.current = false;\r\n      };\r\n    }, []);\r\n\r\n    // See if new initialValue props have changed since component mounted\r\n    React.useEffect(() => {\r\n      currentValueRef.current = initialValue;\r\n      const currentFormattedValue = formatValue(currentValueRef.current);\r\n      if (currentFormattedValue !== lastFormattedValueRef.current) {\r\n        lastFormattedValueRef.current = currentFormattedValue;\r\n        setFormattedValue(lastFormattedValueRef.current);\r\n        setHasBadInput(false);\r\n      }\r\n    }, [formatValue, initialValue]);\r\n\r\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n      setFormattedValue(event.currentTarget.value);\r\n    }, []);\r\n\r\n    const updateValueFromString = React.useCallback((strVal: string) => {\r\n      if (lastFormattedValueRef.current === strVal)\r\n        return;\r\n\r\n      const parseResults = (parseString(strVal));\r\n      // istanbul ignore else\r\n      if (!parseResults.parseError) {\r\n        // istanbul ignore else\r\n        if (undefined !== parseResults.value && typeof parseResults.value === \"number\") {\r\n          const currentValue = parseResults.value;\r\n          // istanbul ignore else\r\n          if (currentValue !== currentValueRef.current) {\r\n            currentValueRef.current = currentValue;\r\n            onChange && onChange(currentValueRef.current);\r\n          }\r\n          // istanbul ignore else\r\n          if (isMountedRef.current) {\r\n            lastFormattedValueRef.current = formatValue(currentValue);\r\n            setFormattedValue(lastFormattedValueRef.current);\r\n            setHasBadInput(false);\r\n          }\r\n        }\r\n      } else {\r\n        setHasBadInput(true);\r\n      }\r\n    }, [formatValue, onChange, parseString]);\r\n\r\n    const handleBlur = React.useCallback((event: React.FocusEvent<HTMLInputElement>) => {\r\n      updateValueFromString(event.target.value);\r\n    }, [updateValueFromString]);\r\n\r\n    const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\r\n      // istanbul ignore else\r\n      if (event.key === SpecialKey.Enter) {\r\n        updateValueFromString(event.currentTarget.value);\r\n        event.preventDefault();\r\n      }\r\n      if (event.key === SpecialKey.Escape) {\r\n        setFormattedValue(formatValue(currentValueRef.current));\r\n        setHasBadInput(false);\r\n        event.preventDefault();\r\n      }\r\n    }, [formatValue, updateValueFromString]);\r\n\r\n    const classNames = classnames(className, \"components-parsed-input\", hasBadInput && \"components-parsed-input-has-error\");\r\n\r\n    return <Input data-testid=\"components-parsed-input\" ref={ref} style={style} className={classNames} onKeyDown={handleKeyDown} onBlur={handleBlur}\r\n      onChange={handleChange} value={formattedValue} disabled={readonly} size=\"small\" />;\r\n  }\r\n);\r\n\r\n/** Generic Input component that requires formatting and parsing functions to be passed in as props.\r\n * @public\r\n */\r\nexport const ParsedInput: (props: ParsedInputProps) => JSX.Element | null = ForwardRefParsedInput;\r\n\r\n"]}

package/lib/cjs/components-react/propertygrid/component/PropertyCategoryBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyCategoryBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;GAGG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,iCAAiC;IACjC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,uCAAuC;IACvC,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC;gBACxE,KAAK,EAAE,0BAA0B;IAI7C,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,aAAa,CAEnB;IAEF,gBAAgB;IACA,MAAM;CAkBvB"}
+{"version":3,"file":"PropertyCategoryBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;GAGG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,iCAAiC;IACjC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,uCAAuC;IACvC,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC;gBACxE,KAAK,EAAE,0BAA0B;IAI7C,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,aAAa,CAEnB;IAEF,gBAAgB;IACA,MAAM;CAmBvB"}

package/lib/cjs/components-react/propertygrid/component/PropertyCategoryBlock.js

@@ -54,7 +54,7 @@ class PropertyCategoryBlock extends React.Component {
         const label = highlight ?
             (React.createElement(HighlightedText_1.HighlightedText, { text: category.label, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText })) :
             category.label;
-        return (React.createElement(itwinui_react_1.ExpandableBlock, { isExpanded: category.expand, onToggle: this._handleToggle, title: label, ...props }, category.expand && children));
+        return (React.createElement(itwinui_react_1.ExpandableBlock, { isExpanded: category.expand, onToggle: this._handleToggle, title: label, size: "small", ...props }, category.expand && children));
     }
 }
 exports.PropertyCategoryBlock = PropertyCategoryBlock;

package/lib/cjs/components-react/propertygrid/component/PropertyCategoryBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyCategoryBlock.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,wDAAuD;AACvD,kEAA+D;AAiB/D;;;GAGG;AACH,MAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IACpF,YAAY,KAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QAQP,kBAAa,GAAG,CAAC,YAAqB,EAAQ,EAAE;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IATF,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAMD,gBAAgB;IACA,MAAM;;QACpB,6DAA6D;QAC7D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACnF,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,MAAK,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,0CAAE,yBAAyB,CAAA,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;QACnK,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC;YACvB,CAAC,oBAAC,iCAAe,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,CAAC,eAAe,GAAI,CAAC,CAAC,CAAC;YACxH,QAAQ,CAAC,KAAK,CAAC;QACjB,OAAO,CACL,oBAAC,+BAAe,IACd,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,KAAK,EAAE,KAAK,KACR,KAAK,IAER,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACZ,CACnB,CAAC;IACJ,CAAC;CACF;AAjCD,sDAiCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { PropertyCategory } from \"../PropertyDataProvider\";\r\n\r\n/**\r\n * Properties for the [[PropertyCategoryBlock]] React component\r\n * @public\r\n */\r\nexport interface PropertyCategoryBlockProps extends CommonProps {\r\n  /** Category of the properties */\r\n  category: PropertyCategory;\r\n  /** Callback to when PropertyCategoryBlock gets expended or collapsed */\r\n  onExpansionToggled?: (categoryName: string) => void;\r\n  /** Properties used for highlighting */\r\n  highlight?: HighlightingComponentProps;\r\n}\r\n\r\n/**\r\n * PropertyCategoryBlock React component\r\n * @public\r\n */\r\nexport class PropertyCategoryBlock extends React.Component<PropertyCategoryBlockProps> {\r\n  constructor(props: PropertyCategoryBlockProps) {\r\n    super(props);\r\n  }\r\n\r\n  private toggleExpansion() {\r\n    if (this.props.onExpansionToggled)\r\n      this.props.onExpansionToggled(this.props.category.name);\r\n  }\r\n\r\n  private _handleToggle = (_isExpanding: boolean): void => {\r\n    this.toggleExpansion();\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const { highlight, category, children, onExpansionToggled, ...props } = this.props;\r\n    const activeMatchIndex = this.props.category.name === highlight?.activeHighlight?.highlightedItemIdentifier ? highlight.activeHighlight.highlightIndex : undefined;\r\n    const label = highlight ?\r\n      (<HighlightedText text={category.label} activeMatchIndex={activeMatchIndex} searchText={highlight.highlightedText} />) :\r\n      category.label;\r\n    return (\r\n      <ExpandableBlock\r\n        isExpanded={category.expand}\r\n        onToggle={this._handleToggle}\r\n        title={label}\r\n        {...props}\r\n      >\r\n        {category.expand && children}\r\n      </ExpandableBlock>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PropertyCategoryBlock.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,wDAAuD;AACvD,kEAA+D;AAiB/D;;;GAGG;AACH,MAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IACpF,YAAY,KAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QAQP,kBAAa,GAAG,CAAC,YAAqB,EAAQ,EAAE;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IATF,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAMD,gBAAgB;IACA,MAAM;;QACpB,6DAA6D;QAC7D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACnF,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,MAAK,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,0CAAE,yBAAyB,CAAA,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;QACnK,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC;YACvB,CAAC,oBAAC,iCAAe,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,CAAC,eAAe,GAAI,CAAC,CAAC,CAAC;YACxH,QAAQ,CAAC,KAAK,CAAC;QACjB,OAAO,CACL,oBAAC,+BAAe,IACd,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,KACR,KAAK,IAER,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACZ,CACnB,CAAC;IACJ,CAAC;CACF;AAlCD,sDAkCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { PropertyCategory } from \"../PropertyDataProvider\";\r\n\r\n/**\r\n * Properties for the [[PropertyCategoryBlock]] React component\r\n * @public\r\n */\r\nexport interface PropertyCategoryBlockProps extends CommonProps {\r\n  /** Category of the properties */\r\n  category: PropertyCategory;\r\n  /** Callback to when PropertyCategoryBlock gets expended or collapsed */\r\n  onExpansionToggled?: (categoryName: string) => void;\r\n  /** Properties used for highlighting */\r\n  highlight?: HighlightingComponentProps;\r\n}\r\n\r\n/**\r\n * PropertyCategoryBlock React component\r\n * @public\r\n */\r\nexport class PropertyCategoryBlock extends React.Component<PropertyCategoryBlockProps> {\r\n  constructor(props: PropertyCategoryBlockProps) {\r\n    super(props);\r\n  }\r\n\r\n  private toggleExpansion() {\r\n    if (this.props.onExpansionToggled)\r\n      this.props.onExpansionToggled(this.props.category.name);\r\n  }\r\n\r\n  private _handleToggle = (_isExpanding: boolean): void => {\r\n    this.toggleExpansion();\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const { highlight, category, children, onExpansionToggled, ...props } = this.props;\r\n    const activeMatchIndex = this.props.category.name === highlight?.activeHighlight?.highlightedItemIdentifier ? highlight.activeHighlight.highlightIndex : undefined;\r\n    const label = highlight ?\r\n      (<HighlightedText text={category.label} activeMatchIndex={activeMatchIndex} searchText={highlight.highlightedText} />) :\r\n      category.label;\r\n    return (\r\n      <ExpandableBlock\r\n        isExpanded={category.expand}\r\n        onToggle={this._handleToggle}\r\n        title={label}\r\n        size=\"small\"\r\n        {...props}\r\n      >\r\n        {category.expand && children}\r\n      </ExpandableBlock>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/components-react/propertygrid/component/PropertyGrid.scss

@@ -4,7 +4,6 @@
 *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/core-react/lib/cjs/core-react/expandable/list";
 @import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
-@import "~@itwin/core-react/lib/cjs/core-react/style/itwinui-overrides";
 
 .components-property-grid-loader {
   position: relative;
@@ -28,8 +27,6 @@
 
   user-select: none;
   color: $buic-foreground-body;
-
-  @include small-itwinui-expandable-block;
 }
 
 .components-property-grid-wrapper {

package/lib/cjs/components-react/propertygrid/component/VirtualizedPropertyGrid.js

@@ -146,7 +146,7 @@ class VirtualizedPropertyGrid extends React.Component {
      * @returns current height of node.
      */
     calculateNodeHeight(node) {
-        const categoryHeaderHeight = 34;
+        const categoryHeaderHeight = 35;
         const categoryHeaderPadding = 4;
         const categoryPropertyHeight = 27;
         const bottomBorderPadding = 5;

package/lib/cjs/components-react/propertygrid/component/VirtualizedPropertyGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedPropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\nimport \"./VirtualizedPropertyGrid.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { areEqual, ListChildComponentProps, VariableSizeList } from \"react-window\";\r\nimport { assert } from \"@itwin/core-bentley\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, RatioChangeResult } from \"@itwin/core-react\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { createContextWithMandatoryProvider } from \"../../common/UseContextWithMandatoryProvider\";\r\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\r\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\r\nimport { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns\";\r\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\r\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\r\nimport { FlatGridItem, GridCategoryItem } from \"../internal/flat-items/FlatGridItem\";\r\nimport { MutableCategorizedPrimitiveProperty } from \"../internal/flat-items/MutableCategorizedPrimitiveProperty\";\r\nimport { MutableCustomGridCategory } from \"../internal/flat-items/MutableCustomGridCategory\";\r\nimport { FlatGridItemType } from \"../internal/flat-items/MutableFlatGridItem\";\r\nimport { MutableGridCategory } from \"../internal/flat-items/MutableGridCategory\";\r\nimport { FlatPropertyRenderer } from \"../internal/flat-properties/FlatPropertyRenderer\";\r\nimport { IPropertyGridEventHandler } from \"../internal/PropertyGridEventHandler\";\r\nimport { IPropertyGridModel } from \"../internal/PropertyGridModel\";\r\nimport { PropertyCategoryRendererManager, PropertyCategoryRendererProps } from \"../PropertyCategoryRendererManager\";\r\nimport { IPropertyDataProvider, PropertyCategory } from \"../PropertyDataProvider\";\r\nimport { ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\r\nimport { FlatItemNestedBorderWrapper } from \"./FlatItemNestedBorderWrapper\";\r\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\r\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\r\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\r\n\r\n/** Properties for [[VirtualizedPropertyGrid]] React component\r\n * @beta\r\n */\r\nexport interface VirtualizedPropertyGridProps extends CommonPropertyGridProps {\r\n  model: IPropertyGridModel;\r\n  eventHandler: IPropertyGridEventHandler;\r\n  dataProvider: IPropertyDataProvider;\r\n  highlight?: HighlightingComponentProps & {\r\n    filteredTypes?: FilteredType[];\r\n  };\r\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\r\n  width: number;\r\n  height: number;\r\n}\r\n\r\n/** State of [[VirtualizedPropertyGrid]] React component\r\n * @internal\r\n */\r\ninterface VirtualizedPropertyGridState {\r\n  /** List of PropertyGrid categories */\r\n  gridItems: FlatGridItem[];\r\n  /** Actual orientation used by the property grid */\r\n  orientation: Orientation;\r\n  /** Keeps record of dynamic node heights */\r\n  dynamicNodeHeights: Map<string, number>;\r\n  /** When resetting node height cache, marks the point at which heights have become stale */\r\n  resetIndex: number;\r\n}\r\n\r\n/**\r\n * Context of [[VirtualizedPropertyGrid]] component.\r\n * @internal\r\n */\r\nexport interface PropertyGridInternalContext {\r\n  gridItems: FlatGridItem[];\r\n  gridEventHandler: IPropertyGridEventHandler;\r\n  gridModel: IPropertyGridModel;\r\n\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  gridContext: VirtualizedPropertyGridContext;\r\n  onItemHeightChanged: (index: number, key: string, height: number) => void;\r\n}\r\n\r\n/**\r\n * Context of the surrounding [VirtualizedPropertyGrid]($components-react) component.\r\n * @beta\r\n */\r\nexport interface VirtualizedPropertyGridContext {\r\n  orientation: Orientation;\r\n  gridWidth: number;\r\n\r\n  isPropertyHoverEnabled: boolean;\r\n  isPropertySelectionEnabled: boolean;\r\n  selectedPropertyKey?: string;\r\n\r\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\r\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\r\n  onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\r\n\r\n  editingPropertyKey?: string;\r\n  onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;\r\n  onEditCancel?: () => void;\r\n\r\n  eventHandler: IPropertyGridEventHandler;\r\n  dataProvider: IPropertyDataProvider;\r\n\r\n  actionButtonRenderers?: ActionButtonRenderer[];\r\n  propertyValueRendererManager?: PropertyValueRendererManager;\r\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\r\n\r\n  columnRatio: number;\r\n  columnInfo: PropertyGridColumnInfo;\r\n  isResizeHandleBeingDragged: boolean;\r\n  isResizeHandleHovered: boolean;\r\n  onColumnRatioChanged: (ratio: number) => void | RatioChangeResult;\r\n  onResizeHandleDragChanged: (newValue: boolean) => void;\r\n  onResizeHandleHoverChanged: (newValue: boolean) => void;\r\n\r\n  highlight?: HighlightingComponentProps & {\r\n    filteredTypes?: FilteredType[];\r\n  };\r\n}\r\n\r\nconst [\r\n  PropertyGridInternalContextProvider,\r\n  _PropertyGridInternalContextConsumer,\r\n  usePropertyGridInternalContext,\r\n] = createContextWithMandatoryProvider<PropertyGridInternalContext>(\"PropertyGridInternalContext\");\r\n\r\n/**\r\n * VirtualizedPropertyGrid React component.\r\n * @beta\r\n */\r\nexport class VirtualizedPropertyGrid extends React.Component<VirtualizedPropertyGridProps, VirtualizedPropertyGridState> {\r\n  private _listRef = React.createRef<VariableSizeList>();\r\n\r\n  /** @internal */\r\n  constructor(props: VirtualizedPropertyGridProps) {\r\n    super(props);\r\n    this.state = {\r\n      gridItems: [],\r\n      orientation: props.orientation ?? Orientation.Horizontal,\r\n      dynamicNodeHeights: new Map(),\r\n      resetIndex: 0,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: VirtualizedPropertyGridProps, prevState: VirtualizedPropertyGridState) {\r\n    if (this.props.orientation !== prevProps.orientation\r\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\r\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth\r\n      || this.props.width !== prevProps.width)\r\n      this.updateOrientation(this.props.width);\r\n\r\n    if (this.props.model !== prevProps.model) {\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(0);\r\n    }\r\n\r\n    if (this.props.highlight !== prevProps.highlight && this.props.highlight?.activeHighlight && this.state.gridItems.length !== 0) {\r\n      let index = 0;\r\n      let foundMatchingItem = false;\r\n      for (const item of this.state.gridItems) {\r\n        if (item instanceof MutableCategorizedPrimitiveProperty && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.derivedRecord.property.name\r\n          || item instanceof MutableGridCategory && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.name) {\r\n          foundMatchingItem = true;\r\n          break;\r\n        }\r\n        index++;\r\n      }\r\n      if (foundMatchingItem) {\r\n        // istanbul ignore else\r\n        if (this._listRef.current)\r\n          this._listRef.current.scrollToItem(index);\r\n      }\r\n    }\r\n\r\n    if (this.state.dynamicNodeHeights !== prevState.dynamicNodeHeights) {\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(this.state.resetIndex);\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public static getDerivedStateFromProps(props: VirtualizedPropertyGridProps, state: VirtualizedPropertyGridState): VirtualizedPropertyGridState | null {\r\n    return {\r\n      ...state,\r\n      gridItems: props.model.getVisibleFlatGrid(),\r\n    };\r\n  }\r\n\r\n  private updateOrientation(width: number) {\r\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\r\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\r\n\r\n    if (currentOrientation !== this.state.orientation) {\r\n      this.setState({ orientation: currentOrientation });\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(0);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Calculate given node height depending on it's type, position in category, parent category depth and current orientation.\r\n   * @param node FlatGridItem node for which to calculate height\r\n   * @returns current height of node.\r\n   */\r\n  private calculateNodeHeight(node: FlatGridItem) {\r\n    const categoryHeaderHeight = 34;\r\n    const categoryHeaderPadding = 4;\r\n    const categoryPropertyHeight = 27;\r\n    const bottomBorderPadding = 5;\r\n    const verticalPrimitivePropertyHeight = 55;\r\n\r\n    return getPropertyHeight(this.state) + node.lastInNumberOfCategories * bottomBorderPadding;\r\n\r\n    function getPropertyHeight(state: VirtualizedPropertyGridState) {\r\n      const dynamicHeight = state.dynamicNodeHeights.get(node.key);\r\n      if (dynamicHeight !== undefined) {\r\n        if (node instanceof MutableCustomGridCategory) {\r\n          return categoryHeaderHeight + categoryHeaderPadding\r\n            + (node.isExpanded ? dynamicHeight + bottomBorderPadding : 0);\r\n        }\r\n\r\n        return dynamicHeight + (state.orientation === Orientation.Vertical ? 28 : 0);\r\n      }\r\n\r\n      if (node.type === FlatGridItemType.Category) {\r\n        return categoryHeaderHeight + categoryHeaderPadding;\r\n      }\r\n\r\n      if (state.orientation === Orientation.Vertical && node.type === FlatGridItemType.Primitive) {\r\n        return verticalPrimitivePropertyHeight;\r\n      }\r\n\r\n      return categoryPropertyHeight;\r\n    }\r\n  }\r\n\r\n  private _handleNodeHeightChange = (index: number, key: string, newHeight: number) => {\r\n    if (this.state.dynamicNodeHeights.get(key) === newHeight) {\r\n      return;\r\n    }\r\n\r\n    this.setState((state) => {\r\n      return {\r\n        ...state,\r\n        dynamicNodeHeights: new Map(state.dynamicNodeHeights).set(key, newHeight),\r\n        resetIndex: index,\r\n      };\r\n    });\r\n  };\r\n\r\n  private _calculateNodeHeightByIndex = (index: number) => {\r\n    const node = this.state.gridItems[index];\r\n    return this.calculateNodeHeight(node);\r\n  };\r\n\r\n  private calculateEstimatedHeight() {\r\n    let sum = 0;\r\n    for (const node of this.state.gridItems)\r\n      sum += this.calculateNodeHeight(node);\r\n\r\n    return Math.ceil(sum / this.state.gridItems.length);\r\n  }\r\n\r\n  private _getNodeKey = (index: number) => {\r\n    const node = this.state.gridItems[index];\r\n    return node.key;\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return <ColumnResizingPropertyListPropsSupplier\r\n      orientation={this.state.orientation}\r\n      width={this.props.width}\r\n      minLabelWidth={this.props.minLabelWidth}\r\n      minValueWidth={this.props.minValueWidth}\r\n      actionButtonWidth={this.props.actionButtonWidth}\r\n    >\r\n      {(columnResizeContext) => (\r\n        <PropertyGridEventsRelatedPropsSupplier\r\n          isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\r\n          isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\r\n          isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\r\n          onPropertyContextMenu={this.props.onPropertyContextMenu}\r\n          onPropertyUpdated={this.props.onPropertyUpdated}\r\n          onPropertySelectionChanged={this.props.onPropertySelectionChanged}\r\n          isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\r\n        >\r\n          {(selectionContext) => {\r\n            const gridContext: VirtualizedPropertyGridContext = {\r\n              orientation: columnResizeContext.orientation,\r\n              gridWidth: this.props.width,\r\n\r\n              isPropertyHoverEnabled: selectionContext.isPropertyHoverEnabled,\r\n              isPropertySelectionEnabled: selectionContext.isPropertySelectionEnabled,\r\n              selectedPropertyKey: selectionContext.selectedPropertyKey,\r\n\r\n              onPropertyClicked: selectionContext.onPropertyClicked,\r\n              onPropertyRightClicked: selectionContext.onPropertyRightClicked,\r\n              onPropertyContextMenu: selectionContext.onPropertyContextMenu,\r\n\r\n              editingPropertyKey: selectionContext.editingPropertyKey,\r\n              onEditCommit: selectionContext.onEditCommit,\r\n              onEditCancel: selectionContext.onEditCancel,\r\n\r\n              eventHandler: this.props.eventHandler,\r\n              dataProvider: this.props.dataProvider,\r\n\r\n              actionButtonRenderers: this.props.actionButtonRenderers,\r\n              propertyValueRendererManager: this.props.propertyValueRendererManager,\r\n              propertyCategoryRendererManager: this.props.propertyCategoryRendererManager,\r\n\r\n              columnRatio: columnResizeContext.columnRatio,\r\n              columnInfo: columnResizeContext.columnInfo,\r\n              isResizeHandleBeingDragged: columnResizeContext.isResizeHandleBeingDragged,\r\n              isResizeHandleHovered: columnResizeContext.isResizeHandleHovered,\r\n              onColumnRatioChanged: columnResizeContext.onColumnChanged,\r\n              onResizeHandleDragChanged: columnResizeContext.onResizeHandleDragChanged,\r\n              onResizeHandleHoverChanged: columnResizeContext.onResizeHandleHoverChanged,\r\n\r\n              highlight: this.props.highlight,\r\n            };\r\n\r\n            const renderContext: PropertyGridInternalContext = {\r\n              gridItems: this.state.gridItems,\r\n              gridEventHandler: this.props.eventHandler,\r\n              gridModel: this.props.model,\r\n              style: this.props.style,\r\n              className: this.props.className,\r\n              onItemHeightChanged: this._handleNodeHeightChange,\r\n              gridContext,\r\n            };\r\n\r\n            return (\r\n              <PropertyGridInternalContextProvider value={renderContext}>\r\n                <div className={classnames(\"components-virtualized-property-grid\", \"components-smallEditor-host\")}>\r\n                  <VariableSizeList\r\n                    className={classnames(\"components-property-grid-wrapper\", \"ReactWindow__VariableSizeList\", this.props.className)}\r\n                    width={this.props.width}\r\n                    height={this.props.height}\r\n                    itemCount={this.state.gridItems.length}\r\n                    itemSize={this._calculateNodeHeightByIndex}\r\n                    estimatedItemSize={this.calculateEstimatedHeight()}\r\n                    overscanCount={10}\r\n                    layout=\"vertical\"\r\n                    style={this.props.style}\r\n                    itemKey={this._getNodeKey}\r\n                    ref={this._listRef}\r\n                  >\r\n                    {FlatGridItemNode}\r\n                  </VariableSizeList>\r\n                </div>\r\n              </PropertyGridInternalContextProvider>\r\n            );\r\n          }}\r\n        </PropertyGridEventsRelatedPropsSupplier >\r\n      )}\r\n    </ColumnResizingPropertyListPropsSupplier>;\r\n  }\r\n}\r\n\r\nconst FlatGridItemNode = React.memo(\r\n  ({ index, style: virtualizedListStyle }: ListChildComponentProps) => {\r\n    const { gridItems, gridEventHandler, gridModel, gridContext, className, style, onItemHeightChanged } = usePropertyGridInternalContext(FlatGridItemNode);\r\n    const node = gridItems[index];\r\n\r\n    const onExpansionToggled = React.useCallback(\r\n      () => gridEventHandler.onExpansionToggled(node.selectionKey),\r\n      [gridEventHandler, node.selectionKey],\r\n    );\r\n    const onHeightChanged = React.useCallback(\r\n      (newHeight: number) => onItemHeightChanged(index, node.key, newHeight),\r\n      [onItemHeightChanged, index, node.key],\r\n    );\r\n\r\n    function getDisplayNode() {\r\n      const lastInNumberOfCategories = node.lastInNumberOfCategories;\r\n      switch (node.type) {\r\n        case FlatGridItemType.Category:\r\n          const categoryRendererManager = gridContext.propertyCategoryRendererManager\r\n            ?? PropertyCategoryRendererManager.defaultManager;\r\n          const customRenderer = categoryRendererManager.getCategoryComponent(node);\r\n          const wrapperClassName = classnames(\r\n            \"virtualized-grid-node-content\",\r\n            customRenderer !== undefined ? \"virtualized-grid-node-custom-category\" : \"virtualized-grid-node-category\",\r\n          );\r\n          return (\r\n            <FlatItemNestedBorderWrapper\r\n              borderCount={node.depth}\r\n              bottomBorderCount={lastInNumberOfCategories}\r\n              className={wrapperClassName}\r\n            >\r\n              <PropertyCategoryBlock\r\n                className={className}\r\n                style={style}\r\n                category={node.derivedCategory}\r\n                onExpansionToggled={onExpansionToggled}\r\n                highlight={gridContext.highlight?.filteredTypes?.includes(FilteredType.Category) ?\r\n                  gridContext.highlight :\r\n                  undefined\r\n                }\r\n              >\r\n                {customRenderer !== undefined && (\r\n                  <CustomCategoryContent\r\n                    renderer={customRenderer}\r\n                    categoryItem={node}\r\n                    gridContext={gridContext}\r\n                    onHeightChanged={onHeightChanged}\r\n                  />\r\n                )}\r\n              </PropertyCategoryBlock>\r\n            </FlatItemNestedBorderWrapper>\r\n          );\r\n        case FlatGridItemType.Array:\r\n        case FlatGridItemType.Struct:\r\n        case FlatGridItemType.Primitive:\r\n          const selectionKey = node.selectionKey;\r\n          const parentCategoryItem = gridModel.getItem(node.parentCategorySelectionKey) as GridCategoryItem;\r\n\r\n          return (\r\n            <FlatItemNestedBorderWrapper\r\n              borderCount={parentCategoryItem.depth + 1}\r\n              bottomBorderCount={lastInNumberOfCategories}\r\n              className=\"virtualized-grid-node-content\"\r\n            >\r\n              <FlatPropertyRenderer\r\n                key={node.key}\r\n                uniqueKey={selectionKey}\r\n                propertyRecord={node.derivedRecord}\r\n                orientation={gridContext.orientation}\r\n                indentation={node.depth}\r\n                width={gridContext.gridWidth}\r\n\r\n                isHoverable={gridContext.isPropertyHoverEnabled}\r\n                isSelectable={gridContext.isPropertySelectionEnabled}\r\n                isSelected={selectionKey === gridContext.selectedPropertyKey}\r\n\r\n                onClick={node.type === FlatGridItemType.Primitive ? gridContext.onPropertyClicked : undefined}\r\n                onRightClick={node.type === FlatGridItemType.Primitive ? gridContext.onPropertyRightClicked : undefined}\r\n                onContextMenu={gridContext.onPropertyContextMenu}\r\n\r\n                category={parentCategoryItem.derivedCategory}\r\n                isEditing={selectionKey === gridContext.editingPropertyKey}\r\n                onEditCommit={gridContext.onEditCommit}\r\n                onEditCancel={gridContext.onEditCancel}\r\n\r\n                isExpanded={node.isExpanded}\r\n                onExpansionToggled={onExpansionToggled}\r\n                onHeightChanged={onHeightChanged}\r\n\r\n                actionButtonRenderers={gridContext.actionButtonRenderers}\r\n                propertyValueRendererManager={gridContext.propertyValueRendererManager}\r\n\r\n                columnRatio={gridContext.columnRatio}\r\n                columnInfo={gridContext.columnInfo}\r\n                isResizeHandleBeingDragged={gridContext.isResizeHandleBeingDragged}\r\n                isResizeHandleHovered={gridContext.isResizeHandleHovered}\r\n                onColumnRatioChanged={gridContext.onColumnRatioChanged}\r\n                onResizeHandleDragChanged={gridContext.onResizeHandleDragChanged}\r\n                onResizeHandleHoverChanged={gridContext.onResizeHandleHoverChanged}\r\n\r\n                highlight={gridContext.highlight ?\r\n                  { applyOnLabel: (gridContext.highlight.filteredTypes?.includes(FilteredType.Label)) ?? false, applyOnValue: (gridContext.highlight.filteredTypes?.includes(FilteredType.Value)) ?? false, ...gridContext.highlight } :\r\n                  undefined\r\n                }\r\n              />\r\n            </FlatItemNestedBorderWrapper>\r\n          );\r\n      }\r\n    }\r\n\r\n    return (\r\n      <div className=\"virtualized-grid-node\" style={virtualizedListStyle}>\r\n        {getDisplayNode()}\r\n      </div>\r\n    );\r\n  },\r\n  areEqual,\r\n);\r\n\r\nFlatGridItemNode.displayName = \"FlatGridItemNode\";\r\n\r\ninterface CustomCategoryContentProps {\r\n  categoryItem: GridCategoryItem;\r\n  renderer: React.ComponentType<PropertyCategoryRendererProps>;\r\n  gridContext: VirtualizedPropertyGridContext;\r\n  onHeightChanged: (newHeight: number) => void;\r\n}\r\n\r\nconst CustomCategoryContent: React.FC<CustomCategoryContentProps> = (props) => {\r\n  const { onHeightChanged } = props;\r\n  const divRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  React.useLayoutEffect(\r\n    () => {\r\n      assert(divRef.current !== null);\r\n      const contentHeight = divRef.current.getBoundingClientRect().height;\r\n      onHeightChanged(contentHeight);\r\n    },\r\n    [props.gridContext.orientation, onHeightChanged],\r\n  );\r\n\r\n  return (\r\n    <div ref={divRef}>\r\n      {React.createElement(props.renderer, props)}\r\n    </div>\r\n  );\r\n};\r\n"]}
+{"version":3,"file":"VirtualizedPropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\nimport \"./VirtualizedPropertyGrid.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { areEqual, ListChildComponentProps, VariableSizeList } from \"react-window\";\r\nimport { assert } from \"@itwin/core-bentley\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, RatioChangeResult } from \"@itwin/core-react\";\r\nimport { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { createContextWithMandatoryProvider } from \"../../common/UseContextWithMandatoryProvider\";\r\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\r\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\r\nimport { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns\";\r\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\r\nimport { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase\";\r\nimport { FlatGridItem, GridCategoryItem } from \"../internal/flat-items/FlatGridItem\";\r\nimport { MutableCategorizedPrimitiveProperty } from \"../internal/flat-items/MutableCategorizedPrimitiveProperty\";\r\nimport { MutableCustomGridCategory } from \"../internal/flat-items/MutableCustomGridCategory\";\r\nimport { FlatGridItemType } from \"../internal/flat-items/MutableFlatGridItem\";\r\nimport { MutableGridCategory } from \"../internal/flat-items/MutableGridCategory\";\r\nimport { FlatPropertyRenderer } from \"../internal/flat-properties/FlatPropertyRenderer\";\r\nimport { IPropertyGridEventHandler } from \"../internal/PropertyGridEventHandler\";\r\nimport { IPropertyGridModel } from \"../internal/PropertyGridModel\";\r\nimport { PropertyCategoryRendererManager, PropertyCategoryRendererProps } from \"../PropertyCategoryRendererManager\";\r\nimport { IPropertyDataProvider, PropertyCategory } from \"../PropertyDataProvider\";\r\nimport { ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\r\nimport { FlatItemNestedBorderWrapper } from \"./FlatItemNestedBorderWrapper\";\r\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\r\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\r\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\r\n\r\n/** Properties for [[VirtualizedPropertyGrid]] React component\r\n * @beta\r\n */\r\nexport interface VirtualizedPropertyGridProps extends CommonPropertyGridProps {\r\n  model: IPropertyGridModel;\r\n  eventHandler: IPropertyGridEventHandler;\r\n  dataProvider: IPropertyDataProvider;\r\n  highlight?: HighlightingComponentProps & {\r\n    filteredTypes?: FilteredType[];\r\n  };\r\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\r\n  width: number;\r\n  height: number;\r\n}\r\n\r\n/** State of [[VirtualizedPropertyGrid]] React component\r\n * @internal\r\n */\r\ninterface VirtualizedPropertyGridState {\r\n  /** List of PropertyGrid categories */\r\n  gridItems: FlatGridItem[];\r\n  /** Actual orientation used by the property grid */\r\n  orientation: Orientation;\r\n  /** Keeps record of dynamic node heights */\r\n  dynamicNodeHeights: Map<string, number>;\r\n  /** When resetting node height cache, marks the point at which heights have become stale */\r\n  resetIndex: number;\r\n}\r\n\r\n/**\r\n * Context of [[VirtualizedPropertyGrid]] component.\r\n * @internal\r\n */\r\nexport interface PropertyGridInternalContext {\r\n  gridItems: FlatGridItem[];\r\n  gridEventHandler: IPropertyGridEventHandler;\r\n  gridModel: IPropertyGridModel;\r\n\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  gridContext: VirtualizedPropertyGridContext;\r\n  onItemHeightChanged: (index: number, key: string, height: number) => void;\r\n}\r\n\r\n/**\r\n * Context of the surrounding [VirtualizedPropertyGrid]($components-react) component.\r\n * @beta\r\n */\r\nexport interface VirtualizedPropertyGridContext {\r\n  orientation: Orientation;\r\n  gridWidth: number;\r\n\r\n  isPropertyHoverEnabled: boolean;\r\n  isPropertySelectionEnabled: boolean;\r\n  selectedPropertyKey?: string;\r\n\r\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\r\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\r\n  onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\r\n\r\n  editingPropertyKey?: string;\r\n  onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;\r\n  onEditCancel?: () => void;\r\n\r\n  eventHandler: IPropertyGridEventHandler;\r\n  dataProvider: IPropertyDataProvider;\r\n\r\n  actionButtonRenderers?: ActionButtonRenderer[];\r\n  propertyValueRendererManager?: PropertyValueRendererManager;\r\n  propertyCategoryRendererManager?: PropertyCategoryRendererManager;\r\n\r\n  columnRatio: number;\r\n  columnInfo: PropertyGridColumnInfo;\r\n  isResizeHandleBeingDragged: boolean;\r\n  isResizeHandleHovered: boolean;\r\n  onColumnRatioChanged: (ratio: number) => void | RatioChangeResult;\r\n  onResizeHandleDragChanged: (newValue: boolean) => void;\r\n  onResizeHandleHoverChanged: (newValue: boolean) => void;\r\n\r\n  highlight?: HighlightingComponentProps & {\r\n    filteredTypes?: FilteredType[];\r\n  };\r\n}\r\n\r\nconst [\r\n  PropertyGridInternalContextProvider,\r\n  _PropertyGridInternalContextConsumer,\r\n  usePropertyGridInternalContext,\r\n] = createContextWithMandatoryProvider<PropertyGridInternalContext>(\"PropertyGridInternalContext\");\r\n\r\n/**\r\n * VirtualizedPropertyGrid React component.\r\n * @beta\r\n */\r\nexport class VirtualizedPropertyGrid extends React.Component<VirtualizedPropertyGridProps, VirtualizedPropertyGridState> {\r\n  private _listRef = React.createRef<VariableSizeList>();\r\n\r\n  /** @internal */\r\n  constructor(props: VirtualizedPropertyGridProps) {\r\n    super(props);\r\n    this.state = {\r\n      gridItems: [],\r\n      orientation: props.orientation ?? Orientation.Horizontal,\r\n      dynamicNodeHeights: new Map(),\r\n      resetIndex: 0,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: VirtualizedPropertyGridProps, prevState: VirtualizedPropertyGridState) {\r\n    if (this.props.orientation !== prevProps.orientation\r\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\r\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth\r\n      || this.props.width !== prevProps.width)\r\n      this.updateOrientation(this.props.width);\r\n\r\n    if (this.props.model !== prevProps.model) {\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(0);\r\n    }\r\n\r\n    if (this.props.highlight !== prevProps.highlight && this.props.highlight?.activeHighlight && this.state.gridItems.length !== 0) {\r\n      let index = 0;\r\n      let foundMatchingItem = false;\r\n      for (const item of this.state.gridItems) {\r\n        if (item instanceof MutableCategorizedPrimitiveProperty && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.derivedRecord.property.name\r\n          || item instanceof MutableGridCategory && this.props.highlight.activeHighlight.highlightedItemIdentifier === item.name) {\r\n          foundMatchingItem = true;\r\n          break;\r\n        }\r\n        index++;\r\n      }\r\n      if (foundMatchingItem) {\r\n        // istanbul ignore else\r\n        if (this._listRef.current)\r\n          this._listRef.current.scrollToItem(index);\r\n      }\r\n    }\r\n\r\n    if (this.state.dynamicNodeHeights !== prevState.dynamicNodeHeights) {\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(this.state.resetIndex);\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public static getDerivedStateFromProps(props: VirtualizedPropertyGridProps, state: VirtualizedPropertyGridState): VirtualizedPropertyGridState | null {\r\n    return {\r\n      ...state,\r\n      gridItems: props.model.getVisibleFlatGrid(),\r\n    };\r\n  }\r\n\r\n  private updateOrientation(width: number) {\r\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\r\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\r\n\r\n    if (currentOrientation !== this.state.orientation) {\r\n      this.setState({ orientation: currentOrientation });\r\n      // istanbul ignore else\r\n      if (this._listRef.current)\r\n        this._listRef.current.resetAfterIndex(0);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Calculate given node height depending on it's type, position in category, parent category depth and current orientation.\r\n   * @param node FlatGridItem node for which to calculate height\r\n   * @returns current height of node.\r\n   */\r\n  private calculateNodeHeight(node: FlatGridItem) {\r\n    const categoryHeaderHeight = 35;\r\n    const categoryHeaderPadding = 4;\r\n    const categoryPropertyHeight = 27;\r\n    const bottomBorderPadding = 5;\r\n    const verticalPrimitivePropertyHeight = 55;\r\n\r\n    return getPropertyHeight(this.state) + node.lastInNumberOfCategories * bottomBorderPadding;\r\n\r\n    function getPropertyHeight(state: VirtualizedPropertyGridState) {\r\n      const dynamicHeight = state.dynamicNodeHeights.get(node.key);\r\n      if (dynamicHeight !== undefined) {\r\n        if (node instanceof MutableCustomGridCategory) {\r\n          return categoryHeaderHeight + categoryHeaderPadding\r\n            + (node.isExpanded ? dynamicHeight + bottomBorderPadding : 0);\r\n        }\r\n\r\n        return dynamicHeight + (state.orientation === Orientation.Vertical ? 28 : 0);\r\n      }\r\n\r\n      if (node.type === FlatGridItemType.Category) {\r\n        return categoryHeaderHeight + categoryHeaderPadding;\r\n      }\r\n\r\n      if (state.orientation === Orientation.Vertical && node.type === FlatGridItemType.Primitive) {\r\n        return verticalPrimitivePropertyHeight;\r\n      }\r\n\r\n      return categoryPropertyHeight;\r\n    }\r\n  }\r\n\r\n  private _handleNodeHeightChange = (index: number, key: string, newHeight: number) => {\r\n    if (this.state.dynamicNodeHeights.get(key) === newHeight) {\r\n      return;\r\n    }\r\n\r\n    this.setState((state) => {\r\n      return {\r\n        ...state,\r\n        dynamicNodeHeights: new Map(state.dynamicNodeHeights).set(key, newHeight),\r\n        resetIndex: index,\r\n      };\r\n    });\r\n  };\r\n\r\n  private _calculateNodeHeightByIndex = (index: number) => {\r\n    const node = this.state.gridItems[index];\r\n    return this.calculateNodeHeight(node);\r\n  };\r\n\r\n  private calculateEstimatedHeight() {\r\n    let sum = 0;\r\n    for (const node of this.state.gridItems)\r\n      sum += this.calculateNodeHeight(node);\r\n\r\n    return Math.ceil(sum / this.state.gridItems.length);\r\n  }\r\n\r\n  private _getNodeKey = (index: number) => {\r\n    const node = this.state.gridItems[index];\r\n    return node.key;\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return <ColumnResizingPropertyListPropsSupplier\r\n      orientation={this.state.orientation}\r\n      width={this.props.width}\r\n      minLabelWidth={this.props.minLabelWidth}\r\n      minValueWidth={this.props.minValueWidth}\r\n      actionButtonWidth={this.props.actionButtonWidth}\r\n    >\r\n      {(columnResizeContext) => (\r\n        <PropertyGridEventsRelatedPropsSupplier\r\n          isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\r\n          isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\r\n          isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\r\n          onPropertyContextMenu={this.props.onPropertyContextMenu}\r\n          onPropertyUpdated={this.props.onPropertyUpdated}\r\n          onPropertySelectionChanged={this.props.onPropertySelectionChanged}\r\n          isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\r\n        >\r\n          {(selectionContext) => {\r\n            const gridContext: VirtualizedPropertyGridContext = {\r\n              orientation: columnResizeContext.orientation,\r\n              gridWidth: this.props.width,\r\n\r\n              isPropertyHoverEnabled: selectionContext.isPropertyHoverEnabled,\r\n              isPropertySelectionEnabled: selectionContext.isPropertySelectionEnabled,\r\n              selectedPropertyKey: selectionContext.selectedPropertyKey,\r\n\r\n              onPropertyClicked: selectionContext.onPropertyClicked,\r\n              onPropertyRightClicked: selectionContext.onPropertyRightClicked,\r\n              onPropertyContextMenu: selectionContext.onPropertyContextMenu,\r\n\r\n              editingPropertyKey: selectionContext.editingPropertyKey,\r\n              onEditCommit: selectionContext.onEditCommit,\r\n              onEditCancel: selectionContext.onEditCancel,\r\n\r\n              eventHandler: this.props.eventHandler,\r\n              dataProvider: this.props.dataProvider,\r\n\r\n              actionButtonRenderers: this.props.actionButtonRenderers,\r\n              propertyValueRendererManager: this.props.propertyValueRendererManager,\r\n              propertyCategoryRendererManager: this.props.propertyCategoryRendererManager,\r\n\r\n              columnRatio: columnResizeContext.columnRatio,\r\n              columnInfo: columnResizeContext.columnInfo,\r\n              isResizeHandleBeingDragged: columnResizeContext.isResizeHandleBeingDragged,\r\n              isResizeHandleHovered: columnResizeContext.isResizeHandleHovered,\r\n              onColumnRatioChanged: columnResizeContext.onColumnChanged,\r\n              onResizeHandleDragChanged: columnResizeContext.onResizeHandleDragChanged,\r\n              onResizeHandleHoverChanged: columnResizeContext.onResizeHandleHoverChanged,\r\n\r\n              highlight: this.props.highlight,\r\n            };\r\n\r\n            const renderContext: PropertyGridInternalContext = {\r\n              gridItems: this.state.gridItems,\r\n              gridEventHandler: this.props.eventHandler,\r\n              gridModel: this.props.model,\r\n              style: this.props.style,\r\n              className: this.props.className,\r\n              onItemHeightChanged: this._handleNodeHeightChange,\r\n              gridContext,\r\n            };\r\n\r\n            return (\r\n              <PropertyGridInternalContextProvider value={renderContext}>\r\n                <div className={classnames(\"components-virtualized-property-grid\", \"components-smallEditor-host\")}>\r\n                  <VariableSizeList\r\n                    className={classnames(\"components-property-grid-wrapper\", \"ReactWindow__VariableSizeList\", this.props.className)}\r\n                    width={this.props.width}\r\n                    height={this.props.height}\r\n                    itemCount={this.state.gridItems.length}\r\n                    itemSize={this._calculateNodeHeightByIndex}\r\n                    estimatedItemSize={this.calculateEstimatedHeight()}\r\n                    overscanCount={10}\r\n                    layout=\"vertical\"\r\n                    style={this.props.style}\r\n                    itemKey={this._getNodeKey}\r\n                    ref={this._listRef}\r\n                  >\r\n                    {FlatGridItemNode}\r\n                  </VariableSizeList>\r\n                </div>\r\n              </PropertyGridInternalContextProvider>\r\n            );\r\n          }}\r\n        </PropertyGridEventsRelatedPropsSupplier >\r\n      )}\r\n    </ColumnResizingPropertyListPropsSupplier>;\r\n  }\r\n}\r\n\r\nconst FlatGridItemNode = React.memo(\r\n  ({ index, style: virtualizedListStyle }: ListChildComponentProps) => {\r\n    const { gridItems, gridEventHandler, gridModel, gridContext, className, style, onItemHeightChanged } = usePropertyGridInternalContext(FlatGridItemNode);\r\n    const node = gridItems[index];\r\n\r\n    const onExpansionToggled = React.useCallback(\r\n      () => gridEventHandler.onExpansionToggled(node.selectionKey),\r\n      [gridEventHandler, node.selectionKey],\r\n    );\r\n    const onHeightChanged = React.useCallback(\r\n      (newHeight: number) => onItemHeightChanged(index, node.key, newHeight),\r\n      [onItemHeightChanged, index, node.key],\r\n    );\r\n\r\n    function getDisplayNode() {\r\n      const lastInNumberOfCategories = node.lastInNumberOfCategories;\r\n      switch (node.type) {\r\n        case FlatGridItemType.Category:\r\n          const categoryRendererManager = gridContext.propertyCategoryRendererManager\r\n            ?? PropertyCategoryRendererManager.defaultManager;\r\n          const customRenderer = categoryRendererManager.getCategoryComponent(node);\r\n          const wrapperClassName = classnames(\r\n            \"virtualized-grid-node-content\",\r\n            customRenderer !== undefined ? \"virtualized-grid-node-custom-category\" : \"virtualized-grid-node-category\",\r\n          );\r\n          return (\r\n            <FlatItemNestedBorderWrapper\r\n              borderCount={node.depth}\r\n              bottomBorderCount={lastInNumberOfCategories}\r\n              className={wrapperClassName}\r\n            >\r\n              <PropertyCategoryBlock\r\n                className={className}\r\n                style={style}\r\n                category={node.derivedCategory}\r\n                onExpansionToggled={onExpansionToggled}\r\n                highlight={gridContext.highlight?.filteredTypes?.includes(FilteredType.Category) ?\r\n                  gridContext.highlight :\r\n                  undefined\r\n                }\r\n              >\r\n                {customRenderer !== undefined && (\r\n                  <CustomCategoryContent\r\n                    renderer={customRenderer}\r\n                    categoryItem={node}\r\n                    gridContext={gridContext}\r\n                    onHeightChanged={onHeightChanged}\r\n                  />\r\n                )}\r\n              </PropertyCategoryBlock>\r\n            </FlatItemNestedBorderWrapper>\r\n          );\r\n        case FlatGridItemType.Array:\r\n        case FlatGridItemType.Struct:\r\n        case FlatGridItemType.Primitive:\r\n          const selectionKey = node.selectionKey;\r\n          const parentCategoryItem = gridModel.getItem(node.parentCategorySelectionKey) as GridCategoryItem;\r\n\r\n          return (\r\n            <FlatItemNestedBorderWrapper\r\n              borderCount={parentCategoryItem.depth + 1}\r\n              bottomBorderCount={lastInNumberOfCategories}\r\n              className=\"virtualized-grid-node-content\"\r\n            >\r\n              <FlatPropertyRenderer\r\n                key={node.key}\r\n                uniqueKey={selectionKey}\r\n                propertyRecord={node.derivedRecord}\r\n                orientation={gridContext.orientation}\r\n                indentation={node.depth}\r\n                width={gridContext.gridWidth}\r\n\r\n                isHoverable={gridContext.isPropertyHoverEnabled}\r\n                isSelectable={gridContext.isPropertySelectionEnabled}\r\n                isSelected={selectionKey === gridContext.selectedPropertyKey}\r\n\r\n                onClick={node.type === FlatGridItemType.Primitive ? gridContext.onPropertyClicked : undefined}\r\n                onRightClick={node.type === FlatGridItemType.Primitive ? gridContext.onPropertyRightClicked : undefined}\r\n                onContextMenu={gridContext.onPropertyContextMenu}\r\n\r\n                category={parentCategoryItem.derivedCategory}\r\n                isEditing={selectionKey === gridContext.editingPropertyKey}\r\n                onEditCommit={gridContext.onEditCommit}\r\n                onEditCancel={gridContext.onEditCancel}\r\n\r\n                isExpanded={node.isExpanded}\r\n                onExpansionToggled={onExpansionToggled}\r\n                onHeightChanged={onHeightChanged}\r\n\r\n                actionButtonRenderers={gridContext.actionButtonRenderers}\r\n                propertyValueRendererManager={gridContext.propertyValueRendererManager}\r\n\r\n                columnRatio={gridContext.columnRatio}\r\n                columnInfo={gridContext.columnInfo}\r\n                isResizeHandleBeingDragged={gridContext.isResizeHandleBeingDragged}\r\n                isResizeHandleHovered={gridContext.isResizeHandleHovered}\r\n                onColumnRatioChanged={gridContext.onColumnRatioChanged}\r\n                onResizeHandleDragChanged={gridContext.onResizeHandleDragChanged}\r\n                onResizeHandleHoverChanged={gridContext.onResizeHandleHoverChanged}\r\n\r\n                highlight={gridContext.highlight ?\r\n                  { applyOnLabel: (gridContext.highlight.filteredTypes?.includes(FilteredType.Label)) ?? false, applyOnValue: (gridContext.highlight.filteredTypes?.includes(FilteredType.Value)) ?? false, ...gridContext.highlight } :\r\n                  undefined\r\n                }\r\n              />\r\n            </FlatItemNestedBorderWrapper>\r\n          );\r\n      }\r\n    }\r\n\r\n    return (\r\n      <div className=\"virtualized-grid-node\" style={virtualizedListStyle}>\r\n        {getDisplayNode()}\r\n      </div>\r\n    );\r\n  },\r\n  areEqual,\r\n);\r\n\r\nFlatGridItemNode.displayName = \"FlatGridItemNode\";\r\n\r\ninterface CustomCategoryContentProps {\r\n  categoryItem: GridCategoryItem;\r\n  renderer: React.ComponentType<PropertyCategoryRendererProps>;\r\n  gridContext: VirtualizedPropertyGridContext;\r\n  onHeightChanged: (newHeight: number) => void;\r\n}\r\n\r\nconst CustomCategoryContent: React.FC<CustomCategoryContentProps> = (props) => {\r\n  const { onHeightChanged } = props;\r\n  const divRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  React.useLayoutEffect(\r\n    () => {\r\n      assert(divRef.current !== null);\r\n      const contentHeight = divRef.current.getBoundingClientRect().height;\r\n      onHeightChanged(contentHeight);\r\n    },\r\n    [props.gridContext.orientation, onHeightChanged],\r\n  );\r\n\r\n  return (\r\n    <div ref={divRef}>\r\n      {React.createElement(props.renderer, props)}\r\n    </div>\r\n  );\r\n};\r\n"]}

package/lib/cjs/components-react/propertygrid/component/VirtualizedPropertyGrid.scss

@@ -4,7 +4,6 @@
 *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/core-react/lib/cjs/core-react/expandable/list";
 @import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
-@import "~@itwin/core-react/lib/cjs/core-react/style/itwinui-overrides";
 
 .components-virtualized-property-grid-loader {
   height: 100%;
@@ -15,8 +14,6 @@
 
 .components-virtualized-property-grid {
   user-select: none;
-
-  @include small-itwinui-expandable-block;
 }
 
 .components-property-grid-wrapper {

package/lib/cjs/components-react/selectable-content/SelectableContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableContent.d.ts","sourceRoot":"","sources":["../../../../src/components-react/selectable-content/SelectableContent.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,WAAW,gCAAgC;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,eAwBlF;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,wBAAwB,EAAE,MAAM,CAAC;IACjC,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAU9D"}
+{"version":3,"file":"SelectableContent.d.ts","sourceRoot":"","sources":["../../../../src/components-react/selectable-content/SelectableContent.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,WAAW,gCAAgC;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,eAgClF;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,wBAAwB,EAAE,MAAM,CAAC;IACjC,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAU9D"}

package/lib/cjs/components-react/selectable-content/SelectableContent.js

@@ -30,7 +30,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectableContent = exports.ControlledSelectableContent = void 0;
 require("./SelectableContent.scss");
 const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 /**
  * A fully-controlled component that accepts a list of child components with ids and labels and
  * renders a select box at the top, allowing to choose which of the provided child components
@@ -40,16 +40,19 @@ const core_react_1 = require("@itwin/core-react");
 function ControlledSelectableContent(props) {
     var _a;
     const { onSelectedContentIdChanged } = props;
-    const onContentIdSelected = React.useCallback((value, action) => {
-        onSelectedContentIdChanged && action.action === "select-option" && value && onSelectedContentIdChanged(value.value);
+    const onContentIdSelected = React.useCallback((newValue) => {
+        onSelectedContentIdChanged && onSelectedContentIdChanged(newValue);
     }, [onSelectedContentIdChanged]);
     const selectedContent = (_a = props.children.find((contentDef) => contentDef.id === props.selectedContentId)) !== null && _a !== void 0 ? _a : props.children[0];
+    const options = React.useMemo(() => {
+        return props.children.map((componentDef) => ({
+            label: componentDef.label,
+            value: componentDef.id,
+        }));
+    }, [props.children]);
     return (React.createElement("div", { className: "components-selectable-content" },
-        React.createElement("div", { className: "components-selectable-content-header" },
-            React.createElement(core_react_1.ThemedSelect, { openMenuOnClick: true, openMenuOnFocus: true, isSearchable: false, onChange: onContentIdSelected, className: "components-selectable-content-selector", "aria-label": props.selectAriaLabel, value: { label: selectedContent === null || selectedContent === void 0 ? void 0 : selectedContent.label, value: selectedContent === null || selectedContent === void 0 ? void 0 : selectedContent.id }, options: props.children.map((componentDef) => ({
-                    label: componentDef.label,
-                    value: componentDef.id,
-                })) })),
+        React.createElement("div", { className: "components-selectable-content-header" }, options.length > 0 &&
+            React.createElement(itwinui_react_1.Select, { onChange: onContentIdSelected, size: "small", className: "components-selectable-content-selector", "aria-label": props.selectAriaLabel, value: selectedContent.id, options: options })),
         React.createElement("div", { className: "components-selectable-content-wrapper" }, selectedContent === null || selectedContent === void 0 ? void 0 : selectedContent.render())));
 }
 exports.ControlledSelectableContent = ControlledSelectableContent;

package/lib/cjs/components-react/selectable-content/SelectableContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableContent.js","sourceRoot":"","sources":["../../../../src/components-react/selectable-content/SelectableContent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,oCAAkC;AAClC,6CAA+B;AAE/B,kDAA6D;AAwB7D;;;;;GAKG;AACH,SAAgB,2BAA2B,CAAC,KAAuC;;IACjF,MAAM,EAAE,0BAA0B,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA4B,EAAE,MAA8B,EAAE,EAAE;QAC7G,0BAA0B,IAAI,MAAM,CAAC,MAAM,KAAK,eAAe,IAAI,KAAK,IAAI,0BAA0B,CAAE,KAAoB,CAAC,KAAK,CAAC,CAAC;IACtI,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC;IACjC,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,KAAK,CAAC,iBAAiB,CAAC,mCAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5H,OAAO,CACL,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,6BAAK,SAAS,EAAC,sCAAsC;YACnD,oBAAC,yBAAY,IAAC,eAAe,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAC5G,SAAS,EAAC,wCAAwC,gBACtC,KAAK,CAAC,eAAe,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,EAAE,KAAK,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE,EAAE,EACpE,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;oBAC7C,KAAK,EAAE,YAAY,CAAC,KAAK;oBACzB,KAAK,EAAE,YAAY,CAAC,EAAE;iBACvB,CAAC,CAAC,GACH,CACE;QACN,6BAAK,SAAS,EAAC,uCAAuC,IACnD,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,EAAE,CACtB,CACF,CACP,CAAC;AACJ,CAAC;AAxBD,kEAwBC;AAYD;;;;;GAKG;AACH,SAAgB,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACjG,MAAM,0BAA0B,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QAClE,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,oBAAC,2BAA2B,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,IAC9J,KAAK,CAAC,QAAQ,CACa,CAC/B,CAAC;AACJ,CAAC;AAVD,8CAUC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module SelectableContent\r\n */\r\n\r\nimport \"./SelectableContent.scss\";\r\nimport * as React from \"react\";\r\nimport { ActionMeta, ValueType } from \"react-select/src/types\";\r\nimport { OptionType, ThemedSelect } from \"@itwin/core-react\";\r\n\r\n/**\r\n * A definition for content displayed in [[ControlledSelectableContent]] and\r\n * [[SelectableContent]] components.\r\n * @public\r\n */\r\nexport interface SelectableContentDefinition {\r\n  id: string;\r\n  label: string;\r\n  render: () => React.ReactNode;\r\n}\r\n\r\n/**\r\n * [[ControlledSelectableContent]] component properties\r\n * @public\r\n */\r\nexport interface ControlledSelectableContentProps {\r\n  selectedContentId: string;\r\n  onSelectedContentIdChanged?: (contentId: string) => void;\r\n  children: SelectableContentDefinition[];\r\n  selectAriaLabel?: string;\r\n}\r\n\r\n/**\r\n * A fully-controlled component that accepts a list of child components with ids and labels and\r\n * renders a select box at the top, allowing to choose which of the provided child components\r\n * should be rendered at the bottom.\r\n * @public\r\n */\r\nexport function ControlledSelectableContent(props: ControlledSelectableContentProps) {\r\n  const { onSelectedContentIdChanged } = props;\r\n  const onContentIdSelected = React.useCallback((value: ValueType<OptionType>, action: ActionMeta<OptionType>) => {\r\n    onSelectedContentIdChanged && action.action === \"select-option\" && value && onSelectedContentIdChanged((value as OptionType).value);\r\n  }, [onSelectedContentIdChanged]);\r\n  const selectedContent = props.children.find((contentDef) => contentDef.id === props.selectedContentId) ?? props.children[0];\r\n  return (\r\n    <div className=\"components-selectable-content\">\r\n      <div className=\"components-selectable-content-header\">\r\n        <ThemedSelect openMenuOnClick={true} openMenuOnFocus={true} isSearchable={false} onChange={onContentIdSelected}\r\n          className=\"components-selectable-content-selector\"\r\n          aria-label={props.selectAriaLabel}\r\n          value={{ label: selectedContent?.label, value: selectedContent?.id }}\r\n          options={props.children.map((componentDef) => ({\r\n            label: componentDef.label,\r\n            value: componentDef.id,\r\n          }))}\r\n        />\r\n      </div>\r\n      <div className=\"components-selectable-content-wrapper\">\r\n        {selectedContent?.render()}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * [[SelectableContent]] component properties\r\n * @public\r\n */\r\nexport interface SelectableContentProps {\r\n  defaultSelectedContentId: string;\r\n  children: SelectableContentDefinition[];\r\n  selectAriaLabel?: string;\r\n}\r\n\r\n/**\r\n * An uncontrolled component that accepts a list of child components with ids and labels and\r\n * renders a select box at the top, allowing to choose which of the provided child components\r\n * should be rendered at the bottom.\r\n * @public\r\n */\r\nexport function SelectableContent(props: SelectableContentProps) {\r\n  const [selectedContentId, setSelectedContentId] = React.useState(props.defaultSelectedContentId);\r\n  const onSelectedContentIdChanged = React.useCallback((id: string) => {\r\n    setSelectedContentId(id);\r\n  }, []);\r\n  return (\r\n    <ControlledSelectableContent selectedContentId={selectedContentId} onSelectedContentIdChanged={onSelectedContentIdChanged} selectAriaLabel={props.selectAriaLabel}>\r\n      {props.children}\r\n    </ControlledSelectableContent>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"SelectableContent.js","sourceRoot":"","sources":["../../../../src/components-react/selectable-content/SelectableContent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,oCAAkC;AAClC,6CAA+B;AAC/B,wDAA4D;AAwB5D;;;;;GAKG;AACH,SAAgB,2BAA2B,CAAC,KAAuC;;IACjF,MAAM,EAAE,0BAA0B,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAQ,EAAE;QACvE,0BAA0B,IAAI,0BAA0B,CAAC,QAAQ,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC;IAEjC,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,KAAK,CAAC,iBAAiB,CAAC,mCAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5H,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;YAC3C,KAAK,EAAE,YAAY,CAAC,KAAK;YACzB,KAAK,EAAE,YAAY,CAAC,EAAE;SACvB,CAAC,CAA2B,CAAC;IAChC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,6BAAK,SAAS,EAAC,sCAAsC,IAClD,OAAO,CAAC,MAAM,GAAG,CAAC;YACjB,oBAAC,sBAAM,IAAC,QAAQ,EAAE,mBAAmB,EAAE,IAAI,EAAC,OAAO,EACjD,SAAS,EAAC,wCAAwC,gBACtC,KAAK,CAAC,eAAe,EACjC,KAAK,EAAE,eAAe,CAAC,EAAE,EACzB,OAAO,EAAE,OAAO,GAChB,CAEA;QACN,6BAAK,SAAS,EAAC,uCAAuC,IACnD,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,EAAE,CACtB,CACF,CACP,CAAC;AACJ,CAAC;AAhCD,kEAgCC;AAYD;;;;;GAKG;AACH,SAAgB,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACjG,MAAM,0BAA0B,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QAClE,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,oBAAC,2BAA2B,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,IAC9J,KAAK,CAAC,QAAQ,CACa,CAC/B,CAAC;AACJ,CAAC;AAVD,8CAUC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module SelectableContent\r\n */\r\n\r\nimport \"./SelectableContent.scss\";\r\nimport * as React from \"react\";\r\nimport { Select, SelectOption } from \"@itwin/itwinui-react\";\r\n\r\n/**\r\n * A definition for content displayed in [[ControlledSelectableContent]] and\r\n * [[SelectableContent]] components.\r\n * @public\r\n */\r\nexport interface SelectableContentDefinition {\r\n  id: string;\r\n  label: string;\r\n  render: () => React.ReactNode;\r\n}\r\n\r\n/**\r\n * [[ControlledSelectableContent]] component properties\r\n * @public\r\n */\r\nexport interface ControlledSelectableContentProps {\r\n  selectedContentId: string;\r\n  onSelectedContentIdChanged?: (contentId: string) => void;\r\n  children: SelectableContentDefinition[];\r\n  selectAriaLabel?: string;\r\n}\r\n\r\n/**\r\n * A fully-controlled component that accepts a list of child components with ids and labels and\r\n * renders a select box at the top, allowing to choose which of the provided child components\r\n * should be rendered at the bottom.\r\n * @public\r\n */\r\nexport function ControlledSelectableContent(props: ControlledSelectableContentProps) {\r\n  const { onSelectedContentIdChanged } = props;\r\n\r\n  const onContentIdSelected = React.useCallback((newValue: string): void => {\r\n    onSelectedContentIdChanged && onSelectedContentIdChanged(newValue);\r\n  }, [onSelectedContentIdChanged]);\r\n\r\n  const selectedContent = props.children.find((contentDef) => contentDef.id === props.selectedContentId) ?? props.children[0];\r\n  const options = React.useMemo(() => {\r\n    return props.children.map((componentDef) => ({\r\n      label: componentDef.label,\r\n      value: componentDef.id,\r\n    })) as SelectOption<string>[];\r\n  }, [props.children]);\r\n\r\n  return (\r\n    <div className=\"components-selectable-content\">\r\n      <div className=\"components-selectable-content-header\">\r\n        {options.length > 0 &&\r\n          <Select onChange={onContentIdSelected} size=\"small\"\r\n            className=\"components-selectable-content-selector\"\r\n            aria-label={props.selectAriaLabel}\r\n            value={selectedContent.id}\r\n            options={options}\r\n          />\r\n        }\r\n      </div>\r\n      <div className=\"components-selectable-content-wrapper\">\r\n        {selectedContent?.render()}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * [[SelectableContent]] component properties\r\n * @public\r\n */\r\nexport interface SelectableContentProps {\r\n  defaultSelectedContentId: string;\r\n  children: SelectableContentDefinition[];\r\n  selectAriaLabel?: string;\r\n}\r\n\r\n/**\r\n * An uncontrolled component that accepts a list of child components with ids and labels and\r\n * renders a select box at the top, allowing to choose which of the provided child components\r\n * should be rendered at the bottom.\r\n * @public\r\n */\r\nexport function SelectableContent(props: SelectableContentProps) {\r\n  const [selectedContentId, setSelectedContentId] = React.useState(props.defaultSelectedContentId);\r\n  const onSelectedContentIdChanged = React.useCallback((id: string) => {\r\n    setSelectedContentId(id);\r\n  }, []);\r\n  return (\r\n    <ControlledSelectableContent selectedContentId={selectedContentId} onSelectedContentIdChanged={onSelectedContentIdChanged} selectAriaLabel={props.selectAriaLabel}>\r\n      {props.children}\r\n    </ControlledSelectableContent>\r\n  );\r\n}\r\n"]}

package/lib/cjs/components-react/selectable-content/SelectableContent.scss

@@ -16,5 +16,6 @@
 
   .components-selectable-content-wrapper {
     flex-grow: 1;
+    overflow: hidden;
   }
-}
+}

package/lib/cjs/components-react/table/component/Table.d.ts

@@ -4,7 +4,7 @@
 import "./Table.scss";
 import "../columnfiltering/ColumnFiltering.scss";
 import * as React from "react";
-import { CommonProps, UiSettings, UiSettingsStorage } from "@itwin/core-react";
+import { CommonProps, UiStateStorage } from "@itwin/core-react";
 import { SelectionMode } from "../../common/selection/SelectionModes";
 import { PropertyUpdatedArgs } from "../../editors/EditorContainer";
 import { PropertyDialogState, PropertyValueRendererManager } from "../../properties/ValueRendererManager";
@@ -56,10 +56,10 @@ export interface TableProps extends CommonProps {
     /** Indicates whether the Table columns are reorderable */
     reorderableColumns?: boolean;
     /** Optional parameter for persistent UI settings. Used for column reordering and show persistency. */
-    settingsStorage?: UiSettingsStorage;
+    settingsStorage?: UiStateStorage;
     /** Optional parameter for persistent UI settings. Used for column reordering and show persistency.
      * @deprecated use settingsStorage property */
-    uiSettings?: UiSettings;
+    uiStateStorage?: UiStateStorage;
     /** Identifying string used for persistent state. */
     settingsIdentifier?: string;
     /** Custom property value renderer manager */

package/lib/cjs/components-react/table/component/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/table/component/Table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/table/component/Table.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components-react/table/component/Table.js

@@ -411,9 +411,9 @@ class Table extends React.Component {
             cols.splice(columnTargetIndex, 0, cols.splice(columnSourceIndex, 1)[0]);
             // istanbul ignore else
             if (this.props.settingsIdentifier) {
-                const settingsStorage = this.props.settingsStorage || /* istanbul ignore next */ new core_react_1.LocalSettingsStorage();
+                const stateStorage = this.props.settingsStorage || /* istanbul ignore next */ new core_react_1.LocalStateStorage();
                 const keys = cols.map((col) => col.key);
-                settingsStorage.saveSetting(this.props.settingsIdentifier, "ColumnReorder", keys); // eslint-disable-line @typescript-eslint/no-floating-promises
+                stateStorage.saveSetting(this.props.settingsIdentifier, "ColumnReorder", keys); // eslint-disable-line @typescript-eslint/no-floating-promises
             }
             this.setState({ columns: [] }, () => {
                 this.setState({ columns: cols });
@@ -474,8 +474,8 @@ class Table extends React.Component {
         this._handleShowHideChange = (cols) => {
             this.setState({ hiddenColumns: cols });
             if (this.props.settingsIdentifier) {
-                const settingsStorage = this.props.settingsStorage || new core_react_1.LocalSettingsStorage();
-                settingsStorage.saveSetting(this.props.settingsIdentifier, "ColumnShowHideHiddenColumns", cols); // eslint-disable-line @typescript-eslint/no-floating-promises
+                const stateStorage = this.props.settingsStorage || new core_react_1.LocalStateStorage();
+                stateStorage.saveSetting(this.props.settingsIdentifier, "ColumnShowHideHiddenColumns", cols); // eslint-disable-line @typescript-eslint/no-floating-promises
             }
             return true;
         };
@@ -808,22 +808,21 @@ class Table extends React.Component {
         }
         let dataGridColumns = columnDescriptions.map(this._columnDescriptionToReactDataGridColumn);
         if (this.props.settingsIdentifier) {
-            // eslint-disable-next-line deprecation/deprecation
-            const settingsStorage = this.props.settingsStorage || /* istanbul ignore next */ this.props.uiSettings || /* istanbul ignore next */ new core_react_1.LocalSettingsStorage();
-            const reorderResult = await settingsStorage.getSetting(this.props.settingsIdentifier, "ColumnReorder");
+            const stateStorage = this.props.settingsStorage || /* istanbul ignore next */ this.props.uiStateStorage || /* istanbul ignore next */ new core_react_1.LocalStateStorage();
+            const reorderResult = await stateStorage.getSetting(this.props.settingsIdentifier, "ColumnReorder");
             // istanbul ignore next
-            if (reorderResult.status === core_react_1.UiSettingsStatus.Success) {
+            if (reorderResult.status === core_react_1.UiStateStorageStatus.Success) {
                 const setting = reorderResult.setting;
                 // map columns according to the keys in columns, in the order of the loaded array of keys
                 dataGridColumns = setting.map((key) => dataGridColumns.filter((col) => col.key === key)[0]);
             }
-            else if (reorderResult.status === core_react_1.UiSettingsStatus.NotFound) {
+            else if (reorderResult.status === core_react_1.UiStateStorageStatus.NotFound) {
                 const keys = columnDescriptions.map((col) => col.key);
-                await settingsStorage.saveSetting(this.props.settingsIdentifier, "ColumnReorder", keys);
+                await stateStorage.saveSetting(this.props.settingsIdentifier, "ColumnReorder", keys);
             }
-            const showhideResult = await settingsStorage.getSetting(this.props.settingsIdentifier, "ColumnShowHideHiddenColumns");
+            const showhideResult = await stateStorage.getSetting(this.props.settingsIdentifier, "ColumnShowHideHiddenColumns");
             // istanbul ignore next
-            if (showhideResult.status === core_react_1.UiSettingsStatus.Success) {
+            if (showhideResult.status === core_react_1.UiStateStorageStatus.Success) {
                 const hiddenColumns = showhideResult.setting;
                 this.setState({ hiddenColumns });
             }