@itwin/components-react 4.1.0 → 4.2.0-dev.1

package/lib/cjs/components-react/properties/ValueRendererManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueRendererManager.js","sourceRoot":"","sources":["../../../../src/components-react/properties/ValueRendererManager.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 Properties\r\n */\r\n\r\nimport type * as React from \"react\";\r\nimport type { PropertyRecord} from \"@itwin/appui-abstract\";\r\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport type { Orientation } from \"@itwin/core-react\";\r\nimport { ArrayPropertyValueRenderer } from \"./renderers/value/ArrayPropertyValueRenderer\";\r\nimport { DoublePropertyValueRenderer } from \"./renderers/value/DoublePropertyValueRenderer\";\r\nimport { MergedPropertyValueRenderer } from \"./renderers/value/MergedPropertyValueRenderer\";\r\nimport { MultilineTextPropertyValueRenderer } from \"./renderers/value/MultilineTextPropertyValueRenderer\";\r\nimport { NavigationPropertyValueRenderer } from \"./renderers/value/NavigationPropertyValueRenderer\";\r\nimport { PrimitivePropertyValueRenderer } from \"./renderers/value/PrimitivePropertyValueRenderer\";\r\nimport { StructPropertyValueRenderer } from \"./renderers/value/StructPropertyValueRenderer\";\r\nimport { UrlPropertyValueRenderer } from \"./renderers/value/UrlPropertyValueRenderer\";\r\n\r\n/** Types of property containers\r\n * @public\r\n */\r\nexport enum PropertyContainerType {\r\n  PropertyPane = \"pane\",\r\n  Table = \"table\",\r\n  Tree = \"tree\",\r\n}\r\n\r\n/** State of the Dialog component in a container which renders properties\r\n * @public\r\n */\r\nexport interface PropertyDialogState {\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** State of the Popup component in a container which renders properties\r\n * @public\r\n */\r\nexport interface PropertyPopupState {\r\n  fixedPosition: { top: number, left: number };\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** Additional parameters to the renderer\r\n * @public\r\n */\r\nexport interface PropertyValueRendererContext {\r\n  /** Type of container that holds the property */\r\n  containerType?: string;\r\n  /** Style that should be applied to the rendered element */\r\n  style?: React.CSSProperties;\r\n  /** Orientation of property/container */\r\n  orientation?: Orientation;\r\n  /** Callback to request for a Popup to be shown. */\r\n  onPopupShow?: (popupState: PropertyPopupState) => void;\r\n  /** Callback to request for a Popup to be hidden. */\r\n  onPopupHide?: () => void;\r\n  /** Callback to request for Dialog to be opened. */\r\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\r\n  /** Callback to highlight text */\r\n  textHighlighter?: (text: string) => React.ReactNode;\r\n  /** Default value to show if value rendering is asynchronous */\r\n  defaultValue?: React.ReactNode;\r\n  /** Whether property value is expanded. */\r\n  isExpanded?: boolean;\r\n  /** Called when property value expansion or collapse is requested. */\r\n  onExpansionToggled?: () => void;\r\n  /** Called when property value element height changes. */\r\n  onHeightChanged?: (newHeight: number) => void;\r\n}\r\n\r\n/** Custom property value renderer interface\r\n * @public\r\n */\r\nexport interface IPropertyValueRenderer {\r\n  /** Checks if the renderer can handle given property */\r\n  canRender: (record: PropertyRecord, context?: PropertyValueRendererContext) => boolean;\r\n  /** Method that returns a JSX representation of PropertyRecord */\r\n  render: (record: PropertyRecord, context?: PropertyValueRendererContext) => React.ReactNode;\r\n}\r\n\r\n/** Default implementation of property value renderer manager\r\n * @public\r\n */\r\nexport class PropertyValueRendererManager {\r\n  private static _defaultRendererManager: PropertyValueRendererManager;\r\n\r\n  protected _propertyRenderers: Map<string, IPropertyValueRenderer> = new Map<string, IPropertyValueRenderer>();\r\n  protected _defaultPrimitiveValueRenderer: IPropertyValueRenderer = new PrimitivePropertyValueRenderer();\r\n  protected _defaultArrayValueRenderer: IPropertyValueRenderer = new ArrayPropertyValueRenderer();\r\n  protected _defaultStructValueRenderer: IPropertyValueRenderer = new StructPropertyValueRenderer();\r\n  protected _defaultMergedValueRenderer: IPropertyValueRenderer = new MergedPropertyValueRenderer();\r\n\r\n  private selectRenderer(record: PropertyRecord) {\r\n    if (record.property.renderer && this._propertyRenderers.has(record.property.renderer.name))\r\n      return this._propertyRenderers.get(record.property.renderer.name);\r\n\r\n    if (this._defaultMergedValueRenderer.canRender(record))\r\n      return this._defaultMergedValueRenderer;\r\n\r\n    if (this._propertyRenderers.has(record.property.typename))\r\n      return this._propertyRenderers.get(record.property.typename)!;\r\n\r\n    // Use one of default renderers\r\n    switch (record.value.valueFormat) {\r\n      case PropertyValueFormat.Primitive:\r\n        return this._defaultPrimitiveValueRenderer;\r\n      case PropertyValueFormat.Array:\r\n        return this._defaultArrayValueRenderer;\r\n      case PropertyValueFormat.Struct:\r\n        return this._defaultStructValueRenderer;\r\n      default:\r\n        return undefined;\r\n    }\r\n  }\r\n\r\n  /** Render property into JSX element */\r\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext): React.ReactNode {\r\n    const selectedRenderer = this.selectRenderer(record);\r\n\r\n    if (!selectedRenderer || !selectedRenderer.canRender(record, context))\r\n      return undefined;\r\n\r\n    return selectedRenderer.render(record, context);\r\n  }\r\n\r\n  /** Register a specified property type renderer */\r\n  public registerRenderer(rendererType: string, propertyRenderer: IPropertyValueRenderer, overwrite = false) {\r\n    if (!overwrite && this._propertyRenderers.has(rendererType)) {\r\n      throw Error(`PropertyValueRendererManager.registerRenderer error: type '${rendererType}' already registered to '${propertyRenderer.constructor.name}'`);\r\n    }\r\n\r\n    this._propertyRenderers.set(rendererType, propertyRenderer);\r\n  }\r\n\r\n  /** Unregister a specified property type renderer */\r\n  public unregisterRenderer(rendererType: string) {\r\n    this._propertyRenderers.delete(rendererType);\r\n  }\r\n\r\n  /** Get the specified property type renderer instance */\r\n  public getRegisteredRenderer(rendererType: string) {\r\n    return this._propertyRenderers.get(rendererType);\r\n  }\r\n\r\n  /** Returns default PropertyValueRendererManager instance */\r\n  public static get defaultManager() {\r\n    if (!this._defaultRendererManager)\r\n      this._defaultRendererManager = new PropertyValueRendererManager();\r\n\r\n    return this._defaultRendererManager;\r\n  }\r\n}\r\n\r\nPropertyValueRendererManager.defaultManager.registerRenderer(\"navigation\", new NavigationPropertyValueRenderer());\r\nPropertyValueRendererManager.defaultManager.registerRenderer(\"url\", new UrlPropertyValueRenderer());\r\nPropertyValueRendererManager.defaultManager.registerRenderer(\"double\", new DoublePropertyValueRenderer());\r\nPropertyValueRendererManager.defaultManager.registerRenderer(\"multiline\", new MultilineTextPropertyValueRenderer());\r\n"]}
+{"version":3,"file":"ValueRendererManager.js","sourceRoot":"","sources":["../../../../src/components-react/properties/ValueRendererManager.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport type * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { Orientation } from \"@itwin/core-react\";\nimport { ArrayPropertyValueRenderer } from \"./renderers/value/ArrayPropertyValueRenderer\";\nimport { DoublePropertyValueRenderer } from \"./renderers/value/DoublePropertyValueRenderer\";\nimport { MergedPropertyValueRenderer } from \"./renderers/value/MergedPropertyValueRenderer\";\nimport { MultilineTextPropertyValueRenderer } from \"./renderers/value/MultilineTextPropertyValueRenderer\";\nimport { NavigationPropertyValueRenderer } from \"./renderers/value/NavigationPropertyValueRenderer\";\nimport { PrimitivePropertyValueRenderer } from \"./renderers/value/PrimitivePropertyValueRenderer\";\nimport { StructPropertyValueRenderer } from \"./renderers/value/StructPropertyValueRenderer\";\nimport { UrlPropertyValueRenderer } from \"./renderers/value/UrlPropertyValueRenderer\";\n\n/** Types of property containers\n * @public\n */\nexport enum PropertyContainerType {\n  PropertyPane = \"pane\",\n  Table = \"table\",\n  Tree = \"tree\",\n}\n\n/** State of the Dialog component in a container which renders properties\n * @public\n */\nexport interface PropertyDialogState {\n  title: string;\n  content: React.ReactNode;\n}\n\n/** State of the Popup component in a container which renders properties\n * @public\n */\nexport interface PropertyPopupState {\n  fixedPosition: { top: number; left: number };\n  content: React.ReactNode;\n}\n\n/** Additional parameters to the renderer\n * @public\n */\nexport interface PropertyValueRendererContext {\n  /** Type of container that holds the property */\n  containerType?: string;\n  /** Style that should be applied to the rendered element */\n  style?: React.CSSProperties;\n  /** Orientation of property/container */\n  orientation?: Orientation;\n  /** Callback to request for a Popup to be shown. */\n  onPopupShow?: (popupState: PropertyPopupState) => void;\n  /** Callback to request for a Popup to be hidden. */\n  onPopupHide?: () => void;\n  /** Callback to request for Dialog to be opened. */\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\n  /** Callback to highlight text */\n  textHighlighter?: (text: string) => React.ReactNode;\n  /** Default value to show if value rendering is asynchronous */\n  defaultValue?: React.ReactNode;\n  /** Whether property value is expanded. */\n  isExpanded?: boolean;\n  /** Called when property value expansion or collapse is requested. */\n  onExpansionToggled?: () => void;\n  /** Called when property value element height changes. */\n  onHeightChanged?: (newHeight: number) => void;\n}\n\n/** Custom property value renderer interface\n * @public\n */\nexport interface IPropertyValueRenderer {\n  /** Checks if the renderer can handle given property */\n  canRender: (\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) => boolean;\n  /** Method that returns a JSX representation of PropertyRecord */\n  render: (\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ) => React.ReactNode;\n}\n\n/** Default implementation of property value renderer manager\n * @public\n */\nexport class PropertyValueRendererManager {\n  private static _defaultRendererManager: PropertyValueRendererManager;\n\n  protected _propertyRenderers: Map<string, IPropertyValueRenderer> = new Map<\n    string,\n    IPropertyValueRenderer\n  >();\n  protected _defaultPrimitiveValueRenderer: IPropertyValueRenderer =\n    new PrimitivePropertyValueRenderer();\n  protected _defaultArrayValueRenderer: IPropertyValueRenderer =\n    new ArrayPropertyValueRenderer();\n  protected _defaultStructValueRenderer: IPropertyValueRenderer =\n    new StructPropertyValueRenderer();\n  protected _defaultMergedValueRenderer: IPropertyValueRenderer =\n    new MergedPropertyValueRenderer();\n\n  private selectRenderer(record: PropertyRecord) {\n    if (\n      record.property.renderer &&\n      this._propertyRenderers.has(record.property.renderer.name)\n    )\n      return this._propertyRenderers.get(record.property.renderer.name);\n\n    if (this._defaultMergedValueRenderer.canRender(record))\n      return this._defaultMergedValueRenderer;\n\n    if (this._propertyRenderers.has(record.property.typename))\n      return this._propertyRenderers.get(record.property.typename)!;\n\n    // Use one of default renderers\n    switch (record.value.valueFormat) {\n      case PropertyValueFormat.Primitive:\n        return this._defaultPrimitiveValueRenderer;\n      case PropertyValueFormat.Array:\n        return this._defaultArrayValueRenderer;\n      case PropertyValueFormat.Struct:\n        return this._defaultStructValueRenderer;\n      default:\n        return undefined;\n    }\n  }\n\n  /** Render property into JSX element */\n  public render(\n    record: PropertyRecord,\n    context?: PropertyValueRendererContext\n  ): React.ReactNode {\n    const selectedRenderer = this.selectRenderer(record);\n\n    if (!selectedRenderer || !selectedRenderer.canRender(record, context))\n      return undefined;\n\n    return selectedRenderer.render(record, context);\n  }\n\n  /** Register a specified property type renderer */\n  public registerRenderer(\n    rendererType: string,\n    propertyRenderer: IPropertyValueRenderer,\n    overwrite = false\n  ) {\n    if (!overwrite && this._propertyRenderers.has(rendererType)) {\n      throw Error(\n        `PropertyValueRendererManager.registerRenderer error: type '${rendererType}' already registered to '${propertyRenderer.constructor.name}'`\n      );\n    }\n\n    this._propertyRenderers.set(rendererType, propertyRenderer);\n  }\n\n  /** Unregister a specified property type renderer */\n  public unregisterRenderer(rendererType: string) {\n    this._propertyRenderers.delete(rendererType);\n  }\n\n  /** Get the specified property type renderer instance */\n  public getRegisteredRenderer(rendererType: string) {\n    return this._propertyRenderers.get(rendererType);\n  }\n\n  /** Returns default PropertyValueRendererManager instance */\n  public static get defaultManager() {\n    if (!this._defaultRendererManager)\n      this._defaultRendererManager = new PropertyValueRendererManager();\n\n    return this._defaultRendererManager;\n  }\n}\n\nPropertyValueRendererManager.defaultManager.registerRenderer(\n  \"navigation\",\n  new NavigationPropertyValueRenderer()\n);\nPropertyValueRendererManager.defaultManager.registerRenderer(\n  \"url\",\n  new UrlPropertyValueRenderer()\n);\nPropertyValueRendererManager.defaultManager.registerRenderer(\n  \"double\",\n  new DoublePropertyValueRenderer()\n);\nPropertyValueRendererManager.defaultManager.registerRenderer(\n  \"multiline\",\n  new MultilineTextPropertyValueRenderer()\n);\n"]}

