@itwin/components-react 4.17.6 → 5.0.0-dev.3

package/lib/components-react/toolbar/groupPanel/tool/Expander.scss

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "sass:math";
+@use "variables" as *;
+
+.components-toolbar-item-expandable-group-tool-expander {
+  > .components-expansion-indicator {
+    $border: solid $expander-arrow-thickness currentColor;
+    $size: math.sqrt($expander-arrow-size-val * $expander-arrow-size-val * 8) *
+      0.5 + px;
+
+    width: $size;
+    height: $size;
+    border-top: $border;
+    border-left: $border;
+    margin-left: $expander-arrow-thickness;
+    margin-top: $expander-arrow-thickness;
+    margin-right: $space-after-expander;
+    box-sizing: border-box;
+    transform: rotate(135deg);
+  }
+
+  &:active:not(.components-disabled) {
+    > .components-expansion-indicator {
+      filter: $no-shadow;
+    }
+  }
+}

package/lib/components-react/toolbar/groupPanel/tool/Tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tool.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/tool/Tool.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD;;GAEG;AAEH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,YAAY,KAAK,IAAI,CAAC;IACrD,yDAAyD;IACzD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,YAAY,KAAK,IAAI,CAAC;IACzD,uBAAuB;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uBAAuB;IACvB,IAAI,EAAE,WAAW,GAAG,YAAY,CAAC;IACjC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBA8C9C"}

package/lib/components-react/toolbar/groupPanel/tool/Tool.js

@@ -0,0 +1,35 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Tool.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { useTargeted } from "@itwin/core-react/internal";
+/** Tool entry of tool group panel. Used in [[GroupColumn]].
+ * @internal
+ */
+export function GroupTool(props) {
+    const ref = React.useRef(null);
+    const targeted = useTargeted(ref);
+    const itemClassName = classnames("components-toolbar-item-expandable-group-tool-item", props.isActive && "components-active", props.isFocused && "components-focused", props.isDisabled && "components-disabled", props.onPointerUp && "components-pointer-up", targeted && "components-targeted", props.className);
+    const handleClick = React.useCallback(() => {
+        if (!props.isDisabled && props.onClick)
+            props.onClick(props.item);
+    }, [props]);
+    const handlePointerUp = React.useCallback(() => {
+        if (!props.isDisabled && props.onPointerUp)
+            props.onPointerUp(props.item);
+    }, [props]);
+    const providerId = "providerId" in props.item ? props.item.providerId : undefined;
+    return (React.createElement("div", { className: itemClassName, onClick: handleClick, onKeyDown: props.onKeyDown, onPointerUp: handlePointerUp, "data-item-id": props.item.id, "data-item-type": "popup-tool-panel-item", "data-item-priority": props.item.itemPriority, "data-item-provider-id": providerId, ref: ref, style: props.style, role: "button", tabIndex: 0 },
+        React.createElement("div", { className: "components-icon" },
+            props.icon,
+            props.badge && React.createElement("div", { className: "components-badge" }, props.badge)),
+        React.createElement("div", { className: "components-label" }, props.label),
+        props.children));
+}
+//# sourceMappingURL=Tool.js.map

package/lib/components-react/toolbar/groupPanel/tool/Tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tool.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/tool/Tool.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AA+BzD;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,UAAU,CAC9B,oDAAoD,EACpD,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,SAAS,IAAI,oBAAoB,EACvC,KAAK,CAAC,UAAU,IAAI,qBAAqB,EACzC,KAAK,CAAC,WAAW,IAAI,uBAAuB,EAC5C,QAAQ,IAAI,qBAAqB,EACjC,KAAK,CAAC,SAAS,CAChB,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO;YAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,WAAW;YAAE,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,UAAU,GACd,YAAY,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IACjE,OAAO,CACL,6BACE,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,eAAe,kBACd,KAAK,CAAC,IAAI,CAAC,EAAE,oBACZ,uBAAuB,wBAClB,KAAK,CAAC,IAAI,CAAC,YAAY,2BACpB,UAAU,EACjC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC;QAEX,6BAAK,SAAS,EAAC,iBAAiB;YAC7B,KAAK,CAAC,IAAI;YACV,KAAK,CAAC,KAAK,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,KAAK,CAAO,CACjE;QACN,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,KAAK,CAAO;QACpD,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,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 Toolbar\n */\n\nimport \"./Tool.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { ActionButton, GroupButton } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { useTargeted } from \"@itwin/core-react/internal\";\n\n/** Properties of [[GroupTool]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface GroupToolProps extends CommonProps {\n  /** Additional content, besides icon and label. */\n  children?: React.ReactNode;\n  /** Tool icon. */\n  icon?: React.ReactNode;\n  /** Describes if the item is active. */\n  isActive?: boolean;\n  /** Describes if the item is disabled. */\n  isDisabled?: boolean;\n  /** Describes if the item is focused. */\n  isFocused?: boolean;\n  /** Tool label. */\n  label?: string;\n  /** Function called when the item is clicked. */\n  onClick?: (item: GroupButton | ActionButton) => void;\n  /** Function called when pointer up event is received. */\n  onPointerUp?: (item: GroupButton | ActionButton) => void;\n  /** A badge to draw. */\n  badge?: React.ReactNode;\n  /** GroupButton item */\n  item: GroupButton | ActionButton;\n  /** Optional function to call on any KeyDown events processed by toolbar */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\n/** Tool entry of tool group panel. Used in [[GroupColumn]].\n * @internal\n */\nexport function GroupTool(props: GroupToolProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const targeted = useTargeted(ref);\n  const itemClassName = classnames(\n    \"components-toolbar-item-expandable-group-tool-item\",\n    props.isActive && \"components-active\",\n    props.isFocused && \"components-focused\",\n    props.isDisabled && \"components-disabled\",\n    props.onPointerUp && \"components-pointer-up\",\n    targeted && \"components-targeted\",\n    props.className\n  );\n\n  const handleClick = React.useCallback(() => {\n    if (!props.isDisabled && props.onClick) props.onClick(props.item);\n  }, [props]);\n\n  const handlePointerUp = React.useCallback(() => {\n    if (!props.isDisabled && props.onPointerUp) props.onPointerUp(props.item);\n  }, [props]);\n\n  const providerId =\n    \"providerId\" in props.item ? props.item.providerId : undefined;\n  return (\n    <div\n      className={itemClassName}\n      onClick={handleClick}\n      onKeyDown={props.onKeyDown}\n      onPointerUp={handlePointerUp}\n      data-item-id={props.item.id}\n      data-item-type=\"popup-tool-panel-item\"\n      data-item-priority={props.item.itemPriority}\n      data-item-provider-id={providerId}\n      ref={ref}\n      style={props.style}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className=\"components-icon\">\n        {props.icon}\n        {props.badge && <div className=\"components-badge\">{props.badge}</div>}\n      </div>\n      <div className=\"components-label\">{props.label}</div>\n      {props.children}\n    </div>\n  );\n}\n"]}

