@itwin/components-react 4.17.0 → 5.0.0-dev.2

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/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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeDataProvider.js","sourceRoot":"","sources":["../../../src/components-react/tree/TreeDataProvider.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAkFH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,QAA0B,EACO,EAAE;IACnC,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AACjC,CAAC,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,QAA0B,EACW,EAAE;IACvC,OAAO,SAAS,KAAM,QAAoC,CAAC,IAAI,CAAC;AAClE,CAAC,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,QAA0B,EACU,EAAE;IACtC,OAAO,OAAO,QAAQ,KAAK,UAAU,CAAC;AACxC,CAAC,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,QAA0B,EACK,EAAE;IACjC,MAAM,SAAS,GAAG,QAA6B,CAAC;IAChD,OAAO,CACL,SAAS,KAAK,SAAS,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,aAAa,CAC1E,CAAC;AACJ,CAAC,CAAC;AACF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAkB,EAAE,EAAE;IAChD,MAAM,eAAe,GAAG,IAAqC,CAAC;IAC9D,IACE,UAAU,IAAI,eAAe;QAC7B,eAAe,CAAC,QAAQ;QACxB,eAAe,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;QAEnC,OAAO,IAAI,CAAC;IACd,MAAM,aAAa,GAAG,IAA+B,CAAC;IACtD,IAAI,aAAa,IAAI,aAAa,IAAI,aAAa,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAC7E,OAAO,KAAK,CAAC;AACf,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 Tree\n */\n\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { PageOptions } from \"../common/PageOptions.js\";\nimport type { ItemStyle } from \"../properties/ItemStyle.js\";\nimport type { CheckBoxState } from \"../common/CheckBoxState.js\";\n\n/**\n * A node item which can be displayed in a tree.\n * @public\n */\nexport interface TreeNodeItem {\n  id: string;\n  parentId?: string;\n  label: PropertyRecord;\n  description?: string;\n  autoExpand?: boolean;\n  icon?: string;\n  isSelectionDisabled?: boolean;\n  isCheckboxVisible?: boolean;\n  isCheckboxDisabled?: boolean;\n  checkBoxState?: CheckBoxState;\n  isEditable?: boolean;\n  style?: ItemStyle;\n  /**\n   * A key-value pairs data structure that can be used by data provider\n   * to store some custom data for this node item.\n   */\n  extendedData?: { [key: string]: any };\n}\n\n/** A [[TreeNodeItem]] for immediately loaded trees\n * @public\n */\nexport interface ImmediatelyLoadedTreeNodeItem extends TreeNodeItem {\n  children?: TreeNodeItem[];\n}\n\n/** A [[TreeNodeItem]] for delay-loaded trees\n * @public\n */\nexport interface DelayLoadedTreeNodeItem extends TreeNodeItem {\n  hasChildren?: boolean;\n}\n\n/** Array of tree node data elements\n * @public\n */\nexport type TreeDataProviderRaw = ImmediatelyLoadedTreeNodeItem[];\n\n/** A Promise for TreeDataProviderRaw\n * @public\n */\nexport type TreeDataProviderPromise = Promise<TreeDataProviderRaw>;\n\n/** Signature for a method that returns TreeDataProviderPromise for supplied parent node\n * @public\n */\nexport type TreeDataProviderMethod = (\n  node?: TreeNodeItem\n) => Promise<DelayLoadedTreeNodeItem[]>;\n\n/** Interface for a tree data provider class\n * @public\n */\nexport interface ITreeDataProvider {\n  getNodesCount(parent?: TreeNodeItem): Promise<number>;\n  getNodes(\n    parent?: TreeNodeItem,\n    page?: PageOptions\n  ): Promise<DelayLoadedTreeNodeItem[]>;\n}\n\n/** Type definition for all Tree data providers\n * @public\n */\nexport type TreeDataProvider =\n  | TreeDataProviderRaw\n  | TreeDataProviderPromise\n  | TreeDataProviderMethod\n  | ITreeDataProvider;\n\n/** Checks if [[TreeDataProvider]] is a [[TreeDataProviderRaw]]\n * @public\n */\nexport const isTreeDataProviderRaw = (\n  provider: TreeDataProvider\n): provider is TreeDataProviderRaw => {\n  return Array.isArray(provider);\n};\n/** Checks if [[TreeDataProvider]] is a [[TreeDataProviderPromise]]\n * @public\n */\nexport const isTreeDataProviderPromise = (\n  provider: TreeDataProvider\n): provider is TreeDataProviderPromise => {\n  return undefined !== (provider as TreeDataProviderPromise).then;\n};\n/** Checks if [[TreeDataProvider]] is a [[TreeDataProviderMethod]]\n * @public\n */\nexport const isTreeDataProviderMethod = (\n  provider: TreeDataProvider\n): provider is TreeDataProviderMethod => {\n  return typeof provider === \"function\";\n};\n/** Checks if [[TreeDataProvider]] is an [[ITreeDataProvider]]\n * @public\n */\nexport const isTreeDataProviderInterface = (\n  provider: TreeDataProvider\n): provider is ITreeDataProvider => {\n  const candidate = provider as ITreeDataProvider;\n  return (\n    undefined !== candidate.getNodes && undefined !== candidate.getNodesCount\n  );\n};\n/**\n * Determines whether node has children\n * @param node node to check\n * @returns whether node has children\n * @public\n */\nexport const hasChildren = (node: TreeNodeItem) => {\n  const nodeAsImmediate = node as ImmediatelyLoadedTreeNodeItem;\n  if (\n    \"children\" in nodeAsImmediate &&\n    nodeAsImmediate.children &&\n    nodeAsImmediate.children.length > 0\n  )\n    return true;\n  const nodeAsDelayed = node as DelayLoadedTreeNodeItem;\n  if (\"hasChildren\" in nodeAsDelayed && nodeAsDelayed.hasChildren) return true;\n  return false;\n};\n\n/**\n * EditableTreeDataProvider provides cell editing processing for the Tree.\n * @public\n */\nexport interface EditableTreeDataProvider extends ITreeDataProvider {\n  updateLabel(nodeItem: TreeNodeItem, newLabel: string): void;\n}\n"]}

