@itwin/appui-react 5.0.4 → 5.1.0

package/lib/appui-react/layout/widget/MenuTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTab.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/MenuTab.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AASpD,gBAAgB;AAChB,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC1C,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC/D,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;QAChC,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3B,OAAO,GAAG,CAAC,KAAK,CAAC;IACnB,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC1B,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,eAAe,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,MAAM,GAAG,GAAG,kBAAkB,CAAC;QAC7B,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,aAAa;QACtB,aAAa,EAAE,aAAa;KAC7B,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,MAAM,GAAG,WAAW,KAAK,EAAE,CAAC;IAClC,MAAM,SAAS,GAAG,UAAU,CAC1B,mBAAmB,EACnB,CAAC,cAAc,IAAI,YAAY,EAC/B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;QAC9C,KAAK,CAAC,KAAK,IAAI,6BAAK,SAAS,EAAC,UAAU,IAAE,KAAK,CAAC,KAAK,CAAO;QAC5D,cAAc,IAAI,6BAAK,SAAS,EAAC,SAAS,IAAE,KAAK,CAAC,IAAI,CAAO;QAC9D,kCAAO,KAAK,CAAQ;QACpB,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC,MAAM,IAAI,WAAW,CAAC,GAAI,CAClE,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 Widget\n */\n\nimport \"./MenuTab.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { useTabInteractions } from \"./Tab.js\";\nimport { useActiveTabId } from \"./Widget.js\";\nimport { WidgetOverflowContext } from \"./Overflow.js\";\nimport { ShowWidgetIconContext } from \"../base/NineZone.js\";\nimport { useLayout } from \"../base/LayoutStore.js\";\nimport { TabIdContext } from \"./ContentRenderer.js\";\n\n/** @internal */\n// eslint-disable-next-line deprecation/deprecation\nexport interface WidgetMenuTabProps extends CommonProps {\n  badge?: React.ReactNode;\n  icon?: React.ReactNode;\n}\n\n/** @internal */\nexport function WidgetMenuTab(props: WidgetMenuTabProps) {\n  const id = React.useContext(TabIdContext);\n  const overflowContext = React.useContext(WidgetOverflowContext);\n  const showWidgetIcon = React.useContext(ShowWidgetIconContext);\n  assert(!!id);\n\n  const label = useLayout((state) => {\n    const tab = state.tabs[id];\n    return tab.label;\n  });\n  assert(!!overflowContext);\n  const closeOverflow = React.useCallback(() => {\n    overflowContext.close();\n  }, [overflowContext]);\n  const ref = useTabInteractions({\n    onDragStart: closeOverflow,\n    onClick: closeOverflow,\n    onDoubleClick: closeOverflow,\n  });\n  const activeTabId = useActiveTabId();\n  const active = activeTabId === id;\n  const className = classnames(\n    \"nz-widget-menuTab\",\n    !showWidgetIcon && \"nz-no-icon\",\n    props.className\n  );\n  return (\n    <div className={className} ref={ref} title={label}>\n      {props.badge && <div className=\"nz-badge\">{props.badge}</div>}\n      {showWidgetIcon && <div className=\"nz-icon\">{props.icon}</div>}\n      <span>{label}</span>\n      <div className={classnames(\"nz-checkmark\", !active && \"nz-hidden\")} />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"MenuTab.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/MenuTab.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AASpD,gBAAgB;AAChB,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC1C,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC/D,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;QAChC,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3B,OAAO,GAAG,CAAC,KAAK,CAAC;IACnB,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC1B,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,eAAe,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,MAAM,GAAG,GAAG,kBAAkB,CAAC;QAC7B,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,aAAa;QACtB,aAAa,EAAE,aAAa;KAC7B,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,MAAM,GAAG,WAAW,KAAK,EAAE,CAAC;IAClC,MAAM,SAAS,GAAG,UAAU,CAC1B,mBAAmB,EACnB,CAAC,cAAc,IAAI,YAAY,EAC/B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;QAC9C,KAAK,CAAC,KAAK,IAAI,6BAAK,SAAS,EAAC,UAAU,IAAE,KAAK,CAAC,KAAK,CAAO;QAC5D,cAAc,IAAI,6BAAK,SAAS,EAAC,SAAS,IAAE,KAAK,CAAC,IAAI,CAAO;QAC9D,kCAAO,KAAK,CAAQ;QACpB,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC,MAAM,IAAI,WAAW,CAAC,GAAI,CAClE,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 Widget\n */\n\nimport \"./MenuTab.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { useTabInteractions } from \"./Tab.js\";\nimport { useActiveTabId } from \"./Widget.js\";\nimport { WidgetOverflowContext } from \"./Overflow.js\";\nimport { ShowWidgetIconContext } from \"../base/NineZone.js\";\nimport { useLayout } from \"../base/LayoutStore.js\";\nimport { TabIdContext } from \"./ContentRenderer.js\";\n\n/** @internal */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface WidgetMenuTabProps extends CommonProps {\n  badge?: React.ReactNode;\n  icon?: React.ReactNode;\n}\n\n/** @internal */\nexport function WidgetMenuTab(props: WidgetMenuTabProps) {\n  const id = React.useContext(TabIdContext);\n  const overflowContext = React.useContext(WidgetOverflowContext);\n  const showWidgetIcon = React.useContext(ShowWidgetIconContext);\n  assert(!!id);\n\n  const label = useLayout((state) => {\n    const tab = state.tabs[id];\n    return tab.label;\n  });\n  assert(!!overflowContext);\n  const closeOverflow = React.useCallback(() => {\n    overflowContext.close();\n  }, [overflowContext]);\n  const ref = useTabInteractions({\n    onDragStart: closeOverflow,\n    onClick: closeOverflow,\n    onDoubleClick: closeOverflow,\n  });\n  const activeTabId = useActiveTabId();\n  const active = activeTabId === id;\n  const className = classnames(\n    \"nz-widget-menuTab\",\n    !showWidgetIcon && \"nz-no-icon\",\n    props.className\n  );\n  return (\n    <div className={className} ref={ref} title={label}>\n      {props.badge && <div className=\"nz-badge\">{props.badge}</div>}\n      {showWidgetIcon && <div className=\"nz-icon\">{props.icon}</div>}\n      <span>{label}</span>\n      <div className={classnames(\"nz-checkmark\", !active && \"nz-hidden\")} />\n    </div>\n  );\n}\n"]}

package/lib/appui-react/layout/widget/NavigationArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationArea.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/NavigationArea.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,SAAS,GAAG,UAAU,CAAC,0BAA0B,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1E,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC3C,6BACE,SAAS,EAAC,iCAAiC,EAC3C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,iBAAiB,CACpB;QACL,KAAK,CAAC,aAAa,IAAI,CACtB,6BACE,SAAS,EAAC,6BAA6B,EACvC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,aAAa,CAChB,CACP;QACD,6BACE,SAAS,EAAC,+BAA+B,EACzC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,eAAe,CAClB,CACF,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 Widget\n */\n\nimport \"./NavigationArea.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\n\n/** Properties of [[NavigationArea]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface NavigationAreaProps extends CommonProps, NoChildrenProps {\n  /**\n   * Button displayed between horizontal and vertical toolbars.\n   * I.e. [[AppButton]] in NavigationArea zone or navigation aid control in Navigation zone.\n   */\n  navigationAid?: React.ReactNode;\n  /** Horizontal toolbar. See [[Toolbar]] */\n  horizontalToolbar?: React.ReactNode;\n  /** Vertical toolbar. See [[Toolbar]] */\n  verticalToolbar?: React.ReactNode;\n  /** Handler for mouse enter */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Handler for mouse leave */\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n\n/** NavigationArea widget is used in NavigationArea (Zone 1) and Navigation (Zone 3???) zones of 9-Zone UI.\n * @note Should be placed in [[Zone]] component.\n * @internal\n */\nexport function NavigationArea(props: NavigationAreaProps) {\n  const className = classnames(\"nz-widget-navigationArea\", props.className);\n  return (\n    <div className={className} style={props.style}>\n      <div\n        className=\"nz-horizontal-toolbar-container\"\n        onMouseEnter={props.onMouseEnter}\n        onMouseLeave={props.onMouseLeave}\n      >\n        {props.horizontalToolbar}\n      </div>\n      {props.navigationAid && (\n        <div\n          className=\"nz-navigation-aid-container\"\n          onMouseEnter={props.onMouseEnter}\n          onMouseLeave={props.onMouseLeave}\n        >\n          {props.navigationAid}\n        </div>\n      )}\n      <div\n        className=\"nz-vertical-toolbar-container\"\n        onMouseEnter={props.onMouseEnter}\n        onMouseLeave={props.onMouseLeave}\n      >\n        {props.verticalToolbar}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"NavigationArea.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/NavigationArea.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,SAAS,GAAG,UAAU,CAAC,0BAA0B,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1E,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC3C,6BACE,SAAS,EAAC,iCAAiC,EAC3C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,iBAAiB,CACpB;QACL,KAAK,CAAC,aAAa,IAAI,CACtB,6BACE,SAAS,EAAC,6BAA6B,EACvC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,aAAa,CAChB,CACP;QACD,6BACE,SAAS,EAAC,+BAA+B,EACzC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,IAE/B,KAAK,CAAC,eAAe,CAClB,CACF,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 Widget\n */\n\nimport \"./NavigationArea.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\n\n/** Properties of [[NavigationArea]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface NavigationAreaProps extends CommonProps, NoChildrenProps {\n  /**\n   * Button displayed between horizontal and vertical toolbars.\n   * I.e. [[AppButton]] in NavigationArea zone or navigation aid control in Navigation zone.\n   */\n  navigationAid?: React.ReactNode;\n  /** Horizontal toolbar. See [[Toolbar]] */\n  horizontalToolbar?: React.ReactNode;\n  /** Vertical toolbar. See [[Toolbar]] */\n  verticalToolbar?: React.ReactNode;\n  /** Handler for mouse enter */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Handler for mouse leave */\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n\n/** NavigationArea widget is used in NavigationArea (Zone 1) and Navigation (Zone 3???) zones of 9-Zone UI.\n * @note Should be placed in [[Zone]] component.\n * @internal\n */\nexport function NavigationArea(props: NavigationAreaProps) {\n  const className = classnames(\"nz-widget-navigationArea\", props.className);\n  return (\n    <div className={className} style={props.style}>\n      <div\n        className=\"nz-horizontal-toolbar-container\"\n        onMouseEnter={props.onMouseEnter}\n        onMouseLeave={props.onMouseLeave}\n      >\n        {props.horizontalToolbar}\n      </div>\n      {props.navigationAid && (\n        <div\n          className=\"nz-navigation-aid-container\"\n          onMouseEnter={props.onMouseEnter}\n          onMouseLeave={props.onMouseLeave}\n        >\n          {props.navigationAid}\n        </div>\n      )}\n      <div\n        className=\"nz-vertical-toolbar-container\"\n        onMouseEnter={props.onMouseEnter}\n        onMouseLeave={props.onMouseLeave}\n      >\n        {props.verticalToolbar}\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/appui-react/layout/widget/Tab.js