package/lib/components-react/toolbar/groupPanel/tool/Tool.scss

@@ -0,0 +1,117 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "~@itwin/core-react/lib/core-react/typography" as *;
+@use "../../../target" as *;
+@use "variables" as *;
+
+.components-toolbar-item-expandable-group-tool-item {
+  $item-height: 32px;
+  $item-border-width: 2px;
+  $active-tool-stripe-height: 22px;
+  $active-tool-stripe-width: 2px;
+  $icon-size: 16px;
+  $space-between-icon-and-label: 32px - 16px;
+
+  white-space: nowrap;
+  height: $item-height;
+  color: var(--iui-color-text);
+  cursor: pointer;
+  border-radius: var(--iui-border-radius-1);
+  display: flex;
+  align-items: center;
+
+  @include body1;
+
+  @mixin components-active-tool {
+    &:not(.components-disabled) {
+      background: var(--iui-color-background-hover);
+      color: var(--iui-color-text-accent-hover);
+    }
+  }
+
+  > .components-icon {
+    width: $icon-size;
+    height: $icon-size;
+    display: inline-block;
+    margin-right: $space-between-icon-and-label;
+    margin-left: 8px;
+    position: relative;
+
+    > .components-badge {
+      position: absolute;
+      top: -8px;
+      left: -8px;
+    }
+  }
+
+  > .components-label {
+    display: inline-block;
+    margin-right: $space-after-label;
+    line-height: $item-height;
+
+    &:after {
+      display: block;
+      content: attr(title);
+      font-weight: bold;
+      height: 1px;
+      color: transparent;
+      overflow: hidden;
+      visibility: hidden;
+    }
+  }
+
+  @include components-internal-targeted {
+    &:not(.components-disabled) {
+      color: var(--iui-color-text-hover);
+
+      @include body1;
+    }
+  }
+
+  &:active {
+    @include components-active-tool;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &.components-pointer-up {
+    @include components-internal-targeted {
+      @include components-active-tool;
+    }
+  }
+
+  &.components-focused:not(.components-disabled) {
+    color: var(--iui-color-text-accent);
+    border-color: var(--iui-color-border-accent);
+    border-width: $item-border-width;
+    border-style: solid;
+
+    @include body1;
+  }
+
+  &.components-active:not(.components-disabled) {
+    color: var(--iui-color-text-accent);
+
+    @include body1;
+
+    &::before {
+      content: "";
+      background-color: var(--iui-color-border-accent);
+      display: block;
+      position: relative;
+      top: 0;
+      left: $item-border-width + 1;
+      width: $active-tool-stripe-width;
+      height: $active-tool-stripe-height;
+      border-radius: 2px;
+    }
+  }
+
+  &.components-disabled {
+    color: var(--iui-color-text-disabled);
+  }
+}

package/lib/components-react/toolbar/groupPanel/tool/_variables.scss

@@ -0,0 +1,15 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@forward "~@itwin/core-react/lib/core-react/style/themecolors";
+
+$no-shadow: none;
+$shadow: drop-shadow(
+  0 1px 0 hsl(var(--iui-color-background-hsl) / var(--iui-opacity-2))
+);
+$space-after-label: 16px;
+
+$expander-arrow-thickness: 2px;
+$expander-arrow-size-val: 6;
+$space-after-expander: 10px;

package/lib/components-react/toolbar/useConditionalSynchedItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConditionalSynchedItems.d.ts","sourceRoot":"","sources":["../../../src/components-react/toolbar/useConditionalSynchedItems.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAiFnD;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,EAAE,GAAG;IAAE,KAAK,EAAE,CAAC,EAAE,CAAA;CAAE,EACtE,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC,IAAI,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,KAAK,IAAI,CAAC,gBAyB5E"}

package/lib/components-react/toolbar/useConditionalSynchedItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConditionalSynchedItems.js","sourceRoot":"","sources":["../../../src/components-react/toolbar/useConditionalSynchedItems.ts"],"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 *--------------------------------------------------------------------------------------------*/\nimport {\n  ConditionalBooleanValue,\n  ConditionalStringValue,\n} from \"@itwin/appui-abstract\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { ConditionalIconItem } from \"@itwin/core-react\";\nimport * as React from \"react\";\n\n/**\n * From a list of ToolbarItem, recursively return the list of syncIds\n * that are relevant to every Conditional members used in the items.\n * @param eventIds Set to fill with syncIds\n * @param items ToolbarItems list to search through\n */\nfunction gatherSyncIds<T extends {} | { items: T[] }>(\n  eventIds: Set<string>,\n  items: readonly T[]\n) {\n  for (const item of items) {\n    for (const [, entry] of Object.entries(item)) {\n      if (entry instanceof ConditionalBooleanValue) {\n        entry.syncEventIds.forEach((eventId: string) =>\n          eventIds.add(eventId.toLowerCase())\n        );\n      } else if (entry instanceof ConditionalStringValue) {\n        entry.syncEventIds.forEach((eventId: string) =>\n          eventIds.add(eventId.toLowerCase())\n        );\n        // eslint-disable-next-line deprecation/deprecation\n      } else if (entry instanceof ConditionalIconItem) {\n        entry.syncEventIds.forEach((eventId: string) =>\n          eventIds.add(eventId.toLowerCase())\n        );\n      }\n    }\n    if (\"items\" in item) {\n      gatherSyncIds(eventIds, item.items);\n    }\n  }\n}\n\n/**\n * Refresh all conditional values interested by the provided eventIds.\n * @param items List of ToolbarItems that may content Conditional properties.\n * @param eventIds Set of triggered eventIds.\n * @returns null if no updates occurred, or the provided items with updated values if ANY were updated.\n */\nfunction refreshItems<T extends {} | { items: T[] }>(\n  items: readonly T[],\n  eventIds: Set<string>\n): T[] | null {\n  if (0 === eventIds.size) return null;\n  let itemsUpdated = false;\n  const updatedItems: T[] = [];\n\n  for (const item of items) {\n    let updatedItem = { ...item };\n    if (\"items\" in updatedItem) {\n      const childItems = refreshItems(updatedItem.items, eventIds);\n      updatedItem = {\n        ...updatedItem,\n        items: childItems ?? updatedItem.items,\n      };\n      itemsUpdated ||= !!childItems;\n    }\n\n    for (const [, entry] of Object.entries(updatedItem)) {\n      if (\n        (entry instanceof ConditionalBooleanValue &&\n          ConditionalBooleanValue.refreshValue(entry, eventIds)) ||\n        (entry instanceof ConditionalStringValue &&\n          ConditionalStringValue.refreshValue(entry, eventIds)) ||\n        // eslint-disable-next-line deprecation/deprecation\n        (entry instanceof ConditionalIconItem &&\n          // eslint-disable-next-line deprecation/deprecation\n          ConditionalIconItem.refreshValue(entry, eventIds))\n      ) {\n        itemsUpdated = true;\n      }\n    }\n    updatedItems.push(updatedItem);\n  }\n  return itemsUpdated ? updatedItems : null;\n}\n\n/**\n * Register a listener on the syncUiEVent and updates all conditionals within the provided items.\n * @param items Items to keep up to date\n * @param syncUiEvent Event to attach to (because we don't depend on appui-react);\n * @returns Synched items\n * @internal\n */\nexport function useConditionalSynchedItems<T extends {} | { items: T[] }>(\n  items: readonly T[],\n  syncUiEvent: undefined | BeEvent<(args: { eventIds: Set<string> }) => void>\n) {\n  const [eventSynchedItems, setEventSynchedItems] = React.useState<\n    readonly T[]\n  >([]);\n  React.useEffect(() => {\n    const ids = new Set<string>();\n    gatherSyncIds(ids, items);\n    setEventSynchedItems(refreshItems(items, ids) ?? items);\n    const syncIdsOfInterest = [...ids.values()];\n    return syncUiEvent?.addListener((args) => {\n      if (0 === syncIdsOfInterest.length) return;\n\n      if (\n        syncIdsOfInterest.some((value: string): boolean =>\n          args.eventIds.has(value.toLowerCase())\n        )\n      ) {\n        setEventSynchedItems(\n          (current) => refreshItems(current, args.eventIds) ?? current\n        );\n      }\n    });\n  }, [syncUiEvent, items]);\n  return eventSynchedItems;\n}\n"]}

