@itwin/appui-react 3.0.0-extension.1 → 3.0.2

package/lib/esm/appui-react/content/{SavedViewLayout.js → StageContentLayout.js}

@@ -5,39 +5,41 @@
 /** @packageDocumentation
  * @module ContentView
  */
-import { SavedView } from "./SavedView";
-/** SavedViewLayout class. Used to serialize/deserialize a View Layout with Saved Views.
+import { ViewStateHelper } from "./ViewStateHelper";
+/** StageContentLayout class. Used to serialize/deserialize a View Layout with Saved Views.
  * @public
  */
-export class SavedViewLayout {
+export class StageContentLayout {
     /** Create props for a View Layout */
     static viewLayoutToProps(contentLayoutDef, contentGroup, emphasizeElements = false, contentCallback) {
         const contentLayoutProps = contentLayoutDef.toJSON();
         // update layout in contentGroup to contain latest values from contentLayoutDef this way we don't need to save both.
         const contentGroupProps = { ...contentGroup.toJSON(contentCallback), layout: contentLayoutProps };
-        const savedViews = new Array();
+        const viewStateProps = new Array();
         const viewports = contentGroup.getViewports();
         for (const viewport of viewports) {
             // istanbul ignore else
             if (viewport) {
-                const savedViewProps = SavedView.viewStateToProps(viewport.view);
+                const savedViewProps = ViewStateHelper.viewStateToProps(viewport.view);
                 if (emphasizeElements)
-                    SavedView.emphasizeElementsToProps(viewport, savedViewProps);
-                savedViews.push(savedViewProps);
+                    ViewStateHelper.emphasizeElementsToProps(viewport, savedViewProps);
+                viewStateProps.push(savedViewProps);
             }
         }
         const savedViewLayoutProps = {
             contentGroupProps,
-            savedViews,
+            viewStateProps,
         };
         return savedViewLayoutProps;
     }
-    /** Create an array of ViewStates from the SavedViewLayout */
+    /** Create an array of ViewStates from the StageContentLayout */
     static async viewStatesFromProps(iModelConnection, savedProps) {
         const viewStates = new Array();
-        for (const savedViewProps of savedProps.savedViews) {
-            const viewState = await SavedView.viewStateFromProps(iModelConnection, savedViewProps);
-            viewStates.push(viewState);
+        if (savedProps.viewStateProps) {
+            for (const savedViewProps of savedProps.viewStateProps) {
+                const viewState = await ViewStateHelper.viewStateFromProps(iModelConnection, savedViewProps);
+                viewStates.push(viewState);
+            }
         }
         return viewStates;
     }
@@ -46,11 +48,11 @@ export class SavedViewLayout {
         const changedList = new Array();
         const viewports = contentGroup.getViewports();
         let index = 0;
-        for (const savedViewProps of savedProps.savedViews) {
+        for (const savedViewProps of savedProps.viewStateProps) {
             const viewport = viewports[index];
             // istanbul ignore else
             if (viewport) {
-                const changed = SavedView.emphasizeElementsFromProps(viewport, savedViewProps);
+                const changed = ViewStateHelper.emphasizeElementsFromProps(viewport, savedViewProps);
                 changedList.push(changed);
             }
             index++;
@@ -58,4 +60,4 @@ export class SavedViewLayout {
         return changedList.some((changed) => changed);
     }
 }
-//# sourceMappingURL=SavedViewLayout.js.map
+//# sourceMappingURL=StageContentLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StageContentLayout.js","sourceRoot":"","sources":["../../../../src/appui-react/content/StageContentLayout.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAKH,OAAO,EAAE,eAAe,EAAwB,MAAM,mBAAmB,CAAC;AAqB1E;;GAEG;AACH,MAAM,OAAO,kBAAkB;IAC7B,qCAAqC;IAC9B,MAAM,CAAC,iBAAiB,CAAC,gBAAkC,EAAE,YAA0B,EAAE,oBAA6B,KAAK,EAAE,eAAiC;QACnK,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC;QACrD,oHAAoH;QACpH,MAAM,iBAAiB,GAAG,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,kBAAkB,EAAE,CAAC;QAClG,MAAM,cAAc,GAAG,IAAI,KAAK,EAAwB,CAAC;QACzD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,CAAC;QAC9C,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;YAChC,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,MAAM,cAAc,GAAG,eAAe,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACvE,IAAI,iBAAiB;oBACnB,eAAe,CAAC,wBAAwB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;gBACrE,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;aACrC;SACF;QAED,MAAM,oBAAoB,GAA4B;YACpD,iBAAiB;YACjB,cAAc;SACf,CAAC;QAEF,OAAO,oBAAoB,CAAC;IAC9B,CAAC;IAED,gEAAgE;IACzD,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAkC,EAAE,UAAmC;QAC7G,MAAM,UAAU,GAAG,IAAI,KAAK,EAAyB,CAAC;QAEtD,IAAI,UAAU,CAAC,cAAc,EAAE;YAC7B,KAAK,MAAM,cAAc,IAAI,UAAU,CAAC,cAAc,EAAE;gBACtD,MAAM,SAAS,GAAG,MAAM,eAAe,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;gBAC7F,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC5B;SACF;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,iDAAiD;IAC1C,MAAM,CAAC,0BAA0B,CAAC,YAA0B,EAAE,UAAmC;QACtG,MAAM,WAAW,GAAG,IAAI,KAAK,EAAW,CAAC;QACzC,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,CAAC;QAE9C,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,KAAK,MAAM,cAAc,IAAI,UAAU,CAAC,cAAc,EAAE;YACtD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;YAClC,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,MAAM,OAAO,GAAG,eAAe,CAAC,0BAA0B,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;gBACrF,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;aAC3B;YACD,KAAK,EAAE,CAAC;SACT;QAED,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,OAAgB,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC;CACF","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 { IModelConnection, ViewState } from \"@itwin/core-frontend\";\r\nimport { ContentCallback, ContentGroup, ContentGroupProps } from \"./ContentGroup\";\r\nimport { ContentLayoutDef } from \"./ContentLayout\";\r\nimport { ViewStateHelper, ViewStateHelperProps } from \"./ViewStateHelper\";\r\nimport { ContentLayoutProps } from \"@itwin/appui-abstract\";\r\n\r\n/** StageContentLayoutProps interface for sharing view layout information.\r\n * @public\r\n */\r\nexport interface StageContentLayoutProps {\r\n  contentLayoutProps?: ContentLayoutProps;\r\n  contentGroupProps: ContentGroupProps;\r\n  viewStateProps: ViewStateHelperProps[];\r\n}\r\n\r\n/** ViewLayout interface for sharing view layout information.\r\n * @public\r\n */\r\nexport interface ViewLayout {\r\n  contentLayoutDef: ContentLayoutDef;\r\n  contentGroup: ContentGroup;\r\n  viewStates: Array<ViewState | undefined>;\r\n}\r\n\r\n/** StageContentLayout class. Used to serialize/deserialize a View Layout with Saved Views.\r\n * @public\r\n */\r\nexport class StageContentLayout {\r\n  /** Create props for a View Layout */\r\n  public static viewLayoutToProps(contentLayoutDef: ContentLayoutDef, contentGroup: ContentGroup, emphasizeElements: boolean = false, contentCallback?: ContentCallback): StageContentLayoutProps {\r\n    const contentLayoutProps = contentLayoutDef.toJSON();\r\n    // update layout in contentGroup to contain latest values from contentLayoutDef this way we don't need to save both.\r\n    const contentGroupProps = { ...contentGroup.toJSON(contentCallback), layout: contentLayoutProps };\r\n    const viewStateProps = new Array<ViewStateHelperProps>();\r\n    const viewports = contentGroup.getViewports();\r\n    for (const viewport of viewports) {\r\n      // istanbul ignore else\r\n      if (viewport) {\r\n        const savedViewProps = ViewStateHelper.viewStateToProps(viewport.view);\r\n        if (emphasizeElements)\r\n          ViewStateHelper.emphasizeElementsToProps(viewport, savedViewProps);\r\n        viewStateProps.push(savedViewProps);\r\n      }\r\n    }\r\n\r\n    const savedViewLayoutProps: StageContentLayoutProps = {\r\n      contentGroupProps,\r\n      viewStateProps,\r\n    };\r\n\r\n    return savedViewLayoutProps;\r\n  }\r\n\r\n  /** Create an array of ViewStates from the StageContentLayout */\r\n  public static async viewStatesFromProps(iModelConnection: IModelConnection, savedProps: StageContentLayoutProps): Promise<Array<ViewState | undefined>> {\r\n    const viewStates = new Array<ViewState | undefined>();\r\n\r\n    if (savedProps.viewStateProps) {\r\n      for (const savedViewProps of savedProps.viewStateProps) {\r\n        const viewState = await ViewStateHelper.viewStateFromProps(iModelConnection, savedViewProps);\r\n        viewStates.push(viewState);\r\n      }\r\n    }\r\n\r\n    return viewStates;\r\n  }\r\n\r\n  /** Apply EmphasizeElements from the SavedView */\r\n  public static emphasizeElementsFromProps(contentGroup: ContentGroup, savedProps: StageContentLayoutProps): boolean {\r\n    const changedList = new Array<boolean>();\r\n    const viewports = contentGroup.getViewports();\r\n\r\n    let index = 0;\r\n    for (const savedViewProps of savedProps.viewStateProps) {\r\n      const viewport = viewports[index];\r\n      // istanbul ignore else\r\n      if (viewport) {\r\n        const changed = ViewStateHelper.emphasizeElementsFromProps(viewport, savedViewProps);\r\n        changedList.push(changed);\r\n      }\r\n      index++;\r\n    }\r\n\r\n    return changedList.some((changed: boolean) => changed);\r\n  }\r\n}\r\n"]}

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

@@ -6,21 +6,21 @@ import { IModelConnection, ScreenViewport, ViewState } from "@itwin/core-fronten
 /** SavedViewProps interface for sharing ViewState and EmphasizeElements information.
  * @public
  */
-export interface SavedViewProps extends ViewStateProps {
+export interface ViewStateHelperProps extends ViewStateProps {
     bisBaseClass: string;
     emphasizeElementsProps?: EmphasizeElementsProps;
 }
 /** SavedView class. Used to serialize/deserialize a ViewState.
  * @public
  */
-export declare class SavedView {
+export declare class ViewStateHelper {
     /** Create a ViewState from the SavedView */
-    static viewStateFromProps(iModelConnection: IModelConnection, savedViewProps: SavedViewProps): Promise<ViewState | undefined>;
+    static viewStateFromProps(iModelConnection: IModelConnection, savedViewProps: ViewStateHelperProps): Promise<ViewState | undefined>;
     /** Apply EmphasizeElements from the SavedView */
-    static emphasizeElementsFromProps(vp: ScreenViewport, savedViewProps: SavedViewProps): boolean;
+    static emphasizeElementsFromProps(vp: ScreenViewport, savedViewProps: ViewStateHelperProps): boolean;
     /** Create props for a ViewState */
-    static viewStateToProps(viewState: ViewState): SavedViewProps;
+    static viewStateToProps(viewState: ViewState): ViewStateHelperProps;
     /** Create props for an EmphasizeElements and store in SavedViewProps */
-    static emphasizeElementsToProps(vp: ScreenViewport, savedViewProps: SavedViewProps): void;
+    static emphasizeElementsToProps(vp: ScreenViewport, savedViewProps: ViewStateHelperProps): void;
 }
-//# sourceMappingURL=SavedView.d.ts.map
+//# sourceMappingURL=ViewStateHelper.d.ts.map

package/lib/esm/appui-react/content/ViewStateHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewStateHelper.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewStateHelper.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAC2B,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAC5E,MAAM,sBAAsB,CAAC;AAG9B;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD;AAED;;GAEG;AACH,qBAAa,eAAe;IAC1B,4CAA4C;WACxB,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,oBAAoB,GAAG,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAchJ,iDAAiD;WACnC,0BAA0B,CAAC,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,oBAAoB,GAAG,OAAO;IAS3G,mCAAmC;WACrB,gBAAgB,CAAC,SAAS,EAAE,SAAS,GAAG,oBAAoB;IAM1E,wEAAwE;WAC1D,wBAAwB,CAAC,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,oBAAoB,GAAG,IAAI;CAMvG"}

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