@@ -96,7 +96,7 @@ export function useTabInteractions({ onClick, onDoubleClick, onDragStart, clickO
     const layoutStore = useLayoutStore();
     const tabRef = React.useRef(layoutStore.getState().tabs[id]);
     const clickCount = React.useRef(0);
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     const doubleClickTimer = React.useRef(new Timer(300));
     const initialPointerPosition = React.useRef();
     const overflown = !widgetTabsEntryContext;

package/lib/appui-react/layout/widget/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/Tab.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 Widget\n */\n\nimport \"./Tab.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Timer } from \"@itwin/core-react\";\nimport {\n  Point,\n  Rectangle,\n  useRefs,\n  useResizeObserver,\n} from \"@itwin/core-react/internal\";\nimport { useDragTab } from \"../base/DragManager.js\";\nimport {\n  MeasureContext,\n  NineZoneDispatchContext,\n  ShowWidgetIconContext,\n  TabNodeContext,\n} from \"../base/NineZone.js\";\nimport type { TabState } from \"../state/TabState.js\";\nimport type {\n  PointerCaptorArgs,\n  PointerCaptorEvent,\n} from \"../base/usePointerCaptor.js\";\nimport { usePointerCaptor } from \"../base/usePointerCaptor.js\";\nimport { PanelSideContext } from \"../widget-panels/Panel.js\";\nimport { WidgetTabsEntryContext } from \"./Tabs.js\";\nimport {\n  restrainInitialWidgetSize,\n  WidgetContext,\n  WidgetIdContext,\n} from \"./Widget.js\";\nimport { TabIdContext } from \"./ContentRenderer.js\";\nimport { TabTarget } from \"../target/TabTarget.js\";\nimport { WidgetMenuTab } from \"./MenuTab.js\";\nimport { WidgetOverflowContext } from \"./Overflow.js\";\nimport { useLayout, useLayoutStore } from \"../base/LayoutStore.js\";\nimport { useFloatingWidgetId } from \"./FloatingWidget.js\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers.js\";\nimport { useIsMaximizedWidget } from \"../../preview/enable-maximized-widget/useMaximizedWidget.js\";\nimport { FloatingTab } from \"./FloatingTab.js\";\n\n/** @internal */\nexport interface WidgetTabProviderProps extends TabPositionContextArgs {\n  id: TabState[\"id\"];\n  showOnlyTabIcon?: boolean;\n}\n\n/** @internal */\nexport function WidgetTabProvider({\n  id,\n  first,\n  firstInactive,\n  last,\n  showOnlyTabIcon,\n}: WidgetTabProviderProps) {\n  const tabNode = React.useContext(TabNodeContext);\n  const position = React.useMemo<TabPositionContextArgs>(\n    () => ({\n      first,\n      firstInactive,\n      last,\n    }),\n    [first, firstInactive, last]\n  );\n  return (\n    <TabIdContext.Provider value={id}>\n      <TabPositionContext.Provider value={position}>\n        <IconOnlyOnWidgetTabContext.Provider value={!!showOnlyTabIcon}>\n          {tabNode}\n        </IconOnlyOnWidgetTabContext.Provider>\n      </TabPositionContext.Provider>\n    </TabIdContext.Provider>\n  );\n}\n\n/** Properties of [[WidgetTab]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface WidgetTabProps extends CommonProps {\n  badge?: React.ReactNode;\n  icon?: React.ReactNode;\n}\n\n/** Component that displays a tab in a side panel widget.\n * @internal\n */\nexport function WidgetTab(props: WidgetTabProps) {\n  const widgetOverflow = React.useContext(WidgetOverflowContext);\n  const tabId = React.useContext(TabIdContext);\n  const overflown = !!widgetOverflow;\n  const floatingTabId = useLayout((state) => state.draggedTab?.tabId);\n\n  if (tabId === floatingTabId) return <FloatingTab {...props} />;\n  if (overflown) return <WidgetMenuTab {...props} />;\n  return <WidgetTabComponent {...props} />;\n}\n\nfunction WidgetTabComponent(props: WidgetTabProps) {\n  const id = React.useContext(TabIdContext);\n  const { first, firstInactive, last } = React.useContext(TabPositionContext);\n  const widgetTabsEntryContext = React.useContext(WidgetTabsEntryContext);\n  const side = React.useContext(PanelSideContext);\n  const widgetId = React.useContext(WidgetIdContext);\n  const showIconOnly = React.useContext(IconOnlyOnWidgetTabContext);\n  const showWidgetIcon = React.useContext(ShowWidgetIconContext);\n  assert(!!id);\n  assert(!!widgetId);\n\n  const label = useLayout((state) => state.tabs[id].label);\n  const activeTabId = useLayout(\n    (state) => getWidgetState(state, widgetId).activeTabId\n  );\n  const minimized = useLayout(\n    (state) => getWidgetState(state, widgetId).minimized\n  );\n\n  const maximizedWidget = useIsMaximizedWidget();\n\n  const resizeObserverRef = useResizeObserver<HTMLDivElement>(\n    widgetTabsEntryContext?.onResize\n  );\n  const pointerCaptorRef = useTabInteractions({ clickOnly: maximizedWidget });\n  const refs = useRefs<HTMLDivElement>(resizeObserverRef, pointerCaptorRef);\n\n  const active = activeTabId === id;\n  const className = classnames(\n    \"nz-widget-tab\",\n    active && \"nz-active\",\n    undefined === side && minimized && \"nz-minimized\",\n    first && \"nz-first\",\n    last && \"nz-last\",\n    firstInactive && \"nz-first-inactive\",\n    props.className\n  );\n\n  const showLabel =\n    (showIconOnly && !props.icon) ||\n    (showWidgetIcon && !showIconOnly) ||\n    !showWidgetIcon;\n  return (\n    <div\n      data-item-id={id}\n      data-item-type=\"widget-tab\"\n      className={className}\n      ref={refs}\n      role=\"tab\"\n      style={props.style}\n      title={label}\n      tabIndex={0}\n    >\n      {(showWidgetIcon || showIconOnly) && (\n        <span className=\"nz-icon\">{props.icon}</span>\n      )}\n      {showLabel && <span className=\"nz-label\">{label}</span>}\n      {props.badge && <div className=\"nz-badge\">{props.badge}</div>}\n      <TabTarget />\n    </div>\n  );\n}\n\n/** @internal */\nexport interface UseTabInteractionsArgs {\n  onClick?: () => void;\n  onDoubleClick?: () => void;\n  onDragStart?: () => void;\n  clickOnly?: boolean;\n}\n\n/** @internal */\nexport function useTabInteractions<T extends HTMLElement>({\n  onClick,\n  onDoubleClick,\n  onDragStart,\n  clickOnly,\n}: UseTabInteractionsArgs) {\n  const id = React.useContext(TabIdContext);\n  const widgetContext = React.useContext(WidgetContext);\n  const measure = React.useContext(MeasureContext);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const side = React.useContext(PanelSideContext);\n  const widgetId = React.useContext(WidgetIdContext);\n  const widgetTabsEntryContext = React.useContext(WidgetTabsEntryContext);\n  const floatingWidgetId = useFloatingWidgetId();\n  assert(!!id);\n  assert(!!widgetId);\n\n  const layoutStore = useLayoutStore();\n  const tabRef = React.useRef(layoutStore.getState().tabs[id]);\n  const clickCount = React.useRef(0);\n  // eslint-disable-next-line deprecation/deprecation\n  const doubleClickTimer = React.useRef(new Timer(300));\n  const initialPointerPosition = React.useRef<Point>();\n\n  const overflown = !widgetTabsEntryContext;\n\n  React.useEffect(\n    () =>\n      layoutStore.subscribe((state) => {\n        tabRef.current = state.tabs[id];\n      }),\n    [layoutStore, id]\n  );\n\n  const handleClick = React.useCallback(() => {\n    dispatch({\n      type: \"WIDGET_TAB_CLICK\",\n      side,\n      widgetId,\n      id,\n    });\n    onClick?.();\n  }, [dispatch, widgetId, id, side, onClick]);\n  const handleDoubleClick = React.useCallback(() => {\n    if (clickOnly) return;\n    dispatch({\n      type: \"WIDGET_TAB_DOUBLE_CLICK\",\n      side,\n      widgetId,\n      floatingWidgetId,\n      id,\n    });\n    onDoubleClick?.();\n  }, [\n    clickOnly,\n    dispatch,\n    floatingWidgetId,\n    widgetId,\n    id,\n    side,\n    onDoubleClick,\n  ]);\n\n  const handleDragTabStart = useDragTab({\n    tabId: id,\n  });\n  const handleDragStart = React.useCallback(\n    (pointerPosition: Point) => {\n      if (clickOnly) return;\n      assert(!!ref.current);\n      assert(!!initialPointerPosition.current);\n      const nzBounds = measure();\n      const nzOffset = new Point(-nzBounds.left, -nzBounds.top);\n      let bounds = Rectangle.create(ref.current.getBoundingClientRect());\n      bounds = bounds.offset(nzOffset);\n\n      const tab = tabRef.current;\n      const userSized =\n        tab.userSized ||\n        (tab.isFloatingWidgetResizable && !!tab.preferredFloatingWidgetSize);\n      let position = bounds.topLeft();\n      const widgetBounds = widgetContext.measure();\n      const widgetSize = restrainInitialWidgetSize(\n        widgetBounds.getSize(),\n        nzBounds.getSize()\n      );\n      if (overflown) {\n        position = initialPointerPosition.current.offset(nzOffset);\n        position = position.offset({ x: -7, y: -7 });\n      }\n\n      const dragOffset =\n        initialPointerPosition.current.getOffsetTo(pointerPosition);\n      position = position.offset(dragOffset);\n\n      handleDragTabStart({\n        initialPointerPosition: Point.create(initialPointerPosition.current),\n        pointerPosition,\n        widgetSize,\n      });\n      dispatch({\n        type: \"WIDGET_TAB_DRAG_START\",\n        floatingWidgetId,\n        side,\n        widgetId,\n        id,\n        position,\n        userSized,\n      });\n      onDragStart?.();\n\n      initialPointerPosition.current = undefined;\n    },\n    [\n      clickOnly,\n      measure,\n      widgetContext,\n      handleDragTabStart,\n      dispatch,\n      floatingWidgetId,\n      side,\n      widgetId,\n      id,\n      onDragStart,\n      overflown,\n    ]\n  );\n  const handlePointerDown = React.useCallback(\n    (args: PointerCaptorArgs, e: PointerCaptorEvent) => {\n      e.type === \"touchstart\" &&\n        floatingWidgetId &&\n        dispatch({\n          type: \"FLOATING_WIDGET_BRING_TO_FRONT\",\n          id: floatingWidgetId,\n        });\n\n      initialPointerPosition.current = new Point(args.clientX, args.clientY);\n    },\n    [dispatch, floatingWidgetId]\n  );\n  const handlePointerMove = React.useCallback(\n    (args: PointerCaptorArgs) => {\n      if (!initialPointerPosition.current) return;\n\n      const pointerPosition = new Point(args.clientX, args.clientY);\n      const distance =\n        initialPointerPosition.current.getDistanceTo(pointerPosition);\n      if (distance < 10) return;\n      handleDragStart(pointerPosition);\n    },\n    [handleDragStart]\n  );\n  const handlePointerUp = React.useCallback(() => {\n    clickCount.current++;\n    initialPointerPosition.current = undefined;\n    doubleClickTimer.current.start();\n  }, []);\n\n  const pointerCaptorRef = usePointerCaptor<T>(\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp\n  );\n  const ref = React.useRef<T>();\n  const refs = useRefs(pointerCaptorRef, ref);\n\n  React.useEffect(() => {\n    const timer = doubleClickTimer.current;\n    timer.setOnExecute(() => {\n      if (clickCount.current === 1) handleClick();\n      else handleDoubleClick();\n      clickCount.current = 0;\n    });\n    const keydown = (e: KeyboardEvent) => {\n      if (e.key === \" \" || e.key === Key.Enter.valueOf()) {\n        handleClick();\n      }\n    };\n    const instance = ref.current;\n    instance && instance.addEventListener(\"keydown\", keydown);\n    return () => {\n      timer.setOnExecute(undefined);\n      instance && instance.removeEventListener(\"keydown\", keydown);\n    };\n  }, [handleClick, handleDoubleClick]);\n  return refs;\n}\n\n/** @internal */\nexport interface TabPositionContextArgs {\n  first?: boolean;\n  last?: boolean;\n  firstInactive?: boolean;\n}\n\n/** @internal */\nexport const TabPositionContext = React.createContext<TabPositionContextArgs>(\n  undefined!\n);\nTabPositionContext.displayName = \"nz:TabPositionContext\";\n\n/** @internal */\nexport const IconOnlyOnWidgetTabContext = React.createContext<boolean>(false);\nIconOnlyOnWidgetTabContext.displayName = \"nz:IconOnlyOnWidgetTabContext\";\n"]}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/Tab.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 Widget\n */\n\nimport \"./Tab.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Timer } from \"@itwin/core-react\";\nimport {\n  Point,\n  Rectangle,\n  useRefs,\n  useResizeObserver,\n} from \"@itwin/core-react/internal\";\nimport { useDragTab } from \"../base/DragManager.js\";\nimport {\n  MeasureContext,\n  NineZoneDispatchContext,\n  ShowWidgetIconContext,\n  TabNodeContext,\n} from \"../base/NineZone.js\";\nimport type { TabState } from \"../state/TabState.js\";\nimport type {\n  PointerCaptorArgs,\n  PointerCaptorEvent,\n} from \"../base/usePointerCaptor.js\";\nimport { usePointerCaptor } from \"../base/usePointerCaptor.js\";\nimport { PanelSideContext } from \"../widget-panels/Panel.js\";\nimport { WidgetTabsEntryContext } from \"./Tabs.js\";\nimport {\n  restrainInitialWidgetSize,\n  WidgetContext,\n  WidgetIdContext,\n} from \"./Widget.js\";\nimport { TabIdContext } from \"./ContentRenderer.js\";\nimport { TabTarget } from \"../target/TabTarget.js\";\nimport { WidgetMenuTab } from \"./MenuTab.js\";\nimport { WidgetOverflowContext } from \"./Overflow.js\";\nimport { useLayout, useLayoutStore } from \"../base/LayoutStore.js\";\nimport { useFloatingWidgetId } from \"./FloatingWidget.js\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers.js\";\nimport { useIsMaximizedWidget } from \"../../preview/enable-maximized-widget/useMaximizedWidget.js\";\nimport { FloatingTab } from \"./FloatingTab.js\";\n\n/** @internal */\nexport interface WidgetTabProviderProps extends TabPositionContextArgs {\n  id: TabState[\"id\"];\n  showOnlyTabIcon?: boolean;\n}\n\n/** @internal */\nexport function WidgetTabProvider({\n  id,\n  first,\n  firstInactive,\n  last,\n  showOnlyTabIcon,\n}: WidgetTabProviderProps) {\n  const tabNode = React.useContext(TabNodeContext);\n  const position = React.useMemo<TabPositionContextArgs>(\n    () => ({\n      first,\n      firstInactive,\n      last,\n    }),\n    [first, firstInactive, last]\n  );\n  return (\n    <TabIdContext.Provider value={id}>\n      <TabPositionContext.Provider value={position}>\n        <IconOnlyOnWidgetTabContext.Provider value={!!showOnlyTabIcon}>\n          {tabNode}\n        </IconOnlyOnWidgetTabContext.Provider>\n      </TabPositionContext.Provider>\n    </TabIdContext.Provider>\n  );\n}\n\n/** Properties of [[WidgetTab]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface WidgetTabProps extends CommonProps {\n  badge?: React.ReactNode;\n  icon?: React.ReactNode;\n}\n\n/** Component that displays a tab in a side panel widget.\n * @internal\n */\nexport function WidgetTab(props: WidgetTabProps) {\n  const widgetOverflow = React.useContext(WidgetOverflowContext);\n  const tabId = React.useContext(TabIdContext);\n  const overflown = !!widgetOverflow;\n  const floatingTabId = useLayout((state) => state.draggedTab?.tabId);\n\n  if (tabId === floatingTabId) return <FloatingTab {...props} />;\n  if (overflown) return <WidgetMenuTab {...props} />;\n  return <WidgetTabComponent {...props} />;\n}\n\nfunction WidgetTabComponent(props: WidgetTabProps) {\n  const id = React.useContext(TabIdContext);\n  const { first, firstInactive, last } = React.useContext(TabPositionContext);\n  const widgetTabsEntryContext = React.useContext(WidgetTabsEntryContext);\n  const side = React.useContext(PanelSideContext);\n  const widgetId = React.useContext(WidgetIdContext);\n  const showIconOnly = React.useContext(IconOnlyOnWidgetTabContext);\n  const showWidgetIcon = React.useContext(ShowWidgetIconContext);\n  assert(!!id);\n  assert(!!widgetId);\n\n  const label = useLayout((state) => state.tabs[id].label);\n  const activeTabId = useLayout(\n    (state) => getWidgetState(state, widgetId).activeTabId\n  );\n  const minimized = useLayout(\n    (state) => getWidgetState(state, widgetId).minimized\n  );\n\n  const maximizedWidget = useIsMaximizedWidget();\n\n  const resizeObserverRef = useResizeObserver<HTMLDivElement>(\n    widgetTabsEntryContext?.onResize\n  );\n  const pointerCaptorRef = useTabInteractions({ clickOnly: maximizedWidget });\n  const refs = useRefs<HTMLDivElement>(resizeObserverRef, pointerCaptorRef);\n\n  const active = activeTabId === id;\n  const className = classnames(\n    \"nz-widget-tab\",\n    active && \"nz-active\",\n    undefined === side && minimized && \"nz-minimized\",\n    first && \"nz-first\",\n    last && \"nz-last\",\n    firstInactive && \"nz-first-inactive\",\n    props.className\n  );\n\n  const showLabel =\n    (showIconOnly && !props.icon) ||\n    (showWidgetIcon && !showIconOnly) ||\n    !showWidgetIcon;\n  return (\n    <div\n      data-item-id={id}\n      data-item-type=\"widget-tab\"\n      className={className}\n      ref={refs}\n      role=\"tab\"\n      style={props.style}\n      title={label}\n      tabIndex={0}\n    >\n      {(showWidgetIcon || showIconOnly) && (\n        <span className=\"nz-icon\">{props.icon}</span>\n      )}\n      {showLabel && <span className=\"nz-label\">{label}</span>}\n      {props.badge && <div className=\"nz-badge\">{props.badge}</div>}\n      <TabTarget />\n    </div>\n  );\n}\n\n/** @internal */\nexport interface UseTabInteractionsArgs {\n  onClick?: () => void;\n  onDoubleClick?: () => void;\n  onDragStart?: () => void;\n  clickOnly?: boolean;\n}\n\n/** @internal */\nexport function useTabInteractions<T extends HTMLElement>({\n  onClick,\n  onDoubleClick,\n  onDragStart,\n  clickOnly,\n}: UseTabInteractionsArgs) {\n  const id = React.useContext(TabIdContext);\n  const widgetContext = React.useContext(WidgetContext);\n  const measure = React.useContext(MeasureContext);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const side = React.useContext(PanelSideContext);\n  const widgetId = React.useContext(WidgetIdContext);\n  const widgetTabsEntryContext = React.useContext(WidgetTabsEntryContext);\n  const floatingWidgetId = useFloatingWidgetId();\n  assert(!!id);\n  assert(!!widgetId);\n\n  const layoutStore = useLayoutStore();\n  const tabRef = React.useRef(layoutStore.getState().tabs[id]);\n  const clickCount = React.useRef(0);\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const doubleClickTimer = React.useRef(new Timer(300));\n  const initialPointerPosition = React.useRef<Point>();\n\n  const overflown = !widgetTabsEntryContext;\n\n  React.useEffect(\n    () =>\n      layoutStore.subscribe((state) => {\n        tabRef.current = state.tabs[id];\n      }),\n    [layoutStore, id]\n  );\n\n  const handleClick = React.useCallback(() => {\n    dispatch({\n      type: \"WIDGET_TAB_CLICK\",\n      side,\n      widgetId,\n      id,\n    });\n    onClick?.();\n  }, [dispatch, widgetId, id, side, onClick]);\n  const handleDoubleClick = React.useCallback(() => {\n    if (clickOnly) return;\n    dispatch({\n      type: \"WIDGET_TAB_DOUBLE_CLICK\",\n      side,\n      widgetId,\n      floatingWidgetId,\n      id,\n    });\n    onDoubleClick?.();\n  }, [\n    clickOnly,\n    dispatch,\n    floatingWidgetId,\n    widgetId,\n    id,\n    side,\n    onDoubleClick,\n  ]);\n\n  const handleDragTabStart = useDragTab({\n    tabId: id,\n  });\n  const handleDragStart = React.useCallback(\n    (pointerPosition: Point) => {\n      if (clickOnly) return;\n      assert(!!ref.current);\n      assert(!!initialPointerPosition.current);\n      const nzBounds = measure();\n      const nzOffset = new Point(-nzBounds.left, -nzBounds.top);\n      let bounds = Rectangle.create(ref.current.getBoundingClientRect());\n      bounds = bounds.offset(nzOffset);\n\n      const tab = tabRef.current;\n      const userSized =\n        tab.userSized ||\n        (tab.isFloatingWidgetResizable && !!tab.preferredFloatingWidgetSize);\n      let position = bounds.topLeft();\n      const widgetBounds = widgetContext.measure();\n      const widgetSize = restrainInitialWidgetSize(\n        widgetBounds.getSize(),\n        nzBounds.getSize()\n      );\n      if (overflown) {\n        position = initialPointerPosition.current.offset(nzOffset);\n        position = position.offset({ x: -7, y: -7 });\n      }\n\n      const dragOffset =\n        initialPointerPosition.current.getOffsetTo(pointerPosition);\n      position = position.offset(dragOffset);\n\n      handleDragTabStart({\n        initialPointerPosition: Point.create(initialPointerPosition.current),\n        pointerPosition,\n        widgetSize,\n      });\n      dispatch({\n        type: \"WIDGET_TAB_DRAG_START\",\n        floatingWidgetId,\n        side,\n        widgetId,\n        id,\n        position,\n        userSized,\n      });\n      onDragStart?.();\n\n      initialPointerPosition.current = undefined;\n    },\n    [\n      clickOnly,\n      measure,\n      widgetContext,\n      handleDragTabStart,\n      dispatch,\n      floatingWidgetId,\n      side,\n      widgetId,\n      id,\n      onDragStart,\n      overflown,\n    ]\n  );\n  const handlePointerDown = React.useCallback(\n    (args: PointerCaptorArgs, e: PointerCaptorEvent) => {\n      e.type === \"touchstart\" &&\n        floatingWidgetId &&\n        dispatch({\n          type: \"FLOATING_WIDGET_BRING_TO_FRONT\",\n          id: floatingWidgetId,\n        });\n\n      initialPointerPosition.current = new Point(args.clientX, args.clientY);\n    },\n    [dispatch, floatingWidgetId]\n  );\n  const handlePointerMove = React.useCallback(\n    (args: PointerCaptorArgs) => {\n      if (!initialPointerPosition.current) return;\n\n      const pointerPosition = new Point(args.clientX, args.clientY);\n      const distance =\n        initialPointerPosition.current.getDistanceTo(pointerPosition);\n      if (distance < 10) return;\n      handleDragStart(pointerPosition);\n    },\n    [handleDragStart]\n  );\n  const handlePointerUp = React.useCallback(() => {\n    clickCount.current++;\n    initialPointerPosition.current = undefined;\n    doubleClickTimer.current.start();\n  }, []);\n\n  const pointerCaptorRef = usePointerCaptor<T>(\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp\n  );\n  const ref = React.useRef<T>();\n  const refs = useRefs(pointerCaptorRef, ref);\n\n  React.useEffect(() => {\n    const timer = doubleClickTimer.current;\n    timer.setOnExecute(() => {\n      if (clickCount.current === 1) handleClick();\n      else handleDoubleClick();\n      clickCount.current = 0;\n    });\n    const keydown = (e: KeyboardEvent) => {\n      if (e.key === \" \" || e.key === Key.Enter.valueOf()) {\n        handleClick();\n      }\n    };\n    const instance = ref.current;\n    instance && instance.addEventListener(\"keydown\", keydown);\n    return () => {\n      timer.setOnExecute(undefined);\n      instance && instance.removeEventListener(\"keydown\", keydown);\n    };\n  }, [handleClick, handleDoubleClick]);\n  return refs;\n}\n\n/** @internal */\nexport interface TabPositionContextArgs {\n  first?: boolean;\n  last?: boolean;\n  firstInactive?: boolean;\n}\n\n/** @internal */\nexport const TabPositionContext = React.createContext<TabPositionContextArgs>(\n  undefined!\n);\nTabPositionContext.displayName = \"nz:TabPositionContext\";\n\n/** @internal */\nexport const IconOnlyOnWidgetTabContext = React.createContext<boolean>(false);\nIconOnlyOnWidgetTabContext.displayName = \"nz:IconOnlyOnWidgetTabContext\";\n"]}