package/lib/cjs/components-react/properties/renderers/ActionButtonList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonList.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonList.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAA6B,MAAM,wBAAwB,CAAC;AAE9F;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,2DAA2D;IAC3D,WAAW,EAAE,WAAW,CAAC;IACzB,6CAA6C;IAC7C,QAAQ,EAAE,cAAc,CAAC;IACzB,uCAAuC;IACvC,qBAAqB,EAAE,oBAAoB,EAAE,CAAC;IAC9C,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9E,OAAO,CAAC,YAAY;IAMpB,gBAAgB;IACA,MAAM;CAgBvB"}
+{"version":3,"file":"ActionButtonList.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonList.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EACV,oBAAoB,EAErB,MAAM,wBAAwB,CAAC;AAEhC;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,2DAA2D;IAC3D,WAAW,EAAE,WAAW,CAAC;IACzB,6CAA6C;IAC7C,QAAQ,EAAE,cAAc,CAAC;IACzB,uCAAuC;IACvC,qBAAqB,EAAE,oBAAoB,EAAE,CAAC;IAC9C,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9E,OAAO,CAAC,YAAY;IAMpB,gBAAgB;IACA,MAAM;CAgBvB"}

package/lib/cjs/components-react/properties/renderers/ActionButtonList.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Properties
  */
@@ -45,10 +45,10 @@ class ActionButtonList extends React.PureComponent {
     }
     /** @internal */
     render() {
-        return (React.createElement("div", { className: this.getClassName(this.props.orientation) }, this.props.actionButtonRenderers.map((renderer, index) => React.createElement(ActionButtonContainer, { key: index, renderer: renderer, rendererProps: {
+        return (React.createElement("div", { className: this.getClassName(this.props.orientation) }, this.props.actionButtonRenderers.map((renderer, index) => (React.createElement(ActionButtonContainer, { key: index, renderer: renderer, rendererProps: {
                 property: this.props.property,
                 isPropertyHovered: this.props.isPropertyHovered,
-            } }))));
+            } })))));
     }
 }
 exports.ActionButtonList = ActionButtonList;

