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

package/lib/esm/appui-react/layout/base/LayoutStore.js

@@ -0,0 +1,32 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { createStore } from "zustand";
+import { useStoreWithEqualityFn } from "zustand/traditional";
+import { shallow } from "zustand/shallow";
+import { assert } from "@itwin/core-bentley";
+import { createNineZoneState } from "../state/NineZoneState";
+/** @internal */
+export const LayoutStoreContext = React.createContext(undefined);
+LayoutStoreContext.displayName = "appui:LayoutStoreContext";
+/** @internal */
+export function createLayoutStore(args) {
+    return createStore(() => createNineZoneState(args));
+}
+/** @internal */
+export function useLayoutStore() {
+    const store = React.useContext(LayoutStoreContext);
+    assert(!!store, "LayoutStoreContext is not defined");
+    return store;
+}
+/** @internal */
+export function useLayout(selector, multipleSlices = false) {
+    const store = useLayoutStore();
+    return useStoreWithEqualityFn(store, selector, multipleSlices ? shallow : undefined);
+}
+//# sourceMappingURL=LayoutStore.js.map

package/lib/esm/appui-react/layout/base/LayoutStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutStore.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/base/LayoutStore.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D,gBAAgB;AAChB,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CACnD,SAAS,CACV,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAE5D,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAAC,IAA2B;IAC3D,OAAO,WAAW,CAAc,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,cAAc;IAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,mCAAmC,CAAC,CAAC;IACrD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,SAAS,CACvB,QAAgD,EAChD,cAAc,GAAG,KAAK;IAEtB,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,sBAAsB,CAC3B,KAAK,EACL,QAAQ,EACR,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CACrC,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 Base\n */\n\nimport * as React from \"react\";\nimport type { StoreApi } from \"zustand\";\nimport { createStore } from \"zustand\";\nimport { useStoreWithEqualityFn } from \"zustand/traditional\";\nimport { shallow } from \"zustand/shallow\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { NineZoneState } from \"../state/NineZoneState\";\nimport { createNineZoneState } from \"../state/NineZoneState\";\n\n/** @internal */\nexport type LayoutState = NineZoneState;\n\n/** @internal */\nexport type LayoutStore = StoreApi<NineZoneState>;\n\n/** @internal */\nexport const LayoutStoreContext = React.createContext<LayoutStore | undefined>(\n  undefined\n);\nLayoutStoreContext.displayName = \"appui:LayoutStoreContext\";\n\n/** @internal */\nexport function createLayoutStore(args?: Partial<LayoutState>): LayoutStore {\n  return createStore<LayoutState>(() => createNineZoneState(args));\n}\n\n/** @internal */\nexport function useLayoutStore() {\n  const store = React.useContext(LayoutStoreContext);\n  assert(!!store, \"LayoutStoreContext is not defined\");\n  return store;\n}\n\n/** @internal */\nexport function useLayout<SelectorOutput>(\n  selector: (state: LayoutState) => SelectorOutput,\n  multipleSlices = false\n) {\n  const store = useLayoutStore();\n  return useStoreWithEqualityFn(\n    store,\n    selector,\n    multipleSlices ? shallow : undefined\n  );\n}\n"]}

package/lib/esm/appui-react/layout/base/NineZone.d.ts

@@ -0,0 +1,80 @@
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { Rectangle } from "@itwin/core-react";
+import type { CursorType } from "../widget-panels/CursorOverlay";
+import type { PanelSide } from "../widget-panels/PanelTypes";
+import type { FloatingWidgetResizeHandle } from "../widget/FloatingWidget";
+import type { NineZoneAction } from "../state/NineZoneAction";
+import type { LayoutStore } from "./LayoutStore";
+/** @internal */
+export type NineZoneDispatch = (action: NineZoneAction) => void;
+/** @internal */
+export interface NineZoneProps {
+    children?: React.ReactNode;
+    dispatch: NineZoneDispatch;
+    layout: LayoutStore;
+    labels?: NineZoneLabels;
+    toolSettingsContent?: React.ReactNode;
+    widgetContent?: React.ReactNode;
+    tab?: React.ReactNode;
+    floatingWidget?: React.ReactNode;
+    showWidgetIcon?: boolean;
+    autoCollapseUnpinnedPanels?: boolean;
+    animateDockedToolSettings?: boolean;
+    uiIsVisible?: boolean;
+}
+/** @internal */
+export interface NineZoneLabels {
+    dockToolSettingsTitle?: string;
+    moreWidgetsTitle?: string;
+    moreToolSettingsTitle?: string;
+    pinPanelTitle?: string;
+    resizeGripTitle?: string;
+    sendWidgetHomeTitle?: string;
+    toolSettingsHandleTitle?: string;
+    unpinPanelTitle?: string;
+    popoutActiveTab?: string;
+}
+/** @internal */
+export declare function NineZone(props: NineZoneProps): React.JSX.Element;
+/** @internal */
+export interface NineZoneProviderProps extends NineZoneProps {
+    measure: () => Rectangle;
+}
+/** @internal */
+export declare function NineZoneProvider(props: NineZoneProviderProps): React.JSX.Element;
+/** @internal */
+export declare const NineZoneDispatchContext: React.Context<NineZoneDispatch>;
+/** @internal */
+export declare const NineZoneLabelsContext: React.Context<NineZoneLabels | undefined>;
+/** @internal */
+export declare const CursorTypeContext: React.Context<CursorType | undefined>;
+/** @internal */
+export declare const WidgetContentNodeContext: React.Context<React.ReactNode>;
+/** @internal */
+export declare const ShowWidgetIconContext: React.Context<boolean>;
+/** @internal */
+export declare const AutoCollapseUnpinnedPanelsContext: React.Context<boolean>;
+/** @internal */
+export declare const AnimateDockedToolSettingsContext: React.Context<boolean>;
+/** @internal */
+export declare const ToolSettingsNodeContext: React.Context<React.ReactNode>;
+/** @internal */
+export declare const TabNodeContext: React.Context<React.ReactNode>;
+/** @internal */
+export declare const FloatingWidgetNodeContext: React.Context<React.ReactNode>;
+/** @internal */
+export declare const MeasureContext: React.Context<() => Rectangle>;
+/** @internal */
+export declare const UiIsVisibleContext: React.Context<boolean>;
+/** @internal */
+export declare function sideToCursorType(side: PanelSide): CursorType;
+/** @internal */
+export declare function handleToCursorType(handle: FloatingWidgetResizeHandle): CursorType;
+/** @internal */
+export declare function getUniqueId(): string;
+/** @internal */
+export declare function useLabel(labelKey: keyof NineZoneLabels): string | undefined;
+//# sourceMappingURL=NineZone.d.ts.map

