@itwin/appui-react 4.9.0 → 4.10.0

package/lib/cjs/appui-react/popup/ToolSettingsPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettingsPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolSettingsPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAkC;AAOlC,kDAAgF;AAChF,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAsE;AACtE,yEAAsE;AACtE,yFAA+E;AAgB/E;;GAEG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAG5C;IAMC,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QANf,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAMM,iBAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;YAC5C,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,CAAsB,EAAE,EAAE;YAClD,QAAQ,CAAC,CAAC,GAAG,EAAE;gBACb,KAAK,iBAAG,CAAC,MAAM;oBACb,uBAAuB;oBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;wBAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;oBAC/C,MAAM;aACT;QACH,CAAC,CAAC;IAfF,CAAC;IAiBe,MAAM;QACpB,MAAM,kBAAkB,GAAG,IAAI,uCAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC3E,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,kBAAK,EAAE,EACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QACF,MAAM,SAAS,GAAG,yBAAW,CAAC,YAAY,CACxC,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAC;QACF,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAEjD,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAClB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnC,SAAS,EAAE,IAAI,CAAC,cAAc;gBAE9B,oBAAC,oCAAoB;oBACnB,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,IACnD,kBAAkB,IAAI,CACrB,oBAAC,gDAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAChE,CACS,CACS,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAjED,8CAiEC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type {\n  DialogLayoutDataProvider,\n  OnCancelFunc,\n  RelativePosition,\n} from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\nimport { DialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\n\n/** Props for defining a popup tool settings component\n * @beta */\nexport interface ToolSettingsPopupProps extends PopupPropsBase {\n  dataProvider: DialogLayoutDataProvider;\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n}\n\n/** @internal */\ninterface ToolSettingsPopupState {\n  size: Size;\n}\n\n/** Popup component for Tool Settings\n * @beta\n */\nexport class ToolSettingsPopup extends React.PureComponent<\n  ToolSettingsPopupProps,\n  ToolSettingsPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  constructor(props: ToolSettingsPopupProps) {\n    super(props);\n  }\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  private _handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case Key.Escape:\n        // istanbul ignore else\n        if (this.props.onCancel) this.props.onCancel();\n        break;\n    }\n  };\n\n  public override render() {\n    const componentGenerator = new ComponentGenerator(this.props.dataProvider);\n    let point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      new Point(),\n      this.state.size\n    );\n    const popupRect = CursorPopup.getPopupRect(\n      point,\n      this.props.offset,\n      this.state.size,\n      this.props.relativePosition\n    );\n    point = new Point(popupRect.left, popupRect.top);\n\n    return (\n      <PositionPopup\n        key={this.props.id}\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        <DivWithOutsideClick\n          onOutsideClick={this.props.onCancel}\n          onKeyDown={this._handleKeyDown}\n        >\n          <PositionPopupContent>\n            <FocusTrap active={true} returnFocusOnDeactivate={true}>\n              {componentGenerator && (\n                <DialogGridContainer componentGenerator={componentGenerator} />\n              )}\n            </FocusTrap>\n          </PositionPopupContent>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ToolSettingsPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolSettingsPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAkC;AAOlC,kDAAgF;AAChF,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAsE;AACtE,yEAAsE;AACtE,yFAA+E;AAgB/E;;GAEG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAG5C;IAMC,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QANf,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAMM,iBAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;YAC5C,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,CAAsB,EAAE,EAAE;YAClD,QAAQ,CAAC,CAAC,GAAG,EAAE;gBACb,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;oBACvB,uBAAuB;oBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;wBAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;oBAC/C,MAAM;aACT;QACH,CAAC,CAAC;IAfF,CAAC;IAiBe,MAAM;QACpB,MAAM,kBAAkB,GAAG,IAAI,uCAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC3E,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,kBAAK,EAAE,EACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QACF,MAAM,SAAS,GAAG,yBAAW,CAAC,YAAY,CACxC,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAC;QACF,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAEjD,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAClB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnC,SAAS,EAAE,IAAI,CAAC,cAAc;gBAE9B,oBAAC,oCAAoB;oBACnB,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,IACnD,kBAAkB,IAAI,CACrB,oBAAC,gDAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAChE,CACS,CACS,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAjED,8CAiEC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type {\n  DialogLayoutDataProvider,\n  OnCancelFunc,\n  RelativePosition,\n} from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\nimport { DialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\n\n/** Props for defining a popup tool settings component\n * @beta */\nexport interface ToolSettingsPopupProps extends PopupPropsBase {\n  dataProvider: DialogLayoutDataProvider;\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n}\n\n/** @internal */\ninterface ToolSettingsPopupState {\n  size: Size;\n}\n\n/** Popup component for Tool Settings\n * @beta\n */\nexport class ToolSettingsPopup extends React.PureComponent<\n  ToolSettingsPopupProps,\n  ToolSettingsPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  constructor(props: ToolSettingsPopupProps) {\n    super(props);\n  }\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  private _handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case Key.Escape.valueOf():\n        // istanbul ignore else\n        if (this.props.onCancel) this.props.onCancel();\n        break;\n    }\n  };\n\n  public override render() {\n    const componentGenerator = new ComponentGenerator(this.props.dataProvider);\n    let point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      new Point(),\n      this.state.size\n    );\n    const popupRect = CursorPopup.getPopupRect(\n      point,\n      this.props.offset,\n      this.state.size,\n      this.props.relativePosition\n    );\n    point = new Point(popupRect.left, popupRect.top);\n\n    return (\n      <PositionPopup\n        key={this.props.id}\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        <DivWithOutsideClick\n          onOutsideClick={this.props.onCancel}\n          onKeyDown={this._handleKeyDown}\n        >\n          <PositionPopupContent>\n            <FocusTrap active={true} returnFocusOnDeactivate={true}>\n              {componentGenerator && (\n                <DialogGridContainer componentGenerator={componentGenerator} />\n              )}\n            </FocusTrap>\n          </PositionPopupContent>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/popup/ToolbarPopup.js

@@ -33,7 +33,7 @@ class ToolbarPopup extends React.PureComponent {
         };
         this._handleKeyDown = (event) => {
             switch (event.key) {
-                case ts_key_enum_1.Key.Escape:
+                case ts_key_enum_1.Key.Escape.valueOf():
                     this._cancel();
                     break;
             }

package/lib/cjs/appui-react/popup/ToolbarPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolbarPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAkC;AAOlC,kDAAgF;AAChF,8DAIiC;AACjC,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAgD;AAEhD,gDAA6C;AAiB7C;;GAEG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,aAGvC;IAHD;;QAIE,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAEM,iBAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;YAC5C,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEM,mBAAc,GAAG,CACvB,KAA0C,EACpC,EAAE;YACR,QAAQ,KAAK,CAAC,GAAG,EAAE;gBACjB,KAAK,iBAAG,CAAC,MAAM;oBACb,IAAI,CAAC,OAAO,EAAE,CAAC;oBACf,MAAM;aACT;QACH,CAAC,CAAC;IAgDJ,CAAC;IA9CS,OAAO;QACb,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SACvB;IACH,CAAC;IAEe,MAAM;QACpB,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,kBAAK,EAAE,EACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QACF,MAAM,SAAS,GAAG,yBAAW,CAAC,YAAY,CACxC,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAC;QACF,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QACjD,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAClB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnC,SAAS,EAAE,IAAI,CAAC,cAAc;gBAE9B,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;oBACpD,oBAAC,iBAAO,IACN,SAAS,EAAE,4BAAS,CAAC,MAAM,EAC3B,cAAc,EAAE,wCAAqB,CAAC,KAAK,EAC3C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,kBAAkB,EAAE,IAAI,EACxB,qBAAqB,EAAE,wCAAqB,CAAC,QAAQ,EACrD,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACQ,CACQ,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAvED,oCAuEC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type {\n  OnCancelFunc,\n  OnItemExecutedFunc,\n  RelativePosition,\n} from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport {\n  Direction,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { Toolbar } from \"../toolbar/Toolbar\";\n\n/** Props for a popup toolbar\n * @beta */\nexport interface ToolbarPopupProps extends PopupPropsBase {\n  items: ToolbarItem[];\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n  onItemExecuted: OnItemExecutedFunc;\n}\n\n/** @internal */\ninterface ToolbarPopupState {\n  size: Size;\n}\n\n/** Popup component for Toolbar\n * @beta\n */\nexport class ToolbarPopup extends React.PureComponent<\n  ToolbarPopupProps,\n  ToolbarPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  private _handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>\n  ): void => {\n    switch (event.key) {\n      case Key.Escape:\n        this._cancel();\n        break;\n    }\n  };\n\n  private _cancel() {\n    // istanbul ignore else\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n  }\n\n  public override render() {\n    let point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      new Point(),\n      this.state.size\n    );\n    const popupRect = CursorPopup.getPopupRect(\n      point,\n      this.props.offset,\n      this.state.size,\n      this.props.relativePosition\n    );\n    point = new Point(popupRect.left, popupRect.top);\n    return (\n      <PositionPopup\n        key={this.props.id}\n        className=\"uifw-no-border\"\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        <DivWithOutsideClick\n          onOutsideClick={this.props.onCancel}\n          onKeyDown={this._handleKeyDown}\n        >\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\n            <Toolbar\n              expandsTo={Direction.Bottom}\n              panelAlignment={ToolbarPanelAlignment.Start}\n              items={this.props.items}\n              useDragInteraction={true}\n              toolbarOpacitySetting={ToolbarOpacitySetting.Defaults}\n              onItemExecuted={this.props.onItemExecuted}\n            />\n          </FocusTrap>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ToolbarPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolbarPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAkC;AAOlC,kDAAgF;AAChF,8DAIiC;AACjC,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAgD;AAEhD,gDAA6C;AAiB7C;;GAEG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,aAGvC;IAHD;;QAIE,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAEM,iBAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;YAC5C,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEM,mBAAc,GAAG,CACvB,KAA0C,EACpC,EAAE;YACR,QAAQ,KAAK,CAAC,GAAG,EAAE;gBACjB,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;oBACvB,IAAI,CAAC,OAAO,EAAE,CAAC;oBACf,MAAM;aACT;QACH,CAAC,CAAC;IAgDJ,CAAC;IA9CS,OAAO;QACb,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SACvB;IACH,CAAC;IAEe,MAAM;QACpB,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,kBAAK,EAAE,EACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QACF,MAAM,SAAS,GAAG,yBAAW,CAAC,YAAY,CACxC,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAC;QACF,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QACjD,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAClB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnC,SAAS,EAAE,IAAI,CAAC,cAAc;gBAE9B,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;oBACpD,oBAAC,iBAAO,IACN,SAAS,EAAE,4BAAS,CAAC,MAAM,EAC3B,cAAc,EAAE,wCAAqB,CAAC,KAAK,EAC3C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,kBAAkB,EAAE,IAAI,EACxB,qBAAqB,EAAE,wCAAqB,CAAC,QAAQ,EACrD,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACQ,CACQ,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAvED,oCAuEC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type {\n  OnCancelFunc,\n  OnItemExecutedFunc,\n  RelativePosition,\n} from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport {\n  Direction,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { Toolbar } from \"../toolbar/Toolbar\";\n\n/** Props for a popup toolbar\n * @beta */\nexport interface ToolbarPopupProps extends PopupPropsBase {\n  items: ToolbarItem[];\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n  onItemExecuted: OnItemExecutedFunc;\n}\n\n/** @internal */\ninterface ToolbarPopupState {\n  size: Size;\n}\n\n/** Popup component for Toolbar\n * @beta\n */\nexport class ToolbarPopup extends React.PureComponent<\n  ToolbarPopupProps,\n  ToolbarPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  private _handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>\n  ): void => {\n    switch (event.key) {\n      case Key.Escape.valueOf():\n        this._cancel();\n        break;\n    }\n  };\n\n  private _cancel() {\n    // istanbul ignore else\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n  }\n\n  public override render() {\n    let point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      new Point(),\n      this.state.size\n    );\n    const popupRect = CursorPopup.getPopupRect(\n      point,\n      this.props.offset,\n      this.state.size,\n      this.props.relativePosition\n    );\n    point = new Point(popupRect.left, popupRect.top);\n    return (\n      <PositionPopup\n        key={this.props.id}\n        className=\"uifw-no-border\"\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        <DivWithOutsideClick\n          onOutsideClick={this.props.onCancel}\n          onKeyDown={this._handleKeyDown}\n        >\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\n            <Toolbar\n              expandsTo={Direction.Bottom}\n              panelAlignment={ToolbarPanelAlignment.Start}\n              items={this.props.items}\n              useDragInteraction={true}\n              toolbarOpacitySetting={ToolbarOpacitySetting.Defaults}\n              onItemExecuted={this.props.onItemExecuted}\n            />\n          </FocusTrap>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/preview/PreviewFeatures.d.ts

@@ -10,11 +10,16 @@ interface KnownPreviewFeatures {
      * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/672
      */
     contentAlwaysMaxSize: boolean;
-    /** If true, the floating widget will have a "maximize" button.
+    /** If true, the floating widget will have a "maximize" button. Use `enableMaximizedPanelWidget` to enable the feature for panel widgets.
      *
      * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673
      */
     enableMaximizedFloatingWidget: boolean;
+    /** If true, the panel widget will have a "maximize" button. Use `enableMaximizedFloatingWidget` to enable the feature for floating widgets.
+     *
+     * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673
+     */
+    enableMaximizedPanelWidget: boolean;
     /** If true, a tab, or the active tab of a group of widget will become active when dropped in a container.
      *
      * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/679

package/lib/cjs/appui-react/preview/PreviewFeatures.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewFeatures.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,sCAAsC;AACtC,UAAU,oBAAoB;IAC5B;;;;OAIG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,6BAA6B,EAAE,OAAO,CAAC;IACvC;;;OAGG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,oBAAoB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7C;AAcD;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,OAAO,CAAC,oBAAoB,CAAC;IACpE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B;AAwDD;;GAEG;AACH,wBAAgB,kBAAkB,oBAEjC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,qBAgB9B"}
+{"version":3,"file":"PreviewFeatures.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,sCAAsC;AACtC,UAAU,oBAAoB;IAC5B;;;;OAIG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,6BAA6B,EAAE,OAAO,CAAC;IACvC;;;OAGG;IACH,0BAA0B,EAAE,OAAO,CAAC;IACpC;;;OAGG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,oBAAoB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7C;AAeD;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,OAAO,CAAC,oBAAoB,CAAC;IACpE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B;AAwDD;;GAEG;AACH,wBAAgB,kBAAkB,oBAEjC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,qBAgB9B"}

package/lib/cjs/appui-react/preview/PreviewFeatures.js

@@ -17,6 +17,7 @@ const knownFeaturesObject = {
     activateDroppedTab: undefined,
     contentAlwaysMaxSize: undefined,
     enableMaximizedFloatingWidget: undefined,
+    enableMaximizedPanelWidget: undefined,
     horizontalPanelAlignment: undefined,
     widgetActionDropdown: undefined,
     ...{ newToolbars: undefined }, // Hidden feature used in storybook only (to avoid trimming).
@@ -87,7 +88,7 @@ exports.usePreviewFeatures = usePreviewFeatures;
 function PreviewFeaturesProvider({ children, features, }) {
     const setPreviewFeatures = usePreviewFeaturesStore((state) => state.setPreviewFeatures);
     React.useEffect(() => {
-        setPreviewFeatures(features !== null && features !== void 0 ? features : {});
+        setPreviewFeatures(features ?? {});
     }, [features, setPreviewFeatures]);
     // Clear preview features when unmounting.
     React.useEffect(() => () => {

package/lib/cjs/appui-react/preview/PreviewFeatures.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewFeatures.js","sourceRoot":"","sources":["../../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,qCAAiC;AAgCjC;;GAEG;AACH,MAAM,mBAAmB,GAAkD;IACzE,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,SAAS;IAC/B,6BAA6B,EAAE,SAAS;IACxC,wBAAwB,EAAE,SAAS;IACnC,oBAAoB,EAAE,SAAS;IAC/B,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,6DAA6D;CAC7F,CAAC;AAYF;;;;GAIG;AACH,SAAS,uBAAuB,CAAC,eAAgC;IAC/D,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,GAAG,MAAM,CAAC,OAAO,CACrD,eAAe,CAChB,CAAC,MAAM,CACN,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACjC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAClC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SACpB;aAAM;YACL,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACnB;QACD,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,EAAE,EAAE,EAAE,CAAgC,CACxC,CAAC;IACF,IACE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC;QACvC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EACtC;QACA,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,6FAA6F,eAAe,CAAC,QAAQ,EAAE;uDACtE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,CAChF,CAAC;KACH;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAOD;;;;;GAKG;AACH,MAAM,uBAAuB,GAAG,IAAA,gBAAM,EAAuB,CAAC,GAAG,EAAE,EAAE;IACnE,OAAO;QACL,eAAe,EAAE,EAAE;QACnB,kBAAkB,EAAE,CAAC,kBAAmC,EAAE,EAAE;YAC1D,MAAM,eAAe,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;YACpE,GAAG,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC;QAC3B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;GAEG;AACH,SAAgB,kBAAkB;IAChC,OAAO,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACnE,CAAC;AAFD,gDAEC;AAUD;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACqB;IAC7B,MAAM,kBAAkB,GAAG,uBAAuB,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CACpC,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kBAAkB,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEnC,0CAA0C;IAC1C,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC;AAnBD,0DAmBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\nimport { create } from \"zustand\";\n\n/** List of known preview features. */\ninterface KnownPreviewFeatures {\n  /** If true, the panels and tool settings will always be rendered over the content.\n   * The content will never change size.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/672\n   */\n  contentAlwaysMaxSize: boolean;\n  /** If true, the floating widget will have a \"maximize\" button.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673\n   */\n  enableMaximizedFloatingWidget: boolean;\n  /** If true, a tab, or the active tab of a group of widget will become active when dropped in a container.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/679\n   */\n  activateDroppedTab: boolean;\n  /** If true, the horizontal panels will have an additional \"Align\" button.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/706\n   */\n  horizontalPanelAlignment: boolean;\n  /** If enabled, a dropdown menu will be rendered for widgets that exceed the specified threshold of title bar buttons.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/723\n   */\n  widgetActionDropdown: { threshold: number };\n}\n\n/** Object used trim to only known features at runtime.\n * @internal\n */\nconst knownFeaturesObject: Record<keyof KnownPreviewFeatures, undefined> = {\n  activateDroppedTab: undefined,\n  contentAlwaysMaxSize: undefined,\n  enableMaximizedFloatingWidget: undefined,\n  horizontalPanelAlignment: undefined,\n  widgetActionDropdown: undefined,\n  ...{ newToolbars: undefined }, // Hidden feature used in storybook only (to avoid trimming).\n};\n\n/** List of preview features that can be enabled/disabled.\n * This list is expected to change over time, the interface is made\n * so that new features can be added or removed without breaking existing code.\n * A console warning will simply appear if unknown features are passed.\n * @beta\n */\nexport interface PreviewFeatures extends Partial<KnownPreviewFeatures> {\n  [featureName: string]: any;\n}\n\n/** Trim an object to only contain known feature keys.\n * @param previewFeatures object potentially containing unknown features\n * @returns object containing only known features\n * @internal\n */\nfunction trimToKnownFeaturesOnly(previewFeatures: PreviewFeatures) {\n  const knownFeatureKeys = Object.keys(knownFeaturesObject);\n  const [knownFeatures, unknownFeatures] = Object.entries(\n    previewFeatures\n  ).reduce(\n    ([known, unknown], [key, value]) => {\n      if (knownFeatureKeys.includes(key)) {\n        known[key] = value;\n      } else {\n        unknown.push(key);\n      }\n      return [known, unknown];\n    },\n    [{}, []] as [PreviewFeatures, string[]]\n  );\n  if (\n    Object.keys(unknownFeatures).length > 0 &&\n    process.env.NODE_ENV === \"development\"\n  ) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `The following features used in \"setPreviewFeatures\" are unknown or no longer in preview: [${unknownFeatures.toString()}]\n      Here is the list of currently known features: [${knownFeatureKeys.toString()}]`\n    );\n  }\n  return knownFeatures;\n}\n\ninterface PreviewFeaturesState {\n  previewFeatures: PreviewFeatures;\n  setPreviewFeatures: (previewFeatures: PreviewFeatures) => void;\n}\n\n/** Preview features store used by `UiFramework.previewFeatures` and `UiFramework.setPreviewFeatures()` APIs to manage the preview features.\n * Use `usePreviewFeatures` hook to access the preview features set from a react component.\n * Use `usePreviewFeaturesStore.getState().previewFeatures` to access the preview features set from a non-react component.\n * Use `usePreviewFeaturesStore.subscribe()` to subscribe to changes to the preview features set from a non-react component.\n * @internal\n */\nconst usePreviewFeaturesStore = create<PreviewFeaturesState>((set) => {\n  return {\n    previewFeatures: {},\n    setPreviewFeatures: (newPreviewFeatures: PreviewFeatures) => {\n      const previewFeatures = trimToKnownFeaturesOnly(newPreviewFeatures);\n      set({ previewFeatures });\n    },\n  };\n});\n\n/** Hook to access the preview features set.\n * @internal\n */\nexport function usePreviewFeatures() {\n  return usePreviewFeaturesStore((state) => state.previewFeatures);\n}\n\n/** Props for PreviewFeaturesProvider.\n * @beta\n */\nexport interface PreviewFeaturesProviderProps {\n  children?: React.ReactNode;\n  features?: PreviewFeatures;\n}\n\n/** Set which preview features are enabled. These features are not yet ready for production use nor have\n * a proper API defined yet.\n * The available set of features are defined in the [[PreviewFeatures]] interface.\n *\n * This component should wrap the Provider component.\n *\n * ```tsx\n * <PreviewFeaturesProvider features={{ enableMaximizedFloatingWidget: true }}>\n *   <Provider store={UiFramework.store}>\n *    [...]\n *     <ConfigurableUIContent />\n *    [/...]\n *   </Provider>\n * </PreviewFeaturesProvider>\n * ```\n * @beta\n */\nexport function PreviewFeaturesProvider({\n  children,\n  features,\n}: PreviewFeaturesProviderProps) {\n  const setPreviewFeatures = usePreviewFeaturesStore(\n    (state) => state.setPreviewFeatures\n  );\n  React.useEffect(() => {\n    setPreviewFeatures(features ?? {});\n  }, [features, setPreviewFeatures]);\n\n  // Clear preview features when unmounting.\n  React.useEffect(\n    () => () => {\n      setPreviewFeatures({});\n    },\n    [setPreviewFeatures]\n  );\n  return <>{children}</>;\n}\n"]}
+{"version":3,"file":"PreviewFeatures.js","sourceRoot":"","sources":["../../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,qCAAiC;AAqCjC;;GAEG;AACH,MAAM,mBAAmB,GAAkD;IACzE,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,SAAS;IAC/B,6BAA6B,EAAE,SAAS;IACxC,0BAA0B,EAAE,SAAS;IACrC,wBAAwB,EAAE,SAAS;IACnC,oBAAoB,EAAE,SAAS;IAC/B,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,6DAA6D;CAC7F,CAAC;AAYF;;;;GAIG;AACH,SAAS,uBAAuB,CAAC,eAAgC;IAC/D,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,GAAG,MAAM,CAAC,OAAO,CACrD,eAAe,CAChB,CAAC,MAAM,CACN,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACjC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAClC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SACpB;aAAM;YACL,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACnB;QACD,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,EAAE,EAAE,EAAE,CAAgC,CACxC,CAAC;IACF,IACE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC;QACvC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EACtC;QACA,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,6FAA6F,eAAe,CAAC,QAAQ,EAAE;uDACtE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,CAChF,CAAC;KACH;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAOD;;;;;GAKG;AACH,MAAM,uBAAuB,GAAG,IAAA,gBAAM,EAAuB,CAAC,GAAG,EAAE,EAAE;IACnE,OAAO;QACL,eAAe,EAAE,EAAE;QACnB,kBAAkB,EAAE,CAAC,kBAAmC,EAAE,EAAE;YAC1D,MAAM,eAAe,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;YACpE,GAAG,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC;QAC3B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;GAEG;AACH,SAAgB,kBAAkB;IAChC,OAAO,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACnE,CAAC;AAFD,gDAEC;AAUD;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACqB;IAC7B,MAAM,kBAAkB,GAAG,uBAAuB,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CACpC,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kBAAkB,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEnC,0CAA0C;IAC1C,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC;AAnBD,0DAmBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\nimport { create } from \"zustand\";\n\n/** List of known preview features. */\ninterface KnownPreviewFeatures {\n  /** If true, the panels and tool settings will always be rendered over the content.\n   * The content will never change size.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/672\n   */\n  contentAlwaysMaxSize: boolean;\n  /** If true, the floating widget will have a \"maximize\" button. Use `enableMaximizedPanelWidget` to enable the feature for panel widgets.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673\n   */\n  enableMaximizedFloatingWidget: boolean;\n  /** If true, the panel widget will have a \"maximize\" button. Use `enableMaximizedFloatingWidget` to enable the feature for floating widgets.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/673\n   */\n  enableMaximizedPanelWidget: boolean;\n  /** If true, a tab, or the active tab of a group of widget will become active when dropped in a container.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/679\n   */\n  activateDroppedTab: boolean;\n  /** If true, the horizontal panels will have an additional \"Align\" button.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/706\n   */\n  horizontalPanelAlignment: boolean;\n  /** If enabled, a dropdown menu will be rendered for widgets that exceed the specified threshold of title bar buttons.\n   *\n   * Discuss or upvote this feature: https://github.com/iTwin/appui/discussions/723\n   */\n  widgetActionDropdown: { threshold: number };\n}\n\n/** Object used trim to only known features at runtime.\n * @internal\n */\nconst knownFeaturesObject: Record<keyof KnownPreviewFeatures, undefined> = {\n  activateDroppedTab: undefined,\n  contentAlwaysMaxSize: undefined,\n  enableMaximizedFloatingWidget: undefined,\n  enableMaximizedPanelWidget: undefined,\n  horizontalPanelAlignment: undefined,\n  widgetActionDropdown: undefined,\n  ...{ newToolbars: undefined }, // Hidden feature used in storybook only (to avoid trimming).\n};\n\n/** List of preview features that can be enabled/disabled.\n * This list is expected to change over time, the interface is made\n * so that new features can be added or removed without breaking existing code.\n * A console warning will simply appear if unknown features are passed.\n * @beta\n */\nexport interface PreviewFeatures extends Partial<KnownPreviewFeatures> {\n  [featureName: string]: any;\n}\n\n/** Trim an object to only contain known feature keys.\n * @param previewFeatures object potentially containing unknown features\n * @returns object containing only known features\n * @internal\n */\nfunction trimToKnownFeaturesOnly(previewFeatures: PreviewFeatures) {\n  const knownFeatureKeys = Object.keys(knownFeaturesObject);\n  const [knownFeatures, unknownFeatures] = Object.entries(\n    previewFeatures\n  ).reduce(\n    ([known, unknown], [key, value]) => {\n      if (knownFeatureKeys.includes(key)) {\n        known[key] = value;\n      } else {\n        unknown.push(key);\n      }\n      return [known, unknown];\n    },\n    [{}, []] as [PreviewFeatures, string[]]\n  );\n  if (\n    Object.keys(unknownFeatures).length > 0 &&\n    process.env.NODE_ENV === \"development\"\n  ) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `The following features used in \"setPreviewFeatures\" are unknown or no longer in preview: [${unknownFeatures.toString()}]\n      Here is the list of currently known features: [${knownFeatureKeys.toString()}]`\n    );\n  }\n  return knownFeatures;\n}\n\ninterface PreviewFeaturesState {\n  previewFeatures: PreviewFeatures;\n  setPreviewFeatures: (previewFeatures: PreviewFeatures) => void;\n}\n\n/** Preview features store used by `UiFramework.previewFeatures` and `UiFramework.setPreviewFeatures()` APIs to manage the preview features.\n * Use `usePreviewFeatures` hook to access the preview features set from a react component.\n * Use `usePreviewFeaturesStore.getState().previewFeatures` to access the preview features set from a non-react component.\n * Use `usePreviewFeaturesStore.subscribe()` to subscribe to changes to the preview features set from a non-react component.\n * @internal\n */\nconst usePreviewFeaturesStore = create<PreviewFeaturesState>((set) => {\n  return {\n    previewFeatures: {},\n    setPreviewFeatures: (newPreviewFeatures: PreviewFeatures) => {\n      const previewFeatures = trimToKnownFeaturesOnly(newPreviewFeatures);\n      set({ previewFeatures });\n    },\n  };\n});\n\n/** Hook to access the preview features set.\n * @internal\n */\nexport function usePreviewFeatures() {\n  return usePreviewFeaturesStore((state) => state.previewFeatures);\n}\n\n/** Props for PreviewFeaturesProvider.\n * @beta\n */\nexport interface PreviewFeaturesProviderProps {\n  children?: React.ReactNode;\n  features?: PreviewFeatures;\n}\n\n/** Set which preview features are enabled. These features are not yet ready for production use nor have\n * a proper API defined yet.\n * The available set of features are defined in the [[PreviewFeatures]] interface.\n *\n * This component should wrap the Provider component.\n *\n * ```tsx\n * <PreviewFeaturesProvider features={{ enableMaximizedFloatingWidget: true }}>\n *   <Provider store={UiFramework.store}>\n *    [...]\n *     <ConfigurableUIContent />\n *    [/...]\n *   </Provider>\n * </PreviewFeaturesProvider>\n * ```\n * @beta\n */\nexport function PreviewFeaturesProvider({\n  children,\n  features,\n}: PreviewFeaturesProviderProps) {\n  const setPreviewFeatures = usePreviewFeaturesStore(\n    (state) => state.setPreviewFeatures\n  );\n  React.useEffect(() => {\n    setPreviewFeatures(features ?? {});\n  }, [features, setPreviewFeatures]);\n\n  // Clear preview features when unmounting.\n  React.useEffect(\n    () => () => {\n      setPreviewFeatures({});\n    },\n    [setPreviewFeatures]\n  );\n  return <>{children}</>;\n}\n"]}

package/lib/cjs/appui-react/preview/enable-maximized-widget/MaximizeToggle.d.ts

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+/** @internal */
+export declare function MaximizeToggle(): React.JSX.Element;
+/** @internal */
+export declare function useMaximizeToggle(): boolean;
+//# sourceMappingURL=MaximizeToggle.d.ts.map

package/lib/cjs/appui-react/preview/enable-maximized-widget/MaximizeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaximizeToggle.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/enable-maximized-widget/MaximizeToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,gBAAgB;AAChB,wBAAgB,cAAc,sBA4B7B;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,YAShC"}

package/lib/cjs/appui-react/preview/enable-maximized-widget/MaximizeToggle.js

@@ -0,0 +1,51 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMaximizeToggle = exports.MaximizeToggle = void 0;
+const React = require("react");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const Button_1 = require("../widget-action-dropdown/Button");
+const Widget_1 = require("../../layout/widget/Widget");
+const MaximizedWidget_1 = require("./MaximizedWidget");
+const PreviewFeatures_1 = require("../PreviewFeatures");
+const FloatingWidget_1 = require("../../layout/widget/FloatingWidget");
+const usePanelWidgetId_1 = require("../../layout/widget/usePanelWidgetId");
+/** @internal */
+function MaximizeToggle() {
+    const widgetId = React.useContext(Widget_1.WidgetIdContext);
+    const { maximizedWidget, setMaximizedWidget } = React.useContext(MaximizedWidget_1.MaximizedWidgetContext);
+    const { id, title, iconSpec } = maximizedWidget === widgetId
+        ? {
+            id: undefined,
+            title: "Restore",
+            iconSpec: React.createElement(itwinui_icons_react_1.SvgWindowMinimize, null),
+        }
+        : {
+            id: widgetId,
+            title: "Maximize",
+            iconSpec: React.createElement(itwinui_icons_react_1.SvgWindowMaximize, null),
+        };
+    return (React.createElement(Button_1.ActionButton, { icon: iconSpec, title: title, onClick: () => {
+            setMaximizedWidget(id);
+        } }));
+}
+exports.MaximizeToggle = MaximizeToggle;
+/** @internal */
+function useMaximizeToggle() {
+    const { enableMaximizedFloatingWidget, enableMaximizedPanelWidget } = (0, PreviewFeatures_1.usePreviewFeatures)();
+    const floatingWidgetId = (0, FloatingWidget_1.useFloatingWidgetId)();
+    const panelWidgetId = (0, usePanelWidgetId_1.usePanelWidgetId)();
+    if (enableMaximizedFloatingWidget && floatingWidgetId)
+        return true;
+    if (enableMaximizedPanelWidget && panelWidgetId)
+        return true;
+    return false;
+}
+exports.useMaximizeToggle = useMaximizeToggle;
+//# sourceMappingURL=MaximizeToggle.js.map

package/lib/cjs/appui-react/preview/enable-maximized-widget/MaximizeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaximizeToggle.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/enable-maximized-widget/MaximizeToggle.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,oEAGoC;AACpC,6DAAgE;AAChE,uDAA6D;AAC7D,uDAA2D;AAC3D,wDAAwD;AACxD,uEAAyE;AACzE,2EAAwE;AAExE,gBAAgB;AAChB,SAAgB,cAAc;IAC5B,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAe,CAAC,CAAC;IACnD,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,UAAU,CAC9D,wCAAsB,CACvB,CAAC;IAEF,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAC3B,eAAe,KAAK,QAAQ;QAC1B,CAAC,CAAC;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,oBAAC,uCAAiB,OAAG;SAChC;QACH,CAAC,CAAC;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,oBAAC,uCAAiB,OAAG;SAChC,CAAC;IAER,OAAO,CACL,oBAAC,qBAAY,IACX,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,kBAAkB,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AA5BD,wCA4BC;AAED,gBAAgB;AAChB,SAAgB,iBAAiB;IAC/B,MAAM,EAAE,6BAA6B,EAAE,0BAA0B,EAAE,GACjE,IAAA,oCAAkB,GAAE,CAAC;IACvB,MAAM,gBAAgB,GAAG,IAAA,oCAAmB,GAAE,CAAC;IAC/C,MAAM,aAAa,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAEzC,IAAI,6BAA6B,IAAI,gBAAgB;QAAE,OAAO,IAAI,CAAC;IACnE,IAAI,0BAA0B,IAAI,aAAa;QAAE,OAAO,IAAI,CAAC;IAC7D,OAAO,KAAK,CAAC;AACf,CAAC;AATD,8CASC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport * as React from \"react\";\nimport {\n  SvgWindowMaximize,\n  SvgWindowMinimize,\n} from \"@itwin/itwinui-icons-react\";\nimport { ActionButton } from \"../widget-action-dropdown/Button\";\nimport { WidgetIdContext } from \"../../layout/widget/Widget\";\nimport { MaximizedWidgetContext } from \"./MaximizedWidget\";\nimport { usePreviewFeatures } from \"../PreviewFeatures\";\nimport { useFloatingWidgetId } from \"../../layout/widget/FloatingWidget\";\nimport { usePanelWidgetId } from \"../../layout/widget/usePanelWidgetId\";\n\n/** @internal */\nexport function MaximizeToggle() {\n  const widgetId = React.useContext(WidgetIdContext);\n  const { maximizedWidget, setMaximizedWidget } = React.useContext(\n    MaximizedWidgetContext\n  );\n\n  const { id, title, iconSpec } =\n    maximizedWidget === widgetId\n      ? {\n          id: undefined,\n          title: \"Restore\",\n          iconSpec: <SvgWindowMinimize />,\n        }\n      : {\n          id: widgetId,\n          title: \"Maximize\",\n          iconSpec: <SvgWindowMaximize />,\n        };\n\n  return (\n    <ActionButton\n      icon={iconSpec}\n      title={title}\n      onClick={() => {\n        setMaximizedWidget(id);\n      }}\n    />\n  );\n}\n\n/** @internal */\nexport function useMaximizeToggle() {\n  const { enableMaximizedFloatingWidget, enableMaximizedPanelWidget } =\n    usePreviewFeatures();\n  const floatingWidgetId = useFloatingWidgetId();\n  const panelWidgetId = usePanelWidgetId();\n\n  if (enableMaximizedFloatingWidget && floatingWidgetId) return true;\n  if (enableMaximizedPanelWidget && panelWidgetId) return true;\n  return false;\n}\n"]}

package/lib/cjs/appui-react/preview/enable-maximized-widget/MaximizedWidget.d.ts

@@ -0,0 +1,18 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+interface MaximizedWidgetState {
+    maximizedWidget: string | undefined;
+    setMaximizedWidget: (id: string | undefined) => void;
+}
+/** Context containing configuration and state for maximized widget feature.
+ * @internal
+ */
+export declare const MaximizedWidgetContext: React.Context<MaximizedWidgetState>;
+/** Maximized widget feature provider.
+ * @internal
+ */
+export declare function MaximizedWidgetProvider({ children, }: React.PropsWithChildren<{}>): React.JSX.Element;
+export {};
+//# sourceMappingURL=MaximizedWidget.d.ts.map

package/lib/cjs/appui-react/preview/enable-maximized-widget/MaximizedWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaximizedWidget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/enable-maximized-widget/MaximizedWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,qCAKlC,CAAC;AAEF;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,qBAW7B"}

package/lib/cjs/appui-react/preview/enable-maximized-widget/MaximizedWidget.js

@@ -0,0 +1,27 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaximizedWidgetProvider = exports.MaximizedWidgetContext = void 0;
+const React = require("react");
+/** Context containing configuration and state for maximized widget feature.
+ * @internal
+ */
+exports.MaximizedWidgetContext = React.createContext({
+    maximizedWidget: undefined,
+    setMaximizedWidget: () => { },
+});
+/** Maximized widget feature provider.
+ * @internal
+ */
+function MaximizedWidgetProvider({ children, }) {
+    const [maximizedWidget, setMaximizedWidget] = React.useState(undefined);
+    return (React.createElement(exports.MaximizedWidgetContext.Provider, { value: { maximizedWidget, setMaximizedWidget } }, children));
+}
+exports.MaximizedWidgetProvider = MaximizedWidgetProvider;
+//# sourceMappingURL=MaximizedWidget.js.map

package/lib/cjs/appui-react/preview/enable-maximized-widget/MaximizedWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaximizedWidget.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/enable-maximized-widget/MaximizedWidget.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAO/B;;GAEG;AACU,QAAA,sBAAsB,GAAG,KAAK,CAAC,aAAa,CACvD;IACE,eAAe,EAAE,SAAS;IAC1B,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC7B,CACF,CAAC;AAEF;;GAEG;AACH,SAAgB,uBAAuB,CAAC,EACtC,QAAQ,GACoB;IAC5B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE1D,SAAS,CAAC,CAAC;IACb,OAAO,CACL,oBAAC,8BAAsB,CAAC,QAAQ,IAC9B,KAAK,EAAE,EAAE,eAAe,EAAE,kBAAkB,EAAE,IAE7C,QAAQ,CACuB,CACnC,CAAC;AACJ,CAAC;AAbD,0DAaC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport * as React from \"react\";\n\ninterface MaximizedWidgetState {\n  maximizedWidget: string | undefined;\n  setMaximizedWidget: (id: string | undefined) => void;\n}\n\n/** Context containing configuration and state for maximized widget feature.\n * @internal\n */\nexport const MaximizedWidgetContext = React.createContext<MaximizedWidgetState>(\n  {\n    maximizedWidget: undefined,\n    setMaximizedWidget: () => {},\n  }\n);\n\n/** Maximized widget feature provider.\n * @internal\n */\nexport function MaximizedWidgetProvider({\n  children,\n}: React.PropsWithChildren<{}>) {\n  const [maximizedWidget, setMaximizedWidget] = React.useState<\n    string | undefined\n  >(undefined);\n  return (\n    <MaximizedWidgetContext.Provider\n      value={{ maximizedWidget, setMaximizedWidget }}\n    >\n      {children}\n    </MaximizedWidgetContext.Provider>\n  );\n}\n"]}

package/lib/cjs/appui-react/preview/enable-maximized-widget/useMaximizedWidget.d.ts

@@ -0,0 +1,50 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import "./useMaximizedWidget.scss";
+import type { WidgetState } from "../../layout/state/WidgetState";
+import type { PanelSide } from "../../layout/widget-panels/PanelTypes";
+/** @internal */
+export declare function useIsMaximizedWidget(): boolean;
+/** @internal */
+export declare function useMaximizedPanelLayout(side: PanelSide): {
+    "preview-maximized-panel-layout": boolean;
+};
+/** @internal */
+export declare function useMaximizedPanel(side: PanelSide): {
+    "preview-maximized-panel": true;
+} | undefined;
+/** @internal */
+export declare function useMaximizedSection(widgetId: WidgetState["id"]): {
+    "preview-maximized-section": boolean;
+    "preview-maximized-section-sibling": boolean;
+} | undefined;
+/** @internal */
+export declare function useMaximizedFloatingWidget(): {
+    style: {
+        transform?: undefined;
+        height?: undefined;
+        width?: undefined;
+        "max-height"?: undefined;
+        "max-width"?: undefined;
+    };
+    classNames: {
+        "preview-maximized-floatingWidget"?: undefined;
+    };
+} | {
+    style: {
+        transform: string;
+        height: string;
+        width: string;
+        "max-height": string;
+        "max-width": string;
+    };
+    classNames: {
+        "preview-maximized-floatingWidget": boolean;
+    };
+};
+/** @internal */
+export declare function useMaximizedWidgetTabBarHandle(): {
+    "preview-maximized-widget-tabBar": boolean;
+};
+//# sourceMappingURL=useMaximizedWidget.d.ts.map

package/lib/cjs/appui-react/preview/enable-maximized-widget/useMaximizedWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMaximizedWidget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/enable-maximized-widget/useMaximizedWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AASnC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAGvE,gBAAgB;AAChB,wBAAgB,oBAAoB,YAMnC;AAED,gBAAgB;AAChB,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,SAAS;;EAKtD;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS;;cAMhD;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;;cAQ9D;AAqCD,gBAAgB;AAChB,wBAAgB,0BAA0B;;;;;;;;;;;;;;;;;;;;;;EAkBzC;AAED,gBAAgB;AAChB,wBAAgB,8BAA8B;;EAK7C"}

package/lib/cjs/appui-react/preview/enable-maximized-widget/useMaximizedWidget.js

@@ -0,0 +1,115 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMaximizedWidgetTabBarHandle = exports.useMaximizedFloatingWidget = exports.useMaximizedSection = exports.useMaximizedPanel = exports.useMaximizedPanelLayout = exports.useIsMaximizedWidget = void 0;
+require("./useMaximizedWidget.scss");
+const React = require("react");
+const Widget_1 = require("../../layout/widget/Widget");
+const MaximizedWidget_1 = require("./MaximizedWidget");
+const LayoutStore_1 = require("../../layout/base/LayoutStore");
+const WidgetLocation_1 = require("../../layout/state/WidgetLocation");
+const PreviewFeatures_1 = require("../PreviewFeatures");
+/** @internal */
+function useIsMaximizedWidget() {
+    const widgetId = React.useContext(Widget_1.WidgetIdContext);
+    const maximizedWidgetId = useMaximizedWidgetId();
+    if (maximizedWidgetId === undefined)
+        return false;
+    return widgetId === maximizedWidgetId;
+}
+exports.useIsMaximizedWidget = useIsMaximizedWidget;
+/** @internal */
+function useMaximizedPanelLayout(side) {
+    const location = useMaximizedPanelWidgetLocation();
+    return {
+        "preview-maximized-panel-layout": location?.side === side,
+    };
+}
+exports.useMaximizedPanelLayout = useMaximizedPanelLayout;
+/** @internal */
+function useMaximizedPanel(side) {
+    const isMaximized = useIsMaximizedPanel(side);
+    if (!isMaximized)
+        return undefined;
+    return {
+        "preview-maximized-panel": isMaximized,
+    };
+}
+exports.useMaximizedPanel = useMaximizedPanel;
+/** @internal */
+function useMaximizedSection(widgetId) {
+    const location = useMaximizedPanelWidgetLocation();
+    if (!location)
+        return undefined;
+    return {
+        "preview-maximized-section": location.widgetId === widgetId,
+        "preview-maximized-section-sibling": location.widgetId !== widgetId,
+    };
+}
+exports.useMaximizedSection = useMaximizedSection;
+function useIsMaximizedPanel(side) {
+    const location = useMaximizedPanelWidgetLocation();
+    return location?.side === side;
+}
+function useMaximizedPanelWidgetLocation() {
+    const location = useMaximizedWidgetLocation();
+    if (!location)
+        return undefined;
+    if (!(0, WidgetLocation_1.isPanelWidgetLocation)(location))
+        return undefined;
+    return location;
+}
+function useMaximizedWidgetLocation() {
+    const widgetId = useMaximizedWidgetId();
+    const location = (0, LayoutStore_1.useLayout)((state) => {
+        if (!widgetId)
+            return undefined;
+        return (0, WidgetLocation_1.getWidgetLocation)(state, widgetId);
+    }, true);
+    if (!widgetId || !location)
+        return undefined;
+    return { ...location, widgetId };
+}
+function useMaximizedWidgetId() {
+    const { maximizedWidget } = React.useContext(MaximizedWidget_1.MaximizedWidgetContext);
+    const preview = (0, PreviewFeatures_1.usePreviewFeatures)();
+    const enabled = preview.enableMaximizedFloatingWidget || preview.enableMaximizedPanelWidget;
+    if (!enabled)
+        return undefined;
+    return maximizedWidget;
+}
+/** @internal */
+function useMaximizedFloatingWidget() {
+    const isMaximizedWidget = useIsMaximizedWidget();
+    if (!isMaximizedWidget)
+        return {
+            style: {},
+            classNames: {},
+        };
+    return {
+        style: {
+            transform: "unset",
+            height: "unset",
+            width: "unset",
+            "max-height": "unset",
+            "max-width": "unset",
+        },
+        classNames: { "preview-maximized-floatingWidget": true },
+    };
+}
+exports.useMaximizedFloatingWidget = useMaximizedFloatingWidget;
+/** @internal */
+function useMaximizedWidgetTabBarHandle() {
+    const isMaximizedWidget = useIsMaximizedWidget();
+    return {
+        "preview-maximized-widget-tabBar": isMaximizedWidget,
+    };
+}
+exports.useMaximizedWidgetTabBarHandle = useMaximizedWidgetTabBarHandle;
+//# sourceMappingURL=useMaximizedWidget.js.map

package/lib/cjs/appui-react/preview/enable-maximized-widget/useMaximizedWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMaximizedWidget.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/enable-maximized-widget/useMaximizedWidget.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,qCAAmC;AACnC,+BAA+B;AAC/B,uDAA6D;AAC7D,uDAA2D;AAC3D,+DAA0D;AAC1D,sEAG2C;AAG3C,wDAAwD;AAExD,gBAAgB;AAChB,SAAgB,oBAAoB;IAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAe,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,IAAI,iBAAiB,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IAElD,OAAO,QAAQ,KAAK,iBAAiB,CAAC;AACxC,CAAC;AAND,oDAMC;AAED,gBAAgB;AAChB,SAAgB,uBAAuB,CAAC,IAAe;IACrD,MAAM,QAAQ,GAAG,+BAA+B,EAAE,CAAC;IACnD,OAAO;QACL,gCAAgC,EAAE,QAAQ,EAAE,IAAI,KAAK,IAAI;KAC1D,CAAC;AACJ,CAAC;AALD,0DAKC;AAED,gBAAgB;AAChB,SAAgB,iBAAiB,CAAC,IAAe;IAC/C,MAAM,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC9C,IAAI,CAAC,WAAW;QAAE,OAAO,SAAS,CAAC;IACnC,OAAO;QACL,yBAAyB,EAAE,WAAW;KACvC,CAAC;AACJ,CAAC;AAND,8CAMC;AAED,gBAAgB;AAChB,SAAgB,mBAAmB,CAAC,QAA2B;IAC7D,MAAM,QAAQ,GAAG,+BAA+B,EAAE,CAAC;IACnD,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAEhC,OAAO;QACL,2BAA2B,EAAE,QAAQ,CAAC,QAAQ,KAAK,QAAQ;QAC3D,mCAAmC,EAAE,QAAQ,CAAC,QAAQ,KAAK,QAAQ;KACpE,CAAC;AACJ,CAAC;AARD,kDAQC;AAED,SAAS,mBAAmB,CAAC,IAAe;IAC1C,MAAM,QAAQ,GAAG,+BAA+B,EAAE,CAAC;IACnD,OAAO,QAAQ,EAAE,IAAI,KAAK,IAAI,CAAC;AACjC,CAAC;AAED,SAAS,+BAA+B;IACtC,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAE9C,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChC,IAAI,CAAC,IAAA,sCAAqB,EAAC,QAAQ,CAAC;QAAE,OAAO,SAAS,CAAC;IAEvD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,0BAA0B;IACjC,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACnC,IAAI,CAAC,QAAQ;YAAE,OAAO,SAAS,CAAC;QAChC,OAAO,IAAA,kCAAiB,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAC7C,OAAO,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACnC,CAAC;AAED,SAAS,oBAAoB;IAC3B,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,wCAAsB,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,IAAA,oCAAkB,GAAE,CAAC;IACrC,MAAM,OAAO,GACX,OAAO,CAAC,6BAA6B,IAAI,OAAO,CAAC,0BAA0B,CAAC;IAC9E,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IAE/B,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,gBAAgB;AAChB,SAAgB,0BAA0B;IACxC,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,IAAI,CAAC,iBAAiB;QACpB,OAAO;YACL,KAAK,EAAE,EAAE;YACT,UAAU,EAAE,EAAE;SACf,CAAC;IAEJ,OAAO;QACL,KAAK,EAAE;YACL,SAAS,EAAE,OAAO;YAClB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,OAAO;SACrB;QACD,UAAU,EAAE,EAAE,kCAAkC,EAAE,IAAI,EAAE;KACzD,CAAC;AACJ,CAAC;AAlBD,gEAkBC;AAED,gBAAgB;AAChB,SAAgB,8BAA8B;IAC5C,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,OAAO;QACL,iCAAiC,EAAE,iBAAiB;KACrD,CAAC;AACJ,CAAC;AALD,wEAKC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport \"./useMaximizedWidget.scss\";\nimport * as React from \"react\";\nimport { WidgetIdContext } from \"../../layout/widget/Widget\";\nimport { MaximizedWidgetContext } from \"./MaximizedWidget\";\nimport { useLayout } from \"../../layout/base/LayoutStore\";\nimport {\n  getWidgetLocation,\n  isPanelWidgetLocation,\n} from \"../../layout/state/WidgetLocation\";\nimport type { WidgetState } from \"../../layout/state/WidgetState\";\nimport type { PanelSide } from \"../../layout/widget-panels/PanelTypes\";\nimport { usePreviewFeatures } from \"../PreviewFeatures\";\n\n/** @internal */\nexport function useIsMaximizedWidget() {\n  const widgetId = React.useContext(WidgetIdContext);\n  const maximizedWidgetId = useMaximizedWidgetId();\n  if (maximizedWidgetId === undefined) return false;\n\n  return widgetId === maximizedWidgetId;\n}\n\n/** @internal */\nexport function useMaximizedPanelLayout(side: PanelSide) {\n  const location = useMaximizedPanelWidgetLocation();\n  return {\n    \"preview-maximized-panel-layout\": location?.side === side,\n  };\n}\n\n/** @internal */\nexport function useMaximizedPanel(side: PanelSide) {\n  const isMaximized = useIsMaximizedPanel(side);\n  if (!isMaximized) return undefined;\n  return {\n    \"preview-maximized-panel\": isMaximized,\n  };\n}\n\n/** @internal */\nexport function useMaximizedSection(widgetId: WidgetState[\"id\"]) {\n  const location = useMaximizedPanelWidgetLocation();\n  if (!location) return undefined;\n\n  return {\n    \"preview-maximized-section\": location.widgetId === widgetId,\n    \"preview-maximized-section-sibling\": location.widgetId !== widgetId,\n  };\n}\n\nfunction useIsMaximizedPanel(side: PanelSide) {\n  const location = useMaximizedPanelWidgetLocation();\n  return location?.side === side;\n}\n\nfunction useMaximizedPanelWidgetLocation() {\n  const location = useMaximizedWidgetLocation();\n\n  if (!location) return undefined;\n  if (!isPanelWidgetLocation(location)) return undefined;\n\n  return location;\n}\n\nfunction useMaximizedWidgetLocation() {\n  const widgetId = useMaximizedWidgetId();\n  const location = useLayout((state) => {\n    if (!widgetId) return undefined;\n    return getWidgetLocation(state, widgetId);\n  }, true);\n\n  if (!widgetId || !location) return undefined;\n  return { ...location, widgetId };\n}\n\nfunction useMaximizedWidgetId() {\n  const { maximizedWidget } = React.useContext(MaximizedWidgetContext);\n  const preview = usePreviewFeatures();\n  const enabled =\n    preview.enableMaximizedFloatingWidget || preview.enableMaximizedPanelWidget;\n  if (!enabled) return undefined;\n\n  return maximizedWidget;\n}\n\n/** @internal */\nexport function useMaximizedFloatingWidget() {\n  const isMaximizedWidget = useIsMaximizedWidget();\n  if (!isMaximizedWidget)\n    return {\n      style: {},\n      classNames: {},\n    };\n\n  return {\n    style: {\n      transform: \"unset\",\n      height: \"unset\",\n      width: \"unset\",\n      \"max-height\": \"unset\",\n      \"max-width\": \"unset\",\n    },\n    classNames: { \"preview-maximized-floatingWidget\": true },\n  };\n}\n\n/** @internal */\nexport function useMaximizedWidgetTabBarHandle() {\n  const isMaximizedWidget = useIsMaximizedWidget();\n  return {\n    \"preview-maximized-widget-tabBar\": isMaximizedWidget,\n  };\n}\n"]}

