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

package/lib/cjs/components-react/tree/controlled/component/NodeContent.js

@@ -1,91 +1,96 @@
-"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 Tree
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeNodeContent = void 0;
-require("./NodeContent.scss");
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
-const ItemStyle_1 = require("../../../properties/ItemStyle");
-const ValueRendererManager_1 = require("../../../properties/ValueRendererManager");
-const HighlightingEngine_1 = require("../../HighlightingEngine");
-const TreeNodeEditor_1 = require("./TreeNodeEditor");
-/** React component for displaying [[TreeNode]] label
- * @internal
- */
-function TreeNodeContent(props) {
-    const { node, valueRendererManager, onLabelRendered, highlightProps } = props;
-    const label = React.useMemo(() => getLabel(node, valueRendererManager, highlightProps), [node, valueRendererManager, highlightProps]);
-    React.useEffect(() => {
-        onLabelRendered && onLabelRendered(node);
-    }, [label, node, onLabelRendered]);
-    // handle cell editing
-    let editor;
-    if (props.node.editingInfo) {
-        // if cell editing is enabled, return editor instead of the label
-        const style = getStyle(props.node.item.style, props.node.isSelected);
-        const editorProps = {
-            node: props.node,
-            onCancel: props.node.editingInfo.onCancel,
-            onCommit: props.node.editingInfo.onCommit,
-            style,
-        };
-        editor = props.nodeEditorRenderer ? props.nodeEditorRenderer(editorProps) : React.createElement(TreeNodeEditor_1.TreeNodeEditor, { ...editorProps });
-    }
-    const isDescriptionEnabled = props.node.item.description && props.showDescription;
-    const containerClassName = (0, classnames_1.default)("components-controlledTree-node-content", isDescriptionEnabled ? "with-description" : undefined, props.className);
-    const descriptionClassName = (0, classnames_1.default)("components-controlledTree-node-description", editor ? "with-editor" : undefined);
-    return (React.createElement("div", { className: containerClassName, style: props.style },
-        React.createElement(React.Fragment, null,
-            editor ? editor : label,
-            isDescriptionEnabled ?
-                React.createElement("div", { className: descriptionClassName }, props.node.item.description)
-                : undefined)));
-}
-exports.TreeNodeContent = TreeNodeContent;
-function getLabel(node, valueRendererManager, highlightProps) {
-    // handle filtered matches' highlighting
-    const highlightCallback = highlightProps
-        ? (text) => HighlightingEngine_1.HighlightingEngine.renderNodeLabel(text, highlightProps)
-        : undefined;
-    // handle custom cell rendering
-    const context = {
-        containerType: ValueRendererManager_1.PropertyContainerType.Tree,
-        style: getStyle(node.item.style, node.isSelected),
-        textHighlighter: highlightCallback,
-        defaultValue: React.createElement(core_react_1.TreeNodePlaceholder, { level: 0, "data-testid": "node-label-placeholder" }),
-    };
-    return valueRendererManager.render(node.item.label, context);
-}
-function getStyle(style, isSelected) {
-    return ItemStyle_1.ItemStyleProvider.createStyle(style ? style : {}, isSelected);
-}
+"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 Tree
+ */
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeNodeContent = void 0;
+require("./NodeContent.scss");
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const core_react_1 = require("@itwin/core-react");
+const ItemStyle_1 = require("../../../properties/ItemStyle");
+const ValueRendererManager_1 = require("../../../properties/ValueRendererManager");
+const HighlightingEngine_1 = require("../../HighlightingEngine");
+const TreeNodeEditor_1 = require("./TreeNodeEditor");
+/** React component for displaying [[TreeNode]] label
+ * @internal
+ */
+function TreeNodeContent(props) {
+    const { node, valueRendererManager, onLabelRendered, highlightProps } = props;
+    // eslint-disable-next-line @typescript-eslint/promise-function-async
+    const label = React.useMemo(() => getLabel(node, valueRendererManager, highlightProps), [node, valueRendererManager, highlightProps]);
+    React.useEffect(() => {
+        onLabelRendered && onLabelRendered(node);
+    }, [label, node, onLabelRendered]);
+    // handle cell editing
+    let editor;
+    if (props.node.editingInfo) {
+        // if cell editing is enabled, return editor instead of the label
+        const style = getStyle(props.node.item.style, props.node.isSelected);
+        const editorProps = {
+            node: props.node,
+            onCancel: props.node.editingInfo.onCancel,
+            onCommit: props.node.editingInfo.onCommit,
+            style,
+        };
+        editor = props.nodeEditorRenderer ? props.nodeEditorRenderer(editorProps) : React.createElement(TreeNodeEditor_1.TreeNodeEditor, { ...editorProps });
+    }
+    const isDescriptionEnabled = props.node.item.description && props.showDescription;
+    const containerClassName = (0, classnames_1.default)("components-controlledTree-node-content", isDescriptionEnabled ? "with-description" : undefined, props.className);
+    const descriptionClassName = (0, classnames_1.default)("components-controlledTree-node-description", editor ? "with-editor" : undefined);
+    return (React.createElement("div", { className: containerClassName, style: props.style },
+        React.createElement(React.Fragment, null,
+            editor ? editor : label,
+            isDescriptionEnabled ?
+                React.createElement("div", { className: descriptionClassName }, props.node.item.description)
+                : undefined)));
+}
+exports.TreeNodeContent = TreeNodeContent;
+function getLabel(node, valueRendererManager, highlightProps) {
+    // handle filtered matches' highlighting
+    const highlightCallback = highlightProps
+        ? (text) => HighlightingEngine_1.HighlightingEngine.renderNodeLabel(text, highlightProps)
+        : undefined;
+    // handle custom cell rendering
+    const context = {
+        containerType: ValueRendererManager_1.PropertyContainerType.Tree,
+        style: getStyle(node.item.style, node.isSelected),
+        textHighlighter: highlightCallback,
+        defaultValue: React.createElement(core_react_1.TreeNodePlaceholder, { level: 0, "data-testid": "node-label-placeholder" }),
+    };
+    return valueRendererManager.render(node.item.label, context);
+}
+function getStyle(style, isSelected) {
+    return ItemStyle_1.ItemStyleProvider.createStyle(style ? style : {}, isSelected);
+}
 //# sourceMappingURL=NodeContent.js.map