package/lib/esm/appui-react/layout/base/NineZone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NineZone.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/base/NineZone.tsx"],"names":[],"mappings":"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"}

package/lib/esm/appui-react/layout/base/NineZone.js

@@ -0,0 +1,165 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { assert, Guid } from "@itwin/core-bentley";
+import { Rectangle, useRefs, useResizeObserver } from "@itwin/core-react";
+import { WidgetContentManager } from "../widget/ContentManager";
+import { FloatingWidget } from "../widget/FloatingWidget";
+import { DraggedPanelSideContext, DraggedResizeHandleContext, DraggedWidgetIdContext, DragProvider, } from "./DragManager";
+import { WidgetTab } from "../widget/Tab";
+import { LayoutStoreContext, useLayout } from "./LayoutStore";
+/** @internal */
+export function NineZone(props) {
+    const { children, ...providerProps } = props;
+    const measurerRef = React.useRef(null);
+    const measure = React.useCallback(() => {
+        assert(!!measurerRef.current);
+        return Rectangle.create(measurerRef.current.getBoundingClientRect());
+    }, []);
+    return (React.createElement(NineZoneProvider, { measure: measure, ...providerProps },
+        React.createElement(Measurer, { ref: measurerRef }),
+        children));
+}
+const tab = React.createElement(WidgetTab, null);
+const floatingWidget = React.createElement(FloatingWidget, null);
+/** @internal */
+export function NineZoneProvider(props) {
+    return (React.createElement(LayoutStoreContext.Provider, { value: props.layout },
+        React.createElement(NineZoneDispatchContext.Provider, { value: props.dispatch },
+            React.createElement(NineZoneLabelsContext.Provider, { value: props.labels },
+                React.createElement(UiIsVisibleContext.Provider, { value: !!props.uiIsVisible },
+                    React.createElement(ShowWidgetIconContext.Provider, { value: !!props.showWidgetIcon },
+                        React.createElement(AutoCollapseUnpinnedPanelsContext.Provider, { value: !!props.autoCollapseUnpinnedPanels },
+                            React.createElement(WidgetContentNodeContext.Provider, { value: props.widgetContent },
+                                React.createElement(ToolSettingsNodeContext.Provider, { value: props.toolSettingsContent },
+                                    React.createElement(TabNodeContext.Provider, { value: props.tab || tab },
+                                        React.createElement(FloatingWidgetNodeContext.Provider, { value: props.floatingWidget || floatingWidget },
+                                            React.createElement(AnimateDockedToolSettingsContext.Provider, { value: !!props.animateDockedToolSettings },
+                                                React.createElement(DragProvider, null,
+                                                    React.createElement(CursorTypeProvider, null,
+                                                        React.createElement(WidgetContentManager, null,
+                                                            React.createElement(MeasureContext.Provider, { value: props.measure }, props.children))))))))))))))));
+}
+/** @internal */
+export const NineZoneDispatchContext = React.createContext(null);
+NineZoneDispatchContext.displayName = "nz:NineZoneDispatchContext";
+/** @internal */
+export const NineZoneLabelsContext = React.createContext(undefined);
+NineZoneLabelsContext.displayName = "nz:NineZoneLabelsContext";
+/** @internal */
+export const CursorTypeContext = React.createContext(undefined);
+CursorTypeContext.displayName = "nz:CursorTypeContext";
+/** @internal */
+export const WidgetContentNodeContext = React.createContext(undefined);
+WidgetContentNodeContext.displayName = "nz:WidgetContentNodeContext";
+/** @internal */
+export const ShowWidgetIconContext = React.createContext(false);
+ShowWidgetIconContext.displayName = "nz:ShowWidgetIconContext";
+/** @internal */
+export const AutoCollapseUnpinnedPanelsContext = React.createContext(false);
+AutoCollapseUnpinnedPanelsContext.displayName =
+    "nz:AutoCollapseUnpinnedPanelsContext";
+/** @internal */
+export const AnimateDockedToolSettingsContext = React.createContext(false);
+AnimateDockedToolSettingsContext.displayName =
+    "nz:AnimateDockedToolSettingsContext";
+/** @internal */
+export const ToolSettingsNodeContext = React.createContext(undefined);
+ToolSettingsNodeContext.displayName = "nz:ToolSettingsNodeContext";
+/** @internal */
+export const TabNodeContext = React.createContext(undefined);
+TabNodeContext.displayName = "nz:TabNodeContext";
+/** @internal */
+export const FloatingWidgetNodeContext = React.createContext(undefined);
+FloatingWidgetNodeContext.displayName = "nz:FloatingWidgetNodeContext";
+/** @internal */
+export const MeasureContext = React.createContext(null);
+MeasureContext.displayName = "nz:MeasureContext";
+/** @internal */
+export const UiIsVisibleContext = React.createContext(false);
+UiIsVisibleContext.displayName = "nz:UiIsVisibleContext";
+function CursorTypeProvider(props) {
+    const draggedTab = useLayout((state) => !!state.draggedTab);
+    const draggedWidgetId = React.useContext(DraggedWidgetIdContext);
+    const draggedPanelSide = React.useContext(DraggedPanelSideContext);
+    const draggedResizeHandle = React.useContext(DraggedResizeHandleContext);
+    let type;
+    if (draggedTab || draggedWidgetId)
+        type = "grabbing";
+    else if (draggedPanelSide)
+        type = sideToCursorType(draggedPanelSide);
+    else if (draggedResizeHandle)
+        type = handleToCursorType(draggedResizeHandle);
+    return (React.createElement(CursorTypeContext.Provider, { value: type }, props.children));
+}
+const Measurer = React.forwardRef(function Measurer(_, ref) {
+    const size = React.useRef({});
+    const dispatch = React.useContext(NineZoneDispatchContext);
+    const handleResize = React.useCallback((width, height) => {
+        // istanbul ignore next
+        if (size.current.width === width && size.current.height === height)
+            return;
+        size.current.height = height;
+        size.current.width = width;
+        dispatch({
+            type: "RESIZE",
+            size: {
+                height,
+                width,
+            },
+        });
+    }, [dispatch]);
+    const roRef = useResizeObserver(handleResize);
+    const refs = useRefs(ref, roRef);
+    return (React.createElement("div", { ref: refs, style: {
+            position: "absolute",
+            width: "100%",
+            height: "100%",
+            top: "0",
+            left: "0",
+            visibility: "hidden",
+        } }));
+});
+/** @internal */
+export function sideToCursorType(side) {
+    switch (side) {
+        case "bottom":
+        case "top":
+            return "ns-resize";
+        case "left":
+        case "right":
+            return "ew-resize";
+    }
+}
+/** @internal */
+export function handleToCursorType(handle) {
+    switch (handle) {
+        case "bottom":
+        case "top":
+            return "ns-resize";
+        case "left":
+        case "right":
+            return "ew-resize";
+        case "topLeft":
+        case "bottomRight":
+            return "nwse-resize";
+        case "topRight":
+        case "bottomLeft":
+            return "nesw-resize";
+    }
+}
+/** @internal */
+export function getUniqueId() {
+    return Guid.createValue();
+}
+/** @internal */
+export function useLabel(labelKey) {
+    const labels = React.useContext(NineZoneLabelsContext);
+    return labels?.[labelKey];
+}
+//# sourceMappingURL=NineZone.js.map