package/lib/cjs/components-react/properties/renderers/ActionButtonList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonList.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonList.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,mCAAiC;AACjC,6CAA+B;AAE/B,kDAAgD;AAiBhD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IACtE,YAAY,CAAC,WAAwB;QAC3C,OAAO,WAAW,KAAK,wBAAW,CAAC,UAAU;YAC3C,CAAC,CAAC,oDAAoD;YACtD,CAAC,CAAC,kDAAkD,CAAC;IACzD,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IACtD,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CACxD,oBAAC,qBAAqB,IACpB,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE;gBACb,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAC7B,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB;aAChD,GACD,CACH,CACG,CACP,CAAC;IACJ,CAAC;CACF;AAxBD,4CAwBC;AAOD,SAAS,qBAAqB,CAAC,KAAiC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACzD,IAAI,CAAC,YAAY;QACf,OAAO,IAAI,CAAC;IAEd,OAAO,CACL,6BAAK,SAAS,EAAC,oCAAoC,IAChD,YAAY,CACT,CACP,CAAC;AACJ,CAAC","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 Properties\r\n */\r\n\r\nimport \"./ActionButtonList.scss\";\r\nimport * as React from \"react\";\r\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport type { ActionButtonRenderer, ActionButtonRendererProps } from \"./ActionButtonRenderer\";\r\n\r\n/** Properties of [[ActionButtonList]] React component\r\n * @public\r\n */\r\nexport interface ActionButtonListProps {\r\n  /** Orientation to use for displaying the action buttons */\r\n  orientation: Orientation;\r\n  /** Property that action buttons belong to */\r\n  property: PropertyRecord;\r\n  /** Array of action button renderers */\r\n  actionButtonRenderers: ActionButtonRenderer[];\r\n  /** Indicated whether a property is hovered  */\r\n  isPropertyHovered?: boolean;\r\n}\r\n\r\n/** ActionButtonList React component.\r\n * @public\r\n */\r\nexport class ActionButtonList extends React.PureComponent<ActionButtonListProps> {\r\n  private getClassName(orientation: Orientation) {\r\n    return orientation === Orientation.Horizontal\r\n      ? \"components-property-action-button-list--horizontal\"\r\n      : \"components-property-action-button-list--vertical\";\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return (\r\n      <div className={this.getClassName(this.props.orientation)}>\r\n        {this.props.actionButtonRenderers.map((renderer, index) =>\r\n          <ActionButtonContainer\r\n            key={index}\r\n            renderer={renderer}\r\n            rendererProps={{\r\n              property: this.props.property,\r\n              isPropertyHovered: this.props.isPropertyHovered,\r\n            }}\r\n          />,\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\ninterface ActionButtonContainerProps {\r\n  renderer: ActionButtonRenderer;\r\n  rendererProps: ActionButtonRendererProps;\r\n}\r\n\r\nfunction ActionButtonContainer(props: ActionButtonContainerProps) {\r\n  const actionButton = props.renderer(props.rendererProps);\r\n  if (!actionButton)\r\n    return null;\r\n\r\n  return (\r\n    <div className=\"components-action-button-container\">\r\n      {actionButton}\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ActionButtonList.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonList.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,mCAAiC;AACjC,6CAA+B;AAE/B,kDAAgD;AAoBhD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IACtE,YAAY,CAAC,WAAwB;QAC3C,OAAO,WAAW,KAAK,wBAAW,CAAC,UAAU;YAC3C,CAAC,CAAC,oDAAoD;YACtD,CAAC,CAAC,kDAAkD,CAAC;IACzD,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IACtD,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACzD,oBAAC,qBAAqB,IACpB,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE;gBACb,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAC7B,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB;aAChD,GACD,CACH,CAAC,CACE,CACP,CAAC;IACJ,CAAC;CACF;AAxBD,4CAwBC;AAOD,SAAS,qBAAqB,CAAC,KAAiC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACzD,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,6BAAK,SAAS,EAAC,oCAAoC,IAAE,YAAY,CAAO,CACzE,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport \"./ActionButtonList.scss\";\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport type {\n  ActionButtonRenderer,\n  ActionButtonRendererProps,\n} from \"./ActionButtonRenderer\";\n\n/** Properties of [[ActionButtonList]] React component\n * @public\n */\nexport interface ActionButtonListProps {\n  /** Orientation to use for displaying the action buttons */\n  orientation: Orientation;\n  /** Property that action buttons belong to */\n  property: PropertyRecord;\n  /** Array of action button renderers */\n  actionButtonRenderers: ActionButtonRenderer[];\n  /** Indicated whether a property is hovered  */\n  isPropertyHovered?: boolean;\n}\n\n/** ActionButtonList React component.\n * @public\n */\nexport class ActionButtonList extends React.PureComponent<ActionButtonListProps> {\n  private getClassName(orientation: Orientation) {\n    return orientation === Orientation.Horizontal\n      ? \"components-property-action-button-list--horizontal\"\n      : \"components-property-action-button-list--vertical\";\n  }\n\n  /** @internal */\n  public override render() {\n    return (\n      <div className={this.getClassName(this.props.orientation)}>\n        {this.props.actionButtonRenderers.map((renderer, index) => (\n          <ActionButtonContainer\n            key={index}\n            renderer={renderer}\n            rendererProps={{\n              property: this.props.property,\n              isPropertyHovered: this.props.isPropertyHovered,\n            }}\n          />\n        ))}\n      </div>\n    );\n  }\n}\n\ninterface ActionButtonContainerProps {\n  renderer: ActionButtonRenderer;\n  rendererProps: ActionButtonRendererProps;\n}\n\nfunction ActionButtonContainer(props: ActionButtonContainerProps) {\n  const actionButton = props.renderer(props.rendererProps);\n  if (!actionButton) return null;\n\n  return (\n    <div className=\"components-action-button-container\">{actionButton}</div>\n  );\n}\n"]}

package/lib/cjs/components-react/properties/renderers/ActionButtonList.scss

@@ -1,25 +1,25 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@mixin property-action-button-list {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-
-.components-property-action-button-list--horizontal {
-  @include property-action-button-list;
-  grid-column: 4;
-}
-
-.components-property-action-button-list--vertical {
-  @include property-action-button-list;
-  grid-column: 2;
-  grid-row-start: 1;
-  grid-row-end: 3;
-}
-
-.components-action-button-container {
-  margin: 0 5px 0 5px;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@mixin property-action-button-list {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.components-property-action-button-list--horizontal {
+  @include property-action-button-list;
+  grid-column: 4;
+}
+
+.components-property-action-button-list--vertical {
+  @include property-action-button-list;
+  grid-column: 2;
+  grid-row-start: 1;
+  grid-row-end: 3;
+}
+
+.components-action-button-container {
+  margin: 0 5px 0 5px;
+}

package/lib/cjs/components-react/properties/renderers/ActionButtonRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,iDAAiD;IACjD,QAAQ,EAAE,cAAc,CAAC;IACzB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,yBAAyB,KAAK,KAAK,CAAC,SAAS,CAAC"}
+{"version":3,"file":"ActionButtonRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,iDAAiD;IACjD,QAAQ,EAAE,cAAc,CAAC;IACzB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,CACjC,KAAK,EAAE,yBAAyB,KAC7B,KAAK,CAAC,SAAS,CAAC"}

package/lib/cjs/components-react/properties/renderers/ActionButtonRenderer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Properties
  */

package/lib/cjs/components-react/properties/renderers/ActionButtonRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 Properties\r\n */\r\n\r\nimport type * as React from \"react\";\r\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\r\n\r\n/** Properties of [[ActionButtonRenderer]]\r\n * @public\r\n */\r\nexport interface ActionButtonRendererProps {\r\n  /** Property that the action button belongs to */\r\n  property: PropertyRecord;\r\n  /** Indicated whether a property is hovered  */\r\n  isPropertyHovered?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a React component (usually a button) for a PropertyRecord\r\n * @public\r\n */\r\nexport type ActionButtonRenderer = (props: ActionButtonRendererProps) => React.ReactNode;\r\n"]}
+{"version":3,"file":"ActionButtonRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/ActionButtonRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport type * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\n\n/** Properties of [[ActionButtonRenderer]]\n * @public\n */\nexport interface ActionButtonRendererProps {\n  /** Property that the action button belongs to */\n  property: PropertyRecord;\n  /** Indicated whether a property is hovered  */\n  isPropertyHovered?: boolean;\n}\n\n/**\n * Renders a React component (usually a button) for a PropertyRecord\n * @public\n */\nexport type ActionButtonRenderer = (\n  props: ActionButtonRendererProps\n) => React.ReactNode;\n"]}

