@itwin/appui-react 3.0.0-dev.98 → 3.1.0-dev.0

package/lib/esm/appui-react/content/{SavedView.js → ViewStateHelper.js}

@@ -10,7 +10,7 @@ import { ViewUtilities } from "../utils/ViewUtilities";
 /** SavedView class. Used to serialize/deserialize a ViewState.
  * @public
  */
-export class SavedView {
+export class ViewStateHelper {
     /** Create a ViewState from the SavedView */
     static async viewStateFromProps(iModelConnection, savedViewProps) {
         const className = savedViewProps.viewDefinitionProps.classFullName;
@@ -44,4 +44,4 @@ export class SavedView {
         savedViewProps.emphasizeElementsProps = emphasizeElementsProps;
     }
 }
-//# sourceMappingURL=SavedView.js.map
+//# sourceMappingURL=ViewStateHelper.js.map

package/lib/esm/appui-react/content/ViewStateHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewStateHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewStateHelper.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EACL,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAUvD;;GAEG;AACH,MAAM,OAAO,eAAe;IAC1B,4CAA4C;IACrC,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,gBAAkC,EAAE,cAAoC;QAC7G,MAAM,SAAS,GAAG,cAAc,CAAC,mBAAmB,CAAC,aAAa,CAAC;QACnE,MAAM,IAAI,GAAG,MAAM,gBAAgB,CAAC,YAAY,CAAqB,SAAS,EAAE,SAAS,CAAiC,CAAC;QAE3H,uBAAuB;QACvB,IAAI,SAAS,KAAK,IAAI;YACpB,MAAM,IAAI,KAAK,CAAC,oCAAoC,SAAS,GAAG,CAAC,CAAC;QAEpE,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,gBAAgB,CAAE,CAAC;QAC1E,MAAM,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,iCAAiC;QAEzD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,iDAAiD;IAC1C,MAAM,CAAC,0BAA0B,CAAC,EAAkB,EAAE,cAAoC;QAC/F,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,IAAI,cAAc,CAAC,sBAAsB,EAAE;YACzC,MAAM,iBAAiB,GAAG,IAAI,iBAAiB,EAAE,CAAC;YAClD,OAAO,GAAG,iBAAiB,CAAC,QAAQ,CAAC,cAAc,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;SACjF;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,mCAAmC;IAC5B,MAAM,CAAC,gBAAgB,CAAC,SAAoB;QACjD,MAAM,cAAc,GAAG,SAAS,CAAC,OAAO,EAA0B,CAAC;QACnE,cAAc,CAAC,YAAY,GAAG,aAAa,CAAC,eAAe,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QACrF,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,wEAAwE;IACjE,MAAM,CAAC,wBAAwB,CAAC,EAAkB,EAAE,cAAoC;QAC7F,MAAM,EAAE,GAAG,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACrC,MAAM,sBAAsB,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC9D,cAAc,CAAC,sBAAsB,GAAG,sBAAsB,CAAC;IACjE,CAAC;CAEF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContentView\r\n */\r\n\r\nimport { EmphasizeElementsProps, ViewStateProps } from \"@itwin/core-common\";\r\nimport {\r\n  EmphasizeElements, EntityState, IModelConnection, ScreenViewport, ViewState,\r\n} from \"@itwin/core-frontend\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\n\r\n/** SavedViewProps interface for sharing ViewState and EmphasizeElements information.\r\n * @public\r\n */\r\nexport interface ViewStateHelperProps extends ViewStateProps {\r\n  bisBaseClass: string;\r\n  emphasizeElementsProps?: EmphasizeElementsProps;\r\n}\r\n\r\n/** SavedView class. Used to serialize/deserialize a ViewState.\r\n * @public\r\n */\r\nexport class ViewStateHelper {\r\n  /** Create a ViewState from the SavedView */\r\n  public static async viewStateFromProps(iModelConnection: IModelConnection, savedViewProps: ViewStateHelperProps): Promise<ViewState | undefined> {\r\n    const className = savedViewProps.viewDefinitionProps.classFullName;\r\n    const ctor = await iModelConnection.findClassFor<typeof EntityState>(className, undefined) as typeof ViewState | undefined;\r\n\r\n    // istanbul ignore next\r\n    if (undefined === ctor)\r\n      throw new Error(`Invalid ViewState class name of [${className}]`);\r\n\r\n    const viewState = ctor.createFromProps(savedViewProps, iModelConnection)!;\r\n    await viewState.load(); // loads models for ModelSelector\r\n\r\n    return viewState;\r\n  }\r\n\r\n  /** Apply EmphasizeElements from the SavedView */\r\n  public static emphasizeElementsFromProps(vp: ScreenViewport, savedViewProps: ViewStateHelperProps): boolean {\r\n    let changed = false;\r\n    if (savedViewProps.emphasizeElementsProps) {\r\n      const emphasizeElements = new EmphasizeElements();\r\n      changed = emphasizeElements.fromJSON(savedViewProps.emphasizeElementsProps, vp);\r\n    }\r\n    return changed;\r\n  }\r\n\r\n  /** Create props for a ViewState */\r\n  public static viewStateToProps(viewState: ViewState): ViewStateHelperProps {\r\n    const savedViewProps = viewState.toProps() as ViewStateHelperProps;\r\n    savedViewProps.bisBaseClass = ViewUtilities.getBisBaseClass(viewState.classFullName);\r\n    return savedViewProps;\r\n  }\r\n\r\n  /** Create props for an EmphasizeElements and store in SavedViewProps */\r\n  public static emphasizeElementsToProps(vp: ScreenViewport, savedViewProps: ViewStateHelperProps): void {\r\n    const ee = EmphasizeElements.get(vp);\r\n    const emphasizeElementsProps = ee ? ee.toJSON(vp) : undefined;\r\n    savedViewProps.emphasizeElementsProps = emphasizeElementsProps;\r\n  }\r\n\r\n}\r\n"]}

package/lib/esm/appui-react/content/split-pane/Pane.d.ts

