@itwin/components-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/cjs/components-react/properties/renderers/value/WithContextStyle.js

@@ -1,40 +1,44 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withContextStyle = void 0;
-const React = __importStar(require("react"));
-/** Wraps a React component with a span element with a given style attribute
- * @public
- */
-const withContextStyle = (node, context) => {
-    if (!context || !context.style)
-        return node;
-    return (React.createElement("span", { style: context.style }, node));
-};
-exports.withContextStyle = withContextStyle;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withContextStyle = void 0;
+const React = __importStar(require("react"));
+/** Wraps a React component with a span element with a given style attribute
+ * @public
+ */
+const withContextStyle = (node, context) => {
+    if (!context || !context.style)
+        return node;
+    return (React.createElement("span", { style: context.style }, node));
+};
+exports.withContextStyle = withContextStyle;
 //# sourceMappingURL=WithContextStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WithContextStyle.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/WithContextStyle.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B;;GAEG;AACI,MAAM,gBAAgB,GAAG,CAAC,IAAqB,EAAE,OAAsC,EAAE,EAAE;IAChG,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;QAC5B,OAAO,IAAI,CAAC;IACd,OAAO,CAAC,8BAAM,KAAK,EAAE,OAAO,CAAC,KAAK,IAAG,IAAI,CAAQ,CAAC,CAAC;AACrD,CAAC,CAAC;AAJW,QAAA,gBAAgB,oBAI3B","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PropertyValueRendererContext } from \"../../ValueRendererManager\";\r\n\r\n/** Wraps a React component with a span element with a given style attribute\r\n * @public\r\n */\r\nexport const withContextStyle = (node: React.ReactNode, context?: PropertyValueRendererContext) => {\r\n  if (!context || !context.style)\r\n    return node;\r\n  return (<span style={context.style}>{node}</span>);\r\n};\r\n"]}
+{"version":3,"file":"WithContextStyle.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/WithContextStyle.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B;;GAEG;AACI,MAAM,gBAAgB,GAAG,CAAC,IAAqB,EAAE,OAAsC,EAAE,EAAE;IAChG,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;QAC5B,OAAO,IAAI,CAAC;IACd,OAAO,CAAC,8BAAM,KAAK,EAAE,OAAO,CAAC,KAAK,IAAG,IAAI,CAAQ,CAAC,CAAC;AACrD,CAAC,CAAC;AAJW,QAAA,gBAAgB,oBAI3B","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PropertyValueRendererContext } from \"../../ValueRendererManager\";\r\n\r\n/** Wraps a React component with a span element with a given style attribute\r\n * @public\r\n */\r\nexport const withContextStyle = (node: React.ReactNode, context?: PropertyValueRendererContext) => {\r\n  if (!context || !context.style)\r\n    return node;\r\n  return (<span style={context.style}>{node}</span>);\r\n};\r\n"]}

package/lib/cjs/components-react/properties/renderers/value/table/ArrayValueRenderer.d.ts