package/lib/cjs/components-react/tree/controlled/component/NodeContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeContent.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/NodeContent.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 Tree\r\n */\r\n\r\nimport \"./NodeContent.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, TreeNodePlaceholder } from \"@itwin/core-react\";\r\nimport { ItemStyle, ItemStyleProvider } from \"../../../properties/ItemStyle\";\r\nimport { PropertyContainerType, PropertyValueRendererContext, PropertyValueRendererManager } from \"../../../properties/ValueRendererManager\";\r\nimport { HighlightableTreeNodeProps, HighlightingEngine } from \"../../HighlightingEngine\";\r\nimport { TreeModelNode } from \"../TreeModel\";\r\nimport { TreeNodeEditor, TreeNodeEditorRenderer } from \"./TreeNodeEditor\";\r\n\r\n/** Properties for [[TreeNodeContent]] component\r\n * @internal\r\n */\r\nexport interface TreeNodeContentProps extends CommonProps {\r\n  node: TreeModelNode;\r\n  showDescription?: boolean;\r\n  highlightProps?: HighlightableTreeNodeProps;\r\n  valueRendererManager: PropertyValueRendererManager;\r\n\r\n  onLabelRendered?: (node: TreeModelNode) => void;\r\n  nodeEditorRenderer?: TreeNodeEditorRenderer;\r\n}\r\n\r\n/** React component for displaying [[TreeNode]] label\r\n * @internal\r\n */\r\nexport function TreeNodeContent(props: TreeNodeContentProps) {\r\n  const { node, valueRendererManager, onLabelRendered, highlightProps } = props;\r\n  const label = React.useMemo(() => getLabel(node, valueRendererManager, highlightProps), [node, valueRendererManager, highlightProps]);\r\n  React.useEffect(() => {\r\n    onLabelRendered && onLabelRendered(node);\r\n  }, [label, node, onLabelRendered]);\r\n\r\n  // handle cell editing\r\n  let editor: React.ReactNode;\r\n  if (props.node.editingInfo) {\r\n    // if cell editing is enabled, return editor instead of the label\r\n    const style = getStyle(props.node.item.style, props.node.isSelected);\r\n    const editorProps = {\r\n      node: props.node,\r\n      onCancel: props.node.editingInfo.onCancel,\r\n      onCommit: props.node.editingInfo.onCommit,\r\n      style,\r\n    };\r\n    editor = props.nodeEditorRenderer ? props.nodeEditorRenderer(editorProps) : <TreeNodeEditor {...editorProps} />;\r\n  }\r\n\r\n  const isDescriptionEnabled = props.node.item.description && props.showDescription;\r\n\r\n  const containerClassName = classnames(\r\n    \"components-controlledTree-node-content\",\r\n    isDescriptionEnabled ? \"with-description\" : undefined,\r\n    props.className,\r\n  );\r\n\r\n  const descriptionClassName = classnames(\r\n    \"components-controlledTree-node-description\",\r\n    editor ? \"with-editor\" : undefined,\r\n  );\r\n\r\n  return (\r\n    <div className={containerClassName} style={props.style}>\r\n      <>\r\n        {editor ? editor : label}\r\n        {isDescriptionEnabled ?\r\n          <div className={descriptionClassName}>\r\n            {props.node.item.description}\r\n          </div>\r\n          : undefined}\r\n      </>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction getLabel(\r\n  node: TreeModelNode,\r\n  valueRendererManager: PropertyValueRendererManager,\r\n  highlightProps?: HighlightableTreeNodeProps): React.ReactNode | Promise<React.ReactNode> {\r\n  // handle filtered matches' highlighting\r\n  const highlightCallback = highlightProps\r\n    ? (text: string) => HighlightingEngine.renderNodeLabel(text, highlightProps)\r\n    : undefined;\r\n\r\n  // handle custom cell rendering\r\n  const context: PropertyValueRendererContext = {\r\n    containerType: PropertyContainerType.Tree,\r\n    style: getStyle(node.item.style, node.isSelected),\r\n    textHighlighter: highlightCallback,\r\n    defaultValue: <TreeNodePlaceholder level={0} data-testid={\"node-label-placeholder\"} />,\r\n  };\r\n\r\n  return valueRendererManager.render(node.item.label, context);\r\n}\r\n\r\nfunction getStyle(style?: ItemStyle, isSelected?: boolean): React.CSSProperties {\r\n  return ItemStyleProvider.createStyle(style ? style : {}, isSelected);\r\n}\r\n"]}
+{"version":3,"file":"NodeContent.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/NodeContent.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 Tree\r\n */\r\n\r\nimport \"./NodeContent.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, TreeNodePlaceholder } from \"@itwin/core-react\";\r\nimport { ItemStyle, ItemStyleProvider } from \"../../../properties/ItemStyle\";\r\nimport { PropertyContainerType, PropertyValueRendererContext, PropertyValueRendererManager } from \"../../../properties/ValueRendererManager\";\r\nimport { HighlightableTreeNodeProps, HighlightingEngine } from \"../../HighlightingEngine\";\r\nimport { TreeModelNode } from \"../TreeModel\";\r\nimport { TreeNodeEditor, TreeNodeEditorRenderer } from \"./TreeNodeEditor\";\r\n\r\n/** Properties for [[TreeNodeContent]] component\r\n * @internal\r\n */\r\nexport interface TreeNodeContentProps extends CommonProps {\r\n  node: TreeModelNode;\r\n  showDescription?: boolean;\r\n  highlightProps?: HighlightableTreeNodeProps;\r\n  valueRendererManager: PropertyValueRendererManager;\r\n\r\n  onLabelRendered?: (node: TreeModelNode) => void;\r\n  nodeEditorRenderer?: TreeNodeEditorRenderer;\r\n}\r\n\r\n/** React component for displaying [[TreeNode]] label\r\n * @internal\r\n */\r\nexport function TreeNodeContent(props: TreeNodeContentProps) {\r\n  const { node, valueRendererManager, onLabelRendered, highlightProps } = props;\r\n  // eslint-disable-next-line @typescript-eslint/promise-function-async\r\n  const label = React.useMemo(() => getLabel(node, valueRendererManager, highlightProps), [node, valueRendererManager, highlightProps]);\r\n  React.useEffect(() => {\r\n    onLabelRendered && onLabelRendered(node);\r\n  }, [label, node, onLabelRendered]);\r\n\r\n  // handle cell editing\r\n  let editor: React.ReactNode;\r\n  if (props.node.editingInfo) {\r\n    // if cell editing is enabled, return editor instead of the label\r\n    const style = getStyle(props.node.item.style, props.node.isSelected);\r\n    const editorProps = {\r\n      node: props.node,\r\n      onCancel: props.node.editingInfo.onCancel,\r\n      onCommit: props.node.editingInfo.onCommit,\r\n      style,\r\n    };\r\n    editor = props.nodeEditorRenderer ? props.nodeEditorRenderer(editorProps) : <TreeNodeEditor {...editorProps} />;\r\n  }\r\n\r\n  const isDescriptionEnabled = props.node.item.description && props.showDescription;\r\n\r\n  const containerClassName = classnames(\r\n    \"components-controlledTree-node-content\",\r\n    isDescriptionEnabled ? \"with-description\" : undefined,\r\n    props.className,\r\n  );\r\n\r\n  const descriptionClassName = classnames(\r\n    \"components-controlledTree-node-description\",\r\n    editor ? \"with-editor\" : undefined,\r\n  );\r\n\r\n  return (\r\n    <div className={containerClassName} style={props.style}>\r\n      <>\r\n        {editor ? editor : label}\r\n        {isDescriptionEnabled ?\r\n          <div className={descriptionClassName}>\r\n            {props.node.item.description}\r\n          </div>\r\n          : undefined}\r\n      </>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction getLabel(\r\n  node: TreeModelNode,\r\n  valueRendererManager: PropertyValueRendererManager,\r\n  highlightProps?: HighlightableTreeNodeProps): React.ReactNode | Promise<React.ReactNode> {\r\n  // handle filtered matches' highlighting\r\n  const highlightCallback = highlightProps\r\n    ? (text: string) => HighlightingEngine.renderNodeLabel(text, highlightProps)\r\n    : undefined;\r\n\r\n  // handle custom cell rendering\r\n  const context: PropertyValueRendererContext = {\r\n    containerType: PropertyContainerType.Tree,\r\n    style: getStyle(node.item.style, node.isSelected),\r\n    textHighlighter: highlightCallback,\r\n    defaultValue: <TreeNodePlaceholder level={0} data-testid={\"node-label-placeholder\"} />,\r\n  };\r\n\r\n  return valueRendererManager.render(node.item.label, context);\r\n}\r\n\r\nfunction getStyle(style?: ItemStyle, isSelected?: boolean): React.CSSProperties {\r\n  return ItemStyleProvider.createStyle(style ? style : {}, isSelected);\r\n}\r\n"]}