package/lib/appui-react/layout/widget/TabBar.js

@@ -85,7 +85,7 @@ export function WidgetTabBar(props) {
  * @internal
  */
 export function useDrag(onDragStart, onDrag, onDragEnd, onTouchStart, onDoubleClick) {
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     const doubleClickTimer = React.useRef(new Timer(300));
     const clickCount = React.useRef(0);
     const initialPointerPosition = React.useRef();

package/lib/appui-react/layout/widget/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/TabBar.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 Widget\n */\n\nimport \"./TabBar.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { Timer } from \"@itwin/core-react\";\nimport { Point } from \"@itwin/core-react/internal\";\nimport type { UseDragWidgetArgs } from \"../base/DragManager.js\";\nimport { useDragWidget } from \"../base/DragManager.js\";\nimport { NineZoneDispatchContext } from \"../base/NineZone.js\";\nimport type {\n  PointerCaptorArgs,\n  PointerCaptorEvent,\n} from \"../base/usePointerCaptor.js\";\nimport { usePointerCaptor } from \"../base/usePointerCaptor.js\";\nimport { TabBarButtons } from \"./Buttons.js\";\nimport { WidgetTabs } from \"./Tabs.js\";\nimport { WidgetIdContext } from \"./Widget.js\";\nimport { useDoubleClick } from \"../widget-panels/Grip.js\";\nimport { useFloatingWidgetId } from \"./FloatingWidget.js\";\nimport { useMaximizedWidgetTabBarHandle } from \"../../preview/enable-maximized-widget/useMaximizedWidget.js\";\n\n/** @internal */\nexport interface WidgetTabBarProps {\n  separator?: boolean;\n}\n\n/** @internal */\nexport function WidgetTabBar(props: WidgetTabBarProps) {\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const id = React.useContext(WidgetIdContext);\n  const floatingWidgetId = useFloatingWidgetId();\n  assert(!!id);\n  const widgetId = floatingWidgetId === undefined ? id : floatingWidgetId;\n  const handleDoubleClick = React.useCallback(() => {\n    floatingWidgetId &&\n      dispatch({\n        type: \"FLOATING_WIDGET_CLEAR_USER_SIZED\",\n        id: floatingWidgetId,\n      });\n  }, [dispatch, floatingWidgetId]);\n  const handleActionAreaClick = useDoubleClick(handleDoubleClick);\n\n  const onDrag = React.useCallback<NonNullable<UseDragWidgetArgs[\"onDrag\"]>>(\n    (dragBy) => {\n      floatingWidgetId !== undefined &&\n        dispatch({\n          type: \"WIDGET_DRAG\",\n          dragBy,\n          floatingWidgetId,\n        });\n    },\n    [dispatch, floatingWidgetId]\n  );\n  const onDragEnd = React.useCallback<\n    NonNullable<UseDragWidgetArgs[\"onDragEnd\"]>\n  >(\n    (target) => {\n      floatingWidgetId !== undefined && handleActionAreaClick();\n      floatingWidgetId !== undefined &&\n        dispatch({\n          type: \"WIDGET_DRAG_END\",\n          floatingWidgetId,\n          target,\n        });\n    },\n    [dispatch, floatingWidgetId, handleActionAreaClick]\n  );\n  const handleWidgetDragStart = useDragWidget({\n    widgetId,\n    onDrag,\n    onDragEnd,\n  });\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const handleDragStart = React.useCallback(\n    (initialPointerPosition: Point, pointerPosition: Point) => {\n      handleWidgetDragStart({\n        initialPointerPosition,\n        pointerPosition,\n      });\n    },\n    [handleWidgetDragStart]\n  );\n  const handleTouchStart = React.useCallback(() => {\n    floatingWidgetId &&\n      dispatch({\n        type: \"FLOATING_WIDGET_BRING_TO_FRONT\",\n        id: floatingWidgetId,\n      });\n  }, [dispatch, floatingWidgetId]);\n  const ref = useDrag(\n    handleDragStart,\n    undefined,\n    undefined,\n    handleTouchStart,\n    handleDoubleClick\n  );\n  const maximizedWidgetHandle = useMaximizedWidgetTabBarHandle();\n  const className = classnames(\n    \"nz-widget-tabBar\",\n    props.separator && \"nz-separator\"\n  );\n  const handleClassName = classnames(\"nz-handle\", maximizedWidgetHandle);\n  return (\n    <div ref={containerRef} className={className}>\n      <div className={handleClassName} ref={ref} />\n      <WidgetTabs />\n      <TabBarButtons />\n    </div>\n  );\n}\n\n/** Hook to control drag interactions.\n * Starts drag interaction after pointer moves or after timeout.\n * @internal\n */\nexport function useDrag<T extends HTMLElement>(\n  onDragStart?: (initialPointerPosition: Point, pointerPosition: Point) => void,\n  onDrag?: (position: Point) => void,\n  onDragEnd?: () => void,\n  onTouchStart?: () => void,\n  onDoubleClick?: () => void\n) {\n  // eslint-disable-next-line deprecation/deprecation\n  const doubleClickTimer = React.useRef(new Timer(300));\n  const clickCount = React.useRef(0);\n  const initialPointerPosition = React.useRef<Point>();\n\n  React.useEffect(() => {\n    const handleExecute = () => {\n      if (clickCount.current === 2) onDoubleClick && onDoubleClick();\n      clickCount.current = 0;\n    };\n    const timer = doubleClickTimer.current;\n    timer.setOnExecute(handleExecute);\n    return () => {\n      timer.setOnExecute(undefined);\n    };\n  }, [onDoubleClick]);\n\n  const handlePointerDown = React.useCallback(\n    (args: PointerCaptorArgs, e: PointerCaptorEvent) => {\n      initialPointerPosition.current = new Point(args.clientX, args.clientY);\n      e.type === \"touchstart\" && onTouchStart && onTouchStart();\n    },\n    [onTouchStart]\n  );\n  const handlePointerMove = React.useCallback(\n    (args: PointerCaptorArgs) => {\n      if (initialPointerPosition.current) {\n        onDragStart &&\n          onDragStart(\n            initialPointerPosition.current,\n            new Point(args.clientX, args.clientY)\n          );\n        initialPointerPosition.current = undefined;\n        return;\n      }\n      onDrag && onDrag(new Point(args.clientX, args.clientY));\n    },\n    [onDragStart, onDrag]\n  );\n  const handlePointerUp = React.useCallback(() => {\n    clickCount.current++;\n    doubleClickTimer.current.start();\n    initialPointerPosition.current = undefined;\n    onDragEnd && onDragEnd();\n  }, [onDragEnd]);\n  const ref = usePointerCaptor<T>(\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp\n  );\n  return ref;\n}\n"]}
+{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/TabBar.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 Widget\n */\n\nimport \"./TabBar.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { Timer } from \"@itwin/core-react\";\nimport { Point } from \"@itwin/core-react/internal\";\nimport type { UseDragWidgetArgs } from \"../base/DragManager.js\";\nimport { useDragWidget } from \"../base/DragManager.js\";\nimport { NineZoneDispatchContext } from \"../base/NineZone.js\";\nimport type {\n  PointerCaptorArgs,\n  PointerCaptorEvent,\n} from \"../base/usePointerCaptor.js\";\nimport { usePointerCaptor } from \"../base/usePointerCaptor.js\";\nimport { TabBarButtons } from \"./Buttons.js\";\nimport { WidgetTabs } from \"./Tabs.js\";\nimport { WidgetIdContext } from \"./Widget.js\";\nimport { useDoubleClick } from \"../widget-panels/Grip.js\";\nimport { useFloatingWidgetId } from \"./FloatingWidget.js\";\nimport { useMaximizedWidgetTabBarHandle } from \"../../preview/enable-maximized-widget/useMaximizedWidget.js\";\n\n/** @internal */\nexport interface WidgetTabBarProps {\n  separator?: boolean;\n}\n\n/** @internal */\nexport function WidgetTabBar(props: WidgetTabBarProps) {\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const id = React.useContext(WidgetIdContext);\n  const floatingWidgetId = useFloatingWidgetId();\n  assert(!!id);\n  const widgetId = floatingWidgetId === undefined ? id : floatingWidgetId;\n  const handleDoubleClick = React.useCallback(() => {\n    floatingWidgetId &&\n      dispatch({\n        type: \"FLOATING_WIDGET_CLEAR_USER_SIZED\",\n        id: floatingWidgetId,\n      });\n  }, [dispatch, floatingWidgetId]);\n  const handleActionAreaClick = useDoubleClick(handleDoubleClick);\n\n  const onDrag = React.useCallback<NonNullable<UseDragWidgetArgs[\"onDrag\"]>>(\n    (dragBy) => {\n      floatingWidgetId !== undefined &&\n        dispatch({\n          type: \"WIDGET_DRAG\",\n          dragBy,\n          floatingWidgetId,\n        });\n    },\n    [dispatch, floatingWidgetId]\n  );\n  const onDragEnd = React.useCallback<\n    NonNullable<UseDragWidgetArgs[\"onDragEnd\"]>\n  >(\n    (target) => {\n      floatingWidgetId !== undefined && handleActionAreaClick();\n      floatingWidgetId !== undefined &&\n        dispatch({\n          type: \"WIDGET_DRAG_END\",\n          floatingWidgetId,\n          target,\n        });\n    },\n    [dispatch, floatingWidgetId, handleActionAreaClick]\n  );\n  const handleWidgetDragStart = useDragWidget({\n    widgetId,\n    onDrag,\n    onDragEnd,\n  });\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const handleDragStart = React.useCallback(\n    (initialPointerPosition: Point, pointerPosition: Point) => {\n      handleWidgetDragStart({\n        initialPointerPosition,\n        pointerPosition,\n      });\n    },\n    [handleWidgetDragStart]\n  );\n  const handleTouchStart = React.useCallback(() => {\n    floatingWidgetId &&\n      dispatch({\n        type: \"FLOATING_WIDGET_BRING_TO_FRONT\",\n        id: floatingWidgetId,\n      });\n  }, [dispatch, floatingWidgetId]);\n  const ref = useDrag(\n    handleDragStart,\n    undefined,\n    undefined,\n    handleTouchStart,\n    handleDoubleClick\n  );\n  const maximizedWidgetHandle = useMaximizedWidgetTabBarHandle();\n  const className = classnames(\n    \"nz-widget-tabBar\",\n    props.separator && \"nz-separator\"\n  );\n  const handleClassName = classnames(\"nz-handle\", maximizedWidgetHandle);\n  return (\n    <div ref={containerRef} className={className}>\n      <div className={handleClassName} ref={ref} />\n      <WidgetTabs />\n      <TabBarButtons />\n    </div>\n  );\n}\n\n/** Hook to control drag interactions.\n * Starts drag interaction after pointer moves or after timeout.\n * @internal\n */\nexport function useDrag<T extends HTMLElement>(\n  onDragStart?: (initialPointerPosition: Point, pointerPosition: Point) => void,\n  onDrag?: (position: Point) => void,\n  onDragEnd?: () => void,\n  onTouchStart?: () => void,\n  onDoubleClick?: () => void\n) {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const doubleClickTimer = React.useRef(new Timer(300));\n  const clickCount = React.useRef(0);\n  const initialPointerPosition = React.useRef<Point>();\n\n  React.useEffect(() => {\n    const handleExecute = () => {\n      if (clickCount.current === 2) onDoubleClick && onDoubleClick();\n      clickCount.current = 0;\n    };\n    const timer = doubleClickTimer.current;\n    timer.setOnExecute(handleExecute);\n    return () => {\n      timer.setOnExecute(undefined);\n    };\n  }, [onDoubleClick]);\n\n  const handlePointerDown = React.useCallback(\n    (args: PointerCaptorArgs, e: PointerCaptorEvent) => {\n      initialPointerPosition.current = new Point(args.clientX, args.clientY);\n      e.type === \"touchstart\" && onTouchStart && onTouchStart();\n    },\n    [onTouchStart]\n  );\n  const handlePointerMove = React.useCallback(\n    (args: PointerCaptorArgs) => {\n      if (initialPointerPosition.current) {\n        onDragStart &&\n          onDragStart(\n            initialPointerPosition.current,\n            new Point(args.clientX, args.clientY)\n          );\n        initialPointerPosition.current = undefined;\n        return;\n      }\n      onDrag && onDrag(new Point(args.clientX, args.clientY));\n    },\n    [onDragStart, onDrag]\n  );\n  const handlePointerUp = React.useCallback(() => {\n    clickCount.current++;\n    doubleClickTimer.current.start();\n    initialPointerPosition.current = undefined;\n    onDragEnd && onDragEnd();\n  }, [onDragEnd]);\n  const ref = usePointerCaptor<T>(\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp\n  );\n  return ref;\n}\n"]}