package/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommonPropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/CommonPropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAE1F,OAAO,EAAyB,4BAA4B,EAAE,MAAM,yBAAyB,CAAC;AAE9F;;GAEG;AACH,qBAAa,sBAAsB;WACnB,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM;WAqB3I,qBAAqB,CACjC,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,CAAC,EAAE,MAAM,EACpB,4BAA4B,CAAC,EAAE,4BAA4B,EAC3D,UAAU,CAAC,EAAE,OAAO,EACpB,kBAAkB,CAAC,EAAE,MAAM,IAAI,EAC/B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,EAC7C,SAAS,CAAC,EAAE,0BAA0B,GAAG;QAAE,YAAY,EAAE,OAAO,CAAC;QAAC,YAAY,EAAE,OAAO,CAAA;KAAE;IAyB3F,OAAO,CAAC,MAAM,CAAC,uBAAuB;CAiBvC"}
+{"version":3,"file":"CommonPropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/CommonPropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAE1F,OAAO,EAEL,4BAA4B,EAC7B,MAAM,yBAAyB,CAAC;AAEjC;;GAEG;AACH,qBAAa,sBAAsB;WACnB,cAAc,CAC1B,WAAW,CAAC,EAAE,MAAM,EACpB,WAAW,CAAC,EAAE,WAAW,EACzB,KAAK,CAAC,EAAE,MAAM,EACd,WAAW,CAAC,EAAE,MAAM,EACpB,mBAAmB,CAAC,EAAE,MAAM,GAC3B,MAAM;WAkCK,qBAAqB,CACjC,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,CAAC,EAAE,MAAM,EACpB,4BAA4B,CAAC,EAAE,4BAA4B,EAC3D,UAAU,CAAC,EAAE,OAAO,EACpB,kBAAkB,CAAC,EAAE,MAAM,IAAI,EAC/B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,EAC7C,SAAS,CAAC,EAAE,0BAA0B,GAAG;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;KACvB;IA+CH,OAAO,CAAC,MAAM,CAAC,uBAAuB;CAiCvC"}

package/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Properties
  */
