@itwin/components-react 4.0.0-dev.3 → 4.0.0-dev.6

package/lib/esm/components-react/breadcrumb/BreadcrumbDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbDetails.js","sourceRoot":"","sources":["../../../../src/components-react/breadcrumb/BreadcrumbDetails.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 Breadcrumb\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { using } from \"@itwin/core-bentley\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { Table, TableProps } from \"../table/component/Table\";\r\nimport { ColumnDescription, RowItem, TableDataProvider } from \"../table/TableDataProvider\";\r\nimport { DelayLoadedTreeNodeItem, ImmediatelyLoadedTreeNodeItem, isTreeDataProviderInterface, TreeNodeItem } from \"../tree/TreeDataProvider\";\r\nimport { UiComponents } from \"../UiComponents\";\r\nimport {\r\n  BeInspireTree, BeInspireTreeEvent, BeInspireTreeNode, BeInspireTreeNodeConfig, BeInspireTreeNodes, MapPayloadToInspireNodeCallback, toNodes,\r\n} from \"./BeInspireTree\";\r\nimport { BreadcrumbPath, BreadcrumbUpdateEventArgs } from \"./BreadcrumbPath\";\r\nimport { BreadcrumbTreeUtils, DataRowItem, getPropertyRecordAsString } from \"./BreadcrumbTreeUtils\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Properties for the [[BreadcrumbDetails]] component\r\n * @beta\r\n * @deprecated in 3.0.\r\n */\r\nexport interface BreadcrumbDetailsProps extends CommonProps {\r\n  /** Path data object shared by Breadcrumb component */\r\n  path: BreadcrumbPath;\r\n  columns?: ColumnDescription[];\r\n  renderTable?: (props: TableProps, node: TreeNodeItem | undefined, children: TreeNodeItem[]) => React.ReactNode;\r\n  /** Callback triggered when child node is loaded with an asynchronous dataProvider. */\r\n  onChildrenLoaded?: (parent: TreeNodeItem, children: TreeNodeItem[]) => void;\r\n  /** Callback triggered when root nodes are loaded with an asynchronous dataProvider. */\r\n  onRootNodesLoaded?: (nodes: TreeNodeItem[]) => void;\r\n  /** @internal */\r\n  onRender?: () => void;\r\n}\r\n\r\n/** @internal */\r\ninterface BreadcrumbDetailsState {\r\n  table?: TableDataProvider;\r\n  childNodes?: TreeNodeItem[];\r\n  modelReady: boolean;\r\n}\r\n\r\n/**\r\n * A Table containing all children of tree node specified in path.\r\n * Used in conjunction with [[Breadcrumb]] to see children of current path.\r\n * @beta\r\n * @deprecated in 3.0.\r\n */\r\nexport class BreadcrumbDetails extends React.Component<BreadcrumbDetailsProps, BreadcrumbDetailsState> {\r\n  private _tree!: BeInspireTree<TreeNodeItem>;\r\n  private _mounted: boolean = false;\r\n\r\n  public override readonly state: BreadcrumbDetailsState;\r\n\r\n  /** @internal */\r\n  constructor(props: BreadcrumbDetailsProps) {\r\n    super(props);\r\n    this.state = {\r\n      modelReady: isTreeDataProviderInterface(props.path.getDataProvider()) ? false : true,\r\n    };\r\n    this._recreateTree();\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this._mounted = true;\r\n    /* istanbul ignore next */\r\n    if (this.props.onRender)\r\n      this.props.onRender();\r\n    const dataProvider = this.props.path.getDataProvider();\r\n    const node = this.props.path.getCurrentNode();\r\n    this._updateTree(node ? this._tree.node(node.id) : undefined);\r\n    if (isTreeDataProviderInterface(dataProvider) && dataProvider.onTreeNodeChanged)\r\n      dataProvider.onTreeNodeChanged.addListener(this._treeChange);\r\n    this.props.path.BreadcrumbUpdateEvent.addListener(this._pathChange);\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    this._mounted = false;\r\n    this._tree.removeAllListeners();\r\n    const dataProvider = this.props.path.getDataProvider();\r\n    if (isTreeDataProviderInterface(dataProvider) && dataProvider.onTreeNodeChanged)\r\n      dataProvider.onTreeNodeChanged.removeListener(this._treeChange);\r\n    this.props.path.BreadcrumbUpdateEvent.removeListener(this._pathChange);\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: BreadcrumbDetailsProps) {\r\n    /* istanbul ignore next */\r\n    if (this.props.onRender)\r\n      this.props.onRender();\r\n    if (!this.props.path.BreadcrumbUpdateEvent.has(this._pathChange)) {\r\n      this.props.path.BreadcrumbUpdateEvent.addListener(this._pathChange);\r\n      prevProps.path.BreadcrumbUpdateEvent.removeListener(this._pathChange);\r\n    }\r\n  }\r\n\r\n  private _recreateTree() {\r\n    this._tree = new BeInspireTree<TreeNodeItem>({\r\n      dataProvider: this.props.path.getDataProvider(),\r\n      mapPayloadToInspireNodeConfig: BreadcrumbDetails.inspireNodeFromTreeNodeItem,\r\n    });\r\n    this._tree.on(BeInspireTreeEvent.ModelLoaded, this._onModelLoaded);\r\n    this._tree.on(BeInspireTreeEvent.ChildrenLoaded, this._onChildrenLoaded);\r\n    this._tree.ready.then(this._onModelReady); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  }\r\n\r\n  /** @internal */\r\n  public override shouldComponentUpdate(nextProps: BreadcrumbDetailsProps, nextState: BreadcrumbDetailsState): boolean {\r\n    if (this.state.modelReady !== nextState.modelReady) {\r\n      // always render when state.modelReady changes\r\n      return true;\r\n    }\r\n\r\n    // istanbul ignore if\r\n    if (!nextState.modelReady) {\r\n      // if we got here and model is not ready - don't render\r\n      return false;\r\n    }\r\n\r\n    const cNode = nextProps.path.getCurrentNode();\r\n    const current = cNode ? this._tree.node(cNode.id) : undefined;\r\n    // otherwise, render when any of the following props / state change\r\n    return this.props.renderTable !== nextProps.renderTable\r\n      || this.props.path !== nextProps.path\r\n      || this.state.table !== nextState.table\r\n      || (current !== undefined && /* istanbul ignore next */ current.isDirty());\r\n  }\r\n\r\n  private _onModelLoaded = (rootNodes: BeInspireTreeNodes<TreeNodeItem>) => {\r\n    const node = this.props.path.getCurrentNode();\r\n    if (node === undefined)\r\n      this._updateTree(undefined);\r\n    if (this.props.onRootNodesLoaded)\r\n      this.props.onRootNodesLoaded(rootNodes.map((n) => n.payload!));\r\n  };\r\n\r\n  private _onChildrenLoaded = (parentNode: BeInspireTreeNode<TreeNodeItem>) => {\r\n    const node = this.props.path.getCurrentNode();\r\n    if (node !== undefined) {\r\n      const iNode = this._tree.node(node.id);\r\n      this._updateTree(iNode);\r\n    }\r\n    const children = parentNode.getChildren();\r\n    if (this.props.onChildrenLoaded)\r\n      this.props.onChildrenLoaded(parentNode.payload!, toNodes<TreeNodeItem>(children).map((c) => c.payload!));\r\n  };\r\n\r\n  private _onModelReady = () => {\r\n    // istanbul ignore else\r\n    if (this._mounted)\r\n      this.setState({ modelReady: true });\r\n  };\r\n\r\n  private _onTreeNodeChanged = (_items: Array<TreeNodeItem | undefined>) => {\r\n    using((this._tree as any).pauseRendering(), async () => { // eslint-disable-line @typescript-eslint/no-floating-promises\r\n      await this._tree.reload();\r\n    });\r\n  };\r\n\r\n  private static inspireNodeFromTreeNodeItem(item: TreeNodeItem, remapper: MapPayloadToInspireNodeCallback<TreeNodeItem>): BeInspireTreeNodeConfig {\r\n    const node: BeInspireTreeNodeConfig = {\r\n      id: item.id,\r\n      text: getPropertyRecordAsString(item.label),\r\n      itree: {\r\n        state: { collapsed: false },\r\n      },\r\n    };\r\n    if (item.icon)\r\n      node.itree!.icon = item.icon;\r\n    if ((item as DelayLoadedTreeNodeItem).hasChildren)\r\n      node.children = true;\r\n    else if ((item as ImmediatelyLoadedTreeNodeItem).children)\r\n      node.children = (item as ImmediatelyLoadedTreeNodeItem).children!.map((p) => remapper(p, remapper));\r\n    return node;\r\n  }\r\n\r\n  private _treeChange = () => {\r\n    const currentNode = this.props.path.getCurrentNode();\r\n    this._updateTree(currentNode ? this._tree.node(currentNode.id) : undefined);\r\n  };\r\n  private _pathChange = (args: BreadcrumbUpdateEventArgs) => {\r\n    this._updateTree(args.currentNode ? this._tree.node(args.currentNode.id) : undefined);\r\n    if (isTreeDataProviderInterface(args.oldDataProvider) && args.oldDataProvider.onTreeNodeChanged) {\r\n      // unsubscribe from previous data provider `onTreeNodeChanged` events\r\n      args.oldDataProvider.onTreeNodeChanged.removeListener(this._onTreeNodeChanged);\r\n    }\r\n    if (isTreeDataProviderInterface(args.dataProvider) && args.dataProvider.onTreeNodeChanged) {\r\n      // subscribe for new data provider `onTreeNodeChanged` events\r\n      args.dataProvider.onTreeNodeChanged.addListener(this._onTreeNodeChanged);\r\n    }\r\n    if (args.dataProvider !== args.oldDataProvider) {\r\n      // istanbul ignore else\r\n      if (this._mounted)\r\n        this.setState({ modelReady: false }, () => {\r\n          this._recreateTree();\r\n        });\r\n    }\r\n  };\r\n  private _updateTree = (node: BeInspireTreeNode<TreeNodeItem> | undefined) => {\r\n    const childNodes = (node ? toNodes<TreeNodeItem>(node.getChildren()) : this._tree.nodes()).map((child) => child.payload!);\r\n    if (childNodes.length === 0) {\r\n      const parents = node ? toNodes<TreeNodeItem>(node.getParents()).map((child) => child.payload!) : [];\r\n      parents.reverse();\r\n      if (parents.length > 1)\r\n        this.props.path.setCurrentNode(parents[parents.length - 2]);\r\n      else if (parents.length === 1)\r\n        this.props.path.setCurrentNode(undefined);\r\n    }\r\n    const table = BreadcrumbTreeUtils.aliasNodeListToTableDataProvider(childNodes, this.props.columns || [\r\n      { key: \"icon\", label: UiComponents.translate(\"breadcrumb.icon\"), icon: true },\r\n      { key: \"label\", label: UiComponents.translate(\"breadcrumb.name\") },\r\n      { key: \"description\", label: UiComponents.translate(\"breadcrumb.description\") },\r\n    ], this.props.path.getDataProvider());\r\n    // istanbul ignore else hard to control whether mounted or not\r\n    if (this._mounted)\r\n      this.setState({ table, childNodes });\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const node = this.props.path.getCurrentNode();\r\n    if (node) {\r\n      const iNode = this._tree.node(node.id);\r\n      if (iNode) {\r\n        iNode.setDirty(false);\r\n      }\r\n    }\r\n    const { childNodes } = this.state;\r\n    const renderTable = this.props.renderTable ? this.props.renderTable : this.renderTable;\r\n    return (\r\n      <div className={classnames(\"components-breadcrumb-details\", this.props.className)} style={this.props.style}>\r\n        {\r\n          this.state.table && childNodes &&\r\n          renderTable({\r\n            dataProvider: this.state.table,\r\n            onRowsSelected: async (rowIterator: AsyncIterableIterator<RowItem>, replace: boolean) => {\r\n              const iteratorResult = await rowIterator.next();\r\n              // istanbul ignore else should always be false\r\n              if (!iteratorResult.done) {\r\n                const row = iteratorResult.value as DataRowItem;\r\n                this.props.path.setCurrentNode(row._node);\r\n              }\r\n              return replace;\r\n            },\r\n          }, node, childNodes)\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  private renderTable = (props: TableProps, _node: TreeNodeItem | undefined, _children: TreeNodeItem[]) => {\r\n    return <Table {...props} onRender={this.props.onRender} />;\r\n  };\r\n}\r\n"]}