package/lib/appui-react/layout/widget/ToolsArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolsArea.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/ToolsArea.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B;;;GAGG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAChD,MAAM;QACpB,MAAM,MAAM,GAAG,KAAK,CAAC,cAAc,CAAqB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YACxE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;YACxD,CAAC,CAAC,IAAI,CAAC,CAAC,yBAAyB;QACnC,MAAM,SAAS,GAAG,UAAU,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAEtE,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAChD,6BACE,SAAS,EAAC,eAAe,EACzB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,MAAM,CACH;YACN,6BACE,SAAS,EAAC,+BAA+B,EACzC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,IAAI,CAAC,KAAK,CAAC,eAAe,CACvB;YACN,6BACE,SAAS,EAAC,iCAAiC,EAC3C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CACzB,CACF,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport \"./ToolsArea.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\nimport type { ToolbarButtonProps } from \"./tools/button/Button.js\";\n\n/** Properties of [[ToolsArea]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ToolsAreaProps extends CommonProps, NoChildrenProps {\n  /**\n   * Button displayed between horizontal and vertical toolbars.\n   * I.e. [[AppButton]] in ToolsArea zone.\n   */\n  button?: React.ReactNode;\n  /** Horizontal toolbar. See [[Toolbar]] */\n  horizontalToolbar?: React.ReactNode;\n  /** Vertical toolbar. See [[Toolbar]] */\n  verticalToolbar?: React.ReactNode;\n  /** Handler for mouse enter */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Handler for mouse leave */\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n\n/** ToolsArea widget is used in ToolsArea (top left) and Navigation (top right) zones of 9-Zone UI.\n * @note Should be placed in [[Zone]] component.\n * @internal\n */\nexport class ToolsArea extends React.PureComponent<ToolsAreaProps> {\n  public override render() {\n    const button = React.isValidElement<ToolbarButtonProps>(this.props.button)\n      ? React.cloneElement(this.props.button, { small: true })\n      : null; // ensure button is small\n    const className = classnames(\"nz-tools-widget\", this.props.className);\n\n    return (\n      <div className={className} style={this.props.style}>\n        <div\n          className=\"nz-app-button\"\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {button}\n        </div>\n        <div\n          className=\"nz-vertical-toolbar-container\"\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {this.props.verticalToolbar}\n        </div>\n        <div\n          className=\"nz-horizontal-toolbar-container\"\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {this.props.horizontalToolbar}\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ToolsArea.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/ToolsArea.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B;;;GAGG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAChD,MAAM;QACpB,MAAM,MAAM,GAAG,KAAK,CAAC,cAAc,CAAqB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YACxE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;YACxD,CAAC,CAAC,IAAI,CAAC,CAAC,yBAAyB;QACnC,MAAM,SAAS,GAAG,UAAU,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAEtE,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAChD,6BACE,SAAS,EAAC,eAAe,EACzB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,MAAM,CACH;YACN,6BACE,SAAS,EAAC,+BAA+B,EACzC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,IAAI,CAAC,KAAK,CAAC,eAAe,CACvB;YACN,6BACE,SAAS,EAAC,iCAAiC,EAC3C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAEpC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CACzB,CACF,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport \"./ToolsArea.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\nimport type { ToolbarButtonProps } from \"./tools/button/Button.js\";\n\n/** Properties of [[ToolsArea]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface ToolsAreaProps extends CommonProps, NoChildrenProps {\n  /**\n   * Button displayed between horizontal and vertical toolbars.\n   * I.e. [[AppButton]] in ToolsArea zone.\n   */\n  button?: React.ReactNode;\n  /** Horizontal toolbar. See [[Toolbar]] */\n  horizontalToolbar?: React.ReactNode;\n  /** Vertical toolbar. See [[Toolbar]] */\n  verticalToolbar?: React.ReactNode;\n  /** Handler for mouse enter */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Handler for mouse leave */\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n\n/** ToolsArea widget is used in ToolsArea (top left) and Navigation (top right) zones of 9-Zone UI.\n * @note Should be placed in [[Zone]] component.\n * @internal\n */\nexport class ToolsArea extends React.PureComponent<ToolsAreaProps> {\n  public override render() {\n    const button = React.isValidElement<ToolbarButtonProps>(this.props.button)\n      ? React.cloneElement(this.props.button, { small: true })\n      : null; // ensure button is small\n    const className = classnames(\"nz-tools-widget\", this.props.className);\n\n    return (\n      <div className={className} style={this.props.style}>\n        <div\n          className=\"nz-app-button\"\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {button}\n        </div>\n        <div\n          className=\"nz-vertical-toolbar-container\"\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {this.props.verticalToolbar}\n        </div>\n        <div\n          className=\"nz-horizontal-toolbar-container\"\n          onMouseEnter={this.props.onMouseEnter}\n          onMouseLeave={this.props.onMouseLeave}\n        >\n          {this.props.horizontalToolbar}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/lib/appui-react/layout/widget/Widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/Widget.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 Widget\n */\n\nimport \"./Widget.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Rectangle, useRefs } from \"@itwin/core-react/internal\";\nimport type { UseDragWidgetArgs } from \"../base/DragManager.js\";\nimport { useDragWidget } from \"../base/DragManager.js\";\nimport {\n  getUniqueId,\n  MeasureContext,\n  NineZoneDispatchContext,\n} from \"../base/NineZone.js\";\nimport type { WidgetState } from \"../state/WidgetState.js\";\nimport { PanelSideContext } from \"../widget-panels/Panel.js\";\nimport { useLayout } from \"../base/LayoutStore.js\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers.js\";\nimport { useFloatingWidgetId } from \"./FloatingWidget.js\";\nimport type { SizeProps } from \"../../utils/SizeProps.js\";\n\n/** @internal */\nexport interface WidgetProviderProps {\n  id: WidgetState[\"id\"];\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport function WidgetProvider(props: WidgetProviderProps) {\n  return (\n    <WidgetIdContext.Provider value={props.id}>\n      {props.children}\n    </WidgetIdContext.Provider>\n  );\n}\n\n/** @internal */\n// eslint-disable-next-line deprecation/deprecation\nexport interface WidgetProps extends CommonProps {\n  children?: React.ReactNode;\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  onTransitionEnd?(): void;\n  widgetId?: string;\n}\n\n/** @internal */\nexport const Widget = React.forwardRef<HTMLDivElement, WidgetProps>(\n  function Widget(props, forwardedRef) {\n    const dispatch = React.useContext(NineZoneDispatchContext);\n    const side = React.useContext(PanelSideContext);\n    const id = React.useContext(WidgetIdContext);\n    const measureNz = React.useContext(MeasureContext);\n    const floatingWidgetId = useFloatingWidgetId();\n    assert(!!id);\n    const { preferredFloatingWidgetSize, userSized } = useLayout((state) => {\n      const widget = getWidgetState(state, id);\n      const tab = state.tabs[widget.activeTabId];\n      return {\n        preferredFloatingWidgetSize: tab.preferredFloatingWidgetSize,\n        userSized:\n          tab.userSized ||\n          (tab.isFloatingWidgetResizable && !!tab.preferredFloatingWidgetSize),\n      };\n    }, true);\n    const elementRef = React.useRef<HTMLDivElement>(null);\n    const widgetId = floatingWidgetId === undefined ? id : floatingWidgetId;\n    const onDragStart = React.useCallback<\n      NonNullable<UseDragWidgetArgs[\"onDragStart\"]>\n    >(\n      (updateId, initialPointerPosition, pointerPosition) => {\n        assert(!!elementRef.current);\n        if (floatingWidgetId !== undefined) return;\n        const nzBounds = measureNz();\n        let bounds = Rectangle.create(\n          elementRef.current.getBoundingClientRect()\n        );\n\n        const size = restrainInitialWidgetSize(\n          bounds.getSize(),\n          nzBounds.getSize()\n        );\n        bounds = bounds.setSize(size);\n\n        if (preferredFloatingWidgetSize) {\n          bounds = bounds.setSize(preferredFloatingWidgetSize);\n        }\n\n        // Pointer is outside of tab area. Need to re-adjust widget bounds so that tab is behind pointer\n        if (initialPointerPosition.x > bounds.right) {\n          const offset = initialPointerPosition.x - bounds.right + 20;\n          bounds = bounds.offsetX(offset);\n        }\n\n        const dragOffset = initialPointerPosition.getOffsetTo(pointerPosition);\n        bounds = bounds.offset(dragOffset);\n\n        // Adjust bounds to be relative to 9z origin\n        bounds = bounds.offset({ x: -nzBounds.left, y: -nzBounds.top });\n\n        const newFloatingWidgetId = getUniqueId();\n        updateId(newFloatingWidgetId);\n\n        assert(!!side);\n        dispatch({\n          type: \"PANEL_WIDGET_DRAG_START\",\n          newFloatingWidgetId,\n          id,\n          bounds,\n          side,\n          userSized,\n        });\n      },\n      [\n        dispatch,\n        floatingWidgetId,\n        id,\n        side,\n        measureNz,\n        preferredFloatingWidgetSize,\n        userSized,\n      ]\n    );\n    useDragWidget({\n      widgetId,\n      onDragStart,\n    });\n    React.useEffect(() => {\n      const listener = () => {\n        floatingWidgetId &&\n          dispatch({\n            type: \"FLOATING_WIDGET_BRING_TO_FRONT\",\n            id: floatingWidgetId,\n          });\n      };\n      const element = elementRef.current;\n      element?.addEventListener(\"click\", listener);\n      return () => {\n        element?.removeEventListener(\"click\", listener);\n      };\n    }, [dispatch, floatingWidgetId]);\n    const measure = React.useCallback<WidgetContextArgs[\"measure\"]>(() => {\n      if (!elementRef.current) return new Rectangle();\n      const bounds = elementRef.current.getBoundingClientRect();\n      return Rectangle.create(bounds);\n    }, []);\n    const widgetContextValue = React.useMemo<WidgetContextArgs>(\n      () => ({\n        measure,\n      }),\n      [measure]\n    );\n\n    const ref = useRefs(forwardedRef, elementRef);\n    const className = classnames(\"nz-widget-widget\", props.className);\n    return (\n      <WidgetContext.Provider value={widgetContextValue}>\n        <div\n          className={className}\n          onMouseEnter={props.onMouseEnter}\n          onMouseLeave={props.onMouseLeave}\n          onTransitionEnd={props.onTransitionEnd}\n          ref={ref}\n          style={props.style}\n          data-widget-id={props.widgetId}\n        >\n          {props.children}\n        </div>\n      </WidgetContext.Provider>\n    );\n  }\n);\n\n/** @internal */\nexport const WidgetIdContext = React.createContext<\n  WidgetState[\"id\"] | undefined\n>(undefined);\nWidgetIdContext.displayName = \"nz:WidgetIdContext\";\n\n/** @internal */\nexport interface WidgetContextArgs {\n  measure: () => Rectangle;\n}\n\n/** @internal */\nexport const WidgetContext = React.createContext<WidgetContextArgs>(null!);\nWidgetContext.displayName = \"nz:WidgetContext\";\n\nconst minWidth = 200;\nconst minHeight = 200;\n\n/** @internal */\nexport function restrainInitialWidgetSize(\n  size: SizeProps,\n  nzSize: SizeProps\n): SizeProps {\n  const width = Math.max(Math.min(nzSize.width / 3, size.width), minWidth);\n  const height = Math.max(Math.min(nzSize.height / 3, size.height), minHeight);\n  return {\n    width,\n    height,\n  };\n}\n\n/** @internal */\nexport function useActiveTabId() {\n  const id = React.useContext(WidgetIdContext);\n  assert(!!id);\n  return useLayout((state) => {\n    const widget = getWidgetState(state, id);\n    return widget.activeTabId;\n  });\n}\n"]}
+{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/Widget.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 Widget\n */\n\nimport \"./Widget.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Rectangle, useRefs } from \"@itwin/core-react/internal\";\nimport type { UseDragWidgetArgs } from \"../base/DragManager.js\";\nimport { useDragWidget } from \"../base/DragManager.js\";\nimport {\n  getUniqueId,\n  MeasureContext,\n  NineZoneDispatchContext,\n} from \"../base/NineZone.js\";\nimport type { WidgetState } from \"../state/WidgetState.js\";\nimport { PanelSideContext } from \"../widget-panels/Panel.js\";\nimport { useLayout } from \"../base/LayoutStore.js\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers.js\";\nimport { useFloatingWidgetId } from \"./FloatingWidget.js\";\nimport type { SizeProps } from \"../../utils/SizeProps.js\";\n\n/** @internal */\nexport interface WidgetProviderProps {\n  id: WidgetState[\"id\"];\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport function WidgetProvider(props: WidgetProviderProps) {\n  return (\n    <WidgetIdContext.Provider value={props.id}>\n      {props.children}\n    </WidgetIdContext.Provider>\n  );\n}\n\n/** @internal */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface WidgetProps extends CommonProps {\n  children?: React.ReactNode;\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  onTransitionEnd?(): void;\n  widgetId?: string;\n}\n\n/** @internal */\nexport const Widget = React.forwardRef<HTMLDivElement, WidgetProps>(\n  function Widget(props, forwardedRef) {\n    const dispatch = React.useContext(NineZoneDispatchContext);\n    const side = React.useContext(PanelSideContext);\n    const id = React.useContext(WidgetIdContext);\n    const measureNz = React.useContext(MeasureContext);\n    const floatingWidgetId = useFloatingWidgetId();\n    assert(!!id);\n    const { preferredFloatingWidgetSize, userSized } = useLayout((state) => {\n      const widget = getWidgetState(state, id);\n      const tab = state.tabs[widget.activeTabId];\n      return {\n        preferredFloatingWidgetSize: tab.preferredFloatingWidgetSize,\n        userSized:\n          tab.userSized ||\n          (tab.isFloatingWidgetResizable && !!tab.preferredFloatingWidgetSize),\n      };\n    }, true);\n    const elementRef = React.useRef<HTMLDivElement>(null);\n    const widgetId = floatingWidgetId === undefined ? id : floatingWidgetId;\n    const onDragStart = React.useCallback<\n      NonNullable<UseDragWidgetArgs[\"onDragStart\"]>\n    >(\n      (updateId, initialPointerPosition, pointerPosition) => {\n        assert(!!elementRef.current);\n        if (floatingWidgetId !== undefined) return;\n        const nzBounds = measureNz();\n        let bounds = Rectangle.create(\n          elementRef.current.getBoundingClientRect()\n        );\n\n        const size = restrainInitialWidgetSize(\n          bounds.getSize(),\n          nzBounds.getSize()\n        );\n        bounds = bounds.setSize(size);\n\n        if (preferredFloatingWidgetSize) {\n          bounds = bounds.setSize(preferredFloatingWidgetSize);\n        }\n\n        // Pointer is outside of tab area. Need to re-adjust widget bounds so that tab is behind pointer\n        if (initialPointerPosition.x > bounds.right) {\n          const offset = initialPointerPosition.x - bounds.right + 20;\n          bounds = bounds.offsetX(offset);\n        }\n\n        const dragOffset = initialPointerPosition.getOffsetTo(pointerPosition);\n        bounds = bounds.offset(dragOffset);\n\n        // Adjust bounds to be relative to 9z origin\n        bounds = bounds.offset({ x: -nzBounds.left, y: -nzBounds.top });\n\n        const newFloatingWidgetId = getUniqueId();\n        updateId(newFloatingWidgetId);\n\n        assert(!!side);\n        dispatch({\n          type: \"PANEL_WIDGET_DRAG_START\",\n          newFloatingWidgetId,\n          id,\n          bounds,\n          side,\n          userSized,\n        });\n      },\n      [\n        dispatch,\n        floatingWidgetId,\n        id,\n        side,\n        measureNz,\n        preferredFloatingWidgetSize,\n        userSized,\n      ]\n    );\n    useDragWidget({\n      widgetId,\n      onDragStart,\n    });\n    React.useEffect(() => {\n      const listener = () => {\n        floatingWidgetId &&\n          dispatch({\n            type: \"FLOATING_WIDGET_BRING_TO_FRONT\",\n            id: floatingWidgetId,\n          });\n      };\n      const element = elementRef.current;\n      element?.addEventListener(\"click\", listener);\n      return () => {\n        element?.removeEventListener(\"click\", listener);\n      };\n    }, [dispatch, floatingWidgetId]);\n    const measure = React.useCallback<WidgetContextArgs[\"measure\"]>(() => {\n      if (!elementRef.current) return new Rectangle();\n      const bounds = elementRef.current.getBoundingClientRect();\n      return Rectangle.create(bounds);\n    }, []);\n    const widgetContextValue = React.useMemo<WidgetContextArgs>(\n      () => ({\n        measure,\n      }),\n      [measure]\n    );\n\n    const ref = useRefs(forwardedRef, elementRef);\n    const className = classnames(\"nz-widget-widget\", props.className);\n    return (\n      <WidgetContext.Provider value={widgetContextValue}>\n        <div\n          className={className}\n          onMouseEnter={props.onMouseEnter}\n          onMouseLeave={props.onMouseLeave}\n          onTransitionEnd={props.onTransitionEnd}\n          ref={ref}\n          style={props.style}\n          data-widget-id={props.widgetId}\n        >\n          {props.children}\n        </div>\n      </WidgetContext.Provider>\n    );\n  }\n);\n\n/** @internal */\nexport const WidgetIdContext = React.createContext<\n  WidgetState[\"id\"] | undefined\n>(undefined);\nWidgetIdContext.displayName = \"nz:WidgetIdContext\";\n\n/** @internal */\nexport interface WidgetContextArgs {\n  measure: () => Rectangle;\n}\n\n/** @internal */\nexport const WidgetContext = React.createContext<WidgetContextArgs>(null!);\nWidgetContext.displayName = \"nz:WidgetContext\";\n\nconst minWidth = 200;\nconst minHeight = 200;\n\n/** @internal */\nexport function restrainInitialWidgetSize(\n  size: SizeProps,\n  nzSize: SizeProps\n): SizeProps {\n  const width = Math.max(Math.min(nzSize.width / 3, size.width), minWidth);\n  const height = Math.max(Math.min(nzSize.height / 3, size.height), minHeight);\n  return {\n    width,\n    height,\n  };\n}\n\n/** @internal */\nexport function useActiveTabId() {\n  const id = React.useContext(WidgetIdContext);\n  assert(!!id);\n  return useLayout((state) => {\n    const widget = getWidgetState(state, id);\n    return widget.activeTabId;\n  });\n}\n"]}