package/lib/esm/appui-react/layout/base/NineZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NineZone.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/base/NineZone.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 Base\n */\n\nimport * as React from \"react\";\nimport { assert, Guid } from \"@itwin/core-bentley\";\nimport { Rectangle, useRefs, useResizeObserver } from \"@itwin/core-react\";\nimport type { CursorType } from \"../widget-panels/CursorOverlay\";\nimport type { PanelSide } from \"../widget-panels/PanelTypes\";\nimport { WidgetContentManager } from \"../widget/ContentManager\";\nimport type { FloatingWidgetResizeHandle } from \"../widget/FloatingWidget\";\nimport { FloatingWidget } from \"../widget/FloatingWidget\";\nimport {\n  DraggedPanelSideContext,\n  DraggedResizeHandleContext,\n  DraggedWidgetIdContext,\n  DragProvider,\n} from \"./DragManager\";\nimport { WidgetTab } from \"../widget/Tab\";\nimport type { NineZoneAction } from \"../state/NineZoneAction\";\nimport type { LayoutStore } from \"./LayoutStore\";\nimport { LayoutStoreContext, useLayout } from \"./LayoutStore\";\n\n/** @internal */\nexport type NineZoneDispatch = (action: NineZoneAction) => void;\n\n/** @internal */\nexport interface NineZoneProps {\n  children?: React.ReactNode;\n  dispatch: NineZoneDispatch;\n  layout: LayoutStore;\n  labels?: NineZoneLabels;\n  toolSettingsContent?: React.ReactNode;\n  widgetContent?: React.ReactNode;\n  tab?: React.ReactNode;\n  floatingWidget?: React.ReactNode;\n  showWidgetIcon?: boolean;\n  autoCollapseUnpinnedPanels?: boolean;\n  animateDockedToolSettings?: boolean;\n  uiIsVisible?: boolean;\n}\n\n/** @internal */\nexport interface NineZoneLabels {\n  dockToolSettingsTitle?: string;\n  moreWidgetsTitle?: string;\n  moreToolSettingsTitle?: string;\n  pinPanelTitle?: string;\n  resizeGripTitle?: string;\n  sendWidgetHomeTitle?: string;\n  toolSettingsHandleTitle?: string;\n  unpinPanelTitle?: string;\n  popoutActiveTab?: string;\n}\n\n/** @internal */\nexport function NineZone(props: NineZoneProps) {\n  const { children, ...providerProps } = props;\n  const measurerRef = React.useRef<HTMLDivElement>(null);\n  const measure = React.useCallback<() => Rectangle>(() => {\n    assert(!!measurerRef.current);\n    return Rectangle.create(measurerRef.current.getBoundingClientRect());\n  }, []);\n  return (\n    <NineZoneProvider measure={measure} {...providerProps}>\n      <Measurer ref={measurerRef} />\n      {children}\n    </NineZoneProvider>\n  );\n}\n\n/** @internal */\nexport interface NineZoneProviderProps extends NineZoneProps {\n  measure: () => Rectangle;\n}\n\nconst tab = <WidgetTab />;\nconst floatingWidget = <FloatingWidget />;\n\n/** @internal */\nexport function NineZoneProvider(props: NineZoneProviderProps) {\n  return (\n    <LayoutStoreContext.Provider value={props.layout}>\n      <NineZoneDispatchContext.Provider value={props.dispatch}>\n        <NineZoneLabelsContext.Provider value={props.labels}>\n          <UiIsVisibleContext.Provider value={!!props.uiIsVisible}>\n            <ShowWidgetIconContext.Provider value={!!props.showWidgetIcon}>\n              <AutoCollapseUnpinnedPanelsContext.Provider\n                value={!!props.autoCollapseUnpinnedPanels}\n              >\n                <WidgetContentNodeContext.Provider value={props.widgetContent}>\n                  <ToolSettingsNodeContext.Provider\n                    value={props.toolSettingsContent}\n                  >\n                    <TabNodeContext.Provider value={props.tab || tab}>\n                      <FloatingWidgetNodeContext.Provider\n                        value={props.floatingWidget || floatingWidget}\n                      >\n                        <AnimateDockedToolSettingsContext.Provider\n                          value={!!props.animateDockedToolSettings}\n                        >\n                          <DragProvider>\n                            <CursorTypeProvider>\n                              <WidgetContentManager>\n                                <MeasureContext.Provider value={props.measure}>\n                                  {props.children}\n                                </MeasureContext.Provider>\n                              </WidgetContentManager>\n                            </CursorTypeProvider>\n                          </DragProvider>\n                        </AnimateDockedToolSettingsContext.Provider>\n                      </FloatingWidgetNodeContext.Provider>\n                    </TabNodeContext.Provider>\n                  </ToolSettingsNodeContext.Provider>\n                </WidgetContentNodeContext.Provider>\n              </AutoCollapseUnpinnedPanelsContext.Provider>\n            </ShowWidgetIconContext.Provider>\n          </UiIsVisibleContext.Provider>\n        </NineZoneLabelsContext.Provider>\n      </NineZoneDispatchContext.Provider>\n    </LayoutStoreContext.Provider>\n  );\n}\n\n/** @internal */\nexport const NineZoneDispatchContext = React.createContext<NineZoneDispatch>(\n  null!\n);\nNineZoneDispatchContext.displayName = \"nz:NineZoneDispatchContext\";\n\n/** @internal */\nexport const NineZoneLabelsContext = React.createContext<\n  NineZoneLabels | undefined\n>(undefined);\nNineZoneLabelsContext.displayName = \"nz:NineZoneLabelsContext\";\n\n/** @internal */\nexport const CursorTypeContext = React.createContext<CursorType | undefined>(\n  undefined\n);\nCursorTypeContext.displayName = \"nz:CursorTypeContext\";\n\n/** @internal */\nexport const WidgetContentNodeContext =\n  React.createContext<React.ReactNode>(undefined);\nWidgetContentNodeContext.displayName = \"nz:WidgetContentNodeContext\";\n\n/** @internal */\nexport const ShowWidgetIconContext = React.createContext<boolean>(false);\nShowWidgetIconContext.displayName = \"nz:ShowWidgetIconContext\";\n\n/** @internal */\nexport const AutoCollapseUnpinnedPanelsContext =\n  React.createContext<boolean>(false);\nAutoCollapseUnpinnedPanelsContext.displayName =\n  \"nz:AutoCollapseUnpinnedPanelsContext\";\n\n/** @internal */\nexport const AnimateDockedToolSettingsContext =\n  React.createContext<boolean>(false);\nAnimateDockedToolSettingsContext.displayName =\n  \"nz:AnimateDockedToolSettingsContext\";\n\n/** @internal */\nexport const ToolSettingsNodeContext =\n  React.createContext<React.ReactNode>(undefined);\nToolSettingsNodeContext.displayName = \"nz:ToolSettingsNodeContext\";\n\n/** @internal */\nexport const TabNodeContext = React.createContext<React.ReactNode>(undefined);\nTabNodeContext.displayName = \"nz:TabNodeContext\";\n\n/** @internal */\nexport const FloatingWidgetNodeContext =\n  React.createContext<React.ReactNode>(undefined);\nFloatingWidgetNodeContext.displayName = \"nz:FloatingWidgetNodeContext\";\n\n/** @internal */\nexport const MeasureContext = React.createContext<() => Rectangle>(null!);\nMeasureContext.displayName = \"nz:MeasureContext\";\n\n/** @internal */\nexport const UiIsVisibleContext = React.createContext<boolean>(false);\nUiIsVisibleContext.displayName = \"nz:UiIsVisibleContext\";\n\nfunction CursorTypeProvider(props: { children?: React.ReactNode }) {\n  const draggedTab = useLayout((state) => !!state.draggedTab);\n  const draggedWidgetId = React.useContext(DraggedWidgetIdContext);\n  const draggedPanelSide = React.useContext(DraggedPanelSideContext);\n  const draggedResizeHandle = React.useContext(DraggedResizeHandleContext);\n  let type: CursorType | undefined;\n  if (draggedTab || draggedWidgetId) type = \"grabbing\";\n  else if (draggedPanelSide) type = sideToCursorType(draggedPanelSide);\n  else if (draggedResizeHandle) type = handleToCursorType(draggedResizeHandle);\n  return (\n    <CursorTypeContext.Provider value={type}>\n      {props.children}\n    </CursorTypeContext.Provider>\n  );\n}\n\nconst Measurer = React.forwardRef<HTMLDivElement>(function Measurer(_, ref) {\n  const size = React.useRef<{ height?: number; width?: number }>({});\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const handleResize = React.useCallback(\n    (width: number, height: number) => {\n      // istanbul ignore next\n      if (size.current.width === width && size.current.height === height)\n        return;\n      size.current.height = height;\n      size.current.width = width;\n      dispatch({\n        type: \"RESIZE\",\n        size: {\n          height,\n          width,\n        },\n      });\n    },\n    [dispatch]\n  );\n  const roRef = useResizeObserver(handleResize);\n  const refs = useRefs(ref, roRef);\n  return (\n    <div\n      ref={refs}\n      style={{\n        position: \"absolute\",\n        width: \"100%\",\n        height: \"100%\",\n        top: \"0\",\n        left: \"0\",\n        visibility: \"hidden\",\n      }}\n    />\n  );\n});\n\n/** @internal */\nexport function sideToCursorType(side: PanelSide): CursorType {\n  switch (side) {\n    case \"bottom\":\n    case \"top\":\n      return \"ns-resize\";\n    case \"left\":\n    case \"right\":\n      return \"ew-resize\";\n  }\n}\n\n/** @internal */\nexport function handleToCursorType(\n  handle: FloatingWidgetResizeHandle\n): CursorType {\n  switch (handle) {\n    case \"bottom\":\n    case \"top\":\n      return \"ns-resize\";\n    case \"left\":\n    case \"right\":\n      return \"ew-resize\";\n    case \"topLeft\":\n    case \"bottomRight\":\n      return \"nwse-resize\";\n    case \"topRight\":\n    case \"bottomLeft\":\n      return \"nesw-resize\";\n  }\n}\n\n/** @internal */\nexport function getUniqueId() {\n  return Guid.createValue();\n}\n\n/** @internal */\nexport function useLabel(labelKey: keyof NineZoneLabels) {\n  const labels = React.useContext(NineZoneLabelsContext);\n  return labels?.[labelKey];\n}\n"]}