package/lib/esm/components-react/breadcrumb/BreadcrumbPath.d.ts

@@ -0,0 +1,36 @@
+/** @packageDocumentation
+ * @module Breadcrumb
+ */
+import { UiEvent } from "@itwin/core-react";
+import { TreeDataProvider, TreeNodeItem } from "../tree/TreeDataProvider";
+/** BreadcrumbChangeEvent Event Args class.
+ * @beta
+ * @deprecated in 3.0.
+ */
+export interface BreadcrumbUpdateEventArgs {
+    dataProvider: TreeDataProvider;
+    oldDataProvider: TreeDataProvider;
+    currentNode: TreeNodeItem | undefined;
+}
+/** BreadcrumbChangeEvent Event class.
+ * @beta
+ * @deprecated in 3.0.
+ */
+export declare class BreadcrumbUpdateEvent extends UiEvent<BreadcrumbUpdateEventArgs> {
+}
+/** Breadcrumb Path class.
+ * @beta
+ * @deprecated in 3.0.
+ */
+export declare class BreadcrumbPath {
+    private _dataProvider;
+    private _currentNode;
+    private _breadcrumbUpdateEvent;
+    get BreadcrumbUpdateEvent(): BreadcrumbUpdateEvent;
+    constructor(dataProvider: TreeDataProvider);
+    getDataProvider(): TreeDataProvider;
+    setDataProvider(dataProvider: TreeDataProvider): void;
+    getCurrentNode(): TreeNodeItem | undefined;
+    setCurrentNode(currentNode: TreeNodeItem | undefined): void;
+}
+//# sourceMappingURL=BreadcrumbPath.d.ts.map

