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

package/lib/esm/components-react/toolbar/groupPanel/Title.d.ts

@@ -1,18 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Title.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Properties of [[Title]] component.
- * @internal
- */
-export interface TitleProps extends CommonProps {
-    /** Actual title. */
-    children?: React.ReactNode;
-}
-/** Tool group title.
- * @internal
- */
-export declare function Title(props: TitleProps): React.JSX.Element;
-//# sourceMappingURL=Title.d.ts.map

package/lib/esm/components-react/toolbar/groupPanel/Title.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Title.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AAEH,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAWtC"}

package/lib/esm/components-react/toolbar/groupPanel/Title.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Title.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,SAAS,GAAG,UAAU,CAC1B,gDAAgD,EAChD,KAAK,CAAC,SAAS,CAChB,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAC1C,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Title.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[Title]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface TitleProps extends CommonProps {\n  /** Actual title. */\n  children?: React.ReactNode;\n}\n\n/** Tool group title.\n * @internal\n */\nexport function Title(props: TitleProps) {\n  const className = classnames(\n    \"components-toolbar-item-expandable-group-title\",\n    props.className\n  );\n\n  return (\n    <div className={className} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n"]}

package/lib/esm/components-react/toolbar/groupPanel/Title.scss

@@ -1,33 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "variables";
-
-.components-toolbar-item-expandable-group-title {
-  white-space: nowrap;
-  text-align: center;
-  color: var(--iui-color-text);
-  margin-bottom: 9px;
-  margin-left: $title-horizontal-margin;
-  margin-right: $title-horizontal-margin;
-
-  @include title;
-}
-
-.components-toolbar-item-expandable-group-nested {
-  position: relative;
-
-  .components-back {
-    position: absolute;
-    left: 10px;
-    top: 8px;
-  }
-
-  > .components-toolbar-item-expandable-group-title {
-    /* Contributes to space available for back arrow */
-    min-height: 14px;
-    margin-left: $title-horizontal-back-arrow-margin;
-    margin-right: $title-horizontal-back-arrow-margin;
-  }
-}

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

@@ -1,17 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/typography";
-@import "../variables";
-
-$panel-padding-left: 16px;
-$panel-padding-right: 8px;
-$panel-padding-top: $panel-padding-right;
-$panel-padding-bottom: 12px;
-$title-color: var(--iui-color-text);
-$back-arrow-thickness: 2px;
-$back-arrow-size-val: 6;
-$title-horizontal-margin: 20px;
-$title-horizontal-back-arrow-margin: 28px;

package/lib/esm/components-react/toolbar/groupPanel/tool/Expander.d.ts

@@ -1,17 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Expander.scss";
-import * as React from "react";
-import type { NoChildrenProps } from "@itwin/core-react";
-import type { GroupToolProps } from "./Tool";
-/** Properties of [[GroupToolExpander]] component.
- * @internal
- */
-export interface GroupToolExpanderProps extends Omit<GroupToolProps, "isActive" | "children">, NoChildrenProps {
-}
-/** Expandable entry of tool group panel. Used in [[GroupColumn]] to select nested Groups.
- * @internal
- */
-export declare const GroupToolExpander: React.MemoExoticComponent<React.FC<GroupToolExpanderProps>>;
-//# sourceMappingURL=Expander.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/toolbar/groupPanel/tool/Expander.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG7C;;GAEG;AACH,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,CAAC,EACnD,eAAe;CAAG;AAEtB;;GAEG;AAEH,eAAO,MAAM,iBAAiB,6DAe7B,CAAC"}

package/lib/esm/components-react/toolbar/groupPanel/tool/Expander.js