package/lib/appui-react/layout/widget/tools/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/widget/tools/button/Button.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,EACzB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EACzB,mBAAmB,EACnB,oCAAoC,EACpC,kCAAkC,GACnC,MAAM,4BAA4B,CAAC;AAmBpC;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,MAAM,WAAW,GAAwB;YACvC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;SACpB,CAAC;QAEF,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,IAAI,iBAAiB,GAAG,MAAM,CAC5B,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,gBAAgB,CAC7C,wBAAwB,CACzB,CACF,CAAC;YACF,IAAI,gBAAgB,GAAG,kCAAkC,CAAC;YAC1D,IAAI,UAAU,GAAG,oCAAoC,CAAC;YAEtD,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,SAAS,EAAE,CAAC;gBAC5C,iBAAiB,GAAG,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;gBACvE,gBAAgB,GAAG,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;gBACxE,UAAU,GAAG,2BAA2B,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;YACtE,CAAC;YAED,WAAW,CAAC,eAAe;gBACzB,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;YAC/C,WAAW,CAAC,SAAS,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;YAC9D,WAAW,CAAC,cAAc,GAAG,wBAAwB,CAAC,UAAU,CAAC,CAAC;QACpE,CAAC;QAED,OAAO,CACL,gCACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEtB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,6BAAK,SAAS,EAAC,aAAa,GAAG;YACpD,IAAI,CAAC,KAAK,CAAC,QAAQ,CACb,CACV,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Button.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  calculateBackdropFilterBlur,\n  calculateBoxShadowOpacity,\n  calculateToolbarOpacity,\n  getToolbarBackdropFilter,\n  getToolbarBackgroundColor,\n  getToolbarBoxShadow,\n  TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT,\n  TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT,\n} from \"@itwin/core-react/internal\";\n\n/** Properties of [[ToolbarButton]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ToolbarButtonProps extends CommonProps {\n  /** Button content. */\n  children?: React.ReactNode;\n  /** Function called when the button is clicked. */\n  onClick?: () => void;\n  /** Indicates whether to use a small App button */\n  small?: boolean;\n  /** Mouse proximity to button */\n  mouseProximity?: number;\n  /** Tooltip for button */\n  title?: string;\n}\n\n/** Basic toolbar button. Used in [[Toolbar]] component.\n * @internal\n */\nexport class ToolbarButton extends React.PureComponent<ToolbarButtonProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-toolbar-button-button\",\n      this.props.className\n    );\n    const buttonStyle: React.CSSProperties = {\n      ...this.props.style,\n    };\n\n    if (this.props.small) {\n      let backgroundOpacity = Number(\n        document.documentElement.style.getPropertyValue(\n          \"--buic-toolbar-opacity\"\n        )\n      );\n      let boxShadowOpacity = TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT;\n      let filterBlur = TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT;\n\n      if (this.props.mouseProximity !== undefined) {\n        backgroundOpacity = calculateToolbarOpacity(this.props.mouseProximity);\n        boxShadowOpacity = calculateBoxShadowOpacity(this.props.mouseProximity);\n        filterBlur = calculateBackdropFilterBlur(this.props.mouseProximity);\n      }\n\n      buttonStyle.backgroundColor =\n        getToolbarBackgroundColor(backgroundOpacity);\n      buttonStyle.boxShadow = getToolbarBoxShadow(boxShadowOpacity);\n      buttonStyle.backdropFilter = getToolbarBackdropFilter(filterBlur);\n    }\n\n    return (\n      <button\n        className={className}\n        style={buttonStyle}\n        onClick={this.props.onClick}\n        title={this.props.title}\n      >\n        {!this.props.small && <div className=\"nz-gradient\" />}\n        {this.props.children}\n      </button>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/widget/tools/button/Button.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,EACzB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EACzB,mBAAmB,EACnB,oCAAoC,EACpC,kCAAkC,GACnC,MAAM,4BAA4B,CAAC;AAmBpC;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,MAAM,WAAW,GAAwB;YACvC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;SACpB,CAAC;QAEF,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,IAAI,iBAAiB,GAAG,MAAM,CAC5B,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,gBAAgB,CAC7C,wBAAwB,CACzB,CACF,CAAC;YACF,IAAI,gBAAgB,GAAG,kCAAkC,CAAC;YAC1D,IAAI,UAAU,GAAG,oCAAoC,CAAC;YAEtD,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,SAAS,EAAE,CAAC;gBAC5C,iBAAiB,GAAG,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;gBACvE,gBAAgB,GAAG,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;gBACxE,UAAU,GAAG,2BAA2B,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;YACtE,CAAC;YAED,WAAW,CAAC,eAAe;gBACzB,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;YAC/C,WAAW,CAAC,SAAS,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;YAC9D,WAAW,CAAC,cAAc,GAAG,wBAAwB,CAAC,UAAU,CAAC,CAAC;QACpE,CAAC;QAED,OAAO,CACL,gCACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEtB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,6BAAK,SAAS,EAAC,aAAa,GAAG;YACpD,IAAI,CAAC,KAAK,CAAC,QAAQ,CACb,CACV,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Button.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  calculateBackdropFilterBlur,\n  calculateBoxShadowOpacity,\n  calculateToolbarOpacity,\n  getToolbarBackdropFilter,\n  getToolbarBackgroundColor,\n  getToolbarBoxShadow,\n  TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT,\n  TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT,\n} from \"@itwin/core-react/internal\";\n\n/** Properties of [[ToolbarButton]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface ToolbarButtonProps extends CommonProps {\n  /** Button content. */\n  children?: React.ReactNode;\n  /** Function called when the button is clicked. */\n  onClick?: () => void;\n  /** Indicates whether to use a small App button */\n  small?: boolean;\n  /** Mouse proximity to button */\n  mouseProximity?: number;\n  /** Tooltip for button */\n  title?: string;\n}\n\n/** Basic toolbar button. Used in [[Toolbar]] component.\n * @internal\n */\nexport class ToolbarButton extends React.PureComponent<ToolbarButtonProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-toolbar-button-button\",\n      this.props.className\n    );\n    const buttonStyle: React.CSSProperties = {\n      ...this.props.style,\n    };\n\n    if (this.props.small) {\n      let backgroundOpacity = Number(\n        document.documentElement.style.getPropertyValue(\n          \"--buic-toolbar-opacity\"\n        )\n      );\n      let boxShadowOpacity = TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT;\n      let filterBlur = TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT;\n\n      if (this.props.mouseProximity !== undefined) {\n        backgroundOpacity = calculateToolbarOpacity(this.props.mouseProximity);\n        boxShadowOpacity = calculateBoxShadowOpacity(this.props.mouseProximity);\n        filterBlur = calculateBackdropFilterBlur(this.props.mouseProximity);\n      }\n\n      buttonStyle.backgroundColor =\n        getToolbarBackgroundColor(backgroundOpacity);\n      buttonStyle.boxShadow = getToolbarBoxShadow(boxShadowOpacity);\n      buttonStyle.backdropFilter = getToolbarBackdropFilter(filterBlur);\n    }\n\n    return (\n      <button\n        className={className}\n        style={buttonStyle}\n        onClick={this.props.onClick}\n        title={this.props.title}\n      >\n        {!this.props.small && <div className=\"nz-gradient\" />}\n        {this.props.children}\n      </button>\n    );\n  }\n}\n"]}