package/lib/components-react/tree/controlled/Observable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Observable.d.ts","sourceRoot":"","sources":["../../../../src/components-react/tree/controlled/Observable.ts"],"names":[],"mappings":"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"}

package/lib/components-react/tree/controlled/Observable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Observable.js","sourceRoot":"","sources":["../../../../src/components-react/tree/controlled/Observable.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,MAAM,CAAC;AAEtE;;;GAGG;AACH,MAAM,UAAU,IAAI,CAAI,QAAsC;IAC5D,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC5B,CAAC;AAmHD,gBAAgB;AAChB,MAAM,UAAU,gBAAgB,CAC9B,UAAyB;IAEzB,OAAO,IAAI,cAAc,CAAC,CAAC,UAAU,EAAE,EAAE;QACvC,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,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 { from as rxjsFrom, Observable as RxjsObservable } from \"rxjs\";\n\n/**\n * Helper method that creates an Observable from Iterable or Promise.\n * @public\n */\nexport function from<T>(iterable: Iterable<T> | PromiseLike<T>): Observable<T> {\n  return rxjsFrom(iterable);\n}\n\n/**\n * Observable interface compatible with [rxjs](https://github.com/ReactiveX/rxjs)\n * This interface ensures that consumers are not required to have rxjs as dependency.\n *\n * To use it with [rxjs](https://github.com/ReactiveX/rxjs) operators wrap it inside\n * `Observable` from [rxjs](https://github.com/ReactiveX/rxjs). Example:\n *\n * ```\n * import { Observable as RxjsObservable } from \"rxjs\";\n *\n * new RxjsObservable((subscriber) => thisObservable.subscribe(subscriber));\n * ```\n *\n * @public\n */\nexport interface Observable<T> extends Subscribable<T> {} // eslint-disable-line @typescript-eslint/no-empty-interface\n\n/**\n * Subscribable interface compatible with [rxjs](https://github.com/ReactiveX/rxjs)\n * This interface ensures that consumers are not required to have rxjs as dependency.\n * @public\n */\nexport interface Subscribable<T> {\n  subscribe(observer?: Observer<T>): Subscription;\n  subscribe(\n    next: null | undefined,\n    error: null | undefined,\n    complete: () => void\n  ): Subscription;\n  subscribe(\n    next: null | undefined,\n    error: (error: any) => void,\n    complete?: () => void\n  ): Subscription;\n  subscribe(\n    // eslint-disable-next-line @typescript-eslint/unified-signatures\n    next: (value: T) => void,\n    error: null | undefined,\n    complete: () => void\n  ): Subscription;\n  subscribe(\n    next?: (value: T) => void,\n    error?: (error: any) => void,\n    complete?: () => void\n  ): Subscription;\n}\n\n/**\n * Observer interface compatible with [rxjs](https://github.com/ReactiveX/rxjs)\n * This interface ensures that consumers are not required to have rxjs as dependency.\n * @public\n */\nexport declare type Observer<T> =\n  | NextObserver<T>\n  | ErrorObserver<T>\n  | CompletionObserver<T>;\n\n/**\n * Unsubscribable interface compatible with [rxjs](https://github.com/ReactiveX/rxjs)\n * This interface ensures that consumers are not required to have rxjs as dependency.\n * @public\n */\nexport interface Unsubscribable {\n  unsubscribe(): void;\n}\n\n/**\n * Subscription interface compatible with [rxjs](https://github.com/ReactiveX/rxjs)\n * This interface ensures that consumers are not required to have rxjs as dependency.\n * @public\n */\nexport interface Subscription extends Unsubscribable {\n  readonly closed: boolean;\n  unsubscribe(): void;\n  add(tearDown: Unsubscribable | (() => void) | void): void;\n}\n\n/**\n * NextObserver interface compatible with [rxjs](https://github.com/ReactiveX/rxjs)\n * This interface ensures that consumers are not required to have rxjs as dependency.\n * @public\n */\nexport interface NextObserver<T> {\n  closed?: boolean;\n  next: (value: T) => void;\n  error?: (err: any) => void;\n  complete?: () => void;\n}\n\n/**\n * ErrorObserver interface compatible with [rxjs](https://github.com/ReactiveX/rxjs)\n * This interface ensures that consumers are not required to have rxjs as dependency.\n * @public\n */\nexport interface ErrorObserver<T> {\n  closed?: boolean;\n  next?: (value: T) => void;\n  error: (err: any) => void;\n  complete?: () => void;\n}\n\n/**\n * CompletionObserver interface compatible with [rxjs](https://github.com/ReactiveX/rxjs)\n * This interface ensures that consumers are not required to have rxjs as dependency.\n * @public\n */\nexport interface CompletionObserver<T> {\n  closed?: boolean;\n  next?: (value: T) => void;\n  error?: (err: any) => void;\n  complete: () => void;\n}\n\n/** @internal */\nexport function toRxjsObservable<T>(\n  observable: Observable<T>\n): RxjsObservable<T> {\n  return new RxjsObservable((subscriber) => {\n    observable.subscribe(subscriber);\n  });\n}\n"]}