package/lib/cjs/appui-react/preview/enable-maximized-widget/useMaximizedWidget.scss

@@ -0,0 +1,36 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+
+@layer appui.preview.enable-maximized-widget {
+  .preview-maximized-panel-layout {
+    grid-row: 1 / -1;
+    grid-column: 1 / -1;
+
+    z-index: uicore-get-z-index(dragged-widget) + 1;
+  }
+
+  .preview-maximized-panel {
+    height: 100%;
+  }
+
+  .preview-maximized-section {
+    flex: 1;
+  }
+
+  .preview-maximized-section-sibling {
+    display: none;
+  }
+
+  .preview-maximized-floatingWidget {
+    opacity: 1;
+    border-radius: unset;
+    inset: 0;
+  }
+
+  .preview-maximized-widget-tabBar {
+    pointer-events: none;
+  }
+}

package/lib/{esm/appui-react/layout/widget → cjs/appui-react/preview/horizontal-panel-alignment}/PreviewHorizontalPanelAlign.d.ts

@@ -3,18 +3,16 @@
  */
 import * as React from "react";
 import { HorizontalAlignment } from "@itwin/core-react";
-import type { PanelSide } from "../widget-panels/PanelTypes";
-/** Horizontal panel alignment preview feature state.
- * @internal
- */
-export declare function usePreviewHorizontalPanelAlign(): {
+import type { HorizontalPanelSide, PanelSide } from "../../layout/widget-panels/PanelTypes";
+/** @internal */
+export declare const HorizontalPanelAlignContext: React.Context<{
     enabled: boolean;
     alignments: {
         bottom: HorizontalAlignment;
         top: HorizontalAlignment;
     };
     setAlignment: (panel: PanelSide | undefined, alignment: HorizontalAlignment) => void;
-};
+}>;
 /** Preview horizontal panel alignment feature provider.
  * @internal
  */

package/lib/cjs/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewHorizontalPanelAlign.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAMxD,OAAO,KAAK,EACV,mBAAmB,EACnB,SAAS,EACV,MAAM,uCAAuC,CAAC;AAY/C,gBAAgB;AAChB,eAAO,MAAM,2BAA2B;aAC7B,OAAO;;;;;0BAKP,SAAS,GAAG,SAAS,aACjB,mBAAmB,KAC3B,IAAI;EAKT,CAAC;AAEH;;GAEG;AACH,wBAAgB,0CAA0C,CAAC,EACzD,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,qBA4BA;AA6DD,gBAAgB;AAChB,wBAAgB,iCAAiC,sBAgDhD;AAED,gBAAgB;AAChB,wBAAgB,6BAA6B,YAW5C"}