@itwin/appui-react 4.10.0-dev.1 → 4.11.0

package/lib/esm/appui-react/layout/state/activateDroppedTab.d.ts

@@ -1,5 +0,0 @@
-import type { NineZoneStateReducer } from "./NineZoneStateReducer";
-/** Changes widget active tab after drag & drop
- * @internal */
-export declare const activateDroppedTab: (reducer: typeof NineZoneStateReducer) => typeof NineZoneStateReducer;
-//# sourceMappingURL=activateDroppedTab.d.ts.map

package/lib/esm/appui-react/layout/state/activateDroppedTab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"activateDroppedTab.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/state/activateDroppedTab.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAOnE;eACe;AACf,eAAO,MAAM,kBAAkB,YACnB,2BAA2B,KAAG,2BAkBvC,CAAC"}

package/lib/esm/appui-react/layout/state/activateDroppedTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activateDroppedTab.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/state/activateDroppedTab.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EACL,cAAc,EACd,oBAAoB,GACrB,MAAM,+BAA+B,CAAC;AAEvC;eACe;AACf,MAAM,CAAC,MAAM,kBAAkB,GAC7B,CAAC,OAAoC,EAA+B,EAAE,CACtE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;IAChB,IAAI,MAAM,CAAC,IAAI,KAAK,qBAAqB,EAAE;QACzC,MAAM,YAAY,GAAG,MAAM,CAAC,EAAE,CAAC;QAE/B,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC/B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACrD,KAAK,GAAG,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;KAC9D;SAAM,IAAI,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE;QAC5C,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAErE,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC/B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAClE,KAAK,GAAG,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;KAC3E;SAAM;QACL,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;KAChC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEJ,SAAS,gBAAgB,CAAC,KAAoB,EAAE,kBAA0B;IACxE,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;IAC3D,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEnB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChD,OAAO,MAAM,CAAC;AAChB,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 *--------------------------------------------------------------------------------------------*/\nimport { assert } from \"@itwin/core-bentley\";\nimport type { NineZoneState } from \"./NineZoneState\";\nimport type { NineZoneStateReducer } from \"./NineZoneStateReducer\";\nimport { getTabLocation } from \"./TabLocation\";\nimport {\n  getWidgetState,\n  setWidgetActiveTabId,\n} from \"./internal/WidgetStateHelpers\";\n\n/** Changes widget active tab after drag & drop\n * @internal */\nexport const activateDroppedTab =\n  (reducer: typeof NineZoneStateReducer): typeof NineZoneStateReducer =>\n  (state, action) => {\n    if (action.type === \"WIDGET_TAB_DRAG_END\") {\n      const draggedTabId = action.id;\n\n      state = reducer(state, action);\n      const widget = getWidgetByTabId(state, draggedTabId);\n      state = setWidgetActiveTabId(state, widget.id, draggedTabId);\n    } else if (action.type === \"WIDGET_DRAG_END\") {\n      const draggedWidget = getWidgetState(state, action.floatingWidgetId);\n\n      state = reducer(state, action);\n      const widget = getWidgetByTabId(state, draggedWidget.activeTabId);\n      state = setWidgetActiveTabId(state, widget.id, draggedWidget.activeTabId);\n    } else {\n      state = reducer(state, action);\n    }\n    return state;\n  };\n\nfunction getWidgetByTabId(state: NineZoneState, draggedWidgetTabId: string) {\n  const location = getTabLocation(state, draggedWidgetTabId);\n  assert(!!location);\n\n  const widget = state.widgets[location.widgetId];\n  return widget;\n}\n"]}

package/lib/esm/appui-react/layout/widget/PreviewHorizontalPanelAlign.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewHorizontalPanelAlign.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PreviewHorizontalPanelAlign.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAMxD,OAAO,KAAK,EAEV,SAAS,EACV,MAAM,6BAA6B,CAAC;AA0BrC;;GAEG;AACH,wBAAgB,8BAA8B;;;;;;;EAE7C;AAED;;GAEG;AACH,wBAAgB,0CAA0C,CAAC,EACzD,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,qBA4BA;AA6DD,gBAAgB;AAChB,wBAAgB,iCAAiC,sBA8ChD;AAED,gBAAgB;AAChB,wBAAgB,6BAA6B,YAW5C"}

