@itwin/grouping-mapping-widget 0.9.0 → 0.9.2

package/lib/cjs/widget/components/property-grid/PropertyGrid.d.ts

@@ -46,7 +46,7 @@ export declare class PropertyGrid extends React.Component<PropertyGridProps, Pro
     private _isMounted;
     private _isInDataRequest;
     private _hasPendingDataRequest;
-    static contextType: React.Context<import("../context/GroupQueryBuilderContext").PropertySelection>;
+    static contextType: React.Context<import("../context/PropertyGridWrapperContext").PropertySelection>;
     /** @internal */
     constructor(props: PropertyGridProps);
     /** @internal */

package/lib/cjs/widget/components/property-grid/PropertyGrid.js

@@ -35,7 +35,7 @@ const ColumnResizingPropertyListPropsSupplier_1 = require("@itwin/components-rea
 const core_react_1 = require("@itwin/core-react");
 const PropertyList_1 = require("./PropertyList");
 require("./PropertyGrid.scss");
-const GroupQueryBuilderContext_1 = require("../context/GroupQueryBuilderContext");
+const PropertyGridWrapperContext_1 = require("../context/PropertyGridWrapperContext");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 /** PropertyGrid React component.
  * @public
@@ -174,7 +174,7 @@ class PropertyGrid extends React.Component {
     }
 }
 exports.PropertyGrid = PropertyGrid;
-PropertyGrid.contextType = GroupQueryBuilderContext_1.GroupQueryBuilderContext;
+PropertyGrid.contextType = PropertyGridWrapperContext_1.PropertyGridWrapperContext;
 function findCategory(categories, lookupName, recurseIntoChildren) {
     for (const category of categories) {
         if (category.category.name === lookupName) {

package/lib/cjs/widget/components/property-grid/PropertyGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGrid.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/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*--------------------------------------------------------------------------------------------*/\nimport classnames from \"classnames\";\nimport { produce } from \"immer\";\nimport * as React from \"react\";\nimport type { DisposeFunc } from \"@itwin/core-bentley\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type {\n  CommonPropertyGridProps,\n  PropertyCategory,\n  PropertyData,\n} from \"@itwin/components-react\";\nimport {\n  PropertyCategoryBlock,\n  PropertyGridCommons,\n  PropertyGridEventsRelatedPropsSupplier,\n} from \"@itwin/components-react\";\nimport type { ColumnResizeRelatedPropertyListProps } from \"@itwin/components-react/lib/cjs/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier\";\nimport { ColumnResizingPropertyListPropsSupplier } from \"@itwin/components-react/lib/cjs/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier\";\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\n\nimport type { PropertyListProps } from \"./PropertyList\";\nimport { PropertyList } from \"./PropertyList\";\nimport \"./PropertyGrid.scss\";\n\nimport type { PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\nimport { GroupQueryBuilderContext } from \"../context/GroupQueryBuilderContext\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\n/** Properties for [[PropertyGrid]] React component\n * @public\n */\nexport interface PropertyGridProps extends CommonPropertyGridProps {\n  /** Property data provider */\n  dataProvider: PresentationPropertyDataProvider;\n}\n\n/** Property Category in the [[PropertyGrid]] state\n * @public\n * @deprecated This was part of [[PropertyGrid]] internal state and should've never been public. The component is not using it anymore.\n */\nexport interface PropertyGridCategory {\n  propertyCategory: PropertyCategory;\n  propertyCount: number;\n  properties: PropertyRecord[];\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<\nPropertyGridProps,\nPropertyGridState\n> {\n  private _dataChangesListenerDisposeFunc?: DisposeFunc;\n  private _isMounted = false;\n  private _isInDataRequest = false;\n  private _hasPendingDataRequest = false;\n\n  static override contextType = GroupQueryBuilderContext;\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 =\n      this.props.dataProvider.onDataChanged.addListener(\n        this._onPropertyDataChanged\n      );\n\n    void 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      }\n      this._dataChangesListenerDisposeFunc =\n        this.props.dataProvider.onDataChanged.addListener(\n          this._onPropertyDataChanged\n        );\n\n      void this.gatherData();\n    }\n\n    if (\n      this.props.orientation !== prevProps.orientation ||\n      this.props.isOrientationFixed !== prevProps.isOrientationFixed ||\n      this.props.horizontalOrientationMinWidth !==\n        prevProps.horizontalOrientationMinWidth\n    ) {\n      this.updateOrientation(this.state.width);\n    }\n  }\n\n  private _onPropertyDataChanged = () => {\n    void 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) =>\n      prev.loadStart ? null : { loadStart: new Date() }\n    );\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\n    if (this._hasPendingDataRequest) {\n      this._hasPendingDataRequest = false;\n      return this.gatherData();\n    }\n\n    this.setState((prevState) => {\n      const buildCategoriesHierarchy = (\n        newCategories: PropertyCategory[],\n        stateCategories: CategorizedPropertyGridRecords[] | undefined\n      ) =>\n        newCategories.map((category): CategorizedPropertyGridRecords => {\n          const matchingStateCategory = findCategory(\n            stateCategories ?? [],\n            category.name,\n            false\n          );\n          return {\n            category: {\n              ...category,\n              expand:\n                matchingStateCategory?.category?.expand ?? category.expand,\n            },\n            records: propertyData.records[category.name] ?? [],\n            children: buildCategoriesHierarchy(\n              category.childCategories ?? [],\n              matchingStateCategory?.children\n            ),\n          };\n        });\n      return {\n        categories: buildCategoriesHierarchy(\n          propertyData.categories,\n          prevState.categories\n        ),\n        loadStart: undefined,\n      };\n    });\n  }\n\n  private getPreferredOrientation(): Orientation {\n    return this.props.orientation !== undefined\n      ? this.props.orientation\n      : 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 } = {\n      ...this.props,\n    };\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(\n      width,\n      orientation,\n      isOrientationFixed,\n      horizontalOrientationMinWidth\n    );\n\n    if (\n      currentOrientation !== this.state.orientation ||\n      width !== this.state.width\n    ) {\n      this.setState({ orientation: currentOrientation, width });\n    }\n  }\n\n  /** @internal */\n  public override render() {\n    if (this.state.loadStart) {\n      return (\n        <div className=\"gmw-components-property-grid-loader\">\n          <ProgressRadial indeterminate />\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"gmw-table-box-inner\">\n        <PropertyGridEventsRelatedPropsSupplier\n          isPropertySelectionEnabled={\n            this.props.isPropertySelectionEnabled ?? false\n          }\n          isPropertySelectionOnRightClickEnabled={\n            this.props.isPropertySelectionOnRightClickEnabled\n          }\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\n              className={classnames(\n                \"gmw-components-property-grid-wrapper\",\n                this.props.className\n              )}\n              style={this.props.style}\n            >\n              <div\n                className={classnames(\n                  \"gmw-components-property-grid\",\n                  \"components-smallEditor-host\"\n                )}\n              >\n                <div className= \"gmw-property-categories\">\n                  {this.state.categories.map(\n                    (categorizedRecords: CategorizedPropertyGridRecords) => (\n                      <NestedCategoryBlock\n                        {...selectionContext}\n                        key={categorizedRecords.category.name}\n                        categorizedRecords={categorizedRecords}\n                        onCategoryExpansionToggled={\n                          this._onCategoryExpansionToggled\n                        }\n                        orientation={this.state.orientation}\n                        propertyValueRendererManager={\n                          this.props.propertyValueRendererManager\n                        }\n                        actionButtonRenderers={this.props.actionButtonRenderers}\n                      />\n                    )\n                  )}\n                </div>\n              </div>\n              <ResizableContainerObserver onResize={this._onResize} />\n            </div>\n          )}\n        </PropertyGridEventsRelatedPropsSupplier>\n      </div>\n    );\n  }\n}\n\nfunction findCategory(\n  categories: CategorizedPropertyGridRecords[],\n  lookupName: string,\n  recurseIntoChildren: boolean\n): CategorizedPropertyGridRecords | undefined {\n  for (const category of categories) {\n    if (category.category.name === lookupName) {\n      return category;\n    }\n    if (recurseIntoChildren) {\n      const matchingChild = findCategory(\n        category.children,\n        lookupName,\n        recurseIntoChildren\n      );\n      if (matchingChild) {\n        return matchingChild;\n      }\n    }\n  }\n  return undefined;\n}\n\ninterface NestedCategoryBlockProps\n  extends Omit<\n  PropertyListProps,\n  keyof ColumnResizeRelatedPropertyListProps | \"properties\"\n  > {\n  categorizedRecords: CategorizedPropertyGridRecords;\n  onCategoryExpansionToggled: (categoryName: string) => void;\n  orientation: Orientation;\n}\nconst NestedCategoryBlock = (props: NestedCategoryBlockProps) => {\n  const [width, setWidth] = React.useState(1);\n  return (\n    <PropertyCategoryBlock\n      category={props.categorizedRecords.category}\n      onExpansionToggled={props.onCategoryExpansionToggled}\n    >\n      {props.categorizedRecords.records.length ? (\n        <ColumnResizingPropertyListPropsSupplier\n          orientation={props.orientation}\n          width={width}\n        >\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={\n                props.isPropertyRightClickSelectionEnabled\n              }\n              actionButtonRenderers={props.actionButtonRenderers}\n              setWidth={setWidth}\n              width={width}\n            />\n          )}\n        </ColumnResizingPropertyListPropsSupplier>\n      ) : undefined}\n      {props.categorizedRecords.children.length ? (\n        <div className=\"gmw-property-categories\">\n          {props.categorizedRecords.children.map((categorizedChildRecords) => (\n            <NestedCategoryBlock\n              {...props}\n              key={categorizedChildRecords.category.name}\n              categorizedRecords={categorizedChildRecords}\n            />\n          ))}\n        </div>\n      ) : undefined}\n    </PropertyCategoryBlock>\n  );\n};\n"]}
+{"version":3,"file":"PropertyGrid.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/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*--------------------------------------------------------------------------------------------*/\nimport classnames from \"classnames\";\nimport { produce } from \"immer\";\nimport * as React from \"react\";\nimport type { DisposeFunc } from \"@itwin/core-bentley\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type {\n  CommonPropertyGridProps,\n  PropertyCategory,\n  PropertyData,\n} from \"@itwin/components-react\";\nimport {\n  PropertyCategoryBlock,\n  PropertyGridCommons,\n  PropertyGridEventsRelatedPropsSupplier,\n} from \"@itwin/components-react\";\nimport type { ColumnResizeRelatedPropertyListProps } from \"@itwin/components-react/lib/cjs/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier\";\nimport { ColumnResizingPropertyListPropsSupplier } from \"@itwin/components-react/lib/cjs/components-react/propertygrid/component/ColumnResizingPropertyListPropsSupplier\";\nimport { Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\n\nimport type { PropertyListProps } from \"./PropertyList\";\nimport { PropertyList } from \"./PropertyList\";\nimport \"./PropertyGrid.scss\";\n\nimport type { PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\nimport { PropertyGridWrapperContext } from \"../context/PropertyGridWrapperContext\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\n/** Properties for [[PropertyGrid]] React component\n * @public\n */\nexport interface PropertyGridProps extends CommonPropertyGridProps {\n  /** Property data provider */\n  dataProvider: PresentationPropertyDataProvider;\n}\n\n/** Property Category in the [[PropertyGrid]] state\n * @public\n * @deprecated This was part of [[PropertyGrid]] internal state and should've never been public. The component is not using it anymore.\n */\nexport interface PropertyGridCategory {\n  propertyCategory: PropertyCategory;\n  propertyCount: number;\n  properties: PropertyRecord[];\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<\nPropertyGridProps,\nPropertyGridState\n> {\n  private _dataChangesListenerDisposeFunc?: DisposeFunc;\n  private _isMounted = false;\n  private _isInDataRequest = false;\n  private _hasPendingDataRequest = false;\n\n  static override contextType = PropertyGridWrapperContext;\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 =\n      this.props.dataProvider.onDataChanged.addListener(\n        this._onPropertyDataChanged\n      );\n\n    void 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      }\n      this._dataChangesListenerDisposeFunc =\n        this.props.dataProvider.onDataChanged.addListener(\n          this._onPropertyDataChanged\n        );\n\n      void this.gatherData();\n    }\n\n    if (\n      this.props.orientation !== prevProps.orientation ||\n      this.props.isOrientationFixed !== prevProps.isOrientationFixed ||\n      this.props.horizontalOrientationMinWidth !==\n      prevProps.horizontalOrientationMinWidth\n    ) {\n      this.updateOrientation(this.state.width);\n    }\n  }\n\n  private _onPropertyDataChanged = () => {\n    void 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) =>\n      prev.loadStart ? null : { loadStart: new Date() }\n    );\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\n    if (this._hasPendingDataRequest) {\n      this._hasPendingDataRequest = false;\n      return this.gatherData();\n    }\n\n    this.setState((prevState) => {\n      const buildCategoriesHierarchy = (\n        newCategories: PropertyCategory[],\n        stateCategories: CategorizedPropertyGridRecords[] | undefined\n      ) =>\n        newCategories.map((category): CategorizedPropertyGridRecords => {\n          const matchingStateCategory = findCategory(\n            stateCategories ?? [],\n            category.name,\n            false\n          );\n          return {\n            category: {\n              ...category,\n              expand:\n                matchingStateCategory?.category?.expand ?? category.expand,\n            },\n            records: propertyData.records[category.name] ?? [],\n            children: buildCategoriesHierarchy(\n              category.childCategories ?? [],\n              matchingStateCategory?.children\n            ),\n          };\n        });\n      return {\n        categories: buildCategoriesHierarchy(\n          propertyData.categories,\n          prevState.categories\n        ),\n        loadStart: undefined,\n      };\n    });\n  }\n\n  private getPreferredOrientation(): Orientation {\n    return this.props.orientation !== undefined\n      ? this.props.orientation\n      : 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 } = {\n      ...this.props,\n    };\n    const currentOrientation = PropertyGridCommons.getCurrentOrientation(\n      width,\n      orientation,\n      isOrientationFixed,\n      horizontalOrientationMinWidth\n    );\n\n    if (\n      currentOrientation !== this.state.orientation ||\n      width !== this.state.width\n    ) {\n      this.setState({ orientation: currentOrientation, width });\n    }\n  }\n\n  /** @internal */\n  public override render() {\n    if (this.state.loadStart) {\n      return (\n        <div className=\"gmw-components-property-grid-loader\">\n          <ProgressRadial indeterminate />\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"gmw-table-box-inner\">\n        <PropertyGridEventsRelatedPropsSupplier\n          isPropertySelectionEnabled={\n            this.props.isPropertySelectionEnabled ?? false\n          }\n          isPropertySelectionOnRightClickEnabled={\n            this.props.isPropertySelectionOnRightClickEnabled\n          }\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\n              className={classnames(\n                \"gmw-components-property-grid-wrapper\",\n                this.props.className\n              )}\n              style={this.props.style}\n            >\n              <div\n                className={classnames(\n                  \"gmw-components-property-grid\",\n                  \"components-smallEditor-host\"\n                )}\n              >\n                <div className=\"gmw-property-categories\">\n                  {this.state.categories.map(\n                    (categorizedRecords: CategorizedPropertyGridRecords) => (\n                      <NestedCategoryBlock\n                        {...selectionContext}\n                        key={categorizedRecords.category.name}\n                        categorizedRecords={categorizedRecords}\n                        onCategoryExpansionToggled={\n                          this._onCategoryExpansionToggled\n                        }\n                        orientation={this.state.orientation}\n                        propertyValueRendererManager={\n                          this.props.propertyValueRendererManager\n                        }\n                        actionButtonRenderers={this.props.actionButtonRenderers}\n                      />\n                    )\n                  )}\n                </div>\n              </div>\n              <ResizableContainerObserver onResize={this._onResize} />\n            </div>\n          )}\n        </PropertyGridEventsRelatedPropsSupplier>\n      </div>\n    );\n  }\n}\n\nfunction findCategory(\n  categories: CategorizedPropertyGridRecords[],\n  lookupName: string,\n  recurseIntoChildren: boolean\n): CategorizedPropertyGridRecords | undefined {\n  for (const category of categories) {\n    if (category.category.name === lookupName) {\n      return category;\n    }\n    if (recurseIntoChildren) {\n      const matchingChild = findCategory(\n        category.children,\n        lookupName,\n        recurseIntoChildren\n      );\n      if (matchingChild) {\n        return matchingChild;\n      }\n    }\n  }\n  return undefined;\n}\n\ninterface NestedCategoryBlockProps\n  extends Omit<\n  PropertyListProps,\n  keyof ColumnResizeRelatedPropertyListProps | \"properties\"\n  > {\n  categorizedRecords: CategorizedPropertyGridRecords;\n  onCategoryExpansionToggled: (categoryName: string) => void;\n  orientation: Orientation;\n}\nconst NestedCategoryBlock = (props: NestedCategoryBlockProps) => {\n  const [width, setWidth] = React.useState(1);\n  return (\n    <PropertyCategoryBlock\n      category={props.categorizedRecords.category}\n      onExpansionToggled={props.onCategoryExpansionToggled}\n    >\n      {props.categorizedRecords.records.length ? (\n        <ColumnResizingPropertyListPropsSupplier\n          orientation={props.orientation}\n          width={width}\n        >\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={\n                props.isPropertyRightClickSelectionEnabled\n              }\n              actionButtonRenderers={props.actionButtonRenderers}\n              setWidth={setWidth}\n              width={width}\n            />\n          )}\n        </ColumnResizingPropertyListPropsSupplier>\n      ) : undefined}\n      {props.categorizedRecords.children.length ? (\n        <div className=\"gmw-property-categories\">\n          {props.categorizedRecords.children.map((categorizedChildRecords) => (\n            <NestedCategoryBlock\n              {...props}\n              key={categorizedChildRecords.category.name}\n              categorizedRecords={categorizedChildRecords}\n            />\n          ))}\n        </div>\n      ) : undefined}\n    </PropertyCategoryBlock>\n  );\n};\n"]}