package/lib/esm/appui-react/layout/base/SafeAreaInsets.d.ts

@@ -0,0 +1,18 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import { SafeAreaInsets } from "../../safearea/SafeAreaInsets";
+/** @internal */
+export declare class SafeAreaInsetsHelpers {
+    static isBottom(flags: SafeAreaInsets): boolean;
+    static isLeft(flags: SafeAreaInsets): boolean;
+    static isRight(flags: SafeAreaInsets): boolean;
+    static isTop(flags: SafeAreaInsets): boolean;
+    static getCssClassNames: (flags: SafeAreaInsets) => {
+        "nz-safe-area-bottom": boolean;
+        "nz-safe-area-left": boolean;
+        "nz-safe-area-right": boolean;
+        "nz-safe-area-top": boolean;
+    };
+}
+//# sourceMappingURL=SafeAreaInsets.d.ts.map

package/lib/esm/appui-react/layout/base/SafeAreaInsets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeAreaInsets.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/base/SafeAreaInsets.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,gBAAgB;AAChB,qBAAa,qBAAqB;WAClB,QAAQ,CAAC,KAAK,EAAE,cAAc;WAI9B,MAAM,CAAC,KAAK,EAAE,cAAc;WAI5B,OAAO,CAAC,KAAK,EAAE,cAAc;WAI7B,KAAK,CAAC,KAAK,EAAE,cAAc;IAIzC,OAAc,gBAAgB,UAAW,cAAc;;;;;MAOrD;CACH"}