package/lib/esm/appui-react/layout/widget/PreviewHorizontalPanelAlign.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewHorizontalPanelAlign.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PreviewHorizontalPanelAlign.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 * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { HorizontalAlignment } from \"@itwin/core-react\";\nimport { DropdownMenu, MenuItem } from \"@itwin/itwinui-react\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n} from \"../widget-panels/Panel\";\nimport type {\n  HorizontalPanelSide,\n  PanelSide,\n} from \"../widget-panels/PanelTypes\";\nimport { useIsMainPanelWidget } from \"./Buttons\";\nimport { WidgetActionDropdownContext } from \"../../preview/widget-action-dropdown/MoreButton\";\nimport { TabBarButton } from \"./Button\";\n\n/** Default value used when not provided or disabled. */\nconst defaultAlignments = {\n  top: HorizontalAlignment.Justify,\n  bottom: HorizontalAlignment.Justify,\n};\n\nconst HorizontalPanelAlignContext = React.createContext<{\n  enabled: boolean;\n  alignments: {\n    [side in HorizontalPanelSide]: HorizontalAlignment;\n  };\n  setAlignment: (\n    panel: PanelSide | undefined,\n    alignment: HorizontalAlignment\n  ) => void;\n}>({\n  enabled: false,\n  alignments: defaultAlignments,\n  setAlignment: () => {},\n});\n\n/** Horizontal panel alignment preview feature state.\n * @internal\n */\nexport function usePreviewHorizontalPanelAlign() {\n  return React.useContext(HorizontalPanelAlignContext);\n}\n\n/** Preview horizontal panel alignment feature provider.\n * @internal\n */\nexport function PreviewHorizontalPanelAlignFeatureProvider({\n  enabled,\n  children,\n}: {\n  enabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  const [alignments, setAlignments] = React.useState<{\n    [x in HorizontalPanelSide]: HorizontalAlignment;\n  }>({\n    top: HorizontalAlignment.Justify,\n    bottom: HorizontalAlignment.Justify,\n  });\n  const setAlignment = React.useCallback(\n    (panel: PanelSide | undefined, alignment: HorizontalAlignment) => {\n      if (!panel || !isHorizontalPanelSide(panel)) return;\n      setAlignments((prev) => ({\n        ...prev,\n        [panel]: alignment,\n      }));\n    },\n    []\n  );\n  return (\n    <HorizontalPanelAlignContext.Provider\n      value={{\n        enabled: !!enabled,\n        alignments: enabled ? alignments : defaultAlignments,\n        setAlignment,\n      }}\n    >\n      {children}\n    </HorizontalPanelAlignContext.Provider>\n  );\n}\n\nfunction SvgSide(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm11 7H1V3h10v6Zm4 4h-3V3h3v10Z\" />\n    </svg>\n  );\n}\n\nfunction SvgJustify(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm4 7H1V3h3v6Zm1 0V3h6v6H5Zm10 0h-3V3h3v6Z\" />\n    </svg>\n  );\n}\n\nfunction SvgCenter(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm4 11H1V3h3v10Zm1-4V3h6v6H5Zm10 4h-3V3h3v10Z\" />\n    </svg>\n  );\n}\n\nfunction getIcon(side: HorizontalPanelSide, alignment: HorizontalAlignment) {\n  const scaleY = side === \"top\" ? \"-1\" : \"1\";\n  if (alignment === HorizontalAlignment.Justify)\n    return <SvgJustify transform={`scale(1, ${scaleY})`} />;\n  if (alignment === HorizontalAlignment.Center)\n    return <SvgCenter transform={`scale(1, ${scaleY})`} />;\n  const scaleX = alignment === HorizontalAlignment.Left ? \"1\" : \"-1\";\n  return <SvgSide transform={`scale(${scaleX}, ${scaleY})`} />;\n}\n\nfunction capitalize(s: string) {\n  return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\n/** @internal */\nexport function PreviewHorizontalPanelAlignButton() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  assert(isHorizontalPanelSide(side));\n  const { alignments, setAlignment } = usePreviewHorizontalPanelAlign();\n  const title = \"Align panel\";\n\n  const getMenuItems = (onClose?: () => void) =>\n    [\n      HorizontalAlignment.Justify,\n      HorizontalAlignment.Center,\n      HorizontalAlignment.Left,\n      HorizontalAlignment.Right,\n    ].map((align) => {\n      return (\n        <MenuItem\n          key={align}\n          onClick={() => {\n            setAlignment(side, align);\n            onClose?.();\n          }}\n          icon={getIcon(side, align)}\n          isSelected={alignments[side] === align}\n        >\n          {capitalize(align)}\n        </MenuItem>\n      );\n    });\n  const dropdownContext = React.useContext(WidgetActionDropdownContext);\n  if (dropdownContext !== undefined) {\n    return (\n      <MenuItem\n        icon={getIcon(side, alignments[side])}\n        subMenuItems={getMenuItems()}\n      >\n        {title}\n      </MenuItem>\n    );\n  }\n  return (\n    <DropdownMenu menuItems={(close) => getMenuItems(close)}>\n      <TabBarButton title={title}>\n        {getIcon(side, alignments[side])}\n      </TabBarButton>\n    </DropdownMenu>\n  );\n}\n\n/** @internal */\nexport function useHorizontalPanelAlignButton() {\n  const side = React.useContext(PanelSideContext);\n  const { enabled } = usePreviewHorizontalPanelAlign();\n  const isMainPanelWidget = useIsMainPanelWidget();\n\n  return !!(\n    enabled &&\n    side &&\n    isHorizontalPanelSide(side) &&\n    isMainPanelWidget\n  );\n}\n"]}