package/lib/cjs/components-react/tree/controlled/component/TreeNodeEditor.d.ts

@@ -1,32 +1,32 @@
-/** @packageDocumentation
- * @module Tree
- */
-import * as React from "react";
-import { TreeModelNode } from "../TreeModel";
-/**
- * Properties for [[TreeNodeEditor]] component.
- * @public
- */
-export interface TreeNodeEditorProps {
-    /** Tree node which is in editing mode. */
-    node: TreeModelNode;
-    /** Callback that is called when changes are committed. */
-    onCommit: (node: TreeModelNode, newValue: string) => void;
-    /** Callback that is called when editing is canceled. */
-    onCancel: () => void;
-    /** Editor style. */
-    style?: React.CSSProperties;
-    /** @internal */
-    ignoreEditorBlur?: boolean;
-}
-/**
- * Type for tree node editor renderer.
- * @public
- */
-export declare type TreeNodeEditorRenderer = (props: TreeNodeEditorProps) => React.ReactNode;
-/**
- * React component for displaying tree node editor.
- * @public
- */
-export declare function TreeNodeEditor(props: TreeNodeEditorProps): JSX.Element;
+/** @packageDocumentation
+ * @module Tree
+ */
+import * as React from "react";
+import { TreeModelNode } from "../TreeModel";
+/**
+ * Properties for [[TreeNodeEditor]] component.
+ * @public
+ */
+export interface TreeNodeEditorProps {
+    /** Tree node which is in editing mode. */
+    node: TreeModelNode;
+    /** Callback that is called when changes are committed. */
+    onCommit: (node: TreeModelNode, newValue: string) => void;
+    /** Callback that is called when editing is canceled. */
+    onCancel: () => void;
+    /** Editor style. */
+    style?: React.CSSProperties;
+    /** @internal */
+    ignoreEditorBlur?: boolean;
+}
+/**
+ * Type for tree node editor renderer.
+ * @public
+ */
+export type TreeNodeEditorRenderer = (props: TreeNodeEditorProps) => React.ReactNode;
+/**
+ * React component for displaying tree node editor.
+ * @public
+ */
+export declare function TreeNodeEditor(props: TreeNodeEditorProps): JSX.Element;
 //# sourceMappingURL=TreeNodeEditor.d.ts.map

