@itwin/components-react 4.0.0-dev.13 → 4.0.0-dev.14

package/lib/cjs/components-react/toolbar/_variables.scss

@@ -1,34 +1,34 @@
-/*---------------------------------------------------------------------------------------------
-* 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/index";
-
-$components-desktop-item-width: 40px;
-$components-desktop-item-height: 40px;
-
-$components-items-border-width: 1px;
-$components-desktop-space-between-toolbar-items: 1px;
-$components-desktop-separator-gap-between-toolbar-items: 5px;
-$components-desktop-separator-thickness: 1px;
-$components-desktop-separator-center-offset: -3px;
-
-$components-desktop-toolbar-width: 40px;
-$components-desktop-toolbar-height: 40px;
-
-$desktop-tool-stripe-width: 2px;
-$desktop-tool-stripe-height: 30px;
-
-$font-size: var(--iui-font-size-1);
-$icon-size: 16px;
-$icon-color: var(--iui-color-icon);
-$hovered-icon-color: var(--iui-color-icon-hover);
-$pressed-icon-color: $buic-foreground-activehover;
-$active-icon-color: var(--iui-color-icon-accent);
-$disabled-icon-color: var(--iui-color-icon-disabled);
-$icon-shadow-color: $buic-icon-color-reverse;
-$icon-shadow: drop-shadow(0 1px 0 $icon-shadow-color);
-$no-shadow: drop-shadow(0 0 0 transparent);
-
-$desktop-tool-stripe-width: 2px;
-$desktop-tool-stripe-height: 30px;
+/*---------------------------------------------------------------------------------------------
+* 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/index";
+
+$components-desktop-item-width: 40px;
+$components-desktop-item-height: 40px;
+
+$components-items-border-width: 1px;
+$components-desktop-space-between-toolbar-items: 1px;
+$components-desktop-separator-gap-between-toolbar-items: 5px;
+$components-desktop-separator-thickness: 1px;
+$components-desktop-separator-center-offset: -3px;
+
+$components-desktop-toolbar-width: 40px;
+$components-desktop-toolbar-height: 40px;
+
+$desktop-tool-stripe-width: 2px;
+$desktop-tool-stripe-height: 30px;
+
+$font-size: var(--iui-font-size-1);
+$icon-size: 16px;
+$icon-color: var(--iui-color-icon);
+$hovered-icon-color: var(--iui-color-icon-hover);
+$pressed-icon-color: $buic-foreground-activehover;
+$active-icon-color: var(--iui-color-icon-accent);
+$disabled-icon-color: var(--iui-color-icon-disabled);
+$icon-shadow-color: $buic-icon-color-reverse;
+$icon-shadow: drop-shadow(0 1px 0 $icon-shadow-color);
+$no-shadow: drop-shadow(0 0 0 transparent);
+
+$desktop-tool-stripe-width: 2px;
+$desktop-tool-stripe-height: 30px;

package/lib/cjs/components-react/toolbar/groupPanel/BackArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackArrow.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/BackArrow.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,4BAA0B;AAC1B,4DAAoC;AACpC,6CAA+B;AAC/B,kDAA8E;AAY9E;;GAEG;AACH,8CAA8C;AACjC,QAAA,SAAS,GAAG,KAAK,CAAC,IAAI,CACjC,CAAC,KAAqB,EAAE,EAAE;IACxB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAA,wBAAW,EAAC,GAAG,CAAC,CAAC;IAClC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,oDAAoD,EACpD,QAAQ,IAAI,qBAAqB,EACjC,KAAK,CAAC,SAAS,CAAC,CAAC;IACnB,OAAO;IACL,iEAAiE;IACjE,6BACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH,CAAC;AACJ,CAAC,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 Toolbar\n */\n\nimport \"./BackArrow.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps, NoChildrenProps, useTargeted } from \"@itwin/core-react\";\n\n/** Properties of [[BackArrow]] component.\n * @internal\n */\nexport interface BackArrowProps extends CommonProps, NoChildrenProps {\n  /** Function called when arrow is clicked. */\n  onClick?: () => void;\n  /** Function called when pointer up event is received. */\n  onPointerUp?: () => void;\n}\n\n/** Back arrow used in [[NestedGroup]] component.\n * @internal\n */\n// eslint-disable-next-line react/display-name\nexport const BackArrow = React.memo<React.FC<BackArrowProps>>(\n  (props: BackArrowProps) => {\n    const ref = React.useRef<HTMLDivElement>(null);\n    const targeted = useTargeted(ref);\n    const className = classnames(\n      \"components-toolbar-item-expandable-group-backArrow\",\n      targeted && \"components-targeted\",\n      props.className);\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={className}\n        onClick={props.onClick}\n        onPointerUp={props.onPointerUp}\n        ref={ref}\n        style={props.style}\n        role=\"button\"\n        tabIndex={-1}\n      />\n    );\n  });\n"]}
+{"version":3,"file":"BackArrow.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/BackArrow.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,4BAA0B;AAC1B,4DAAoC;AACpC,6CAA+B;AAC/B,kDAA8E;AAY9E;;GAEG;AACH,8CAA8C;AACjC,QAAA,SAAS,GAAG,KAAK,CAAC,IAAI,CACjC,CAAC,KAAqB,EAAE,EAAE;IACxB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAA,wBAAW,EAAC,GAAG,CAAC,CAAC;IAClC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,oDAAoD,EACpD,QAAQ,IAAI,qBAAqB,EACjC,KAAK,CAAC,SAAS,CAAC,CAAC;IACnB,OAAO;IACL,iEAAiE;IACjE,6BACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n */\r\n\r\nimport \"./BackArrow.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, NoChildrenProps, useTargeted } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[BackArrow]] component.\r\n * @internal\r\n */\r\nexport interface BackArrowProps extends CommonProps, NoChildrenProps {\r\n  /** Function called when arrow is clicked. */\r\n  onClick?: () => void;\r\n  /** Function called when pointer up event is received. */\r\n  onPointerUp?: () => void;\r\n}\r\n\r\n/** Back arrow used in [[NestedGroup]] component.\r\n * @internal\r\n */\r\n// eslint-disable-next-line react/display-name\r\nexport const BackArrow = React.memo<React.FC<BackArrowProps>>(\r\n  (props: BackArrowProps) => {\r\n    const ref = React.useRef<HTMLDivElement>(null);\r\n    const targeted = useTargeted(ref);\r\n    const className = classnames(\r\n      \"components-toolbar-item-expandable-group-backArrow\",\r\n      targeted && \"components-targeted\",\r\n      props.className);\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n      <div\r\n        className={className}\r\n        onClick={props.onClick}\r\n        onPointerUp={props.onPointerUp}\r\n        ref={ref}\r\n        style={props.style}\r\n        role=\"button\"\r\n        tabIndex={-1}\r\n      />\r\n    );\r\n  });\r\n"]}