package/lib/esm/appui-react/layout/widget/PreviewMaximizeToggle.d.ts

@@ -1,30 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-/** Maximized widget preview feature state.
- * @internal
- */
-export declare function usePreviewMaximizedWidget(): MaximizedWidgetState;
-/** Properties of [[PreviewMaximizedWidgetFeatureProvider]] component.
- * @internal
- */
-export interface PreviewMaximizedWidgetFeatureProviderProps {
-    enabled?: boolean;
-    children?: React.ReactNode;
-}
-interface MaximizedWidgetState {
-    enabled: boolean | undefined;
-    maximizedWidget: string | undefined;
-    setMaximizedWidget: (id: string | undefined) => void;
-}
-/** Preview maximized widget feature provider.
- * @internal
- */
-export declare function PreviewMaximizedWidgetFeatureProvider({ enabled, children, }: PreviewMaximizedWidgetFeatureProviderProps): React.JSX.Element;
-/** @internal */
-export declare function PreviewMaximizeToggle(): React.JSX.Element;
-/** @internal */
-export declare function useMaximizeToggle(): boolean;
-export {};
-//# sourceMappingURL=PreviewMaximizeToggle.d.ts.map

package/lib/esm/appui-react/layout/widget/PreviewMaximizeToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewMaximizeToggle.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PreviewMaximizeToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;GAEG;AACH,wBAAgB,yBAAyB,yBAExC;AAED;;GAEG;AACH,MAAM,WAAW,0CAA0C;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AASD;;GAEG;AACH,wBAAgB,qCAAqC,CAAC,EACpD,OAAO,EACP,QAAQ,GACT,EAAE,0CAA0C,qBAW5C;AAED,gBAAgB;AAChB,wBAAgB,qBAAqB,sBA0BpC;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,YAMhC"}

package/lib/esm/appui-react/layout/widget/PreviewMaximizeToggle.js

@@ -1,58 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { SvgWindowMaximize, SvgWindowMinimize, } from "@itwin/itwinui-icons-react";
-import { useFloatingWidgetId } from "./FloatingWidget";
-import { useIsToolSettingsTab } from "./useIsToolSettingsTab";
-import { ActionButton } from "../../preview/widget-action-dropdown/Button";
-/** Maximized widget preview feature state.
- * @internal
- */
-export function usePreviewMaximizedWidget() {
-    return React.useContext(MaximizedWidgetContext);
-}
-/** Context containing configuration and state for preview maximized widget feature. */
-const MaximizedWidgetContext = React.createContext({
-    enabled: false,
-    maximizedWidget: undefined,
-    setMaximizedWidget: () => { },
-});
-/** Preview maximized widget feature provider.
- * @internal
- */
-export function PreviewMaximizedWidgetFeatureProvider({ enabled, children, }) {
-    const [maximizedWidget, setMaximizedWidget] = React.useState(undefined);
-    return (React.createElement(MaximizedWidgetContext.Provider, { value: { enabled, maximizedWidget, setMaximizedWidget } }, children));
-}
-/** @internal */
-export function PreviewMaximizeToggle() {
-    const { maximizedWidget, setMaximizedWidget } = usePreviewMaximizedWidget();
-    const floatingWidgetId = useFloatingWidgetId();
-    const { id, title, iconSpec } = maximizedWidget === floatingWidgetId
-        ? {
-            id: undefined,
-            title: "Restore",
-            iconSpec: React.createElement(SvgWindowMinimize, null),
-        }
-        : {
-            id: floatingWidgetId,
-            title: "Maximize",
-            iconSpec: React.createElement(SvgWindowMaximize, null),
-        };
-    return (React.createElement(ActionButton, { icon: iconSpec, title: title, onClick: () => {
-            setMaximizedWidget(id);
-        } }));
-}
-/** @internal */
-export function useMaximizeToggle() {
-    const { enabled } = usePreviewMaximizedWidget();
-    const isToolSettings = useIsToolSettingsTab();
-    const floatingWidgetId = useFloatingWidgetId();
-    return !!(enabled && !isToolSettings && floatingWidgetId);
-}
-//# sourceMappingURL=PreviewMaximizeToggle.js.map