package/lib/components-react/toolbar/useDragInteraction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragInteraction.d.ts","sourceRoot":"","sources":["../../../src/components-react/toolbar/useDragInteraction.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyD/B;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,CAAC,EAAE,MAAM,IAAI,EACpB,WAAW,CAAC,EAAE,MAAM,IAAI;2BA0BlB,kBAAkB;;EA6BzB"}

package/lib/components-react/toolbar/useDragInteraction.js

@@ -0,0 +1,100 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import { Timer } from "@itwin/core-react";
+import { Point } from "@itwin/core-react/internal";
+function useDrag(args) {
+    const { initialPosition, onDrag } = args;
+    const handlePointerMove = React.useCallback((e) => {
+        if (!initialPosition.current)
+            return;
+        const newPosition = new Point(e.clientX, e.clientY);
+        const dragDistance = initialPosition.current.getDistanceTo(newPosition);
+        if (dragDistance < 20)
+            return;
+        onDrag();
+    }, [initialPosition, onDrag]);
+    return { handlePointerMove };
+}
+function useLongPress(args) {
+    // eslint-disable-next-line deprecation/deprecation
+    const longPressTimer = React.useRef(new Timer(500));
+    const handlePointerDown = React.useCallback(() => {
+        longPressTimer.current.start();
+    }, []);
+    const handlePointerUp = React.useCallback(() => {
+        longPressTimer.current.stop();
+    }, []);
+    const handlePointerMove = React.useCallback((e) => {
+        if (!args.initialPosition.current)
+            return;
+        const newPosition = new Point(e.clientX, e.clientY);
+        const distance = args.initialPosition.current.getDistanceTo(newPosition);
+        distance >= 10 && longPressTimer.current.stop();
+    }, [args.initialPosition]);
+    React.useEffect(() => {
+        longPressTimer.current.setOnExecute(args.onLongPress);
+        return () => {
+            longPressTimer.current.setOnExecute(undefined); // eslint-disable-line react-hooks/exhaustive-deps
+        };
+    }, [args.onLongPress]);
+    return { handlePointerDown, handlePointerMove, handlePointerUp };
+}
+/**
+ * Hook used on expandable item that require drag or long press to open
+ * @param onClick Function called when item is clicked.
+ * @param onOpenPanel Function called when item is dragged or long pressed to open panel.
+ * @public
+ */
+export function useDragInteraction(onClick, onOpenPanel) {
+    const initialPosition = React.useRef(undefined);
+    const skipClick = React.useRef(false);
+    const handleOpenPanel = React.useCallback(() => {
+        initialPosition.current = undefined;
+        skipClick.current = true;
+        onOpenPanel && onOpenPanel();
+    }, [onOpenPanel]);
+    const { handlePointerMove: dragPointerMove } = useDrag({
+        initialPosition,
+        onDrag: handleOpenPanel,
+    });
+    const { handlePointerDown: longPressPointerDown, handlePointerMove: longPressPointerMove, handlePointerUp: longPressPointerUp, } = useLongPress({
+        initialPosition,
+        onLongPress: handleOpenPanel,
+    });
+    const handleButtonClick = React.useCallback(() => {
+        if (skipClick.current)
+            return;
+        onClick && onClick();
+    }, [onClick]);
+    const handlePointerDown = React.useCallback((e) => {
+        e.target instanceof Element &&
+            e.target.releasePointerCapture(e.pointerId);
+        initialPosition.current = new Point(e.clientX, e.clientY);
+        skipClick.current = false;
+        longPressPointerDown();
+    }, [longPressPointerDown]);
+    const handlePointerMove = React.useCallback((e) => {
+        dragPointerMove(e);
+        longPressPointerMove(e);
+    }, [dragPointerMove, longPressPointerMove]);
+    const handlePointerUp = React.useCallback(() => {
+        initialPosition.current = undefined;
+        longPressPointerUp();
+    }, [longPressPointerUp]);
+    React.useEffect(() => {
+        document.addEventListener("pointermove", handlePointerMove);
+        document.addEventListener("pointerup", handlePointerUp);
+        return () => {
+            document.removeEventListener("pointermove", handlePointerMove);
+            document.removeEventListener("pointerup", handlePointerUp);
+        };
+    }, [handlePointerMove, handlePointerUp]);
+    return { handlePointerDown, handleButtonClick };
+}
+//# sourceMappingURL=useDragInteraction.js.map

