@itwin/components-react 4.16.5 → 4.17.0

package/lib/esm/components-react/tree/controlled/component/TreeNodeRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeRenderer.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 Tree\n */\n\nimport * as React from \"react\";\nimport type { CommonProps, NodeCheckboxProps } from \"@itwin/core-react\";\nimport { TreeNode } from \"@itwin/core-react\";\nimport type { Checkbox } from \"@itwin/itwinui-react\";\nimport { ImageRenderer } from \"../../../common/ImageRenderer\";\nimport type { HighlightableTreeNodeProps } from \"../../HighlightingEngine\";\nimport type { ITreeImageLoader } from \"../../ImageLoader\";\nimport { TreeComponentTestId } from \"../../TreeComponentTestId\";\nimport type { TreeActions } from \"../TreeActions\";\nimport type { CheckBoxInfo, TreeModelNode } from \"../TreeModel\";\nimport { TreeNodeContent } from \"./NodeContent\";\nimport type { TreeNodeEditorRenderer } from \"./TreeNodeEditor\";\n\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof Checkbox>;\n\ntype CheckboxRendererProps = Omit<CheckboxProps, \"onChange\" | \"onClick\"> & {\n  onChange: (checked: boolean) => void;\n  onClick: (e: React.MouseEvent) => void;\n};\n\n/**\n * Properties for [[TreeNodeRenderer]].\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface TreeNodeRendererProps extends CommonProps {\n  /** Tree node to render. */\n  node: TreeModelNode;\n\n  /** Action handler. */\n  treeActions: TreeActions;\n\n  /** Properties used to highlight matches when tree is filtered. */\n  nodeHighlightProps?: HighlightableTreeNodeProps;\n\n  /** Specifies whether to show descriptions or not. */\n  descriptionEnabled?: boolean;\n\n  /** Image loader for node icons. */\n  imageLoader?: ITreeImageLoader;\n\n  /** Callback to render custom checkbox. */\n  checkboxRenderer?: (props: CheckboxRendererProps) => React.ReactNode;\n\n  /** Callback to render custom node editor when node is in editing mode. */\n  nodeEditorRenderer?: TreeNodeEditorRenderer;\n\n  /**\n   * Callback used to detect when label is rendered. It is used by TreeRenderer for scrolling to active match.\n   * @internal\n   */\n  onLabelRendered?: (node: TreeModelNode) => void;\n\n  /** Callback that is invoked when context menu should be opened. */\n  onContextMenu?: (e: React.MouseEvent, node: TreeModelNode) => void;\n\n  /** Child components to render inside the node.*/\n  children?: React.ReactNode;\n}\n\n/**\n * Default component for rendering tree node.\n * @public\n */\nexport const TreeNodeRenderer = React.memo(function TreeNodeRenderer(\n  props: TreeNodeRendererProps\n) {\n  const label = (\n    <TreeNodeContent\n      key={props.node.id}\n      node={props.node}\n      showDescription={props.descriptionEnabled}\n      highlightProps={props.nodeHighlightProps}\n      onLabelRendered={props.onLabelRendered}\n      nodeEditorRenderer={props.nodeEditorRenderer}\n    />\n  );\n\n  function onExpansionToggle() {\n    if (props.node.isExpanded) props.treeActions.onNodeCollapsed(props.node.id);\n    else props.treeActions.onNodeExpanded(props.node.id);\n  }\n\n  function onContextMenu(e: React.MouseEvent) {\n    e.preventDefault();\n    props.onContextMenu && props.onContextMenu(e, props.node);\n  }\n\n  const createCheckboxProps = (\n    checkboxInfo: CheckBoxInfo\n    // eslint-disable-next-line deprecation/deprecation\n  ): NodeCheckboxProps => ({\n    state: checkboxInfo.state,\n    tooltip: checkboxInfo.tooltip,\n    isDisabled: checkboxInfo.isDisabled,\n    onClick: (newState) =>\n      props.treeActions.onNodeCheckboxClicked(props.node.id, newState),\n  });\n\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <TreeNode\n      data-testid={TreeComponentTestId.Node}\n      className={props.className}\n      checkboxProps={\n        props.node.checkbox.isVisible\n          ? createCheckboxProps(props.node.checkbox)\n          : undefined\n      }\n      style={props.style}\n      isExpanded={props.node.isExpanded}\n      isSelected={props.node.isSelected}\n      isLoading={props.node.isLoading}\n      isLeaf={props.node.numChildren === 0}\n      icon={\n        props.imageLoader ? (\n          <TreeNodeIcon node={props.node} imageLoader={props.imageLoader} />\n        ) : undefined\n      }\n      label={label}\n      level={props.node.depth}\n      onClick={(event) => props.treeActions.onNodeClicked(props.node.id, event)}\n      onMouseDown={() => props.treeActions.onNodeMouseDown(props.node.id)}\n      onMouseMove={() => props.treeActions.onNodeMouseMove(props.node.id)}\n      onClickExpansionToggle={onExpansionToggle}\n      onContextMenu={onContextMenu}\n      renderOverrides={{ renderCheckbox: props.checkboxRenderer }}\n    >\n      {props.children}\n    </TreeNode>\n  );\n});\n\n/**\n * Props for [[TreeNodeIcon]] component.\n * @public\n */\nexport interface TreeNodeIconProps {\n  /** Tree node to render icon for. */\n  node: TreeModelNode;\n  /** Image loader used to load tree node icon. */\n  imageLoader: ITreeImageLoader;\n}\n\n/**\n * React component that renders icon for [[TreeNode]].\n * @public\n */\nexport function TreeNodeIcon(props: TreeNodeIconProps) {\n  const { imageLoader, node } = props;\n  const image = imageLoader.load(node.item);\n\n  if (!image) return null;\n\n  const renderer = new ImageRenderer();\n  return <>{renderer.render(image)}</>;\n}\n"]}
+{"version":3,"file":"TreeNodeRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeRenderer.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 Tree\n */\n\nimport * as React from \"react\";\nimport type { CommonProps, NodeCheckboxProps } from \"@itwin/core-react\";\nimport { TreeNode } from \"@itwin/core-react\";\nimport type { Checkbox } from \"@itwin/itwinui-react\";\nimport { ImageRenderer } from \"../../../common/ImageRenderer\";\nimport type { HighlightableTreeNodeProps } from \"../../HighlightingEngine\";\nimport type { ITreeImageLoader } from \"../../ImageLoader\";\nimport { TreeComponentTestId } from \"../../TreeComponentTestId\";\nimport type { TreeActions } from \"../TreeActions\";\nimport type { CheckBoxInfo, TreeModelNode } from \"../TreeModel\";\nimport { TreeNodeContent } from \"./NodeContent\";\nimport type { TreeNodeEditorRenderer } from \"./TreeNodeEditor\";\n\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof Checkbox>;\n\ntype CheckboxRendererProps = Omit<CheckboxProps, \"onChange\" | \"onClick\"> & {\n  onChange: (checked: boolean) => void;\n  onClick: (e: React.MouseEvent) => void;\n};\n\n/**\n * Properties for [[TreeNodeRenderer]].\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface TreeNodeRendererProps extends CommonProps {\n  /** Tree node to render. */\n  node: TreeModelNode;\n\n  /** Action handler. */\n  treeActions: TreeActions;\n\n  /** Properties used to highlight matches when tree is filtered. */\n  nodeHighlightProps?: HighlightableTreeNodeProps;\n\n  /** Specifies whether to show descriptions or not. */\n  descriptionEnabled?: boolean;\n\n  /** Image loader for node icons. */\n  imageLoader?: ITreeImageLoader;\n\n  /** Callback to render custom checkbox. */\n  checkboxRenderer?: (props: CheckboxRendererProps) => React.ReactNode;\n\n  /** Callback to render custom node editor when node is in editing mode. */\n  nodeEditorRenderer?: TreeNodeEditorRenderer;\n\n  /**\n   * Callback used to detect when label is rendered. It is used by TreeRenderer for scrolling to active match.\n   * @internal\n   */\n  onLabelRendered?: (node: TreeModelNode) => void;\n\n  /** Callback that is invoked when context menu should be opened. */\n  onContextMenu?: (e: React.MouseEvent, node: TreeModelNode) => void;\n\n  /** Child components to render inside the node.*/\n  children?: React.ReactNode;\n}\n\n/**\n * Default component for rendering tree node.\n * @public\n */\nexport const TreeNodeRenderer = React.memo(function TreeNodeRenderer(\n  props: TreeNodeRendererProps\n) {\n  const label = (\n    <TreeNodeContent\n      key={props.node.id}\n      node={props.node}\n      showDescription={props.descriptionEnabled}\n      highlightProps={props.nodeHighlightProps}\n      onLabelRendered={props.onLabelRendered}\n      nodeEditorRenderer={props.nodeEditorRenderer}\n    />\n  );\n\n  function onExpansionToggle() {\n    if (props.node.isExpanded) props.treeActions.onNodeCollapsed(props.node.id);\n    else props.treeActions.onNodeExpanded(props.node.id);\n  }\n\n  function onContextMenu(e: React.MouseEvent) {\n    e.preventDefault();\n    props.onContextMenu && props.onContextMenu(e, props.node);\n  }\n\n  const createCheckboxProps = (\n    checkboxInfo: CheckBoxInfo\n    // eslint-disable-next-line deprecation/deprecation\n  ): NodeCheckboxProps => ({\n    state: checkboxInfo.state,\n    tooltip: checkboxInfo.tooltip,\n    isDisabled: checkboxInfo.isDisabled,\n    onClick: (newState) =>\n      props.treeActions.onNodeCheckboxClicked(props.node.id, newState),\n  });\n\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <TreeNode\n      data-testid={TreeComponentTestId.Node}\n      className={props.className}\n      checkboxProps={\n        props.node.checkbox.isVisible\n          ? createCheckboxProps(props.node.checkbox)\n          : undefined\n      }\n      style={props.style}\n      isExpanded={props.node.isExpanded}\n      isSelected={props.node.isSelected}\n      isLoading={props.node.isLoading}\n      isLeaf={props.node.numChildren === 0}\n      icon={\n        props.imageLoader ? (\n          <TreeNodeIcon node={props.node} imageLoader={props.imageLoader} />\n        ) : undefined\n      }\n      label={label}\n      level={props.node.depth}\n      onClick={(event) => props.treeActions.onNodeClicked(props.node.id, event)}\n      onMouseDown={() => props.treeActions.onNodeMouseDown(props.node.id)}\n      onMouseMove={() => props.treeActions.onNodeMouseMove(props.node.id)}\n      onClickExpansionToggle={onExpansionToggle}\n      onContextMenu={onContextMenu}\n      renderOverrides={{ renderCheckbox: props.checkboxRenderer }}\n    >\n      {props.children}\n    </TreeNode>\n  );\n});\n\n/**\n * Props for [[TreeNodeIcon]] component.\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof TreeNodeIcon>`\n */\nexport interface TreeNodeIconProps {\n  /** Tree node to render icon for. */\n  node: TreeModelNode;\n  /** Image loader used to load tree node icon. */\n  imageLoader: ITreeImageLoader;\n}\n\n/**\n * React component that renders icon for [[TreeNode]].\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function TreeNodeIcon(props: TreeNodeIconProps) {\n  const { imageLoader, node } = props;\n  const image = imageLoader.load(node.item);\n\n  if (!image) return null;\n\n  const renderer = new ImageRenderer();\n  return <>{renderer.render(image)}</>;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/components-react",
-  "version": "4.16.5",
+  "version": "4.17.0",
   "description": "iTwin.js UI complex components",
   "main": "lib/cjs/components-react.js",
   "module": "lib/esm/components-react.js",
@@ -24,7 +24,7 @@
   "peerDependencies": {
     "@itwin/appui-abstract": "^3.7.0 || ^4.0.0",
     "@itwin/core-bentley": "^3.7.0 || ^4.0.0",
-    "@itwin/core-react": "^4.16.5",
+    "@itwin/core-react": "^4.17.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -67,7 +67,7 @@
     "typescript": "~5.3.3",
     "upath": "^2.0.1",
     "vitest": "^1.6.0",
-    "@itwin/core-react": "4.16.5"
+    "@itwin/core-react": "4.17.0"
   },
   "//dependencies": [
     "NOTE: these dependencies should be only for things that DO NOT APPEAR IN THE API",