package/lib/esm/appui-react/layout/widget/PreviewMaximizeToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewMaximizeToggle.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PreviewMaximizeToggle.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAE3E;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACvC,OAAO,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAClD,CAAC;AAgBD,uFAAuF;AACvF,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAAuB;IACvE,OAAO,EAAE,KAAK;IACd,eAAe,EAAE,SAAS;IAC1B,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC7B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,qCAAqC,CAAC,EACpD,OAAO,EACP,QAAQ,GACmC;IAC3C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE1D,SAAS,CAAC,CAAC;IACb,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,IAEtD,QAAQ,CACuB,CACnC,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,qBAAqB;IACnC,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,yBAAyB,EAAE,CAAC;IAC5E,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAC3B,eAAe,KAAK,gBAAgB;QAClC,CAAC,CAAC;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,oBAAC,iBAAiB,OAAG;SAChC;QACH,CAAC,CAAC;YACE,EAAE,EAAE,gBAAgB;YACpB,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,oBAAC,iBAAiB,OAAG;SAChC,CAAC;IAER,OAAO,CACL,oBAAC,YAAY,IACX,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,kBAAkB,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,iBAAiB;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,yBAAyB,EAAE,CAAC;IAChD,MAAM,cAAc,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAC;AAC5D,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 * as React from \"react\";\nimport {\n  SvgWindowMaximize,\n  SvgWindowMinimize,\n} from \"@itwin/itwinui-icons-react\";\nimport { useFloatingWidgetId } from \"./FloatingWidget\";\nimport { useIsToolSettingsTab } from \"./useIsToolSettingsTab\";\nimport { ActionButton } from \"../../preview/widget-action-dropdown/Button\";\n\n/** Maximized widget preview feature state.\n * @internal\n */\nexport function usePreviewMaximizedWidget() {\n  return React.useContext(MaximizedWidgetContext);\n}\n\n/** Properties of [[PreviewMaximizedWidgetFeatureProvider]] component.\n * @internal\n */\nexport interface PreviewMaximizedWidgetFeatureProviderProps {\n  enabled?: boolean;\n  children?: React.ReactNode;\n}\n\ninterface MaximizedWidgetState {\n  enabled: boolean | undefined;\n  maximizedWidget: string | undefined;\n  setMaximizedWidget: (id: string | undefined) => void;\n}\n\n/** Context containing configuration and state for preview maximized widget feature. */\nconst MaximizedWidgetContext = React.createContext<MaximizedWidgetState>({\n  enabled: false,\n  maximizedWidget: undefined,\n  setMaximizedWidget: () => {},\n});\n\n/** Preview maximized widget feature provider.\n * @internal\n */\nexport function PreviewMaximizedWidgetFeatureProvider({\n  enabled,\n  children,\n}: PreviewMaximizedWidgetFeatureProviderProps) {\n  const [maximizedWidget, setMaximizedWidget] = React.useState<\n    string | undefined\n  >(undefined);\n  return (\n    <MaximizedWidgetContext.Provider\n      value={{ enabled, maximizedWidget, setMaximizedWidget }}\n    >\n      {children}\n    </MaximizedWidgetContext.Provider>\n  );\n}\n\n/** @internal */\nexport function PreviewMaximizeToggle() {\n  const { maximizedWidget, setMaximizedWidget } = usePreviewMaximizedWidget();\n  const floatingWidgetId = useFloatingWidgetId();\n\n  const { id, title, iconSpec } =\n    maximizedWidget === floatingWidgetId\n      ? {\n          id: undefined,\n          title: \"Restore\",\n          iconSpec: <SvgWindowMinimize />,\n        }\n      : {\n          id: floatingWidgetId,\n          title: \"Maximize\",\n          iconSpec: <SvgWindowMaximize />,\n        };\n\n  return (\n    <ActionButton\n      icon={iconSpec}\n      title={title}\n      onClick={() => {\n        setMaximizedWidget(id);\n      }}\n    />\n  );\n}\n\n/** @internal */\nexport function useMaximizeToggle() {\n  const { enabled } = usePreviewMaximizedWidget();\n  const isToolSettings = useIsToolSettingsTab();\n  const floatingWidgetId = useFloatingWidgetId();\n\n  return !!(enabled && !isToolSettings && floatingWidgetId);\n}\n"]}