package/lib/cjs/components-react/tree/controlled/component/TreeNodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,0CAA0C;IAC1C,IAAI,EAAE,aAAa,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,wDAAwD;IACxD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,gBAAgB;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;GAGG;AACH,oBAAY,sBAAsB,GAAG,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;AAErF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAoBxD"}
+{"version":3,"file":"TreeNodeEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,0CAA0C;IAC1C,IAAI,EAAE,aAAa,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,wDAAwD;IACxD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,gBAAgB;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;AAErF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAoBxD"}

package/lib/cjs/components-react/tree/controlled/component/TreeNodeEditor.js

@@ -1,58 +1,62 @@
-"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 Tree
- */
-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.TreeNodeEditor = void 0;
-const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const EditorContainer_1 = require("../../../editors/EditorContainer");
-/**
- * React component for displaying tree node editor.
- * @public
- */
-function TreeNodeEditor(props) {
-    const onCommit = (args) => {
-        const newValue = args.newValue.value;
-        props.onCommit(props.node, newValue);
-    };
-    const propertyRecord = createPropertyRecord(props.node.item.label);
-    return (React.createElement("span", { style: props.style },
-        React.createElement(EditorContainer_1.EditorContainer, { propertyRecord: propertyRecord, title: propertyRecord.description, onCommit: onCommit, onCancel: props.onCancel, ignoreEditorBlur: props.ignoreEditorBlur, setFocus: true })));
-}
-exports.TreeNodeEditor = TreeNodeEditor;
-function createPropertyRecord(label) {
-    const property = {
-        name: "tree-node-editor",
-        displayLabel: "Tree Node Editor",
-        typename: label.property.typename,
-    };
-    const record = new appui_abstract_1.PropertyRecord(label.value, property);
-    record.description = "";
-    record.isReadonly = false;
-    return record;
-}
+"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 Tree
+ */
+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.TreeNodeEditor = void 0;
+const React = __importStar(require("react"));
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const EditorContainer_1 = require("../../../editors/EditorContainer");
+/**
+ * React component for displaying tree node editor.
+ * @public
+ */
+function TreeNodeEditor(props) {
+    const onCommit = (args) => {
+        const newValue = args.newValue.value;
+        props.onCommit(props.node, newValue);
+    };
+    const propertyRecord = createPropertyRecord(props.node.item.label);
+    return (React.createElement("span", { style: props.style },
+        React.createElement(EditorContainer_1.EditorContainer, { propertyRecord: propertyRecord, title: propertyRecord.description, onCommit: onCommit, onCancel: props.onCancel, ignoreEditorBlur: props.ignoreEditorBlur, setFocus: true })));
+}
+exports.TreeNodeEditor = TreeNodeEditor;
+function createPropertyRecord(label) {
+    const property = {
+        name: "tree-node-editor",
+        displayLabel: "Tree Node Editor",
+        typename: label.property.typename,
+    };
+    const record = new appui_abstract_1.PropertyRecord(label.value, property);
+    record.description = "";
+    record.isReadonly = false;
+    return record;
+}
 //# sourceMappingURL=TreeNodeEditor.js.map