package/lib/esm/components-react/breadcrumb/BreadcrumbPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbPath.d.ts","sourceRoot":"","sources":["../../../../src/components-react/breadcrumb/BreadcrumbPath.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE1E;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,gBAAgB,CAAC;IAClC,WAAW,EAAE,YAAY,GAAG,SAAS,CAAC;CACvC;AAED;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,OAAO,CAAC,yBAAyB,CAAC;CAAI;AAEjF;;;GAGG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,aAAa,CAAmB;IACxC,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,sBAAsB,CAAsD;IAEpF,IAAW,qBAAqB,IAAI,qBAAqB,CAAwC;gBAErF,YAAY,EAAE,gBAAgB;IAInC,eAAe;IAGf,eAAe,CAAC,YAAY,EAAE,gBAAgB;IAK9C,cAAc;IAId,cAAc,CAAC,WAAW,EAAE,YAAY,GAAG,SAAS;CAI5D"}

package/lib/esm/components-react/breadcrumb/BreadcrumbPath.js

@@ -0,0 +1,42 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Breadcrumb
+ */
+/* eslint-disable deprecation/deprecation */
+import { UiEvent } from "@itwin/core-react";
+/** BreadcrumbChangeEvent Event class.
+ * @beta
+ * @deprecated in 3.0.
+ */
+export class BreadcrumbUpdateEvent extends UiEvent {
+}
+/** Breadcrumb Path class.
+ * @beta
+ * @deprecated in 3.0.
+ */
+export class BreadcrumbPath {
+    constructor(dataProvider) {
+        this._currentNode = undefined;
+        this._breadcrumbUpdateEvent = new BreadcrumbUpdateEvent();
+        this._dataProvider = dataProvider;
+    }
+    get BreadcrumbUpdateEvent() { return this._breadcrumbUpdateEvent; }
+    getDataProvider() {
+        return this._dataProvider;
+    }
+    setDataProvider(dataProvider) {
+        this.BreadcrumbUpdateEvent.emit({ dataProvider, oldDataProvider: this._dataProvider, currentNode: this._currentNode });
+        this._dataProvider = dataProvider;
+    }
+    getCurrentNode() {
+        return this._currentNode;
+    }
+    setCurrentNode(currentNode) {
+        this.BreadcrumbUpdateEvent.emit({ dataProvider: this._dataProvider, oldDataProvider: this._dataProvider, currentNode });
+        this._currentNode = currentNode;
+    }
+}
+//# sourceMappingURL=BreadcrumbPath.js.map

package/lib/esm/components-react/breadcrumb/BreadcrumbPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbPath.js","sourceRoot":"","sources":["../../../../src/components-react/breadcrumb/BreadcrumbPath.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,4CAA4C;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAa5C;;;GAGG;AACH,MAAM,OAAO,qBAAsB,SAAQ,OAAkC;CAAI;AAEjF;;;GAGG;AACH,MAAM,OAAO,cAAc;IAOzB,YAAY,YAA8B;QALlC,iBAAY,GAA6B,SAAS,CAAC;QACnD,2BAAsB,GAA0B,IAAI,qBAAqB,EAAE,CAAC;QAKlF,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;IACpC,CAAC;IAJD,IAAW,qBAAqB,KAA4B,OAAO,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAM1F,eAAe;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IACM,eAAe,CAAC,YAA8B;QACnD,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,eAAe,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QACvH,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;IACpC,CAAC;IAEM,cAAc;QACnB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAEM,cAAc,CAAC,WAAqC;QACzD,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,aAAa,EAAE,eAAe,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,EAAE,CAAC,CAAC;QACxH,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;IAClC,CAAC;CACF","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 Breadcrumb\r\n */\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport { UiEvent } from \"@itwin/core-react\";\r\nimport { TreeDataProvider, TreeNodeItem } from \"../tree/TreeDataProvider\";\r\n\r\n/** BreadcrumbChangeEvent Event Args class.\r\n * @beta\r\n * @deprecated in 3.0.\r\n */\r\nexport interface BreadcrumbUpdateEventArgs {\r\n  dataProvider: TreeDataProvider;\r\n  oldDataProvider: TreeDataProvider;\r\n  currentNode: TreeNodeItem | undefined;\r\n}\r\n\r\n/** BreadcrumbChangeEvent Event class.\r\n * @beta\r\n * @deprecated in 3.0.\r\n */\r\nexport class BreadcrumbUpdateEvent extends UiEvent<BreadcrumbUpdateEventArgs> { }\r\n\r\n/** Breadcrumb Path class.\r\n * @beta\r\n * @deprecated in 3.0.\r\n */\r\nexport class BreadcrumbPath {\r\n  private _dataProvider: TreeDataProvider;\r\n  private _currentNode: TreeNodeItem | undefined = undefined;\r\n  private _breadcrumbUpdateEvent: BreadcrumbUpdateEvent = new BreadcrumbUpdateEvent();\r\n\r\n  public get BreadcrumbUpdateEvent(): BreadcrumbUpdateEvent { return this._breadcrumbUpdateEvent; }\r\n\r\n  constructor(dataProvider: TreeDataProvider) {\r\n    this._dataProvider = dataProvider;\r\n  }\r\n\r\n  public getDataProvider() {\r\n    return this._dataProvider;\r\n  }\r\n  public setDataProvider(dataProvider: TreeDataProvider) {\r\n    this.BreadcrumbUpdateEvent.emit({ dataProvider, oldDataProvider: this._dataProvider, currentNode: this._currentNode });\r\n    this._dataProvider = dataProvider;\r\n  }\r\n\r\n  public getCurrentNode() {\r\n    return this._currentNode;\r\n  }\r\n\r\n  public setCurrentNode(currentNode: TreeNodeItem | undefined) {\r\n    this.BreadcrumbUpdateEvent.emit({ dataProvider: this._dataProvider, oldDataProvider: this._dataProvider, currentNode });\r\n    this._currentNode = currentNode;\r\n  }\r\n}\r\n"]}

package/lib/esm/components-react/breadcrumb/BreadcrumbTreeUtils.d.ts