package/lib/cjs/widget/components/property-grid/PropertyGridWrapper.d.ts

@@ -1,13 +1,19 @@
 import * as React from "react";
-import type { PresentationPropertyDataProvider } from "@itwin/presentation-components";
-import type { PropertyProps } from "../../../api/GroupQueryBuilderApi";
+import { PresentationPropertyDataProvider } from "@itwin/presentation-components";
 import "../GroupQueryBuilder.scss";
+import type { KeySet } from "@itwin/presentation-common";
+import type { IModelConnection } from "@itwin/core-frontend";
 interface PropertyGridWrapperState {
     dataProvider?: PresentationPropertyDataProvider;
 }
-export declare class PropertyGridWrapperApp extends React.Component<PropertyProps, PropertyGridWrapperState> {
-    static contextType: React.Context<import("../context/GroupQueryBuilderContext").PropertySelection>;
+interface PropertyProps {
+    keys: KeySet;
+    imodel?: IModelConnection;
+}
+export declare class PropertyGridWrapper extends React.Component<PropertyProps, PropertyGridWrapperState> {
+    static contextType: React.Context<import("../context/PropertyGridWrapperContext").PropertySelection>;
     constructor(props: PropertyProps | Readonly<PropertyProps>);
+    private createPropertyDataProvider;
     private createDataProvider;
     componentDidMount(): void;
     componentDidUpdate(prevProps: PropertyProps): void;

package/lib/cjs/widget/components/property-grid/PropertyGridWrapper.js

@@ -19,21 +19,31 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyGridWrapperApp = void 0;
+exports.PropertyGridWrapper = void 0;
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const GroupQueryBuilderApi_1 = require("../../../api/GroupQueryBuilderApi");
+const presentation_components_1 = require("@itwin/presentation-components");
 const PropertyGrid_1 = require("./PropertyGrid");
 require("../GroupQueryBuilder.scss");
-const GroupQueryBuilderContext_1 = require("../context/GroupQueryBuilderContext");
+const PropertyGridWrapperContext_1 = require("../context/PropertyGridWrapperContext");
+const QueryBuilder_1 = require("../QueryBuilder");
 /* This approach uses PresentationPropertyDataProvider to all the work of querying the backend and
    providing the content to the PropertyGrid component. */
-class PropertyGridWrapperApp extends React.Component {
+class PropertyGridWrapper extends React.Component {
     constructor(props) {
         super(props);
+        this.createPropertyDataProvider = (keys, imodel) => {
+            const dataProvider = new presentation_components_1.PresentationPropertyDataProvider({
+                imodel,
+                ruleset: presentation_components_1.DEFAULT_PROPERTY_GRID_RULESET,
+            });
+            dataProvider.keys = keys;
+            dataProvider.isNestedPropertyCategoryGroupingEnabled = true;
+            return dataProvider;
+        };
         this.state = {};
     }
     createDataProvider() {
@@ -41,8 +51,8 @@ class PropertyGridWrapperApp extends React.Component {
             this.setState({ dataProvider: undefined });
             return;
         }
-        const dataProvider = GroupQueryBuilderApi_1.GroupQueryBuilderApi.createPropertyDataProvider(this.props.keys, this.props.imodel);
-        this.context.queryBuilder.dataProvider = dataProvider;
+        const dataProvider = this.createPropertyDataProvider(this.props.keys, this.props.imodel);
+        this.context.setQueryBuilder(new QueryBuilder_1.QueryBuilder(dataProvider));
         this.setState({ dataProvider });
     }
     componentDidMount() {
@@ -62,6 +72,6 @@ class PropertyGridWrapperApp extends React.Component {
                 React.createElement("span", null, "Select an element to see its properties.")))));
     }
 }