@@ -0,0 +1,21 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */
+/**
+ * @internal
+ */
+export interface PaneProps {
+    className?: string;
+    size?: string | number;
+    split?: "vertical" | "horizontal";
+    style?: React.CSSProperties;
+    eleRef: React.RefObject<HTMLDivElement>;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ */
+export declare function Pane(props: PaneProps): JSX.Element;
+//# sourceMappingURL=Pane.d.ts.map

package/lib/esm/appui-react/content/split-pane/Pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Pane.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,2GAA2G;AAE3G;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,eAwCpC"}

package/lib/esm/appui-react/content/split-pane/Pane.js

@@ -0,0 +1,39 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+import classnames from "classnames";
+/**
+ * @internal
+ */
+export function Pane(props) {
+    const { children, className, split, style, size, eleRef, } = props;
+    const paneClasses = React.useMemo(() => classnames("Pane", split, className), [split, className]);
+    const paneStyle = React.useMemo(() => {
+        const baseStyle = {
+            flex: 1,
+            position: "relative",
+            outline: "none",
+        };
+        if (size !== undefined) {
+            if (split === "vertical") {
+                baseStyle.width = size;
+            }
+            else {
+                baseStyle.height = size;
+                baseStyle.display = "flex";
+            }
+            baseStyle.flex = "none";
+        }
+        return {
+            ...style,
+            ...baseStyle,
+        };
+    }, [size, split, style]);
+    return (React.createElement("div", { ref: eleRef, className: paneClasses, style: paneStyle }, children));
+}
+//# sourceMappingURL=Pane.js.map

package/lib/esm/appui-react/content/split-pane/Pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.js","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Pane.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAgBpC;;GAEG;AACH,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAElG,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,SAAS,GAAiC;YAC9C,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;SAChB,CAAC;QAEF,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,IAAI,KAAK,KAAK,UAAU,EAAE;gBACxB,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;aACxB;iBAAM;gBACL,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC;gBACxB,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;aAC5B;YACD,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;SACzB;QAED,OAAO;YACL,GAAG,KAAK;YACR,GAAG,SAAS;SACU,CAAC;IAC3B,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,IACvD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContentView\r\n */\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\n\r\n/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */\r\n\r\n/**\r\n * @internal\r\n */\r\nexport interface PaneProps {\r\n  className?: string;\r\n  size?: string | number;\r\n  split?: \"vertical\" | \"horizontal\";\r\n  style?: React.CSSProperties;\r\n  eleRef: React.RefObject<HTMLDivElement>;\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function Pane(props: PaneProps) {\r\n  const {\r\n    children,\r\n    className,\r\n    split,\r\n    style,\r\n    size,\r\n    eleRef,\r\n  } = props;\r\n\r\n  const paneClasses = React.useMemo(() => classnames(\"Pane\", split, className), [split, className]);\r\n\r\n  const paneStyle = React.useMemo(() => {\r\n    const baseStyle: Partial<React.CSSProperties> = {\r\n      flex: 1,\r\n      position: \"relative\",\r\n      outline: \"none\",\r\n    };\r\n\r\n    if (size !== undefined) {\r\n      if (split === \"vertical\") {\r\n        baseStyle.width = size;\r\n      } else {\r\n        baseStyle.height = size;\r\n        baseStyle.display = \"flex\";\r\n      }\r\n      baseStyle.flex = \"none\";\r\n    }\r\n\r\n    return {\r\n      ...style,\r\n      ...baseStyle,\r\n    } as React.CSSProperties;\r\n  }, [size, split, style]);\r\n\r\n  return (\r\n    <div ref={eleRef} className={paneClasses} style={paneStyle}>\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n\r\n"]}

package/lib/esm/appui-react/content/split-pane/Resizer.d.ts

@@ -0,0 +1,23 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */
+/**
+ * @internal
+ */
+export interface ResizerProps {
+    split?: "vertical" | "horizontal";
+    style?: React.CSSProperties;
+    className: string;
+    onMouseDown: (event: MouseEvent) => void;
+    onTouchEnd: () => void;
+    onTouchStart: (event: TouchEvent) => void;
+    onClick?: (event: MouseEvent) => void;
+    onDoubleClick?: (event: MouseEvent) => void;
+}
+/**
+ * @internal
+ */
+export declare function Resizer(props: ResizerProps): JSX.Element;
+//# sourceMappingURL=Resizer.d.ts.map

package/lib/esm/appui-react/content/split-pane/Resizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Resizer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,2GAA2G;AAE3G;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAC7C;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eA2C1C"}

package/lib/esm/appui-react/content/split-pane/Resizer.js

@@ -0,0 +1,35 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+import classnames from "classnames";
+/**
+ * @internal
+ */
+export function Resizer(props) {
+    const { className, onClick, onDoubleClick, onMouseDown, onTouchEnd, onTouchStart, split, style, } = props;
+    const resizerClasses = React.useMemo(() => classnames(split, className), [split, className]);
+    return (React.createElement("span", { role: "presentation", className: resizerClasses, style: style, onMouseDown: (event) => onMouseDown(event.nativeEvent), onTouchStart: (event) => {
+            onTouchStart(event.nativeEvent);
+        }, onTouchEnd: (event) => {
+            event.preventDefault();
+            onTouchEnd();
+        }, onClick: (event) => {
+            // istanbul ignore else
+            if (onClick) {
+                event.preventDefault();
+                onClick(event.nativeEvent);
+            }
+        }, onDoubleClick: (event) => {
+            // istanbul ignore else
+            if (onDoubleClick) {
+                event.preventDefault();
+                onDoubleClick(event.nativeEvent);
+            }
+        } }));
+}
+//# sourceMappingURL=Resizer.js.map