@@ -0,0 +1,30 @@
+/** @packageDocumentation
+ * @module Breadcrumb
+ */
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { ColumnDescription, RowItem, TableDataProvider } from "../table/TableDataProvider";
+import { TreeDataProvider, TreeNodeItem } from "../tree/TreeDataProvider";
+/**
+ * Utility class for tree searching and manipulation in the Breadcrumb component.
+ * @beta
+ * @deprecated in 3.0.
+ */
+export declare class BreadcrumbTreeUtils {
+    private static createIcon;
+    private static createLabel;
+    private static createDescription;
+    /**
+     * Transforms a list of children from a tree node into a [[TableDataProvider]], given a list of column descriptions.
+     * @param nodes Node list to use as a basis for the [[TableDataProvider]].
+     * @param columns An array of column descriptions to specify which columns to provide to the resulting [[TableDataProvider]].
+     * @returns A [[TableDataProvider]] object that can be used to populate a Table component.
+     */
+    static aliasNodeListToTableDataProvider(nodes: TreeNodeItem[], columns: ColumnDescription[], treeDataProvider?: TreeDataProvider): TableDataProvider;
+}
+/** @internal */
+export interface DataRowItem extends RowItem {
+    _node?: TreeNodeItem;
+}
+/** @internal */
+export declare function getPropertyRecordAsString(label: PropertyRecord): string;
+//# sourceMappingURL=BreadcrumbTreeUtils.d.ts.map

package/lib/esm/components-react/breadcrumb/BreadcrumbTreeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbTreeUtils.d.ts","sourceRoot":"","sources":["../../../../src/components-react/breadcrumb/BreadcrumbTreeUtils.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,EAAE,cAAc,EAAuB,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAY,iBAAiB,EAAE,OAAO,EAAwB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC3H,OAAO,EAAuE,gBAAgB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAK/I;;;;GAIG;AACH,qBAAa,mBAAmB;IAE9B,OAAO,CAAC,MAAM,CAAC,UAAU;IAiBzB,OAAO,CAAC,MAAM,CAAC,WAAW;IAO1B,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAiBhC;;;;;OAKG;WACW,gCAAgC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,iBAAiB;CAoE5J;AAED,gBAAgB;AAChB,MAAM,WAAW,WAAY,SAAQ,OAAO;IAC1C,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,gBAAgB;AAEhB,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,cAAc,UAI9D"}

package/lib/esm/components-react/breadcrumb/BreadcrumbTreeUtils.js

@@ -0,0 +1,131 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Breadcrumb
+ */
+import { PropertyRecord, PropertyValueFormat } from "@itwin/appui-abstract";
+import { TableDataChangeEvent } from "../table/TableDataProvider";
+import { hasChildren } from "../tree/TreeDataProvider";
+import { UiComponents } from "../UiComponents";
+/* eslint-disable deprecation/deprecation */
+/**
+ * Utility class for tree searching and manipulation in the Breadcrumb component.
+ * @beta
+ * @deprecated in 3.0.
+ */
+export class BreadcrumbTreeUtils {
+    static createIcon(node) {
+        return {
+            key: "icon", record: new PropertyRecord({
+                value: hasChildren(node) ? "icon-folder" : node.icon,
+                valueFormat: PropertyValueFormat.Primitive,
+                displayValue: hasChildren(node) ? "icon-folder" : node.icon,
+            }, {
+                name: "icon",
+                displayLabel: UiComponents.translate("breadcrumb.icon"),
+                typename: "icon",
+            }),
+        };
+    }
+    static createLabel(node) {
+        return {
+            key: "label",
+            record: node.label,
+        };
+    }
+    static createDescription(node) {
+        return {
+            key: "description",
+            record: new PropertyRecord({
+                value: node.description || "",
+                valueFormat: PropertyValueFormat.Primitive,
+                displayValue: node.description || "",
+            }, {
+                name: "description",
+                displayLabel: UiComponents.translate("breadcrumb.description"),
+                typename: "text",
+            }),
+        };
+    }
+    /**
+     * Transforms a list of children from a tree node into a [[TableDataProvider]], given a list of column descriptions.
+     * @param nodes Node list to use as a basis for the [[TableDataProvider]].
+     * @param columns An array of column descriptions to specify which columns to provide to the resulting [[TableDataProvider]].
+     * @returns A [[TableDataProvider]] object that can be used to populate a Table component.
+     */
+    static aliasNodeListToTableDataProvider(nodes, columns, treeDataProvider) {
+        return {
+            onColumnsChanged: new TableDataChangeEvent(),
+            onRowsChanged: new TableDataChangeEvent(),
+            getColumns: async () => columns,
+            getRowsCount: async () => nodes.length,
+            getRow: async (rowIndex, _unfiltered) => {
+                if (rowIndex < 0 || rowIndex > nodes.length)
+                    return { _node: {}, key: "", cells: [] };
+                const node = nodes[rowIndex];
+                const cells = [
+                    BreadcrumbTreeUtils.createIcon(node),
+                    BreadcrumbTreeUtils.createLabel(node),
+                    BreadcrumbTreeUtils.createDescription(node),
+                ];
+                for (const key in node.extendedData) {
+                    // only add string values to table cell list
+                    if (node.extendedData.hasOwnProperty(key) && node.extendedData[key] instanceof PropertyRecord) {
+                        cells.push({
+                            key,
+                            record: node.extendedData[key],
+                            style: node.style,
+                        });
+                    }
+                    else if (node.extendedData.hasOwnProperty(key) && (typeof node.extendedData[key] === "string" || typeof node.extendedData[key] === "boolean" || typeof node.extendedData[key] === "number")) {
+                        cells.push({
+                            key,
+                            record: new PropertyRecord({
+                                value: node.extendedData[key].toString(),
+                                valueFormat: PropertyValueFormat.Primitive,
+                                displayValue: node.extendedData[key].toString(),
+                            }, {
+                                name: key,
+                                displayLabel: key,
+                                typename: "text",
+                            }),
+                            style: node.style,
+                        });
+                    }
+                }
+                node.extendedData = node.extendedData || {};
+                node.extendedData.id = node.id;
+                node.extendedData.label = getPropertyRecordAsString(node.label);
+                node.extendedData.description = node.description;
+                if (node.hasChildren !== undefined)
+                    node.extendedData.hasChildren = node.hasChildren;
+                if (node.children !== undefined)
+                    node.extendedData.children = node.children;
+                node.extendedData.dataProvider = treeDataProvider;
+                node.extendedData.icon = node.icon;
+                const row = {
+                    _node: node,
+                    key: node.id,
+                    extendedData: node.extendedData,
+                    isDisabled: false,
+                    colorOverrides: node.style ? node.style.colorOverrides : undefined,
+                    cells,
+                };
+                return row;
+            },
+            // TODO: implement sorting function
+            sort: /* istanbul ignore next */ async () => { },
+        };
+    }
+}
+/** @internal */
+// istanbul ignore next
+export function getPropertyRecordAsString(label) {
+    var _a;
+    if (label.value.valueFormat === PropertyValueFormat.Primitive)
+        return (_a = label.value.displayValue) !== null && _a !== void 0 ? _a : "";
+    return "";
+}
+//# sourceMappingURL=BreadcrumbTreeUtils.js.map