package/lib/cjs/components-react/tree/controlled/component/TreeNodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeEditor.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeEditor.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,0DAA4F;AAC5F,sEAAwF;AA2BxF;;;GAGG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,QAAQ,GAAG,CAAC,IAAyB,EAAE,EAAE;QAC7C,MAAM,QAAQ,GAAI,IAAI,CAAC,QAA2B,CAAC,KAAe,CAAC;QACnE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEnE,OAAO,CACL,8BAAM,KAAK,EAAE,KAAK,CAAC,KAAK;QACtB,oBAAC,iCAAe,IACd,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,cAAc,CAAC,WAAW,EACjC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,QAAQ,EAAE,IAAI,GACd,CACG,CACR,CAAC;AACJ,CAAC;AApBD,wCAoBC;AAED,SAAS,oBAAoB,CAAC,KAAqB;IACjD,MAAM,QAAQ,GAAwB;QACpC,IAAI,EAAE,kBAAkB;QACxB,YAAY,EAAE,kBAAkB;QAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ;KAClC,CAAC;IAEF,MAAM,MAAM,GAAG,IAAI,+BAAc,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACzD,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC;IAE1B,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Tree\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PrimitiveValue, PropertyDescription, PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { EditorContainer, PropertyUpdatedArgs } from \"../../../editors/EditorContainer\";\r\nimport { TreeModelNode } from \"../TreeModel\";\r\n\r\n/**\r\n * Properties for [[TreeNodeEditor]] component.\r\n * @public\r\n */\r\nexport interface TreeNodeEditorProps {\r\n  /** Tree node which is in editing mode. */\r\n  node: TreeModelNode;\r\n  /** Callback that is called when changes are committed. */\r\n  onCommit: (node: TreeModelNode, newValue: string) => void;\r\n  /** Callback that is called when editing is canceled. */\r\n  onCancel: () => void;\r\n  /** Editor style. */\r\n  style?: React.CSSProperties;\r\n\r\n  /** @internal */\r\n  ignoreEditorBlur?: boolean;\r\n}\r\n\r\n/**\r\n * Type for tree node editor renderer.\r\n * @public\r\n */\r\nexport type TreeNodeEditorRenderer = (props: TreeNodeEditorProps) => React.ReactNode;\r\n\r\n/**\r\n * React component for displaying tree node editor.\r\n * @public\r\n */\r\nexport function TreeNodeEditor(props: TreeNodeEditorProps) {\r\n  const onCommit = (args: PropertyUpdatedArgs) => {\r\n    const newValue = (args.newValue as PrimitiveValue).value as string;\r\n    props.onCommit(props.node, newValue);\r\n  };\r\n\r\n  const propertyRecord = createPropertyRecord(props.node.item.label);\r\n\r\n  return (\r\n    <span style={props.style}>\r\n      <EditorContainer\r\n        propertyRecord={propertyRecord}\r\n        title={propertyRecord.description}\r\n        onCommit={onCommit}\r\n        onCancel={props.onCancel}\r\n        ignoreEditorBlur={props.ignoreEditorBlur}\r\n        setFocus={true}\r\n      />\r\n    </span>\r\n  );\r\n}\r\n\r\nfunction createPropertyRecord(label: PropertyRecord) {\r\n  const property: PropertyDescription = {\r\n    name: \"tree-node-editor\",\r\n    displayLabel: \"Tree Node Editor\",\r\n    typename: label.property.typename,\r\n  };\r\n\r\n  const record = new PropertyRecord(label.value, property);\r\n  record.description = \"\";\r\n  record.isReadonly = false;\r\n\r\n  return record;\r\n}\r\n"]}
+{"version":3,"file":"TreeNodeEditor.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeEditor.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,0DAA4F;AAC5F,sEAAwF;AA2BxF;;;GAGG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,QAAQ,GAAG,CAAC,IAAyB,EAAE,EAAE;QAC7C,MAAM,QAAQ,GAAI,IAAI,CAAC,QAA2B,CAAC,KAAe,CAAC;QACnE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEnE,OAAO,CACL,8BAAM,KAAK,EAAE,KAAK,CAAC,KAAK;QACtB,oBAAC,iCAAe,IACd,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,cAAc,CAAC,WAAW,EACjC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,QAAQ,EAAE,IAAI,GACd,CACG,CACR,CAAC;AACJ,CAAC;AApBD,wCAoBC;AAED,SAAS,oBAAoB,CAAC,KAAqB;IACjD,MAAM,QAAQ,GAAwB;QACpC,IAAI,EAAE,kBAAkB;QACxB,YAAY,EAAE,kBAAkB;QAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ;KAClC,CAAC;IAEF,MAAM,MAAM,GAAG,IAAI,+BAAc,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACzD,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC;IAE1B,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Tree\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PrimitiveValue, PropertyDescription, PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { EditorContainer, PropertyUpdatedArgs } from \"../../../editors/EditorContainer\";\r\nimport { TreeModelNode } from \"../TreeModel\";\r\n\r\n/**\r\n * Properties for [[TreeNodeEditor]] component.\r\n * @public\r\n */\r\nexport interface TreeNodeEditorProps {\r\n  /** Tree node which is in editing mode. */\r\n  node: TreeModelNode;\r\n  /** Callback that is called when changes are committed. */\r\n  onCommit: (node: TreeModelNode, newValue: string) => void;\r\n  /** Callback that is called when editing is canceled. */\r\n  onCancel: () => void;\r\n  /** Editor style. */\r\n  style?: React.CSSProperties;\r\n\r\n  /** @internal */\r\n  ignoreEditorBlur?: boolean;\r\n}\r\n\r\n/**\r\n * Type for tree node editor renderer.\r\n * @public\r\n */\r\nexport type TreeNodeEditorRenderer = (props: TreeNodeEditorProps) => React.ReactNode;\r\n\r\n/**\r\n * React component for displaying tree node editor.\r\n * @public\r\n */\r\nexport function TreeNodeEditor(props: TreeNodeEditorProps) {\r\n  const onCommit = (args: PropertyUpdatedArgs) => {\r\n    const newValue = (args.newValue as PrimitiveValue).value as string;\r\n    props.onCommit(props.node, newValue);\r\n  };\r\n\r\n  const propertyRecord = createPropertyRecord(props.node.item.label);\r\n\r\n  return (\r\n    <span style={props.style}>\r\n      <EditorContainer\r\n        propertyRecord={propertyRecord}\r\n        title={propertyRecord.description}\r\n        onCommit={onCommit}\r\n        onCancel={props.onCancel}\r\n        ignoreEditorBlur={props.ignoreEditorBlur}\r\n        setFocus={true}\r\n      />\r\n    </span>\r\n  );\r\n}\r\n\r\nfunction createPropertyRecord(label: PropertyRecord) {\r\n  const property: PropertyDescription = {\r\n    name: \"tree-node-editor\",\r\n    displayLabel: \"Tree Node Editor\",\r\n    typename: label.property.typename,\r\n  };\r\n\r\n  const record = new PropertyRecord(label.value, property);\r\n  record.description = \"\";\r\n  record.isReadonly = false;\r\n\r\n  return record;\r\n}\r\n"]}

