@itwin/components-react 3.6.0-dev.8 → 4.0.0-dev.2

package/lib/esm/components-react/propertygrid/component/PropertyGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.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 \"./PropertyGrid.scss\";\r\nimport classnames from \"classnames\";\r\nimport { produce } from \"immer\";\r\nimport * as React from \"react\";\r\nimport { DisposeFunc } from \"@itwin/core-bentley\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\r\nimport { DelayedSpinner } from \"../../common/DelayedSpinner\";\r\nimport { IPropertyDataProvider, PropertyCategory, PropertyData } from \"../PropertyDataProvider\";\r\nimport { ColumnResizeRelatedPropertyListProps, ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\r\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\r\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\r\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\r\nimport { PropertyList, PropertyListProps } from \"./PropertyList\";\r\n\r\n/** Properties for [[PropertyGrid]] React component\r\n * @public\r\n */\r\nexport interface PropertyGridProps extends CommonPropertyGridProps {\r\n  /** Property data provider */\r\n  dataProvider: IPropertyDataProvider;\r\n}\r\n\r\n/** Property Category in the [[PropertyGrid]] state\r\n * @public\r\n * @deprecated This was part of [[PropertyGrid]] internal state and should've never been public. The component is not using it anymore.\r\n */\r\nexport interface PropertyGridCategory {\r\n  propertyCategory: PropertyCategory;\r\n  propertyCount: number;\r\n  properties: PropertyRecord[];\r\n}\r\n\r\ninterface CategorizedPropertyGridRecords {\r\n  category: PropertyCategory;\r\n  records: PropertyRecord[];\r\n  children: CategorizedPropertyGridRecords[];\r\n}\r\n\r\n/** State of [[PropertyGrid]] React component\r\n * @internal\r\n */\r\ninterface PropertyGridState {\r\n  /** List of PropertyGrid categories */\r\n  categories: CategorizedPropertyGridRecords[];\r\n  /** Actual orientation used by the property grid */\r\n  orientation: Orientation;\r\n  /** If property grid currently loading data, the loading start time  */\r\n  loadStart?: Date;\r\n  /** Width of PropertyGrid */\r\n  width: number;\r\n}\r\n\r\n/** PropertyGrid React component.\r\n * @public\r\n */\r\nexport class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> {\r\n  private _dataChangesListenerDisposeFunc?: DisposeFunc;\r\n  private _isMounted = false;\r\n  private _isInDataRequest = false;\r\n  private _hasPendingDataRequest = false;\r\n\r\n  /** @internal */\r\n  constructor(props: PropertyGridProps) {\r\n    super(props);\r\n    this.state = {\r\n      categories: [],\r\n      orientation: this.getPreferredOrientation(),\r\n      width: 0,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n    this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    this.gatherData();\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore else\r\n    if (this._dataChangesListenerDisposeFunc) {\r\n      this._dataChangesListenerDisposeFunc();\r\n      this._dataChangesListenerDisposeFunc = undefined;\r\n    }\r\n    this._isMounted = false;\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: PropertyGridProps) {\r\n    if (this.props.dataProvider !== prevProps.dataProvider) {\r\n      // istanbul ignore else\r\n      if (this._dataChangesListenerDisposeFunc)\r\n        this._dataChangesListenerDisposeFunc();\r\n      this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\r\n\r\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n      this.gatherData();\r\n    }\r\n\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.updateOrientation(this.state.width);\r\n  }\r\n\r\n  private _onPropertyDataChanged = () => {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    this.gatherData();\r\n  };\r\n\r\n  private async gatherData(): Promise<void> {\r\n    if (this._isInDataRequest) {\r\n      this._hasPendingDataRequest = true;\r\n      return;\r\n    }\r\n\r\n    this.setState((prev) => prev.loadStart ? null : { loadStart: new Date() });\r\n\r\n    this._isInDataRequest = true;\r\n    let propertyData: PropertyData;\r\n    try {\r\n      propertyData = await this.props.dataProvider.getData();\r\n    } finally {\r\n      this._isInDataRequest = false;\r\n    }\r\n\r\n    if (!this._isMounted)\r\n      return;\r\n\r\n    if (this._hasPendingDataRequest) {\r\n      this._hasPendingDataRequest = false;\r\n      return this.gatherData();\r\n    }\r\n\r\n    this.setState((prevState) => {\r\n      const buildCategoriesHierarchy = (newCategories: PropertyCategory[], stateCategories: CategorizedPropertyGridRecords[] | undefined) =>\r\n        newCategories.map((category): CategorizedPropertyGridRecords => {\r\n          const matchingStateCategory = findCategory(stateCategories ?? [], category.name, false);\r\n          return {\r\n            category: { ...category, expand: matchingStateCategory?.category?.expand ?? category.expand },\r\n            records: propertyData.records[category.name] ?? [],\r\n            children: buildCategoriesHierarchy(category.childCategories ?? [], matchingStateCategory?.children),\r\n          };\r\n        });\r\n      return {\r\n        categories: buildCategoriesHierarchy(propertyData.categories, prevState.categories),\r\n        loadStart: undefined,\r\n      };\r\n    });\r\n  }\r\n\r\n  private getPreferredOrientation(): Orientation {\r\n    return (this.props.orientation !== undefined) ? this.props.orientation : Orientation.Horizontal;\r\n  }\r\n\r\n  private _onResize = (width: number) => {\r\n    this.updateOrientation(width);\r\n  };\r\n\r\n  private _onCategoryExpansionToggled = (categoryName: string) => {\r\n    this.setState((state) => {\r\n      return produce(state, (draft) => {\r\n        const records = findCategory(draft.categories, categoryName, true);\r\n        // istanbul ignore else\r\n        if (records) {\r\n          const category = records.category;\r\n          category.expand = !category.expand;\r\n        }\r\n      });\r\n    });\r\n  };\r\n\r\n  private updateOrientation(width: number): void {\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 || width !== this.state.width)\r\n      this.setState({ orientation: currentOrientation, width });\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    if (this.state.loadStart) {\r\n      return (\r\n        <div className=\"components-property-grid-loader\">\r\n          <DelayedSpinner loadStart={this.state.loadStart} size=\"large\" />\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <PropertyGridEventsRelatedPropsSupplier\r\n        isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\r\n        isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\r\n        isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\r\n        isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\r\n        onPropertyContextMenu={this.props.onPropertyContextMenu}\r\n        onPropertyUpdated={this.props.onPropertyUpdated}\r\n        onPropertySelectionChanged={this.props.onPropertySelectionChanged}\r\n      >\r\n        {(selectionContext) => (\r\n          <div className={classnames(\"components-property-grid-wrapper\", this.props.className)} style={this.props.style}>\r\n            <div className={classnames(\"components-property-grid\", \"components-smallEditor-host\")}>\r\n              <div className=\"property-categories\">\r\n                {\r\n                  this.state.categories.map((categorizedRecords: CategorizedPropertyGridRecords) => (\r\n                    <NestedCategoryBlock\r\n                      {...selectionContext}\r\n                      key={categorizedRecords.category.name}\r\n                      categorizedRecords={categorizedRecords}\r\n                      onCategoryExpansionToggled={this._onCategoryExpansionToggled}\r\n                      orientation={this.state.orientation}\r\n                      propertyValueRendererManager={this.props.propertyValueRendererManager}\r\n                      actionButtonRenderers={this.props.actionButtonRenderers}\r\n                    />\r\n                  ))\r\n                }\r\n              </div>\r\n            </div>\r\n            <ResizableContainerObserver onResize={this._onResize} />\r\n          </div>\r\n        )}\r\n      </PropertyGridEventsRelatedPropsSupplier>\r\n    );\r\n  }\r\n}\r\n\r\nfunction findCategory(categories: CategorizedPropertyGridRecords[], lookupName: string, recurseIntoChildren: boolean): CategorizedPropertyGridRecords | undefined {\r\n  for (const category of categories) {\r\n    if (category.category.name === lookupName)\r\n      return category;\r\n    if (recurseIntoChildren) {\r\n      const matchingChild = findCategory(category.children, lookupName, recurseIntoChildren);\r\n      if (matchingChild)\r\n        return matchingChild;\r\n    }\r\n  }\r\n  return undefined;\r\n}\r\n\r\ninterface NestedCategoryBlockProps extends Omit<PropertyListProps, (keyof ColumnResizeRelatedPropertyListProps) | \"properties\"> {\r\n  categorizedRecords: CategorizedPropertyGridRecords;\r\n  onCategoryExpansionToggled: (categoryName: string) => void;\r\n  orientation: Orientation;\r\n}\r\nfunction NestedCategoryBlock(props: NestedCategoryBlockProps) {\r\n  return (\r\n    <PropertyCategoryBlock\r\n      category={props.categorizedRecords.category}\r\n      onExpansionToggled={props.onCategoryExpansionToggled}\r\n    >\r\n      {props.categorizedRecords.records.length ? (\r\n        <ColumnResizingPropertyListPropsSupplier orientation={props.orientation}>\r\n          {(partialListProps: ColumnResizeRelatedPropertyListProps) => (\r\n            <PropertyList\r\n              {...partialListProps}\r\n              orientation={props.orientation}\r\n              category={props.categorizedRecords.category}\r\n              properties={props.categorizedRecords.records}\r\n              selectedPropertyKey={props.selectedPropertyKey}\r\n              onPropertyClicked={props.onPropertyClicked}\r\n              onPropertyRightClicked={props.onPropertyRightClicked}\r\n              onPropertyContextMenu={props.onPropertyContextMenu}\r\n              propertyValueRendererManager={props.propertyValueRendererManager}\r\n              editingPropertyKey={props.editingPropertyKey}\r\n              onEditCommit={props.onEditCommit}\r\n              onEditCancel={props.onEditCancel}\r\n              isPropertyHoverEnabled={props.isPropertyHoverEnabled}\r\n              isPropertySelectionEnabled={props.isPropertySelectionEnabled}\r\n              isPropertyRightClickSelectionEnabled={props.isPropertyRightClickSelectionEnabled}\r\n              actionButtonRenderers={props.actionButtonRenderers}\r\n            />\r\n          )}\r\n        </ColumnResizingPropertyListPropsSupplier>\r\n      ) : undefined}\r\n      {props.categorizedRecords.children.length ? (\r\n        <div className=\"property-categories\">\r\n          {\r\n            props.categorizedRecords.children.map((categorizedChildRecords) => (\r\n              <NestedCategoryBlock {...props} key={categorizedChildRecords.category.name} categorizedRecords={categorizedChildRecords} />\r\n            ))\r\n          }\r\n        </div>\r\n      ) : undefined}\r\n    </PropertyCategoryBlock>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"PropertyGrid.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.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\n/** @packageDocumentation\n * @module PropertyGrid\n */\nimport \"./PropertyGrid.scss\";\nimport classnames from \"classnames\";\nimport { produce } from \"immer\";\nimport * as React from \"react\";\nimport { DisposeFunc } from \"@itwin/core-bentley\";\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\nimport { DelayedSpinner } from \"../../common/DelayedSpinner\";\nimport { IPropertyDataProvider, PropertyCategory, PropertyData } from \"../PropertyDataProvider\";\nimport { ColumnResizeRelatedPropertyListProps, ColumnResizingPropertyListPropsSupplier } from \"./ColumnResizingPropertyListPropsSupplier\";\nimport { PropertyCategoryBlock } from \"./PropertyCategoryBlock\";\nimport { CommonPropertyGridProps, PropertyGridCommons } from \"./PropertyGridCommons\";\nimport { PropertyGridEventsRelatedPropsSupplier } from \"./PropertyGridEventsRelatedPropsSupplier\";\nimport { PropertyList, PropertyListProps } from \"./PropertyList\";\n\n/** Properties for [[PropertyGrid]] React component\n * @public\n */\nexport interface PropertyGridProps extends CommonPropertyGridProps {\n  /** Property data provider */\n  dataProvider: IPropertyDataProvider;\n}\n\ninterface CategorizedPropertyGridRecords {\n  category: PropertyCategory;\n  records: PropertyRecord[];\n  children: CategorizedPropertyGridRecords[];\n}\n\n/** State of [[PropertyGrid]] React component\n * @internal\n */\ninterface PropertyGridState {\n  /** List of PropertyGrid categories */\n  categories: CategorizedPropertyGridRecords[];\n  /** Actual orientation used by the property grid */\n  orientation: Orientation;\n  /** If property grid currently loading data, the loading start time  */\n  loadStart?: Date;\n  /** Width of PropertyGrid */\n  width: number;\n}\n\n/** PropertyGrid React component.\n * @public\n */\nexport class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> {\n  private _dataChangesListenerDisposeFunc?: DisposeFunc;\n  private _isMounted = false;\n  private _isInDataRequest = false;\n  private _hasPendingDataRequest = false;\n\n  /** @internal */\n  constructor(props: PropertyGridProps) {\n    super(props);\n    this.state = {\n      categories: [],\n      orientation: this.getPreferredOrientation(),\n      width: 0,\n    };\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._isMounted = true;\n    this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    this.gatherData();\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    // istanbul ignore else\n    if (this._dataChangesListenerDisposeFunc) {\n      this._dataChangesListenerDisposeFunc();\n      this._dataChangesListenerDisposeFunc = undefined;\n    }\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: PropertyGridProps) {\n    if (this.props.dataProvider !== prevProps.dataProvider) {\n      // istanbul ignore else\n      if (this._dataChangesListenerDisposeFunc)\n        this._dataChangesListenerDisposeFunc();\n      this._dataChangesListenerDisposeFunc = this.props.dataProvider.onDataChanged.addListener(this._onPropertyDataChanged);\n\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.gatherData();\n    }\n\n    if (this.props.orientation !== prevProps.orientation\n      || this.props.isOrientationFixed !== prevProps.isOrientationFixed\n      || this.props.horizontalOrientationMinWidth !== prevProps.horizontalOrientationMinWidth)\n      this.updateOrientation(this.state.width);\n  }\n\n  private _onPropertyDataChanged = () => {\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    this.gatherData();\n  };\n\n  private async gatherData(): Promise<void> {\n    if (this._isInDataRequest) {\n      this._hasPendingDataRequest = true;\n      return;\n    }\n\n    this.setState((prev) => prev.loadStart ? null : { loadStart: new Date() });\n\n    this._isInDataRequest = true;\n    let propertyData: PropertyData;\n    try {\n      propertyData = await this.props.dataProvider.getData();\n    } finally {\n      this._isInDataRequest = false;\n    }\n\n    if (!this._isMounted)\n      return;\n\n    if (this._hasPendingDataRequest) {\n      this._hasPendingDataRequest = false;\n      return this.gatherData();\n    }\n\n    this.setState((prevState) => {\n      const buildCategoriesHierarchy = (newCategories: PropertyCategory[], stateCategories: CategorizedPropertyGridRecords[] | undefined) =>\n        newCategories.map((category): CategorizedPropertyGridRecords => {\n          const matchingStateCategory = findCategory(stateCategories ?? [], category.name, false);\n          return {\n            category: { ...category, expand: matchingStateCategory?.category?.expand ?? category.expand },\n            records: propertyData.records[category.name] ?? [],\n            children: buildCategoriesHierarchy(category.childCategories ?? [], matchingStateCategory?.children),\n          };\n        });\n      return {\n        categories: buildCategoriesHierarchy(propertyData.categories, prevState.categories),\n        loadStart: undefined,\n      };\n    });\n  }\n\n  private getPreferredOrientation(): Orientation {\n    return (this.props.orientation !== undefined) ? this.props.orientation : Orientation.Horizontal;\n  }\n\n  private _onResize = (width: number) => {\n    this.updateOrientation(width);\n  };\n\n  private _onCategoryExpansionToggled = (categoryName: string) => {\n    this.setState((state) => {\n      return produce(state, (draft) => {\n        const records = findCategory(draft.categories, categoryName, true);\n        // istanbul ignore else\n        if (records) {\n          const category = records.category;\n          category.expand = !category.expand;\n        }\n      });\n    });\n  };\n\n  private updateOrientation(width: number): void {\n    const { orientation, isOrientationFixed, horizontalOrientationMinWidth } = { ...this.props };\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(width, orientation, isOrientationFixed, horizontalOrientationMinWidth);\n\n    if (currentOrientation !== this.state.orientation || width !== this.state.width)\n      this.setState({ orientation: currentOrientation, width });\n  }\n\n  /** @internal */\n  public override render() {\n    if (this.state.loadStart) {\n      return (\n        <div className=\"components-property-grid-loader\">\n          <DelayedSpinner loadStart={this.state.loadStart} size=\"large\" />\n        </div>\n      );\n    }\n\n    return (\n      <PropertyGridEventsRelatedPropsSupplier\n        isPropertySelectionEnabled={this.props.isPropertySelectionEnabled ?? false}\n        isPropertySelectionOnRightClickEnabled={this.props.isPropertySelectionOnRightClickEnabled}\n        isPropertyEditingEnabled={this.props.isPropertyEditingEnabled}\n        isPropertyHoverEnabled={this.props.isPropertyHoverEnabled ?? false}\n        onPropertyContextMenu={this.props.onPropertyContextMenu}\n        onPropertyUpdated={this.props.onPropertyUpdated}\n        onPropertySelectionChanged={this.props.onPropertySelectionChanged}\n      >\n        {(selectionContext) => (\n          <div className={classnames(\"components-property-grid-wrapper\", this.props.className)} style={this.props.style}>\n            <div className={classnames(\"components-property-grid\", \"components-smallEditor-host\")}>\n              <div className=\"property-categories\">\n                {\n                  this.state.categories.map((categorizedRecords: CategorizedPropertyGridRecords) => (\n                    <NestedCategoryBlock\n                      {...selectionContext}\n                      key={categorizedRecords.category.name}\n                      categorizedRecords={categorizedRecords}\n                      onCategoryExpansionToggled={this._onCategoryExpansionToggled}\n                      orientation={this.state.orientation}\n                      propertyValueRendererManager={this.props.propertyValueRendererManager}\n                      actionButtonRenderers={this.props.actionButtonRenderers}\n                    />\n                  ))\n                }\n              </div>\n            </div>\n            <ResizableContainerObserver onResize={this._onResize} />\n          </div>\n        )}\n      </PropertyGridEventsRelatedPropsSupplier>\n    );\n  }\n}\n\nfunction findCategory(categories: CategorizedPropertyGridRecords[], lookupName: string, recurseIntoChildren: boolean): CategorizedPropertyGridRecords | undefined {\n  for (const category of categories) {\n    if (category.category.name === lookupName)\n      return category;\n    if (recurseIntoChildren) {\n      const matchingChild = findCategory(category.children, lookupName, recurseIntoChildren);\n      if (matchingChild)\n        return matchingChild;\n    }\n  }\n  return undefined;\n}\n\ninterface NestedCategoryBlockProps extends Omit<PropertyListProps, (keyof ColumnResizeRelatedPropertyListProps) | \"properties\"> {\n  categorizedRecords: CategorizedPropertyGridRecords;\n  onCategoryExpansionToggled: (categoryName: string) => void;\n  orientation: Orientation;\n}\nfunction NestedCategoryBlock(props: NestedCategoryBlockProps) {\n  return (\n    <PropertyCategoryBlock\n      category={props.categorizedRecords.category}\n      onExpansionToggled={props.onCategoryExpansionToggled}\n    >\n      {props.categorizedRecords.records.length ? (\n        <ColumnResizingPropertyListPropsSupplier orientation={props.orientation}>\n          {(partialListProps: ColumnResizeRelatedPropertyListProps) => (\n            <PropertyList\n              {...partialListProps}\n              orientation={props.orientation}\n              category={props.categorizedRecords.category}\n              properties={props.categorizedRecords.records}\n              selectedPropertyKey={props.selectedPropertyKey}\n              onPropertyClicked={props.onPropertyClicked}\n              onPropertyRightClicked={props.onPropertyRightClicked}\n              onPropertyContextMenu={props.onPropertyContextMenu}\n              propertyValueRendererManager={props.propertyValueRendererManager}\n              editingPropertyKey={props.editingPropertyKey}\n              onEditCommit={props.onEditCommit}\n              onEditCancel={props.onEditCancel}\n              isPropertyHoverEnabled={props.isPropertyHoverEnabled}\n              isPropertySelectionEnabled={props.isPropertySelectionEnabled}\n              isPropertyRightClickSelectionEnabled={props.isPropertyRightClickSelectionEnabled}\n              actionButtonRenderers={props.actionButtonRenderers}\n            />\n          )}\n        </ColumnResizingPropertyListPropsSupplier>\n      ) : undefined}\n      {props.categorizedRecords.children.length ? (\n        <div className=\"property-categories\">\n          {\n            props.categorizedRecords.children.map((categorizedChildRecords) => (\n              <NestedCategoryBlock {...props} key={categorizedChildRecords.category.name} categorizedRecords={categorizedChildRecords} />\n            ))\n          }\n        </div>\n      ) : undefined}\n    </PropertyCategoryBlock>\n  );\n}\n"]}

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