package/lib/esm/components-react/breadcrumb/BreadcrumbTreeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbTreeUtils.js","sourceRoot":"","sources":["../../../../src/components-react/breadcrumb/BreadcrumbTreeUtils.ts"],"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 Breadcrumb\r\n */\r\nimport { PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { CellItem, ColumnDescription, RowItem, TableDataChangeEvent, TableDataProvider } from \"../table/TableDataProvider\";\r\nimport { DelayLoadedTreeNodeItem, hasChildren, ImmediatelyLoadedTreeNodeItem, TreeDataProvider, TreeNodeItem } from \"../tree/TreeDataProvider\";\r\nimport { UiComponents } from \"../UiComponents\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/**\r\n * Utility class for tree searching and manipulation in the Breadcrumb component.\r\n * @beta\r\n * @deprecated in 3.0.\r\n */\r\nexport class BreadcrumbTreeUtils {\r\n\r\n  private static createIcon(node: TreeNodeItem): CellItem {\r\n    return {\r\n      key: \"icon\", record:\r\n        new PropertyRecord(\r\n          {\r\n            value: hasChildren(node) ? \"icon-folder\" : node.icon,\r\n            valueFormat: PropertyValueFormat.Primitive,\r\n            displayValue: hasChildren(node) ? \"icon-folder\" : node.icon!,\r\n          },\r\n          {\r\n            name: \"icon\",\r\n            displayLabel: UiComponents.translate(\"breadcrumb.icon\"),\r\n            typename: \"icon\",\r\n          }),\r\n    };\r\n  }\r\n\r\n  private static createLabel(node: TreeNodeItem): CellItem {\r\n    return {\r\n      key: \"label\",\r\n      record: node.label,\r\n    };\r\n  }\r\n\r\n  private static createDescription(node: TreeNodeItem): CellItem {\r\n    return {\r\n      key: \"description\",\r\n      record: new PropertyRecord(\r\n        {\r\n          value: node.description || \"\",\r\n          valueFormat: PropertyValueFormat.Primitive,\r\n          displayValue: node.description || \"\",\r\n        },\r\n        {\r\n          name: \"description\",\r\n          displayLabel: UiComponents.translate(\"breadcrumb.description\"),\r\n          typename: \"text\",\r\n        }),\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Transforms a list of children from a tree node into a [[TableDataProvider]], given a list of column descriptions.\r\n   * @param nodes Node list to use as a basis for the [[TableDataProvider]].\r\n   * @param columns An array of column descriptions to specify which columns to provide to the resulting [[TableDataProvider]].\r\n   * @returns A [[TableDataProvider]] object that can be used to populate a Table component.\r\n   */\r\n  public static aliasNodeListToTableDataProvider(nodes: TreeNodeItem[], columns: ColumnDescription[], treeDataProvider?: TreeDataProvider): TableDataProvider {\r\n    return {\r\n      onColumnsChanged: new TableDataChangeEvent(),\r\n      onRowsChanged: new TableDataChangeEvent(),\r\n      getColumns: async () => columns,\r\n      getRowsCount: async () => nodes.length,\r\n      getRow: async (rowIndex: number, _unfiltered?: boolean): Promise<DataRowItem> => {\r\n        if (rowIndex < 0 || rowIndex > nodes.length)\r\n          return { _node: {} as TreeNodeItem, key: \"\", cells: [] };\r\n\r\n        const node = nodes[rowIndex];\r\n\r\n        const cells: CellItem[] = [\r\n          BreadcrumbTreeUtils.createIcon(node),\r\n          BreadcrumbTreeUtils.createLabel(node),\r\n          BreadcrumbTreeUtils.createDescription(node),\r\n        ];\r\n\r\n        for (const key in node.extendedData) {\r\n          // only add string values to table cell list\r\n          if (node.extendedData.hasOwnProperty(key) && node.extendedData[key] instanceof PropertyRecord) {\r\n            cells.push({\r\n              key,\r\n              record: node.extendedData[key],\r\n              style: node.style,\r\n            });\r\n          } else if (node.extendedData.hasOwnProperty(key) && (typeof node.extendedData[key] === \"string\" || typeof node.extendedData[key] === \"boolean\" || typeof node.extendedData[key] === \"number\")) {\r\n            cells.push({\r\n              key,\r\n              record: new PropertyRecord(\r\n                {\r\n                  value: node.extendedData[key].toString(),\r\n                  valueFormat: PropertyValueFormat.Primitive,\r\n                  displayValue: node.extendedData[key].toString(),\r\n                },\r\n                {\r\n                  name: key,\r\n                  displayLabel: key,\r\n                  typename: \"text\",\r\n                }),\r\n              style: node.style,\r\n            });\r\n          }\r\n        }\r\n        node.extendedData = node.extendedData || {};\r\n        node.extendedData.id = node.id;\r\n        node.extendedData.label = getPropertyRecordAsString(node.label);\r\n        node.extendedData.description = node.description;\r\n        if ((node as DelayLoadedTreeNodeItem).hasChildren !== undefined)\r\n          node.extendedData.hasChildren = (node as DelayLoadedTreeNodeItem).hasChildren;\r\n        if ((node as ImmediatelyLoadedTreeNodeItem).children !== undefined)\r\n          node.extendedData.children = (node as ImmediatelyLoadedTreeNodeItem).children;\r\n        node.extendedData.dataProvider = treeDataProvider;\r\n        node.extendedData.icon = node.icon;\r\n        const row: DataRowItem = {\r\n          _node: node,\r\n          key: node.id,\r\n          extendedData: node.extendedData,\r\n          isDisabled: false,\r\n          colorOverrides: node.style ? node.style.colorOverrides : undefined,\r\n          cells,\r\n        };\r\n        return row;\r\n      },\r\n      // TODO: implement sorting function\r\n      sort: /* istanbul ignore next */ async () => { },\r\n    };\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport interface DataRowItem extends RowItem {\r\n  _node?: TreeNodeItem;\r\n}\r\n\r\n/** @internal */\r\n// istanbul ignore next\r\nexport function getPropertyRecordAsString(label: PropertyRecord) {\r\n  if (label.value.valueFormat === PropertyValueFormat.Primitive)\r\n    return label.value.displayValue ?? \"\";\r\n  return \"\";\r\n}\r\n"]}

package/lib/esm/components-react/common/DateUtils.d.ts