package/lib/components-react/toolbar/useDragInteraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragInteraction.js","sourceRoot":"","sources":["../../../src/components-react/toolbar/useDragInteraction.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 Toolbar\n */\n\nimport * as React from \"react\";\nimport { Timer } from \"@itwin/core-react\";\nimport { Point } from \"@itwin/core-react/internal\";\n\ninterface UseDragArgs {\n  readonly initialPosition: React.MutableRefObject<Point | undefined>;\n  readonly onDrag: () => void;\n}\n\nfunction useDrag(args: UseDragArgs) {\n  const { initialPosition, onDrag } = args;\n  const handlePointerMove = React.useCallback(\n    (e: PointerEvent) => {\n      if (!initialPosition.current) return;\n      const newPosition = new Point(e.clientX, e.clientY);\n      const dragDistance = initialPosition.current.getDistanceTo(newPosition);\n      if (dragDistance < 20) return;\n      onDrag();\n    },\n    [initialPosition, onDrag]\n  );\n  return { handlePointerMove };\n}\n\ninterface UseLongPressArgs {\n  readonly initialPosition: React.RefObject<Point | undefined>;\n  readonly onLongPress: () => void;\n}\n\nfunction useLongPress(args: UseLongPressArgs) {\n  // eslint-disable-next-line deprecation/deprecation\n  const longPressTimer = React.useRef(new Timer(500));\n  const handlePointerDown = React.useCallback(() => {\n    longPressTimer.current.start();\n  }, []);\n  const handlePointerUp = React.useCallback(() => {\n    longPressTimer.current.stop();\n  }, []);\n\n  const handlePointerMove = React.useCallback(\n    (e: PointerEvent) => {\n      if (!args.initialPosition.current) return;\n      const newPosition = new Point(e.clientX, e.clientY);\n      const distance = args.initialPosition.current.getDistanceTo(newPosition);\n      distance >= 10 && longPressTimer.current.stop();\n    },\n    [args.initialPosition]\n  );\n  React.useEffect(() => {\n    longPressTimer.current.setOnExecute(args.onLongPress);\n    return () => {\n      longPressTimer.current.setOnExecute(undefined); // eslint-disable-line react-hooks/exhaustive-deps\n    };\n  }, [args.onLongPress]);\n  return { handlePointerDown, handlePointerMove, handlePointerUp };\n}\n\n/**\n * Hook used on expandable item that require drag or long press to open\n * @param onClick Function called when item is clicked.\n * @param onOpenPanel Function called when item is dragged or long pressed to open panel.\n * @public\n */\nexport function useDragInteraction(\n  onClick?: () => void,\n  onOpenPanel?: () => void\n) {\n  const initialPosition = React.useRef<Point | undefined>(undefined);\n  const skipClick = React.useRef<boolean>(false);\n  const handleOpenPanel = React.useCallback(() => {\n    initialPosition.current = undefined;\n    skipClick.current = true;\n    onOpenPanel && onOpenPanel();\n  }, [onOpenPanel]);\n  const { handlePointerMove: dragPointerMove } = useDrag({\n    initialPosition,\n    onDrag: handleOpenPanel,\n  });\n  const {\n    handlePointerDown: longPressPointerDown,\n    handlePointerMove: longPressPointerMove,\n    handlePointerUp: longPressPointerUp,\n  } = useLongPress({\n    initialPosition,\n    onLongPress: handleOpenPanel,\n  });\n  const handleButtonClick = React.useCallback(() => {\n    if (skipClick.current) return;\n    onClick && onClick();\n  }, [onClick]);\n  const handlePointerDown = React.useCallback(\n    (e: React.PointerEvent) => {\n      e.target instanceof Element &&\n        e.target.releasePointerCapture(e.pointerId);\n      initialPosition.current = new Point(e.clientX, e.clientY);\n      skipClick.current = false;\n      longPressPointerDown();\n    },\n    [longPressPointerDown]\n  );\n  const handlePointerMove = React.useCallback(\n    (e: PointerEvent) => {\n      dragPointerMove(e);\n      longPressPointerMove(e);\n    },\n    [dragPointerMove, longPressPointerMove]\n  );\n  const handlePointerUp = React.useCallback(() => {\n    initialPosition.current = undefined;\n    longPressPointerUp();\n  }, [longPressPointerUp]);\n  React.useEffect(() => {\n    document.addEventListener(\"pointermove\", handlePointerMove);\n    document.addEventListener(\"pointerup\", handlePointerUp);\n    return () => {\n      document.removeEventListener(\"pointermove\", handlePointerMove);\n      document.removeEventListener(\"pointerup\", handlePointerUp);\n    };\n  }, [handlePointerMove, handlePointerUp]);\n  return { handlePointerDown, handleButtonClick };\n}\n"]}

package/lib/components-react/toolbar/utilities/Direction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Direction.d.ts","sourceRoot":"","sources":["../../../../src/components-react/toolbar/utilities/Direction.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,SAAS;IACnB,IAAI,IAAI;IACR,GAAG,IAAA;IACH,KAAK,IAAA;IACL,MAAM,IAAA;CACP;AAED;;GAEG;AACH,qBAAa,gBAAgB;IAC3B,uCAAuC;IACvC,gBAAuB,eAAe,+BAA+B;IACrE,sCAAsC;IACtC,gBAAuB,cAAc,8BAA8B;IACnE,wCAAwC;IACxC,gBAAuB,gBAAgB,gCAAgC;IACvE,yCAAyC;IACzC,gBAAuB,iBAAiB,iCAAiC;IAEzE,qDAAqD;WACvC,eAAe,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM;IAa3D,+DAA+D;WACjD,sBAAsB,CAClC,SAAS,EAAE,SAAS,GACnB,mBAAmB;CAUvB;AAED;;GAEG;AACH,oBAAY,mBAAmB;IAC7B,QAAQ,IAAA;IACR,UAAU,IAAA;CACX;AAED;;GAEG;AACH,qBAAa,0BAA0B;IACrC,qDAAqD;IACrD,gBAAuB,mBAAmB,yBAAyB;IACnE,uDAAuD;IACvD,gBAAuB,qBAAqB,2BAA2B;IAEvE,+DAA+D;WACjD,eAAe,CAAC,SAAS,EAAE,mBAAmB,GAAG,MAAM;IASrE,6DAA6D;WAC/C,OAAO,CAAC,SAAS,EAAE,mBAAmB,GAAG,mBAAmB;CAQ3E"}

