@itwin/components-react 3.5.0-dev.26 → 3.5.0-dev.27

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

@@ -1,44 +1,44 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import "./PropertyGrid.scss";
-import * as React from "react";
-import { CommonPropertyGridProps } from "./PropertyGridCommons";
-import { PropertyListProps } from "./PropertyList";
-/** @internal */
-export declare type PropertyGridEventsRelatedProps = Pick<PropertyListProps, "onPropertyClicked" | "onPropertyRightClicked" | "onPropertyContextMenu" | "onEditCommit" | "onEditCancel" | "selectedPropertyKey" | "editingPropertyKey"> & Pick<CommonPropertyGridProps, "isPropertySelectionOnRightClickEnabled" | "isPropertyEditingEnabled"> & Required<Pick<CommonPropertyGridProps, "isPropertyHoverEnabled" | "isPropertySelectionEnabled">>;
-/** Properties for [[PropertyGridEventsRelatedPropsSupplier]] React component
- * @internal
- */
-export declare type PropertyGridEventsRelatedPropsSupplierProps = Pick<CommonPropertyGridProps, "onPropertyContextMenu" | "isPropertySelectionOnRightClickEnabled" | "isPropertySelectionOnRightClickEnabled" | "onPropertySelectionChanged" | "isPropertyEditingEnabled" | "onPropertyUpdated"> & Required<Pick<CommonPropertyGridProps, "isPropertyHoverEnabled" | "isPropertySelectionEnabled">> & {
-    children: (context: PropertyGridEventsRelatedProps) => React.ReactNode;
-};
-/** State of [[PropertyGridEventsRelatedPropsSupplier]] React component
- * @internal
- */
-interface PropertyGridEventsRelatedPropsSupplierState {
-    /** Unique key of currently selected property */
-    selectedPropertyKey?: string;
-    /** Unique key of currently edited property */
-    editingPropertyKey?: string;
-}
-/** PropertyGridEventsRelatedPropsSupplier React component.
- * @internal
- */
-export declare class PropertyGridEventsRelatedPropsSupplier extends React.Component<PropertyGridEventsRelatedPropsSupplierProps, PropertyGridEventsRelatedPropsSupplierState> {
-    /** @internal */
-    constructor(props: PropertyGridEventsRelatedPropsSupplierProps);
-    private _isClickSupported;
-    private _isRightClickSupported;
-    private _onPropertyRightClicked;
-    private _onPropertyClicked;
-    private _onPropertyContextMenu;
-    private _onEditCommit;
-    private _onEditCancel;
-    private onEnabledPropertyRightClicked;
-    private onEnabledPropertyLeftClicked;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import "./PropertyGrid.scss";
+import * as React from "react";
+import { CommonPropertyGridProps } from "./PropertyGridCommons";
+import { PropertyListProps } from "./PropertyList";
+/** @internal */
+export declare type PropertyGridEventsRelatedProps = Pick<PropertyListProps, "onPropertyClicked" | "onPropertyRightClicked" | "onPropertyContextMenu" | "onEditCommit" | "onEditCancel" | "selectedPropertyKey" | "editingPropertyKey"> & Pick<CommonPropertyGridProps, "isPropertySelectionOnRightClickEnabled" | "isPropertyEditingEnabled"> & Required<Pick<CommonPropertyGridProps, "isPropertyHoverEnabled" | "isPropertySelectionEnabled">>;
+/** Properties for [[PropertyGridEventsRelatedPropsSupplier]] React component
+ * @internal
+ */
+export declare type PropertyGridEventsRelatedPropsSupplierProps = Pick<CommonPropertyGridProps, "onPropertyContextMenu" | "isPropertySelectionOnRightClickEnabled" | "isPropertySelectionOnRightClickEnabled" | "onPropertySelectionChanged" | "isPropertyEditingEnabled" | "onPropertyUpdated"> & Required<Pick<CommonPropertyGridProps, "isPropertyHoverEnabled" | "isPropertySelectionEnabled">> & {
+    children: (context: PropertyGridEventsRelatedProps) => React.ReactNode;
+};
+/** State of [[PropertyGridEventsRelatedPropsSupplier]] React component
+ * @internal
+ */
+interface PropertyGridEventsRelatedPropsSupplierState {
+    /** Unique key of currently selected property */
+    selectedPropertyKey?: string;
+    /** Unique key of currently edited property */
+    editingPropertyKey?: string;
+}
+/** PropertyGridEventsRelatedPropsSupplier React component.
+ * @internal
+ */
+export declare class PropertyGridEventsRelatedPropsSupplier extends React.Component<PropertyGridEventsRelatedPropsSupplierProps, PropertyGridEventsRelatedPropsSupplierState> {
+    /** @internal */
+    constructor(props: PropertyGridEventsRelatedPropsSupplierProps);
+    private _isClickSupported;
+    private _isRightClickSupported;
+    private _onPropertyRightClicked;
+    private _onPropertyClicked;
+    private _onPropertyContextMenu;
+    private _onEditCommit;
+    private _onEditCancel;
+    private onEnabledPropertyRightClicked;
+    private onEnabledPropertyLeftClicked;
+    /** @internal */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=PropertyGridEventsRelatedPropsSupplier.d.ts.map

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

@@ -1,99 +1,99 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./PropertyGrid.scss";
-import * as React from "react";
-import { PropertyValueFormat } from "@itwin/appui-abstract";
-/** PropertyGridEventsRelatedPropsSupplier React component.
- * @internal
- */
-export class PropertyGridEventsRelatedPropsSupplier extends React.Component {
-    /** @internal */
-    constructor(props) {
-        super(props);
-        this._onPropertyRightClicked = (property, key) => {
-            // istanbul ignore else
-            if (this._isRightClickSupported())
-                this.onEnabledPropertyRightClicked(property, key);
-        };
-        this._onPropertyClicked = (property, key) => {
-            // istanbul ignore else
-            if (this._isClickSupported())
-                this.onEnabledPropertyLeftClicked(property, key);
-        };
-        this._onPropertyContextMenu = (property, e) => {
-            if (this.props.onPropertyContextMenu) {
-                this.props.onPropertyContextMenu({ propertyRecord: property, event: e });
-            }
-        };
-        this._onEditCommit = async (args, category) => {
-            // istanbul ignore else
-            if (this.props.onPropertyUpdated) {
-                await this.props.onPropertyUpdated(args, category);
-                this.setState({ editingPropertyKey: undefined });
-            }
-        };
-        this._onEditCancel = () => {
-            this.setState({ editingPropertyKey: undefined });
-        };
-        this.state = {};
-    }
-    _isClickSupported() {
-        return this.props.isPropertySelectionEnabled || this.props.isPropertyEditingEnabled;
-    }
-    _isRightClickSupported() {
-        return this.props.isPropertySelectionOnRightClickEnabled;
-    }
-    onEnabledPropertyRightClicked(property, key) {
-        let selectedPropertyKey = this.state.selectedPropertyKey;
-        let editingPropertyKey = this.state.editingPropertyKey;
-        editingPropertyKey = undefined;
-        if (selectedPropertyKey !== key)
-            selectedPropertyKey = key;
-        if (this.props.onPropertySelectionChanged)
-            this.props.onPropertySelectionChanged(property);
-        this.setState({ selectedPropertyKey, editingPropertyKey });
-    }
-    onEnabledPropertyLeftClicked(property, key) {
-        let selectedPropertyKey = this.state.selectedPropertyKey;
-        let editingPropertyKey = this.state.editingPropertyKey;
-        const isValuePrimitive = property.value.valueFormat === PropertyValueFormat.Primitive;
-        const isEditingEnabled = this.props.isPropertyEditingEnabled;
-        const isSelectionEnabled = this.props.isPropertySelectionEnabled;
-        if (isEditingEnabled && isValuePrimitive) {
-            // Deselect editing key only if another selection was made
-            editingPropertyKey = isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;
-        }
-        if (editingPropertyKey === key) {
-            this.setState({ editingPropertyKey });
-            return;
-        }
-        // Select/Deselect
-        selectedPropertyKey = selectedPropertyKey !== key ? key : undefined;
-        if (this.props.onPropertySelectionChanged)
-            this.props.onPropertySelectionChanged(property);
-        this.setState({ selectedPropertyKey, editingPropertyKey });
-    }
-    /** @internal */
-    render() {
-        const renderContext = {
-            isPropertyHoverEnabled: this.props.isPropertyHoverEnabled,
-            isPropertySelectionEnabled: this.props.isPropertySelectionEnabled,
-            isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled,
-            isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,
-            selectedPropertyKey: this.state.selectedPropertyKey,
-            editingPropertyKey: this.state.editingPropertyKey,
-            onEditCommit: this._onEditCommit,
-            onEditCancel: this._onEditCancel,
-            onPropertyClicked: this._isClickSupported() ? this._onPropertyClicked : undefined,
-            onPropertyRightClicked: this._isRightClickSupported() ? this._onPropertyRightClicked : undefined,
-            onPropertyContextMenu: this._onPropertyContextMenu,
-        };
-        return (React.createElement(React.Fragment, null, this.props.children(renderContext)));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "./PropertyGrid.scss";
+import * as React from "react";
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+/** PropertyGridEventsRelatedPropsSupplier React component.
+ * @internal
+ */
+export class PropertyGridEventsRelatedPropsSupplier extends React.Component {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this._onPropertyRightClicked = (property, key) => {
+            // istanbul ignore else
+            if (this._isRightClickSupported())
+                this.onEnabledPropertyRightClicked(property, key);
+        };
+        this._onPropertyClicked = (property, key) => {
+            // istanbul ignore else
+            if (this._isClickSupported())
+                this.onEnabledPropertyLeftClicked(property, key);
+        };
+        this._onPropertyContextMenu = (property, e) => {
+            if (this.props.onPropertyContextMenu) {
+                this.props.onPropertyContextMenu({ propertyRecord: property, event: e });
+            }
+        };
+        this._onEditCommit = async (args, category) => {
+            // istanbul ignore else
+            if (this.props.onPropertyUpdated) {
+                await this.props.onPropertyUpdated(args, category);
+                this.setState({ editingPropertyKey: undefined });
+            }
+        };
+        this._onEditCancel = () => {
+            this.setState({ editingPropertyKey: undefined });
+        };
+        this.state = {};
+    }
+    _isClickSupported() {
+        return this.props.isPropertySelectionEnabled || this.props.isPropertyEditingEnabled;
+    }
+    _isRightClickSupported() {
+        return this.props.isPropertySelectionOnRightClickEnabled;
+    }
+    onEnabledPropertyRightClicked(property, key) {
+        let selectedPropertyKey = this.state.selectedPropertyKey;
+        let editingPropertyKey = this.state.editingPropertyKey;
+        editingPropertyKey = undefined;
+        if (selectedPropertyKey !== key)
+            selectedPropertyKey = key;
+        if (this.props.onPropertySelectionChanged)
+            this.props.onPropertySelectionChanged(property);
+        this.setState({ selectedPropertyKey, editingPropertyKey });
+    }
+    onEnabledPropertyLeftClicked(property, key) {
+        let selectedPropertyKey = this.state.selectedPropertyKey;
+        let editingPropertyKey = this.state.editingPropertyKey;
+        const isValuePrimitive = property.value.valueFormat === PropertyValueFormat.Primitive;
+        const isEditingEnabled = this.props.isPropertyEditingEnabled;
+        const isSelectionEnabled = this.props.isPropertySelectionEnabled;
+        if (isEditingEnabled && isValuePrimitive) {
+            // Deselect editing key only if another selection was made
+            editingPropertyKey = isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;
+        }
+        if (editingPropertyKey === key) {
+            this.setState({ editingPropertyKey });
+            return;
+        }
+        // Select/Deselect
+        selectedPropertyKey = selectedPropertyKey !== key ? key : undefined;
+        if (this.props.onPropertySelectionChanged)
+            this.props.onPropertySelectionChanged(property);
+        this.setState({ selectedPropertyKey, editingPropertyKey });
+    }
+    /** @internal */
+    render() {
+        const renderContext = {
+            isPropertyHoverEnabled: this.props.isPropertyHoverEnabled,
+            isPropertySelectionEnabled: this.props.isPropertySelectionEnabled,
+            isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled,
+            isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,
+            selectedPropertyKey: this.state.selectedPropertyKey,
+            editingPropertyKey: this.state.editingPropertyKey,
+            onEditCommit: this._onEditCommit,
+            onEditCancel: this._onEditCancel,
+            onPropertyClicked: this._isClickSupported() ? this._onPropertyClicked : undefined,
+            onPropertyRightClicked: this._isRightClickSupported() ? this._onPropertyRightClicked : undefined,
+            onPropertyContextMenu: this._onPropertyContextMenu,
+        };
+        return (React.createElement(React.Fragment, null, this.props.children(renderContext)));
+    }
+}
 //# sourceMappingURL=PropertyGridEventsRelatedPropsSupplier.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.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 * as React from \"react\";\r\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\r\nimport { PropertyCategory } from \"../PropertyDataProvider\";\r\nimport { CommonPropertyGridProps } from \"./PropertyGridCommons\";\r\nimport { PropertyListProps } from \"./PropertyList\";\r\n\r\n/** @internal */\r\nexport type PropertyGridEventsRelatedProps = Pick<PropertyListProps, \"onPropertyClicked\" | \"onPropertyRightClicked\" |\r\n\"onPropertyContextMenu\" | \"onEditCommit\" | \"onEditCancel\" | \"selectedPropertyKey\" | \"editingPropertyKey\"> &\r\nPick<CommonPropertyGridProps, \"isPropertySelectionOnRightClickEnabled\" | \"isPropertyEditingEnabled\"> &\r\nRequired<Pick<CommonPropertyGridProps, \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\">>;\r\n\r\n/** Properties for [[PropertyGridEventsRelatedPropsSupplier]] React component\r\n * @internal\r\n */\r\nexport type PropertyGridEventsRelatedPropsSupplierProps = Pick<CommonPropertyGridProps, \"onPropertyContextMenu\" |\r\n\"isPropertySelectionOnRightClickEnabled\" | \"isPropertySelectionOnRightClickEnabled\" |\r\n\"onPropertySelectionChanged\" | \"isPropertyEditingEnabled\" | \"onPropertyUpdated\"> &\r\nRequired<Pick<CommonPropertyGridProps, \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\">> & {\r\n  children: (context: PropertyGridEventsRelatedProps) => React.ReactNode;\r\n};\r\n\r\n/** State of [[PropertyGridEventsRelatedPropsSupplier]] React component\r\n * @internal\r\n */\r\ninterface PropertyGridEventsRelatedPropsSupplierState {\r\n  /** Unique key of currently selected property */\r\n  selectedPropertyKey?: string;\r\n  /** Unique key of currently edited property */\r\n  editingPropertyKey?: string;\r\n}\r\n\r\n/** PropertyGridEventsRelatedPropsSupplier React component.\r\n * @internal\r\n */\r\nexport class PropertyGridEventsRelatedPropsSupplier extends React.Component<PropertyGridEventsRelatedPropsSupplierProps, PropertyGridEventsRelatedPropsSupplierState> {\r\n  /** @internal */\r\n  constructor(props: PropertyGridEventsRelatedPropsSupplierProps) {\r\n    super(props);\r\n    this.state = {};\r\n  }\r\n\r\n  private _isClickSupported() {\r\n    return this.props.isPropertySelectionEnabled || this.props.isPropertyEditingEnabled;\r\n  }\r\n\r\n  private _isRightClickSupported() {\r\n    return this.props.isPropertySelectionOnRightClickEnabled;\r\n  }\r\n\r\n  private _onPropertyRightClicked = (property: PropertyRecord, key?: string) => {\r\n    // istanbul ignore else\r\n    if (this._isRightClickSupported())\r\n      this.onEnabledPropertyRightClicked(property, key);\r\n  };\r\n\r\n  private _onPropertyClicked = (property: PropertyRecord, key?: string) => {\r\n    // istanbul ignore else\r\n    if (this._isClickSupported())\r\n      this.onEnabledPropertyLeftClicked(property, key);\r\n  };\r\n\r\n  private _onPropertyContextMenu = (property: PropertyRecord, e: React.MouseEvent) => {\r\n    if (this.props.onPropertyContextMenu) {\r\n      this.props.onPropertyContextMenu({ propertyRecord: property, event: e });\r\n    }\r\n  };\r\n\r\n  private _onEditCommit = async (args: PropertyUpdatedArgs, category: PropertyCategory) => {\r\n    // istanbul ignore else\r\n    if (this.props.onPropertyUpdated) {\r\n      await this.props.onPropertyUpdated(args, category);\r\n      this.setState({ editingPropertyKey: undefined });\r\n    }\r\n  };\r\n\r\n  private _onEditCancel = () => {\r\n    this.setState({ editingPropertyKey: undefined });\r\n  };\r\n\r\n  private onEnabledPropertyRightClicked(property: PropertyRecord, key: string | undefined) {\r\n    let selectedPropertyKey = this.state.selectedPropertyKey;\r\n    let editingPropertyKey = this.state.editingPropertyKey;\r\n\r\n    editingPropertyKey = undefined;\r\n    if (selectedPropertyKey !== key)\r\n      selectedPropertyKey = key;\r\n\r\n    if (this.props.onPropertySelectionChanged)\r\n      this.props.onPropertySelectionChanged(property);\r\n\r\n    this.setState({ selectedPropertyKey, editingPropertyKey });\r\n  }\r\n\r\n  private onEnabledPropertyLeftClicked(property: PropertyRecord, key: string | undefined) {\r\n    let selectedPropertyKey = this.state.selectedPropertyKey;\r\n    let editingPropertyKey = this.state.editingPropertyKey;\r\n\r\n    const isValuePrimitive = property.value.valueFormat === PropertyValueFormat.Primitive;\r\n    const isEditingEnabled = this.props.isPropertyEditingEnabled;\r\n    const isSelectionEnabled = this.props.isPropertySelectionEnabled;\r\n\r\n    if (isEditingEnabled && isValuePrimitive) {\r\n      // Deselect editing key only if another selection was made\r\n      editingPropertyKey = isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;\r\n    }\r\n\r\n    if (editingPropertyKey === key) {\r\n      this.setState({ editingPropertyKey });\r\n      return;\r\n    }\r\n\r\n    // Select/Deselect\r\n    selectedPropertyKey = selectedPropertyKey !== key ? key : undefined;\r\n\r\n    if (this.props.onPropertySelectionChanged)\r\n      this.props.onPropertySelectionChanged(property);\r\n\r\n    this.setState({ selectedPropertyKey, editingPropertyKey });\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const renderContext: PropertyGridEventsRelatedProps = {\r\n      isPropertyHoverEnabled: this.props.isPropertyHoverEnabled,\r\n      isPropertySelectionEnabled: this.props.isPropertySelectionEnabled,\r\n      isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled,\r\n      isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,\r\n      selectedPropertyKey: this.state.selectedPropertyKey,\r\n      editingPropertyKey: this.state.editingPropertyKey,\r\n      onEditCommit: this._onEditCommit,\r\n      onEditCancel: this._onEditCancel,\r\n      onPropertyClicked: this._isClickSupported() ? this._onPropertyClicked : undefined,\r\n      onPropertyRightClicked: this._isRightClickSupported() ? this._onPropertyRightClicked : undefined,\r\n      onPropertyContextMenu: this._onPropertyContextMenu,\r\n    };\r\n\r\n    return (\r\n      <React.Fragment>\r\n        {this.props.children(renderContext)}\r\n      </React.Fragment>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PropertyGridEventsRelatedPropsSupplier.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGridEventsRelatedPropsSupplier.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 * as React from \"react\";\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport { PropertyCategory } from \"../PropertyDataProvider\";\nimport { CommonPropertyGridProps } from \"./PropertyGridCommons\";\nimport { PropertyListProps } from \"./PropertyList\";\n\n/** @internal */\nexport type PropertyGridEventsRelatedProps = Pick<PropertyListProps, \"onPropertyClicked\" | \"onPropertyRightClicked\" |\n\"onPropertyContextMenu\" | \"onEditCommit\" | \"onEditCancel\" | \"selectedPropertyKey\" | \"editingPropertyKey\"> &\nPick<CommonPropertyGridProps, \"isPropertySelectionOnRightClickEnabled\" | \"isPropertyEditingEnabled\"> &\nRequired<Pick<CommonPropertyGridProps, \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\">>;\n\n/** Properties for [[PropertyGridEventsRelatedPropsSupplier]] React component\n * @internal\n */\nexport type PropertyGridEventsRelatedPropsSupplierProps = Pick<CommonPropertyGridProps, \"onPropertyContextMenu\" |\n\"isPropertySelectionOnRightClickEnabled\" | \"isPropertySelectionOnRightClickEnabled\" |\n\"onPropertySelectionChanged\" | \"isPropertyEditingEnabled\" | \"onPropertyUpdated\"> &\nRequired<Pick<CommonPropertyGridProps, \"isPropertyHoverEnabled\" | \"isPropertySelectionEnabled\">> & {\n  children: (context: PropertyGridEventsRelatedProps) => React.ReactNode;\n};\n\n/** State of [[PropertyGridEventsRelatedPropsSupplier]] React component\n * @internal\n */\ninterface PropertyGridEventsRelatedPropsSupplierState {\n  /** Unique key of currently selected property */\n  selectedPropertyKey?: string;\n  /** Unique key of currently edited property */\n  editingPropertyKey?: string;\n}\n\n/** PropertyGridEventsRelatedPropsSupplier React component.\n * @internal\n */\nexport class PropertyGridEventsRelatedPropsSupplier extends React.Component<PropertyGridEventsRelatedPropsSupplierProps, PropertyGridEventsRelatedPropsSupplierState> {\n  /** @internal */\n  constructor(props: PropertyGridEventsRelatedPropsSupplierProps) {\n    super(props);\n    this.state = {};\n  }\n\n  private _isClickSupported() {\n    return this.props.isPropertySelectionEnabled || this.props.isPropertyEditingEnabled;\n  }\n\n  private _isRightClickSupported() {\n    return this.props.isPropertySelectionOnRightClickEnabled;\n  }\n\n  private _onPropertyRightClicked = (property: PropertyRecord, key?: string) => {\n    // istanbul ignore else\n    if (this._isRightClickSupported())\n      this.onEnabledPropertyRightClicked(property, key);\n  };\n\n  private _onPropertyClicked = (property: PropertyRecord, key?: string) => {\n    // istanbul ignore else\n    if (this._isClickSupported())\n      this.onEnabledPropertyLeftClicked(property, key);\n  };\n\n  private _onPropertyContextMenu = (property: PropertyRecord, e: React.MouseEvent) => {\n    if (this.props.onPropertyContextMenu) {\n      this.props.onPropertyContextMenu({ propertyRecord: property, event: e });\n    }\n  };\n\n  private _onEditCommit = async (args: PropertyUpdatedArgs, category: PropertyCategory) => {\n    // istanbul ignore else\n    if (this.props.onPropertyUpdated) {\n      await this.props.onPropertyUpdated(args, category);\n      this.setState({ editingPropertyKey: undefined });\n    }\n  };\n\n  private _onEditCancel = () => {\n    this.setState({ editingPropertyKey: undefined });\n  };\n\n  private onEnabledPropertyRightClicked(property: PropertyRecord, key: string | undefined) {\n    let selectedPropertyKey = this.state.selectedPropertyKey;\n    let editingPropertyKey = this.state.editingPropertyKey;\n\n    editingPropertyKey = undefined;\n    if (selectedPropertyKey !== key)\n      selectedPropertyKey = key;\n\n    if (this.props.onPropertySelectionChanged)\n      this.props.onPropertySelectionChanged(property);\n\n    this.setState({ selectedPropertyKey, editingPropertyKey });\n  }\n\n  private onEnabledPropertyLeftClicked(property: PropertyRecord, key: string | undefined) {\n    let selectedPropertyKey = this.state.selectedPropertyKey;\n    let editingPropertyKey = this.state.editingPropertyKey;\n\n    const isValuePrimitive = property.value.valueFormat === PropertyValueFormat.Primitive;\n    const isEditingEnabled = this.props.isPropertyEditingEnabled;\n    const isSelectionEnabled = this.props.isPropertySelectionEnabled;\n\n    if (isEditingEnabled && isValuePrimitive) {\n      // Deselect editing key only if another selection was made\n      editingPropertyKey = isSelectionEnabled && selectedPropertyKey !== key ? undefined : key;\n    }\n\n    if (editingPropertyKey === key) {\n      this.setState({ editingPropertyKey });\n      return;\n    }\n\n    // Select/Deselect\n    selectedPropertyKey = selectedPropertyKey !== key ? key : undefined;\n\n    if (this.props.onPropertySelectionChanged)\n      this.props.onPropertySelectionChanged(property);\n\n    this.setState({ selectedPropertyKey, editingPropertyKey });\n  }\n\n  /** @internal */\n  public override render() {\n    const renderContext: PropertyGridEventsRelatedProps = {\n      isPropertyHoverEnabled: this.props.isPropertyHoverEnabled,\n      isPropertySelectionEnabled: this.props.isPropertySelectionEnabled,\n      isPropertySelectionOnRightClickEnabled: this.props.isPropertySelectionOnRightClickEnabled,\n      isPropertyEditingEnabled: this.props.isPropertyEditingEnabled,\n      selectedPropertyKey: this.state.selectedPropertyKey,\n      editingPropertyKey: this.state.editingPropertyKey,\n      onEditCommit: this._onEditCommit,\n      onEditCancel: this._onEditCancel,\n      onPropertyClicked: this._isClickSupported() ? this._onPropertyClicked : undefined,\n      onPropertyRightClicked: this._isRightClickSupported() ? this._onPropertyRightClicked : undefined,\n      onPropertyContextMenu: this._onPropertyContextMenu,\n    };\n\n    return (\n      <React.Fragment>\n        {this.props.children(renderContext)}\n      </React.Fragment>\n    );\n  }\n}\n"]}

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

@@ -1,65 +1,65 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { CommonProps, Orientation, RatioChangeResult } from "@itwin/core-react";
-import { PropertyUpdatedArgs } from "../../editors/EditorContainer";
-import { ActionButtonRenderer } from "../../properties/renderers/ActionButtonRenderer";
-import { PropertyGridColumnInfo } from "../../properties/renderers/PropertyGridColumns";
-import { PropertyValueRendererManager } from "../../properties/ValueRendererManager";
-import { PropertyCategory } from "../PropertyDataProvider";
-/** Properties of [[PropertyList]] React component
- * @public
- */
-export interface PropertyListProps extends CommonProps {
-    orientation: Orientation;
-    width: number;
-    category?: PropertyCategory;
-    properties: PropertyRecord[];
-    selectedPropertyKey?: string;
-    onPropertyClicked?: (property: PropertyRecord, key?: string) => void;
-    onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;
-    onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;
-    columnRatio?: number;
-    /** Callback to column ratio changed event */
-    onColumnChanged?: (ratio: number) => void | RatioChangeResult;
-    propertyValueRendererManager?: PropertyValueRendererManager;
-    editingPropertyKey?: string;
-    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;
-    onEditCancel?: () => void;
-    /** Enables/disables property hovering effect */
-    isPropertyHoverEnabled?: boolean;
-    /** Enables/disables property selection */
-    isPropertySelectionEnabled?: boolean;
-    /** Enables/disables property right click selection */
-    isPropertyRightClickSelectionEnabled?: boolean;
-    /** Array of action button renderers */
-    actionButtonRenderers?: ActionButtonRenderer[];
-    /** Is resize handle hovered */
-    isResizeHandleHovered?: boolean;
-    /** Callback to hover event change */
-    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
-    /** Is resize handle being dragged */
-    isResizeHandleBeingDragged?: boolean;
-    /** Callback to drag event change */
-    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
-    /** Information for styling property grid columns */
-    columnInfo?: PropertyGridColumnInfo;
-}
-/**
- * Get unique key for property record
- * @internal
- */
-export declare function getPropertyKey(propertyCategory: PropertyCategory, propertyRecord: PropertyRecord): string;
-/** A React component that renders multiple properties within a category as a list.
- * @public
- */
-export declare class PropertyList extends React.Component<PropertyListProps> {
-    constructor(props: PropertyListProps);
-    private _listRef;
-    private _onEditCommit;
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+import * as React from "react";
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { CommonProps, Orientation, RatioChangeResult } from "@itwin/core-react";
+import { PropertyUpdatedArgs } from "../../editors/EditorContainer";
+import { ActionButtonRenderer } from "../../properties/renderers/ActionButtonRenderer";
+import { PropertyGridColumnInfo } from "../../properties/renderers/PropertyGridColumns";
+import { PropertyValueRendererManager } from "../../properties/ValueRendererManager";
+import { PropertyCategory } from "../PropertyDataProvider";
+/** Properties of [[PropertyList]] React component
+ * @public
+ */
+export interface PropertyListProps extends CommonProps {
+    orientation: Orientation;
+    width: number;
+    category?: PropertyCategory;
+    properties: PropertyRecord[];
+    selectedPropertyKey?: string;
+    onPropertyClicked?: (property: PropertyRecord, key?: string) => void;
+    onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;
+    onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;
+    columnRatio?: number;
+    /** Callback to column ratio changed event */
+    onColumnChanged?: (ratio: number) => void | RatioChangeResult;
+    propertyValueRendererManager?: PropertyValueRendererManager;
+    editingPropertyKey?: string;
+    onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;
+    onEditCancel?: () => void;
+    /** Enables/disables property hovering effect */
+    isPropertyHoverEnabled?: boolean;
+    /** Enables/disables property selection */
+    isPropertySelectionEnabled?: boolean;
+    /** Enables/disables property right click selection */
+    isPropertyRightClickSelectionEnabled?: boolean;
+    /** Array of action button renderers */
+    actionButtonRenderers?: ActionButtonRenderer[];
+    /** Is resize handle hovered */
+    isResizeHandleHovered?: boolean;
+    /** Callback to hover event change */
+    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
+    /** Is resize handle being dragged */
+    isResizeHandleBeingDragged?: boolean;
+    /** Callback to drag event change */
+    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
+    /** Information for styling property grid columns */
+    columnInfo?: PropertyGridColumnInfo;
+}
+/**
+ * Get unique key for property record
+ * @internal
+ */
+export declare function getPropertyKey(propertyCategory: PropertyCategory, propertyRecord: PropertyRecord): string;
+/** A React component that renders multiple properties within a category as a list.
+ * @public
+ */
+export declare class PropertyList extends React.Component<PropertyListProps> {
+    constructor(props: PropertyListProps);
+    private _listRef;
+    private _onEditCommit;
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=PropertyList.d.ts.map

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

@@ -1,42 +1,42 @@
-/*---------------------------------------------------------------------------------------------
-* 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 classnames from "classnames";
-import * as React from "react";
-import { PropertyValueFormat } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
-import { PropertyRenderer } from "../../properties/renderers/PropertyRenderer";
-/**
- * Get unique key for property record
- * @internal
- */
-export function getPropertyKey(propertyCategory, propertyRecord) {
-    return propertyCategory.name + propertyRecord.property.name;
-}
-/** A React component that renders multiple properties within a category as a list.
- * @public
- */
-export class PropertyList extends React.Component {
-    constructor(props) {
-        super(props);
-        this._listRef = React.createRef();
-        this._onEditCommit = (args) => {
-            // istanbul ignore else
-            if (this.props.onEditCommit && this.props.category)
-                this.props.onEditCommit(args, this.props.category);
-        };
-    }
-    /** @internal */
-    render() {
-        const propertyListClassName = classnames((this.props.orientation === Orientation.Horizontal) ? "components-property-list--horizontal" : "components-property-list--vertical", this.props.className);
-        return (React.createElement("div", { className: propertyListClassName, style: this.props.style, ref: this._listRef }, this.props.properties.map((propertyRecord) => {
-            const key = this.props.category ? getPropertyKey(this.props.category, propertyRecord) : propertyRecord.property.name;
-            return (React.createElement(PropertyRenderer, { key: key, uniqueKey: key, isHoverable: this.props.isPropertyHoverEnabled, isSelectable: this.props.isPropertySelectionEnabled, isSelected: key === this.props.selectedPropertyKey, propertyRecord: propertyRecord, orientation: this.props.orientation, onClick: propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyClicked : undefined, onRightClick: propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyRightClicked : undefined, onContextMenu: this.props.onPropertyContextMenu, columnRatio: this.props.columnRatio, onColumnRatioChanged: this.props.onColumnChanged, propertyValueRendererManager: this.props.propertyValueRendererManager, isEditing: key === this.props.editingPropertyKey, onEditCommit: this._onEditCommit, onEditCancel: this.props.onEditCancel, width: this.props.width, actionButtonRenderers: this.props.actionButtonRenderers, isResizeHandleHovered: this.props.isResizeHandleHovered, onResizeHandleHoverChanged: this.props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: this.props.isResizeHandleBeingDragged, onResizeHandleDragChanged: this.props.onResizeHandleDragChanged, columnInfo: this.props.columnInfo }));
-        })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 classnames from "classnames";
+import * as React from "react";
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+import { Orientation } from "@itwin/core-react";
+import { PropertyRenderer } from "../../properties/renderers/PropertyRenderer";
+/**
+ * Get unique key for property record
+ * @internal
+ */
+export function getPropertyKey(propertyCategory, propertyRecord) {
+    return propertyCategory.name + propertyRecord.property.name;
+}
+/** A React component that renders multiple properties within a category as a list.
+ * @public
+ */
+export class PropertyList extends React.Component {
+    constructor(props) {
+        super(props);
+        this._listRef = React.createRef();
+        this._onEditCommit = (args) => {
+            // istanbul ignore else
+            if (this.props.onEditCommit && this.props.category)
+                this.props.onEditCommit(args, this.props.category);
+        };
+    }
+    /** @internal */
+    render() {
+        const propertyListClassName = classnames((this.props.orientation === Orientation.Horizontal) ? "components-property-list--horizontal" : "components-property-list--vertical", this.props.className);
+        return (React.createElement("div", { className: propertyListClassName, style: this.props.style, ref: this._listRef }, this.props.properties.map((propertyRecord) => {
+            const key = this.props.category ? getPropertyKey(this.props.category, propertyRecord) : propertyRecord.property.name;
+            return (React.createElement(PropertyRenderer, { key: key, uniqueKey: key, isHoverable: this.props.isPropertyHoverEnabled, isSelectable: this.props.isPropertySelectionEnabled, isSelected: key === this.props.selectedPropertyKey, propertyRecord: propertyRecord, orientation: this.props.orientation, onClick: propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyClicked : undefined, onRightClick: propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyRightClicked : undefined, onContextMenu: this.props.onPropertyContextMenu, columnRatio: this.props.columnRatio, onColumnRatioChanged: this.props.onColumnChanged, propertyValueRendererManager: this.props.propertyValueRendererManager, isEditing: key === this.props.editingPropertyKey, onEditCommit: this._onEditCommit, onEditCancel: this.props.onEditCancel, width: this.props.width, actionButtonRenderers: this.props.actionButtonRenderers, isResizeHandleHovered: this.props.isResizeHandleHovered, onResizeHandleHoverChanged: this.props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: this.props.isResizeHandleBeingDragged, onResizeHandleDragChanged: this.props.onResizeHandleDragChanged, columnInfo: this.props.columnInfo }));
+        })));
+    }
+}
 //# sourceMappingURL=PropertyList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyList.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyList.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Orientation, RatioChangeResult } from \"@itwin/core-react\";\r\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\r\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\r\nimport { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns\";\r\nimport { PropertyRenderer } from \"../../properties/renderers/PropertyRenderer\";\r\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\r\nimport { PropertyCategory } from \"../PropertyDataProvider\";\r\n\r\n/** Properties of [[PropertyList]] React component\r\n * @public\r\n */\r\nexport interface PropertyListProps extends CommonProps {\r\n  orientation: Orientation;\r\n  width: number;\r\n  category?: PropertyCategory;\r\n  properties: PropertyRecord[];\r\n  selectedPropertyKey?: string;\r\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\r\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\r\n  onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\r\n  columnRatio?: number;\r\n  /** Callback to column ratio changed event */\r\n  onColumnChanged?: (ratio: number) => void | RatioChangeResult;\r\n  propertyValueRendererManager?: PropertyValueRendererManager;\r\n  editingPropertyKey?: string;\r\n  onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;\r\n  onEditCancel?: () => void;\r\n  /** Enables/disables property hovering effect */\r\n  isPropertyHoverEnabled?: boolean;\r\n  /** Enables/disables property selection */\r\n  isPropertySelectionEnabled?: boolean;\r\n  /** Enables/disables property right click selection */\r\n  isPropertyRightClickSelectionEnabled?: boolean;\r\n  /** Array of action button renderers */\r\n  actionButtonRenderers?: ActionButtonRenderer[];\r\n  /** Is resize handle hovered */\r\n  isResizeHandleHovered?: boolean;\r\n  /** Callback to hover event change */\r\n  onResizeHandleHoverChanged?: (isHovered: boolean) => void;\r\n  /** Is resize handle being dragged */\r\n  isResizeHandleBeingDragged?: boolean;\r\n  /** Callback to drag event change */\r\n  onResizeHandleDragChanged?: (isDragStarted: boolean) => void;\r\n  /** Information for styling property grid columns */\r\n  columnInfo?: PropertyGridColumnInfo;\r\n}\r\n\r\n/**\r\n * Get unique key for property record\r\n * @internal\r\n */\r\nexport function getPropertyKey(propertyCategory: PropertyCategory, propertyRecord: PropertyRecord) {\r\n  return propertyCategory.name + propertyRecord.property.name;\r\n}\r\n\r\n/** A React component that renders multiple properties within a category as a list.\r\n * @public\r\n */\r\nexport class PropertyList extends React.Component<PropertyListProps> {\r\n\r\n  constructor(props: PropertyListProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _listRef = React.createRef<HTMLDivElement>();\r\n\r\n  private _onEditCommit = (args: PropertyUpdatedArgs) => {\r\n    // istanbul ignore else\r\n    if (this.props.onEditCommit && this.props.category)\r\n      this.props.onEditCommit(args, this.props.category);\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const propertyListClassName = classnames(\r\n      (this.props.orientation === Orientation.Horizontal) ? \"components-property-list--horizontal\" : \"components-property-list--vertical\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <div className={propertyListClassName} style={this.props.style} ref={this._listRef}>\r\n        {this.props.properties.map((propertyRecord: PropertyRecord) => {\r\n          const key = this.props.category ? getPropertyKey(this.props.category, propertyRecord) : propertyRecord.property.name;\r\n          return (\r\n            <PropertyRenderer\r\n              key={key}\r\n              uniqueKey={key}\r\n              isHoverable={this.props.isPropertyHoverEnabled}\r\n              isSelectable={this.props.isPropertySelectionEnabled}\r\n              isSelected={key === this.props.selectedPropertyKey}\r\n              propertyRecord={propertyRecord}\r\n              orientation={this.props.orientation}\r\n              onClick={propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyClicked : undefined}\r\n              onRightClick={propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyRightClicked : undefined}\r\n              onContextMenu={this.props.onPropertyContextMenu}\r\n              columnRatio={this.props.columnRatio}\r\n              onColumnRatioChanged={this.props.onColumnChanged}\r\n              propertyValueRendererManager={this.props.propertyValueRendererManager}\r\n              isEditing={key === this.props.editingPropertyKey}\r\n              onEditCommit={this._onEditCommit}\r\n              onEditCancel={this.props.onEditCancel}\r\n              width={this.props.width}\r\n              actionButtonRenderers={this.props.actionButtonRenderers}\r\n              isResizeHandleHovered={this.props.isResizeHandleHovered}\r\n              onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\r\n              isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\r\n              onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\r\n              columnInfo={this.props.columnInfo}\r\n            />);\r\n        })}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"PropertyList.js","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyList.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { CommonProps, Orientation, RatioChangeResult } from \"@itwin/core-react\";\nimport { PropertyUpdatedArgs } from \"../../editors/EditorContainer\";\nimport { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer\";\nimport { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns\";\nimport { PropertyRenderer } from \"../../properties/renderers/PropertyRenderer\";\nimport { PropertyValueRendererManager } from \"../../properties/ValueRendererManager\";\nimport { PropertyCategory } from \"../PropertyDataProvider\";\n\n/** Properties of [[PropertyList]] React component\n * @public\n */\nexport interface PropertyListProps extends CommonProps {\n  orientation: Orientation;\n  width: number;\n  category?: PropertyCategory;\n  properties: PropertyRecord[];\n  selectedPropertyKey?: string;\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyContextMenu?: (property: PropertyRecord, e: React.MouseEvent) => void;\n  columnRatio?: number;\n  /** Callback to column ratio changed event */\n  onColumnChanged?: (ratio: number) => void | RatioChangeResult;\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  editingPropertyKey?: string;\n  onEditCommit?: (args: PropertyUpdatedArgs, category: PropertyCategory) => void;\n  onEditCancel?: () => void;\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property right click selection */\n  isPropertyRightClickSelectionEnabled?: boolean;\n  /** Array of action button renderers */\n  actionButtonRenderers?: ActionButtonRenderer[];\n  /** Is resize handle hovered */\n  isResizeHandleHovered?: boolean;\n  /** Callback to hover event change */\n  onResizeHandleHoverChanged?: (isHovered: boolean) => void;\n  /** Is resize handle being dragged */\n  isResizeHandleBeingDragged?: boolean;\n  /** Callback to drag event change */\n  onResizeHandleDragChanged?: (isDragStarted: boolean) => void;\n  /** Information for styling property grid columns */\n  columnInfo?: PropertyGridColumnInfo;\n}\n\n/**\n * Get unique key for property record\n * @internal\n */\nexport function getPropertyKey(propertyCategory: PropertyCategory, propertyRecord: PropertyRecord) {\n  return propertyCategory.name + propertyRecord.property.name;\n}\n\n/** A React component that renders multiple properties within a category as a list.\n * @public\n */\nexport class PropertyList extends React.Component<PropertyListProps> {\n\n  constructor(props: PropertyListProps) {\n    super(props);\n  }\n\n  private _listRef = React.createRef<HTMLDivElement>();\n\n  private _onEditCommit = (args: PropertyUpdatedArgs) => {\n    // istanbul ignore else\n    if (this.props.onEditCommit && this.props.category)\n      this.props.onEditCommit(args, this.props.category);\n  };\n\n  /** @internal */\n  public override render() {\n    const propertyListClassName = classnames(\n      (this.props.orientation === Orientation.Horizontal) ? \"components-property-list--horizontal\" : \"components-property-list--vertical\",\n      this.props.className,\n    );\n\n    return (\n      <div className={propertyListClassName} style={this.props.style} ref={this._listRef}>\n        {this.props.properties.map((propertyRecord: PropertyRecord) => {\n          const key = this.props.category ? getPropertyKey(this.props.category, propertyRecord) : propertyRecord.property.name;\n          return (\n            <PropertyRenderer\n              key={key}\n              uniqueKey={key}\n              isHoverable={this.props.isPropertyHoverEnabled}\n              isSelectable={this.props.isPropertySelectionEnabled}\n              isSelected={key === this.props.selectedPropertyKey}\n              propertyRecord={propertyRecord}\n              orientation={this.props.orientation}\n              onClick={propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyClicked : undefined}\n              onRightClick={propertyRecord.value.valueFormat === PropertyValueFormat.Primitive ? this.props.onPropertyRightClicked : undefined}\n              onContextMenu={this.props.onPropertyContextMenu}\n              columnRatio={this.props.columnRatio}\n              onColumnRatioChanged={this.props.onColumnChanged}\n              propertyValueRendererManager={this.props.propertyValueRendererManager}\n              isEditing={key === this.props.editingPropertyKey}\n              onEditCommit={this._onEditCommit}\n              onEditCancel={this.props.onEditCancel}\n              width={this.props.width}\n              actionButtonRenderers={this.props.actionButtonRenderers}\n              isResizeHandleHovered={this.props.isResizeHandleHovered}\n              onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n              isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n              onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n              columnInfo={this.props.columnInfo}\n            />);\n        })}\n      </div>\n    );\n  }\n}\n"]}