package/lib/esm/appui-react/layout/base/SafeAreaInsets.js

@@ -0,0 +1,33 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import { SafeAreaInsets } from "../../safearea/SafeAreaInsets";
+/** @internal */
+class SafeAreaInsetsHelpers {
+    static isBottom(flags) {
+        return SafeAreaInsets.Bottom === (flags & SafeAreaInsets.Bottom);
+    }
+    static isLeft(flags) {
+        return SafeAreaInsets.Left === (flags & SafeAreaInsets.Left);
+    }
+    static isRight(flags) {
+        return SafeAreaInsets.Right === (flags & SafeAreaInsets.Right);
+    }
+    static isTop(flags) {
+        return SafeAreaInsets.Top === (flags & SafeAreaInsets.Top);
+    }
+}
+SafeAreaInsetsHelpers.getCssClassNames = (flags) => {
+    return {
+        "nz-safe-area-bottom": SafeAreaInsetsHelpers.isBottom(flags),
+        "nz-safe-area-left": SafeAreaInsetsHelpers.isLeft(flags),
+        "nz-safe-area-right": SafeAreaInsetsHelpers.isRight(flags),
+        "nz-safe-area-top": SafeAreaInsetsHelpers.isTop(flags),
+    };
+};
+export { SafeAreaInsetsHelpers };
+//# sourceMappingURL=SafeAreaInsets.js.map