@@ -45,19 +45,25 @@ class CommonPropertyRenderer {
             return 0;
         const maxIndent = 17;
         const minIndent = 6;
-        if (orientation !== core_react_1.Orientation.Horizontal || !width || !columnRatio || !minColumnLabelWidth)
+        if (orientation !== core_react_1.Orientation.Horizontal ||
+            !width ||
+            !columnRatio ||
+            !minColumnLabelWidth)
             return indentation * maxIndent;
         const currentSize = Math.ceil(width * columnRatio);
-        const shrinkThreshold = minColumnLabelWidth + (maxIndent * indentation);
+        const shrinkThreshold = minColumnLabelWidth + maxIndent * indentation;
         if (currentSize >= shrinkThreshold)
             return indentation * maxIndent;
-        const minShrink = minColumnLabelWidth + minIndent + (maxIndent * (indentation - 1));
+        const minShrink = minColumnLabelWidth + minIndent + maxIndent * (indentation - 1);
         if (currentSize <= minShrink)
-            return minIndent + this.getLabelOffset(indentation - 1, orientation, width, columnRatio, minColumnLabelWidth);
+            return (minIndent +
+                this.getLabelOffset(indentation - 1, orientation, width, columnRatio, minColumnLabelWidth));
         return currentSize - minColumnLabelWidth;
     }
     static createNewDisplayValue(orientation, propertyRecord, indentation, propertyValueRendererManager, isExpanded, onExpansionToggled, onHeightChanged, highlight) {
-        const highlightCallback = (highlight === null || highlight === void 0 ? void 0 : highlight.applyOnValue) ? (CommonPropertyRenderer.createHighlightCallback(highlight, propertyRecord)) : undefined;
+        const highlightCallback = (highlight === null || highlight === void 0 ? void 0 : highlight.applyOnValue)
+            ? CommonPropertyRenderer.createHighlightCallback(highlight, propertyRecord)
+            : undefined;
         const rendererContext = {
             orientation,
             containerType: ValueRendererManager_1.PropertyContainerType.PropertyPane,
@@ -73,7 +79,9 @@ class CommonPropertyRenderer {
             displayValue = ValueRendererManager_1.PropertyValueRendererManager.defaultManager.render(propertyRecord, rendererContext);
         // Align value with label if orientation is vertical
         if (orientation === core_react_1.Orientation.Vertical)
-            displayValue = React.createElement("span", { style: { paddingLeft: CommonPropertyRenderer.getLabelOffset(indentation, orientation) } }, displayValue);
+            displayValue = (React.createElement("span", { style: {
+                    paddingLeft: CommonPropertyRenderer.getLabelOffset(indentation, orientation),
+                } }, displayValue));
         return displayValue;
     }
     static createHighlightCallback(highlight, propertyRecord) {
@@ -88,7 +96,10 @@ class CommonPropertyRenderer {
         else {
             labelMatches = 0;
         }
-        const activeMatchIndex = (propertyRecord.property.name === propertyName) && ((matchIndex - labelMatches) >= 0) ? (matchIndex - labelMatches) : undefined;
+        const activeMatchIndex = propertyRecord.property.name === propertyName &&
+            matchIndex - labelMatches >= 0
+            ? matchIndex - labelMatches
+            : undefined;
         const highlightCallback = (text) => (React.createElement(HighlightedText_1.HighlightedText, { text: text, activeMatchIndex: activeMatchIndex, searchText: highlight.highlightedText }));
         return highlightCallback;
     }

package/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonPropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/CommonPropertyRenderer.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 Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { countMatchesInString } from \"../../common/countMatchesInString\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport type { PropertyValueRendererContext} from \"../ValueRendererManager\";\r\nimport { PropertyContainerType, PropertyValueRendererManager } from \"../ValueRendererManager\";\r\n\r\n/**\r\n * @internal\r\n */\r\nexport class CommonPropertyRenderer {\r\n  public static getLabelOffset(indentation?: number, orientation?: Orientation, width?: number, columnRatio?: number, minColumnLabelWidth?: number): number {\r\n    if (!indentation)\r\n      return 0;\r\n\r\n    const maxIndent = 17;\r\n    const minIndent = 6;\r\n    if (orientation !== Orientation.Horizontal || !width || !columnRatio || !minColumnLabelWidth)\r\n      return indentation * maxIndent;\r\n\r\n    const currentSize = Math.ceil(width * columnRatio);\r\n    const shrinkThreshold = minColumnLabelWidth + (maxIndent * indentation);\r\n    if (currentSize >= shrinkThreshold)\r\n      return indentation * maxIndent;\r\n\r\n    const minShrink = minColumnLabelWidth + minIndent + (maxIndent * (indentation - 1));\r\n    if (currentSize <= minShrink)\r\n      return minIndent + this.getLabelOffset(indentation - 1, orientation, width, columnRatio, minColumnLabelWidth);\r\n\r\n    return currentSize - minColumnLabelWidth;\r\n  }\r\n\r\n  public static createNewDisplayValue(\r\n    orientation: Orientation,\r\n    propertyRecord: PropertyRecord,\r\n    indentation?: number,\r\n    propertyValueRendererManager?: PropertyValueRendererManager,\r\n    isExpanded?: boolean,\r\n    onExpansionToggled?: () => void,\r\n    onHeightChanged?: (newHeight: number) => void,\r\n    highlight?: HighlightingComponentProps & { applyOnLabel: boolean, applyOnValue: boolean }\r\n  ) {\r\n    const highlightCallback = highlight?.applyOnValue ? (CommonPropertyRenderer.createHighlightCallback(highlight, propertyRecord)) : undefined;\r\n    const rendererContext: PropertyValueRendererContext = {\r\n      orientation,\r\n      containerType: PropertyContainerType.PropertyPane,\r\n      isExpanded,\r\n      onExpansionToggled,\r\n      onHeightChanged,\r\n      textHighlighter: highlightCallback,\r\n    };\r\n\r\n    let displayValue: React.ReactNode | undefined;\r\n    if (propertyValueRendererManager)\r\n      displayValue = propertyValueRendererManager.render(propertyRecord, rendererContext);\r\n    else\r\n      displayValue = PropertyValueRendererManager.defaultManager.render(propertyRecord, rendererContext);\r\n\r\n    // Align value with label if orientation is vertical\r\n    if (orientation === Orientation.Vertical)\r\n      displayValue = <span style={{ paddingLeft: CommonPropertyRenderer.getLabelOffset(indentation, orientation) }}>{displayValue}</span>;\r\n\r\n    return displayValue;\r\n  }\r\n\r\n  private static createHighlightCallback(highlight: HighlightingComponentProps & { applyOnLabel: boolean }, propertyRecord: PropertyRecord) {\r\n    const activeMatch = highlight.activeHighlight;\r\n    const propertyName = activeMatch?.highlightedItemIdentifier;\r\n    const matchIndex = activeMatch?.highlightIndex ?? 0;\r\n    let labelMatches: number;\r\n\r\n    if (highlight.applyOnLabel) {\r\n      labelMatches = countMatchesInString(propertyRecord.property.displayLabel.toLowerCase(), highlight.highlightedText);\r\n    } else {\r\n      labelMatches = 0;\r\n    }\r\n\r\n    const activeMatchIndex = (propertyRecord.property.name === propertyName) && ((matchIndex - labelMatches) >= 0) ? (matchIndex - labelMatches) : undefined;\r\n    const highlightCallback = (text: string) => (<HighlightedText text={text} activeMatchIndex={activeMatchIndex} searchText={highlight.highlightedText} />);\r\n\r\n    return highlightCallback;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"CommonPropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/CommonPropertyRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { countMatchesInString } from \"../../common/countMatchesInString\";\nimport { HighlightedText } from \"../../common/HighlightedText\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport type { PropertyValueRendererContext } from \"../ValueRendererManager\";\nimport {\n  PropertyContainerType,\n  PropertyValueRendererManager,\n} from \"../ValueRendererManager\";\n\n/**\n * @internal\n */\nexport class CommonPropertyRenderer {\n  public static getLabelOffset(\n    indentation?: number,\n    orientation?: Orientation,\n    width?: number,\n    columnRatio?: number,\n    minColumnLabelWidth?: number\n  ): number {\n    if (!indentation) return 0;\n\n    const maxIndent = 17;\n    const minIndent = 6;\n    if (\n      orientation !== Orientation.Horizontal ||\n      !width ||\n      !columnRatio ||\n      !minColumnLabelWidth\n    )\n      return indentation * maxIndent;\n\n    const currentSize = Math.ceil(width * columnRatio);\n    const shrinkThreshold = minColumnLabelWidth + maxIndent * indentation;\n    if (currentSize >= shrinkThreshold) return indentation * maxIndent;\n\n    const minShrink =\n      minColumnLabelWidth + minIndent + maxIndent * (indentation - 1);\n    if (currentSize <= minShrink)\n      return (\n        minIndent +\n        this.getLabelOffset(\n          indentation - 1,\n          orientation,\n          width,\n          columnRatio,\n          minColumnLabelWidth\n        )\n      );\n\n    return currentSize - minColumnLabelWidth;\n  }\n\n  public static createNewDisplayValue(\n    orientation: Orientation,\n    propertyRecord: PropertyRecord,\n    indentation?: number,\n    propertyValueRendererManager?: PropertyValueRendererManager,\n    isExpanded?: boolean,\n    onExpansionToggled?: () => void,\n    onHeightChanged?: (newHeight: number) => void,\n    highlight?: HighlightingComponentProps & {\n      applyOnLabel: boolean;\n      applyOnValue: boolean;\n    }\n  ) {\n    const highlightCallback = highlight?.applyOnValue\n      ? CommonPropertyRenderer.createHighlightCallback(\n          highlight,\n          propertyRecord\n        )\n      : undefined;\n    const rendererContext: PropertyValueRendererContext = {\n      orientation,\n      containerType: PropertyContainerType.PropertyPane,\n      isExpanded,\n      onExpansionToggled,\n      onHeightChanged,\n      textHighlighter: highlightCallback,\n    };\n\n    let displayValue: React.ReactNode | undefined;\n    if (propertyValueRendererManager)\n      displayValue = propertyValueRendererManager.render(\n        propertyRecord,\n        rendererContext\n      );\n    else\n      displayValue = PropertyValueRendererManager.defaultManager.render(\n        propertyRecord,\n        rendererContext\n      );\n\n    // Align value with label if orientation is vertical\n    if (orientation === Orientation.Vertical)\n      displayValue = (\n        <span\n          style={{\n            paddingLeft: CommonPropertyRenderer.getLabelOffset(\n              indentation,\n              orientation\n            ),\n          }}\n        >\n          {displayValue}\n        </span>\n      );\n\n    return displayValue;\n  }\n\n  private static createHighlightCallback(\n    highlight: HighlightingComponentProps & { applyOnLabel: boolean },\n    propertyRecord: PropertyRecord\n  ) {\n    const activeMatch = highlight.activeHighlight;\n    const propertyName = activeMatch?.highlightedItemIdentifier;\n    const matchIndex = activeMatch?.highlightIndex ?? 0;\n    let labelMatches: number;\n\n    if (highlight.applyOnLabel) {\n      labelMatches = countMatchesInString(\n        propertyRecord.property.displayLabel.toLowerCase(),\n        highlight.highlightedText\n      );\n    } else {\n      labelMatches = 0;\n    }\n\n    const activeMatchIndex =\n      propertyRecord.property.name === propertyName &&\n      matchIndex - labelMatches >= 0\n        ? matchIndex - labelMatches\n        : undefined;\n    const highlightCallback = (text: string) => (\n      <HighlightedText\n        text={text}\n        activeMatchIndex={activeMatchIndex}\n        searchText={highlight.highlightedText}\n      />\n    );\n\n    return highlightCallback;\n  }\n}\n"]}

package/lib/cjs/components-react/properties/renderers/NonPrimitivePropertyRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NonPrimitivePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/NonPrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAI1E;;GAEG;AACH,MAAM,WAAW,iCAAkC,SAAQ,sBAAsB;IAC/E,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,UAAU,iCAAiC;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,qBAAa,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,iCAAiC,EAAE,iCAAiC,CAAC;IACrI,gBAAgB;IAChB,SAAyB,KAAK,EAAE,iCAAiC,CAG/D;gBAEU,KAAK,EAAE,iCAAiC;IAIpD,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,QAAQ;IAuBhB,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,sBAAsB,CAqB5B;IAEF,gBAAgB;IACA,MAAM;CAoBvB"}
+{"version":3,"file":"NonPrimitivePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/NonPrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAI1E;;GAEG;AACH,MAAM,WAAW,iCACf,SAAQ,sBAAsB;IAC9B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,UAAU,iCAAiC;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,qBAAa,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAC/D,iCAAiC,EACjC,iCAAiC,CAClC;IACC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,iCAAiC,CAI/D;gBAEU,KAAK,EAAE,iCAAiC;IAIpD,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,QAAQ;IAkChB,OAAO,CAAC,0BAA0B;IAalC,OAAO,CAAC,sBAAsB,CAuB5B;IAEF,gBAAgB;IACA,MAAM;CAwBvB"}

package/lib/cjs/components-react/properties/renderers/NonPrimitivePropertyRenderer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Properties
  */
@@ -56,7 +56,9 @@ class NonPrimitivePropertyRenderer extends React.Component {
             this.setState({ isExpanded: false });
         };
         this._renderPropertyForItem = (item) => {
-            const prefix = this.props.uniqueKey ? this.props.uniqueKey : this.props.propertyRecord.property.name;
+            const prefix = this.props.uniqueKey
+                ? this.props.uniqueKey
+                : this.props.propertyRecord.property.name;
             const uniqueKey = `${prefix}_${item.property.name}`;
             return (React.createElement(PropertyRenderer_1.PropertyRenderer, { key: uniqueKey, uniqueKey: uniqueKey, propertyRecord: item, indentation: this.props.indentation ? this.props.indentation + 1 : 1, orientation: this.props.orientation, columnRatio: this.props.columnRatio, actionButtonRenderers: this.props.actionButtonRenderers, onColumnRatioChanged: this.props.onColumnRatioChanged, width: this.props.width, isResizeHandleHovered: this.props.isResizeHandleHovered, onResizeHandleHoverChanged: this.props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: this.props.isResizeHandleBeingDragged, onResizeHandleDragChanged: this.props.onResizeHandleDragChanged, columnInfo: this.props.columnInfo }));
         };
@@ -85,13 +87,12 @@ class NonPrimitivePropertyRenderer extends React.Component {
         let items = this.props.propertyRecord.getChildrenRecords();
         if (this.props.propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Array)
             items = this.overrideArrayChildrenNames(items);
-        const { indentation, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const { indentation, ...props } = this.props;
         return (React.createElement(React.Fragment, null,
-            this.props.isCollapsible
-                ?
-                    React.createElement(PropertyView_1.PropertyView, { labelElement: this.getLabel(this.props, this.state), ...props })
-                : undefined,
-            this.state.isExpanded ? items.map(this._renderPropertyForItem) : undefined));
+            this.props.isCollapsible ? (React.createElement(PropertyView_1.PropertyView, { labelElement: this.getLabel(this.props, this.state), ...props })) : undefined,
+            this.state.isExpanded
+                ? items.map(this._renderPropertyForItem)
+                : undefined));
     }
 }
 exports.NonPrimitivePropertyRenderer = NonPrimitivePropertyRenderer;