@@ -1,22 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 "./Expander.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { GroupTool } from "./Tool";
-/** Expandable entry of tool group panel. Used in [[GroupColumn]] to select nested Groups.
- * @internal
- */
-// eslint-disable-next-line react/display-name
-export const GroupToolExpander = React.memo((props) => {
-    const { className, ...otherProps } = props;
-    const expanderClassName = classnames("components-toolbar-item-expandable-group-tool-expander", className);
-    return (React.createElement(GroupTool, { className: expanderClassName, ...otherProps },
-        React.createElement("div", { className: "components-expansion-indicator" })));
-});
-//# sourceMappingURL=Expander.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../../../../../../src/components-react/toolbar/groupPanel/tool/Expander.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AASnC;;GAEG;AACH,8CAA8C;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CACzC,CAAC,KAA6B,EAAE,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,iBAAiB,GAAG,UAAU,CAClC,wDAAwD,EACxD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,iBAAiB,KAAM,UAAU;QACrD,6BAAK,SAAS,EAAC,gCAAgC,GAAG,CACxC,CACb,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Expander.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { NoChildrenProps } from \"@itwin/core-react\";\nimport type { GroupToolProps } from \"./Tool\";\nimport { GroupTool } from \"./Tool\";\n\n/** Properties of [[GroupToolExpander]] component.\n * @internal\n */\nexport interface GroupToolExpanderProps\n  extends Omit<GroupToolProps, \"isActive\" | \"children\">,\n    NoChildrenProps {} // eslint-disable-line deprecation/deprecation\n\n/** Expandable entry of tool group panel. Used in [[GroupColumn]] to select nested Groups.\n * @internal\n */\n// eslint-disable-next-line react/display-name\nexport const GroupToolExpander = React.memo<React.FC<GroupToolExpanderProps>>(\n  (props: GroupToolExpanderProps) => {\n    const { className, ...otherProps } = props;\n\n    const expanderClassName = classnames(\n      \"components-toolbar-item-expandable-group-tool-expander\",\n      className\n    );\n\n    return (\n      <GroupTool className={expanderClassName} {...otherProps}>\n        <div className=\"components-expansion-indicator\" />\n      </GroupTool>\n    );\n  }\n);\n"]}

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

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

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

@@ -1,39 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Tool.scss";
-import * as React from "react";
-import type { ActionButton, GroupButton } from "@itwin/appui-abstract";
-import type { CommonProps } from "@itwin/core-react";
-/** Properties of [[GroupTool]] component.
- * @internal
- */
-export interface GroupToolProps extends CommonProps {
-    /** Additional content, besides icon and label. */
-    children?: React.ReactNode;
-    /** Tool icon. */
-    icon?: React.ReactNode;
-    /** Describes if the item is active. */
-    isActive?: boolean;
-    /** Describes if the item is disabled. */
-    isDisabled?: boolean;
-    /** Describes if the item is focused. */
-    isFocused?: boolean;
-    /** Tool label. */
-    label?: string;
-    /** Function called when the item is clicked. */
-    onClick?: (item: GroupButton | ActionButton) => void;
-    /** Function called when pointer up event is received. */
-    onPointerUp?: (item: GroupButton | ActionButton) => void;
-    /** A badge to draw. */
-    badge?: React.ReactNode;
-    /** GroupButton item */
-    item: GroupButton | ActionButton;
-    /** Optional function to call on any KeyDown events processed by toolbar */
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-}
-/** Tool entry of tool group panel. Used in [[GroupColumn]].
- * @internal
- */
-export declare function GroupTool(props: GroupToolProps): React.JSX.Element;
-//# sourceMappingURL=Tool.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

@@ -1,14 +0,0 @@
-import type { BeEvent } from "@itwin/core-bentley";
-/**
- * Register a listener on the syncUiEVent and updates all conditionals within the provided items.
- * @param items Items to keep up to date
- * @param syncUiEvent Event to attach to (because we don't depend on appui-react);
- * @returns Synched items
- * @internal
- */
-export declare function useConditionalSynchedItems<T extends {} | {
-    items: T[];
-}>(items: readonly T[], syncUiEvent: undefined | BeEvent<(args: {
-    eventIds: Set<string>;
-}) => void>): readonly T[];
-//# sourceMappingURL=useConditionalSynchedItems.d.ts.map

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

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

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

@@ -1 +0,0 @@
-{"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/esm/components-react/toolbar/useDragInteraction.d.ts

@@ -1,15 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-/**
- * 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 declare function useDragInteraction(onClick?: () => void, onOpenPanel?: () => void): {
-    handlePointerDown: (e: React.PointerEvent) => void;
-    handleButtonClick: () => void;
-};
-//# sourceMappingURL=useDragInteraction.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAgE/B;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,CAAC,EAAE,MAAM,IAAI,EACpB,WAAW,CAAC,EAAE,MAAM,IAAI;2BA0BlB,kBAAkB;;EA6BzB"}

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

@@ -1,103 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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) => {
-        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) {
-    // 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/esm/components-react/toolbar/useDragInteraction.js.map

@@ -1 +0,0 @@
-{"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(\n    (e: PointerEvent) => {\n      if (!initialPosition.current) return;\n      const newPosition = new Point(e.clientX, e.clientY);\n      const dragDistance = getDragDistance(\n        initialPosition.current,\n        newPosition\n      );\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/esm/components-react/toolbar/utilities/Direction.d.ts

@@ -1,50 +0,0 @@
-/** @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.d.ts.map

@@ -1 +0,0 @@
-{"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"}