package/lib/esm/appui-react/layout/base/SafeAreaInsets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeAreaInsets.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/base/SafeAreaInsets.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,gBAAgB;AAChB,MAAa,qBAAqB;IACzB,MAAM,CAAC,QAAQ,CAAC,KAAqB;QAC1C,OAAO,cAAc,CAAC,MAAM,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACnE,CAAC;IAEM,MAAM,CAAC,MAAM,CAAC,KAAqB;QACxC,OAAO,cAAc,CAAC,IAAI,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAC/D,CAAC;IAEM,MAAM,CAAC,OAAO,CAAC,KAAqB;QACzC,OAAO,cAAc,CAAC,KAAK,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACjE,CAAC;IAEM,MAAM,CAAC,KAAK,CAAC,KAAqB;QACvC,OAAO,cAAc,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IAC7D,CAAC;;AAEa,sCAAgB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACzD,OAAO;QACL,qBAAqB,EAAE,qBAAqB,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC5D,mBAAmB,EAAE,qBAAqB,CAAC,MAAM,CAAC,KAAK,CAAC;QACxD,oBAAoB,EAAE,qBAAqB,CAAC,OAAO,CAAC,KAAK,CAAC;QAC1D,kBAAkB,EAAE,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC;KACvD,CAAC;AACJ,CAAC,CAAC;SAxBS,qBAAqB","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 Utilities\n */\nimport { SafeAreaInsets } from \"../../safearea/SafeAreaInsets\";\n\n/** @internal */\nexport class SafeAreaInsetsHelpers {\n  public static isBottom(flags: SafeAreaInsets) {\n    return SafeAreaInsets.Bottom === (flags & SafeAreaInsets.Bottom);\n  }\n\n  public static isLeft(flags: SafeAreaInsets) {\n    return SafeAreaInsets.Left === (flags & SafeAreaInsets.Left);\n  }\n\n  public static isRight(flags: SafeAreaInsets) {\n    return SafeAreaInsets.Right === (flags & SafeAreaInsets.Right);\n  }\n\n  public static isTop(flags: SafeAreaInsets) {\n    return SafeAreaInsets.Top === (flags & SafeAreaInsets.Top);\n  }\n\n  public static getCssClassNames = (flags: SafeAreaInsets) => {\n    return {\n      \"nz-safe-area-bottom\": SafeAreaInsetsHelpers.isBottom(flags),\n      \"nz-safe-area-left\": SafeAreaInsetsHelpers.isLeft(flags),\n      \"nz-safe-area-right\": SafeAreaInsetsHelpers.isRight(flags),\n      \"nz-safe-area-top\": SafeAreaInsetsHelpers.isTop(flags),\n    };\n  };\n}\n"]}

package/lib/esm/appui-react/layout/base/usePointerCaptor.d.ts

@@ -0,0 +1,15 @@
+/** @packageDocumentation
+ * @module Base
+ */
+/** @internal */
+export interface PointerCaptorArgs {
+    readonly clientX: number;
+    readonly clientY: number;
+}
+/** @internal */
+export type PointerCaptorEvent = MouseEvent | TouchEvent;
+/** Captures mouse and touch events of an element. Used in drag or resize interactions.
+ * @internal
+ */
+export declare const usePointerCaptor: <T extends HTMLElement>(onPointerDown?: ((args: PointerCaptorArgs, e: PointerCaptorEvent) => void) | undefined, onPointerMove?: ((args: PointerCaptorArgs, e: PointerCaptorEvent) => void) | undefined, onPointerUp?: ((e: PointerCaptorEvent) => void) | undefined) => (instance: T | null) => void;
+//# sourceMappingURL=usePointerCaptor.d.ts.map

package/lib/esm/appui-react/layout/base/usePointerCaptor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePointerCaptor.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/base/usePointerCaptor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAMH,gBAAgB;AAChB,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,gBAAgB;AAChB,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,UAAU,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,gBAAgB,kDACJ,iBAAiB,KAAK,kBAAkB,KAAK,IAAI,uCACjD,iBAAiB,KAAK,kBAAkB,KAAK,IAAI,kCACtD,kBAAkB,KAAK,IAAI,8CAwF9C,CAAC"}

package/lib/esm/appui-react/layout/base/usePointerCaptor.js