package/lib/cjs/components-react/toolbar/groupPanel/BackArrow.scss

@@ -1,44 +1,44 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "../../target";
-@import "variables";
-
-.components-toolbar-item-expandable-group-backArrow {
-  $border: solid $back-arrow-thickness currentColor;
-  $size: math.sqrt($back-arrow-size-val * $back-arrow-size-val * 8) * 0.5 + px;
-
-  width: 15px;
-  height: 20px;
-
-  @include components-internal-targeted {
-    cursor: pointer;
-
-    &:after {
-      color: var(--iui-color-text-accent);
-    }
-  }
-
-  &:after {
-    content: "";
-    display: block;
-    position: relative;
-    left: 3px;
-    top: 3px;
-    color: var(--iui-color-text);
-    width: $size;
-    height: $size;
-    border-top: $border;
-    border-left: $border;
-    margin-left: $back-arrow-thickness;
-    margin-top: $back-arrow-thickness;
-    box-sizing: border-box;
-    transform: rotate(-45deg);
-  }
-
-  &:focus {
-    outline: none;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "../../target";
+@import "variables";
+
+.components-toolbar-item-expandable-group-backArrow {
+  $border: solid $back-arrow-thickness currentColor;
+  $size: math.sqrt($back-arrow-size-val * $back-arrow-size-val * 8) * 0.5 + px;
+
+  width: 15px;
+  height: 20px;
+
+  @include components-internal-targeted {
+    cursor: pointer;
+
+    &:after {
+      color: var(--iui-color-text-accent);
+    }
+  }
+
+  &:after {
+    content: "";
+    display: block;
+    position: relative;
+    left: 3px;
+    top: 3px;
+    color: var(--iui-color-text);
+    width: $size;
+    height: $size;
+    border-top: $border;
+    border-left: $border;
+    margin-left: $back-arrow-thickness;
+    margin-top: $back-arrow-thickness;
+    box-sizing: border-box;
+    transform: rotate(-45deg);
+  }
+
+  &:focus {
+    outline: none;
+  }
+}

package/lib/cjs/components-react/toolbar/groupPanel/Column.js.map

@@ -1 +1 @@
-{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Column.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,yBAAuB;AACvB,4DAAoC;AACpC,6CAA+B;AAW/B;;GAEG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,iDAAiD,EACjD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAbD,kCAaC","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 \"./Column.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[GroupColumn]] component.\n * @internal\n */\nexport interface GroupColumnProps extends CommonProps {\n  /** Actual content. I.e. tool items: [[GroupToolExpander]], [[GroupTool]] */\n  children?: React.ReactNode;\n}\n\n/** Tool group column. Used in [[Group]] components.\n * @internal\n */\nexport function GroupColumn(props: GroupColumnProps) {\n  const className = classnames(\n    \"components-toolbar-item-expandable-group-column\",\n    props.className);\n\n  return (\n    <div\n      className={className}\n      style={props.style}\n    >\n      {props.children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Column.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,yBAAuB;AACvB,4DAAoC;AACpC,6CAA+B;AAW/B;;GAEG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,iDAAiD,EACjD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAbD,kCAaC","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 \"./Column.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[GroupColumn]] component.\r\n * @internal\r\n */\r\nexport interface GroupColumnProps extends CommonProps {\r\n  /** Actual content. I.e. tool items: [[GroupToolExpander]], [[GroupTool]] */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Tool group column. Used in [[Group]] components.\r\n * @internal\r\n */\r\nexport function GroupColumn(props: GroupColumnProps) {\r\n  const className = classnames(\r\n    \"components-toolbar-item-expandable-group-column\",\r\n    props.className);\r\n\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={props.style}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/cjs/components-react/toolbar/groupPanel/Column.scss

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.components-toolbar-item-expandable-group-column {
-  > *:not(:last-child) {
-    margin-bottom: 9px;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.components-toolbar-item-expandable-group-column {
+  > *:not(:last-child) {
+    margin-bottom: 9px;
+  }
+}

package/lib/cjs/components-react/toolbar/groupPanel/Columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"Columns.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Columns.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,0BAAwB;AACxB,4DAAoC;AACpC,6CAA+B;AAW/B;;GAEG;AACH,SAAgB,OAAO,CAAC,KAAmB;IACzC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,kDAAkD,EAClD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAbD,0BAaC","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 \"./Columns.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[Columns]] component.\n * @internal\n */\nexport interface ColumnsProps extends CommonProps {\n  /** Actual columns. I.e. [[GroupColumn]] */\n  children?: React.ReactNode;\n}\n\n/** Columns of tool group. Used in [[Group]], [[NestedGroup]] components.\n * @internal\n */\nexport function Columns(props: ColumnsProps) {\n  const className = classnames(\n    \"components-toolbar-item-expandable-group-columns\",\n    props.className);\n\n  return (\n    <div\n      className={className}\n      style={props.style}\n    >\n      {props.children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Columns.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Columns.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,0BAAwB;AACxB,4DAAoC;AACpC,6CAA+B;AAW/B;;GAEG;AACH,SAAgB,OAAO,CAAC,KAAmB;IACzC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,kDAAkD,EAClD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAbD,0BAaC","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 \"./Columns.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[Columns]] component.\r\n * @internal\r\n */\r\nexport interface ColumnsProps extends CommonProps {\r\n  /** Actual columns. I.e. [[GroupColumn]] */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Columns of tool group. Used in [[Group]], [[NestedGroup]] components.\r\n * @internal\r\n */\r\nexport function Columns(props: ColumnsProps) {\r\n  const className = classnames(\r\n    \"components-toolbar-item-expandable-group-columns\",\r\n    props.className);\r\n\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={props.style}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/cjs/components-react/toolbar/groupPanel/Columns.scss

@@ -1,10 +1,10 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.components-toolbar-item-expandable-group-columns {
-  display: grid;
-  grid-auto-columns: 1fr;
-  grid-gap: 12px;
-  grid-auto-flow: column;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.components-toolbar-item-expandable-group-columns {
+  display: grid;
+  grid-auto-columns: 1fr;
+  grid-gap: 12px;
+  grid-auto-flow: column;
+}

package/lib/cjs/components-react/toolbar/groupPanel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Panel.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,wBAAsB;AACtB,4DAAoC;AACpC,6CAA+B;AAY/B;;GAEG;AACH,SAAgB,KAAK,CAAC,KAAiB;IACrC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,gDAAgD,EAChD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO;IACL,2EAA2E;IAC3E,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAC,QAAQ,IAEZ,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAhBD,sBAgBC","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 \"./Panel.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[Panel]] component.\n * @internal\n */\nexport interface PanelProps extends CommonProps {\n  /** Panel content. */\n  children?: React.ReactNode;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\n/** Basic panel used in Toolbar popups. Used as base in [[Group]] and [[NestedGroup]] components.\n * @internal\n */\nexport function Panel(props: PanelProps) {\n  const className = classnames(\n    \"components-toolbar-item-expandable-group-panel\",\n    props.className);\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n    <div\n      className={className}\n      style={props.style}\n      onKeyDown={props.onKeyDown}\n      role=\"region\"\n    >\n      {props.children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Panel.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,wBAAsB;AACtB,4DAAoC;AACpC,6CAA+B;AAY/B;;GAEG;AACH,SAAgB,KAAK,CAAC,KAAiB;IACrC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,gDAAgD,EAChD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO;IACL,2EAA2E;IAC3E,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAC,QAAQ,IAEZ,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAhBD,sBAgBC","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 \"./Panel.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[Panel]] component.\r\n * @internal\r\n */\r\nexport interface PanelProps extends CommonProps {\r\n  /** Panel content. */\r\n  children?: React.ReactNode;\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n}\r\n\r\n/** Basic panel used in Toolbar popups. Used as base in [[Group]] and [[NestedGroup]] components.\r\n * @internal\r\n */\r\nexport function Panel(props: PanelProps) {\r\n  const className = classnames(\r\n    \"components-toolbar-item-expandable-group-panel\",\r\n    props.className);\r\n\r\n  return (\r\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\r\n    <div\r\n      className={className}\r\n      style={props.style}\r\n      onKeyDown={props.onKeyDown}\r\n      role=\"region\"\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/cjs/components-react/toolbar/groupPanel/Panel.scss

@@ -1,15 +1,15 @@
-/*---------------------------------------------------------------------------------------------
-* 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-panel {
-  line-height: normal;
-  background: var(--iui-color-background);
-  padding: 8px;
-  border-radius: var(--iui-border-radius-1);
-  pointer-events: auto;
-  border: 1px solid var(--iui-color-border);
-  font-size: $font-size;
-}
+/*---------------------------------------------------------------------------------------------
+* 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-panel {
+  line-height: normal;
+  background: var(--iui-color-background);
+  padding: 8px;
+  border-radius: var(--iui-border-radius-1);
+  pointer-events: auto;
+  border: 1px solid var(--iui-color-border);
+  font-size: $font-size;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Title.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,wBAAsB;AACtB,4DAAoC;AACpC,6CAA+B;AAW/B;;GAEG;AACH,SAAgB,KAAK,CAAC,KAAiB;IACrC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,gDAAgD,EAChD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAbD,sBAaC","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 { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[Title]] component.\n * @internal\n */\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  return (\n    <div\n      className={className}\n      style={props.style}\n    >\n      {props.children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Title.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,wBAAsB;AACtB,4DAAoC;AACpC,6CAA+B;AAW/B;;GAEG;AACH,SAAgB,KAAK,CAAC,KAAiB;IACrC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,gDAAgD,EAChD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAbD,sBAaC","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 \"./Title.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[Title]] component.\r\n * @internal\r\n */\r\nexport interface TitleProps extends CommonProps {\r\n  /** Actual title. */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Tool group title.\r\n * @internal\r\n */\r\nexport function Title(props: TitleProps) {\r\n  const className = classnames(\r\n    \"components-toolbar-item-expandable-group-title\",\r\n    props.className);\r\n\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={props.style}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n"]}

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

@@ -1,33 +1,33 @@
-/*---------------------------------------------------------------------------------------------
-* 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;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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/cjs/components-react/toolbar/groupPanel/_variables.scss

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* 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;
+/*---------------------------------------------------------------------------------------------
+* 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/cjs/components-react/toolbar/groupPanel/tool/Expander.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../../../../../../src/components-react/toolbar/groupPanel/tool/Expander.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,2BAAyB;AACzB,4DAAoC;AACpC,6CAA+B;AAE/B,iCAAmD;AAQnD;;GAEG;AACH,8CAA8C;AACjC,QAAA,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,IAAA,oBAAU,EAClC,wDAAwD,EACxD,SAAS,CAAC,CAAC;IAEb,OAAO,CACL,oBAAC,gBAAS,IACR,SAAS,EAAE,iBAAiB,KACxB,UAAU;QACd,6BAAK,SAAS,EAAC,gCAAgC,GAAG,CACxC,CACb,CAAC;AACJ,CAAC,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 Toolbar\n */\n\nimport \"./Expander.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { NoChildrenProps, Omit } from \"@itwin/core-react\";\nimport { GroupTool, GroupToolProps } from \"./Tool\";\n\n/** Properties of [[GroupToolExpander]] component.\n * @internal\n */\nexport interface GroupToolExpanderProps extends Omit<GroupToolProps, \"isActive\" | \"children\">, NoChildrenProps {\n}\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    return (\n      <GroupTool\n        className={expanderClassName}\n        {...otherProps}>\n        <div className=\"components-expansion-indicator\" />\n      </GroupTool>\n    );\n  });\n"]}
+{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../../../../../../src/components-react/toolbar/groupPanel/tool/Expander.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,2BAAyB;AACzB,4DAAoC;AACpC,6CAA+B;AAE/B,iCAAmD;AAQnD;;GAEG;AACH,8CAA8C;AACjC,QAAA,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,IAAA,oBAAU,EAClC,wDAAwD,EACxD,SAAS,CAAC,CAAC;IAEb,OAAO,CACL,oBAAC,gBAAS,IACR,SAAS,EAAE,iBAAiB,KACxB,UAAU;QACd,6BAAK,SAAS,EAAC,gCAAgC,GAAG,CACxC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n */\r\n\r\nimport \"./Expander.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { NoChildrenProps, Omit } from \"@itwin/core-react\";\r\nimport { GroupTool, GroupToolProps } from \"./Tool\";\r\n\r\n/** Properties of [[GroupToolExpander]] component.\r\n * @internal\r\n */\r\nexport interface GroupToolExpanderProps extends Omit<GroupToolProps, \"isActive\" | \"children\">, NoChildrenProps {\r\n}\r\n\r\n/** Expandable entry of tool group panel. Used in [[GroupColumn]] to select nested Groups.\r\n * @internal\r\n */\r\n// eslint-disable-next-line react/display-name\r\nexport const GroupToolExpander = React.memo<React.FC<GroupToolExpanderProps>>(\r\n  (props: GroupToolExpanderProps) => {\r\n    const { className, ...otherProps } = props;\r\n\r\n    const expanderClassName = classnames(\r\n      \"components-toolbar-item-expandable-group-tool-expander\",\r\n      className);\r\n\r\n    return (\r\n      <GroupTool\r\n        className={expanderClassName}\r\n        {...otherProps}>\r\n        <div className=\"components-expansion-indicator\" />\r\n      </GroupTool>\r\n    );\r\n  });\r\n"]}

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

@@ -1,29 +1,29 @@
-/*---------------------------------------------------------------------------------------------
-* 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;
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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/cjs/components-react/toolbar/groupPanel/tool/Tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","sourceRoot":"","sources":["../../../../../../src/components-react/toolbar/groupPanel/tool/Tool.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,uBAAqB;AACrB,4DAAoC;AACpC,6CAA+B;AAE/B,kDAA6D;AA8B7D;;GAEG;AACH,SAAgB,SAAS,CAAC,KAAqB;IAC7C,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAA,wBAAW,EAAC,GAAG,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,IAAA,oBAAU,EAC9B,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,CAAC,CAAC;IAEnB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,uBAAuB;QACvB,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO;YACpC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,uBAAuB;QACvB,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,WAAW;YACxC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,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,KAAK,CAAC,IAAI,CAAC,UAAU,EAC5C,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;gBACV,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,KAAK,CAAC,KAAK,CACR,CAEJ;QACN,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,KAAK,CAAC,KAAK,CACR;QACL,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AArDD,8BAqDC","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 { ActionButton, GroupButton } from \"@itwin/appui-abstract\";\nimport { CommonProps, useTargeted } from \"@itwin/core-react\";\n\n/** Properties of [[GroupTool]] component.\n * @internal\n */\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  const handleClick = React.useCallback(() => {\n    // istanbul ignore else\n    if (!props.isDisabled && props.onClick)\n      props.onClick(props.item);\n  }, [props]);\n\n  const handlePointerUp = React.useCallback(() => {\n    // istanbul ignore else\n    if (!props.isDisabled && props.onPointerUp)\n      props.onPointerUp(props.item);\n  }, [props]);\n\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={props.item.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 &&\n          <div className=\"components-badge\">\n            {props.badge}\n          </div>\n        }\n      </div>\n      <div className=\"components-label\">\n        {props.label}\n      </div>\n      {props.children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Tool.js","sourceRoot":"","sources":["../../../../../../src/components-react/toolbar/groupPanel/tool/Tool.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,uBAAqB;AACrB,4DAAoC;AACpC,6CAA+B;AAE/B,kDAA6D;AA8B7D;;GAEG;AACH,SAAgB,SAAS,CAAC,KAAqB;IAC7C,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAA,wBAAW,EAAC,GAAG,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,IAAA,oBAAU,EAC9B,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,CAAC,CAAC;IAEnB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,uBAAuB;QACvB,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO;YACpC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,uBAAuB;QACvB,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,WAAW;YACxC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,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,KAAK,CAAC,IAAI,CAAC,UAAU,EAC5C,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;gBACV,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,KAAK,CAAC,KAAK,CACR,CAEJ;QACN,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,KAAK,CAAC,KAAK,CACR;QACL,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AArDD,8BAqDC","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 \"./Tool.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ActionButton, GroupButton } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, useTargeted } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[GroupTool]] component.\r\n * @internal\r\n */\r\nexport interface GroupToolProps extends CommonProps {\r\n  /** Additional content, besides icon and label. */\r\n  children?: React.ReactNode;\r\n  /** Tool icon. */\r\n  icon?: React.ReactNode;\r\n  /** Describes if the item is active. */\r\n  isActive?: boolean;\r\n  /** Describes if the item is disabled. */\r\n  isDisabled?: boolean;\r\n  /** Describes if the item is focused. */\r\n  isFocused?: boolean;\r\n  /** Tool label. */\r\n  label?: string;\r\n  /** Function called when the item is clicked. */\r\n  onClick?: (item: GroupButton | ActionButton) => void;\r\n  /** Function called when pointer up event is received. */\r\n  onPointerUp?: (item: GroupButton | ActionButton) => void;\r\n  /** A badge to draw. */\r\n  badge?: React.ReactNode;\r\n  /** GroupButton item */\r\n  item: GroupButton | ActionButton;\r\n  /** Optional function to call on any KeyDown events processed by toolbar */\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n}\r\n\r\n/** Tool entry of tool group panel. Used in [[GroupColumn]].\r\n * @internal\r\n */\r\nexport function GroupTool(props: GroupToolProps) {\r\n  const ref = React.useRef<HTMLDivElement>(null);\r\n  const targeted = useTargeted(ref);\r\n  const itemClassName = classnames(\r\n    \"components-toolbar-item-expandable-group-tool-item\",\r\n    props.isActive && \"components-active\",\r\n    props.isFocused && \"components-focused\",\r\n    props.isDisabled && \"components-disabled\",\r\n    props.onPointerUp && \"components-pointer-up\",\r\n    targeted && \"components-targeted\",\r\n    props.className);\r\n\r\n  const handleClick = React.useCallback(() => {\r\n    // istanbul ignore else\r\n    if (!props.isDisabled && props.onClick)\r\n      props.onClick(props.item);\r\n  }, [props]);\r\n\r\n  const handlePointerUp = React.useCallback(() => {\r\n    // istanbul ignore else\r\n    if (!props.isDisabled && props.onPointerUp)\r\n      props.onPointerUp(props.item);\r\n  }, [props]);\r\n\r\n  return (\r\n    <div\r\n      className={itemClassName}\r\n      onClick={handleClick}\r\n      onKeyDown={props.onKeyDown}\r\n      onPointerUp={handlePointerUp}\r\n      data-item-id={props.item.id}\r\n      data-item-type=\"popup-tool-panel-item\"\r\n      data-item-priority={props.item.itemPriority}\r\n      data-item-provider-id={props.item.providerId}\r\n      ref={ref}\r\n      style={props.style}\r\n      role=\"button\"\r\n      tabIndex={0}\r\n    >\r\n      <div className=\"components-icon\">\r\n        {props.icon}\r\n        {props.badge &&\r\n          <div className=\"components-badge\">\r\n            {props.badge}\r\n          </div>\r\n        }\r\n      </div>\r\n      <div className=\"components-label\">\r\n        {props.label}\r\n      </div>\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n"]}