package/lib/esm/appui-react/content/split-pane/Resizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.js","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Resizer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAkBpC;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EACJ,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,EACZ,KAAK,EACL,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7F,OAAO,CACL,8BACE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,EACtD,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAClC,CAAC,EACD,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;YACpB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,UAAU,EAAE,CAAC;QACf,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,uBAAuB;YACvB,IAAI,OAAO,EAAE;gBACX,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;aAC5B;QACH,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,uBAAuB;YACvB,IAAI,aAAa,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;aAClC;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContentView\r\n */\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\n\r\n/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */\r\n\r\n/**\r\n * @internal\r\n */\r\nexport interface ResizerProps {\r\n  split?: \"vertical\" | \"horizontal\";\r\n  style?: React.CSSProperties;\r\n  className: string;\r\n  onMouseDown: (event: MouseEvent) => void;\r\n  onTouchEnd: () => void;\r\n  onTouchStart: (event: TouchEvent) => void;\r\n  onClick?: (event: MouseEvent) => void;\r\n  onDoubleClick?: (event: MouseEvent) => void;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function Resizer(props: ResizerProps) {\r\n  const {\r\n    className,\r\n    onClick,\r\n    onDoubleClick,\r\n    onMouseDown,\r\n    onTouchEnd,\r\n    onTouchStart,\r\n    split,\r\n    style,\r\n  } = props;\r\n\r\n  const resizerClasses = React.useMemo(() => classnames(split, className), [split, className]);\r\n\r\n  return (\r\n    <span\r\n      role=\"presentation\"\r\n      className={resizerClasses}\r\n      style={style}\r\n      onMouseDown={(event) => onMouseDown(event.nativeEvent)}\r\n      onTouchStart={(event) => {\r\n        onTouchStart(event.nativeEvent);\r\n      }}\r\n      onTouchEnd={(event) => {\r\n        event.preventDefault();\r\n        onTouchEnd();\r\n      }}\r\n      onClick={(event) => {\r\n        // istanbul ignore else\r\n        if (onClick) {\r\n          event.preventDefault();\r\n          onClick(event.nativeEvent);\r\n        }\r\n      }}\r\n      onDoubleClick={(event) => {\r\n        // istanbul ignore else\r\n        if (onDoubleClick) {\r\n          event.preventDefault();\r\n          onDoubleClick(event.nativeEvent);\r\n        }\r\n      }}\r\n    />\r\n  );\r\n}\r\n"]}

package/lib/esm/appui-react/content/split-pane/SplitPane.d.ts

@@ -0,0 +1,70 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+/**
+ * Props for [[SplitPane]] component
+ * @public
+ */
+export interface SplitPaneProps {
+    /** Pass false to disable resizing */
+    allowResize?: boolean;
+    /** The array of two react nodes, one for each pane. */
+    children: React.ReactNode[];
+    /** Determines which pane maintains its size when browser window is resized.*/
+    primary?: "first" | "second";
+    minSize?: string | number;
+    /** You can limit the maximal size of the 'fixed' pane using the maxSize parameter with a positive value
+     * (measured in pixels but state just a number). If you wrap the SplitPane into a container component
+     * (yes you can, just remember the container has to have the relative or absolute positioning), then you'll need to limit
+     *  the movement of the splitter (resizer) at the end of the SplitPane (otherwise it can be dragged outside the SplitPane
+     * and you don't catch it never more). For this purpose use the maxSize parameter with value 0. When dragged the splitter/resizer
+     * will stop at the border of the SplitPane component and think this you'll be able to pick it again and drag it back then.
+     *  And more: if you set the maxSize to negative value (e.g. -200), then the splitter stops 200px before the border
+     * (in other words it sets the minimal size of the 'resizable' pane in this case). This can be useful also in the
+     * full-screen case of use. */
+    maxSize?: string | number;
+    /** Default initial size of primary pane */
+    defaultSize?: string | number;
+    /** Size of primary pane */
+    size?: string | number;
+    /** You can use the step prop to only allow resizing in fixed increments. */
+    step?: number;
+    split?: "vertical" | "horizontal";
+    /** This callback is invoked when a drag start. */
+    onDragStarted?: () => void;
+    /** This callback is invoked when a drag ends. */
+    onDragFinished?: (newSize: number) => void;
+    /** Callback is invoked with the current drag during a drag event.*/
+    onChange?: (newSize: number) => void;
+    /** Callback is invoked if user clicks on Resizer. */
+    onResizerClick?: (event: MouseEvent) => void;
+    /** Callback is invoked if user double clicks on Resizer. */
+    onResizerDoubleClick?: (event: MouseEvent) => void;
+    /** Styling to be applied to the main container */
+    style?: React.CSSProperties;
+    /** Styling to be applied to both panes */
+    paneStyle?: React.CSSProperties;
+    /** Styling to be applied to the first pane, with precedence over paneStyle */
+    pane1Style?: React.CSSProperties;
+    /** Styling to be applied to the second pane, with precedence over paneStyle */
+    pane2Style?: React.CSSProperties;
+    /** Styling to be applied to the resizer bar */
+    resizerStyle?: React.CSSProperties;
+    /** Class name to be added to the SplitPane div */
+    className?: string;
+    /** Class name to be added to each Pane's div */
+    paneClassName?: string;
+    /** Class name to be added to Pane1's div */
+    pane1ClassName?: string;
+    /** Class name to be added to Pane2's div */
+    pane2ClassName?: string;
+}
+/**
+ * Local TypeScript implementation of `SplitPane` from `react-split-pane` package since that
+ * package is not regularly maintained.
+ * See https://github.com/tomkp/react-split-pane/blob/master/LICENSE.
+ * @public
+ */
+export declare function SplitPane(props: SplitPaneProps): JSX.Element;
+//# sourceMappingURL=SplitPane.d.ts.map

package/lib/esm/appui-react/content/split-pane/SplitPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/SplitPane.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uDAAuD;IACvD,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;;;;;;kCAQ8B;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,+EAA+E;IAC/E,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAsCD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eAmP9C"}

package/lib/esm/appui-react/content/split-pane/SplitPane.js