@@ -0,0 +1,102 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { useRefEffect } from "@itwin/core-react";
+import { DragManagerContext } from "./DragManager";
+/** Captures mouse and touch events of an element. Used in drag or resize interactions.
+ * @internal
+ */
+export const usePointerCaptor = (onPointerDown, onPointerMove, onPointerUp) => {
+    const dragManager = React.useContext(DragManagerContext);
+    const isDown = React.useRef(false);
+    React.useEffect(() => {
+        const mouseMove = (e) => {
+            isDown.current && onPointerMove && onPointerMove(e, e);
+        };
+        document.addEventListener("mousemove", mouseMove);
+        return () => {
+            document.removeEventListener("mousemove", mouseMove);
+        };
+    }, [onPointerMove]);
+    React.useEffect(() => {
+        const mouseUp = (e) => {
+            isDown.current && onPointerUp && onPointerUp(e);
+            isDown.current = false;
+        };
+        document.addEventListener("mouseup", mouseUp);
+        return () => {
+            document.removeEventListener("mouseup", mouseUp);
+        };
+    }, [onPointerUp]);
+    const setRef = useRefEffect((instance) => {
+        let touchTarget = null;
+        const mouseDown = (e) => {
+            onPointerDown && onPointerDown(e, e);
+            isDown.current = true;
+        };
+        const touchMove = (e) => {
+            if (e.touches.length !== 1)
+                return;
+            isDown.current && onPointerMove && onPointerMove(e.touches[0], e);
+            isDown.current &&
+                dragManager.handleDrag(e.touches[0].clientX, e.touches[0].clientY);
+        };
+        const targetTouchMove = (e) => {
+            e.cancelable && e.preventDefault();
+            touchMove(e);
+        };
+        const documentTouchMove = (e) => {
+            // Do not handle document touch move if it was handled by target handler.
+            if (touchTarget === e.target)
+                return;
+            touchMove(e);
+        };
+        const touchEnd = (e) => {
+            isDown.current && onPointerUp && onPointerUp(e);
+            isDown.current && dragManager.handleDragEnd();
+            isDown.current = false;
+            touchTarget = null;
+            if (e.target instanceof HTMLElement) {
+                e.target.removeEventListener("touchmove", targetTouchMove);
+                e.target.removeEventListener("touchend", touchEnd);
+            }
+            document.removeEventListener("touchmove", documentTouchMove);
+            document.removeEventListener("touchend", documentTouchEnd);
+        };
+        const documentTouchEnd = (e) => {
+            // Do not handle document touch move if it was handled by target handler.
+            if (touchTarget === e.target)
+                return;
+            touchEnd(e);
+        };
+        const touchStart = (e) => {
+            e.cancelable && e.preventDefault();
+            if (e.touches.length !== 1)
+                return;
+            touchTarget = e.target;
+            // In case of implicit pointer capture attach to event target.
+            if (e.target instanceof HTMLElement) {
+                e.target.addEventListener("touchmove", targetTouchMove);
+                e.target.addEventListener("touchend", touchEnd);
+            }
+            // Add to document in case the target looses capture (i.e. is removed)
+            document.addEventListener("touchmove", documentTouchMove);
+            document.addEventListener("touchend", documentTouchEnd);
+            onPointerDown && onPointerDown(e.touches[0], e);
+            isDown.current = true;
+        };
+        instance && instance.addEventListener("mousedown", mouseDown);
+        instance && instance.addEventListener("touchstart", touchStart);
+        return () => {
+            instance && instance.removeEventListener("mousedown", mouseDown);
+            instance && instance.removeEventListener("touchstart", touchStart);
+        };
+    }, [onPointerDown, onPointerMove, onPointerUp, dragManager]);
+    return setRef;
+};
+//# sourceMappingURL=usePointerCaptor.js.map

package/lib/esm/appui-react/layout/base/usePointerCaptor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePointerCaptor.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/base/usePointerCaptor.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 Base\n */\n\nimport * as React from \"react\";\nimport { useRefEffect } from \"@itwin/core-react\";\nimport { DragManagerContext } from \"./DragManager\";\n\n/** @internal */\nexport interface PointerCaptorArgs {\n  readonly clientX: number;\n  readonly clientY: number;\n}\n\n/** @internal */\nexport type PointerCaptorEvent = MouseEvent | TouchEvent;\n\n/** Captures mouse and touch events of an element. Used in drag or resize interactions.\n * @internal\n */\nexport const usePointerCaptor = <T extends HTMLElement>(\n  onPointerDown?: (args: PointerCaptorArgs, e: PointerCaptorEvent) => void,\n  onPointerMove?: (args: PointerCaptorArgs, e: PointerCaptorEvent) => void,\n  onPointerUp?: (e: PointerCaptorEvent) => void\n) => {\n  const dragManager = React.useContext(DragManagerContext);\n  const isDown = React.useRef(false);\n  React.useEffect(() => {\n    const mouseMove = (e: MouseEvent) => {\n      isDown.current && onPointerMove && onPointerMove(e, e);\n    };\n    document.addEventListener(\"mousemove\", mouseMove);\n    return () => {\n      document.removeEventListener(\"mousemove\", mouseMove);\n    };\n  }, [onPointerMove]);\n  React.useEffect(() => {\n    const mouseUp = (e: MouseEvent) => {\n      isDown.current && onPointerUp && onPointerUp(e);\n      isDown.current = false;\n    };\n    document.addEventListener(\"mouseup\", mouseUp);\n    return () => {\n      document.removeEventListener(\"mouseup\", mouseUp);\n    };\n  }, [onPointerUp]);\n  const setRef = useRefEffect(\n    (instance: T | null) => {\n      let touchTarget: EventTarget | null = null;\n      const mouseDown = (e: MouseEvent) => {\n        onPointerDown && onPointerDown(e, e);\n        isDown.current = true;\n      };\n      const touchMove = (e: TouchEvent) => {\n        if (e.touches.length !== 1) return;\n        isDown.current && onPointerMove && onPointerMove(e.touches[0], e);\n        isDown.current &&\n          dragManager.handleDrag(e.touches[0].clientX, e.touches[0].clientY);\n      };\n      const targetTouchMove = (e: TouchEvent) => {\n        e.cancelable && e.preventDefault();\n        touchMove(e);\n      };\n      const documentTouchMove = (e: TouchEvent) => {\n        // Do not handle document touch move if it was handled by target handler.\n        if (touchTarget === e.target) return;\n        touchMove(e);\n      };\n      const touchEnd = (e: TouchEvent) => {\n        isDown.current && onPointerUp && onPointerUp(e);\n        isDown.current && dragManager.handleDragEnd();\n        isDown.current = false;\n        touchTarget = null;\n        if (e.target instanceof HTMLElement) {\n          e.target.removeEventListener(\"touchmove\", targetTouchMove);\n          e.target.removeEventListener(\"touchend\", touchEnd);\n        }\n        document.removeEventListener(\"touchmove\", documentTouchMove);\n        document.removeEventListener(\"touchend\", documentTouchEnd);\n      };\n      const documentTouchEnd = (e: TouchEvent) => {\n        // Do not handle document touch move if it was handled by target handler.\n        if (touchTarget === e.target) return;\n        touchEnd(e);\n      };\n      const touchStart = (e: TouchEvent) => {\n        e.cancelable && e.preventDefault();\n        if (e.touches.length !== 1) return;\n        touchTarget = e.target;\n        // In case of implicit pointer capture attach to event target.\n        if (e.target instanceof HTMLElement) {\n          e.target.addEventListener(\"touchmove\", targetTouchMove);\n          e.target.addEventListener(\"touchend\", touchEnd);\n        }\n        // Add to document in case the target looses capture (i.e. is removed)\n        document.addEventListener(\"touchmove\", documentTouchMove);\n        document.addEventListener(\"touchend\", documentTouchEnd);\n        onPointerDown && onPointerDown(e.touches[0], e);\n        isDown.current = true;\n      };\n\n      instance && instance.addEventListener(\"mousedown\", mouseDown);\n      instance && instance.addEventListener(\"touchstart\", touchStart);\n      return () => {\n        instance && instance.removeEventListener(\"mousedown\", mouseDown);\n        instance && instance.removeEventListener(\"touchstart\", touchStart);\n      };\n    },\n    [onPointerDown, onPointerMove, onPointerUp, dragManager]\n  );\n  return setRef;\n};\n"]}