package/lib/appui-react/layout/widget/tools/button/Expandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expandable.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/widget/tools/button/Expandable.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAC9D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,mCAAmC,EACnC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC/C,IAAI,CAAC,KAAK,CAAC,QAAQ;YACpB,6BAAK,SAAS,EAAC,aAAa,GAAG,CAC3B,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Expandable.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[ExpandableButton]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ExpandableButtonProps extends CommonProps {\n  /** One of toolbar buttons. I.e. [[Item]] */\n  children?: React.ReactNode;\n}\n\n/** Expandable toolbar button. Used in [[Toolbar]] component.\n * @internal\n */\nexport class ExpandableButton extends React.PureComponent<ExpandableButtonProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-widget-tools-button-expandable\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} style={this.props.style}>\n        {this.props.children}\n        <div className=\"nz-triangle\" />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Expandable.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/widget/tools/button/Expandable.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAC9D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,mCAAmC,EACnC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC/C,IAAI,CAAC,KAAK,CAAC,QAAQ;YACpB,6BAAK,SAAS,EAAC,aAAa,GAAG,CAC3B,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Expandable.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[ExpandableButton]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface ExpandableButtonProps extends CommonProps {\n  /** One of toolbar buttons. I.e. [[Item]] */\n  children?: React.ReactNode;\n}\n\n/** Expandable toolbar button. Used in [[Toolbar]] component.\n * @internal\n */\nexport class ExpandableButton extends React.PureComponent<ExpandableButtonProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-widget-tools-button-expandable\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} style={this.props.style}>\n        {this.props.children}\n        <div className=\"nz-triangle\" />\n      </div>\n    );\n  }\n}\n"]}

package/lib/appui-react/layout/widget-panels/Expander.js