package/lib/esm/appui-react/layout/widget-panels/AppContent.d.ts

@@ -1,11 +0,0 @@
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import * as React from "react";
-/** Main app content (i.e. viewport) that will change bounds based on panel pinned settings.
- * @internal
- */
-export declare function AppContent(): React.JSX.Element;
-/** @internal */
-export declare function usePanelsAutoCollapse<T extends Element>(): React.Ref<T>;
-//# sourceMappingURL=AppContent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppContent.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/AppContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;GAEG;AACH,wBAAgB,UAAU,sBA4BzB;AAED,gBAAgB;AAChB,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,OAAO,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAkDvE"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppContent.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/AppContent.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 * as React from \"react\";\nimport {\n  AutoCollapseUnpinnedPanelsContext,\n  NineZoneDispatchContext,\n} from \"../base/NineZone\";\nimport { WidgetPanelsContent } from \"./Content\";\nimport { ContentNodeContext } from \"./Panels\";\nimport { panelSides } from \"./Panel\";\nimport { useRefEffect, useRefs } from \"@itwin/core-react\";\nimport { useLayout, useLayoutStore } from \"../base/LayoutStore\";\nimport { usePreviewFeatures } from \"../../preview/PreviewFeatures\";\n\n/** Main app content (i.e. viewport) that will change bounds based on panel pinned settings.\n * @internal\n */\nexport function AppContent() {\n  const { contentAlwaysMaxSize } = usePreviewFeatures();\n  const { pinnedLeft, pinnedRight, pinnedTop, pinnedBottom } = useLayout(\n    (state) => {\n      const panels = state.panels;\n      return {\n        pinnedLeft: panels.left.pinned,\n        pinnedRight: panels.right.pinned,\n        pinnedTop: panels.top.pinned,\n        pinnedBottom: panels.bottom.pinned,\n      };\n    },\n    true\n  );\n  const content = React.useContext(ContentNodeContext);\n  const ref = usePanelsAutoCollapse<HTMLDivElement>();\n  return (\n    <WidgetPanelsContent\n      className=\"nz-widgetPanels-appContent\"\n      ref={ref}\n      pinnedLeft={pinnedLeft && !contentAlwaysMaxSize}\n      pinnedRight={pinnedRight && !contentAlwaysMaxSize}\n      pinnedTop={pinnedTop && !contentAlwaysMaxSize}\n      pinnedBottom={pinnedBottom && !contentAlwaysMaxSize}\n    >\n      {content}\n    </WidgetPanelsContent>\n  );\n}\n\n/** @internal */\nexport function usePanelsAutoCollapse<T extends Element>(): React.Ref<T> {\n  const layoutStore = useLayoutStore();\n  const panelsRef = React.useRef(layoutStore.getState().panels);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const autoCollapseUnpinnedPanels = React.useContext(\n    AutoCollapseUnpinnedPanelsContext\n  );\n\n  // istanbul ignore next\n  React.useEffect(\n    () =>\n      layoutStore.subscribe((state) => {\n        panelsRef.current = state.panels;\n      }),\n    [layoutStore]\n  );\n\n  const collapsePanels = React.useCallback(() => {\n    for (const side of panelSides) {\n      const panel = panelsRef.current[side];\n      if (panel.collapsed || panel.pinned) continue;\n      dispatch({\n        type: \"PANEL_SET_COLLAPSED\",\n        collapsed: true,\n        side: panel.side,\n      });\n    }\n  }, [dispatch]);\n  const mouseDownRef = useRefEffect<T>(\n    (instance) => {\n      if (!instance) return;\n      instance.addEventListener(\"mousedown\", collapsePanels, true);\n      return () => {\n        instance.removeEventListener(\"mousedown\", collapsePanels, true);\n      };\n    },\n    [collapsePanels]\n  );\n  const mouseEnterRef = useRefEffect<T>(\n    (instance) => {\n      if (!instance || !autoCollapseUnpinnedPanels) return;\n      instance.addEventListener(\"mouseenter\", collapsePanels, true);\n      return () => {\n        instance.removeEventListener(\"mouseenter\", collapsePanels, true);\n      };\n    },\n    [collapsePanels, autoCollapseUnpinnedPanels]\n  );\n  const ref = useRefs(mouseDownRef, mouseEnterRef);\n  return ref;\n}\n"]}