@@ -0,0 +1,239 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+import classnames from "classnames";
+import { Pane } from "./Pane";
+import { Resizer } from "./Resizer";
+function unFocus(ownerDoc) {
+    var _a;
+    // istanbul ignore next
+    if (!ownerDoc)
+        return;
+    const docSelection = ownerDoc.getSelection();
+    // istanbul ignore else
+    if (docSelection) {
+        docSelection.empty();
+    }
+    else {
+        // istanbul ignore next
+        try {
+            const winSelection = (_a = ownerDoc.defaultView) === null || _a === void 0 ? void 0 : _a.getSelection();
+            winSelection === null || winSelection === void 0 ? void 0 : winSelection.removeAllRanges();
+        }
+        catch (_e) { }
+    }
+}
+function getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {
+    // istanbul ignore next
+    if (typeof draggedSize === "number") {
+        const min = typeof minSize === "number" ? minSize : 0;
+        const max = typeof maxSize === "number" && maxSize >= 0 ? maxSize : Infinity;
+        return Math.max(min, Math.min(max, draggedSize));
+    }
+    if (defaultSize !== undefined) {
+        return defaultSize;
+    }
+    return minSize;
+}
+function removeNullChildren(children) {
+    return React.Children.toArray(children).filter((c) => c);
+}
+/**
+ * Local TypeScript implementation of `SplitPane` from `react-split-pane` package since that
+ * package is not regularly maintained.
+ * See https://github.com/tomkp/react-split-pane/blob/master/LICENSE.
+ * @public
+ */
+export function SplitPane(props) {
+    const { style, size, defaultSize, maxSize, children, paneStyle, pane1Style, pane2Style, className, paneClassName, pane1ClassName, pane2ClassName, onDragStarted, onDragFinished, step, onChange, onResizerClick, onResizerDoubleClick, } = props;
+    // honor same defaults as react-split-pane
+    const allowResize = React.useMemo(() => undefined !== props.allowResize ? props.allowResize : true, [props.allowResize]);
+    const minSize = React.useMemo(() => undefined !== props.minSize ? props.minSize : 50, [props.minSize]);
+    const primary = React.useMemo(() => undefined !== props.primary ? props.primary : "first", [props.primary]);
+    const split = React.useMemo(() => undefined !== props.split ? props.split : "vertical", [props.split]);
+    const initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize);
+    const [position, setPosition] = React.useState(0);
+    const [draggedSize, setDraggedSize] = React.useState();
+    const [active, setActive] = React.useState(false);
+    const [pane1Size, setPane1Size] = React.useState(() => primary === "first" ? initialSize : undefined);
+    const [pane2Size, setPane2Size] = React.useState(() => primary === "second" ? initialSize : undefined);
+    const splitPane = React.useRef(null);
+    const pane1 = React.useRef(null);
+    const pane2 = React.useRef(null);
+    const notNullChildren = React.useMemo(() => removeNullChildren(children), [children]);
+    React.useEffect(() => {
+        primary === "first" ? setPane1Size(initialSize) : setPane2Size(initialSize);
+        primary === "first" ? setPane2Size(undefined) : setPane1Size(undefined);
+    }, [initialSize, primary]);
+    const splitPaneStyle = React.useMemo(() => {
+        const directionSpecificParts = (split === "vertical") ? {
+            flexDirection: "row",
+            left: 0,
+            right: 0,
+        } : {
+            bottom: 0,
+            flexDirection: "column",
+            minHeight: "100%",
+            top: 0,
+            width: "100%",
+        };
+        return {
+            display: "flex",
+            flex: 1,
+            height: "100%",
+            position: "absolute",
+            outline: "none",
+            overflow: "hidden",
+            MozUserSelect: "text",
+            WebkitUserSelect: "text",
+            msUserSelect: "text",
+            userSelect: "text",
+            ...style,
+            ...directionSpecificParts,
+        };
+    }, [split, style]);
+    const pane1DivStyle = { ...paneStyle, ...pane1Style };
+    const pane2DivStyle = { ...paneStyle, ...pane2Style };
+    const resizerStyle = React.useMemo(() => { var _a; return (_a = props.resizerStyle) !== null && _a !== void 0 ? _a : {}; }, [props.resizerStyle]);
+    const resizerClasses = React.useMemo(() => classnames("Resizer", !allowResize && "disabled"), [allowResize]);
+    const splitPaneClasses = React.useMemo(() => classnames("SplitPane", className, split, !allowResize && "disabled"), [className, split, allowResize]);
+    const pane1Classes = React.useMemo(() => classnames("Pane1", paneClassName, pane1ClassName), [paneClassName, pane1ClassName]);
+    const pane2Classes = React.useMemo(() => classnames("Pane2", paneClassName, pane2ClassName), [paneClassName, pane2ClassName]);
+    const initializeDrag = React.useCallback((x, y) => {
+        var _a;
+        // istanbul ignore next
+        unFocus((_a = splitPane.current) === null || _a === void 0 ? void 0 : _a.ownerDocument);
+        const newPosition = split === "vertical" ? x : y;
+        onDragStarted && onDragStarted();
+        setActive(true);
+        setPosition(newPosition);
+    }, [onDragStarted, split]);
+    const onTouchStart = React.useCallback((event) => {
+        // istanbul ignore else
+        if (allowResize) {
+            initializeDrag(event.touches[0].clientX, event.touches[0].clientY);
+        }
+    }, [allowResize, initializeDrag]);
+    const processMove = React.useCallback((x, y) => {
+        var _a, _b, _c, _d, _f, _g, _h;
+        // istanbul ignore next
+        unFocus((_a = splitPane.current) === null || _a === void 0 ? void 0 : _a.ownerDocument);
+        const isPrimaryFirst = primary === "first";
+        const ref = isPrimaryFirst ? pane1.current : pane2.current;
+        const ref2 = isPrimaryFirst ? pane2.current : pane1.current;
+        const splitPaneDiv = splitPane.current;
+        // istanbul ignore else
+        if (ref && ref2 && splitPaneDiv) {
+            const node = ref;
+            const node2 = ref2;
+            // istanbul ignore else
+            if (node.getBoundingClientRect) {
+                const width = node.getBoundingClientRect().width;
+                const height = node.getBoundingClientRect().height;
+                // istanbul ignore next
+                const current = split === "vertical" ? x : y;
+                // istanbul ignore next
+                const oldSize = split === "vertical" ? width : height;
+                let positionDelta = position - current;
+                if (step) {
+                    // istanbul ignore next
+                    if (Math.abs(positionDelta) < step) {
+                        return;
+                    }
+                    // Integer division
+                    // eslint-disable-next-line no-bitwise
+                    positionDelta = ~~(positionDelta / step) * step;
+                }
+                let sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;
+                // istanbul ignore next
+                const pane1Order = parseInt((_d = (_c = (_b = node.ownerDocument) === null || _b === void 0 ? void 0 : _b.defaultView) === null || _c === void 0 ? void 0 : _c.getComputedStyle(node).order) !== null && _d !== void 0 ? _d : "0", 10);
+                // istanbul ignore next
+                const pane2Order = parseInt((_h = (_g = (_f = node2.ownerDocument) === null || _f === void 0 ? void 0 : _f.defaultView) === null || _g === void 0 ? void 0 : _g.getComputedStyle(node2).order) !== null && _h !== void 0 ? _h : "0", 10);
+                // istanbul ignore next
+                if (pane1Order > pane2Order) {
+                    sizeDelta = -sizeDelta;
+                }
+                let newMaxSize = maxSize;
+                // istanbul ignore next
+                if (typeof maxSize === "number" && maxSize !== undefined && maxSize <= 0) {
+                    if (split === "vertical") {
+                        newMaxSize = splitPaneDiv.getBoundingClientRect().width + maxSize;
+                    }
+                    else {
+                        newMaxSize = splitPaneDiv.getBoundingClientRect().height + maxSize;
+                    }
+                }
+                let newSize = oldSize - sizeDelta;
+                const newPosition = position - positionDelta;
+                // istanbul ignore next
+                if (typeof minSize === "number" && newSize < minSize) {
+                    newSize = minSize;
+                }
+                else if (typeof newMaxSize === "number" && newMaxSize !== undefined && newSize > newMaxSize) {
+                    newSize = newMaxSize;
+                }
+                else {
+                    setPosition(newPosition);
+                }
+                onChange && onChange(newSize);
+                setDraggedSize(newSize);
+                isPrimaryFirst ? setPane1Size(newSize) : setPane2Size(newSize);
+            }
+        }
+    }, [maxSize, minSize, onChange, position, primary, split, step]);
+    const onTouchMove = React.useCallback((event) => {
+        // istanbul ignore next
+        if (!allowResize || !active)
+            return;
+        processMove(event.touches[0].clientX, event.touches[0].clientY);
+    }, [active, allowResize, processMove]);
+    const onMouseMove = React.useCallback((event) => {
+        if (!allowResize || !active)
+            return;
+        processMove(event.clientX, event.clientY);
+    }, [active, allowResize, processMove]);
+    const onMouseDown = React.useCallback((event) => {
+        // istanbul ignore else
+        if (allowResize) {
+            event.preventDefault();
+            initializeDrag(event.clientX, event.clientY);
+        }
+    }, [allowResize, initializeDrag]);
+    const processResizeFinished = React.useCallback(() => {
+        // istanbul ignore else
+        if (undefined !== draggedSize && allowResize && active) {
+            onDragFinished && onDragFinished(draggedSize);
+        }
+        setActive(false);
+    }, [draggedSize, allowResize, active, onDragFinished]);
+    const onMouseUp = React.useCallback((event) => {
+        event.preventDefault();
+        processResizeFinished();
+    }, [processResizeFinished]);
+    React.useEffect(() => {
+        var _a;
+        // istanbul ignore next
+        const ownerDoc = (_a = splitPane.current) === null || _a === void 0 ? void 0 : _a.ownerDocument;
+        // istanbul ignore next
+        if (!ownerDoc)
+            return;
+        ownerDoc.addEventListener("mouseup", onMouseUp);
+        ownerDoc.addEventListener("mousemove", onMouseMove);
+        ownerDoc.addEventListener("touchmove", onTouchMove);
+        return () => {
+            ownerDoc.removeEventListener("mouseup", onMouseUp);
+            ownerDoc.removeEventListener("mousemove", onMouseMove);
+            ownerDoc.removeEventListener("touchmove", onTouchMove);
+        };
+    }, [onMouseMove, onMouseUp, onTouchMove]);
+    return (React.createElement("div", { className: splitPaneClasses, ref: splitPane, style: splitPaneStyle },
+        React.createElement(Pane, { className: pane1Classes, key: "pane1", eleRef: pane1, size: pane1Size, split: split, style: pane1DivStyle }, notNullChildren[0]),
+        React.createElement(Resizer, { className: resizerClasses, onClick: onResizerClick, onDoubleClick: onResizerDoubleClick, onMouseDown: onMouseDown, onTouchStart: onTouchStart, onTouchEnd: processResizeFinished, key: "resizer", split: split, style: resizerStyle }),
+        React.createElement(Pane, { className: pane2Classes, key: "pane2", eleRef: pane2, size: pane2Size, split: split, style: pane2DivStyle }, notNullChildren[1])));
+}
+//# sourceMappingURL=SplitPane.js.map