@@ -17,7 +17,7 @@ import { useLayout } from "../base/LayoutStore.js";
  * @internal
  */
 export function WidgetPanelExpander({ side }) {
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     const timer = React.useRef(new Timer(200));
     const lastPosition = React.useRef(new Point());
     const dispatch = React.useContext(NineZoneDispatchContext);

package/lib/appui-react/layout/widget-panels/Expander.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget-panels/Expander.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 WidgetPanels\n */\n\nimport \"./Expander.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { PanelSide } from \"./PanelTypes.js\";\nimport { panelSides } from \"./Panel.js\";\nimport { NineZoneDispatchContext } from \"../base/NineZone.js\";\nimport { Timer } from \"@itwin/core-react\";\nimport { Point } from \"@itwin/core-react/internal\";\nimport { useLayout } from \"../base/LayoutStore.js\";\n\n/** @internal */\nexport interface WidgetPanelExpanderProps {\n  side: PanelSide;\n}\n\n/** Component that is used to auto-expand unpinned widget panel.\n * @internal\n */\nexport function WidgetPanelExpander({ side }: WidgetPanelExpanderProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  const timer = React.useRef(new Timer(200));\n  const lastPosition = React.useRef(new Point());\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  React.useEffect(() => {\n    timer.current.setOnExecute(() => {\n      dispatch({\n        side,\n        collapsed: false,\n        type: \"PANEL_SET_COLLAPSED\",\n      });\n    });\n  }, [side, dispatch]);\n  const className = classnames(\"nz-widgetPanels-expander\", `nz-${side}`);\n  return (\n    <div\n      className={className}\n      onMouseOverCapture={(e) => {\n        lastPosition.current = new Point(e.clientX, e.clientY);\n        timer.current.start();\n      }}\n      onMouseOutCapture={() => {\n        timer.current.stop();\n      }}\n      onMouseMoveCapture={(e) => {\n        const newPosition = new Point(e.clientX, e.clientY);\n        if (lastPosition.current.getDistanceTo(newPosition) > 5) {\n          timer.current.start();\n          lastPosition.current = newPosition;\n        }\n      }}\n    />\n  );\n}\n\n/** @internal */\nexport function WidgetPanelExpanders() {\n  const expanders = useLayout((state) => {\n    const panels = state.panels;\n    return panelSides.filter((side) => {\n      const panel = panels[side];\n      return !panel.pinned && panel.collapsed;\n    });\n  }, true);\n\n  return (\n    <>\n      {expanders.map((side) => {\n        return <WidgetPanelExpander key={side} side={side} />;\n      })}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget-panels/Expander.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 WidgetPanels\n */\n\nimport \"./Expander.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { PanelSide } from \"./PanelTypes.js\";\nimport { panelSides } from \"./Panel.js\";\nimport { NineZoneDispatchContext } from \"../base/NineZone.js\";\nimport { Timer } from \"@itwin/core-react\";\nimport { Point } from \"@itwin/core-react/internal\";\nimport { useLayout } from \"../base/LayoutStore.js\";\n\n/** @internal */\nexport interface WidgetPanelExpanderProps {\n  side: PanelSide;\n}\n\n/** Component that is used to auto-expand unpinned widget panel.\n * @internal\n */\nexport function WidgetPanelExpander({ side }: WidgetPanelExpanderProps) {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const timer = React.useRef(new Timer(200));\n  const lastPosition = React.useRef(new Point());\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  React.useEffect(() => {\n    timer.current.setOnExecute(() => {\n      dispatch({\n        side,\n        collapsed: false,\n        type: \"PANEL_SET_COLLAPSED\",\n      });\n    });\n  }, [side, dispatch]);\n  const className = classnames(\"nz-widgetPanels-expander\", `nz-${side}`);\n  return (\n    <div\n      className={className}\n      onMouseOverCapture={(e) => {\n        lastPosition.current = new Point(e.clientX, e.clientY);\n        timer.current.start();\n      }}\n      onMouseOutCapture={() => {\n        timer.current.stop();\n      }}\n      onMouseMoveCapture={(e) => {\n        const newPosition = new Point(e.clientX, e.clientY);\n        if (lastPosition.current.getDistanceTo(newPosition) > 5) {\n          timer.current.start();\n          lastPosition.current = newPosition;\n        }\n      }}\n    />\n  );\n}\n\n/** @internal */\nexport function WidgetPanelExpanders() {\n  const expanders = useLayout((state) => {\n    const panels = state.panels;\n    return panelSides.filter((side) => {\n      const panel = panels[side];\n      return !panel.pinned && panel.collapsed;\n    });\n  }, true);\n\n  return (\n    <>\n      {expanders.map((side) => {\n        return <WidgetPanelExpander key={side} side={side} />;\n      })}\n    </>\n  );\n}\n"]}

package/lib/appui-react/layout/widget-panels/Grip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grip.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget-panels/Grip.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBrD;;GAEG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,4BA2CjD;AAED,gBAAgB;AAChB,eAAO,MAAM,aAAa,wDACA,IAAI,mBAgK7B,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,aAAa,CAAC,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAiBrE"}
+{"version":3,"file":"Grip.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget-panels/Grip.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBrD;;GAEG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,4BA2CjD;AAED,gBAAgB;AAChB,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,OAAK,CACtD,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,EAC5B,OAAO,EACP,OAAO,CA8JR,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,aAAa,CAAC,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAiBrE"}

package/lib/appui-react/layout/widget-panels/Grip.js