package/lib/cjs/components-react/properties/renderers/NonPrimitivePropertyRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NonPrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/NonPrimitivePropertyRenderer.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 Properties\r\n */\r\n\r\nimport \"./NonPrimitivePropertyRenderer.scss\";\r\nimport * as React from \"react\";\r\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\r\nimport { NonPrimitivePropertyLabelRenderer } from \"./label/NonPrimitivePropertyLabelRenderer\";\r\nimport type { PrimitiveRendererProps } from \"./PrimitivePropertyRenderer\";\r\nimport { PropertyRenderer } from \"./PropertyRenderer\";\r\nimport { PropertyView } from \"./PropertyView\";\r\n\r\n/** Properties of [[NonPrimitivePropertyRenderer]] React component\r\n * @public\r\n */\r\nexport interface NonPrimitivePropertyRendererProps extends PrimitiveRendererProps {\r\n  /** Can struct/array property be collapsed */\r\n  isCollapsible?: boolean;\r\n}\r\n\r\n/** State of [[NonPrimitivePropertyRenderer]] React component\r\n * @internal\r\n */\r\ninterface NonPrimitivePropertyRendererState {\r\n  /** Is struct/array property expanded */\r\n  isExpanded?: boolean;\r\n}\r\n\r\n/** React Component that renders struct and array properties\r\n * @public\r\n */\r\nexport class NonPrimitivePropertyRenderer extends React.Component<NonPrimitivePropertyRendererProps, NonPrimitivePropertyRendererState> {\r\n  /** @internal */\r\n  public override readonly state: NonPrimitivePropertyRendererState = {\r\n    /** If it's not collapsible, that means it's expanded by default and can't be collapsed */\r\n    isExpanded: !this.props.isCollapsible || this.props.propertyRecord.autoExpand,\r\n  };\r\n\r\n  constructor(props: NonPrimitivePropertyRendererProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _onExpanded = () => {\r\n    this.setState({ isExpanded: true });\r\n  };\r\n\r\n  private _onCollapsed = () => {\r\n    this.setState({ isExpanded: false });\r\n  };\r\n\r\n  private getLabel(props: NonPrimitivePropertyRendererProps, state: NonPrimitivePropertyRendererState): React.ReactNode {\r\n    const { orientation, indentation, width, columnRatio, columnInfo } = props;\r\n    // istanbul ignore next\r\n    const minLabelWidth = columnInfo?.minLabelWidth;\r\n    const offset = CommonPropertyRenderer.getLabelOffset(indentation, orientation, width, columnRatio, minLabelWidth);\r\n\r\n    let displayLabel = props.propertyRecord.property.displayLabel;\r\n    if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)\r\n      displayLabel = `${displayLabel} (${this.props.propertyRecord.value.items.length})`;\r\n\r\n    return (\r\n      <NonPrimitivePropertyLabelRenderer\r\n        isExpanded={!!state.isExpanded}\r\n        onExpand={this._onExpanded}\r\n        onCollapse={this._onCollapsed}\r\n        offset={offset}\r\n        renderColon={false}\r\n      >\r\n        {displayLabel}\r\n      </NonPrimitivePropertyLabelRenderer>\r\n    );\r\n  }\r\n\r\n  private overrideArrayChildrenNames(items: PropertyRecord[]) {\r\n    const modifiedProperties: PropertyRecord[] = items.map((item, index): PropertyRecord => {\r\n      const newProperty = { ...item.property };\r\n      newProperty.displayLabel = `[${index + 1}]`;\r\n      newProperty.name = `${newProperty.name}_${index}`;\r\n      return new PropertyRecord(item.value, newProperty);\r\n    });\r\n\r\n    return modifiedProperties;\r\n  }\r\n\r\n  private _renderPropertyForItem = (item: PropertyRecord) => {\r\n    const prefix = this.props.uniqueKey ? this.props.uniqueKey : this.props.propertyRecord.property.name;\r\n    const uniqueKey = `${prefix}_${item.property.name}`;\r\n    return (\r\n      <PropertyRenderer\r\n        key={uniqueKey}\r\n        uniqueKey={uniqueKey}\r\n        propertyRecord={item}\r\n        indentation={this.props.indentation ? this.props.indentation + 1 : 1}\r\n        orientation={this.props.orientation}\r\n        columnRatio={this.props.columnRatio}\r\n        actionButtonRenderers={this.props.actionButtonRenderers}\r\n        onColumnRatioChanged={this.props.onColumnRatioChanged}\r\n        width={this.props.width}\r\n        isResizeHandleHovered={this.props.isResizeHandleHovered}\r\n        onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\r\n        isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\r\n        onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\r\n        columnInfo={this.props.columnInfo}\r\n      />\r\n    );\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    let items: PropertyRecord[] = this.props.propertyRecord.getChildrenRecords();\r\n    if (this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array)\r\n      items = this.overrideArrayChildrenNames(items);\r\n\r\n    const { indentation, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    return (\r\n      <>\r\n        {this.props.isCollapsible\r\n          ?\r\n          <PropertyView\r\n            labelElement={this.getLabel(this.props, this.state)}\r\n            {...props}\r\n          />\r\n          : undefined}\r\n\r\n        {this.state.isExpanded ? items.map(this._renderPropertyForItem) : undefined}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"NonPrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/NonPrimitivePropertyRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport \"./NonPrimitivePropertyRenderer.scss\";\nimport * as React from \"react\";\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\nimport { NonPrimitivePropertyLabelRenderer } from \"./label/NonPrimitivePropertyLabelRenderer\";\nimport type { PrimitiveRendererProps } from \"./PrimitivePropertyRenderer\";\nimport { PropertyRenderer } from \"./PropertyRenderer\";\nimport { PropertyView } from \"./PropertyView\";\n\n/** Properties of [[NonPrimitivePropertyRenderer]] React component\n * @public\n */\nexport interface NonPrimitivePropertyRendererProps\n  extends PrimitiveRendererProps {\n  /** Can struct/array property be collapsed */\n  isCollapsible?: boolean;\n}\n\n/** State of [[NonPrimitivePropertyRenderer]] React component\n * @internal\n */\ninterface NonPrimitivePropertyRendererState {\n  /** Is struct/array property expanded */\n  isExpanded?: boolean;\n}\n\n/** React Component that renders struct and array properties\n * @public\n */\nexport class NonPrimitivePropertyRenderer extends React.Component<\n  NonPrimitivePropertyRendererProps,\n  NonPrimitivePropertyRendererState\n> {\n  /** @internal */\n  public override readonly state: NonPrimitivePropertyRendererState = {\n    /** If it's not collapsible, that means it's expanded by default and can't be collapsed */\n    isExpanded:\n      !this.props.isCollapsible || this.props.propertyRecord.autoExpand,\n  };\n\n  constructor(props: NonPrimitivePropertyRendererProps) {\n    super(props);\n  }\n\n  private _onExpanded = () => {\n    this.setState({ isExpanded: true });\n  };\n\n  private _onCollapsed = () => {\n    this.setState({ isExpanded: false });\n  };\n\n  private getLabel(\n    props: NonPrimitivePropertyRendererProps,\n    state: NonPrimitivePropertyRendererState\n  ): React.ReactNode {\n    const { orientation, indentation, width, columnRatio, columnInfo } = props;\n    // istanbul ignore next\n    const minLabelWidth = columnInfo?.minLabelWidth;\n    const offset = CommonPropertyRenderer.getLabelOffset(\n      indentation,\n      orientation,\n      width,\n      columnRatio,\n      minLabelWidth\n    );\n\n    let displayLabel = props.propertyRecord.property.displayLabel;\n    if (\n      this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array\n    )\n      displayLabel = `${displayLabel} (${this.props.propertyRecord.value.items.length})`;\n\n    return (\n      <NonPrimitivePropertyLabelRenderer\n        isExpanded={!!state.isExpanded}\n        onExpand={this._onExpanded}\n        onCollapse={this._onCollapsed}\n        offset={offset}\n        renderColon={false}\n      >\n        {displayLabel}\n      </NonPrimitivePropertyLabelRenderer>\n    );\n  }\n\n  private overrideArrayChildrenNames(items: PropertyRecord[]) {\n    const modifiedProperties: PropertyRecord[] = items.map(\n      (item, index): PropertyRecord => {\n        const newProperty = { ...item.property };\n        newProperty.displayLabel = `[${index + 1}]`;\n        newProperty.name = `${newProperty.name}_${index}`;\n        return new PropertyRecord(item.value, newProperty);\n      }\n    );\n\n    return modifiedProperties;\n  }\n\n  private _renderPropertyForItem = (item: PropertyRecord) => {\n    const prefix = this.props.uniqueKey\n      ? this.props.uniqueKey\n      : this.props.propertyRecord.property.name;\n    const uniqueKey = `${prefix}_${item.property.name}`;\n    return (\n      <PropertyRenderer\n        key={uniqueKey}\n        uniqueKey={uniqueKey}\n        propertyRecord={item}\n        indentation={this.props.indentation ? this.props.indentation + 1 : 1}\n        orientation={this.props.orientation}\n        columnRatio={this.props.columnRatio}\n        actionButtonRenderers={this.props.actionButtonRenderers}\n        onColumnRatioChanged={this.props.onColumnRatioChanged}\n        width={this.props.width}\n        isResizeHandleHovered={this.props.isResizeHandleHovered}\n        onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n        isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n        onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n        columnInfo={this.props.columnInfo}\n      />\n    );\n  };\n\n  /** @internal */\n  public override render() {\n    let items: PropertyRecord[] =\n      this.props.propertyRecord.getChildrenRecords();\n    if (\n      this.props.propertyRecord.value.valueFormat === PropertyValueFormat.Array\n    )\n      items = this.overrideArrayChildrenNames(items);\n\n    const { indentation, ...props } = this.props;\n    return (\n      <>\n        {this.props.isCollapsible ? (\n          <PropertyView\n            labelElement={this.getLabel(this.props, this.state)}\n            {...props}\n          />\n        ) : undefined}\n\n        {this.state.isExpanded\n          ? items.map(this._renderPropertyForItem)\n          : undefined}\n      </>\n    );\n  }\n}\n"]}