package/lib/cjs/components-react/tree/controlled/component/TreeNodeRenderer.d.ts

@@ -1,43 +1,43 @@
-/** @packageDocumentation
- * @module Tree
- */
-import * as React from "react";
-import { CommonProps, NodeCheckboxRenderer } from "@itwin/core-react";
-import { HighlightableTreeNodeProps } from "../../HighlightingEngine";
-import { ITreeImageLoader } from "../../ImageLoader";
-import { TreeActions } from "../TreeActions";
-import { TreeModelNode } from "../TreeModel";
-import { TreeNodeEditorRenderer } from "./TreeNodeEditor";
-/**
- * Properties for [[TreeNodeRenderer]].
- * @public
- */
-export interface TreeNodeRendererProps extends CommonProps {
-    /** Tree node to render. */
-    node: TreeModelNode;
-    /** Action handler. */
-    treeActions: TreeActions;
-    /** Properties used to highlight matches when tree is filtered. */
-    nodeHighlightProps?: HighlightableTreeNodeProps;
-    /** Specifies whether to show descriptions or not. */
-    descriptionEnabled?: boolean;
-    /** Image loader for node icons. */
-    imageLoader?: ITreeImageLoader;
-    /** Callback to render custom checkbox. */
-    checkboxRenderer?: NodeCheckboxRenderer;
-    /** Callback to render custom node editor when node is in editing mode. */
-    nodeEditorRenderer?: TreeNodeEditorRenderer;
-    /**
-     * Callback used to detect when label is rendered. It is used by TreeRenderer for scrolling to active match.
-     * @internal
-     */
-    onLabelRendered?: (node: TreeModelNode) => void;
-    /** Child components to render inside the node.*/
-    children?: React.ReactNode;
-}
-/**
- * Default component for rendering tree node.
- * @public
- */
-export declare const TreeNodeRenderer: React.MemoExoticComponent<(props: TreeNodeRendererProps) => JSX.Element>;
+/** @packageDocumentation
+ * @module Tree
+ */
+import * as React from "react";
+import { CommonProps, NodeCheckboxRenderer } from "@itwin/core-react";
+import { HighlightableTreeNodeProps } from "../../HighlightingEngine";
+import { ITreeImageLoader } from "../../ImageLoader";
+import { TreeActions } from "../TreeActions";
+import { TreeModelNode } from "../TreeModel";
+import { TreeNodeEditorRenderer } from "./TreeNodeEditor";
+/**
+ * Properties for [[TreeNodeRenderer]].
+ * @public
+ */
+export interface TreeNodeRendererProps extends CommonProps {
+    /** Tree node to render. */
+    node: TreeModelNode;
+    /** Action handler. */
+    treeActions: TreeActions;
+    /** Properties used to highlight matches when tree is filtered. */
+    nodeHighlightProps?: HighlightableTreeNodeProps;
+    /** Specifies whether to show descriptions or not. */
+    descriptionEnabled?: boolean;
+    /** Image loader for node icons. */
+    imageLoader?: ITreeImageLoader;
+    /** Callback to render custom checkbox. */
+    checkboxRenderer?: NodeCheckboxRenderer;
+    /** Callback to render custom node editor when node is in editing mode. */
+    nodeEditorRenderer?: TreeNodeEditorRenderer;
+    /**
+     * Callback used to detect when label is rendered. It is used by TreeRenderer for scrolling to active match.
+     * @internal
+     */
+    onLabelRendered?: (node: TreeModelNode) => void;
+    /** Child components to render inside the node.*/
+    children?: React.ReactNode;
+}
+/**
+ * Default component for rendering tree node.
+ * @public
+ */
+export declare const TreeNodeRenderer: React.NamedExoticComponent<TreeNodeRendererProps>;
 //# sourceMappingURL=TreeNodeRenderer.d.ts.map

package/lib/cjs/components-react/tree/controlled/component/TreeNodeRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAqB,oBAAoB,EAAY,MAAM,mBAAmB,CAAC;AAGnG,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAgB,aAAa,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,2BAA2B;IAC3B,IAAI,EAAE,aAAa,CAAC;IAEpB,sBAAsB;IACtB,WAAW,EAAE,WAAW,CAAC;IAEzB,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,0BAA0B,CAAC;IAEhD,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,mCAAmC;IACnC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IAExC,0EAA0E;IAC1E,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAE5C;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,oCAAsB,qBAAqB,iBAiDtE,CAAC"}
+{"version":3,"file":"TreeNodeRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAqB,oBAAoB,EAAY,MAAM,mBAAmB,CAAC;AAGnG,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAgB,aAAa,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,2BAA2B;IAC3B,IAAI,EAAE,aAAa,CAAC;IAEpB,sBAAsB;IACtB,WAAW,EAAE,WAAW,CAAC;IAEzB,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,0BAA0B,CAAC;IAEhD,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,mCAAmC;IACnC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IAExC,0EAA0E;IAC1E,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAE5C;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,mDAiD3B,CAAC"}