-exports.PropertyGridWrapperApp = PropertyGridWrapperApp;
-PropertyGridWrapperApp.contextType = GroupQueryBuilderContext_1.GroupQueryBuilderContext;
+exports.PropertyGridWrapper = PropertyGridWrapper;
+PropertyGridWrapper.contextType = PropertyGridWrapperContext_1.PropertyGridWrapperContext;
 //# sourceMappingURL=PropertyGridWrapper.js.map

package/lib/cjs/widget/components/property-grid/PropertyGridWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridWrapper.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyGridWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAI/B,4EAAyE;AACzE,iDAA8C;AAC9C,qCAAmC;AACnC,kFAA+E;AAM/E;0DAC0D;AAC1D,MAAa,sBAAuB,SAAQ,KAAK,CAAC,SAGjD;IAEC,YAAY,KAA8C;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE;YACjD,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC;YAC3C,OAAO;SACR;QAED,MAAM,YAAY,GAAG,2CAAoB,CAAC,0BAA0B,CAClE,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,MAAM,CAClB,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,YAAY,GAAG,YAAY,CAAC;QAEtD,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC;IAClC,CAAC;IAEe,iBAAiB;QAC/B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEe,kBAAkB,CAAC,SAAwB;QACzD,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACtC,OAAO;SACR;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEe,MAAM;QACpB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAC7C,OAAO,CACL;YACG,YAAY,IAAI,oBAAC,2BAAY,IAAC,YAAY,EAAE,YAAY,GAAI;YAC5D,CAAC,YAAY,IAAI,CAChB,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6EAAqD,CACjD,CACP,CACA,CACJ,CAAC;IACJ,CAAC;;AAjDH,wDAkDC;AA9CiB,kCAAW,GAAG,mDAAwB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport type { PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\n\nimport type { PropertyProps } from \"../../../api/GroupQueryBuilderApi\";\nimport { GroupQueryBuilderApi } from \"../../../api/GroupQueryBuilderApi\";\nimport { PropertyGrid } from \"./PropertyGrid\";\nimport \"../GroupQueryBuilder.scss\";\nimport { GroupQueryBuilderContext } from \"../context/GroupQueryBuilderContext\";\n\ninterface PropertyGridWrapperState {\n  dataProvider?: PresentationPropertyDataProvider;\n}\n\n/* This approach uses PresentationPropertyDataProvider to all the work of querying the backend and\n   providing the content to the PropertyGrid component. */\nexport class PropertyGridWrapperApp extends React.Component<\nPropertyProps,\nPropertyGridWrapperState\n> {\n  static override contextType = GroupQueryBuilderContext;\n  constructor(props: PropertyProps | Readonly<PropertyProps>) {\n    super(props);\n    this.state = {};\n  }\n\n  private createDataProvider() {\n    if (!this.props.imodel || this.props.keys.isEmpty) {\n      this.setState({ dataProvider: undefined });\n      return;\n    }\n\n    const dataProvider = GroupQueryBuilderApi.createPropertyDataProvider(\n      this.props.keys,\n      this.props.imodel\n    );\n    this.context.queryBuilder.dataProvider = dataProvider;\n\n    this.setState({ dataProvider });\n  }\n\n  public override componentDidMount() {\n    this.createDataProvider();\n  }\n\n  public override componentDidUpdate(prevProps: PropertyProps) {\n    if (prevProps.keys === this.props.keys) {\n      return;\n    }\n\n    this.createDataProvider();\n  }\n\n  public override render() {\n    const dataProvider = this.state.dataProvider;\n    return (\n      <>\n        {dataProvider && <PropertyGrid dataProvider={dataProvider} />}\n        {!dataProvider && (\n          <div className=\"gmw-select-element-hint\">\n            <span>Select an element to see its properties.</span>\n          </div>\n        )}\n      </>\n    );\n  }\n}\n"]}
+{"version":3,"file":"PropertyGridWrapper.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyGridWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAC/B,4EAAiH;AACjH,iDAA8C;AAC9C,qCAAmC;AACnC,sFAAmF;AACnF,kDAA+C;AAa/C;0DAC0D;AAC1D,MAAa,mBAAoB,SAAQ,KAAK,CAAC,SAG9C;IAEC,YAAY,KAA8C;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;QAIP,+BAA0B,GAAG,CAAC,IAAY,EAAE,MAAwB,EAAoC,EAAE;YAChH,MAAM,YAAY,GAAG,IAAI,0DAAgC,CAAC;gBACxD,MAAM;gBACN,OAAO,EAAE,uDAA6B;aACvC,CAAC,CAAC;YACH,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC;YACzB,YAAY,CAAC,uCAAuC,GAAG,IAAI,CAAC;YAC5D,OAAO,YAAY,CAAC;QACtB,CAAC,CAAA;QAXC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAYO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE;YACjD,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC;YAC3C,OAAO;SACR;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,0BAA0B,CAClD,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,MAAM,CAClB,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,2BAAY,CAAC,YAAY,CAAC,CAAC,CAAC;QAE7D,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC;IAClC,CAAC;IAEe,iBAAiB;QAC/B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEe,kBAAkB,CAAC,SAAwB;QACzD,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACtC,OAAO;SACR;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEe,MAAM;QACpB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAC7C,OAAO,CACL;YACG,YAAY,IAAI,oBAAC,2BAAY,IAAC,YAAY,EAAE,YAAY,GAAI;YAC5D,CAAC,YAAY,IAAI,CAChB,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6EAAqD,CACjD,CACP,CACA,CACJ,CAAC;IACJ,CAAC;;AA3DH,kDA4DC;AAxDiB,+BAAW,GAAG,uDAA0B,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { DEFAULT_PROPERTY_GRID_RULESET, PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\nimport { PropertyGrid } from \"./PropertyGrid\";\nimport \"../GroupQueryBuilder.scss\";\nimport { PropertyGridWrapperContext } from \"../context/PropertyGridWrapperContext\";\nimport { QueryBuilder } from \"../QueryBuilder\";\nimport type { KeySet } from \"@itwin/presentation-common\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\n\ninterface PropertyGridWrapperState {\n  dataProvider?: PresentationPropertyDataProvider;\n}\n\ninterface PropertyProps {\n  keys: KeySet;\n  imodel?: IModelConnection;\n}\n\n/* This approach uses PresentationPropertyDataProvider to all the work of querying the backend and\n   providing the content to the PropertyGrid component. */\nexport class PropertyGridWrapper extends React.Component<\nPropertyProps,\nPropertyGridWrapperState\n> {\n  static override contextType = PropertyGridWrapperContext;\n  constructor(props: PropertyProps | Readonly<PropertyProps>) {\n    super(props);\n    this.state = {};\n  }\n\n  private createPropertyDataProvider = (keys: KeySet, imodel: IModelConnection): PresentationPropertyDataProvider => {\n    const dataProvider = new PresentationPropertyDataProvider({\n      imodel,\n      ruleset: DEFAULT_PROPERTY_GRID_RULESET,\n    });\n    dataProvider.keys = keys;\n    dataProvider.isNestedPropertyCategoryGroupingEnabled = true;\n    return dataProvider;\n  }\n\n  private createDataProvider() {\n    if (!this.props.imodel || this.props.keys.isEmpty) {\n      this.setState({ dataProvider: undefined });\n      return;\n    }\n\n    const dataProvider = this.createPropertyDataProvider(\n      this.props.keys,\n      this.props.imodel\n    );\n    this.context.setQueryBuilder(new QueryBuilder(dataProvider));\n\n    this.setState({ dataProvider });\n  }\n\n  public override componentDidMount() {\n    this.createDataProvider();\n  }\n\n  public override componentDidUpdate(prevProps: PropertyProps) {\n    if (prevProps.keys === this.props.keys) {\n      return;\n    }\n\n    this.createDataProvider();\n  }\n\n  public override render() {\n    const dataProvider = this.state.dataProvider;\n    return (\n      <>\n        {dataProvider && <PropertyGrid dataProvider={dataProvider} />}\n        {!dataProvider && (\n          <div className=\"gmw-select-element-hint\">\n            <span>Select an element to see its properties.</span>\n          </div>\n        )}\n      </>\n    );\n  }\n}\n"]}