package/lib/components-react/tree/controlled/TreeActions.d.ts

@@ -0,0 +1,20 @@
+/** @packageDocumentation
+ * @module Tree
+ */
+import type { CheckBoxState } from "../../common/CheckBoxState.js";
+/**
+ * Tree actions that can be performed on tree.
+ * @public
+ */
+export interface TreeActions {
+    onNodeCheckboxClicked: (nodeId: string, newState: CheckBoxState) => void;
+    onNodeExpanded: (nodeId: string) => void;
+    onNodeCollapsed: (nodeId: string) => void;
+    onNodeClicked: (nodeId: string, event: React.MouseEvent) => void;
+    onNodeMouseDown: (nodeId: string) => void;
+    onNodeMouseMove: (nodeId: string) => void;
+    onNodeEditorActivated: (nodeId: string) => void;
+    onTreeKeyDown: (event: React.KeyboardEvent) => void;
+    onTreeKeyUp: (event: React.KeyboardEvent) => void;
+}
+//# sourceMappingURL=TreeActions.d.ts.map

package/lib/components-react/tree/controlled/TreeActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeActions.d.ts","sourceRoot":"","sources":["../../../../src/components-react/tree/controlled/TreeActions.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACzE,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACjE,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACnD"}

package/lib/components-react/tree/controlled/TreeActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeActions.js","sourceRoot":"","sources":["../../../../src/components-react/tree/controlled/TreeActions.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG","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 { CheckBoxState } from \"../../common/CheckBoxState.js\";\n\n/**\n * Tree actions that can be performed on tree.\n * @public\n */\nexport interface TreeActions {\n  onNodeCheckboxClicked: (nodeId: string, newState: CheckBoxState) => void;\n  onNodeExpanded: (nodeId: string) => void;\n  onNodeCollapsed: (nodeId: string) => void;\n  onNodeClicked: (nodeId: string, event: React.MouseEvent) => void;\n  onNodeMouseDown: (nodeId: string) => void;\n  onNodeMouseMove: (nodeId: string) => void;\n  onNodeEditorActivated: (nodeId: string) => void;\n  onTreeKeyDown: (event: React.KeyboardEvent) => void;\n  onTreeKeyUp: (event: React.KeyboardEvent) => void;\n}\n"]}