@@ -1,73 +1,73 @@
-/*---------------------------------------------------------------------------------------------
-* 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/expandable/list";
-@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
-
-.components-property-grid-loader {
-  position: relative;
-  display: block;
-  left: calc(50% - 24px);
-  top: calc(50% - 24px);
-}
-
-.components-property-grid {
-
-  .property-categories {
-    @include uicore-expandable-blocks-list;
-
-    display: grid;
-    grid-row-gap: 6px;
-    padding: 3px;
-  }
-
-  padding-top: 6px;
-  padding-bottom: 6px;
-
-  user-select: none;
-  color: $buic-foreground-body;
-}
-
-.components-property-grid-wrapper {
-  width: 100%;
-  height: 100%;
-  overflow-y: auto;
-
-  @include uicore-touch-scrolling;
-  @include uicore-scrollbar();
-}
-
-@mixin components-property-list {
-  width: 100%;
-
-  .components--selected {
-    background-color: $buic-row-selection;
-    outline: 1px solid $buic-foreground-primary;
-  }
-
-  .components--clickable {
-    cursor: pointer;
-
-    &:hover {
-      background: $buic-row-hover;
-    }
-  }
-
-  .components--hoverable:hover {
-    background-color: $buic-row-hover;
-  }
-}
-
-.components-property-list--horizontal {
-  @include components-property-list;
-
-  display: grid;
-  grid-row-gap: 1px; // A gap of 10px is too wasteful
-  overflow: hidden;
-}
-
-.components-property-list--vertical {
-  @include components-property-list;
-  // margin-top: -13px;
+/*---------------------------------------------------------------------------------------------
+* 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/expandable/list";
+@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
+
+.components-property-grid-loader {
+  position: relative;
+  display: block;
+  left: calc(50% - 24px);
+  top: calc(50% - 24px);
+}
+
+.components-property-grid {
+
+  .property-categories {
+    @include uicore-expandable-blocks-list;
+
+    display: grid;
+    grid-row-gap: 6px;
+    padding: 3px;
+  }
+
+  padding-top: 6px;
+  padding-bottom: 6px;
+
+  user-select: none;
+  color: $buic-foreground-body;
+}
+
+.components-property-grid-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+
+  @include uicore-touch-scrolling;
+  @include uicore-scrollbar();
+}
+
+@mixin components-property-list {
+  width: 100%;
+
+  .components--selected {
+    background-color: $buic-row-selection;
+    outline: 1px solid $buic-foreground-primary;
+  }
+
+  .components--clickable {
+    cursor: pointer;
+
+    &:hover {
+      background: $buic-row-hover;
+    }
+  }
+
+  .components--hoverable:hover {
+    background-color: $buic-row-hover;
+  }
+}
+
+.components-property-list--horizontal {
+  @include components-property-list;
+
+  display: grid;
+  grid-row-gap: 1px; // A gap of 10px is too wasteful
+  overflow: hidden;
+}
+
+.components-property-list--vertical {
+  @include components-property-list;
+  // margin-top: -13px;
 }

package/lib/esm/components-react/propertygrid/component/PropertyGridCommons.d.ts

@@ -1,92 +1,92 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-/// <reference types="react" />
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { CommonProps, Orientation } from "@itwin/core-react";
-import { PropertyUpdatedArgs } from "../../editors/EditorContainer";
-import { ActionButtonRenderer } from "../../properties/renderers/ActionButtonRenderer";
-import { PropertyValueRendererManager } from "../../properties/ValueRendererManager";
-import { PropertyCategory } from "../PropertyDataProvider";
-/** Arguments for the Property Editing event callback
- * @public
- */
-export interface PropertyEditingArgs {
-    /** PropertyRecord being edited  */
-    propertyRecord: PropertyRecord;
-    /** Unique key of currently edited property */
-    propertyKey?: string;
-}
-/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback
- * @public
- */
-export interface PropertyGridContextMenuArgs {
-    /** PropertyRecord being edited  */
-    propertyRecord: PropertyRecord;
-    /** An event which caused the context menu callback */
-    event: React.MouseEvent;
-}
-/**
- * Common Property Grid Props to be used by Property Grid Variants
- * @public
- */
-export interface CommonPropertyGridProps extends CommonProps {
-    /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */
-    orientation?: Orientation;
-    /** Enables/disables property hovering effect */
-    isPropertyHoverEnabled?: boolean;
-    /** Called to show a context menu when properties are right-clicked */
-    onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;
-    /** Enables/disables property selection */
-    isPropertySelectionEnabled?: boolean;
-    /** Enables/disables property selection with right click */
-    isPropertySelectionOnRightClickEnabled?: boolean;
-    /** Callback to property selection */
-    onPropertySelectionChanged?: (property: PropertyRecord) => void;
-    /** Enables/disables property editing
-     * @beta */
-    isPropertyEditingEnabled?: boolean;
-    /** Callback for when properties are being edited
-     * @beta */
-    onPropertyEditing?: (args: PropertyEditingArgs, category: PropertyCategory) => void;
-    /** Callback for when properties are updated
-     * @beta */
-    onPropertyUpdated?: (args: PropertyUpdatedArgs, category: PropertyCategory) => Promise<boolean>;
-    /** Custom property value renderer manager */
-    propertyValueRendererManager?: PropertyValueRendererManager;
-    /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false.
-     * @beta */
-    isOrientationFixed?: boolean;
-    /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300.
-     * @beta */
-    horizontalOrientationMinWidth?: number;
-    /** Minimum allowed label column width, after which resizing stops */
-    minLabelWidth?: number;
-    /** Minimum allowed value column width, after which resizing stops */
-    minValueWidth?: number;
-    /** Fixed action button column width */
-    actionButtonWidth?: number;
-    /**
-     * Array of action button renderers. Each renderer is called for each property and can decide
-     * to render an action button for the property or not.
-     */
-    actionButtonRenderers?: ActionButtonRenderer[];
-}
-/** @internal */
-export declare class PropertyGridCommons {
-    static getCurrentOrientation(width: number, preferredOrientation?: Orientation, isOrientationFixed?: boolean, horizontalOrientationMinWidth?: number): Orientation;
-    /**
-     * Helper method to handle link clicks
-     * @internal
-     */
-    static handleLinkClick(text: string): void;
-    /**
-     * A helper method to get links from string.
-     * @internal
-     */
-    static getLinks: (value: string) => Array<{
-        start: number;
-        end: number;
-    }>;
-}
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+/// <reference types="react" />
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { CommonProps, Orientation } from "@itwin/core-react";
+import { PropertyUpdatedArgs } from "../../editors/EditorContainer";
+import { ActionButtonRenderer } from "../../properties/renderers/ActionButtonRenderer";
+import { PropertyValueRendererManager } from "../../properties/ValueRendererManager";
+import { PropertyCategory } from "../PropertyDataProvider";
+/** Arguments for the Property Editing event callback
+ * @public
+ */
+export interface PropertyEditingArgs {
+    /** PropertyRecord being edited  */
+    propertyRecord: PropertyRecord;
+    /** Unique key of currently edited property */
+    propertyKey?: string;
+}
+/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback
+ * @public
+ */
+export interface PropertyGridContextMenuArgs {
+    /** PropertyRecord being edited  */
+    propertyRecord: PropertyRecord;
+    /** An event which caused the context menu callback */
+    event: React.MouseEvent;
+}
+/**
+ * Common Property Grid Props to be used by Property Grid Variants
+ * @public
+ */
+export interface CommonPropertyGridProps extends CommonProps {
+    /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */
+    orientation?: Orientation;
+    /** Enables/disables property hovering effect */
+    isPropertyHoverEnabled?: boolean;
+    /** Called to show a context menu when properties are right-clicked */
+    onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;
+    /** Enables/disables property selection */
+    isPropertySelectionEnabled?: boolean;
+    /** Enables/disables property selection with right click */
+    isPropertySelectionOnRightClickEnabled?: boolean;
+    /** Callback to property selection */
+    onPropertySelectionChanged?: (property: PropertyRecord) => void;
+    /** Enables/disables property editing
+     * @beta */
+    isPropertyEditingEnabled?: boolean;
+    /** Callback for when properties are being edited
+     * @beta */
+    onPropertyEditing?: (args: PropertyEditingArgs, category: PropertyCategory) => void;
+    /** Callback for when properties are updated
+     * @beta */
+    onPropertyUpdated?: (args: PropertyUpdatedArgs, category: PropertyCategory) => Promise<boolean>;
+    /** Custom property value renderer manager */
+    propertyValueRendererManager?: PropertyValueRendererManager;
+    /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false.
+     * @beta */
+    isOrientationFixed?: boolean;
+    /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300.
+     * @beta */
+    horizontalOrientationMinWidth?: number;
+    /** Minimum allowed label column width, after which resizing stops */
+    minLabelWidth?: number;
+    /** Minimum allowed value column width, after which resizing stops */
+    minValueWidth?: number;
+    /** Fixed action button column width */
+    actionButtonWidth?: number;
+    /**
+     * Array of action button renderers. Each renderer is called for each property and can decide
+     * to render an action button for the property or not.
+     */
+    actionButtonRenderers?: ActionButtonRenderer[];
+}
+/** @internal */
+export declare class PropertyGridCommons {
+    static getCurrentOrientation(width: number, preferredOrientation?: Orientation, isOrientationFixed?: boolean, horizontalOrientationMinWidth?: number): Orientation;
+    /**
+     * Helper method to handle link clicks
+     * @internal
+     */
+    static handleLinkClick(text: string): void;
+    /**
+     * A helper method to get links from string.
+     * @internal
+     */
+    static getLinks: (value: string) => Array<{
+        start: number;
+        end: number;
+    }>;
+}
 //# sourceMappingURL=PropertyGridCommons.d.ts.map