package/lib/cjs/widget/components/property-grid/PropertyView.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./PropertyView.scss";
 import type { SharedRendererProps } from "./PropertyRender";
 /** Properties of [[PropertyView]] React component

package/lib/cjs/widget/components/property-grid/PropertyView.js

@@ -1,22 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PropertyView = void 0;
@@ -24,26 +8,27 @@ exports.PropertyView = void 0;
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
 const components_react_1 = require("@itwin/components-react");
 require("./PropertyView.scss");
-const GroupQueryBuilderContext_1 = require("../context/GroupQueryBuilderContext");
-const react_1 = require("react");
+const react_3 = require("react");
 const PropertyGridColumns_1 = require("@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const CommonPropertyRenderer_1 = require("@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer");
+const PropertyGridWrapperContext_1 = require("../context/PropertyGridWrapperContext");
 /**
  * A React component that renders property as label/value pair
  * @public
  */
 const PropertyView = (props) => {
     var _a;
-    const context = React.useContext(GroupQueryBuilderContext_1.GroupQueryBuilderContext);
-    const [isCheckboxLoading, setIsCheckboxLoading] = React.useState(false);
+    const [isCheckboxLoading, setIsCheckboxLoading] = react_2.useState(false);
+    const { currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery, isUpdating, } = PropertyGridWrapperContext_1.usePropertyGridWrapper();
     const _validatePropertySelection = () => {
-        if (context.currentPropertyList.includes(props.propertyRecord)) {
+        if (currentPropertyList.includes(props.propertyRecord)) {
             return true;
         }
         // Check if all subproperties are selected
@@ -55,13 +40,13 @@ const PropertyView = (props) => {
     const _validateNestedPropertiesSelection = (prop) => {
         switch (prop.value.valueFormat) {
             case appui_abstract_1.PropertyValueFormat.Primitive:
-                if (!context.currentPropertyList.includes(prop)) {
+                if (!currentPropertyList.includes(prop)) {
                     return false;
                 }
                 break;
             case appui_abstract_1.PropertyValueFormat.Array:
                 if (prop.value.items.length === 0) {
-                    if (!context.currentPropertyList.includes(prop)) {
+                    if (!currentPropertyList.includes(prop)) {
                         return false;
                     }
                 }
@@ -77,22 +62,23 @@ const PropertyView = (props) => {
         }
         return true;
     };
-    const [isHovered, setIsHovered] = React.useState(false);
-    const [isPropertySelected, setIsPropertySelected] = React.useState(_validatePropertySelection());
-    const _addSelectedProperty = react_1.useCallback(async (prop) => {
+    const [isHovered, setIsHovered] = react_2.useState(false);
+    const [isPropertySelected, setIsPropertySelected] = react_2.useState(_validatePropertySelection());
+    const _addSelectedProperty = react_3.useCallback(async (prop) => {
+        var _a;
         // TODO: roof selected item/category value is an object but format is primitive(needs further exploration)
-        if (!context.currentPropertyList.includes(prop) &&
+        if (!currentPropertyList.includes(prop) &&
             prop.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive) {
-            if (!(await context.queryBuilder.addProperty(prop))) {
+            if (!(await (queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.addProperty(prop)))) {
                 setIsCheckboxLoading(false);
                 setIsPropertySelected(false);
                 return;
             }
-            context.setCurrentPropertyList(context.currentPropertyList.concat(prop));
-            context.setQuery(context.queryBuilder.buildQueryString());
+            setCurrentPropertyList(currentPropertyList.concat(prop));
+            setQuery((_a = queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.buildQueryString()) !== null && _a !== void 0 ? _a : "");
         }
-    }, [context]);
-    const _addNestedProperties = react_1.useCallback((prop) => {
+    }, [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]);
+    const _addNestedProperties = react_3.useCallback((prop) => {
         switch (prop.value.valueFormat) {
             case appui_abstract_1.PropertyValueFormat.Primitive:
                 void _addSelectedProperty(prop);
@@ -110,14 +96,15 @@ const PropertyView = (props) => {
                 }
         }
     }, [_addSelectedProperty]);
-    const _removeSelectedProperty = react_1.useCallback(async (prop) => {
-        if (context.currentPropertyList.includes(prop)) {
-            context.setCurrentPropertyList(context.currentPropertyList.filter((x) => x !== prop));
-            await context.queryBuilder.removeProperty(prop);
-            context.setQuery(context.queryBuilder.buildQueryString());
-        }
-    }, [context]);
-    const _removeNestedProperties = react_1.useCallback((prop) => {
+    const _removeSelectedProperty = react_3.useCallback(async (prop) => {
+        var _a;
+        if (currentPropertyList.includes(prop)) {
+            setCurrentPropertyList(currentPropertyList.filter((x) => x !== prop));
+            await (queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.removeProperty(prop));
+            setQuery((_a = queryBuilder === null || queryBuilder === void 0 ? void 0 : queryBuilder.buildQueryString()) !== null && _a !== void 0 ? _a : "");
+        }
+    }, [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]);
+    const _removeNestedProperties = react_3.useCallback((prop) => {
         switch (prop.value.valueFormat) {
             case appui_abstract_1.PropertyValueFormat.Primitive:
                 void _removeSelectedProperty(prop);
@@ -135,15 +122,15 @@ const PropertyView = (props) => {
                 }
         }
     }, [_removeSelectedProperty]);
-    React.useEffect(() => {
-        if (!context.currentPropertyList.includes(props.propertyRecord)) {
+    react_2.useEffect(() => {
+        if (!currentPropertyList.includes(props.propertyRecord)) {
             setIsPropertySelected(false);
         }
-    }, [context.currentPropertyList, props.propertyRecord]);
-    React.useEffect(() => {
+    }, [currentPropertyList, props.propertyRecord]);
+    react_2.useEffect(() => {
         if (props === null || props === void 0 ? void 0 : props.propertyRecord) {
             if (isPropertySelected) {
-                if (context.isRendering) {
+                if (isUpdating) {
                     setIsCheckboxLoading(true);
                 }
                 _addNestedProperties(props.propertyRecord);
@@ -157,13 +144,13 @@ const PropertyView = (props) => {
         _removeNestedProperties,
         isPropertySelected,
         props.propertyRecord,
-        context.isRendering,
+        isUpdating,
     ]);
-    React.useEffect(() => {
-        if (!context.isRendering) {
+    react_2.useEffect(() => {
+        if (!isUpdating) {
             setIsCheckboxLoading(false);
         }
-    }, [context.isRendering]);
+    }, [isUpdating]);
     const _onPropertySelectionChanged = () => {
         setIsPropertySelected(!isPropertySelected);
     };
@@ -213,20 +200,19 @@ const PropertyView = (props) => {
     const needActionButtons = !!props.actionButtonRenderers;
     const columnsStyleProvider = new PropertyGridColumns_1.PropertyGridColumnStyleProvider(props.columnInfo);
     const offset = CommonPropertyRenderer_1.CommonPropertyRenderer.getLabelOffset(props.indentation, props.orientation, props.width, props.columnRatio, (_a = props.columnInfo) === null || _a === void 0 ? void 0 : _a.minLabelWidth);
-    return (React.createElement("div", { style: columnsStyleProvider.getStyle(props.orientation, needActionButtons, ratio, needElementSeparator), className: getClassName(props), onClick: _onClick, onContextMenu: _onContextMenu, onMouseEnter: _onMouseEnter, onMouseLeave: _onMouseLeave, role: "presentation" },
-        React.createElement("div", { className: "gmw-components-property-record-label" },
+    return (react_1.default.createElement("div", { style: columnsStyleProvider.getStyle(props.orientation, needActionButtons, ratio, needElementSeparator), className: getClassName(props), onClick: _onClick, onContextMenu: _onContextMenu, onMouseEnter: _onMouseEnter, onMouseLeave: _onMouseLeave, role: "presentation" },
+        react_1.default.createElement("div", { className: "gmw-components-property-record-label" },
             props.propertyRecord.value.valueFormat ===
-                appui_abstract_1.PropertyValueFormat.Primitive && (React.createElement(itwinui_react_1.Checkbox, { style: { marginLeft: offset }, className: "gmw-components-property-selection-checkbox", checked: isPropertySelected, onChange: _onPropertySelectionChanged, disabled: context.isLoading ||
-                    context.isRendering ||
+                appui_abstract_1.PropertyValueFormat.Primitive && (react_1.default.createElement(itwinui_react_1.Checkbox, { style: { marginLeft: offset }, className: "gmw-components-property-selection-checkbox", checked: isPropertySelected, onChange: _onPropertySelectionChanged, disabled: isUpdating ||
                     props.propertyRecord.value.value === undefined, isLoading: isCheckboxLoading })),
             props.labelElement),
-        needElementSeparator ? (React.createElement(core_react_1.ElementSeparator, { movableArea: props.width, onRatioChanged: props.onColumnRatioChanged, ratio: ratio, orientation: props.orientation, isResizeHandleHovered: props.isResizeHandleHovered, onResizeHandleHoverChanged: props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: props.isResizeHandleBeingDragged, onResizeHandleDragChanged: props.onResizeHandleDragChanged })) : undefined,
+        needElementSeparator ? (react_1.default.createElement(core_react_1.ElementSeparator, { movableArea: props.width, onRatioChanged: props.onColumnRatioChanged, ratio: ratio, orientation: props.orientation, isResizeHandleHovered: props.isResizeHandleHovered, onResizeHandleHoverChanged: props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: props.isResizeHandleBeingDragged, onResizeHandleDragChanged: props.onResizeHandleDragChanged })) : undefined,
         props.propertyRecord.value.valueFormat ===
-            appui_abstract_1.PropertyValueFormat.Primitive ? (React.createElement("div", { className: "gmw-components-property-record-value" },
-            React.createElement("span", null, props.valueElementRenderer
+            appui_abstract_1.PropertyValueFormat.Primitive ? (react_1.default.createElement("div", { className: "gmw-components-property-record-value" },
+            react_1.default.createElement("span", null, props.valueElementRenderer
                 ? props.valueElementRenderer()
                 : props.valueElement))) : undefined,
-        props.actionButtonRenderers ? (React.createElement(components_react_1.ActionButtonList, { orientation: props.orientation, property: props.propertyRecord, isPropertyHovered: isHovered, actionButtonRenderers: props.actionButtonRenderers })) : undefined));
+        props.actionButtonRenderers ? (react_1.default.createElement(components_react_1.ActionButtonList, { orientation: props.orientation, property: props.propertyRecord, isPropertyHovered: isHovered, actionButtonRenderers: props.actionButtonRenderers })) : undefined));
 };
 exports.PropertyView = PropertyView;
 //# sourceMappingURL=PropertyView.js.map

package/lib/cjs/widget/components/property-grid/PropertyView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAE/B,0DAA4D;AAC5D,kDAAkE;AAClE,8DAA2D;AAE3D,+BAA6B;AAE7B,kFAA+E;AAC/E,iCAAoC;AACpC,mIAA4I;AAC5I,wDAAgD;AAChD,yIAAsI;AAgBtI;;;GAGG;AACI,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;;IACvD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mDAAwB,CAAC,CAAC;IAC3D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExE,MAAM,0BAA0B,GAAG,GAAG,EAAE;QACtC,IAAI,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;YAC9D,OAAO,IAAI,CAAC;SACb;QACD,0CAA0C;QAC1C,IAAI,CAAC,kCAAkC,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;YAC7D,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,kCAAkC,GAAG,CAAC,IAAoB,EAAE,EAAE;QAClE,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC9B,KAAK,oCAAmB,CAAC,SAAS;gBAChC,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;oBAC/C,OAAO,KAAK,CAAC;iBACd;gBACD,MAAM;YACR,KAAK,oCAAmB,CAAC,KAAK;gBAC5B,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;oBACjC,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;wBAC/C,OAAO,KAAK,CAAC;qBACd;iBACF;gBACD,MAAM;YACR,KAAK,oCAAmB,CAAC,MAAM;gBAC7B,KAAK,MAAM,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;oBAC5C,IACE,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAClC,IAAI,CAAC,KAAK,CAAC,OAAO,EAClB,WAAW,CACZ,EACD;wBACA,IACE,CAAC,kCAAkC,CACjC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAChC,EACD;4BACA,OAAO,KAAK,CAAC;yBACd;qBACF;iBACF;SACJ;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAChE,0BAA0B,EAAE,CAC7B,CAAC;IAEF,MAAM,oBAAoB,GAAG,mBAAW,CACtC,KAAK,EAAE,IAAoB,EAAE,EAAE;QAC7B,0GAA0G;QAC1G,IACE,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC3C,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,EACxD;YACA,IAAI,CAAC,CAAC,MAAM,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE;gBACnD,oBAAoB,CAAC,KAAK,CAAC,CAAC;gBAC5B,qBAAqB,CAAC,KAAK,CAAC,CAAC;gBAC7B,OAAO;aACR;YACD,OAAO,CAAC,sBAAsB,CAC5B,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC,CACzC,CAAC;YACF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC,CAAC;SAC3D;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,oBAAoB,GAAG,mBAAW,CACtC,CAAC,IAAoB,EAAE,EAAE;QACvB,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC9B,KAAK,oCAAmB,CAAC,SAAS;gBAChC,KAAK,oBAAoB,CAAC,IAAI,CAAC,CAAC;gBAChC,MAAM;YACR,KAAK,oCAAmB,CAAC,KAAK;gBAC5B,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;oBACjC,KAAK,oBAAoB,CAAC,IAAI,CAAC,CAAC;iBACjC;gBACD,MAAM;YACR,KAAK,oCAAmB,CAAC,MAAM;gBAC7B,KAAK,MAAM,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;oBAC5C,IACE,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAClC,IAAI,CAAC,KAAK,CAAC,OAAO,EAClB,WAAW,CACZ,EACD;wBACA,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;qBACvD;iBACF;SACJ;IACH,CAAC,EACD,CAAC,oBAAoB,CAAC,CACvB,CAAC;IAEF,MAAM,uBAAuB,GAAG,mBAAW,CACzC,KAAK,EAAE,IAAoB,EAAiB,EAAE;QAC5C,IAAI,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YAC9C,OAAO,CAAC,sBAAsB,CAC5B,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CACtE,CAAC;YACF,MAAM,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YAChD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC,CAAC;SAC3D;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,uBAAuB,GAAG,mBAAW,CACzC,CAAC,IAAoB,EAAE,EAAE;QACvB,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC9B,KAAK,oCAAmB,CAAC,SAAS;gBAChC,KAAK,uBAAuB,CAAC,IAAI,CAAC,CAAC;gBACnC,MAAM;YACR,KAAK,oCAAmB,CAAC,KAAK;gBAC5B,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;oBACjC,KAAK,uBAAuB,CAAC,IAAI,CAAC,CAAC;iBACpC;gBACD,MAAM;YACR,KAAK,oCAAmB,CAAC,MAAM;gBAC7B,KAAK,MAAM,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;oBAC5C,IACE,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAClC,IAAI,CAAC,KAAK,CAAC,OAAO,EAClB,WAAW,CACZ,EACD;wBACA,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;qBAC1D;iBACF;SACJ;IACH,CAAC,EACD,CAAC,uBAAuB,CAAC,CAC1B,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;YAC/D,qBAAqB,CAAC,KAAK,CAAC,CAAC;SAC9B;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE;YACzB,IAAI,kBAAkB,EAAE;gBACtB,IAAI,OAAO,CAAC,WAAW,EAAE;oBACvB,oBAAoB,CAAC,IAAI,CAAC,CAAC;iBAC5B;gBACD,oBAAoB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;aAC5C;iBAAM;gBACL,uBAAuB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;aAC/C;SACF;IACH,CAAC,EAAE;QACD,oBAAoB;QACpB,uBAAuB;QACvB,kBAAkB;QAClB,KAAK,CAAC,cAAc;QACpB,OAAO,CAAC,WAAW;KACpB,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;YACxB,oBAAoB,CAAC,KAAK,CAAC,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IAE1B,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;SACtD;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,KAAK,CAAC,WAAW,EAAE;YACrB,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,KAAK,CAAC,WAAW,EAAE;YACrB,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC7C,IAAI,KAAK,CAAC,aAAa,EAAE;YACvB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;SAC9C;QACD,IAAI,KAAK,CAAC,YAAY,EAAE;YACtB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;SAC3D;QACD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,SAA4B,EAAE,EAAE;QACpD,IAAI,uBAAuB,GACzB,SAAS,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU;YAC9C,CAAC,CAAC,4CAA4C;YAC9C,CAAC,CAAC,0CAA0C,CAAC;QACjD,IAAI,SAAS,CAAC,UAAU,EAAE;YACxB,uBAAuB,IAAI,uBAAuB,CAAC;SACpD;QACD,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,uBAAuB,IAAI,wBAAwB,CAAC;SACrD;QACD,IAAI,SAAS,CAAC,WAAW,EAAE;YACzB,uBAAuB,IAAI,wBAAwB,CAAC;SACrD;QACD,OAAO,uBAAuB,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3D,MAAM,oBAAoB,GACxB,KAAK,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU;QAC5C,CAAC,CAAC,KAAK,CAAC,oBAAoB,CAAC;IAC/B,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,qBAAqB,CAAC;IACxD,MAAM,oBAAoB,GAAG,IAAI,qDAA+B,CAC9D,KAAK,CAAC,UAAU,CACjB,CAAC;IAEF,MAAM,MAAM,GAAG,+CAAsB,CAAC,cAAc,CAClD,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,WAAW,EACjB,MAAA,KAAK,CAAC,UAAU,0CAAE,aAAa,CAChC,CAAC;IAEF,OAAO,CACL,6BACE,KAAK,EAAE,oBAAoB,CAAC,QAAQ,CAClC,KAAK,CAAC,WAAW,EACjB,iBAAiB,EACjB,KAAK,EACL,oBAAoB,CACrB,EACD,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,EAC9B,OAAO,EAAE,QAAQ,EACjB,aAAa,EAAE,cAAc,EAC7B,YAAY,EAAE,aAAa,EAC3B,YAAY,EAAE,aAAa,EAC3B,IAAI,EAAC,cAAc;QAEnB,6BAAK,SAAS,EAAC,sCAAsC;YAClD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,WAAW;gBACrC,oCAAmB,CAAC,SAAS,IAAI,CACjC,oBAAC,wBAAQ,IACP,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAC7B,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,2BAA2B,EACrC,QAAQ,EACN,OAAO,CAAC,SAAS;oBACf,OAAO,CAAC,WAAW;oBACnB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,EAElD,SAAS,EAAE,iBAAiB,GAC5B,CACH;YACA,KAAK,CAAC,YAAY,CACf;QACL,oBAAoB,CAAC,CAAC,CAAC,CACtB,oBAAC,6BAAgB,IACf,WAAW,EAAE,KAAK,CAAC,KAAK,EACxB,cAAc,EAAE,KAAK,CAAC,oBAAoB,EAC1C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,0BAA0B,EAAE,KAAK,CAAC,0BAA0B,EAC5D,0BAA0B,EAAE,KAAK,CAAC,0BAA0B,EAC5D,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,GAC1D,CACH,CAAC,CAAC,CAAC,SAAS;QACZ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,WAAW;YACrC,oCAAmB,CAAC,SAAS,CAAC,CAAC,CAAC,CAC9B,6BAAK,SAAS,EAAC,sCAAsC;YACnD,kCACG,KAAK,CAAC,oBAAoB;gBACzB,CAAC,CAAC,KAAK,CAAC,oBAAoB,EAAE;gBAC9B,CAAC,CAAC,KAAK,CAAC,YAAY,CACjB,CACH,CACP,CAAC,CAAC,CAAC,SAAS;QACd,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAC7B,oBAAC,mCAAgB,IACf,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,KAAK,CAAC,cAAc,EAC9B,iBAAiB,EAAE,SAAS,EAC5B,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAClD,CACH,CAAC,CAAC,CAAC,SAAS,CACT,CACP,CAAC;AACJ,CAAC,CAAC;AAlTW,QAAA,YAAY,gBAkTvB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { ElementSeparator, Orientation } from \"@itwin/core-react\";\nimport { ActionButtonList } from \"@itwin/components-react\";\n\nimport \"./PropertyView.scss\";\nimport type { SharedRendererProps } from \"./PropertyRender\";\nimport { GroupQueryBuilderContext } from \"../context/GroupQueryBuilderContext\";\nimport { useCallback } from \"react\";\nimport { PropertyGridColumnStyleProvider } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { CommonPropertyRenderer } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer\";\n\n/** Properties of [[PropertyView]] React component\n * @public\n */\nexport interface PropertyViewProps extends SharedRendererProps {\n  /** Property label as a React element */\n  labelElement: React.ReactNode;\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}\n\n/**\n * A React component that renders property as label/value pair\n * @public\n */\nexport const PropertyView = (props: PropertyViewProps) => {\n  const context = React.useContext(GroupQueryBuilderContext);\n  const [isCheckboxLoading, setIsCheckboxLoading] = React.useState(false);\n\n  const _validatePropertySelection = () => {\n    if (context.currentPropertyList.includes(props.propertyRecord)) {\n      return true;\n    }\n    // Check if all subproperties are selected\n    if (!_validateNestedPropertiesSelection(props.propertyRecord)) {\n      return false;\n    }\n    return true;\n  };\n\n  const _validateNestedPropertiesSelection = (prop: PropertyRecord) => {\n    switch (prop.value.valueFormat) {\n      case PropertyValueFormat.Primitive:\n        if (!context.currentPropertyList.includes(prop)) {\n          return false;\n        }\n        break;\n      case PropertyValueFormat.Array:\n        if (prop.value.items.length === 0) {\n          if (!context.currentPropertyList.includes(prop)) {\n            return false;\n          }\n        }\n        break;\n      case PropertyValueFormat.Struct:\n        for (const subPropName in prop.value.members) {\n          if (\n            Object.prototype.hasOwnProperty.call(\n              prop.value.members,\n              subPropName\n            )\n          ) {\n            if (\n              !_validateNestedPropertiesSelection(\n                prop.value.members[subPropName]\n              )\n            ) {\n              return false;\n            }\n          }\n        }\n    }\n    return true;\n  };\n\n  const [isHovered, setIsHovered] = React.useState<boolean>(false);\n  const [isPropertySelected, setIsPropertySelected] = React.useState<boolean>(\n    _validatePropertySelection()\n  );\n\n  const _addSelectedProperty = useCallback(\n    async (prop: PropertyRecord) => {\n      // TODO: roof selected item/category value is an object but format is primitive(needs further exploration)\n      if (\n        !context.currentPropertyList.includes(prop) &&\n        prop.value.valueFormat === PropertyValueFormat.Primitive\n      ) {\n        if (!(await context.queryBuilder.addProperty(prop))) {\n          setIsCheckboxLoading(false);\n          setIsPropertySelected(false);\n          return;\n        }\n        context.setCurrentPropertyList(\n          context.currentPropertyList.concat(prop)\n        );\n        context.setQuery(context.queryBuilder.buildQueryString());\n      }\n    },\n    [context]\n  );\n\n  const _addNestedProperties = useCallback(\n    (prop: PropertyRecord) => {\n      switch (prop.value.valueFormat) {\n        case PropertyValueFormat.Primitive:\n          void _addSelectedProperty(prop);\n          break;\n        case PropertyValueFormat.Array:\n          if (prop.value.items.length === 0) {\n            void _addSelectedProperty(prop);\n          }\n          break;\n        case PropertyValueFormat.Struct:\n          for (const subPropName in prop.value.members) {\n            if (\n              Object.prototype.hasOwnProperty.call(\n                prop.value.members,\n                subPropName\n              )\n            ) {\n              _addNestedProperties(prop.value.members[subPropName]);\n            }\n          }\n      }\n    },\n    [_addSelectedProperty]\n  );\n\n  const _removeSelectedProperty = useCallback(\n    async (prop: PropertyRecord): Promise<void> => {\n      if (context.currentPropertyList.includes(prop)) {\n        context.setCurrentPropertyList(\n          context.currentPropertyList.filter((x: PropertyRecord) => x !== prop)\n        );\n        await context.queryBuilder.removeProperty(prop);\n        context.setQuery(context.queryBuilder.buildQueryString());\n      }\n    },\n    [context]\n  );\n\n  const _removeNestedProperties = useCallback(\n    (prop: PropertyRecord) => {\n      switch (prop.value.valueFormat) {\n        case PropertyValueFormat.Primitive:\n          void _removeSelectedProperty(prop);\n          break;\n        case PropertyValueFormat.Array:\n          if (prop.value.items.length === 0) {\n            void _removeSelectedProperty(prop);\n          }\n          break;\n        case PropertyValueFormat.Struct:\n          for (const subPropName in prop.value.members) {\n            if (\n              Object.prototype.hasOwnProperty.call(\n                prop.value.members,\n                subPropName\n              )\n            ) {\n              _removeNestedProperties(prop.value.members[subPropName]);\n            }\n          }\n      }\n    },\n    [_removeSelectedProperty]\n  );\n\n  React.useEffect(() => {\n    if (!context.currentPropertyList.includes(props.propertyRecord)) {\n      setIsPropertySelected(false);\n    }\n  }, [context.currentPropertyList, props.propertyRecord]);\n\n  React.useEffect(() => {\n    if (props?.propertyRecord) {\n      if (isPropertySelected) {\n        if (context.isRendering) {\n          setIsCheckboxLoading(true);\n        }\n        _addNestedProperties(props.propertyRecord);\n      } else {\n        _removeNestedProperties(props.propertyRecord);\n      }\n    }\n  }, [\n    _addNestedProperties,\n    _removeNestedProperties,\n    isPropertySelected,\n    props.propertyRecord,\n    context.isRendering,\n  ]);\n\n  React.useEffect(() => {\n    if (!context.isRendering) {\n      setIsCheckboxLoading(false);\n    }\n  }, [context.isRendering]);\n\n  const _onPropertySelectionChanged = () => {\n    setIsPropertySelected(!isPropertySelected);\n  };\n\n  const _onClick = () => {\n    if (props.onClick) {\n      props.onClick(props.propertyRecord, props.uniqueKey);\n    }\n  };\n\n  const _onMouseEnter = () => {\n    if (props.isHoverable) {\n      setIsHovered(true);\n    }\n  };\n\n  const _onMouseLeave = () => {\n    if (props.isHoverable) {\n      setIsHovered(false);\n    }\n  };\n\n  const _onContextMenu = (e: React.MouseEvent) => {\n    if (props.onContextMenu) {\n      props.onContextMenu(props.propertyRecord, e);\n    }\n    if (props.onRightClick) {\n      props.onRightClick(props.propertyRecord, props.uniqueKey);\n    }\n    e.preventDefault();\n    return false;\n  };\n\n  const getClassName = (viewProps: PropertyViewProps) => {\n    let propertyRecordClassName =\n      viewProps.orientation === Orientation.Horizontal\n        ? \"gmw-components-property-record--horizontal\"\n        : \"gmw-components-property-record--vertical\";\n    if (viewProps.isSelected) {\n      propertyRecordClassName += \" components--selected\";\n    }\n    if (viewProps.onClick) {\n      propertyRecordClassName += \" components--clickable\";\n    }\n    if (viewProps.isHoverable) {\n      propertyRecordClassName += \" components--hoverable\";\n    }\n    return propertyRecordClassName;\n  };\n\n  const ratio = props.columnRatio ? props.columnRatio : 0.25;\n  const needElementSeparator =\n    props.orientation === Orientation.Horizontal &&\n    !!props.onColumnRatioChanged;\n  const needActionButtons = !!props.actionButtonRenderers;\n  const columnsStyleProvider = new PropertyGridColumnStyleProvider(\n    props.columnInfo\n  );\n\n  const offset = CommonPropertyRenderer.getLabelOffset(\n    props.indentation,\n    props.orientation,\n    props.width,\n    props.columnRatio,\n    props.columnInfo?.minLabelWidth\n  );\n\n  return (\n    <div\n      style={columnsStyleProvider.getStyle(\n        props.orientation,\n        needActionButtons,\n        ratio,\n        needElementSeparator\n      )}\n      className={getClassName(props)}\n      onClick={_onClick}\n      onContextMenu={_onContextMenu}\n      onMouseEnter={_onMouseEnter}\n      onMouseLeave={_onMouseLeave}\n      role=\"presentation\"\n    >\n      <div className=\"gmw-components-property-record-label\">\n        {props.propertyRecord.value.valueFormat ===\n          PropertyValueFormat.Primitive && (\n          <Checkbox\n            style={{ marginLeft: offset }}\n            className=\"gmw-components-property-selection-checkbox\"\n            checked={isPropertySelected}\n            onChange={_onPropertySelectionChanged}\n            disabled={\n              context.isLoading ||\n                context.isRendering ||\n                props.propertyRecord.value.value === undefined\n            }\n            isLoading={isCheckboxLoading}\n          />\n        )}\n        {props.labelElement}\n      </div>\n      {needElementSeparator ? (\n        <ElementSeparator\n          movableArea={props.width}\n          onRatioChanged={props.onColumnRatioChanged}\n          ratio={ratio}\n          orientation={props.orientation}\n          isResizeHandleHovered={props.isResizeHandleHovered}\n          onResizeHandleHoverChanged={props.onResizeHandleHoverChanged}\n          isResizeHandleBeingDragged={props.isResizeHandleBeingDragged}\n          onResizeHandleDragChanged={props.onResizeHandleDragChanged}\n        />\n      ) : undefined}\n      {props.propertyRecord.value.valueFormat ===\n        PropertyValueFormat.Primitive ? (\n          <div className=\"gmw-components-property-record-value\">\n            <span>\n              {props.valueElementRenderer\n                ? props.valueElementRenderer()\n                : props.valueElement}\n            </span>\n          </div>\n        ) : undefined}\n      {props.actionButtonRenderers ? (\n        <ActionButtonList\n          orientation={props.orientation}\n          property={props.propertyRecord}\n          isPropertyHovered={isHovered}\n          actionButtonRenderers={props.actionButtonRenderers}\n        />\n      ) : undefined}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../../../src/widget/components/property-grid/PropertyView.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { ElementSeparator, Orientation } from \"@itwin/core-react\";\nimport { ActionButtonList } from \"@itwin/components-react\";\nimport \"./PropertyView.scss\";\nimport type { SharedRendererProps } from \"./PropertyRender\";\nimport { useCallback } from \"react\";\nimport { PropertyGridColumnStyleProvider } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/PropertyGridColumns\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { CommonPropertyRenderer } from \"@itwin/components-react/lib/cjs/components-react/properties/renderers/CommonPropertyRenderer\";\nimport { usePropertyGridWrapper } from \"../context/PropertyGridWrapperContext\";\n\n/** Properties of [[PropertyView]] React component\n * @public\n */\nexport interface PropertyViewProps extends SharedRendererProps {\n  /** Property label as a React element */\n  labelElement: React.ReactNode;\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}\n\n/**\n * A React component that renders property as label/value pair\n * @public\n */\nexport const PropertyView = (props: PropertyViewProps) => {\n  const [isCheckboxLoading, setIsCheckboxLoading] = useState(false);\n  const {\n    currentPropertyList,\n    queryBuilder,\n    setCurrentPropertyList,\n    setQuery,\n    isUpdating,\n  } = usePropertyGridWrapper();\n\n  const _validatePropertySelection = () => {\n    if (currentPropertyList.includes(props.propertyRecord)) {\n      return true;\n    }\n    // Check if all subproperties are selected\n    if (!_validateNestedPropertiesSelection(props.propertyRecord)) {\n      return false;\n    }\n    return true;\n  };\n\n  const _validateNestedPropertiesSelection = (prop: PropertyRecord) => {\n    switch (prop.value.valueFormat) {\n      case PropertyValueFormat.Primitive:\n        if (!currentPropertyList.includes(prop)) {\n          return false;\n        }\n        break;\n      case PropertyValueFormat.Array:\n        if (prop.value.items.length === 0) {\n          if (!currentPropertyList.includes(prop)) {\n            return false;\n          }\n        }\n        break;\n      case PropertyValueFormat.Struct:\n        for (const subPropName in prop.value.members) {\n          if (\n            Object.prototype.hasOwnProperty.call(\n              prop.value.members,\n              subPropName\n            )\n          ) {\n            if (\n              !_validateNestedPropertiesSelection(\n                prop.value.members[subPropName]\n              )\n            ) {\n              return false;\n            }\n          }\n        }\n    }\n    return true;\n  };\n\n  const [isHovered, setIsHovered] = useState<boolean>(false);\n  const [isPropertySelected, setIsPropertySelected] = useState<boolean>(\n    _validatePropertySelection()\n  );\n\n  const _addSelectedProperty = useCallback(\n    async (prop: PropertyRecord) => {\n      // TODO: roof selected item/category value is an object but format is primitive(needs further exploration)\n      if (\n        !currentPropertyList.includes(prop) &&\n        prop.value.valueFormat === PropertyValueFormat.Primitive\n      ) {\n        if (!(await queryBuilder?.addProperty(prop))) {\n          setIsCheckboxLoading(false);\n          setIsPropertySelected(false);\n          return;\n        }\n        setCurrentPropertyList(\n          currentPropertyList.concat(prop)\n        );\n        setQuery(queryBuilder?.buildQueryString() ?? \"\");\n      }\n    },\n    [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]\n  );\n\n  const _addNestedProperties = useCallback(\n    (prop: PropertyRecord) => {\n      switch (prop.value.valueFormat) {\n        case PropertyValueFormat.Primitive:\n          void _addSelectedProperty(prop);\n          break;\n        case PropertyValueFormat.Array:\n          if (prop.value.items.length === 0) {\n            void _addSelectedProperty(prop);\n          }\n          break;\n        case PropertyValueFormat.Struct:\n          for (const subPropName in prop.value.members) {\n            if (\n              Object.prototype.hasOwnProperty.call(\n                prop.value.members,\n                subPropName\n              )\n            ) {\n              _addNestedProperties(prop.value.members[subPropName]);\n            }\n          }\n      }\n    },\n    [_addSelectedProperty]\n  );\n\n  const _removeSelectedProperty = useCallback(\n    async (prop: PropertyRecord): Promise<void> => {\n      if (currentPropertyList.includes(prop)) {\n        setCurrentPropertyList(\n          currentPropertyList.filter((x: PropertyRecord) => x !== prop)\n        );\n        await queryBuilder?.removeProperty(prop);\n        setQuery(queryBuilder?.buildQueryString() ?? \"\");\n      }\n    },\n    [currentPropertyList, queryBuilder, setCurrentPropertyList, setQuery]\n  );\n\n  const _removeNestedProperties = useCallback(\n    (prop: PropertyRecord) => {\n      switch (prop.value.valueFormat) {\n        case PropertyValueFormat.Primitive:\n          void _removeSelectedProperty(prop);\n          break;\n        case PropertyValueFormat.Array:\n          if (prop.value.items.length === 0) {\n            void _removeSelectedProperty(prop);\n          }\n          break;\n        case PropertyValueFormat.Struct:\n          for (const subPropName in prop.value.members) {\n            if (\n              Object.prototype.hasOwnProperty.call(\n                prop.value.members,\n                subPropName\n              )\n            ) {\n              _removeNestedProperties(prop.value.members[subPropName]);\n            }\n          }\n      }\n    },\n    [_removeSelectedProperty]\n  );\n\n  useEffect(() => {\n    if (!currentPropertyList.includes(props.propertyRecord)) {\n      setIsPropertySelected(false);\n    }\n  }, [currentPropertyList, props.propertyRecord]);\n\n  useEffect(() => {\n    if (props?.propertyRecord) {\n      if (isPropertySelected) {\n        if (isUpdating) {\n          setIsCheckboxLoading(true);\n        }\n        _addNestedProperties(props.propertyRecord);\n      } else {\n        _removeNestedProperties(props.propertyRecord);\n      }\n    }\n  }, [\n    _addNestedProperties,\n    _removeNestedProperties,\n    isPropertySelected,\n    props.propertyRecord,\n    isUpdating,\n  ]);\n\n  useEffect(() => {\n    if (!isUpdating) {\n      setIsCheckboxLoading(false);\n    }\n  }, [isUpdating]);\n\n  const _onPropertySelectionChanged = () => {\n    setIsPropertySelected(!isPropertySelected);\n  };\n\n  const _onClick = () => {\n    if (props.onClick) {\n      props.onClick(props.propertyRecord, props.uniqueKey);\n    }\n  };\n\n  const _onMouseEnter = () => {\n    if (props.isHoverable) {\n      setIsHovered(true);\n    }\n  };\n\n  const _onMouseLeave = () => {\n    if (props.isHoverable) {\n      setIsHovered(false);\n    }\n  };\n\n  const _onContextMenu = (e: React.MouseEvent) => {\n    if (props.onContextMenu) {\n      props.onContextMenu(props.propertyRecord, e);\n    }\n    if (props.onRightClick) {\n      props.onRightClick(props.propertyRecord, props.uniqueKey);\n    }\n    e.preventDefault();\n    return false;\n  };\n\n  const getClassName = (viewProps: PropertyViewProps) => {\n    let propertyRecordClassName =\n      viewProps.orientation === Orientation.Horizontal\n        ? \"gmw-components-property-record--horizontal\"\n        : \"gmw-components-property-record--vertical\";\n    if (viewProps.isSelected) {\n      propertyRecordClassName += \" components--selected\";\n    }\n    if (viewProps.onClick) {\n      propertyRecordClassName += \" components--clickable\";\n    }\n    if (viewProps.isHoverable) {\n      propertyRecordClassName += \" components--hoverable\";\n    }\n    return propertyRecordClassName;\n  };\n\n  const ratio = props.columnRatio ? props.columnRatio : 0.25;\n  const needElementSeparator =\n    props.orientation === Orientation.Horizontal &&\n    !!props.onColumnRatioChanged;\n  const needActionButtons = !!props.actionButtonRenderers;\n  const columnsStyleProvider = new PropertyGridColumnStyleProvider(\n    props.columnInfo\n  );\n\n  const offset = CommonPropertyRenderer.getLabelOffset(\n    props.indentation,\n    props.orientation,\n    props.width,\n    props.columnRatio,\n    props.columnInfo?.minLabelWidth\n  );\n\n  return (\n    <div\n      style={columnsStyleProvider.getStyle(\n        props.orientation,\n        needActionButtons,\n        ratio,\n        needElementSeparator\n      )}\n      className={getClassName(props)}\n      onClick={_onClick}\n      onContextMenu={_onContextMenu}\n      onMouseEnter={_onMouseEnter}\n      onMouseLeave={_onMouseLeave}\n      role=\"presentation\"\n    >\n      <div className=\"gmw-components-property-record-label\">\n        {props.propertyRecord.value.valueFormat ===\n          PropertyValueFormat.Primitive && (\n          <Checkbox\n            style={{ marginLeft: offset }}\n            className=\"gmw-components-property-selection-checkbox\"\n            checked={isPropertySelected}\n            onChange={_onPropertySelectionChanged}\n            disabled={\n              isUpdating ||\n                props.propertyRecord.value.value === undefined\n            }\n            isLoading={isCheckboxLoading}\n          />\n        )}\n        {props.labelElement}\n      </div>\n      {needElementSeparator ? (\n        <ElementSeparator\n          movableArea={props.width}\n          onRatioChanged={props.onColumnRatioChanged}\n          ratio={ratio}\n          orientation={props.orientation}\n          isResizeHandleHovered={props.isResizeHandleHovered}\n          onResizeHandleHoverChanged={props.onResizeHandleHoverChanged}\n          isResizeHandleBeingDragged={props.isResizeHandleBeingDragged}\n          onResizeHandleDragChanged={props.onResizeHandleDragChanged}\n        />\n      ) : undefined}\n      {props.propertyRecord.value.valueFormat ===\n        PropertyValueFormat.Primitive ? (\n          <div className=\"gmw-components-property-record-value\">\n            <span>\n              {props.valueElementRenderer\n                ? props.valueElementRenderer()\n                : props.valueElement}\n            </span>\n          </div>\n        ) : undefined}\n      {props.actionButtonRenderers ? (\n        <ActionButtonList\n          orientation={props.orientation}\n          property={props.propertyRecord}\n          isPropertyHovered={isHovered}\n          actionButtonRenderers={props.actionButtonRenderers}\n        />\n      ) : undefined}\n    </div>\n  );\n};\n"]}

package/lib/cjs/widget/components/viewerUtils.js

@@ -268,10 +268,8 @@ const getHiliteIds = async (query, iModelConnection) => {
 };
 exports.getHiliteIds = getHiliteIds;
 const manufactureKeys = async (query, iModelConnection) => {
-    query;
-    iModelConnection;
     if (query === "") {
-        new presentation_common_1.KeySet();
+        return new presentation_common_1.KeySet();
     }
     const queryWithIdAndECClassName = `SELECT q.ECInstanceId, ec_classname(e.ECClassId) FROM (${query}) q JOIN BisCore.Element e on e.ECInstanceId = q.ECInstanceId`;
     const rowIterator = iModelConnection.query(queryWithIdAndECClassName, undefined, {