package/lib/esm/appui-react/layout/footer/Footer.d.ts

@@ -0,0 +1,33 @@
+/** @packageDocumentation
+ * @module Footer
+ */
+import "./Footer.scss";
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
+import type { SafeAreaInsets } from "../../safearea/SafeAreaInsets";
+/** Properties of [[Footer]] component.
+ * @internal
+ */
+export interface FooterProps extends CommonProps {
+    /**
+     * Footer indicators, separators and status fields. I.e: [StatusBarSeparator]($appui-react), [[FooterIndicator]],
+     * [[MessageCenter]], [[ToolAssistance]], [[SnapMode]]
+     */
+    children?: React.ReactNode;
+    /** Footer messages. I.e. [[Message]], [[Toast]] */
+    messages?: React.ReactNode;
+    /** Handler for mouse enter */
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    /** Handler for mouse leave */
+    onMouseLeave?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    /** Describes respected safe area insets. */
+    safeAreaInsets?: SafeAreaInsets;
+}
+/** Footer component.
+ * @note Use [StatusBar]($appui-react) instead
+ * @internal
+ */
+export declare class Footer extends React.PureComponent<FooterProps> {
+    render(): React.JSX.Element;
+}
+//# sourceMappingURL=Footer.d.ts.map

package/lib/esm/appui-react/layout/footer/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/Footer.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;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,4CAA4C;IAC5C,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED;;;GAGG;AACH,qBAAa,MAAO,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAC1C,MAAM;CAsBvB"}

package/lib/esm/appui-react/layout/footer/Footer.js

@@ -0,0 +1,26 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Footer
+ */
+import "./Footer.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { SafeAreaInsetsHelpers } from "../base/SafeAreaInsets";
+/** Footer component.
+ * @note Use [StatusBar]($appui-react) instead
+ * @internal
+ */
+export class Footer extends React.PureComponent {
+    render() {
+        const className = classnames("nz-footer-footer", this.props.safeAreaInsets &&
+            SafeAreaInsetsHelpers.getCssClassNames(this.props.safeAreaInsets), this.props.className);
+        return (React.createElement("div", { className: className, style: this.props.style, onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave },
+            React.createElement("div", null,
+                React.createElement("div", { className: "nz-messages" }, this.props.messages),
+                React.createElement("div", { className: "nz-indicators" }, this.props.children))));
+    }
+}
+//# sourceMappingURL=Footer.js.map

package/lib/esm/appui-react/layout/footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/Footer.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,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAsB/D;;;GAGG;AACH,MAAM,OAAO,MAAO,SAAQ,KAAK,CAAC,aAA0B;IAC1C,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,kBAAkB,EAClB,IAAI,CAAC,KAAK,CAAC,cAAc;YACvB,qBAAqB,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EACnE,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;YAErC;gBACE,6BAAK,SAAS,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO;gBACxD,6BAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CACtD,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 Footer\n */\n\nimport \"./Footer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { SafeAreaInsetsHelpers } from \"../base/SafeAreaInsets\";\nimport type { SafeAreaInsets } from \"../../safearea/SafeAreaInsets\";\n\n/** Properties of [[Footer]] component.\n * @internal\n */\nexport interface FooterProps extends CommonProps {\n  /**\n   * Footer indicators, separators and status fields. I.e: [StatusBarSeparator]($appui-react), [[FooterIndicator]],\n   * [[MessageCenter]], [[ToolAssistance]], [[SnapMode]]\n   */\n  children?: React.ReactNode;\n  /** Footer messages. I.e. [[Message]], [[Toast]] */\n  messages?: 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<HTMLDivElement, MouseEvent>) => void;\n  /** Describes respected safe area insets. */\n  safeAreaInsets?: SafeAreaInsets;\n}\n\n/** Footer component.\n * @note Use [StatusBar]($appui-react) instead\n * @internal\n */\nexport class Footer extends React.PureComponent<FooterProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-footer-footer\",\n      this.props.safeAreaInsets &&\n        SafeAreaInsetsHelpers.getCssClassNames(this.props.safeAreaInsets),\n      this.props.className\n    );\n\n    return (\n      <div\n        className={className}\n        style={this.props.style}\n        onMouseEnter={this.props.onMouseEnter}\n        onMouseLeave={this.props.onMouseLeave}\n      >\n        <div>\n          <div className=\"nz-messages\">{this.props.messages}</div>\n          <div className=\"nz-indicators\">{this.props.children}</div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}