package/lib/esm/appui-react/content/split-pane/SplitPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPane.js","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/SplitPane.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContentView\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { Pane } from \"./Pane\";\r\nimport { Resizer } from \"./Resizer\";\r\n\r\n/**\r\n * Props for [[SplitPane]] component\r\n * @public\r\n */\r\nexport interface SplitPaneProps {\r\n  /** Pass false to disable resizing */\r\n  allowResize?: boolean;\r\n  /** The array of two react nodes, one for each pane. */\r\n  children: React.ReactNode[];\r\n  /** Determines which pane maintains its size when browser window is resized.*/\r\n  primary?: \"first\" | \"second\";\r\n\r\n  minSize?: string | number;\r\n  /** You can limit the maximal size of the 'fixed' pane using the maxSize parameter with a positive value\r\n   * (measured in pixels but state just a number). If you wrap the SplitPane into a container component\r\n   * (yes you can, just remember the container has to have the relative or absolute positioning), then you'll need to limit\r\n   *  the movement of the splitter (resizer) at the end of the SplitPane (otherwise it can be dragged outside the SplitPane\r\n   * and you don't catch it never more). For this purpose use the maxSize parameter with value 0. When dragged the splitter/resizer\r\n   * will stop at the border of the SplitPane component and think this you'll be able to pick it again and drag it back then.\r\n   *  And more: if you set the maxSize to negative value (e.g. -200), then the splitter stops 200px before the border\r\n   * (in other words it sets the minimal size of the 'resizable' pane in this case). This can be useful also in the\r\n   * full-screen case of use. */\r\n  maxSize?: string | number;\r\n  /** Default initial size of primary pane */\r\n  defaultSize?: string | number;\r\n  /** Size of primary pane */\r\n  size?: string | number;\r\n  /** You can use the step prop to only allow resizing in fixed increments. */\r\n  step?: number;\r\n  split?: \"vertical\" | \"horizontal\";\r\n  /** This callback is invoked when a drag start. */\r\n  onDragStarted?: () => void;\r\n  /** This callback is invoked when a drag ends. */\r\n  onDragFinished?: (newSize: number) => void;\r\n  /** Callback is invoked with the current drag during a drag event.*/\r\n  onChange?: (newSize: number) => void;\r\n  /** Callback is invoked if user clicks on Resizer. */\r\n  onResizerClick?: (event: MouseEvent) => void;\r\n  /** Callback is invoked if user double clicks on Resizer. */\r\n  onResizerDoubleClick?: (event: MouseEvent) => void;\r\n  /** Styling to be applied to the main container */\r\n  style?: React.CSSProperties;\r\n  /** Styling to be applied to both panes */\r\n  paneStyle?: React.CSSProperties;\r\n  /** Styling to be applied to the first pane, with precedence over paneStyle */\r\n  pane1Style?: React.CSSProperties;\r\n  /** Styling to be applied to the second pane, with precedence over paneStyle */\r\n  pane2Style?: React.CSSProperties;\r\n  /** Styling to be applied to the resizer bar */\r\n  resizerStyle?: React.CSSProperties;\r\n  /** Class name to be added to the SplitPane div */\r\n  className?: string;\r\n  /** Class name to be added to each Pane's div */\r\n  paneClassName?: string;\r\n  /** Class name to be added to Pane1's div */\r\n  pane1ClassName?: string;\r\n  /** Class name to be added to Pane2's div */\r\n  pane2ClassName?: string;\r\n}\r\n\r\nfunction unFocus(ownerDoc: Document | undefined) {\r\n  // istanbul ignore next\r\n  if (!ownerDoc)\r\n    return;\r\n\r\n  const docSelection = ownerDoc.getSelection();\r\n  // istanbul ignore else\r\n  if (docSelection) {\r\n    docSelection.empty();\r\n  } else {\r\n    // istanbul ignore next\r\n    try {\r\n      const winSelection = ownerDoc.defaultView?.getSelection();\r\n      winSelection?.removeAllRanges();\r\n    } catch (_e) { }\r\n  }\r\n}\r\n\r\nfunction getDefaultSize(defaultSize?: number | string, minSize?: string | number, maxSize?: string | number, draggedSize?: number) {\r\n  // istanbul ignore next\r\n  if (typeof draggedSize === \"number\") {\r\n    const min = typeof minSize === \"number\" ? minSize : 0;\r\n    const max =\r\n      typeof maxSize === \"number\" && maxSize >= 0 ? maxSize : Infinity;\r\n    return Math.max(min, Math.min(max, draggedSize));\r\n  }\r\n  if (defaultSize !== undefined) {\r\n    return defaultSize;\r\n  }\r\n  return minSize;\r\n}\r\n\r\nfunction removeNullChildren(children: React.ReactNode[]) {\r\n  return React.Children.toArray(children).filter((c) => c);\r\n}\r\n\r\n/**\r\n * Local TypeScript implementation of `SplitPane` from `react-split-pane` package since that\r\n * package is not regularly maintained.\r\n * See https://github.com/tomkp/react-split-pane/blob/master/LICENSE.\r\n * @public\r\n */\r\nexport function SplitPane(props: SplitPaneProps) {\r\n  const { style, size, defaultSize, maxSize, children,\r\n    paneStyle, pane1Style, pane2Style, className,\r\n    paneClassName, pane1ClassName, pane2ClassName,\r\n    onDragStarted, onDragFinished, step, onChange,\r\n    onResizerClick, onResizerDoubleClick,\r\n  } = props;\r\n\r\n  // honor same defaults as react-split-pane\r\n  const allowResize = React.useMemo(() => undefined !== props.allowResize ? props.allowResize : true, [props.allowResize]);\r\n  const minSize = React.useMemo(() => undefined !== props.minSize ? props.minSize : 50, [props.minSize]);\r\n  const primary = React.useMemo(() => undefined !== props.primary ? props.primary : \"first\", [props.primary]);\r\n  const split = React.useMemo(() => undefined !== props.split ? props.split : \"vertical\", [props.split]);\r\n  const initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize);\r\n\r\n  const [position, setPosition] = React.useState(0);\r\n  const [draggedSize, setDraggedSize] = React.useState<number | undefined>();\r\n  const [active, setActive] = React.useState(false);\r\n  const [pane1Size, setPane1Size] = React.useState(() => primary === \"first\" ? initialSize : undefined);\r\n  const [pane2Size, setPane2Size] = React.useState(() => primary === \"second\" ? initialSize : undefined);\r\n  const splitPane = React.useRef<HTMLDivElement>(null);\r\n  const pane1 = React.useRef<HTMLDivElement>(null);\r\n  const pane2 = React.useRef<HTMLDivElement>(null);\r\n  const notNullChildren = React.useMemo(() => removeNullChildren(children), [children]);\r\n\r\n  React.useEffect(() => {\r\n    primary === \"first\" ? setPane1Size(initialSize) : setPane2Size(initialSize);\r\n    primary === \"first\" ? setPane2Size(undefined) : setPane1Size(undefined);\r\n  }, [initialSize, primary]);\r\n\r\n  const splitPaneStyle = React.useMemo(() => {\r\n    const directionSpecificParts = (split === \"vertical\") ? {\r\n      flexDirection: \"row\",\r\n      left: 0,\r\n      right: 0,\r\n    } : {\r\n      bottom: 0,\r\n      flexDirection: \"column\",\r\n      minHeight: \"100%\",\r\n      top: 0,\r\n      width: \"100%\",\r\n    };\r\n\r\n    return {\r\n      display: \"flex\",\r\n      flex: 1,\r\n      height: \"100%\",\r\n      position: \"absolute\",\r\n      outline: \"none\",\r\n      overflow: \"hidden\",\r\n      MozUserSelect: \"text\",\r\n      WebkitUserSelect: \"text\",\r\n      msUserSelect: \"text\",\r\n      userSelect: \"text\",\r\n      ...style,\r\n      ...directionSpecificParts,\r\n    } as React.CSSProperties;\r\n  }, [split, style]);\r\n\r\n  const pane1DivStyle = { ...paneStyle, ...pane1Style };\r\n  const pane2DivStyle = { ...paneStyle, ...pane2Style };\r\n  const resizerStyle = React.useMemo(() => props.resizerStyle ?? {}, [props.resizerStyle]);\r\n  const resizerClasses = React.useMemo(() => classnames(\"Resizer\", !allowResize && \"disabled\"), [allowResize]);\r\n  const splitPaneClasses = React.useMemo(() => classnames(\"SplitPane\", className, split, !allowResize && \"disabled\"), [className, split, allowResize]);\r\n  const pane1Classes = React.useMemo(() => classnames(\"Pane1\", paneClassName, pane1ClassName), [paneClassName, pane1ClassName]);\r\n  const pane2Classes = React.useMemo(() => classnames(\"Pane2\", paneClassName, pane2ClassName), [paneClassName, pane2ClassName]);\r\n\r\n  const initializeDrag = React.useCallback((x: number, y: number) => {\r\n    // istanbul ignore next\r\n    unFocus(splitPane.current?.ownerDocument);\r\n    const newPosition = split === \"vertical\" ? x : y;\r\n    onDragStarted && onDragStarted();\r\n    setActive(true);\r\n    setPosition(newPosition);\r\n  }, [onDragStarted, split]);\r\n\r\n  const onTouchStart = React.useCallback((event: TouchEvent) => {\r\n    // istanbul ignore else\r\n    if (allowResize) {\r\n      initializeDrag(event.touches[0].clientX, event.touches[0].clientY);\r\n    }\r\n  }, [allowResize, initializeDrag]);\r\n\r\n  const processMove = React.useCallback((x: number, y: number) => {\r\n    // istanbul ignore next\r\n    unFocus(splitPane.current?.ownerDocument);\r\n    const isPrimaryFirst = primary === \"first\";\r\n    const ref = isPrimaryFirst ? pane1.current : pane2.current;\r\n    const ref2 = isPrimaryFirst ? pane2.current : pane1.current;\r\n    const splitPaneDiv = splitPane.current;\r\n\r\n    // istanbul ignore else\r\n    if (ref && ref2 && splitPaneDiv) {\r\n      const node = ref;\r\n      const node2 = ref2;\r\n      // istanbul ignore else\r\n      if (node.getBoundingClientRect) {\r\n        const width = node.getBoundingClientRect().width;\r\n        const height = node.getBoundingClientRect().height;\r\n        // istanbul ignore next\r\n        const current = split === \"vertical\" ? x : y;\r\n        // istanbul ignore next\r\n        const oldSize = split === \"vertical\" ? width : height;\r\n        let positionDelta = position - current;\r\n        if (step) {\r\n          // istanbul ignore next\r\n          if (Math.abs(positionDelta) < step) {\r\n            return;\r\n          }\r\n          // Integer division\r\n          // eslint-disable-next-line no-bitwise\r\n          positionDelta = ~~(positionDelta / step) * step;\r\n        }\r\n        let sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;\r\n\r\n        // istanbul ignore next\r\n        const pane1Order = parseInt(node.ownerDocument?.defaultView?.getComputedStyle(node).order ?? \"0\", 10);\r\n        // istanbul ignore next\r\n        const pane2Order = parseInt(node2.ownerDocument?.defaultView?.getComputedStyle(node2).order ?? \"0\", 10);\r\n        // istanbul ignore next\r\n        if (pane1Order > pane2Order) {\r\n          sizeDelta = -sizeDelta;\r\n        }\r\n\r\n        let newMaxSize = maxSize;\r\n        // istanbul ignore next\r\n        if (typeof maxSize === \"number\" && maxSize !== undefined && maxSize <= 0) {\r\n          if (split === \"vertical\") {\r\n            newMaxSize = splitPaneDiv.getBoundingClientRect().width + maxSize;\r\n          } else {\r\n            newMaxSize = splitPaneDiv.getBoundingClientRect().height + maxSize;\r\n          }\r\n        }\r\n\r\n        let newSize = oldSize - sizeDelta;\r\n        const newPosition = position - positionDelta;\r\n\r\n        // istanbul ignore next\r\n        if (typeof minSize === \"number\" && newSize < minSize) {\r\n          newSize = minSize;\r\n        } else if (typeof newMaxSize === \"number\" && newMaxSize !== undefined && newSize > newMaxSize) {\r\n          newSize = newMaxSize;\r\n        } else {\r\n          setPosition(newPosition);\r\n        }\r\n\r\n        onChange && onChange(newSize);\r\n        setDraggedSize(newSize);\r\n        isPrimaryFirst ? setPane1Size(newSize) : setPane2Size(newSize);\r\n      }\r\n    }\r\n  }, [maxSize, minSize, onChange, position, primary, split, step]);\r\n\r\n  const onTouchMove = React.useCallback((event: TouchEvent) => {\r\n    // istanbul ignore next\r\n    if (!allowResize || !active)\r\n      return;\r\n    processMove(event.touches[0].clientX, event.touches[0].clientY);\r\n  }, [active, allowResize, processMove]);\r\n\r\n  const onMouseMove = React.useCallback((event: MouseEvent) => {\r\n    if (!allowResize || !active)\r\n      return;\r\n    processMove(event.clientX, event.clientY);\r\n  }, [active, allowResize, processMove]);\r\n\r\n  const onMouseDown = React.useCallback((event: MouseEvent) => {\r\n    // istanbul ignore else\r\n    if (allowResize) {\r\n      event.preventDefault();\r\n      initializeDrag(event.clientX, event.clientY);\r\n    }\r\n  }, [allowResize, initializeDrag]);\r\n\r\n  const processResizeFinished = React.useCallback(() => {\r\n    // istanbul ignore else\r\n    if (undefined !== draggedSize && allowResize && active) {\r\n      onDragFinished && onDragFinished(draggedSize);\r\n    }\r\n    setActive(false);\r\n  }, [draggedSize, allowResize, active, onDragFinished]);\r\n\r\n  const onMouseUp = React.useCallback((event: MouseEvent) => {\r\n    event.preventDefault();\r\n    processResizeFinished();\r\n  }, [processResizeFinished]);\r\n\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const ownerDoc = splitPane.current?.ownerDocument;\r\n    // istanbul ignore next\r\n    if (!ownerDoc)\r\n      return;\r\n\r\n    ownerDoc.addEventListener(\"mouseup\", onMouseUp);\r\n    ownerDoc.addEventListener(\"mousemove\", onMouseMove);\r\n    ownerDoc.addEventListener(\"touchmove\", onTouchMove);\r\n    return () => {\r\n      ownerDoc.removeEventListener(\"mouseup\", onMouseUp);\r\n      ownerDoc.removeEventListener(\"mousemove\", onMouseMove);\r\n      ownerDoc.removeEventListener(\"touchmove\", onTouchMove);\r\n    };\r\n  }, [onMouseMove, onMouseUp, onTouchMove]);\r\n\r\n  return (\r\n    <div\r\n      className={splitPaneClasses}\r\n      ref={splitPane}\r\n      style={splitPaneStyle}\r\n    >\r\n      <Pane\r\n        className={pane1Classes}\r\n        key=\"pane1\"\r\n        eleRef={pane1}\r\n        size={pane1Size}\r\n        split={split}\r\n        style={pane1DivStyle}\r\n      >\r\n        {notNullChildren[0]}\r\n      </Pane>\r\n      <Resizer\r\n        className={resizerClasses}\r\n        onClick={onResizerClick}\r\n        onDoubleClick={onResizerDoubleClick}\r\n        onMouseDown={onMouseDown}\r\n        onTouchStart={onTouchStart}\r\n        onTouchEnd={processResizeFinished}\r\n        key=\"resizer\"\r\n        split={split}\r\n        style={resizerStyle}\r\n      />\r\n      <Pane\r\n        className={pane2Classes}\r\n        key=\"pane2\"\r\n        eleRef={pane2}\r\n        size={pane2Size}\r\n        split={split}\r\n        style={pane2DivStyle}\r\n      >\r\n        {notNullChildren[1]}\r\n      </Pane>\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/esm/appui-react/cursor/CursorInformation.d.ts