package/lib/esm/appui-react/layout/widget-panels/CenterContent.d.ts

@@ -1,10 +0,0 @@
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import "./CenterContent.scss";
-import * as React from "react";
-/** Component that displays center content (i.e. toolbars). Content is allways bound by widget panels (panel pinned setting is ignored).
- * @internal
- */
-export declare function CenterContent(): React.JSX.Element;
-//# sourceMappingURL=CenterContent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CenterContent.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/CenterContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,wBAAgB,aAAa,sBAa5B"}

package/lib/esm/appui-react/layout/widget-panels/CenterContent.js

@@ -1,19 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import "./CenterContent.scss";
-import * as React from "react";
-import { WidgetPanelsContent } from "./Content";
-import { CenterContentNodeContext } from "./Panels";
-/** Component that displays center content (i.e. toolbars). Content is allways bound by widget panels (panel pinned setting is ignored).
- * @internal
- */
-export function CenterContent() {
-    const content = React.useContext(CenterContentNodeContext);
-    return (React.createElement(WidgetPanelsContent, { className: "nz-widgetPanels-centerContent", pinnedLeft: true, pinnedRight: true, pinnedTop: true, pinnedBottom: true }, content));
-}
-//# sourceMappingURL=CenterContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CenterContent.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/CenterContent.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEpD;;GAEG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC3D,OAAO,CACL,oBAAC,mBAAmB,IAClB,SAAS,EAAC,+BAA+B,EACzC,UAAU,QACV,WAAW,QACX,SAAS,QACT,YAAY,UAEX,OAAO,CACY,CACvB,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 WidgetPanels\n */\n\nimport \"./CenterContent.scss\";\nimport * as React from \"react\";\nimport { WidgetPanelsContent } from \"./Content\";\nimport { CenterContentNodeContext } from \"./Panels\";\n\n/** Component that displays center content (i.e. toolbars). Content is allways bound by widget panels (panel pinned setting is ignored).\n * @internal\n */\nexport function CenterContent() {\n  const content = React.useContext(CenterContentNodeContext);\n  return (\n    <WidgetPanelsContent\n      className=\"nz-widgetPanels-centerContent\"\n      pinnedLeft\n      pinnedRight\n      pinnedTop\n      pinnedBottom\n    >\n      {content}\n    </WidgetPanelsContent>\n  );\n}\n"]}

package/lib/esm/appui-react/layout/widget-panels/Content.d.ts

@@ -1,21 +0,0 @@
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import "./Content.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Properties of [[WidgetPanelsContentProps]] component.
- * @internal
- */
-export interface WidgetPanelsContentProps extends CommonProps {
-    children?: React.ReactNode;
-    pinnedLeft?: boolean;
-    pinnedRight?: boolean;
-    pinnedTop?: boolean;
-    pinnedBottom?: boolean;
-}
-/** Component that displays widget panels content.
- * @internal
- */
-export declare const WidgetPanelsContent: React.ForwardRefExoticComponent<WidgetPanelsContentProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=Content.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Content.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,iGAiB9B,CAAC"}

package/lib/esm/appui-react/layout/widget-panels/Content.js