package/lib/cjs/components-react/properties/renderers/NonPrimitivePropertyRenderer.scss

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-@import "~@itwin/core-react/lib/cjs/core-react/style/colors";
-
-.components-nonprimitive-property {
-  padding: 10px;
-  display: grid;
-  grid-row-gap: 10px;
-
-  border-radius: var(--iui-border-radius-1);
-  border: solid 1px $uicore-gray-9;
-
-  background-color: #ffffff;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+@import "~@itwin/core-react/lib/cjs/core-react/style/colors";
+
+.components-nonprimitive-property {
+  padding: 10px;
+  display: grid;
+  grid-row-gap: 10px;
+
+  border-radius: var(--iui-border-radius-1);
+  border: solid 1px $uicore-gray-9;
+
+  background-color: #ffffff;
+}

package/lib/cjs/components-react/properties/renderers/PrimitivePropertyRenderer.d.ts

@@ -15,7 +15,7 @@ export interface PrimitiveRendererProps extends SharedRendererProps {
     /** Multiplier of how much the property is indented to the right */
     indentation?: number;
     /** Properties used for highlighting
-    */
+     */
     highlight?: HighlightingComponentProps;
 }
 /** React Component that renders primitive properties

package/lib/cjs/components-react/properties/renderers/PrimitivePropertyRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimitivePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAG1F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,wCAAwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC7C,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;MACE;IACF,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC;gBACxE,KAAK,EAAE,sBAAsB;IAIzC,gBAAgB;IACA,MAAM;CAoBvB"}
+{"version":3,"file":"PrimitivePropertyRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PrimitivePropertyRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAG1F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,wCAAwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC7C,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;OACG;IACH,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC;gBACxE,KAAK,EAAE,sBAAsB;IAIzC,gBAAgB;IACA,MAAM;CAuCvB"}

package/lib/cjs/components-react/properties/renderers/PrimitivePropertyRenderer.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Properties
  */
@@ -47,13 +47,20 @@ class PrimitivePropertyRenderer extends React.Component {
     /** @internal */
     render() {
         var _a, _b;
-        const { indentation, highlight, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const { indentation, highlight, ...props } = this.props;
         const displayLabel = this.props.propertyRecord.property.displayLabel;
         const offset = CommonPropertyRenderer_1.CommonPropertyRenderer.getLabelOffset(indentation, props.orientation, props.width, props.columnRatio, (_a = props.columnInfo) === null || _a === void 0 ? void 0 : _a.minLabelWidth);
-        const activeMatchIndex = this.props.propertyRecord.property.name === ((_b = highlight === null || highlight === void 0 ? void 0 : highlight.activeHighlight) === null || _b === void 0 ? void 0 : _b.highlightedItemIdentifier) ? highlight.activeHighlight.highlightIndex : undefined;
-        const label = highlight ?
-            ((0, HighlightedText_1.HighlightedText)({ text: displayLabel, searchText: highlight.highlightedText, activeMatchIndex })) :
-            displayLabel;
+        const activeMatchIndex = this.props.propertyRecord.property.name ===
+            ((_b = highlight === null || highlight === void 0 ? void 0 : highlight.activeHighlight) === null || _b === void 0 ? void 0 : _b.highlightedItemIdentifier)
+            ? highlight.activeHighlight.highlightIndex
+            : undefined;
+        const label = highlight
+            ? (0, HighlightedText_1.HighlightedText)({
+                text: displayLabel,
+                searchText: highlight.highlightedText,
+                activeMatchIndex,
+            })
+            : displayLabel;
         return (React.createElement(PropertyView_1.PropertyView, { ...props, labelElement: React.createElement(PrimitivePropertyLabelRenderer_1.PrimitivePropertyLabelRenderer, { offset: offset, renderColon: this.props.orientation === core_react_1.Orientation.Horizontal, tooltip: displayLabel }, label) }));
     }
 }

package/lib/cjs/components-react/properties/renderers/PrimitivePropertyRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PrimitivePropertyRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,kDAAgD;AAChD,kEAA+D;AAE/D,qEAAkE;AAClE,2FAAwF;AAExF,iDAA8C;AAiB9C;;GAEG;AACH,MAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAiC;IACpF,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,gBAAgB;IACA,MAAM;;QACpB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACjH,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC;QACrE,MAAM,MAAM,GAAG,+CAAsB,CAAC,cAAc,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,aAAa,CAAC,CAAC;QAEtJ,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,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;QAClL,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC;YACvB,CAAC,IAAA,iCAAe,EAAC,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,CAAC,eAAe,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC;YACpG,YAAY,CAAC;QAEf,OAAO,CACL,oBAAC,2BAAY,OACP,KAAK,EACT,YAAY,EACV,oBAAC,+DAA8B,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU,EAAE,OAAO,EAAE,YAAY,IAClI,KAAK,CACyB,GACnC,CACH,CAAC;IACJ,CAAC;CACF;AA1BD,8DA0BC","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 Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport { HighlightedText } from \"../../common/HighlightedText\";\r\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\r\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\r\nimport { PrimitivePropertyLabelRenderer } from \"./label/PrimitivePropertyLabelRenderer\";\r\nimport type { SharedRendererProps } from \"./PropertyRenderer\";\r\nimport { PropertyView } from \"./PropertyView\";\r\n\r\n/** Properties of [[PrimitivePropertyRenderer]] React component\r\n * @public\r\n */\r\nexport interface PrimitiveRendererProps extends SharedRendererProps {\r\n  /** Property value as a React element */\r\n  valueElement?: React.ReactNode;\r\n  /** Render callback for property value. If specified, `valueElement` is ignored. */\r\n  valueElementRenderer?: () => React.ReactNode;\r\n  /** Multiplier of how much the property is indented to the right */\r\n  indentation?: number;\r\n  /** Properties used for highlighting\r\n  */\r\n  highlight?: HighlightingComponentProps;\r\n}\r\n\r\n/** React Component that renders primitive properties\r\n * @public\r\n */\r\nexport class PrimitivePropertyRenderer extends React.Component<PrimitiveRendererProps> {\r\n  constructor(props: PrimitiveRendererProps) {\r\n    super(props);\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const { indentation, highlight, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const displayLabel = this.props.propertyRecord.property.displayLabel;\r\n    const offset = CommonPropertyRenderer.getLabelOffset(indentation, props.orientation, props.width, props.columnRatio, props.columnInfo?.minLabelWidth);\r\n\r\n    const activeMatchIndex = this.props.propertyRecord.property.name === highlight?.activeHighlight?.highlightedItemIdentifier ? highlight.activeHighlight.highlightIndex : undefined;\r\n    const label = highlight ?\r\n      (HighlightedText({ text: displayLabel, searchText: highlight.highlightedText, activeMatchIndex })) :\r\n      displayLabel;\r\n\r\n    return (\r\n      <PropertyView\r\n        {...props}\r\n        labelElement={\r\n          <PrimitivePropertyLabelRenderer offset={offset} renderColon={this.props.orientation === Orientation.Horizontal} tooltip={displayLabel}>\r\n            {label}\r\n          </PrimitivePropertyLabelRenderer>}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PrimitivePropertyRenderer.js","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PrimitivePropertyRenderer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,kDAAgD;AAChD,kEAA+D;AAE/D,qEAAkE;AAClE,2FAAwF;AAExF,iDAA8C;AAiB9C;;GAEG;AACH,MAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAiC;IACpF,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,gBAAgB;IACA,MAAM;;QACpB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC;QACrE,MAAM,MAAM,GAAG,+CAAsB,CAAC,cAAc,CAClD,WAAW,EACX,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,WAAW,EACjB,MAAA,KAAK,CAAC,UAAU,0CAAE,aAAa,CAChC,CAAC;QAEF,MAAM,gBAAgB,GACpB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI;aACvC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,0CAAE,yBAAyB,CAAA;YACnD,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc;YAC1C,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,KAAK,GAAG,SAAS;YACrB,CAAC,CAAC,IAAA,iCAAe,EAAC;gBACd,IAAI,EAAE,YAAY;gBAClB,UAAU,EAAE,SAAS,CAAC,eAAe;gBACrC,gBAAgB;aACjB,CAAC;YACJ,CAAC,CAAC,YAAY,CAAC;QAEjB,OAAO,CACL,oBAAC,2BAAY,OACP,KAAK,EACT,YAAY,EACV,oBAAC,+DAA8B,IAC7B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU,EAC9D,OAAO,EAAE,YAAY,IAEpB,KAAK,CACyB,GAEnC,CACH,CAAC;IACJ,CAAC;CACF;AA7CD,8DA6CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport { Orientation } from \"@itwin/core-react\";\nimport { HighlightedText } from \"../../common/HighlightedText\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps\";\nimport { CommonPropertyRenderer } from \"./CommonPropertyRenderer\";\nimport { PrimitivePropertyLabelRenderer } from \"./label/PrimitivePropertyLabelRenderer\";\nimport type { SharedRendererProps } from \"./PropertyRenderer\";\nimport { PropertyView } from \"./PropertyView\";\n\n/** Properties of [[PrimitivePropertyRenderer]] React component\n * @public\n */\nexport interface PrimitiveRendererProps extends SharedRendererProps {\n  /** Property value as a React element */\n  valueElement?: React.ReactNode;\n  /** Render callback for property value. If specified, `valueElement` is ignored. */\n  valueElementRenderer?: () => React.ReactNode;\n  /** Multiplier of how much the property is indented to the right */\n  indentation?: number;\n  /** Properties used for highlighting\n   */\n  highlight?: HighlightingComponentProps;\n}\n\n/** React Component that renders primitive properties\n * @public\n */\nexport class PrimitivePropertyRenderer extends React.Component<PrimitiveRendererProps> {\n  constructor(props: PrimitiveRendererProps) {\n    super(props);\n  }\n\n  /** @internal */\n  public override render() {\n    const { indentation, highlight, ...props } = this.props;\n    const displayLabel = this.props.propertyRecord.property.displayLabel;\n    const offset = CommonPropertyRenderer.getLabelOffset(\n      indentation,\n      props.orientation,\n      props.width,\n      props.columnRatio,\n      props.columnInfo?.minLabelWidth\n    );\n\n    const activeMatchIndex =\n      this.props.propertyRecord.property.name ===\n      highlight?.activeHighlight?.highlightedItemIdentifier\n        ? highlight.activeHighlight.highlightIndex\n        : undefined;\n    const label = highlight\n      ? HighlightedText({\n          text: displayLabel,\n          searchText: highlight.highlightedText,\n          activeMatchIndex,\n        })\n      : displayLabel;\n\n    return (\n      <PropertyView\n        {...props}\n        labelElement={\n          <PrimitivePropertyLabelRenderer\n            offset={offset}\n            renderColon={this.props.orientation === Orientation.Horizontal}\n            tooltip={displayLabel}\n          >\n            {label}\n          </PrimitivePropertyLabelRenderer>\n        }\n      />\n    );\n  }\n}\n"]}