@@ -1,8 +1,7 @@
 /** @packageDocumentation
  * @module Cursor
  */
-import { PointProps, RelativePosition } from "@itwin/appui-abstract";
-import { UiEvent } from "@itwin/core-react";
+import { PointProps, RelativePosition, UiEvent } from "@itwin/appui-abstract";
 /** Enum for Cursor Direction parts
  *  @public
  */

package/lib/esm/appui-react/cursor/CursorInformation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CursorInformation.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/cursor/CursorInformation.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAS,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,GAAG,OAAS;IACZ,IAAI,MAAS;IACb,KAAK,KAAS;IACd,MAAM,IAAS;CAChB;AAED;;GAEG;AACH,oBAAY,eAAe;IACzB,IAAI,IAAI;IACR,GAAG,OAA2B;IAC9B,IAAI,MAA4B;IAChC,KAAK,KAA6B;IAClC,MAAM,IAA8B;IACpC,OAAO,OAAuD;IAC9D,QAAQ,OAAwD;IAChE,UAAU,MAA0D;IACpE,WAAW,KAA2D;CACvE;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,UAAU,CAAC;IAClB,SAAS,EAAE,eAAe,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,OAAO,CAAC,sBAAsB,CAAC;CAAI;AAE3E;;GAEG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAC,eAAe,CAAsB;IACpD,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAgD;IAE/E,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAgC;IAEhE,2BAA2B;IAC3B,WAAkB,cAAc,IAAI,UAAU,CAAiC;IAC/E,WAAkB,cAAc,CAAC,EAAE,EAAE,UAAU,EAA8C;IAE7F,kCAAkC;IAClC,WAAkB,OAAO,IAAI,MAAM,CAAmC;IACtE,kCAAkC;IAClC,WAAkB,OAAO,IAAI,MAAM,CAAmC;IAEtE,kDAAkD;IAClD,WAAkB,eAAe,IAAI,eAAe,CAAkC;IAEtF,uCAAuC;IACvC,gBAAuB,oBAAoB,qBAA4B;IAEvE,0GAA0G;WAC5F,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAUtD,OAAO,CAAC,MAAM,CAAC,+BAA+B;IAQ9C,OAAO,CAAC,MAAM,CAAC,aAAa;IAwB5B,OAAO,CAAC,MAAM,CAAC,yBAAyB;IAkBxC,gEAAgE;WAClD,sCAAsC,CAAC,eAAe,EAAE,eAAe,GAAG,gBAAgB;IAiCxG,8BAA8B;WAChB,qBAAqB,IAAI,IAAI;CAG5C"}
+{"version":3,"file":"CursorInformation.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/cursor/CursorInformation.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAG9E;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,GAAG,OAAS;IACZ,IAAI,MAAS;IACb,KAAK,KAAS;IACd,MAAM,IAAS;CAChB;AAED;;GAEG;AACH,oBAAY,eAAe;IACzB,IAAI,IAAI;IACR,GAAG,OAA2B;IAC9B,IAAI,MAA4B;IAChC,KAAK,KAA6B;IAClC,MAAM,IAA8B;IACpC,OAAO,OAAuD;IAC9D,QAAQ,OAAwD;IAChE,UAAU,MAA0D;IACpE,WAAW,KAA2D;CACvE;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,UAAU,CAAC;IAClB,SAAS,EAAE,eAAe,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,OAAO,CAAC,sBAAsB,CAAC;CAAI;AAE3E;;GAEG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAC,eAAe,CAAsB;IACpD,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAgD;IAE/E,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAgC;IAEhE,2BAA2B;IAC3B,WAAkB,cAAc,IAAI,UAAU,CAAiC;IAC/E,WAAkB,cAAc,CAAC,EAAE,EAAE,UAAU,EAA8C;IAE7F,kCAAkC;IAClC,WAAkB,OAAO,IAAI,MAAM,CAAmC;IACtE,kCAAkC;IAClC,WAAkB,OAAO,IAAI,MAAM,CAAmC;IAEtE,kDAAkD;IAClD,WAAkB,eAAe,IAAI,eAAe,CAAkC;IAEtF,uCAAuC;IACvC,gBAAuB,oBAAoB,qBAA4B;IAEvE,0GAA0G;WAC5F,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAUtD,OAAO,CAAC,MAAM,CAAC,+BAA+B;IAQ9C,OAAO,CAAC,MAAM,CAAC,aAAa;IAwB5B,OAAO,CAAC,MAAM,CAAC,yBAAyB;IAkBxC,gEAAgE;WAClD,sCAAsC,CAAC,eAAe,EAAE,eAAe,GAAG,gBAAgB;IAiCxG,8BAA8B;WAChB,qBAAqB,IAAI,IAAI;CAG5C"}

package/lib/esm/appui-react/cursor/CursorInformation.js

@@ -5,8 +5,8 @@
 /** @packageDocumentation
  * @module Cursor
  */
-import { RelativePosition } from "@itwin/appui-abstract";
-import { Point, UiEvent } from "@itwin/core-react";
+import { RelativePosition, UiEvent } from "@itwin/appui-abstract";
+import { Point } from "@itwin/core-react";
 /** Enum for Cursor Direction parts
  *  @public
  */