@@ -1,18 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import "./Content.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Component that displays widget panels content.
- * @internal
- */
-export const WidgetPanelsContent = React.forwardRef(function WidgetPanelsContent(props, ref) {
-    const className = classnames("nz-widgetPanels-content", props.pinnedLeft && "nz-pinned-left", props.pinnedRight && "nz-pinned-right", props.pinnedTop && "nz-pinned-top", props.pinnedBottom && "nz-pinned-bottom", props.className);
-    return (React.createElement("div", { className: className, ref: ref, style: props.style }, props.children));
-});
-//# sourceMappingURL=Content.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Content.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;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAGjD,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACvC,MAAM,SAAS,GAAG,UAAU,CAC1B,yBAAyB,EACzB,KAAK,CAAC,UAAU,IAAI,gBAAgB,EACpC,KAAK,CAAC,WAAW,IAAI,iBAAiB,EACtC,KAAK,CAAC,SAAS,IAAI,eAAe,EAClC,KAAK,CAAC,YAAY,IAAI,kBAAkB,EACxC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IACpD,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module WidgetPanels\n */\n\nimport \"./Content.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[WidgetPanelsContentProps]] component.\n * @internal\n */\nexport interface WidgetPanelsContentProps extends CommonProps {\n  children?: React.ReactNode;\n  pinnedLeft?: boolean;\n  pinnedRight?: boolean;\n  pinnedTop?: boolean;\n  pinnedBottom?: boolean;\n}\n\n/** Component that displays widget panels content.\n * @internal\n */\nexport const WidgetPanelsContent = React.forwardRef<\n  HTMLDivElement,\n  WidgetPanelsContentProps\n>(function WidgetPanelsContent(props, ref) {\n  const className = classnames(\n    \"nz-widgetPanels-content\",\n    props.pinnedLeft && \"nz-pinned-left\",\n    props.pinnedRight && \"nz-pinned-right\",\n    props.pinnedTop && \"nz-pinned-top\",\n    props.pinnedBottom && \"nz-pinned-bottom\",\n    props.className\n  );\n  return (\n    <div className={className} ref={ref} style={props.style}>\n      {props.children}\n    </div>\n  );\n});\n"]}

package/lib/esm/appui-react/layout/widget-panels/Content.scss

@@ -1,37 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-.nz-widgetPanels-content {
-  &:not(.nz-pinned-left) {
-    grid-column-start: 1;
-  }
-
-  &.nz-pinned-left {
-    grid-column-start: 2;
-  }
-
-  &:not(.nz-pinned-right) {
-    grid-column-end: 4;
-  }
-
-  &.nz-pinned-right {
-    grid-column-end: 3;
-  }
-
-  &:not(.nz-pinned-top) {
-    grid-row-start: 1;
-  }
-
-  &.nz-pinned-top {
-    grid-row-start: 2;
-  }
-
-  &:not(.nz-pinned-bottom) {
-    grid-row-end: 4;
-  }
-
-  &.nz-pinned-bottom {
-    grid-row-end: 3;
-  }
-}

package/lib/esm/appui-react/layout/widget-panels/Panels.d.ts

@@ -1,24 +0,0 @@
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import "./Panels.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Properties of [[WidgetPanels]] component.
- * @internal
- */
-export interface WidgetPanelsProps extends CommonProps {
-    /** Content that is affected by pinned state of panels. */
-    children?: React.ReactNode;
-    /** Content that is always rendered as if panels are in a pinned state. */
-    centerContent?: React.ReactNode;
-}
-/** Component that displays widget panels.
- * @internal
- */
-export declare function WidgetPanels(props: WidgetPanelsProps): React.JSX.Element;
-/** @internal */
-export declare const ContentNodeContext: React.Context<React.ReactNode>;
-/** @internal */
-export declare const CenterContentNodeContext: React.Context<React.ReactNode>;
-//# sourceMappingURL=Panels.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Panels.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Panels.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQrD;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAWpD;AAmBD,gBAAgB;AAChB,eAAO,MAAM,kBAAkB,gCAA6C,CAAC;AAG7E,gBAAgB;AAChB,eAAO,MAAM,wBAAwB,gCACO,CAAC"}

package/lib/esm/appui-react/layout/widget-panels/Panels.js