package/lib/components-react/toolbar/utilities/Direction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Direction.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/utilities/Direction.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;GAEG;AACH,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,yCAAQ,CAAA;IACR,uCAAG,CAAA;IACH,2CAAK,CAAA;IACL,6CAAM,CAAA;AACR,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAED;;GAEG;AACH,MAAM,OAAO,gBAAgB;IAU3B,qDAAqD;IAC9C,MAAM,CAAC,eAAe,CAAC,SAAoB;QAChD,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,SAAS,CAAC,IAAI;gBACjB,OAAO,gBAAgB,CAAC,eAAe,CAAC;YAC1C,KAAK,SAAS,CAAC,GAAG;gBAChB,OAAO,gBAAgB,CAAC,cAAc,CAAC;YACzC,KAAK,SAAS,CAAC,KAAK;gBAClB,OAAO,gBAAgB,CAAC,gBAAgB,CAAC;YAC3C,KAAK,SAAS,CAAC,MAAM;gBACnB,OAAO,gBAAgB,CAAC,iBAAiB,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,+DAA+D;IACxD,MAAM,CAAC,sBAAsB,CAClC,SAAoB;QAEpB,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,SAAS,CAAC,IAAI,CAAC;YACpB,KAAK,SAAS,CAAC,KAAK;gBAClB,OAAO,mBAAmB,CAAC,UAAU,CAAC;YACxC,KAAK,SAAS,CAAC,GAAG,CAAC;YACnB,KAAK,SAAS,CAAC,MAAM;gBACnB,OAAO,mBAAmB,CAAC,QAAQ,CAAC;QACxC,CAAC;IACH,CAAC;;AAnCD,uCAAuC;AAChB,gCAAe,GAAG,2BAA2B,CAAC;AACrE,sCAAsC;AACf,+BAAc,GAAG,0BAA0B,CAAC;AACnE,wCAAwC;AACjB,iCAAgB,GAAG,4BAA4B,CAAC;AACvE,yCAAyC;AAClB,kCAAiB,GAAG,6BAA6B,CAAC;AA+B3E;;GAEG;AACH,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,qEAAQ,CAAA;IACR,yEAAU,CAAA;AACZ,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED;;GAEG;AACH,MAAM,OAAO,0BAA0B;IAMrC,+DAA+D;IACxD,MAAM,CAAC,eAAe,CAAC,SAA8B;QAC1D,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,mBAAmB,CAAC,QAAQ;gBAC/B,OAAO,0BAA0B,CAAC,mBAAmB,CAAC;YACxD,KAAK,mBAAmB,CAAC,UAAU;gBACjC,OAAO,0BAA0B,CAAC,qBAAqB,CAAC;QAC5D,CAAC;IACH,CAAC;IAED,6DAA6D;IACtD,MAAM,CAAC,OAAO,CAAC,SAA8B;QAClD,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,mBAAmB,CAAC,QAAQ;gBAC/B,OAAO,mBAAmB,CAAC,UAAU,CAAC;YACxC,KAAK,mBAAmB,CAAC,UAAU;gBACjC,OAAO,mBAAmB,CAAC,QAAQ,CAAC;QACxC,CAAC;IACH,CAAC;;AAvBD,qDAAqD;AAC9B,8CAAmB,GAAG,qBAAqB,CAAC;AACnE,uDAAuD;AAChC,gDAAqB,GAAG,uBAAuB,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 Toolbar\n */\n\n/** Available directions.\n * @public\n */\nexport enum Direction {\n  Left = 1,\n  Top,\n  Right,\n  Bottom,\n}\n\n/** Helpers for [[Direction]].\n * @internal\n */\nexport class DirectionHelpers {\n  /** Class name of [[Direction.Left]] */\n  public static readonly LEFT_CLASS_NAME = \"components-direction-left\";\n  /** Class name of [[Direction.Top]] */\n  public static readonly TOP_CLASS_NAME = \"components-direction-top\";\n  /** Class name of [[Direction.Right]] */\n  public static readonly RIGHT_CLASS_NAME = \"components-direction-right\";\n  /** Class name of [[Direction.Bottom]] */\n  public static readonly BOTTOM_CLASS_NAME = \"components-direction-bottom\";\n\n  /** @returns Class name of specified [[Direction]] */\n  public static getCssClassName(direction: Direction): string {\n    switch (direction) {\n      case Direction.Left:\n        return DirectionHelpers.LEFT_CLASS_NAME;\n      case Direction.Top:\n        return DirectionHelpers.TOP_CLASS_NAME;\n      case Direction.Right:\n        return DirectionHelpers.RIGHT_CLASS_NAME;\n      case Direction.Bottom:\n        return DirectionHelpers.BOTTOM_CLASS_NAME;\n    }\n  }\n\n  /** @returns Orthogonal direction of specified [[Direction]] */\n  public static getOrthogonalDirection(\n    direction: Direction\n  ): OrthogonalDirection {\n    switch (direction) {\n      case Direction.Left:\n      case Direction.Right:\n        return OrthogonalDirection.Horizontal;\n      case Direction.Top:\n      case Direction.Bottom:\n        return OrthogonalDirection.Vertical;\n    }\n  }\n}\n\n/** Available orthogonal directions.\n * @alpha\n */\nexport enum OrthogonalDirection {\n  Vertical,\n  Horizontal,\n}\n\n/** Helpers for [[OrthogonalDirection]].\n * @internal\n */\nexport class OrthogonalDirectionHelpers {\n  /** Class name of [[OrthogonalDirection.Vertical]] */\n  public static readonly VERTICAL_CLASS_NAME = \"components-vertical\";\n  /** Class name of [[OrthogonalDirection.Horizontal]] */\n  public static readonly HORIZONTAL_CLASS_NAME = \"components-horizontal\";\n\n  /** @returns Class name of specified [[OrthogonalDirection]] */\n  public static getCssClassName(direction: OrthogonalDirection): string {\n    switch (direction) {\n      case OrthogonalDirection.Vertical:\n        return OrthogonalDirectionHelpers.VERTICAL_CLASS_NAME;\n      case OrthogonalDirection.Horizontal:\n        return OrthogonalDirectionHelpers.HORIZONTAL_CLASS_NAME;\n    }\n  }\n\n  /** @returns Opposite of specified [[OrthogonalDirection]] */\n  public static inverse(direction: OrthogonalDirection): OrthogonalDirection {\n    switch (direction) {\n      case OrthogonalDirection.Vertical:\n        return OrthogonalDirection.Horizontal;\n      case OrthogonalDirection.Horizontal:\n        return OrthogonalDirection.Vertical;\n    }\n  }\n}\n"]}