@@ -1,15 +1,15 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { TableSpecificValueRendererProps } from "./NonPrimitiveValueRenderer";
-/** A react component which renders array property value as a button with text
- * @public
- */
-export declare class TableArrayValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {
-    private getButtonLabel;
-    private getDialogContents;
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { TableSpecificValueRendererProps } from "./NonPrimitiveValueRenderer";
+/** A react component which renders array property value as a button with text
+ * @public
+ */
+export declare class TableArrayValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {
+    private getButtonLabel;
+    private getDialogContents;
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=ArrayValueRenderer.d.ts.map

package/lib/cjs/components-react/properties/renderers/value/table/ArrayValueRenderer.js

@@ -1,51 +1,55 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableArrayValueRenderer = void 0;
-const React = __importStar(require("react"));
-const NonPrimitivePropertyRenderer_1 = require("../../NonPrimitivePropertyRenderer");
-const NonPrimitiveValueRenderer_1 = require("./NonPrimitiveValueRenderer");
-/** A react component which renders array property value as a button with text
- * @public
- */
-class TableArrayValueRenderer extends React.PureComponent {
-    getButtonLabel(props) {
-        const value = props.propertyRecord.value;
-        return value.items.length !== 0 ? `${value.itemsTypeName}[${value.items.length}]` : "[]";
-    }
-    getDialogContents() {
-        return (React.createElement(NonPrimitivePropertyRenderer_1.NonPrimitivePropertyRenderer, { uniqueKey: `table_array_${this.props.propertyRecord.property.name}`, orientation: this.props.orientation, propertyRecord: this.props.propertyRecord }));
-    }
-    /** @internal */
-    render() {
-        const typeName = this.props.propertyRecord.value.itemsTypeName;
-        return (React.createElement(NonPrimitiveValueRenderer_1.TableNonPrimitiveValueRenderer, { buttonLabel: this.getButtonLabel(this.props), dialogContents: this.getDialogContents(), dialogTitle: `Array of type "${typeName}"`, onDialogOpen: this.props.onDialogOpen }));
-    }
-}
-exports.TableArrayValueRenderer = TableArrayValueRenderer;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableArrayValueRenderer = void 0;
+const React = __importStar(require("react"));
+const NonPrimitivePropertyRenderer_1 = require("../../NonPrimitivePropertyRenderer");
+const NonPrimitiveValueRenderer_1 = require("./NonPrimitiveValueRenderer");
+/** A react component which renders array property value as a button with text
+ * @public
+ */
+class TableArrayValueRenderer extends React.PureComponent {
+    getButtonLabel(props) {
+        const value = props.propertyRecord.value;
+        return value.items.length !== 0 ? `${value.itemsTypeName}[${value.items.length}]` : "[]";
+    }
+    getDialogContents() {
+        return (React.createElement(NonPrimitivePropertyRenderer_1.NonPrimitivePropertyRenderer, { uniqueKey: `table_array_${this.props.propertyRecord.property.name}`, orientation: this.props.orientation, propertyRecord: this.props.propertyRecord }));
+    }
+    /** @internal */
+    render() {
+        const typeName = this.props.propertyRecord.value.itemsTypeName;
+        return (React.createElement(NonPrimitiveValueRenderer_1.TableNonPrimitiveValueRenderer, { buttonLabel: this.getButtonLabel(this.props), dialogContents: this.getDialogContents(), dialogTitle: `Array of type "${typeName}"`, onDialogOpen: this.props.onDialogOpen }));
+    }
+}
+exports.TableArrayValueRenderer = TableArrayValueRenderer;
 //# sourceMappingURL=ArrayValueRenderer.js.map

package/lib/cjs/components-react/properties/renderers/value/table/ArrayValueRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/ArrayValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,qFAAkF;AAClF,2EAAoI;AAEpI;;GAEG;AACH,MAAa,uBAAwB,SAAQ,KAAK,CAAC,aAA8C;IACvF,cAAc,CAAC,KAAsC;QAC3D,MAAM,KAAK,GAAI,KAAK,CAAC,cAAc,CAAC,KAAoB,CAAC;QACzD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3F,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,oBAAC,2DAA4B,IAC3B,SAAS,EAAE,eAAe,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,EACnE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,MAAM,QAAQ,GAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAoB,CAAC,aAAa,CAAC;QAC/E,OAAO,CACL,oBAAC,0DAAkB,IACjB,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAC5C,cAAc,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACxC,WAAW,EAAE,kBAAkB,QAAQ,GAAG,EAC1C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CAAC;IACJ,CAAC;CACF;AA5BD,0DA4BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ArrayValue } from \"@itwin/appui-abstract\";\r\nimport { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\r\nimport { TableSpecificValueRendererProps, TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\r\n\r\n/** A react component which renders array property value as a button with text\r\n * @public\r\n */\r\nexport class TableArrayValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\r\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\r\n    const value = (props.propertyRecord.value as ArrayValue);\r\n    return value.items.length !== 0 ? `${value.itemsTypeName}[${value.items.length}]` : \"[]\";\r\n  }\r\n\r\n  private getDialogContents() {\r\n    return (\r\n      <NonPrimitivePropertyRenderer\r\n        uniqueKey={`table_array_${this.props.propertyRecord.property.name}`}\r\n        orientation={this.props.orientation}\r\n        propertyRecord={this.props.propertyRecord}\r\n      />\r\n    );\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const typeName = (this.props.propertyRecord.value as ArrayValue).itemsTypeName;\r\n    return (\r\n      <TableValueRenderer\r\n        buttonLabel={this.getButtonLabel(this.props)}\r\n        dialogContents={this.getDialogContents()}\r\n        dialogTitle={`Array of type \"${typeName}\"`}\r\n        onDialogOpen={this.props.onDialogOpen}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ArrayValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/ArrayValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,qFAAkF;AAClF,2EAAoI;AAEpI;;GAEG;AACH,MAAa,uBAAwB,SAAQ,KAAK,CAAC,aAA8C;IACvF,cAAc,CAAC,KAAsC;QAC3D,MAAM,KAAK,GAAI,KAAK,CAAC,cAAc,CAAC,KAAoB,CAAC;QACzD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3F,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,oBAAC,2DAA4B,IAC3B,SAAS,EAAE,eAAe,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,EACnE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH,CAAC;IACJ,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,MAAM,QAAQ,GAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAoB,CAAC,aAAa,CAAC;QAC/E,OAAO,CACL,oBAAC,0DAAkB,IACjB,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAC5C,cAAc,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACxC,WAAW,EAAE,kBAAkB,QAAQ,GAAG,EAC1C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CAAC;IACJ,CAAC;CACF;AA5BD,0DA4BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ArrayValue } from \"@itwin/appui-abstract\";\r\nimport { NonPrimitivePropertyRenderer } from \"../../NonPrimitivePropertyRenderer\";\r\nimport { TableSpecificValueRendererProps, TableNonPrimitiveValueRenderer as TableValueRenderer } from \"./NonPrimitiveValueRenderer\";\r\n\r\n/** A react component which renders array property value as a button with text\r\n * @public\r\n */\r\nexport class TableArrayValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {\r\n  private getButtonLabel(props: TableSpecificValueRendererProps) {\r\n    const value = (props.propertyRecord.value as ArrayValue);\r\n    return value.items.length !== 0 ? `${value.itemsTypeName}[${value.items.length}]` : \"[]\";\r\n  }\r\n\r\n  private getDialogContents() {\r\n    return (\r\n      <NonPrimitivePropertyRenderer\r\n        uniqueKey={`table_array_${this.props.propertyRecord.property.name}`}\r\n        orientation={this.props.orientation}\r\n        propertyRecord={this.props.propertyRecord}\r\n      />\r\n    );\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const typeName = (this.props.propertyRecord.value as ArrayValue).itemsTypeName;\r\n    return (\r\n      <TableValueRenderer\r\n        buttonLabel={this.getButtonLabel(this.props)}\r\n        dialogContents={this.getDialogContents()}\r\n        dialogTitle={`Array of type \"${typeName}\"`}\r\n        onDialogOpen={this.props.onDialogOpen}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.d.ts

@@ -1,45 +1,45 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
-import { PropertyDialogState } from "../../../ValueRendererManager";
-/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component
- * @public
- */
-export interface TableSpecificValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {
-    /** Property record */
-    propertyRecord: PropertyRecord;
-    /** Orientation of the rendered property */
-    orientation: Orientation;
-}
-/** Shared properties between table non-primitive value renderers
- * @public
- */
-export interface SharedTableNonPrimitiveValueRendererProps {
-    /** Callback to request for dialog to be opened. */
-    onDialogOpen?: (dialogState: PropertyDialogState) => void;
-}
-/** Properties for [[TableNonPrimitiveValueRenderer]] React component
- * @public
- */
-export interface TableNonPrimitiveValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {
-    /** Title of the dialog that shows property in more detail. */
-    dialogTitle: string;
-    /** Contents of the dialog. Should be the property record shown in more detail. */
-    dialogContents: React.ReactNode;
-    /** Text that will be rendered in the table cell, in other words - Property value */
-    buttonLabel: string;
-}
-/**
- * A React component that renders non primitive values as a button with text.
- * When clicked, a dialog appears that shows the value in greater detail.
- * @public
- */
-export declare class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {
-    private _onClick;
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { Orientation } from "@itwin/core-react";
+import { PropertyDialogState } from "../../../ValueRendererManager";
+/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component
+ * @public
+ */
+export interface TableSpecificValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {
+    /** Property record */
+    propertyRecord: PropertyRecord;
+    /** Orientation of the rendered property */
+    orientation: Orientation;
+}
+/** Shared properties between table non-primitive value renderers
+ * @public
+ */
+export interface SharedTableNonPrimitiveValueRendererProps {
+    /** Callback to request for dialog to be opened. */
+    onDialogOpen?: (dialogState: PropertyDialogState) => void;
+}
+/** Properties for [[TableNonPrimitiveValueRenderer]] React component
+ * @public
+ */
+export interface TableNonPrimitiveValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {
+    /** Title of the dialog that shows property in more detail. */
+    dialogTitle: string;
+    /** Contents of the dialog. Should be the property record shown in more detail. */
+    dialogContents: React.ReactNode;
+    /** Text that will be rendered in the table cell, in other words - Property value */
+    buttonLabel: string;
+}
+/**
+ * A React component that renders non primitive values as a button with text.
+ * When clicked, a dialog appears that shows the value in greater detail.
+ * @public
+ */
+export declare class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {
+    private _onClick;
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=NonPrimitiveValueRenderer.d.ts.map

package/lib/cjs/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.js

@@ -1,88 +1,92 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableNonPrimitiveValueRenderer = void 0;
-const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
-/**
- * A React component that renders non primitive values as a button with text.
- * When clicked, a dialog appears that shows the value in greater detail.
- * @public
- */
-class TableNonPrimitiveValueRenderer extends React.PureComponent {
-    constructor() {
-        // private _buttonRef = React.createRef<HTMLButtonElement>();
-        super(...arguments);
-        this._onClick = () => {
-            if (!this.props.onDialogOpen)
-                return;
-            const dialogState = { content: this.props.dialogContents, title: this.props.dialogTitle };
-            this.props.onDialogOpen(dialogState);
-        };
-    }
-    // TODO: Enable, when table gets refactored
-    // Disabled fancy tooltips, because table controls it's state.
-    // But, because everything is in table state and there is no shouldComponentUpdate,
-    // tooltips cause rerender of the whole table
-    // private _showTooltip = () => {
-    //   if (!this.props.onPopupShow)
-    //     return;
-    //   const buttonElement = this._buttonRef.current;
-    //   if (!buttonElement)
-    //     return;
-    //   const buttonBox = buttonElement.getBoundingClientRect();
-    //   const popupState: PropertyPopupState = {
-    //     fixedPosition: {
-    //       top: buttonBox.top - 10,
-    //       left: buttonBox.left + buttonBox.width / 2,
-    //     },
-    //     content:
-    //       <span className="components-table-value-popup">
-    //         {`View ${this.props.buttonLabel} in more detail.`}
-    //       </span>,
-    //   };
-    //   this.props.onPopupShow(popupState);
-    // }
-    // private _hideTooltip = () => {
-    //   if (this.props.onPopupHide)
-    //     this.props.onPopupHide();
-    // }
-    /** @internal */
-    render() {
-        return (React.createElement(core_react_1.UnderlinedButton
-        // ref={this._buttonRef}
-        , { 
-            // ref={this._buttonRef}
-            className: "components-table-value-button", onClick: this._onClick, 
-            // onMouseEnter={this._showTooltip}
-            // onMouseLeave={this._hideTooltip}
-            title: `View ${this.props.buttonLabel} in more detail.` }, this.props.buttonLabel));
-    }
-}
-exports.TableNonPrimitiveValueRenderer = TableNonPrimitiveValueRenderer;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableNonPrimitiveValueRenderer = void 0;
+const React = __importStar(require("react"));
+const core_react_1 = require("@itwin/core-react");
+/**
+ * A React component that renders non primitive values as a button with text.
+ * When clicked, a dialog appears that shows the value in greater detail.
+ * @public
+ */
+class TableNonPrimitiveValueRenderer extends React.PureComponent {
+    constructor() {
+        // private _buttonRef = React.createRef<HTMLButtonElement>();
+        super(...arguments);
+        this._onClick = () => {
+            if (!this.props.onDialogOpen)
+                return;
+            const dialogState = { content: this.props.dialogContents, title: this.props.dialogTitle };
+            this.props.onDialogOpen(dialogState);
+        };
+    }
+    // TODO: Enable, when table gets refactored
+    // Disabled fancy tooltips, because table controls it's state.
+    // But, because everything is in table state and there is no shouldComponentUpdate,
+    // tooltips cause rerender of the whole table
+    // private _showTooltip = () => {
+    //   if (!this.props.onPopupShow)
+    //     return;
+    //   const buttonElement = this._buttonRef.current;
+    //   if (!buttonElement)
+    //     return;
+    //   const buttonBox = buttonElement.getBoundingClientRect();
+    //   const popupState: PropertyPopupState = {
+    //     fixedPosition: {
+    //       top: buttonBox.top - 10,
+    //       left: buttonBox.left + buttonBox.width / 2,
+    //     },
+    //     content:
+    //       <span className="components-table-value-popup">
+    //         {`View ${this.props.buttonLabel} in more detail.`}
+    //       </span>,
+    //   };
+    //   this.props.onPopupShow(popupState);
+    // }
+    // private _hideTooltip = () => {
+    //   if (this.props.onPopupHide)
+    //     this.props.onPopupHide();
+    // }
+    /** @internal */
+    render() {
+        return (React.createElement(core_react_1.UnderlinedButton
+        // ref={this._buttonRef}
+        , { 
+            // ref={this._buttonRef}
+            className: "components-table-value-button", onClick: this._onClick, 
+            // onMouseEnter={this._showTooltip}
+            // onMouseLeave={this._hideTooltip}
+            title: `View ${this.props.buttonLabel} in more detail.` }, this.props.buttonLabel));
+    }
+}
+exports.TableNonPrimitiveValueRenderer = TableNonPrimitiveValueRenderer;
 //# sourceMappingURL=NonPrimitiveValueRenderer.js.map

package/lib/cjs/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NonPrimitiveValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,kDAAkE;AAqClE;;;;GAIG;AACH,MAAa,8BAA+B,SAAQ,KAAK,CAAC,aAAkD;IAA5G;QACE,6DAA6D;;QAErD,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;gBAC1B,OAAO;YAET,MAAM,WAAW,GAAwB,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YAE/G,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACvC,CAAC,CAAC;IAkDJ,CAAC;IAhDC,2CAA2C;IAC3C,8DAA8D;IAC9D,mFAAmF;IACnF,6CAA6C;IAC7C,iCAAiC;IACjC,iCAAiC;IACjC,cAAc;IAEd,mDAAmD;IAEnD,wBAAwB;IACxB,cAAc;IAEd,6DAA6D;IAE7D,6CAA6C;IAC7C,uBAAuB;IACvB,iCAAiC;IACjC,oDAAoD;IACpD,SAAS;IACT,eAAe;IACf,wDAAwD;IACxD,6DAA6D;IAC7D,iBAAiB;IACjB,OAAO;IACP,wCAAwC;IACxC,IAAI;IAEJ,iCAAiC;IACjC,gCAAgC;IAChC,gCAAgC;IAChC,IAAI;IAEJ,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,oBAAC,6BAAgB;QACf,wBAAwB;;YAAxB,wBAAwB;YACxB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,mCAAmC;YACnC,mCAAmC;YACnC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,kBAAkB,IAEtD,IAAI,CAAC,KAAK,CAAC,WAAW,CACN,CACpB,CAAC;IACJ,CAAC;CACF;AA5DD,wEA4DC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, UnderlinedButton } from \"@itwin/core-react\";\r\nimport { PropertyDialogState } from \"../../../ValueRendererManager\";\r\n\r\n/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component\r\n * @public\r\n */\r\nexport interface TableSpecificValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {\r\n  /** Property record */\r\n  propertyRecord: PropertyRecord;\r\n  /** Orientation of the rendered property */\r\n  orientation: Orientation;\r\n}\r\n\r\n/** Shared properties between table non-primitive value renderers\r\n * @public\r\n */\r\nexport interface SharedTableNonPrimitiveValueRendererProps {\r\n  // /** Callback to request for a Popup to be shown. */\r\n  // onPopupShow?: (popupState: PropertyPopupState) => void;\r\n  // /** Callback to request for a Popup to be hidden. */\r\n  // onPopupHide?: () => void;\r\n  /** Callback to request for dialog to be opened. */\r\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\r\n}\r\n\r\n/** Properties for [[TableNonPrimitiveValueRenderer]] React component\r\n * @public\r\n */\r\nexport interface TableNonPrimitiveValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {\r\n  /** Title of the dialog that shows property in more detail. */\r\n  dialogTitle: string;\r\n  /** Contents of the dialog. Should be the property record shown in more detail. */\r\n  dialogContents: React.ReactNode;\r\n  /** Text that will be rendered in the table cell, in other words - Property value */\r\n  buttonLabel: string;\r\n}\r\n\r\n/**\r\n * A React component that renders non primitive values as a button with text.\r\n * When clicked, a dialog appears that shows the value in greater detail.\r\n * @public\r\n */\r\nexport class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {\r\n  // private _buttonRef = React.createRef<HTMLButtonElement>();\r\n\r\n  private _onClick = () => {\r\n    if (!this.props.onDialogOpen)\r\n      return;\r\n\r\n    const dialogState: PropertyDialogState = { content: this.props.dialogContents, title: this.props.dialogTitle };\r\n\r\n    this.props.onDialogOpen(dialogState);\r\n  };\r\n\r\n  // TODO: Enable, when table gets refactored\r\n  // Disabled fancy tooltips, because table controls it's state.\r\n  // But, because everything is in table state and there is no shouldComponentUpdate,\r\n  // tooltips cause rerender of the whole table\r\n  // private _showTooltip = () => {\r\n  //   if (!this.props.onPopupShow)\r\n  //     return;\r\n\r\n  //   const buttonElement = this._buttonRef.current;\r\n\r\n  //   if (!buttonElement)\r\n  //     return;\r\n\r\n  //   const buttonBox = buttonElement.getBoundingClientRect();\r\n\r\n  //   const popupState: PropertyPopupState = {\r\n  //     fixedPosition: {\r\n  //       top: buttonBox.top - 10,\r\n  //       left: buttonBox.left + buttonBox.width / 2,\r\n  //     },\r\n  //     content:\r\n  //       <span className=\"components-table-value-popup\">\r\n  //         {`View ${this.props.buttonLabel} in more detail.`}\r\n  //       </span>,\r\n  //   };\r\n  //   this.props.onPopupShow(popupState);\r\n  // }\r\n\r\n  // private _hideTooltip = () => {\r\n  //   if (this.props.onPopupHide)\r\n  //     this.props.onPopupHide();\r\n  // }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return (\r\n      <UnderlinedButton\r\n        // ref={this._buttonRef}\r\n        className=\"components-table-value-button\"\r\n        onClick={this._onClick}\r\n        // onMouseEnter={this._showTooltip}\r\n        // onMouseLeave={this._hideTooltip}\r\n        title={`View ${this.props.buttonLabel} in more detail.`}\r\n      >\r\n        {this.props.buttonLabel}\r\n      </UnderlinedButton>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"NonPrimitiveValueRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,kDAAkE;AAqClE;;;;GAIG;AACH,MAAa,8BAA+B,SAAQ,KAAK,CAAC,aAAkD;IAA5G;QACE,6DAA6D;;QAErD,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;gBAC1B,OAAO;YAET,MAAM,WAAW,GAAwB,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YAE/G,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACvC,CAAC,CAAC;IAkDJ,CAAC;IAhDC,2CAA2C;IAC3C,8DAA8D;IAC9D,mFAAmF;IACnF,6CAA6C;IAC7C,iCAAiC;IACjC,iCAAiC;IACjC,cAAc;IAEd,mDAAmD;IAEnD,wBAAwB;IACxB,cAAc;IAEd,6DAA6D;IAE7D,6CAA6C;IAC7C,uBAAuB;IACvB,iCAAiC;IACjC,oDAAoD;IACpD,SAAS;IACT,eAAe;IACf,wDAAwD;IACxD,6DAA6D;IAC7D,iBAAiB;IACjB,OAAO;IACP,wCAAwC;IACxC,IAAI;IAEJ,iCAAiC;IACjC,gCAAgC;IAChC,gCAAgC;IAChC,IAAI;IAEJ,gBAAgB;IACA,MAAM;QACpB,OAAO,CACL,oBAAC,6BAAgB;QACf,wBAAwB;;YAAxB,wBAAwB;YACxB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,mCAAmC;YACnC,mCAAmC;YACnC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,kBAAkB,IAEtD,IAAI,CAAC,KAAK,CAAC,WAAW,CACN,CACpB,CAAC;IACJ,CAAC;CACF;AA5DD,wEA4DC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Properties\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { Orientation, UnderlinedButton } from \"@itwin/core-react\";\r\nimport { PropertyDialogState } from \"../../../ValueRendererManager\";\r\n\r\n/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component\r\n * @public\r\n */\r\nexport interface TableSpecificValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {\r\n  /** Property record */\r\n  propertyRecord: PropertyRecord;\r\n  /** Orientation of the rendered property */\r\n  orientation: Orientation;\r\n}\r\n\r\n/** Shared properties between table non-primitive value renderers\r\n * @public\r\n */\r\nexport interface SharedTableNonPrimitiveValueRendererProps {\r\n  // /** Callback to request for a Popup to be shown. */\r\n  // onPopupShow?: (popupState: PropertyPopupState) => void;\r\n  // /** Callback to request for a Popup to be hidden. */\r\n  // onPopupHide?: () => void;\r\n  /** Callback to request for dialog to be opened. */\r\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\r\n}\r\n\r\n/** Properties for [[TableNonPrimitiveValueRenderer]] React component\r\n * @public\r\n */\r\nexport interface TableNonPrimitiveValueRendererProps extends SharedTableNonPrimitiveValueRendererProps {\r\n  /** Title of the dialog that shows property in more detail. */\r\n  dialogTitle: string;\r\n  /** Contents of the dialog. Should be the property record shown in more detail. */\r\n  dialogContents: React.ReactNode;\r\n  /** Text that will be rendered in the table cell, in other words - Property value */\r\n  buttonLabel: string;\r\n}\r\n\r\n/**\r\n * A React component that renders non primitive values as a button with text.\r\n * When clicked, a dialog appears that shows the value in greater detail.\r\n * @public\r\n */\r\nexport class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {\r\n  // private _buttonRef = React.createRef<HTMLButtonElement>();\r\n\r\n  private _onClick = () => {\r\n    if (!this.props.onDialogOpen)\r\n      return;\r\n\r\n    const dialogState: PropertyDialogState = { content: this.props.dialogContents, title: this.props.dialogTitle };\r\n\r\n    this.props.onDialogOpen(dialogState);\r\n  };\r\n\r\n  // TODO: Enable, when table gets refactored\r\n  // Disabled fancy tooltips, because table controls it's state.\r\n  // But, because everything is in table state and there is no shouldComponentUpdate,\r\n  // tooltips cause rerender of the whole table\r\n  // private _showTooltip = () => {\r\n  //   if (!this.props.onPopupShow)\r\n  //     return;\r\n\r\n  //   const buttonElement = this._buttonRef.current;\r\n\r\n  //   if (!buttonElement)\r\n  //     return;\r\n\r\n  //   const buttonBox = buttonElement.getBoundingClientRect();\r\n\r\n  //   const popupState: PropertyPopupState = {\r\n  //     fixedPosition: {\r\n  //       top: buttonBox.top - 10,\r\n  //       left: buttonBox.left + buttonBox.width / 2,\r\n  //     },\r\n  //     content:\r\n  //       <span className=\"components-table-value-popup\">\r\n  //         {`View ${this.props.buttonLabel} in more detail.`}\r\n  //       </span>,\r\n  //   };\r\n  //   this.props.onPopupShow(popupState);\r\n  // }\r\n\r\n  // private _hideTooltip = () => {\r\n  //   if (this.props.onPopupHide)\r\n  //     this.props.onPopupHide();\r\n  // }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return (\r\n      <UnderlinedButton\r\n        // ref={this._buttonRef}\r\n        className=\"components-table-value-button\"\r\n        onClick={this._onClick}\r\n        // onMouseEnter={this._showTooltip}\r\n        // onMouseLeave={this._hideTooltip}\r\n        title={`View ${this.props.buttonLabel} in more detail.`}\r\n      >\r\n        {this.props.buttonLabel}\r\n      </UnderlinedButton>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/components-react/properties/renderers/value/table/StructValueRenderer.d.ts

@@ -1,15 +1,15 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { TableSpecificValueRendererProps } from "./NonPrimitiveValueRenderer";
-/** A react component which renders struct property value as a button with text
- * @public
- */
-export declare class TableStructValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {
-    private getButtonLabel;
-    private getDialogContents;
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { TableSpecificValueRendererProps } from "./NonPrimitiveValueRenderer";
+/** A react component which renders struct property value as a button with text
+ * @public
+ */
+export declare class TableStructValueRenderer extends React.PureComponent<TableSpecificValueRendererProps> {
+    private getButtonLabel;
+    private getDialogContents;
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=StructValueRenderer.d.ts.map