@@ -1,44 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import "./Panels.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { WidgetContentRenderers } from "../widget/ContentRenderer";
-import { AppContent } from "./AppContent";
-import { CenterContent } from "./CenterContent";
-import { useCursor } from "./CursorOverlay";
-import { panelSides, WidgetPanelProvider } from "./Panel";
-import { WidgetPanelExpanders } from "./Expander";
-/** Component that displays widget panels.
- * @internal
- */
-export function WidgetPanels(props) {
-    return (React.createElement(ContentNodeContext.Provider, { value: props.children },
-        React.createElement(CenterContentNodeContext.Provider, { value: props.centerContent },
-            React.createElement(WidgetPanelsComponent, { className: props.className, style: props.style }))));
-}
-/** @internal */
-function WidgetPanelsComponent(props) {
-    useCursor();
-    const className = classnames("nz-widgetPanels-panels", props.className);
-    return (React.createElement("div", { className: className, style: props.style },
-        React.createElement(WidgetContentRenderers, null),
-        React.createElement(AppContent, null),
-        React.createElement(WidgetPanelExpanders, null),
-        React.createElement(CenterContent, null),
-        panelSides.map((side) => {
-            return React.createElement(WidgetPanelProvider, { key: side, side: side });
-        })));
-}
-/** @internal */
-export const ContentNodeContext = React.createContext(null);
-ContentNodeContext.displayName = "nz:ContentNodeContext";
-/** @internal */
-export const CenterContentNodeContext = React.createContext(null);
-CenterContentNodeContext.displayName = "nz:CenterContentNodeContext";
-//# sourceMappingURL=Panels.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Panels.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Panels.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,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAYlD;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,QAAQ;QAChD,oBAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa;YAC3D,oBAAC,qBAAqB,IACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACgC,CACR,CAC/B,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,SAAS,qBAAqB,CAAC,KAAkB;IAC/C,SAAS,EAAE,CAAC;IACZ,MAAM,SAAS,GAAG,UAAU,CAAC,wBAAwB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACxE,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC3C,oBAAC,sBAAsB,OAAG;QAC1B,oBAAC,UAAU,OAAG;QACd,oBAAC,oBAAoB,OAAG;QACxB,oBAAC,aAAa,OAAG;QAChB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,OAAO,oBAAC,mBAAmB,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;QACxD,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAkB,IAAI,CAAC,CAAC;AAC7E,kBAAkB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAEzD,gBAAgB;AAChB,MAAM,CAAC,MAAM,wBAAwB,GACnC,KAAK,CAAC,aAAa,CAAkB,IAAI,CAAC,CAAC;AAC7C,wBAAwB,CAAC,WAAW,GAAG,6BAA6B,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 WidgetPanels\n */\n\nimport \"./Panels.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { WidgetContentRenderers } from \"../widget/ContentRenderer\";\nimport { AppContent } from \"./AppContent\";\nimport { CenterContent } from \"./CenterContent\";\nimport { useCursor } from \"./CursorOverlay\";\nimport { panelSides, WidgetPanelProvider } from \"./Panel\";\nimport { WidgetPanelExpanders } from \"./Expander\";\n\n/** Properties of [[WidgetPanels]] component.\n * @internal\n */\nexport interface WidgetPanelsProps extends CommonProps {\n  /** Content that is affected by pinned state of panels. */\n  children?: React.ReactNode;\n  /** Content that is always rendered as if panels are in a pinned state. */\n  centerContent?: React.ReactNode;\n}\n\n/** Component that displays widget panels.\n * @internal\n */\nexport function WidgetPanels(props: WidgetPanelsProps) {\n  return (\n    <ContentNodeContext.Provider value={props.children}>\n      <CenterContentNodeContext.Provider value={props.centerContent}>\n        <WidgetPanelsComponent\n          className={props.className}\n          style={props.style}\n        />\n      </CenterContentNodeContext.Provider>\n    </ContentNodeContext.Provider>\n  );\n}\n\n/** @internal */\nfunction WidgetPanelsComponent(props: CommonProps) {\n  useCursor();\n  const className = classnames(\"nz-widgetPanels-panels\", props.className);\n  return (\n    <div className={className} style={props.style}>\n      <WidgetContentRenderers />\n      <AppContent />\n      <WidgetPanelExpanders />\n      <CenterContent />\n      {panelSides.map((side) => {\n        return <WidgetPanelProvider key={side} side={side} />;\n      })}\n    </div>\n  );\n}\n\n/** @internal */\nexport const ContentNodeContext = React.createContext<React.ReactNode>(null);\nContentNodeContext.displayName = \"nz:ContentNodeContext\";\n\n/** @internal */\nexport const CenterContentNodeContext =\n  React.createContext<React.ReactNode>(null);\nCenterContentNodeContext.displayName = \"nz:CenterContentNodeContext\";\n"]}

package/lib/esm/appui-react/statusbar/Popup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Popup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,qBAExD"}

package/lib/esm/appui-react/statusbar/Popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Popup.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,OAAO,oBAAC,WAAW,OAAK,KAAK,GAAI,CAAC;AACpC,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 StatusBar\n */\n\nimport type { PopupProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { FooterPopup } from \"../layout/footer/Popup\";\n\n/** Popup component used in [[StatusBar]] component.\n * @beta\n */\nexport function StatusBarPopup(props: Partial<PopupProps>) {\n  return <FooterPopup {...props} />;\n}\n"]}