@@ -20,7 +20,7 @@ import { useMaximizedPanel } from "../../preview/enable-maximized-widget/useMaxi
 /** Resize grip of [[WidgetPanel]] component.
  * @internal
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export function WidgetPanelGrip(props) {
     const side = React.useContext(PanelSideContext);
     assert(!!side);
@@ -62,7 +62,7 @@ export const useResizeGrip = () => {
     const [resizing, setResizing] = React.useState(false);
     const [active, setActive] = React.useState(false);
     const initialPointerPosition = React.useRef();
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     const dragStartTimer = React.useRef(new Timer(300));
     const ref = React.useRef(null);
     const relativePosition = React.useRef(new Point());
@@ -191,7 +191,7 @@ export const useResizeGrip = () => {
 };
 /** @internal */
 export function useDoubleClick(onDoubleClick) {
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     const timer = React.useRef(new Timer(300));
     const clickCount = React.useRef(0);
     timer.current.setOnExecute(() => {

package/lib/appui-react/layout/widget-panels/Grip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grip.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget-panels/Grip.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 WidgetPanels\n */\n\nimport \"./Grip.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Timer } from \"@itwin/core-react\";\nimport { Point, Rectangle } from \"@itwin/core-react/internal\";\nimport type { UseDragPanelGripArgs } from \"../base/DragManager.js\";\nimport { useDragPanelGrip } from \"../base/DragManager.js\";\nimport { NineZoneDispatchContext, useLabel } from \"../base/NineZone.js\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n  WidgetPanelContext,\n} from \"./Panel.js\";\nimport type { PointerCaptorArgs } from \"../base/usePointerCaptor.js\";\nimport { usePointerCaptor } from \"../base/usePointerCaptor.js\";\nimport { useLayout, useLayoutStore } from \"../base/LayoutStore.js\";\nimport { useMaximizedPanel } from \"../../preview/enable-maximized-widget/useMaximizedWidget.js\";\n\n/** Resize grip of [[WidgetPanel]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function WidgetPanelGrip(props: CommonProps) {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  const { collapsed, pinned } = useLayout((state) => {\n    const panel = state.panels[side];\n    return {\n      collapsed: panel.collapsed,\n      pinned: panel.pinned,\n    };\n  }, true);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const [ref, resizing, active] = useResizeGrip<HTMLDivElement>();\n  const className = classnames(\n    \"nz-widgetPanels-grip\",\n    `nz-${side}`,\n    active && \"nz-active\",\n    resizing && \"nz-resizing\",\n    props.className\n  );\n  const resizeGripTitle = useLabel(\"resizeGripTitle\");\n  const isMaximizedPanel = !!useMaximizedPanel(side);\n  if (isMaximizedPanel) return null;\n  return (\n    <div className={className} title={resizeGripTitle} style={props.style}>\n      <div className=\"nz-line-grip\">\n        <div className=\"nz-line-grip-detail\" />\n      </div>\n      <div\n        className=\"nz-handle\"\n        ref={ref}\n        onMouseOverCapture={() => {\n          collapsed &&\n            !pinned &&\n            !resizing &&\n            dispatch({\n              side,\n              collapsed: false,\n              type: \"PANEL_SET_COLLAPSED\",\n            });\n        }}\n      />\n    </div>\n  );\n}\n\n/** @internal */\nexport const useResizeGrip = <T extends HTMLElement>(): [\n  (instance: T | null) => void,\n  boolean,\n  boolean\n] => {\n  const widgetPanel = React.useContext(WidgetPanelContext);\n  const side = React.useContext(PanelSideContext);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  assert(!!side);\n  assert(!!widgetPanel);\n  const [resizing, setResizing] = React.useState(false);\n  const [active, setActive] = React.useState(false);\n  const initialPointerPosition = React.useRef<Point>();\n  // eslint-disable-next-line deprecation/deprecation\n  const dragStartTimer = React.useRef(new Timer(300));\n  const ref = React.useRef<T | null>(null);\n  const relativePosition = React.useRef(new Point());\n  const layoutStore = useLayoutStore();\n  const panelStateRef = React.useRef(layoutStore.getState().panels[side]);\n  React.useLayoutEffect(\n    () =>\n      layoutStore.subscribe((state) => {\n        panelStateRef.current = state.panels[side];\n      }),\n    [layoutStore, side]\n  );\n  const handleDoubleClick = React.useCallback(() => {\n    dispatch({\n      type: \"PANEL_TOGGLE_COLLAPSED\",\n      side,\n    });\n  }, [dispatch, side]);\n  const handleClick = useDoubleClick(handleDoubleClick);\n  const onDrag = React.useCallback<NonNullable<UseDragPanelGripArgs[\"onDrag\"]>>(\n    (pointerPosition, lastPointerPosition) => {\n      if (!ref.current) return;\n      const direction = side === \"left\" || side === \"top\" ? 1 : -1;\n      const dragOffset = lastPointerPosition.getOffsetTo(pointerPosition);\n      const dragBy = isHorizontalPanelSide(side) ? dragOffset.y : dragOffset.x;\n      const resizeBy = direction * dragBy;\n\n      const bounds = widgetPanel.getBounds();\n      const outerEdge = bounds[side];\n      const innerEdge = isHorizontalPanelSide(side)\n        ? pointerPosition.y\n        : pointerPosition.x;\n      const size = (innerEdge - outerEdge) * direction;\n\n      const panel = panelStateRef.current;\n      if (resizeBy === 0) return;\n      if (panel.collapsed) {\n        if (size >= panel.collapseOffset) {\n          dispatch({\n            type: \"PANEL_SET_COLLAPSED\",\n            side,\n            collapsed: false,\n          });\n          return;\n        }\n        return;\n      }\n\n      if (panel.size === undefined) return;\n\n      // New size should match drag direction (i.e. dragging `left` panel grip to the left should not increase left panel size).\n      const sizeDiff = size - panel.size;\n      if (sizeDiff * resizeBy < 0) return;\n      const collapseThreshold = Math.max(\n        panel.minSize - panel.collapseOffset,\n        0\n      );\n      if (size <= collapseThreshold) {\n        dispatch({\n          type: \"PANEL_SET_COLLAPSED\",\n          side,\n          collapsed: true,\n        });\n        dispatch({\n          type: \"PANEL_SET_SIZE\",\n          side,\n          size: panel.minSize,\n        });\n        return;\n      }\n\n      dispatch({\n        type: \"PANEL_SET_SIZE\",\n        side,\n        size,\n      });\n    },\n    [dispatch, side, widgetPanel]\n  );\n  const onDragEnd = React.useCallback(() => {\n    setResizing(false);\n  }, []);\n  const handlePanelGripDragStart = useDragPanelGrip({\n    side,\n    onDrag,\n    onDragEnd,\n  });\n  React.useEffect(() => {\n    const timer = dragStartTimer.current;\n    timer.setOnExecute(() => {\n      if (initialPointerPosition.current && ref.current) {\n        relativePosition.current = Rectangle.create(\n          ref.current.getBoundingClientRect()\n        )\n          .topLeft()\n          .getOffsetTo(initialPointerPosition.current);\n        setResizing(true);\n        handlePanelGripDragStart({\n          initialPointerPosition: initialPointerPosition.current,\n          pointerPosition: initialPointerPosition.current,\n        });\n      }\n      initialPointerPosition.current = undefined;\n    });\n    return () => {\n      timer.setOnExecute(undefined);\n    };\n  }, [handlePanelGripDragStart]);\n  const handleDragEnd = React.useCallback(() => {\n    initialPointerPosition.current = undefined;\n    dragStartTimer.current.stop();\n    handleClick();\n    setActive(false);\n  }, [handleClick]);\n  const handlePointerDown = React.useCallback((args: PointerCaptorArgs) => {\n    initialPointerPosition.current = new Point(args.clientX, args.clientY);\n    dragStartTimer.current.start();\n    setActive(true);\n  }, []);\n  const handlePointerMove = React.useCallback(\n    (args: PointerCaptorArgs) => {\n      if (!initialPointerPosition.current) return;\n      const position = new Point(args.clientX, args.clientY);\n      setResizing(true);\n      handlePanelGripDragStart({\n        initialPointerPosition: position,\n        pointerPosition: position,\n      });\n      onDrag(position, initialPointerPosition.current);\n      initialPointerPosition.current = undefined;\n      dragStartTimer.current.stop();\n    },\n    [handlePanelGripDragStart, onDrag]\n  );\n  const handlePointerCaptorRef = usePointerCaptor(\n    handlePointerDown,\n    handlePointerMove,\n    handleDragEnd\n  );\n  const handleRef = React.useCallback(\n    (instance: T | null) => {\n      ref.current = instance;\n      handlePointerCaptorRef(instance);\n    },\n    [handlePointerCaptorRef]\n  );\n  return [handleRef, resizing, active];\n};\n\n/** @internal */\nexport function useDoubleClick(onDoubleClick?: () => void): () => void {\n  // eslint-disable-next-line deprecation/deprecation\n  const timer = React.useRef(new Timer(300));\n  const clickCount = React.useRef(0);\n  timer.current.setOnExecute(() => {\n    clickCount.current = 0;\n  });\n  const handleClick = React.useCallback(() => {\n    timer.current.start();\n    clickCount.current++;\n    if (clickCount.current === 2) {\n      onDoubleClick && onDoubleClick();\n      clickCount.current = 0;\n      timer.current.stop();\n    }\n  }, [onDoubleClick]);\n  return handleClick;\n}\n"]}
+{"version":3,"file":"Grip.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget-panels/Grip.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 WidgetPanels\n */\n\nimport \"./Grip.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Timer } from \"@itwin/core-react\";\nimport { Point, Rectangle } from \"@itwin/core-react/internal\";\nimport type { UseDragPanelGripArgs } from \"../base/DragManager.js\";\nimport { useDragPanelGrip } from \"../base/DragManager.js\";\nimport { NineZoneDispatchContext, useLabel } from \"../base/NineZone.js\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n  WidgetPanelContext,\n} from \"./Panel.js\";\nimport type { PointerCaptorArgs } from \"../base/usePointerCaptor.js\";\nimport { usePointerCaptor } from \"../base/usePointerCaptor.js\";\nimport { useLayout, useLayoutStore } from \"../base/LayoutStore.js\";\nimport { useMaximizedPanel } from \"../../preview/enable-maximized-widget/useMaximizedWidget.js\";\n\n/** Resize grip of [[WidgetPanel]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function WidgetPanelGrip(props: CommonProps) {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  const { collapsed, pinned } = useLayout((state) => {\n    const panel = state.panels[side];\n    return {\n      collapsed: panel.collapsed,\n      pinned: panel.pinned,\n    };\n  }, true);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const [ref, resizing, active] = useResizeGrip<HTMLDivElement>();\n  const className = classnames(\n    \"nz-widgetPanels-grip\",\n    `nz-${side}`,\n    active && \"nz-active\",\n    resizing && \"nz-resizing\",\n    props.className\n  );\n  const resizeGripTitle = useLabel(\"resizeGripTitle\");\n  const isMaximizedPanel = !!useMaximizedPanel(side);\n  if (isMaximizedPanel) return null;\n  return (\n    <div className={className} title={resizeGripTitle} style={props.style}>\n      <div className=\"nz-line-grip\">\n        <div className=\"nz-line-grip-detail\" />\n      </div>\n      <div\n        className=\"nz-handle\"\n        ref={ref}\n        onMouseOverCapture={() => {\n          collapsed &&\n            !pinned &&\n            !resizing &&\n            dispatch({\n              side,\n              collapsed: false,\n              type: \"PANEL_SET_COLLAPSED\",\n            });\n        }}\n      />\n    </div>\n  );\n}\n\n/** @internal */\nexport const useResizeGrip = <T extends HTMLElement>(): [\n  (instance: T | null) => void,\n  boolean,\n  boolean\n] => {\n  const widgetPanel = React.useContext(WidgetPanelContext);\n  const side = React.useContext(PanelSideContext);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  assert(!!side);\n  assert(!!widgetPanel);\n  const [resizing, setResizing] = React.useState(false);\n  const [active, setActive] = React.useState(false);\n  const initialPointerPosition = React.useRef<Point>();\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const dragStartTimer = React.useRef(new Timer(300));\n  const ref = React.useRef<T | null>(null);\n  const relativePosition = React.useRef(new Point());\n  const layoutStore = useLayoutStore();\n  const panelStateRef = React.useRef(layoutStore.getState().panels[side]);\n  React.useLayoutEffect(\n    () =>\n      layoutStore.subscribe((state) => {\n        panelStateRef.current = state.panels[side];\n      }),\n    [layoutStore, side]\n  );\n  const handleDoubleClick = React.useCallback(() => {\n    dispatch({\n      type: \"PANEL_TOGGLE_COLLAPSED\",\n      side,\n    });\n  }, [dispatch, side]);\n  const handleClick = useDoubleClick(handleDoubleClick);\n  const onDrag = React.useCallback<NonNullable<UseDragPanelGripArgs[\"onDrag\"]>>(\n    (pointerPosition, lastPointerPosition) => {\n      if (!ref.current) return;\n      const direction = side === \"left\" || side === \"top\" ? 1 : -1;\n      const dragOffset = lastPointerPosition.getOffsetTo(pointerPosition);\n      const dragBy = isHorizontalPanelSide(side) ? dragOffset.y : dragOffset.x;\n      const resizeBy = direction * dragBy;\n\n      const bounds = widgetPanel.getBounds();\n      const outerEdge = bounds[side];\n      const innerEdge = isHorizontalPanelSide(side)\n        ? pointerPosition.y\n        : pointerPosition.x;\n      const size = (innerEdge - outerEdge) * direction;\n\n      const panel = panelStateRef.current;\n      if (resizeBy === 0) return;\n      if (panel.collapsed) {\n        if (size >= panel.collapseOffset) {\n          dispatch({\n            type: \"PANEL_SET_COLLAPSED\",\n            side,\n            collapsed: false,\n          });\n          return;\n        }\n        return;\n      }\n\n      if (panel.size === undefined) return;\n\n      // New size should match drag direction (i.e. dragging `left` panel grip to the left should not increase left panel size).\n      const sizeDiff = size - panel.size;\n      if (sizeDiff * resizeBy < 0) return;\n      const collapseThreshold = Math.max(\n        panel.minSize - panel.collapseOffset,\n        0\n      );\n      if (size <= collapseThreshold) {\n        dispatch({\n          type: \"PANEL_SET_COLLAPSED\",\n          side,\n          collapsed: true,\n        });\n        dispatch({\n          type: \"PANEL_SET_SIZE\",\n          side,\n          size: panel.minSize,\n        });\n        return;\n      }\n\n      dispatch({\n        type: \"PANEL_SET_SIZE\",\n        side,\n        size,\n      });\n    },\n    [dispatch, side, widgetPanel]\n  );\n  const onDragEnd = React.useCallback(() => {\n    setResizing(false);\n  }, []);\n  const handlePanelGripDragStart = useDragPanelGrip({\n    side,\n    onDrag,\n    onDragEnd,\n  });\n  React.useEffect(() => {\n    const timer = dragStartTimer.current;\n    timer.setOnExecute(() => {\n      if (initialPointerPosition.current && ref.current) {\n        relativePosition.current = Rectangle.create(\n          ref.current.getBoundingClientRect()\n        )\n          .topLeft()\n          .getOffsetTo(initialPointerPosition.current);\n        setResizing(true);\n        handlePanelGripDragStart({\n          initialPointerPosition: initialPointerPosition.current,\n          pointerPosition: initialPointerPosition.current,\n        });\n      }\n      initialPointerPosition.current = undefined;\n    });\n    return () => {\n      timer.setOnExecute(undefined);\n    };\n  }, [handlePanelGripDragStart]);\n  const handleDragEnd = React.useCallback(() => {\n    initialPointerPosition.current = undefined;\n    dragStartTimer.current.stop();\n    handleClick();\n    setActive(false);\n  }, [handleClick]);\n  const handlePointerDown = React.useCallback((args: PointerCaptorArgs) => {\n    initialPointerPosition.current = new Point(args.clientX, args.clientY);\n    dragStartTimer.current.start();\n    setActive(true);\n  }, []);\n  const handlePointerMove = React.useCallback(\n    (args: PointerCaptorArgs) => {\n      if (!initialPointerPosition.current) return;\n      const position = new Point(args.clientX, args.clientY);\n      setResizing(true);\n      handlePanelGripDragStart({\n        initialPointerPosition: position,\n        pointerPosition: position,\n      });\n      onDrag(position, initialPointerPosition.current);\n      initialPointerPosition.current = undefined;\n      dragStartTimer.current.stop();\n    },\n    [handlePanelGripDragStart, onDrag]\n  );\n  const handlePointerCaptorRef = usePointerCaptor(\n    handlePointerDown,\n    handlePointerMove,\n    handleDragEnd\n  );\n  const handleRef = React.useCallback(\n    (instance: T | null) => {\n      ref.current = instance;\n      handlePointerCaptorRef(instance);\n    },\n    [handlePointerCaptorRef]\n  );\n  return [handleRef, resizing, active];\n};\n\n/** @internal */\nexport function useDoubleClick(onDoubleClick?: () => void): () => void {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const timer = React.useRef(new Timer(300));\n  const clickCount = React.useRef(0);\n  timer.current.setOnExecute(() => {\n    clickCount.current = 0;\n  });\n  const handleClick = React.useCallback(() => {\n    timer.current.start();\n    clickCount.current++;\n    if (clickCount.current === 2) {\n      onDoubleClick && onDoubleClick();\n      clickCount.current = 0;\n      timer.current.stop();\n    }\n  }, [onDoubleClick]);\n  return handleClick;\n}\n"]}

package/lib/appui-react/layout/widget-panels/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget-panels/Panel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,SAAS,EACT,cAAc,EACd,YAAY,EACb,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,wBAAwB,qBAarE;AAED,gBAAgB;AAChB,wBAAgB,WAAW,sBAkG1B;AAED,gBAAgB;AAChB,eAAO,MAAM,gBAAgB,sCAE5B,CAAC;AAGF,gBAAgB;AAChB,MAAM,WAAW,sBAAsB;IACrC,SAAS,IAAI,cAAc,CAAC;CAC7B;AAED,gBAAgB;AAChB,eAAO,MAAM,kBAAkB,mDAEnB,CAAC;AAGb,gBAAgB;AAChB,eAAO,MAAM,qBAAqB,SAC1B,SAAS,gCAGhB,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,UAAU,EAAE;IACvB,aAAa;IACb,cAAc;IACd,YAAY;IACZ,eAAe;CACqB,CAAC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget-panels/Panel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,SAAS,EACT,cAAc,EACd,YAAY,EACb,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,wBAAwB,qBAarE;AAED,gBAAgB;AAChB,wBAAgB,WAAW,sBAkG1B;AAED,gBAAgB;AAChB,eAAO,MAAM,gBAAgB,sCAE5B,CAAC;AAGF,gBAAgB;AAChB,MAAM,WAAW,sBAAsB;IACrC,SAAS,IAAI,cAAc,CAAC;CAC7B;AAED,gBAAgB;AAChB,eAAO,MAAM,kBAAkB,mDAEnB,CAAC;AAGb,gBAAgB;AAChB,eAAO,MAAM,qBAAqB,SAC1B,SAAS,KACd,IAAI,IAAI,mBAEV,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,UAAU,EAAE;IACvB,aAAa;IACb,cAAc;IACd,YAAY;IACZ,eAAe;CACqB,CAAC"}

package/lib/appui-react/layout/widget-panels/useAnimatePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimatePanel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget-panels/useAnimatePanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,gBAAgB;AAChB,wBAAgB,eAAe;;;6BAgJvB,qBAAqB,CAAC,cAAc,CAAC;;;EAkB5C"}
+{"version":3,"file":"useAnimatePanel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget-panels/useAnimatePanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,gBAAgB;AAChB,wBAAgB,eAAe;;;6BAgJvB,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC;;;EAkB5C"}

package/lib/appui-react/messages/InputField.js

@@ -48,7 +48,7 @@ export class InputFieldMessage extends React.PureComponent {
             return null;
         }
         return (
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         React.createElement(Popup, { isOpen: isVisible, position: RelativePosition.BottomLeft, onClose: this._onInputMessageClose, target: inputFieldElement },
             React.createElement("div", { className: "uifw-popup-message-inputField" },
                 React.createElement("div", { className: "uifw-popup-message-inputField-content" },
@@ -57,7 +57,7 @@ export class InputFieldMessage extends React.PureComponent {
                         React.createElement("span", { className: "uifw-popup-message-text" },
                             React.createElement(MessageRenderer, { className: "uifw-popup-message-brief", message: message }),
                             detailedMessage && (
-                            // eslint-disable-next-line deprecation/deprecation
+                            // eslint-disable-next-line @typescript-eslint/no-deprecated
                             React.createElement(MessageRenderer, { className: "uifw-popup-message-detailed", message: detailedMessage }))))),
                 showCloseButton && (
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events