@@ -1,59 +1,59 @@
-/** @packageDocumentation
- * @module Common
- */
-/**
- * Define formatting options for use when component are generating a formatted date string calling `Date.toLocaleTimeString()`.
- * @public
- */
-export interface DateFormatOptions {
-    locales?: string | string[] | undefined;
-    options?: Intl.DateTimeFormatOptions | undefined;
-}
-/**
- * Adjust a Date object to show time in one time zone as if it is in the local time zone.
- * This is useful when showing sunrise and sunset times for a project location in a different time zone
- * and the time displayed should appear as if the user is seeing clock in project location.
- * Example 1:
- * If you have a UTC time for London (UTC +0100) and you want to display it in Eastern-US (UTC -0400) as if you were in London.
- * ```ts
- *   londonDate = new Date("July 22, 2018 07:22:13 +0100");
- *   in Eastern-US londonDate will show as '7/22/2018, 2:22:13 AM'
- *   adjustedDate = adjustDateToTimezone(londonDate, 1*60);
- *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'
- * ```
- * Example 2:
- * If you have a UTC time for your location (UTC -0400) and you want to display the time as if you are in Western-US (UTC -0700).
- * ```ts
- *   easternDate = new Date("July 22, 2018 07:22:13 -0400");
- *   adjustedDate = adjustDateToTimezone(easternDate, -7*60);
- *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'
- * ```
- *
- * The utcOffset must be the time in minutes between the UTC and the desired time zone at the date specified by inDateTime.
- * For example, if you want the time offset to New York, NY and the date is during Daylight Saving Time, utcOffset should be -240 (-4 * 60).
- * If the date falls during Standard Time in New York, utcOffset will be -300 (-5 * 60).
- *
- * @param inDateTime date/time at project location
- * @param utcOffset UTC offset in  minutes
- * @public
- */
-export declare function adjustDateToTimezone(inDateTime: Date, utcOffset: number): Date;
-/**
- * Format a date in a display string, optionally converting to time zone, if specified by timeZoneOffset
- * @param date Date object to format
- * @param timeZoneOffset optional: offset from UTC to use for conversion
- * @param formatOptions optional: allow locale and format for output Date string. If not defined current locale options are used.
- * @returns formatted date string
- * @public
- */
-export declare const toDateString: (date: Date, timeZoneOffset?: number | undefined, formatOptions?: DateFormatOptions | undefined) => string;
-/**
- * Format the time included in a date, optionally converting to time zone, if specified
- * @param date Date object
- * @param timeZoneOffset optional: offset from UTC to use for conversion
- * @param formatOptions optional: allow locale and format for output Time string. If not defined current locale options are used.
- * @returns formatted time string
- * @public
- */
-export declare const toTimeString: (date: Date, timeZoneOffset?: number | undefined, formatOptions?: DateFormatOptions | undefined) => string;
+/** @packageDocumentation
+ * @module Common
+ */
+/**
+ * Define formatting options for use when component are generating a formatted date string calling `Date.toLocaleTimeString()`.
+ * @public
+ */
+export interface DateFormatOptions {
+    locales?: string | string[] | undefined;
+    options?: Intl.DateTimeFormatOptions | undefined;
+}
+/**
+ * Adjust a Date object to show time in one time zone as if it is in the local time zone.
+ * This is useful when showing sunrise and sunset times for a project location in a different time zone
+ * and the time displayed should appear as if the user is seeing clock in project location.
+ * Example 1:
+ * If you have a UTC time for London (UTC +0100) and you want to display it in Eastern-US (UTC -0400) as if you were in London.
+ * ```ts
+ *   londonDate = new Date("July 22, 2018 07:22:13 +0100");
+ *   in Eastern-US londonDate will show as '7/22/2018, 2:22:13 AM'
+ *   adjustedDate = adjustDateToTimezone(londonDate, 1*60);
+ *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'
+ * ```
+ * Example 2:
+ * If you have a UTC time for your location (UTC -0400) and you want to display the time as if you are in Western-US (UTC -0700).
+ * ```ts
+ *   easternDate = new Date("July 22, 2018 07:22:13 -0400");
+ *   adjustedDate = adjustDateToTimezone(easternDate, -7*60);
+ *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'
+ * ```
+ *
+ * The utcOffset must be the time in minutes between the UTC and the desired time zone at the date specified by inDateTime.
+ * For example, if you want the time offset to New York, NY and the date is during Daylight Saving Time, utcOffset should be -240 (-4 * 60).
+ * If the date falls during Standard Time in New York, utcOffset will be -300 (-5 * 60).
+ *
+ * @param inDateTime date/time at project location
+ * @param utcOffset UTC offset in  minutes
+ * @public
+ */
+export declare function adjustDateToTimezone(inDateTime: Date, utcOffset: number): Date;
+/**
+ * Format a date in a display string, optionally converting to time zone, if specified by timeZoneOffset
+ * @param date Date object to format
+ * @param timeZoneOffset optional: offset from UTC to use for conversion
+ * @param formatOptions optional: allow locale and format for output Date string. If not defined current locale options are used.
+ * @returns formatted date string
+ * @public
+ */
+export declare const toDateString: (date: Date, timeZoneOffset?: number | undefined, formatOptions?: DateFormatOptions | undefined) => string;
+/**
+ * Format the time included in a date, optionally converting to time zone, if specified
+ * @param date Date object
+ * @param timeZoneOffset optional: offset from UTC to use for conversion
+ * @param formatOptions optional: allow locale and format for output Time string. If not defined current locale options are used.
+ * @returns formatted time string
+ * @public
+ */
+export declare const toTimeString: (date: Date, timeZoneOffset?: number | undefined, formatOptions?: DateFormatOptions | undefined) => string;
 //# sourceMappingURL=DateUtils.d.ts.map

package/lib/esm/components-react/common/DateUtils.js