package/lib/components-react/tree/HighlightingEngine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightingEngine.d.ts","sourceRoot":"","sources":["../../../src/components-react/tree/HighlightingEngine.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;GAGG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,gBAAuB,iBAAiB,gCAAgC;gBAE5D,KAAK,EAAE,sBAAsB;IAKlC,YAAY,CAAC,IAAI,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE;IAIlC,mBAAmB,CAAC,IAAI,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE;IAIzC,iBAAiB,CAAC,IAAI,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,0BAA0B;WAO7D,eAAe,CAC3B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,0BAA0B,GAChC,KAAK,CAAC,SAAS;CAInB"}

package/lib/components-react/tree/HighlightingEngine.js

@@ -0,0 +1,39 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import "./HighlightingEngine.scss";
+import * as React from "react";
+import { HighlightedText } from "../common/HighlightedText.js";
+/**
+ * Tree highlighting engine
+ * @public
+ */
+export class HighlightingEngine {
+    constructor(props) {
+        this._searchText = props.searchText;
+        this._activeMatch = props.activeMatch;
+    }
+    isNodeActive(node) {
+        return this._activeMatch && node.id === this._activeMatch.nodeId;
+    }
+    getActiveMatchIndex(node) {
+        return this.isNodeActive(node) ? this._activeMatch.matchIndex : undefined;
+    }
+    createRenderProps(node) {
+        return {
+            searchText: this._searchText,
+            activeMatchIndex: this.getActiveMatchIndex(node),
+        };
+    }
+    static renderNodeLabel(text, props) {
+        if (props.searchText)
+            return React.createElement(HighlightedText, { text: text, ...props });
+        return text;
+    }
+}
+HighlightingEngine.ACTIVE_CLASS_NAME = "components-activehighlight";
+//# sourceMappingURL=HighlightingEngine.js.map

package/lib/components-react/tree/HighlightingEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightingEngine.js","sourceRoot":"","sources":["../../../src/components-react/tree/HighlightingEngine.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AA+B/D;;;GAGG;AACH,MAAM,OAAO,kBAAkB;IAK7B,YAAY,KAA6B;QACvC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;IACxC,CAAC;IAEM,YAAY,CAAC,IAAqB;QACvC,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;IACnE,CAAC;IAEM,mBAAmB,CAAC,IAAqB;QAC9C,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAa,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7E,CAAC;IAEM,iBAAiB,CAAC,IAAqB;QAC5C,OAAO;YACL,UAAU,EAAE,IAAI,CAAC,WAAW;YAC5B,gBAAgB,EAAE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;SACjD,CAAC;IACJ,CAAC;IAEM,MAAM,CAAC,eAAe,CAC3B,IAAY,EACZ,KAAiC;QAEjC,IAAI,KAAK,CAAC,UAAU;YAAE,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;QACxE,OAAO,IAAI,CAAC;IACd,CAAC;;AA5BsB,oCAAiB,GAAG,4BAA4B,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 Tree\n */\n\nimport \"./HighlightingEngine.scss\";\nimport * as React from \"react\";\nimport { HighlightedText } from \"../common/HighlightedText.js\";\n\n/**\n * Properties for identifying an active highlight on a node in a tree.\n * @see [[HighlightableTreeProps.activeMatch]]\n * @public\n */\nexport interface ActiveMatchInfo {\n  nodeId: string;\n  matchIndex: number;\n}\n\n/**\n * Properties for highlighting nodes in a tree.\n * @see [[ControlledTreeProps.nodeHighlightingProps]]\n * @public\n */\nexport interface HighlightableTreeProps {\n  searchText: string;\n  activeMatch?: ActiveMatchInfo;\n}\n\n/**\n * Properties for a highlightable [[TreeNode]]\n * @public\n */\nexport interface HighlightableTreeNodeProps {\n  searchText: string;\n  activeMatchIndex?: number;\n}\n\n/**\n * Tree highlighting engine\n * @public\n */\nexport class HighlightingEngine {\n  private _searchText: string;\n  private _activeMatch?: ActiveMatchInfo;\n  public static readonly ACTIVE_CLASS_NAME = \"components-activehighlight\";\n\n  constructor(props: HighlightableTreeProps) {\n    this._searchText = props.searchText;\n    this._activeMatch = props.activeMatch;\n  }\n\n  public isNodeActive(node: { id?: string }) {\n    return this._activeMatch && node.id === this._activeMatch.nodeId;\n  }\n\n  public getActiveMatchIndex(node: { id?: string }) {\n    return this.isNodeActive(node) ? this._activeMatch!.matchIndex : undefined;\n  }\n\n  public createRenderProps(node: { id?: string }): HighlightableTreeNodeProps {\n    return {\n      searchText: this._searchText,\n      activeMatchIndex: this.getActiveMatchIndex(node),\n    };\n  }\n\n  public static renderNodeLabel(\n    text: string,\n    props: HighlightableTreeNodeProps\n  ): React.ReactNode {\n    if (props.searchText) return <HighlightedText text={text} {...props} />;\n    return text;\n  }\n}\n"]}

package/lib/components-react/tree/HighlightingEngine.scss

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.components-activehighlight {
+  background-color: orange;
+}

package/lib/components-react/tree/ImageLoader.d.ts

@@ -0,0 +1,19 @@
+/** @packageDocumentation
+ * @module Tree
+ */
+import type { IImageLoader, LoadedImage } from "../common/IImageLoader.js";
+import type { TreeNodeItem } from "./TreeDataProvider.js";
+/** Interface for a tree image loader
+ * @public
+ */
+export interface ITreeImageLoader extends IImageLoader {
+    load: (item: TreeNodeItem) => LoadedImage | undefined;
+}
+/** Default image loader for the tree
+ * @public
+ */
+export declare class TreeImageLoader implements ITreeImageLoader {
+    /** Loads image data from either [[TreeNodeItem]] */
+    load(item: TreeNodeItem): LoadedImage | undefined;
+}
+//# sourceMappingURL=ImageLoader.d.ts.map

package/lib/components-react/tree/ImageLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageLoader.d.ts","sourceRoot":"","sources":["../../../src/components-react/tree/ImageLoader.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,IAAI,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,WAAW,GAAG,SAAS,CAAC;CACvD;AAED;;GAEG;AACH,qBAAa,eAAgB,YAAW,gBAAgB;IACtD,oDAAoD;IAC7C,IAAI,CAAC,IAAI,EAAE,YAAY,GAAG,WAAW,GAAG,SAAS;CAQzD"}