package/lib/cjs/components-react/properties/renderers/PropertyGridColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridColumns.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyGridColumns.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,gBAAgB;AAChB,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAED,gBAAgB;AAChB,qBAAa,+BAA+B;IAC1C,OAAO,CAAC,cAAc,CAAa;IACnC,OAAO,CAAC,cAAc,CAAa;IACnC,OAAO,CAAC,kBAAkB,CAAa;IACvC,OAAO,CAAC,2BAA2B,CAAU;gBAE1B,UAAU,EAAE,sBAAsB,GAAG,SAAS;IAYjE,IAAW,aAAa,WAEvB;IAED,IAAW,aAAa,WAEvB;IAED,IAAW,iBAAiB,WAE3B;IAED,IAAW,0BAA0B,YAEpC;IAEM,QAAQ,CAAC,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,oBAAoB,EAAE,OAAO,GAAG,KAAK,CAAC,aAAa;IAaxI,oFAAoF;IACpF,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,gBAAgB;CAGzB"}
+{"version":3,"file":"PropertyGridColumns.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/PropertyGridColumns.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,gBAAgB;AAChB,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAED,gBAAgB;AAChB,qBAAa,+BAA+B;IAC1C,OAAO,CAAC,cAAc,CAAa;IACnC,OAAO,CAAC,cAAc,CAAa;IACnC,OAAO,CAAC,kBAAkB,CAAa;IACvC,OAAO,CAAC,2BAA2B,CAAU;gBAE1B,UAAU,EAAE,sBAAsB,GAAG,SAAS;IAYjE,IAAW,aAAa,WAEvB;IAED,IAAW,aAAa,WAEvB;IAED,IAAW,iBAAiB,WAE3B;IAED,IAAW,0BAA0B,YAEpC;IAEM,QAAQ,CACb,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,OAAO,EAC1B,KAAK,EAAE,MAAM,EACb,oBAAoB,EAAE,OAAO,GAC5B,KAAK,CAAC,aAAa;IAmBtB,oFAAoF;IACpF,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,kBAAkB;IA8B1B,OAAO,CAAC,gBAAgB;CAMzB"}

package/lib/cjs/components-react/properties/renderers/PropertyGridColumns.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Properties
  */
@@ -55,15 +55,32 @@ class PropertyGridColumnStyleProvider {
     }
     getHorizontalStyle(needActionButtons, ratio, needElementSeparator) {
         const separatorColumn = needElementSeparator ? "1px" : undefined;
+        const actionButtonColumn = needActionButtons
+            ? this.actionButtonWidth
+                ? `${this.actionButtonWidth}px`
+                : "auto"
+            : undefined;
         if (!this.isMinimumColumnSizeEnabled)
-            return this.columnStyleBuilder([`${ratio * 100}%`, separatorColumn, "auto", needActionButtons ? "auto" : undefined]);
+            return this.columnStyleBuilder([
+                `${ratio * 100}%`,
+                separatorColumn,
+                "auto",
+                actionButtonColumn,
+            ]);
         const labelColumn = `minmax(${this.minLabelWidth}px, ${ratio * 100}%)`;
         const valueColumn = `minmax(${this.minValueWidth}px, 1fr)`;
-        const actionButtonColumn = needActionButtons ? `${this.actionButtonWidth}px` : undefined;
-        return this.columnStyleBuilder([labelColumn, separatorColumn, valueColumn, actionButtonColumn]);
+        return this.columnStyleBuilder([
+            labelColumn,
+            separatorColumn,
+            valueColumn,
+            actionButtonColumn,
+        ]);
     }
     getVerticalStyle(needActionButtons) {
-        return this.columnStyleBuilder(["auto", needActionButtons ? "auto" : undefined]);
+        return this.columnStyleBuilder([
+            "auto",
+            needActionButtons ? "auto" : undefined,
+        ]);
     }
 }
 exports.PropertyGridColumnStyleProvider = PropertyGridColumnStyleProvider;