@@ -1,69 +1,69 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-/**
- * Adjust a Date object to show time in one time zone as if it is in the local time zone.
- * This is useful when showing sunrise and sunset times for a project location in a different time zone
- * and the time displayed should appear as if the user is seeing clock in project location.
- * Example 1:
- * If you have a UTC time for London (UTC +0100) and you want to display it in Eastern-US (UTC -0400) as if you were in London.
- * ```ts
- *   londonDate = new Date("July 22, 2018 07:22:13 +0100");
- *   in Eastern-US londonDate will show as '7/22/2018, 2:22:13 AM'
- *   adjustedDate = adjustDateToTimezone(londonDate, 1*60);
- *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'
- * ```
- * Example 2:
- * If you have a UTC time for your location (UTC -0400) and you want to display the time as if you are in Western-US (UTC -0700).
- * ```ts
- *   easternDate = new Date("July 22, 2018 07:22:13 -0400");
- *   adjustedDate = adjustDateToTimezone(easternDate, -7*60);
- *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'
- * ```
- *
- * The utcOffset must be the time in minutes between the UTC and the desired time zone at the date specified by inDateTime.
- * For example, if you want the time offset to New York, NY and the date is during Daylight Saving Time, utcOffset should be -240 (-4 * 60).
- * If the date falls during Standard Time in New York, utcOffset will be -300 (-5 * 60).
- *
- * @param inDateTime date/time at project location
- * @param utcOffset UTC offset in  minutes
- * @public
- */
-export function adjustDateToTimezone(inDateTime, utcOffset) {
-    return new Date(inDateTime.getTime() + (inDateTime.getTimezoneOffset() + utcOffset) * 60000);
-}
-/**
- * Format a date in a display string, optionally converting to time zone, if specified by timeZoneOffset
- * @param date Date object to format
- * @param timeZoneOffset optional: offset from UTC to use for conversion
- * @param formatOptions optional: allow locale and format for output Date string. If not defined current locale options are used.
- * @returns formatted date string
- * @public
- */
-export const toDateString = (date, timeZoneOffset, formatOptions) => {
-    if (formatOptions) {
-        return undefined === timeZoneOffset ? date.toLocaleDateString(formatOptions.locales, formatOptions.options) :
-            adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString(formatOptions.locales, formatOptions.options);
-    }
-    return undefined === timeZoneOffset ? date.toLocaleDateString() : adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString();
-};
-/**
- * Format the time included in a date, optionally converting to time zone, if specified
- * @param date Date object
- * @param timeZoneOffset optional: offset from UTC to use for conversion
- * @param formatOptions optional: allow locale and format for output Time string. If not defined current locale options are used.
- * @returns formatted time string
- * @public
- */
-export const toTimeString = (date, timeZoneOffset, formatOptions) => {
-    if (formatOptions) {
-        return undefined === timeZoneOffset ? date.toLocaleTimeString(formatOptions.locales, formatOptions.options) :
-            adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString(formatOptions.locales, formatOptions.options);
-    }
-    return undefined === timeZoneOffset ? date.toLocaleTimeString() : adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString();
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+/**
+ * Adjust a Date object to show time in one time zone as if it is in the local time zone.
+ * This is useful when showing sunrise and sunset times for a project location in a different time zone
+ * and the time displayed should appear as if the user is seeing clock in project location.
+ * Example 1:
+ * If you have a UTC time for London (UTC +0100) and you want to display it in Eastern-US (UTC -0400) as if you were in London.
+ * ```ts
+ *   londonDate = new Date("July 22, 2018 07:22:13 +0100");
+ *   in Eastern-US londonDate will show as '7/22/2018, 2:22:13 AM'
+ *   adjustedDate = adjustDateToTimezone(londonDate, 1*60);
+ *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'
+ * ```
+ * Example 2:
+ * If you have a UTC time for your location (UTC -0400) and you want to display the time as if you are in Western-US (UTC -0700).
+ * ```ts
+ *   easternDate = new Date("July 22, 2018 07:22:13 -0400");
+ *   adjustedDate = adjustDateToTimezone(easternDate, -7*60);
+ *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'
+ * ```
+ *
+ * The utcOffset must be the time in minutes between the UTC and the desired time zone at the date specified by inDateTime.
+ * For example, if you want the time offset to New York, NY and the date is during Daylight Saving Time, utcOffset should be -240 (-4 * 60).
+ * If the date falls during Standard Time in New York, utcOffset will be -300 (-5 * 60).
+ *
+ * @param inDateTime date/time at project location
+ * @param utcOffset UTC offset in  minutes
+ * @public
+ */
+export function adjustDateToTimezone(inDateTime, utcOffset) {
+    return new Date(inDateTime.getTime() + (inDateTime.getTimezoneOffset() + utcOffset) * 60000);
+}
+/**
+ * Format a date in a display string, optionally converting to time zone, if specified by timeZoneOffset
+ * @param date Date object to format
+ * @param timeZoneOffset optional: offset from UTC to use for conversion
+ * @param formatOptions optional: allow locale and format for output Date string. If not defined current locale options are used.
+ * @returns formatted date string
+ * @public
+ */
+export const toDateString = (date, timeZoneOffset, formatOptions) => {
+    if (formatOptions) {
+        return undefined === timeZoneOffset ? date.toLocaleDateString(formatOptions.locales, formatOptions.options) :
+            adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString(formatOptions.locales, formatOptions.options);
+    }
+    return undefined === timeZoneOffset ? date.toLocaleDateString() : adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString();
+};
+/**
+ * Format the time included in a date, optionally converting to time zone, if specified
+ * @param date Date object
+ * @param timeZoneOffset optional: offset from UTC to use for conversion
+ * @param formatOptions optional: allow locale and format for output Time string. If not defined current locale options are used.
+ * @returns formatted time string
+ * @public
+ */
+export const toTimeString = (date, timeZoneOffset, formatOptions) => {
+    if (formatOptions) {
+        return undefined === timeZoneOffset ? date.toLocaleTimeString(formatOptions.locales, formatOptions.options) :
+            adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString(formatOptions.locales, formatOptions.options);
+    }
+    return undefined === timeZoneOffset ? date.toLocaleTimeString() : adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString();
+};
 //# sourceMappingURL=DateUtils.js.map

package/lib/esm/components-react/common/DateUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateUtils.js","sourceRoot":"","sources":["../../../../src/components-react/common/DateUtils.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAWH;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,oBAAoB,CAAC,UAAgB,EAAE,SAAiB;IACtE,OAAO,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,iBAAiB,EAAE,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;AAC/F,CAAC;AACD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,cAAuB,EAAE,aAAiC,EAAE,EAAE;IACrG,IAAI,aAAa,EAAE;QACjB,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3G,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/G;IACD,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACpI,CAAC,CAAC;AACF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,cAAuB,EAAE,aAAiC,EAAE,EAAE;IACrG,IAAI,aAAa,EAAE;QACjB,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3G,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/G;IACD,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACpI,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Common\n */\n\n/**\n * Define formatting options for use when component are generating a formatted date string calling `Date.toLocaleTimeString()`.\n * @public\n */\nexport interface DateFormatOptions {\n  locales?: string | string[] | undefined;\n  options?: Intl.DateTimeFormatOptions | undefined;\n}\n\n/**\n * Adjust a Date object to show time in one time zone as if it is in the local time zone.\n * This is useful when showing sunrise and sunset times for a project location in a different time zone\n * and the time displayed should appear as if the user is seeing clock in project location.\n * Example 1:\n * If you have a UTC time for London (UTC +0100) and you want to display it in Eastern-US (UTC -0400) as if you were in London.\n * ```ts\n *   londonDate = new Date(\"July 22, 2018 07:22:13 +0100\");\n *   in Eastern-US londonDate will show as '7/22/2018, 2:22:13 AM'\n *   adjustedDate = adjustDateToTimezone(londonDate, 1*60);\n *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'\n * ```\n * Example 2:\n * If you have a UTC time for your location (UTC -0400) and you want to display the time as if you are in Western-US (UTC -0700).\n * ```ts\n *   easternDate = new Date(\"July 22, 2018 07:22:13 -0400\");\n *   adjustedDate = adjustDateToTimezone(easternDate, -7*60);\n *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'\n * ```\n *\n * The utcOffset must be the time in minutes between the UTC and the desired time zone at the date specified by inDateTime.\n * For example, if you want the time offset to New York, NY and the date is during Daylight Saving Time, utcOffset should be -240 (-4 * 60).\n * If the date falls during Standard Time in New York, utcOffset will be -300 (-5 * 60).\n *\n * @param inDateTime date/time at project location\n * @param utcOffset UTC offset in  minutes\n * @public\n */\nexport function adjustDateToTimezone(inDateTime: Date, utcOffset: number) {\n  return new Date(inDateTime.getTime() + (inDateTime.getTimezoneOffset() + utcOffset) * 60000);\n}\n/**\n * Format a date in a display string, optionally converting to time zone, if specified by timeZoneOffset\n * @param date Date object to format\n * @param timeZoneOffset optional: offset from UTC to use for conversion\n * @param formatOptions optional: allow locale and format for output Date string. If not defined current locale options are used.\n * @returns formatted date string\n * @public\n */\nexport const toDateString = (date: Date, timeZoneOffset?: number, formatOptions?: DateFormatOptions) => {\n  if (formatOptions) {\n    return undefined === timeZoneOffset ? date.toLocaleDateString(formatOptions.locales, formatOptions.options) :\n      adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString(formatOptions.locales, formatOptions.options);\n  }\n  return undefined === timeZoneOffset ? date.toLocaleDateString() : adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString();\n};\n/**\n * Format the time included in a date, optionally converting to time zone, if specified\n * @param date Date object\n * @param timeZoneOffset optional: offset from UTC to use for conversion\n * @param formatOptions optional: allow locale and format for output Time string. If not defined current locale options are used.\n * @returns formatted time string\n * @public\n */\nexport const toTimeString = (date: Date, timeZoneOffset?: number, formatOptions?: DateFormatOptions) => {\n  if (formatOptions) {\n    return undefined === timeZoneOffset ? date.toLocaleTimeString(formatOptions.locales, formatOptions.options) :\n      adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString(formatOptions.locales, formatOptions.options);\n  }\n  return undefined === timeZoneOffset ? date.toLocaleTimeString() : adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString();\n};\n\n"]}
+{"version":3,"file":"DateUtils.js","sourceRoot":"","sources":["../../../../src/components-react/common/DateUtils.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAWH;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,oBAAoB,CAAC,UAAgB,EAAE,SAAiB;IACtE,OAAO,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,iBAAiB,EAAE,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;AAC/F,CAAC;AACD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,cAAuB,EAAE,aAAiC,EAAE,EAAE;IACrG,IAAI,aAAa,EAAE;QACjB,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3G,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/G;IACD,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACpI,CAAC,CAAC;AACF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,cAAuB,EAAE,aAAiC,EAAE,EAAE;IACrG,IAAI,aAAa,EAAE;QACjB,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3G,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/G;IACD,OAAO,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACpI,CAAC,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 Common\r\n */\r\n\r\n/**\r\n * Define formatting options for use when component are generating a formatted date string calling `Date.toLocaleTimeString()`.\r\n * @public\r\n */\r\nexport interface DateFormatOptions {\r\n  locales?: string | string[] | undefined;\r\n  options?: Intl.DateTimeFormatOptions | undefined;\r\n}\r\n\r\n/**\r\n * Adjust a Date object to show time in one time zone as if it is in the local time zone.\r\n * This is useful when showing sunrise and sunset times for a project location in a different time zone\r\n * and the time displayed should appear as if the user is seeing clock in project location.\r\n * Example 1:\r\n * If you have a UTC time for London (UTC +0100) and you want to display it in Eastern-US (UTC -0400) as if you were in London.\r\n * ```ts\r\n *   londonDate = new Date(\"July 22, 2018 07:22:13 +0100\");\r\n *   in Eastern-US londonDate will show as '7/22/2018, 2:22:13 AM'\r\n *   adjustedDate = adjustDateToTimezone(londonDate, 1*60);\r\n *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'\r\n * ```\r\n * Example 2:\r\n * If you have a UTC time for your location (UTC -0400) and you want to display the time as if you are in Western-US (UTC -0700).\r\n * ```ts\r\n *   easternDate = new Date(\"July 22, 2018 07:22:13 -0400\");\r\n *   adjustedDate = adjustDateToTimezone(easternDate, -7*60);\r\n *   in location Eastern-US adjustedDate will show as '7/22/2018, 7:22:13 AM'\r\n * ```\r\n *\r\n * The utcOffset must be the time in minutes between the UTC and the desired time zone at the date specified by inDateTime.\r\n * For example, if you want the time offset to New York, NY and the date is during Daylight Saving Time, utcOffset should be -240 (-4 * 60).\r\n * If the date falls during Standard Time in New York, utcOffset will be -300 (-5 * 60).\r\n *\r\n * @param inDateTime date/time at project location\r\n * @param utcOffset UTC offset in  minutes\r\n * @public\r\n */\r\nexport function adjustDateToTimezone(inDateTime: Date, utcOffset: number) {\r\n  return new Date(inDateTime.getTime() + (inDateTime.getTimezoneOffset() + utcOffset) * 60000);\r\n}\r\n/**\r\n * Format a date in a display string, optionally converting to time zone, if specified by timeZoneOffset\r\n * @param date Date object to format\r\n * @param timeZoneOffset optional: offset from UTC to use for conversion\r\n * @param formatOptions optional: allow locale and format for output Date string. If not defined current locale options are used.\r\n * @returns formatted date string\r\n * @public\r\n */\r\nexport const toDateString = (date: Date, timeZoneOffset?: number, formatOptions?: DateFormatOptions) => {\r\n  if (formatOptions) {\r\n    return undefined === timeZoneOffset ? date.toLocaleDateString(formatOptions.locales, formatOptions.options) :\r\n      adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString(formatOptions.locales, formatOptions.options);\r\n  }\r\n  return undefined === timeZoneOffset ? date.toLocaleDateString() : adjustDateToTimezone(date, timeZoneOffset).toLocaleDateString();\r\n};\r\n/**\r\n * Format the time included in a date, optionally converting to time zone, if specified\r\n * @param date Date object\r\n * @param timeZoneOffset optional: offset from UTC to use for conversion\r\n * @param formatOptions optional: allow locale and format for output Time string. If not defined current locale options are used.\r\n * @returns formatted time string\r\n * @public\r\n */\r\nexport const toTimeString = (date: Date, timeZoneOffset?: number, formatOptions?: DateFormatOptions) => {\r\n  if (formatOptions) {\r\n    return undefined === timeZoneOffset ? date.toLocaleTimeString(formatOptions.locales, formatOptions.options) :\r\n      adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString(formatOptions.locales, formatOptions.options);\r\n  }\r\n  return undefined === timeZoneOffset ? date.toLocaleTimeString() : adjustDateToTimezone(date, timeZoneOffset).toLocaleTimeString();\r\n};\r\n\r\n"]}