package/lib/components-react/tree/ImageLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageLoader.js","sourceRoot":"","sources":["../../../src/components-react/tree/ImageLoader.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAYH;;GAEG;AACH,MAAM,OAAO,eAAe;IAC1B,oDAAoD;IAC7C,IAAI,CAAC,IAAkB;QAC5B,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAC;QAEjC,OAAO;YACL,UAAU,EAAE,cAAc;YAC1B,KAAK,EAAE,IAAI,CAAC,IAAI;SACjB,CAAC;IACJ,CAAC;CACF","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 type { IImageLoader, LoadedImage } from \"../common/IImageLoader.js\";\nimport type { TreeNodeItem } from \"./TreeDataProvider.js\";\n\n/** Interface for a tree image loader\n * @public\n */\nexport interface ITreeImageLoader extends IImageLoader {\n  load: (item: TreeNodeItem) => LoadedImage | undefined;\n}\n\n/** Default image loader for the tree\n * @public\n */\nexport class TreeImageLoader implements ITreeImageLoader {\n  /** Loads image data from either [[TreeNodeItem]] */\n  public load(item: TreeNodeItem): LoadedImage | undefined {\n    if (!item.icon) return undefined;\n\n    return {\n      sourceType: \"webfont-icon\",\n      value: item.icon,\n    };\n  }\n}\n"]}

package/lib/components-react/tree/SimpleTreeDataProvider.d.ts

@@ -0,0 +1,24 @@
+/** @packageDocumentation
+ * @module Tree
+ */
+import type { PageOptions } from "../common/PageOptions.js";
+import type { ITreeDataProvider, TreeNodeItem } from "./TreeDataProvider.js";
+/**
+ * Used by [[SimpleTreeDataProvider]].
+ * key - Parent id.
+ * value - Child tree node items.
+ * @public
+ */
+export type SimpleTreeDataProviderHierarchy = Map<string | undefined, TreeNodeItem[]>;
+/**
+ * A tree data provider using [[SimpleTreeDataProviderHierarchy]].
+ * @public
+ */
+export declare class SimpleTreeDataProvider implements ITreeDataProvider {
+    private _hierarchy;
+    constructor(hierarchy: SimpleTreeDataProviderHierarchy);
+    private getNodesByParentId;
+    getNodes(parent?: TreeNodeItem, pageOptions?: PageOptions): Promise<TreeNodeItem[]>;
+    getNodesCount(parent?: TreeNodeItem): Promise<number>;
+}
+//# sourceMappingURL=SimpleTreeDataProvider.d.ts.map

package/lib/components-react/tree/SimpleTreeDataProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTreeDataProvider.d.ts","sourceRoot":"","sources":["../../../src/components-react/tree/SimpleTreeDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE7E;;;;;GAKG;AACH,MAAM,MAAM,+BAA+B,GAAG,GAAG,CAC/C,MAAM,GAAG,SAAS,EAClB,YAAY,EAAE,CACf,CAAC;AAEF;;;GAGG;AACH,qBAAa,sBAAuB,YAAW,iBAAiB;IAC9D,OAAO,CAAC,UAAU,CAAkC;gBAEjC,SAAS,EAAE,+BAA+B;IAI7D,OAAO,CAAC,kBAAkB;IAkBb,QAAQ,CACnB,MAAM,CAAC,EAAE,YAAY,EACrB,WAAW,CAAC,EAAE,WAAW,GACxB,OAAO,CAAC,YAAY,EAAE,CAAC;IAIb,aAAa,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;CAGnE"}

package/lib/components-react/tree/SimpleTreeDataProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTreeDataProvider.js","sourceRoot":"","sources":["../../../src/components-react/tree/SimpleTreeDataProvider.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAgBH;;;GAGG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAmB,SAA0C;QAC3D,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAEO,kBAAkB,CACxB,QAAiB,EACjB,WAAyB;QAEzB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE5C,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAC;QAEtB,IAAI,CAAC,WAAW;YAAE,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC;QAEpC,IAAI,YAAgC,CAAC;QACrC,IAAI,WAAW,CAAC,IAAI,KAAK,SAAS,IAAI,WAAW,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YAC7D,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC;YAChC,YAAY,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5D,CAAC;QACD,OAAO,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;IACtD,CAAC;IAEM,KAAK,CAAC,QAAQ,CACnB,MAAqB,EACrB,WAAyB;QAEzB,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAC9E,CAAC;IAEM,KAAK,CAAC,aAAa,CAAC,MAAqB;QAC9C,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC;IACxE,CAAC;CACF","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 type { PageOptions } from \"../common/PageOptions.js\";\nimport type { ITreeDataProvider, TreeNodeItem } from \"./TreeDataProvider.js\";\n\n/**\n * Used by [[SimpleTreeDataProvider]].\n * key - Parent id.\n * value - Child tree node items.\n * @public\n */\nexport type SimpleTreeDataProviderHierarchy = Map<\n  string | undefined,\n  TreeNodeItem[]\n>;\n\n/**\n * A tree data provider using [[SimpleTreeDataProviderHierarchy]].\n * @public\n */\nexport class SimpleTreeDataProvider implements ITreeDataProvider {\n  private _hierarchy: SimpleTreeDataProviderHierarchy;\n\n  public constructor(hierarchy: SimpleTreeDataProviderHierarchy) {\n    this._hierarchy = hierarchy;\n  }\n\n  private getNodesByParentId(\n    parentId?: string,\n    pageOptions?: PageOptions\n  ): TreeNodeItem[] {\n    const nodes = this._hierarchy.get(parentId);\n\n    if (!nodes) return [];\n\n    if (!pageOptions) return [...nodes];\n\n    let pageEndIndex: number | undefined;\n    if (pageOptions.size !== undefined && pageOptions.size !== 0) {\n      pageEndIndex = pageOptions.size;\n      pageEndIndex += pageOptions.start ? pageOptions.start : 0;\n    }\n    return nodes.slice(pageOptions.start, pageEndIndex);\n  }\n\n  public async getNodes(\n    parent?: TreeNodeItem,\n    pageOptions?: PageOptions\n  ): Promise<TreeNodeItem[]> {\n    return this.getNodesByParentId(parent ? parent.id : undefined, pageOptions);\n  }\n\n  public async getNodesCount(parent?: TreeNodeItem): Promise<number> {\n    return this.getNodesByParentId(parent ? parent.id : undefined).length;\n  }\n}\n"]}

