@itwin/components-react 3.6.0-dev.7 → 4.0.0-dev.2

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

@@ -1,103 +1,103 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { Point, Timer } from "@itwin/core-react";
-/** @internal */
-const getDragDistance = (from, to) => {
-    return from.getDistanceTo(to);
-};
-function useDrag(args) {
-    const { initialPosition, onDrag } = args;
-    const handlePointerMove = React.useCallback((e) => {
-        // istanbul ignore if
-        if (!initialPosition.current)
-            return;
-        const newPosition = new Point(e.clientX, e.clientY);
-        const dragDistance = getDragDistance(initialPosition.current, newPosition);
-        if (dragDistance < 20)
-            return;
-        onDrag();
-    }, [initialPosition, onDrag]);
-    return { handlePointerMove };
-}
-function useLongPress(args) {
-    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(() => {
-        // istanbul ignore if
-        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 };
-}
+/*---------------------------------------------------------------------------------------------
+* 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 { Point, Timer } from "@itwin/core-react";
+/** @internal */
+const getDragDistance = (from, to) => {
+    return from.getDistanceTo(to);
+};
+function useDrag(args) {
+    const { initialPosition, onDrag } = args;
+    const handlePointerMove = React.useCallback((e) => {
+        // istanbul ignore if
+        if (!initialPosition.current)
+            return;
+        const newPosition = new Point(e.clientX, e.clientY);
+        const dragDistance = getDragDistance(initialPosition.current, newPosition);
+        if (dragDistance < 20)
+            return;
+        onDrag();
+    }, [initialPosition, onDrag]);
+    return { handlePointerMove };
+}
+function useLongPress(args) {
+    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(() => {
+        // istanbul ignore if
+        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/esm/components-react/toolbar/useDragInteraction.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragInteraction.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/useDragInteraction.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Point, Timer } from \"@itwin/core-react\";\r\n\r\n/** @internal */\r\nconst getDragDistance = (from: Point, to: Point) => {\r\n  return from.getDistanceTo(to);\r\n};\r\n\r\ninterface UseDragArgs {\r\n  readonly initialPosition: React.MutableRefObject<Point | undefined>;\r\n  readonly onDrag: () => void;\r\n}\r\n\r\nfunction useDrag(args: UseDragArgs) {\r\n  const { initialPosition, onDrag } = args;\r\n  const handlePointerMove = React.useCallback((e: PointerEvent) => {\r\n    // istanbul ignore if\r\n    if (!initialPosition.current)\r\n      return;\r\n    const newPosition = new Point(e.clientX, e.clientY);\r\n    const dragDistance = getDragDistance(initialPosition.current, newPosition);\r\n    if (dragDistance < 20)\r\n      return;\r\n    onDrag();\r\n  }, [initialPosition, onDrag]);\r\n  return { handlePointerMove };\r\n}\r\n\r\ninterface UseLongPressArgs {\r\n  readonly initialPosition: React.RefObject<Point | undefined>;\r\n  readonly onLongPress: () => void;\r\n}\r\n\r\nfunction useLongPress(args: UseLongPressArgs) {\r\n  const longPressTimer = React.useRef(new Timer(500));\r\n  const handlePointerDown = React.useCallback(() => {\r\n    longPressTimer.current.start();\r\n  }, []);\r\n  const handlePointerUp = React.useCallback(() => {\r\n    longPressTimer.current.stop();\r\n  }, []);\r\n\r\n  const handlePointerMove = React.useCallback((e: PointerEvent) => {\r\n    if (!args.initialPosition.current)\r\n      return;\r\n    const newPosition = new Point(e.clientX, e.clientY);\r\n    const distance = args.initialPosition.current.getDistanceTo(newPosition);\r\n    distance >= 10 && longPressTimer.current.stop();\r\n  }, [args.initialPosition]);\r\n  React.useEffect(() => {\r\n    longPressTimer.current.setOnExecute(args.onLongPress);\r\n    return () => {\r\n      longPressTimer.current.setOnExecute(undefined); // eslint-disable-line react-hooks/exhaustive-deps\r\n    };\r\n  }, [args.onLongPress]);\r\n  return { handlePointerDown, handlePointerMove, handlePointerUp };\r\n}\r\n\r\n/**\r\n * Hook used on expandable item that require drag or long press to open\r\n * @param onClick Function called when item is clicked.\r\n * @param onOpenPanel Function called when item is dragged or long pressed to open panel.\r\n * @public\r\n */\r\nexport function useDragInteraction(onClick?: () => void, onOpenPanel?: () => void) {\r\n  const initialPosition = React.useRef<Point | undefined>(undefined);\r\n  const skipClick = React.useRef<boolean>(false);\r\n  const handleOpenPanel = React.useCallback(() => {\r\n    initialPosition.current = undefined;\r\n    skipClick.current = true;\r\n    onOpenPanel && onOpenPanel();\r\n  }, [onOpenPanel]);\r\n  const {\r\n    handlePointerMove: dragPointerMove,\r\n  } = useDrag({\r\n    initialPosition,\r\n    onDrag: handleOpenPanel,\r\n  });\r\n  const {\r\n    handlePointerDown: longPressPointerDown,\r\n    handlePointerMove: longPressPointerMove,\r\n    handlePointerUp: longPressPointerUp,\r\n  } = useLongPress({\r\n    initialPosition,\r\n    onLongPress: handleOpenPanel,\r\n  });\r\n  const handleButtonClick = React.useCallback(() => {\r\n    // istanbul ignore if\r\n    if (skipClick.current)\r\n      return;\r\n    onClick && onClick();\r\n  }, [onClick]);\r\n  const handlePointerDown = React.useCallback((e: React.PointerEvent) => {\r\n    (e.target instanceof Element) && e.target.releasePointerCapture(e.pointerId);\r\n    initialPosition.current = new Point(e.clientX, e.clientY);\r\n    skipClick.current = false;\r\n    longPressPointerDown();\r\n  }, [longPressPointerDown]);\r\n  const handlePointerMove = React.useCallback((e: PointerEvent) => {\r\n    dragPointerMove(e);\r\n    longPressPointerMove(e);\r\n  }, [dragPointerMove, longPressPointerMove]);\r\n  const handlePointerUp = React.useCallback(() => {\r\n    initialPosition.current = undefined;\r\n    longPressPointerUp();\r\n  }, [longPressPointerUp]);\r\n  React.useEffect(() => {\r\n    document.addEventListener(\"pointermove\", handlePointerMove);\r\n    document.addEventListener(\"pointerup\", handlePointerUp);\r\n    return () => {\r\n      document.removeEventListener(\"pointermove\", handlePointerMove);\r\n      document.removeEventListener(\"pointerup\", handlePointerUp);\r\n    };\r\n  }, [handlePointerMove, handlePointerUp]);\r\n  return { handlePointerDown, handleButtonClick };\r\n}\r\n"]}
+{"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 { Point, Timer } from \"@itwin/core-react\";\n\n/** @internal */\nconst getDragDistance = (from: Point, to: Point) => {\n  return from.getDistanceTo(to);\n};\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((e: PointerEvent) => {\n    // istanbul ignore if\n    if (!initialPosition.current)\n      return;\n    const newPosition = new Point(e.clientX, e.clientY);\n    const dragDistance = getDragDistance(initialPosition.current, newPosition);\n    if (dragDistance < 20)\n      return;\n    onDrag();\n  }, [initialPosition, onDrag]);\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  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((e: PointerEvent) => {\n    if (!args.initialPosition.current)\n      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  }, [args.initialPosition]);\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(onClick?: () => void, onOpenPanel?: () => void) {\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 {\n    handlePointerMove: dragPointerMove,\n  } = 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    // istanbul ignore if\n    if (skipClick.current)\n      return;\n    onClick && onClick();\n  }, [onClick]);\n  const handlePointerDown = React.useCallback((e: React.PointerEvent) => {\n    (e.target instanceof Element) && e.target.releasePointerCapture(e.pointerId);\n    initialPosition.current = new Point(e.clientX, e.clientY);\n    skipClick.current = false;\n    longPressPointerDown();\n  }, [longPressPointerDown]);\n  const handlePointerMove = React.useCallback((e: PointerEvent) => {\n    dragPointerMove(e);\n    longPressPointerMove(e);\n  }, [dragPointerMove, longPressPointerMove]);\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/esm/components-react/toolbar/utilities/Direction.d.ts

@@ -1,50 +1,50 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-/** Available directions.
- * @public
- */
-export declare enum Direction {
-    Left = 1,
-    Top = 2,
-    Right = 3,
-    Bottom = 4
-}
-/** Helpers for [[Direction]].
- * @internal
- */
-export declare class DirectionHelpers {
-    /** Class name of [[Direction.Left]] */
-    static readonly LEFT_CLASS_NAME = "components-direction-left";
-    /** Class name of [[Direction.Top]] */
-    static readonly TOP_CLASS_NAME = "components-direction-top";
-    /** Class name of [[Direction.Right]] */
-    static readonly RIGHT_CLASS_NAME = "components-direction-right";
-    /** Class name of [[Direction.Bottom]] */
-    static readonly BOTTOM_CLASS_NAME = "components-direction-bottom";
-    /** @returns Class name of specified [[Direction]] */
-    static getCssClassName(direction: Direction): string;
-    /** @returns Orthogonal direction of specified [[Direction]] */
-    static getOrthogonalDirection(direction: Direction): OrthogonalDirection;
-}
-/** Available orthogonal directions.
- * @alpha
- */
-export declare enum OrthogonalDirection {
-    Vertical = 0,
-    Horizontal = 1
-}
-/** Helpers for [[OrthogonalDirection]].
- * @internal
- */
-export declare class OrthogonalDirectionHelpers {
-    /** Class name of [[OrthogonalDirection.Vertical]] */
-    static readonly VERTICAL_CLASS_NAME = "components-vertical";
-    /** Class name of [[OrthogonalDirection.Horizontal]] */
-    static readonly HORIZONTAL_CLASS_NAME = "components-horizontal";
-    /** @returns Class name of specified [[OrthogonalDirection]] */
-    static getCssClassName(direction: OrthogonalDirection): string;
-    /** @returns Opposite of specified [[OrthogonalDirection]] */
-    static inverse(direction: OrthogonalDirection): OrthogonalDirection;
-}
+/** @packageDocumentation
+ * @module Toolbar
+ */
+/** Available directions.
+ * @public
+ */
+export declare enum Direction {
+    Left = 1,
+    Top = 2,
+    Right = 3,
+    Bottom = 4
+}
+/** Helpers for [[Direction]].
+ * @internal
+ */
+export declare class DirectionHelpers {
+    /** Class name of [[Direction.Left]] */
+    static readonly LEFT_CLASS_NAME = "components-direction-left";
+    /** Class name of [[Direction.Top]] */
+    static readonly TOP_CLASS_NAME = "components-direction-top";
+    /** Class name of [[Direction.Right]] */
+    static readonly RIGHT_CLASS_NAME = "components-direction-right";
+    /** Class name of [[Direction.Bottom]] */
+    static readonly BOTTOM_CLASS_NAME = "components-direction-bottom";
+    /** @returns Class name of specified [[Direction]] */
+    static getCssClassName(direction: Direction): string;
+    /** @returns Orthogonal direction of specified [[Direction]] */
+    static getOrthogonalDirection(direction: Direction): OrthogonalDirection;
+}
+/** Available orthogonal directions.
+ * @alpha
+ */
+export declare enum OrthogonalDirection {
+    Vertical = 0,
+    Horizontal = 1
+}
+/** Helpers for [[OrthogonalDirection]].
+ * @internal
+ */
+export declare class OrthogonalDirectionHelpers {
+    /** Class name of [[OrthogonalDirection.Vertical]] */
+    static readonly VERTICAL_CLASS_NAME = "components-vertical";
+    /** Class name of [[OrthogonalDirection.Horizontal]] */
+    static readonly HORIZONTAL_CLASS_NAME = "components-horizontal";
+    /** @returns Class name of specified [[OrthogonalDirection]] */
+    static getCssClassName(direction: OrthogonalDirection): string;
+    /** @returns Opposite of specified [[OrthogonalDirection]] */
+    static inverse(direction: OrthogonalDirection): OrthogonalDirection;
+}
 //# sourceMappingURL=Direction.d.ts.map

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

@@ -1,90 +1,90 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-/** Available directions.
- * @public
- */
-export var Direction;
-(function (Direction) {
-    Direction[Direction["Left"] = 1] = "Left";
-    Direction[Direction["Top"] = 2] = "Top";
-    Direction[Direction["Right"] = 3] = "Right";
-    Direction[Direction["Bottom"] = 4] = "Bottom";
-})(Direction || (Direction = {}));
-/** Helpers for [[Direction]].
- * @internal
- */
-export class DirectionHelpers {
-    /** @returns Class name of specified [[Direction]] */
-    static getCssClassName(direction) {
-        switch (direction) {
-            case Direction.Left:
-                return DirectionHelpers.LEFT_CLASS_NAME;
-            case Direction.Top:
-                return DirectionHelpers.TOP_CLASS_NAME;
-            case Direction.Right:
-                return DirectionHelpers.RIGHT_CLASS_NAME;
-            case Direction.Bottom:
-                return DirectionHelpers.BOTTOM_CLASS_NAME;
-        }
-    }
-    /** @returns Orthogonal direction of specified [[Direction]] */
-    static getOrthogonalDirection(direction) {
-        switch (direction) {
-            case Direction.Left:
-            case Direction.Right:
-                return OrthogonalDirection.Horizontal;
-            case Direction.Top:
-            case Direction.Bottom:
-                return OrthogonalDirection.Vertical;
-        }
-    }
-}
-/** Class name of [[Direction.Left]] */
-DirectionHelpers.LEFT_CLASS_NAME = "components-direction-left";
-/** Class name of [[Direction.Top]] */
-DirectionHelpers.TOP_CLASS_NAME = "components-direction-top";
-/** Class name of [[Direction.Right]] */
-DirectionHelpers.RIGHT_CLASS_NAME = "components-direction-right";
-/** Class name of [[Direction.Bottom]] */
-DirectionHelpers.BOTTOM_CLASS_NAME = "components-direction-bottom";
-/** Available orthogonal directions.
- * @alpha
- */
-export var OrthogonalDirection;
-(function (OrthogonalDirection) {
-    OrthogonalDirection[OrthogonalDirection["Vertical"] = 0] = "Vertical";
-    OrthogonalDirection[OrthogonalDirection["Horizontal"] = 1] = "Horizontal";
-})(OrthogonalDirection || (OrthogonalDirection = {}));
-/** Helpers for [[OrthogonalDirection]].
- * @internal
- */
-export class OrthogonalDirectionHelpers {
-    /** @returns Class name of specified [[OrthogonalDirection]] */
-    static getCssClassName(direction) {
-        switch (direction) {
-            case OrthogonalDirection.Vertical:
-                return OrthogonalDirectionHelpers.VERTICAL_CLASS_NAME;
-            case OrthogonalDirection.Horizontal:
-                return OrthogonalDirectionHelpers.HORIZONTAL_CLASS_NAME;
-        }
-    }
-    /** @returns Opposite of specified [[OrthogonalDirection]] */
-    static inverse(direction) {
-        switch (direction) {
-            case OrthogonalDirection.Vertical:
-                return OrthogonalDirection.Horizontal;
-            case OrthogonalDirection.Horizontal:
-                return OrthogonalDirection.Vertical;
-        }
-    }
-}
-/** Class name of [[OrthogonalDirection.Vertical]] */
-OrthogonalDirectionHelpers.VERTICAL_CLASS_NAME = "components-vertical";
-/** Class name of [[OrthogonalDirection.Horizontal]] */
-OrthogonalDirectionHelpers.HORIZONTAL_CLASS_NAME = "components-horizontal";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/** Available directions.
+ * @public
+ */
+export var Direction;
+(function (Direction) {
+    Direction[Direction["Left"] = 1] = "Left";
+    Direction[Direction["Top"] = 2] = "Top";
+    Direction[Direction["Right"] = 3] = "Right";
+    Direction[Direction["Bottom"] = 4] = "Bottom";
+})(Direction || (Direction = {}));
+/** Helpers for [[Direction]].
+ * @internal
+ */
+export class DirectionHelpers {
+    /** @returns Class name of specified [[Direction]] */
+    static getCssClassName(direction) {
+        switch (direction) {
+            case Direction.Left:
+                return DirectionHelpers.LEFT_CLASS_NAME;
+            case Direction.Top:
+                return DirectionHelpers.TOP_CLASS_NAME;
+            case Direction.Right:
+                return DirectionHelpers.RIGHT_CLASS_NAME;
+            case Direction.Bottom:
+                return DirectionHelpers.BOTTOM_CLASS_NAME;
+        }
+    }
+    /** @returns Orthogonal direction of specified [[Direction]] */
+    static getOrthogonalDirection(direction) {
+        switch (direction) {
+            case Direction.Left:
+            case Direction.Right:
+                return OrthogonalDirection.Horizontal;
+            case Direction.Top:
+            case Direction.Bottom:
+                return OrthogonalDirection.Vertical;
+        }
+    }
+}
+/** Class name of [[Direction.Left]] */
+DirectionHelpers.LEFT_CLASS_NAME = "components-direction-left";
+/** Class name of [[Direction.Top]] */
+DirectionHelpers.TOP_CLASS_NAME = "components-direction-top";
+/** Class name of [[Direction.Right]] */
+DirectionHelpers.RIGHT_CLASS_NAME = "components-direction-right";
+/** Class name of [[Direction.Bottom]] */
+DirectionHelpers.BOTTOM_CLASS_NAME = "components-direction-bottom";
+/** Available orthogonal directions.
+ * @alpha
+ */
+export var OrthogonalDirection;
+(function (OrthogonalDirection) {
+    OrthogonalDirection[OrthogonalDirection["Vertical"] = 0] = "Vertical";
+    OrthogonalDirection[OrthogonalDirection["Horizontal"] = 1] = "Horizontal";
+})(OrthogonalDirection || (OrthogonalDirection = {}));
+/** Helpers for [[OrthogonalDirection]].
+ * @internal
+ */
+export class OrthogonalDirectionHelpers {
+    /** @returns Class name of specified [[OrthogonalDirection]] */
+    static getCssClassName(direction) {
+        switch (direction) {
+            case OrthogonalDirection.Vertical:
+                return OrthogonalDirectionHelpers.VERTICAL_CLASS_NAME;
+            case OrthogonalDirection.Horizontal:
+                return OrthogonalDirectionHelpers.HORIZONTAL_CLASS_NAME;
+        }
+    }
+    /** @returns Opposite of specified [[OrthogonalDirection]] */
+    static inverse(direction) {
+        switch (direction) {
+            case OrthogonalDirection.Vertical:
+                return OrthogonalDirection.Horizontal;
+            case OrthogonalDirection.Horizontal:
+                return OrthogonalDirection.Vertical;
+        }
+    }
+}
+/** Class name of [[OrthogonalDirection.Vertical]] */
+OrthogonalDirectionHelpers.VERTICAL_CLASS_NAME = "components-vertical";
+/** Class name of [[OrthogonalDirection.Horizontal]] */
+OrthogonalDirectionHelpers.HORIZONTAL_CLASS_NAME = "components-horizontal";
 //# sourceMappingURL=Direction.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Direction.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/utilities/Direction.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;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;YACjB,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;SAC7C;IACH,CAAC;IAED,+DAA+D;IACxD,MAAM,CAAC,sBAAsB,CAAC,SAAoB;QACvD,QAAQ,SAAS,EAAE;YACjB,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;SACvC;IACH,CAAC;;AAjCD,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;AA6B3E;;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;YACjB,KAAK,mBAAmB,CAAC,QAAQ;gBAC/B,OAAO,0BAA0B,CAAC,mBAAmB,CAAC;YACxD,KAAK,mBAAmB,CAAC,UAAU;gBACjC,OAAO,0BAA0B,CAAC,qBAAqB,CAAC;SAC3D;IACH,CAAC;IAED,6DAA6D;IACtD,MAAM,CAAC,OAAO,CAAC,SAA8B;QAClD,QAAQ,SAAS,EAAE;YACjB,KAAK,mBAAmB,CAAC,QAAQ;gBAC/B,OAAO,mBAAmB,CAAC,UAAU,CAAC;YACxC,KAAK,mBAAmB,CAAC,UAAU;gBACjC,OAAO,mBAAmB,CAAC,QAAQ,CAAC;SACvC;IACH,CAAC;;AAvBD,qDAAqD;AAC9B,8CAAmB,GAAG,qBAAqB,CAAC;AACnE,uDAAuD;AAChC,gDAAqB,GAAG,uBAAuB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n */\r\n\r\n/** Available directions.\r\n * @public\r\n */\r\nexport enum Direction {\r\n  Left = 1,\r\n  Top,\r\n  Right,\r\n  Bottom,\r\n}\r\n\r\n/** Helpers for [[Direction]].\r\n * @internal\r\n */\r\nexport class DirectionHelpers {\r\n  /** Class name of [[Direction.Left]] */\r\n  public static readonly LEFT_CLASS_NAME = \"components-direction-left\";\r\n  /** Class name of [[Direction.Top]] */\r\n  public static readonly TOP_CLASS_NAME = \"components-direction-top\";\r\n  /** Class name of [[Direction.Right]] */\r\n  public static readonly RIGHT_CLASS_NAME = \"components-direction-right\";\r\n  /** Class name of [[Direction.Bottom]] */\r\n  public static readonly BOTTOM_CLASS_NAME = \"components-direction-bottom\";\r\n\r\n  /** @returns Class name of specified [[Direction]] */\r\n  public static getCssClassName(direction: Direction): string {\r\n    switch (direction) {\r\n      case Direction.Left:\r\n        return DirectionHelpers.LEFT_CLASS_NAME;\r\n      case Direction.Top:\r\n        return DirectionHelpers.TOP_CLASS_NAME;\r\n      case Direction.Right:\r\n        return DirectionHelpers.RIGHT_CLASS_NAME;\r\n      case Direction.Bottom:\r\n        return DirectionHelpers.BOTTOM_CLASS_NAME;\r\n    }\r\n  }\r\n\r\n  /** @returns Orthogonal direction of specified [[Direction]] */\r\n  public static getOrthogonalDirection(direction: Direction): OrthogonalDirection {\r\n    switch (direction) {\r\n      case Direction.Left:\r\n      case Direction.Right:\r\n        return OrthogonalDirection.Horizontal;\r\n      case Direction.Top:\r\n      case Direction.Bottom:\r\n        return OrthogonalDirection.Vertical;\r\n    }\r\n  }\r\n}\r\n\r\n/** Available orthogonal directions.\r\n * @alpha\r\n */\r\nexport enum OrthogonalDirection {\r\n  Vertical,\r\n  Horizontal,\r\n}\r\n\r\n/** Helpers for [[OrthogonalDirection]].\r\n * @internal\r\n */\r\nexport class OrthogonalDirectionHelpers {\r\n  /** Class name of [[OrthogonalDirection.Vertical]] */\r\n  public static readonly VERTICAL_CLASS_NAME = \"components-vertical\";\r\n  /** Class name of [[OrthogonalDirection.Horizontal]] */\r\n  public static readonly HORIZONTAL_CLASS_NAME = \"components-horizontal\";\r\n\r\n  /** @returns Class name of specified [[OrthogonalDirection]] */\r\n  public static getCssClassName(direction: OrthogonalDirection): string {\r\n    switch (direction) {\r\n      case OrthogonalDirection.Vertical:\r\n        return OrthogonalDirectionHelpers.VERTICAL_CLASS_NAME;\r\n      case OrthogonalDirection.Horizontal:\r\n        return OrthogonalDirectionHelpers.HORIZONTAL_CLASS_NAME;\r\n    }\r\n  }\r\n\r\n  /** @returns Opposite of specified [[OrthogonalDirection]] */\r\n  public static inverse(direction: OrthogonalDirection): OrthogonalDirection {\r\n    switch (direction) {\r\n      case OrthogonalDirection.Vertical:\r\n        return OrthogonalDirection.Horizontal;\r\n      case OrthogonalDirection.Horizontal:\r\n        return OrthogonalDirection.Vertical;\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Direction.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/utilities/Direction.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;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;YACjB,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;SAC7C;IACH,CAAC;IAED,+DAA+D;IACxD,MAAM,CAAC,sBAAsB,CAAC,SAAoB;QACvD,QAAQ,SAAS,EAAE;YACjB,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;SACvC;IACH,CAAC;;AAjCD,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;AA6B3E;;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;YACjB,KAAK,mBAAmB,CAAC,QAAQ;gBAC/B,OAAO,0BAA0B,CAAC,mBAAmB,CAAC;YACxD,KAAK,mBAAmB,CAAC,UAAU;gBACjC,OAAO,0BAA0B,CAAC,qBAAqB,CAAC;SAC3D;IACH,CAAC;IAED,6DAA6D;IACtD,MAAM,CAAC,OAAO,CAAC,SAA8B;QAClD,QAAQ,SAAS,EAAE;YACjB,KAAK,mBAAmB,CAAC,QAAQ;gBAC/B,OAAO,mBAAmB,CAAC,UAAU,CAAC;YACxC,KAAK,mBAAmB,CAAC,UAAU;gBACjC,OAAO,mBAAmB,CAAC,QAAQ,CAAC;SACvC;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(direction: Direction): 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"]}