package/lib/components-react/tree/controlled/TreeEventDispatcher.d.ts

@@ -0,0 +1,37 @@
+/** @packageDocumentation
+ * @module Tree
+ */
+import type { SelectionMode } from "../../common/selection/SelectionModes.js";
+import type { TreeActions } from "./TreeActions.js";
+import type { TreeEvents } from "./TreeEvents.js";
+import type { VisibleTreeNodes } from "./TreeModel.js";
+import type { ITreeNodeLoader } from "./TreeNodeLoader.js";
+import type { CheckBoxState } from "../../common/CheckBoxState.js";
+/**
+ * Default event dispatcher that emits tree events according performed actions.
+ * It converts low level tree events into TreeEvents.
+ * @internal
+ */
+export declare class TreeEventDispatcher implements TreeActions {
+    private _treeEvents;
+    private _nodeLoader;
+    private _getVisibleNodes;
+    private _selectionManager;
+    private _activeSelections;
+    constructor(treeEvents: TreeEvents, nodeLoader: ITreeNodeLoader, selectionMode: SelectionMode, getVisibleNodes: () => VisibleTreeNodes);
+    onNodeCheckboxClicked(nodeId: string, newState: CheckBoxState): void;
+    onNodeExpanded(nodeId: string): void;
+    onNodeCollapsed(nodeId: string): void;
+    onNodeClicked(nodeId: string, event: React.MouseEvent<Element, MouseEvent>): void;
+    onNodeMouseDown(nodeId: string): void;
+    onNodeMouseMove(nodeId: string): void;
+    onNodeEditorActivated(nodeId: string): void;
+    onTreeKeyDown(event: React.KeyboardEvent): void;
+    onTreeKeyUp(event: React.KeyboardEvent): void;
+    private collectSelectionChanges;
+    private collectNodesBetween;
+    private iterateNodesBetween;
+    private collectNodeItems;
+    private static groupNodesByLoadingState;
+}
+//# sourceMappingURL=TreeEventDispatcher.d.ts.map

package/lib/components-react/tree/controlled/TreeEventDispatcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeEventDispatcher.d.ts","sourceRoot":"","sources":["../../../../src/components-react/tree/controlled/TreeEventDispatcher.ts"],"names":[],"mappings":"AAIA;;GAEG;AAsBH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAU9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAGV,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE;;;;GAIG;AACH,qBAAa,mBAAoB,YAAW,WAAW;IACrD,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,gBAAgB,CAAyB;IAEjD,OAAO,CAAC,iBAAiB,CAAuB;IAEhD,OAAO,CAAC,iBAAiB,CAKrB;gBAGF,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,eAAe,EAC3B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,MAAM,gBAAgB;IAgFlC,qBAAqB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa;IAqC7D,cAAc,CAAC,MAAM,EAAE,MAAM;IAK7B,eAAe,CAAC,MAAM,EAAE,MAAM;IAK9B,aAAa,CAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC;IAuBvC,eAAe,CAAC,MAAM,EAAE,MAAM;IAI9B,eAAe,CAAC,MAAM,EAAE,MAAM;IAI9B,qBAAqB,CAAC,MAAM,EAAE,MAAM;IAapC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,IAAI;IAI/C,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,IAAI;IAIpD,OAAO,CAAC,uBAAuB;IA0B/B,OAAO,CAAC,mBAAmB;IA+C3B,OAAO,CAAE,mBAAmB;IA4B5B,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,MAAM,CAAC,wBAAwB;CAexC"}