package/lib/components-react/tree/TreeComponentTestId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeComponentTestId.d.ts","sourceRoot":"","sources":["../../../src/components-react/tree/TreeComponentTestId.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;;;GAKG;AACH,oBAAY,mBAAmB;IAC7B,IAAI,cAAc;IAClB,YAAY,uBAAuB;IACnC,mBAAmB,+BAA+B;IAClD,YAAY,uBAAuB;CACpC"}

package/lib/components-react/tree/TreeComponentTestId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeComponentTestId.js","sourceRoot":"","sources":["../../../src/components-react/tree/TreeComponentTestId.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;;;;GAKG;AACH,MAAM,CAAN,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,yCAAkB,CAAA;IAClB,0DAAmC,CAAA;IACnC,yEAAkD,CAAA;IAClD,0DAAmC,CAAA;AACrC,CAAC,EALW,mBAAmB,KAAnB,mBAAmB,QAK9B","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\n/**\n * Different tree component IDs that are assigned to those components as `data-testid` attribute\n * to help locate them in tests.\n *\n * @internal\n */\nexport enum TreeComponentTestId {\n  Node = \"tree-node\",\n  NodeContents = \"tree-node-contents\",\n  NodeExpansionToggle = \"tree-node-expansion-toggle\",\n  NodeCheckbox = \"tree-node-checkbox\",\n}\n"]}

package/lib/components-react/tree/TreeDataProvider.d.ts

@@ -0,0 +1,98 @@
+/** @packageDocumentation
+ * @module Tree
+ */
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import type { PageOptions } from "../common/PageOptions.js";
+import type { ItemStyle } from "../properties/ItemStyle.js";
+import type { CheckBoxState } from "../common/CheckBoxState.js";
+/**
+ * A node item which can be displayed in a tree.
+ * @public
+ */
+export interface TreeNodeItem {
+    id: string;
+    parentId?: string;
+    label: PropertyRecord;
+    description?: string;
+    autoExpand?: boolean;
+    icon?: string;
+    isSelectionDisabled?: boolean;
+    isCheckboxVisible?: boolean;
+    isCheckboxDisabled?: boolean;
+    checkBoxState?: CheckBoxState;
+    isEditable?: boolean;
+    style?: ItemStyle;
+    /**
+     * A key-value pairs data structure that can be used by data provider
+     * to store some custom data for this node item.
+     */
+    extendedData?: {
+        [key: string]: any;
+    };
+}
+/** A [[TreeNodeItem]] for immediately loaded trees
+ * @public
+ */
+export interface ImmediatelyLoadedTreeNodeItem extends TreeNodeItem {
+    children?: TreeNodeItem[];
+}
+/** A [[TreeNodeItem]] for delay-loaded trees
+ * @public
+ */
+export interface DelayLoadedTreeNodeItem extends TreeNodeItem {
+    hasChildren?: boolean;
+}
+/** Array of tree node data elements
+ * @public
+ */
+export type TreeDataProviderRaw = ImmediatelyLoadedTreeNodeItem[];
+/** A Promise for TreeDataProviderRaw
+ * @public
+ */
+export type TreeDataProviderPromise = Promise<TreeDataProviderRaw>;
+/** Signature for a method that returns TreeDataProviderPromise for supplied parent node
+ * @public
+ */
+export type TreeDataProviderMethod = (node?: TreeNodeItem) => Promise<DelayLoadedTreeNodeItem[]>;
+/** Interface for a tree data provider class
+ * @public
+ */
+export interface ITreeDataProvider {
+    getNodesCount(parent?: TreeNodeItem): Promise<number>;
+    getNodes(parent?: TreeNodeItem, page?: PageOptions): Promise<DelayLoadedTreeNodeItem[]>;
+}
+/** Type definition for all Tree data providers
+ * @public
+ */
+export type TreeDataProvider = TreeDataProviderRaw | TreeDataProviderPromise | TreeDataProviderMethod | ITreeDataProvider;
+/** Checks if [[TreeDataProvider]] is a [[TreeDataProviderRaw]]
+ * @public
+ */
+export declare const isTreeDataProviderRaw: (provider: TreeDataProvider) => provider is TreeDataProviderRaw;
+/** Checks if [[TreeDataProvider]] is a [[TreeDataProviderPromise]]
+ * @public
+ */
+export declare const isTreeDataProviderPromise: (provider: TreeDataProvider) => provider is TreeDataProviderPromise;
+/** Checks if [[TreeDataProvider]] is a [[TreeDataProviderMethod]]
+ * @public
+ */
+export declare const isTreeDataProviderMethod: (provider: TreeDataProvider) => provider is TreeDataProviderMethod;
+/** Checks if [[TreeDataProvider]] is an [[ITreeDataProvider]]
+ * @public
+ */
+export declare const isTreeDataProviderInterface: (provider: TreeDataProvider) => provider is ITreeDataProvider;
+/**
+ * Determines whether node has children
+ * @param node node to check
+ * @returns whether node has children
+ * @public
+ */
+export declare const hasChildren: (node: TreeNodeItem) => boolean;
+/**
+ * EditableTreeDataProvider provides cell editing processing for the Tree.
+ * @public
+ */
+export interface EditableTreeDataProvider extends ITreeDataProvider {
+    updateLabel(nodeItem: TreeNodeItem, newLabel: string): void;
+}
+//# sourceMappingURL=TreeDataProvider.d.ts.map

package/lib/components-react/tree/TreeDataProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeDataProvider.d.ts","sourceRoot":"","sources":["../../../src/components-react/tree/TreeDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACvC;AAED;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,YAAY;IACjE,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,6BAA6B,EAAE,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,CACnC,IAAI,CAAC,EAAE,YAAY,KAChB,OAAO,CAAC,uBAAuB,EAAE,CAAC,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,aAAa,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IACtD,QAAQ,CACN,MAAM,CAAC,EAAE,YAAY,EACrB,IAAI,CAAC,EAAE,WAAW,GACjB,OAAO,CAAC,uBAAuB,EAAE,CAAC,CAAC;CACvC;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,mBAAmB,GACnB,uBAAuB,GACvB,sBAAsB,GACtB,iBAAiB,CAAC;AAEtB;;GAEG;AACH,eAAO,MAAM,qBAAqB,aACtB,gBAAgB,oCAG3B,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,yBAAyB,aAC1B,gBAAgB,wCAG3B,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,wBAAwB,aACzB,gBAAgB,uCAG3B,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,2BAA2B,aAC5B,gBAAgB,kCAM3B,CAAC;AACF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,SAAU,YAAY,YAW7C,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,WAAW,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7D"}