package/lib/esm/components-react/propertygrid/component/PropertyGridCommons.js

@@ -1,52 +1,52 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import { Orientation } from "@itwin/core-react";
-import { matchLinks } from "../../common/Links";
-/** @internal */
-export class PropertyGridCommons {
-    static getCurrentOrientation(width, preferredOrientation, isOrientationFixed, horizontalOrientationMinWidth) {
-        const orientation = preferredOrientation !== null && preferredOrientation !== void 0 ? preferredOrientation : Orientation.Horizontal;
-        if (isOrientationFixed)
-            return orientation;
-        horizontalOrientationMinWidth = horizontalOrientationMinWidth !== null && horizontalOrientationMinWidth !== void 0 ? horizontalOrientationMinWidth : 300;
-        // Switch to Vertical if width too small
-        if (width < horizontalOrientationMinWidth)
-            return Orientation.Vertical;
-        return orientation;
-    }
-    /**
-     * Helper method to handle link clicks
-     * @internal
-     */
-    static handleLinkClick(text) {
-        const linksArray = matchLinks(text);
-        if (linksArray.length <= 0)
-            return;
-        const foundLink = linksArray[0];
-        // istanbul ignore else
-        if (foundLink && foundLink.url) {
-            if (foundLink.schema === "mailto:" || foundLink.schema === "pw:")
-                location.href = foundLink.url;
-            else {
-                const windowOpen = window.open(foundLink.url, "_blank");
-                if (windowOpen)
-                    windowOpen.focus();
-            }
-        }
-    }
-}
-/**
- * A helper method to get links from string.
- * @internal
- */
-PropertyGridCommons.getLinks = (value) => {
-    return matchLinks(value).map((linkInfo) => {
-        return { start: linkInfo.index, end: linkInfo.lastIndex };
-    });
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import { Orientation } from "@itwin/core-react";
+import { matchLinks } from "../../common/Links";
+/** @internal */
+export class PropertyGridCommons {
+    static getCurrentOrientation(width, preferredOrientation, isOrientationFixed, horizontalOrientationMinWidth) {
+        const orientation = preferredOrientation !== null && preferredOrientation !== void 0 ? preferredOrientation : Orientation.Horizontal;
+        if (isOrientationFixed)
+            return orientation;
+        horizontalOrientationMinWidth = horizontalOrientationMinWidth !== null && horizontalOrientationMinWidth !== void 0 ? horizontalOrientationMinWidth : 300;
+        // Switch to Vertical if width too small
+        if (width < horizontalOrientationMinWidth)
+            return Orientation.Vertical;
+        return orientation;
+    }
+    /**
+     * Helper method to handle link clicks
+     * @internal
+     */
+    static handleLinkClick(text) {
+        const linksArray = matchLinks(text);
+        if (linksArray.length <= 0)
+            return;
+        const foundLink = linksArray[0];
+        // istanbul ignore else
+        if (foundLink && foundLink.url) {
+            if (foundLink.schema === "mailto:" || foundLink.schema === "pw:")
+                location.href = foundLink.url;
+            else {
+                const windowOpen = window.open(foundLink.url, "_blank");
+                if (windowOpen)
+                    windowOpen.focus();
+            }
+        }
+    }
+}
+/**
+ * A helper method to get links from string.
+ * @internal
+ */
+PropertyGridCommons.getLinks = (value) => {
+    return matchLinks(value).map((linkInfo) => {
+        return { start: linkInfo.index, end: linkInfo.lastIndex };
+    });
+};
 //# sourceMappingURL=PropertyGridCommons.js.map

package/lib/esm/components-react/propertygrid/component/PropertyGridCommons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridCommons.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAe,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAiFhD,gBAAgB;AAChB,MAAM,OAAO,mBAAmB;IACvB,MAAM,CAAC,qBAAqB,CAAC,KAAa,EAAE,oBAAkC,EAAE,kBAA4B,EAAE,6BAAsC;QACzJ,MAAM,WAAW,GAAG,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,WAAW,CAAC,UAAU,CAAC;QACnE,IAAI,kBAAkB;YACpB,OAAO,WAAW,CAAC;QAErB,6BAA6B,GAAG,6BAA6B,aAA7B,6BAA6B,cAA7B,6BAA6B,GAAI,GAAG,CAAC;QACrE,wCAAwC;QACxC,IAAI,KAAK,GAAG,6BAA6B;YACvC,OAAO,WAAW,CAAC,QAAQ,CAAC;QAE9B,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,IAAY;QACxC,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;YACxB,OAAO;QACT,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,uBAAuB;QACvB,IAAI,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE;YAC9B,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK;gBAC9D,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC;iBAC3B;gBACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;gBACxD,IAAI,UAAU;oBACZ,UAAU,CAAC,KAAK,EAAE,CAAC;aACtB;SACF;IACH,CAAC;;AAED;;;GAGG;AACW,4BAAQ,GAAG,CAAC,KAAa,EAAyC,EAAE;IAChF,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,QAA8C,EAAE,EAAE;QAC9E,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,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 PropertyGrid\r\n */\r\n\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Orientation } from \"@itwin/core-react\";\r\nimport { matchLinks } from \"../../common/Links\";\r\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\r\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\r\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\r\nimport { PropertyCategory } from \"../PropertyDataProvider\";\r\n\r\n/** Arguments for the Property Editing event callback\r\n * @public\r\n */\r\nexport interface PropertyEditingArgs {\r\n  /** PropertyRecord being edited  */\r\n  propertyRecord: PropertyRecord;\r\n  /** Unique key of currently edited property */\r\n  propertyKey?: string;\r\n}\r\n\r\n/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback\r\n * @public\r\n */\r\nexport interface PropertyGridContextMenuArgs {\r\n  /** PropertyRecord being edited  */\r\n  propertyRecord: PropertyRecord;\r\n  /** An event which caused the context menu callback */\r\n  event: React.MouseEvent;\r\n}\r\n\r\n/**\r\n * Common Property Grid Props to be used by Property Grid Variants\r\n * @public\r\n */\r\nexport interface CommonPropertyGridProps extends CommonProps {\r\n  /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */\r\n  orientation?: Orientation;\r\n\r\n  /** Enables/disables property hovering effect */\r\n  isPropertyHoverEnabled?: boolean;\r\n\r\n  /** Called to show a context menu when properties are right-clicked */\r\n  onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;\r\n\r\n  /** Enables/disables property selection */\r\n  isPropertySelectionEnabled?: boolean;\r\n  /** Enables/disables property selection with right click */\r\n  isPropertySelectionOnRightClickEnabled?: boolean;\r\n  /** Callback to property selection */\r\n  onPropertySelectionChanged?: (property: PropertyRecord) => void;\r\n\r\n  /** Enables/disables property editing\r\n   * @beta */\r\n  isPropertyEditingEnabled?: boolean;\r\n  /** Callback for when properties are being edited\r\n   * @beta */\r\n  onPropertyEditing?: (args: PropertyEditingArgs, category: PropertyCategory) => void;\r\n  /** Callback for when properties are updated\r\n   * @beta */\r\n  onPropertyUpdated?: (args: PropertyUpdatedArgs, category: PropertyCategory) => Promise<boolean>;\r\n\r\n  /** Custom property value renderer manager */\r\n  propertyValueRendererManager?: PropertyValueRendererManager;\r\n\r\n  /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false.\r\n   * @beta */\r\n  isOrientationFixed?: boolean;\r\n  /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300.\r\n   * @beta */\r\n  horizontalOrientationMinWidth?: number;\r\n\r\n  /** Minimum allowed label column width, after which resizing stops */\r\n  minLabelWidth?: number;\r\n  /** Minimum allowed value column width, after which resizing stops */\r\n  minValueWidth?: number;\r\n  /** Fixed action button column width */\r\n  actionButtonWidth?: number;\r\n\r\n  /**\r\n   * Array of action button renderers. Each renderer is called for each property and can decide\r\n   * to render an action button for the property or not.\r\n   */\r\n  actionButtonRenderers?: ActionButtonRenderer[];\r\n}\r\n\r\n/** @internal */\r\nexport class PropertyGridCommons {\r\n  public static getCurrentOrientation(width: number, preferredOrientation?: Orientation, isOrientationFixed?: boolean, horizontalOrientationMinWidth?: number): Orientation {\r\n    const orientation = preferredOrientation ?? Orientation.Horizontal;\r\n    if (isOrientationFixed)\r\n      return orientation;\r\n\r\n    horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;\r\n    // Switch to Vertical if width too small\r\n    if (width < horizontalOrientationMinWidth)\r\n      return Orientation.Vertical;\r\n\r\n    return orientation;\r\n  }\r\n\r\n  /**\r\n   * Helper method to handle link clicks\r\n   * @internal\r\n   */\r\n  public static handleLinkClick(text: string) {\r\n    const linksArray = matchLinks(text);\r\n    if (linksArray.length <= 0)\r\n      return;\r\n    const foundLink = linksArray[0];\r\n    // istanbul ignore else\r\n    if (foundLink && foundLink.url) {\r\n      if (foundLink.schema === \"mailto:\" || foundLink.schema === \"pw:\")\r\n        location.href = foundLink.url;\r\n      else {\r\n        const windowOpen = window.open(foundLink.url, \"_blank\");\r\n        if (windowOpen)\r\n          windowOpen.focus();\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * A helper method to get links from string.\r\n   * @internal\r\n   */\r\n  public static getLinks = (value: string): Array<{ start: number, end: number }> => {\r\n    return matchLinks(value).map((linkInfo: { index: number, lastIndex: number }) => {\r\n      return { start: linkInfo.index, end: linkInfo.lastIndex };\r\n    });\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"PropertyGridCommons.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAe,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAiFhD,gBAAgB;AAChB,MAAM,OAAO,mBAAmB;IACvB,MAAM,CAAC,qBAAqB,CAAC,KAAa,EAAE,oBAAkC,EAAE,kBAA4B,EAAE,6BAAsC;QACzJ,MAAM,WAAW,GAAG,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,WAAW,CAAC,UAAU,CAAC;QACnE,IAAI,kBAAkB;YACpB,OAAO,WAAW,CAAC;QAErB,6BAA6B,GAAG,6BAA6B,aAA7B,6BAA6B,cAA7B,6BAA6B,GAAI,GAAG,CAAC;QACrE,wCAAwC;QACxC,IAAI,KAAK,GAAG,6BAA6B;YACvC,OAAO,WAAW,CAAC,QAAQ,CAAC;QAE9B,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,IAAY;QACxC,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;YACxB,OAAO;QACT,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,uBAAuB;QACvB,IAAI,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE;YAC9B,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK;gBAC9D,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC;iBAC3B;gBACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;gBACxD,IAAI,UAAU;oBACZ,UAAU,CAAC,KAAK,EAAE,CAAC;aACtB;SACF;IACH,CAAC;;AAED;;;GAGG;AACW,4BAAQ,GAAG,CAAC,KAAa,EAAyC,EAAE;IAChF,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,QAA8C,EAAE,EAAE;QAC9E,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,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 PropertyGrid\n */\n\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { CommonProps, Orientation } from \"@itwin/core-react\";\nimport { matchLinks } from \"../../common/Links\";\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\nimport { PropertyCategory } from \"../PropertyDataProvider\";\n\n/** Arguments for the Property Editing event callback\n * @public\n */\nexport interface PropertyEditingArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** Unique key of currently edited property */\n  propertyKey?: string;\n}\n\n/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback\n * @public\n */\nexport interface PropertyGridContextMenuArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** An event which caused the context menu callback */\n  event: React.MouseEvent;\n}\n\n/**\n * Common Property Grid Props to be used by Property Grid Variants\n * @public\n */\nexport interface CommonPropertyGridProps extends CommonProps {\n  /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */\n  orientation?: Orientation;\n\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n\n  /** Called to show a context menu when properties are right-clicked */\n  onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;\n\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property selection with right click */\n  isPropertySelectionOnRightClickEnabled?: boolean;\n  /** Callback to property selection */\n  onPropertySelectionChanged?: (property: PropertyRecord) => void;\n\n  /** Enables/disables property editing\n   * @beta */\n  isPropertyEditingEnabled?: boolean;\n  /** Callback for when properties are being edited\n   * @beta */\n  onPropertyEditing?: (args: PropertyEditingArgs, category: PropertyCategory) => void;\n  /** Callback for when properties are updated\n   * @beta */\n  onPropertyUpdated?: (args: PropertyUpdatedArgs, category: PropertyCategory) => Promise<boolean>;\n\n  /** Custom property value renderer manager */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n\n  /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false.\n   * @beta */\n  isOrientationFixed?: boolean;\n  /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300.\n   * @beta */\n  horizontalOrientationMinWidth?: number;\n\n  /** Minimum allowed label column width, after which resizing stops */\n  minLabelWidth?: number;\n  /** Minimum allowed value column width, after which resizing stops */\n  minValueWidth?: number;\n  /** Fixed action button column width */\n  actionButtonWidth?: number;\n\n  /**\n   * Array of action button renderers. Each renderer is called for each property and can decide\n   * to render an action button for the property or not.\n   */\n  actionButtonRenderers?: ActionButtonRenderer[];\n}\n\n/** @internal */\nexport class PropertyGridCommons {\n  public static getCurrentOrientation(width: number, preferredOrientation?: Orientation, isOrientationFixed?: boolean, horizontalOrientationMinWidth?: number): Orientation {\n    const orientation = preferredOrientation ?? Orientation.Horizontal;\n    if (isOrientationFixed)\n      return orientation;\n\n    horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;\n    // Switch to Vertical if width too small\n    if (width < horizontalOrientationMinWidth)\n      return Orientation.Vertical;\n\n    return orientation;\n  }\n\n  /**\n   * Helper method to handle link clicks\n   * @internal\n   */\n  public static handleLinkClick(text: string) {\n    const linksArray = matchLinks(text);\n    if (linksArray.length <= 0)\n      return;\n    const foundLink = linksArray[0];\n    // istanbul ignore else\n    if (foundLink && foundLink.url) {\n      if (foundLink.schema === \"mailto:\" || foundLink.schema === \"pw:\")\n        location.href = foundLink.url;\n      else {\n        const windowOpen = window.open(foundLink.url, \"_blank\");\n        if (windowOpen)\n          windowOpen.focus();\n      }\n    }\n  }\n\n  /**\n   * A helper method to get links from string.\n   * @internal\n   */\n  public static getLinks = (value: string): Array<{ start: number, end: number }> => {\n    return matchLinks(value).map((linkInfo: { index: number, lastIndex: number }) => {\n      return { start: linkInfo.index, end: linkInfo.lastIndex };\n    });\n  };\n}\n"]}