npm - @itwin/appui-react - Versions diffs - 4.14.1 → 4.15.0 - Mend

@itwin/appui-react 4.14.1 → 4.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1243) hide show

package/lib/esm/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.js CHANGED Viewed

@@ -16,8 +16,8 @@ import { useMainPanelWidgetId } from "../../layout/widget/usePanelWidgetId";
 import { useIsMaximizedWidget } from "../enable-maximized-widget/useMaximizedWidget";
 /** Default value used when not provided or disabled. */
 const defaultAlignments = {
-    top: HorizontalAlignment.Justify,
-    bottom: HorizontalAlignment.Justify,
+    top: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation
+    bottom: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation
 };
 /** @internal */
 export const HorizontalPanelAlignContext = React.createContext({
@@ -30,10 +30,12 @@ export const HorizontalPanelAlignContext = React.createContext({
  */
 export function PreviewHorizontalPanelAlignFeatureProvider({ enabled, children, }) {
     const [alignments, setAlignments] = React.useState({
-        top: HorizontalAlignment.Justify,
-        bottom: HorizontalAlignment.Justify,
+        top: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation
+        bottom: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation
     });
-    const setAlignment = React.useCallback((panel, alignment) => {
+    const setAlignment = React.useCallback(
+    // eslint-disable-next-line deprecation/deprecation
+    (panel, alignment) => {
         if (!panel || !isHorizontalPanelSide(panel))
             return;
         setAlignments((prev) => ({
@@ -59,12 +61,16 @@ function SvgCenter(props) {
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1rem", height: "1rem", viewBox: "0 0 16 16", fill: "var(--iui-color-icon-muted, currentColor)", ...props },
         React.createElement("path", { d: "M0 2v12h16V2H0Zm4 11H1V3h3v10Zm1-4V3h6v6H5Zm10 4h-3V3h3v10Z" })));
 }
+// eslint-disable-next-line deprecation/deprecation
 function getIcon(side, alignment) {
     const scaleY = side === "top" ? "-1" : "1";
+    // eslint-disable-next-line deprecation/deprecation
     if (alignment === HorizontalAlignment.Justify)
         return React.createElement(SvgJustify, { transform: `scale(1, ${scaleY})` });
+    // eslint-disable-next-line deprecation/deprecation
     if (alignment === HorizontalAlignment.Center)
         return React.createElement(SvgCenter, { transform: `scale(1, ${scaleY})` });
+    // eslint-disable-next-line deprecation/deprecation
     const scaleX = alignment === HorizontalAlignment.Left ? "1" : "-1";
     return React.createElement(SvgSide, { transform: `scale(${scaleX}, ${scaleY})` });
 }
@@ -79,10 +85,10 @@ export function PreviewHorizontalPanelAlignButton() {
     const { alignments, setAlignment } = React.useContext(HorizontalPanelAlignContext);
     const label = "Align panel";
     const getMenuItems = (onClose) => [
-        HorizontalAlignment.Justify,
-        HorizontalAlignment.Center,
-        HorizontalAlignment.Left,
-        HorizontalAlignment.Right,
+        HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation
+        HorizontalAlignment.Center, // eslint-disable-line deprecation/deprecation
+        HorizontalAlignment.Left, // eslint-disable-line deprecation/deprecation
+        HorizontalAlignment.Right, // eslint-disable-line deprecation/deprecation
     ].map((align) => {
         return (React.createElement(MenuItem, { key: align, onClick: () => {
                 setAlignment(side, align);

package/lib/esm/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PreviewHorizontalPanelAlign.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Widget\n /\n\nimport as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { HorizontalAlignment } from \"@itwin/core-react\";\nimport { DropdownMenu, MenuItem } from \"@itwin/itwinui-react\";\nimport {\n isHorizontalPanelSide,\n PanelSideContext,\n} from \"../../layout/widget-panels/Panel\";\nimport type {\n HorizontalPanelSide,\n PanelSide,\n} from \"../../layout/widget-panels/PanelTypes\";\nimport { WidgetActionDropdownContext } from \"../widget-action-dropdown/MoreButton\";\nimport { TabBarButton } from \"../../layout/widget/Button\";\nimport { useMainPanelWidgetId } from \"../../layout/widget/usePanelWidgetId\";\nimport { useIsMaximizedWidget } from \"../enable-maximized-widget/useMaximizedWidget\";\n\n/** Default value used when not provided or disabled. /\nconst defaultAlignments = {\n top: HorizontalAlignment.Justify,\n bottom: HorizontalAlignment.Justify,\n};\n\n/* @internal /\nexport const HorizontalPanelAlignContext = React.createContext<{\n enabled: boolean;\n alignments: {\n [side in HorizontalPanelSide]: HorizontalAlignment;\n };\n setAlignment: (\n panel: PanelSide \| undefined,\n alignment: HorizontalAlignment\n ) => void;\n}>({\n enabled: false,\n alignments: defaultAlignments,\n setAlignment: () => {},\n});\n\n/* Preview horizontal panel alignment feature provider.\n * @internal\n /\nexport function PreviewHorizontalPanelAlignFeatureProvider({\n enabled,\n children,\n}: {\n enabled?: boolean;\n children?: React.ReactNode;\n}) {\n const [alignments, setAlignments] = React.useState<{\n [x in HorizontalPanelSide]: HorizontalAlignment;\n }>({\n top: HorizontalAlignment.Justify,\n bottom: HorizontalAlignment.Justify,\n });\n const setAlignment = React.useCallback(\n (panel: PanelSide \| undefined, alignment: HorizontalAlignment) => {\n if (!panel \|\| !isHorizontalPanelSide(panel)) return;\n setAlignments((prev) => ({\n ...prev,\n [panel]: alignment,\n }));\n },\n []\n );\n return (\n <HorizontalPanelAlignContext.Provider\n value={{\n enabled: !!enabled,\n alignments: enabled ? alignments : defaultAlignments,\n setAlignment,\n }}\n >\n {children}\n </HorizontalPanelAlignContext.Provider>\n );\n}\n\nfunction SvgSide(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1rem\"\n height=\"1rem\"\n viewBox=\"0 0 16 16\"\n fill=\"var(--iui-color-icon-muted, currentColor)\"\n {...props}\n >\n <path d=\"M0 2v12h16V2H0Zm11 7H1V3h10v6Zm4 4h-3V3h3v10Z\" />\n </svg>\n );\n}\n\nfunction SvgJustify(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1rem\"\n height=\"1rem\"\n viewBox=\"0 0 16 16\"\n fill=\"var(--iui-color-icon-muted, currentColor)\"\n {...props}\n >\n <path d=\"M0 2v12h16V2H0Zm4 7H1V3h3v6Zm1 0V3h6v6H5Zm10 0h-3V3h3v6Z\" />\n </svg>\n );\n}\n\nfunction SvgCenter(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1rem\"\n height=\"1rem\"\n viewBox=\"0 0 16 16\"\n fill=\"var(--iui-color-icon-muted, currentColor)\"\n {...props}\n >\n <path d=\"M0 2v12h16V2H0Zm4 11H1V3h3v10Zm1-4V3h6v6H5Zm10 4h-3V3h3v10Z\" />\n </svg>\n );\n}\n\nfunction getIcon(side: HorizontalPanelSide, alignment: HorizontalAlignment) {\n const scaleY = side === \"top\" ? \"-1\" : \"1\";\n if (alignment === HorizontalAlignment.Justify)\n return <SvgJustify transform={`scale(1, ${scaleY})`} />;\n if (alignment === HorizontalAlignment.Center)\n return <SvgCenter transform={`scale(1, ${scaleY})`} />;\n const scaleX = alignment === HorizontalAlignment.Left ? \"1\" : \"-1\";\n return <SvgSide transform={`scale(${scaleX}, ${scaleY})`} />;\n}\n\nfunction capitalize(s: string) {\n return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\n/* @internal /\nexport function PreviewHorizontalPanelAlignButton() {\n const side = React.useContext(PanelSideContext);\n assert(!!side);\n assert(isHorizontalPanelSide(side));\n const { alignments, setAlignment } = React.useContext(\n HorizontalPanelAlignContext\n );\n const label = \"Align panel\";\n\n const getMenuItems = (onClose?: () => void) =>\n [\n HorizontalAlignment.Justify,\n HorizontalAlignment.Center,\n HorizontalAlignment.Left,\n HorizontalAlignment.Right,\n ].map((align) => {\n return (\n <MenuItem\n key={align}\n onClick={() => {\n setAlignment(side, align);\n onClose?.();\n }}\n icon={getIcon(side, align)}\n isSelected={alignments[side] === align}\n >\n {capitalize(align)}\n </MenuItem>\n );\n });\n const dropdownContext = React.useContext(WidgetActionDropdownContext);\n if (dropdownContext !== undefined) {\n return (\n <MenuItem\n icon={getIcon(side, alignments[side])}\n subMenuItems={getMenuItems(dropdownContext.onClose)}\n >\n {label}\n </MenuItem>\n );\n }\n return (\n <DropdownMenu menuItems={(close) => getMenuItems(close)}>\n <TabBarButton label={label}>\n {getIcon(side, alignments[side])}\n </TabBarButton>\n </DropdownMenu>\n );\n}\n\n/* @internal */\nexport function useHorizontalPanelAlignButton() {\n const side = React.useContext(PanelSideContext);\n const { enabled } = React.useContext(HorizontalPanelAlignContext);\n const isMainPanelWidget = !!useMainPanelWidgetId();\n const isMaximizedWidget = useIsMaximizedWidget();\n\n if (!side) return false;\n const isHorizontalPanel = isHorizontalPanelSide(side);\n return (\n enabled && isHorizontalPanel && isMainPanelWidget && !isMaximizedWidget\n );\n}\n"]}
1	+ {"version":3,"file":"PreviewHorizontalPanelAlign.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Widget\n /\n\nimport as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { HorizontalAlignment } from \"@itwin/core-react\";\nimport { DropdownMenu, MenuItem } from \"@itwin/itwinui-react\";\nimport {\n isHorizontalPanelSide,\n PanelSideContext,\n} from \"../../layout/widget-panels/Panel\";\nimport type {\n HorizontalPanelSide,\n PanelSide,\n} from \"../../layout/widget-panels/PanelTypes\";\nimport { WidgetActionDropdownContext } from \"../widget-action-dropdown/MoreButton\";\nimport { TabBarButton } from \"../../layout/widget/Button\";\nimport { useMainPanelWidgetId } from \"../../layout/widget/usePanelWidgetId\";\nimport { useIsMaximizedWidget } from \"../enable-maximized-widget/useMaximizedWidget\";\n\n/** Default value used when not provided or disabled. /\nconst defaultAlignments = {\n top: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation\n bottom: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation\n};\n\n/* @internal /\nexport const HorizontalPanelAlignContext = React.createContext<{\n enabled: boolean;\n alignments: {\n [side in HorizontalPanelSide]: HorizontalAlignment; // eslint-disable-line deprecation/deprecation\n };\n setAlignment: (\n panel: PanelSide \| undefined,\n alignment: HorizontalAlignment // eslint-disable-line deprecation/deprecation\n ) => void;\n}>({\n enabled: false,\n alignments: defaultAlignments,\n setAlignment: () => {},\n});\n\n/* Preview horizontal panel alignment feature provider.\n * @internal\n /\nexport function PreviewHorizontalPanelAlignFeatureProvider({\n enabled,\n children,\n}: {\n enabled?: boolean;\n children?: React.ReactNode;\n}) {\n const [alignments, setAlignments] = React.useState<{\n [x in HorizontalPanelSide]: HorizontalAlignment; // eslint-disable-line deprecation/deprecation\n }>({\n top: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation\n bottom: HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation\n });\n const setAlignment = React.useCallback(\n // eslint-disable-next-line deprecation/deprecation\n (panel: PanelSide \| undefined, alignment: HorizontalAlignment) => {\n if (!panel \|\| !isHorizontalPanelSide(panel)) return;\n setAlignments((prev) => ({\n ...prev,\n [panel]: alignment,\n }));\n },\n []\n );\n return (\n <HorizontalPanelAlignContext.Provider\n value={{\n enabled: !!enabled,\n alignments: enabled ? alignments : defaultAlignments,\n setAlignment,\n }}\n >\n {children}\n </HorizontalPanelAlignContext.Provider>\n );\n}\n\nfunction SvgSide(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1rem\"\n height=\"1rem\"\n viewBox=\"0 0 16 16\"\n fill=\"var(--iui-color-icon-muted, currentColor)\"\n {...props}\n >\n <path d=\"M0 2v12h16V2H0Zm11 7H1V3h10v6Zm4 4h-3V3h3v10Z\" />\n </svg>\n );\n}\n\nfunction SvgJustify(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1rem\"\n height=\"1rem\"\n viewBox=\"0 0 16 16\"\n fill=\"var(--iui-color-icon-muted, currentColor)\"\n {...props}\n >\n <path d=\"M0 2v12h16V2H0Zm4 7H1V3h3v6Zm1 0V3h6v6H5Zm10 0h-3V3h3v6Z\" />\n </svg>\n );\n}\n\nfunction SvgCenter(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1rem\"\n height=\"1rem\"\n viewBox=\"0 0 16 16\"\n fill=\"var(--iui-color-icon-muted, currentColor)\"\n {...props}\n >\n <path d=\"M0 2v12h16V2H0Zm4 11H1V3h3v10Zm1-4V3h6v6H5Zm10 4h-3V3h3v10Z\" />\n </svg>\n );\n}\n\n// eslint-disable-next-line deprecation/deprecation\nfunction getIcon(side: HorizontalPanelSide, alignment: HorizontalAlignment) {\n const scaleY = side === \"top\" ? \"-1\" : \"1\";\n // eslint-disable-next-line deprecation/deprecation\n if (alignment === HorizontalAlignment.Justify)\n return <SvgJustify transform={`scale(1, ${scaleY})`} />;\n // eslint-disable-next-line deprecation/deprecation\n if (alignment === HorizontalAlignment.Center)\n return <SvgCenter transform={`scale(1, ${scaleY})`} />;\n // eslint-disable-next-line deprecation/deprecation\n const scaleX = alignment === HorizontalAlignment.Left ? \"1\" : \"-1\";\n return <SvgSide transform={`scale(${scaleX}, ${scaleY})`} />;\n}\n\nfunction capitalize(s: string) {\n return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\n/* @internal /\nexport function PreviewHorizontalPanelAlignButton() {\n const side = React.useContext(PanelSideContext);\n assert(!!side);\n assert(isHorizontalPanelSide(side));\n const { alignments, setAlignment } = React.useContext(\n HorizontalPanelAlignContext\n );\n const label = \"Align panel\";\n\n const getMenuItems = (onClose?: () => void) =>\n [\n HorizontalAlignment.Justify, // eslint-disable-line deprecation/deprecation\n HorizontalAlignment.Center, // eslint-disable-line deprecation/deprecation\n HorizontalAlignment.Left, // eslint-disable-line deprecation/deprecation\n HorizontalAlignment.Right, // eslint-disable-line deprecation/deprecation\n ].map((align) => {\n return (\n <MenuItem\n key={align}\n onClick={() => {\n setAlignment(side, align);\n onClose?.();\n }}\n icon={getIcon(side, align)}\n isSelected={alignments[side] === align}\n >\n {capitalize(align)}\n </MenuItem>\n );\n });\n const dropdownContext = React.useContext(WidgetActionDropdownContext);\n if (dropdownContext !== undefined) {\n return (\n <MenuItem\n icon={getIcon(side, alignments[side])}\n subMenuItems={getMenuItems(dropdownContext.onClose)}\n >\n {label}\n </MenuItem>\n );\n }\n return (\n <DropdownMenu menuItems={(close) => getMenuItems(close)}>\n <TabBarButton label={label}>\n {getIcon(side, alignments[side])}\n </TabBarButton>\n </DropdownMenu>\n );\n}\n\n/* @internal */\nexport function useHorizontalPanelAlignButton() {\n const side = React.useContext(PanelSideContext);\n const { enabled } = React.useContext(HorizontalPanelAlignContext);\n const isMainPanelWidget = !!useMainPanelWidgetId();\n const isMaximizedWidget = useIsMaximizedWidget();\n\n if (!side) return false;\n const isHorizontalPanel = isHorizontalPanelSide(side);\n return (\n enabled && isHorizontalPanel && isMainPanelWidget && !isMaximizedWidget\n );\n}\n"]}

package/lib/esm/appui-react/preview/new-toolbars/GroupItem.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ export interface GroupItemProps {
 /** @internal */
 export declare const GroupItem: React.ForwardRefExoticComponent<GroupItemProps & React.RefAttributes<HTMLButtonElement>>;
 /** @internal */
-export declare function usePopoverPlacement(): "left-start" | "left-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | undefined;
+export declare function usePopoverPlacement(): "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | undefined;
 interface GroupMenuItemProps {
     item: ToolbarItem;
     onClose?: () => void;

package/lib/esm/appui-react/preview/new-toolbars/ToolGroup.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToolGroup.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/ToolGroup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;~~AAUrD~~,UAAU,cAAe,SAAQ,WAAW;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID,gBAAgB;AAChB,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBA2E1E;yBA3Ee,SAAS"}
1	+ {"version":3,"file":"ToolGroup.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/ToolGroup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWrD,UAAU,cAAe,SAAQ,WAAW;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID,gBAAgB;AAChB,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBA2E1E;yBA3Ee,SAAS"}

package/lib/esm/appui-react/preview/new-toolbars/ToolGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToolGroup.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/ToolGroup.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;~~AAQ3C~~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","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Toolbar\n /\n\nimport \"./ToolGroup.scss\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Surface } from \"@itwin/itwinui-react\";\nimport { ActionItem } from \"./ActionItem\";\nimport { GroupItem } from \"./GroupItem\";\nimport { CustomItem } from \"./CustomItem\";\nimport { OverflowButton } from \"./OverflowButton\";\nimport { useOverflow } from \"./useOverflow\";\nimport { getChildKey } from \"../../layout/tool-settings/Docked\";\nimport { ToolbarContext } from \"./Toolbar\";\n\ninterface ToolGroupProps extends CommonProps {\n children?: React.ReactNode;\n}\n\ntype Child = ReturnType<typeof React.Children.toArray>[0];\n\n/** @internal */\nexport function ToolGroup({ children, className, ...props }: ToolGroupProps) {\n const context = React.useContext(ToolbarContext);\n const expandsTo = context?.expandsTo ?? \"bottom\";\n const panelAlignment = context?.panelAlignment ?? \"start\";\n const orientation = getOrientation(expandsTo);\n const childrenArray = React.Children.toArray(children);\n\n const keyToChildMap = childrenArray.reduce<Map<string, Child>>(\n (acc, child, index) => {\n const childKey = getChildKey(child, index);\n acc.set(childKey, child);\n return acc;\n },\n new Map()\n );\n const childrenKeys = Array.from(keyToChildMap.keys());\n const itemRefs = React.useRef<Map<string, Element>>(new Map());\n const overflowRef = React.useRef<HTMLButtonElement>(null);\n\n const getItemSize = React.useCallback((item: string) => {\n const element = itemRefs.current.get(item);\n if (!element) return { width: 0, height: 0 };\n return element.getBoundingClientRect();\n }, []);\n const getOverflowSize = React.useCallback(() => {\n const element = overflowRef.current;\n if (!element) return { width: 0, height: 0 };\n return element.getBoundingClientRect();\n }, []);\n\n const [containerRef, componentRef, visibleCount, renderOverflow] =\n useOverflow(childrenKeys, orientation, getItemSize, getOverflowSize);\n\n const keyToChildEntries = Array.from(keyToChildMap.entries());\n const visibleChildren = keyToChildEntries.slice(0, visibleCount);\n const overflown = keyToChildEntries.slice(visibleCount);\n return (\n <div\n className={classnames(\n \"uifw-toolbar-group-toolGroup_container\",\n `uifw-${orientation}`,\n `uifw-${panelAlignment}`,\n className\n )}\n ref={containerRef}\n >\n <Surface\n className={classnames(\n \"uifw-toolbar-group-toolGroup\",\n `uifw-${orientation}`\n )}\n ref={componentRef}\n {...props}\n >\n {visibleChildren.map(([item, child]) => {\n if (!React.isValidElement<{ ref: React.Ref<Element> }>(child))\n return child;\n return React.cloneElement(child, {\n ref: (el: Element \| null) => {\n if (!el) {\n itemRefs.current.delete(item);\n return;\n }\n itemRefs.current.set(item, el);\n },\n });\n })}\n {renderOverflow && (\n <OverflowButton ref={overflowRef}>\n {overflown.map(([_, child]) => child)}\n </OverflowButton>\n )}\n </Surface>\n </div>\n );\n}\n\nToolGroup.ActionItem = ActionItem;\nToolGroup.GroupItem = GroupItem;\nToolGroup.CustomItem = CustomItem;\n\ntype ToolbarContextProps = React.ContextType<typeof ToolbarContext>;\n\nfunction getOrientation(\n expandsTo: NonNullable<ToolbarContextProps>[\"expandsTo\"]\n) {\n switch (expandsTo) {\n case \"left\":\n case \"right\":\n return \"vertical\";\n case \"top\":\n case \"bottom\":\n return \"horizontal\";\n }\n}\n"]}
1	+ {"version":3,"file":"ToolGroup.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/ToolGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Toolbar\n /\n\nimport \"./ToolGroup.scss\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Surface } from \"@itwin/itwinui-react\";\nimport { ActionItem } from \"./ActionItem\";\nimport { GroupItem } from \"./GroupItem\";\nimport { CustomItem } from \"./CustomItem\";\nimport { OverflowButton } from \"./OverflowButton\";\nimport { useOverflow } from \"./useOverflow\";\nimport { getChildKey } from \"../../layout/tool-settings/Docked\";\nimport { ToolbarContext } from \"./Toolbar\";\n\n// eslint-disable-next-line deprecation/deprecation\ninterface ToolGroupProps extends CommonProps {\n children?: React.ReactNode;\n}\n\ntype Child = ReturnType<typeof React.Children.toArray>[0];\n\n/** @internal */\nexport function ToolGroup({ children, className, ...props }: ToolGroupProps) {\n const context = React.useContext(ToolbarContext);\n const expandsTo = context?.expandsTo ?? \"bottom\";\n const panelAlignment = context?.panelAlignment ?? \"start\";\n const orientation = getOrientation(expandsTo);\n const childrenArray = React.Children.toArray(children);\n\n const keyToChildMap = childrenArray.reduce<Map<string, Child>>(\n (acc, child, index) => {\n const childKey = getChildKey(child, index);\n acc.set(childKey, child);\n return acc;\n },\n new Map()\n );\n const childrenKeys = Array.from(keyToChildMap.keys());\n const itemRefs = React.useRef<Map<string, Element>>(new Map());\n const overflowRef = React.useRef<HTMLButtonElement>(null);\n\n const getItemSize = React.useCallback((item: string) => {\n const element = itemRefs.current.get(item);\n if (!element) return { width: 0, height: 0 };\n return element.getBoundingClientRect();\n }, []);\n const getOverflowSize = React.useCallback(() => {\n const element = overflowRef.current;\n if (!element) return { width: 0, height: 0 };\n return element.getBoundingClientRect();\n }, []);\n\n const [containerRef, componentRef, visibleCount, renderOverflow] =\n useOverflow(childrenKeys, orientation, getItemSize, getOverflowSize);\n\n const keyToChildEntries = Array.from(keyToChildMap.entries());\n const visibleChildren = keyToChildEntries.slice(0, visibleCount);\n const overflown = keyToChildEntries.slice(visibleCount);\n return (\n <div\n className={classnames(\n \"uifw-toolbar-group-toolGroup_container\",\n `uifw-${orientation}`,\n `uifw-${panelAlignment}`,\n className\n )}\n ref={containerRef}\n >\n <Surface\n className={classnames(\n \"uifw-toolbar-group-toolGroup\",\n `uifw-${orientation}`\n )}\n ref={componentRef}\n {...props}\n >\n {visibleChildren.map(([item, child]) => {\n if (!React.isValidElement<{ ref: React.Ref<Element> }>(child))\n return child;\n return React.cloneElement(child, {\n ref: (el: Element \| null) => {\n if (!el) {\n itemRefs.current.delete(item);\n return;\n }\n itemRefs.current.set(item, el);\n },\n });\n })}\n {renderOverflow && (\n <OverflowButton ref={overflowRef}>\n {overflown.map(([_, child]) => child)}\n </OverflowButton>\n )}\n </Surface>\n </div>\n );\n}\n\nToolGroup.ActionItem = ActionItem;\nToolGroup.GroupItem = GroupItem;\nToolGroup.CustomItem = CustomItem;\n\ntype ToolbarContextProps = React.ContextType<typeof ToolbarContext>;\n\nfunction getOrientation(\n expandsTo: NonNullable<ToolbarContextProps>[\"expandsTo\"]\n) {\n switch (expandsTo) {\n case \"left\":\n case \"right\":\n return \"vertical\";\n case \"top\":\n case \"bottom\":\n return \"horizontal\";\n }\n}\n"]}

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoutThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,~~qBAuB5E~~"}
1	+ {"version":3,"file":"PopoutThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,qBA8B5E"}

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.js CHANGED Viewed

@@ -21,7 +21,7 @@ export function PopoutThemeProvider({ children }) {
     const layoutStore = useLayoutStore();
     const stateRef = React.useRef(layoutStore.getState());
     React.useEffect(() => layoutStore.subscribe((state) => (stateRef.current = state)), [layoutStore]);
-    const popoutContainer = usePopoutsStore((state) => {
+    const portalContainer = usePopoutsStore((state) => {
         if (!tabId)
             return undefined;
         const tabLocation = getTabLocation(stateRef.current, tabId);
@@ -29,8 +29,12 @@ export function PopoutThemeProvider({ children }) {
             return undefined;
         if (!isPopoutTabLocation(tabLocation))
             return undefined;
-        return state.popouts[tabLocation.popoutWidgetId];
+        const popout = state.popouts[tabLocation.popoutWidgetId];
+        if (!popout)
+            return undefined;
+        const container = popout.ownerDocument.querySelector(".uifw-childwindow-internalChildWindowManager_portalContainer");
+        return container ?? undefined;
     });
-    return (React.createElement(ThemeProvider, { portalContainer: popoutContainer ?? undefined, className: "uifw-preview-reparentPopoutWidgets-popoutThemeProvider" }, children));
+    return (React.createElement(ThemeProvider, { portalContainer: portalContainer, className: "uifw-preview-reparentPopoutWidgets-popoutThemeProvider" }, children));
 }
 //# sourceMappingURL=PopoutThemeProvider.js.map

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoutThemeProvider.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EACL,cAAc,EACd,mBAAmB,GACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAA+B;IAC3E,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtD,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,EAClE,CAAC,WAAW,CAAC,CACd,CAAC;IACF,MAAM,eAAe,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE;QAChD,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAC;QAC7B,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC5D,IAAI,CAAC,WAAW;YAAE,OAAO,SAAS,CAAC;QACnC,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC;YAAE,OAAO,SAAS,CAAC;QACxD,~~OAAO~~,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;~~IACnD~~,CAAC,CAAC,CAAC;~~IACH~~,OAAO,CACL,oBAAC,aAAa,IACZ,eAAe,EAAE,eAAe,~~IAAI~~,SAAS,~~EAC7C,SAAS,~~EAAC,wDAAwD,IAEjE,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Widget\n /\n\nimport \"./PopoutThemeProvider.scss\";\nimport as React from \"react\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\nimport { TabIdContext } from \"../../layout/widget/ContentRenderer\";\nimport { useLayoutStore } from \"../../layout/base/LayoutStore\";\nimport {\n getTabLocation,\n isPopoutTabLocation,\n} from \"../../layout/state/TabLocation\";\nimport { usePopoutsStore } from \"./usePopoutsStore\";\n\n/** Theme provider is required to open floating/popover elements in a popout widget window (instead of a main window).\n * @note iTwinUI v2 `ThemeProvider` is not used because of https://github.com/iTwin/appui/issues/612\n * @internal\n */\nexport function PopoutThemeProvider({ children }: React.PropsWithChildren<{}>) {\n const tabId = React.useContext(TabIdContext);\n const layoutStore = useLayoutStore();\n const stateRef = React.useRef(layoutStore.getState());\n React.useEffect(\n () => layoutStore.subscribe((state) => (stateRef.current = state)),\n [layoutStore]\n );\n const ~~popoutContainer~~ = usePopoutsStore((state) => {\n if (!tabId) return undefined;\n const tabLocation = getTabLocation(stateRef.current, tabId);\n if (!tabLocation) return undefined;\n if (!isPopoutTabLocation(tabLocation)) return undefined;\n ~~return~~ state.popouts[tabLocation.popoutWidgetId];\n });\n return (\n <ThemeProvider\n portalContainer={~~popoutContainer ?? undefined~~}\n className=\"uifw-preview-reparentPopoutWidgets-popoutThemeProvider\"\n >\n {children}\n </ThemeProvider>\n );\n}\n"]}
1	+ {"version":3,"file":"PopoutThemeProvider.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EACL,cAAc,EACd,mBAAmB,GACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAA+B;IAC3E,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtD,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,EAClE,CAAC,WAAW,CAAC,CACd,CAAC;IACF,MAAM,eAAe,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE;QAChD,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAC;QAC7B,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC5D,IAAI,CAAC,WAAW;YAAE,OAAO,SAAS,CAAC;QACnC,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC;YAAE,OAAO,SAAS,CAAC;QACxD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QACzD,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAC;QAE9B,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,aAAa,CAClD,8DAA8D,CAC/D,CAAC;QACF,OAAO,SAAS,IAAI,SAAS,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,aAAa,IACZ,eAAe,EAAE,eAAe,EAChC,SAAS,EAAC,wDAAwD,IAEjE,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Widget\n /\n\nimport \"./PopoutThemeProvider.scss\";\nimport as React from \"react\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\nimport { TabIdContext } from \"../../layout/widget/ContentRenderer\";\nimport { useLayoutStore } from \"../../layout/base/LayoutStore\";\nimport {\n getTabLocation,\n isPopoutTabLocation,\n} from \"../../layout/state/TabLocation\";\nimport { usePopoutsStore } from \"./usePopoutsStore\";\n\n/** Theme provider is required to open floating/popover elements in a popout widget window (instead of a main window).\n * @note iTwinUI v2 `ThemeProvider` is not used because of https://github.com/iTwin/appui/issues/612\n * @internal\n */\nexport function PopoutThemeProvider({ children }: React.PropsWithChildren<{}>) {\n const tabId = React.useContext(TabIdContext);\n const layoutStore = useLayoutStore();\n const stateRef = React.useRef(layoutStore.getState());\n React.useEffect(\n () => layoutStore.subscribe((state) => (stateRef.current = state)),\n [layoutStore]\n );\n const portalContainer = usePopoutsStore((state) => {\n if (!tabId) return undefined;\n const tabLocation = getTabLocation(stateRef.current, tabId);\n if (!tabLocation) return undefined;\n if (!isPopoutTabLocation(tabLocation)) return undefined;\n const popout = state.popouts[tabLocation.popoutWidgetId];\n if (!popout) return undefined;\n\n const container = popout.ownerDocument.querySelector<HTMLDivElement>(\n \".uifw-childwindow-internalChildWindowManager_portalContainer\"\n );\n return container ?? undefined;\n });\n\n return (\n <ThemeProvider\n portalContainer={portalContainer}\n className=\"uifw-preview-reparentPopoutWidgets-popoutThemeProvider\"\n >\n {children}\n </ThemeProvider>\n );\n}\n"]}

package/lib/esm/appui-react/redux/ConfigurableUiState.d.ts ADDED Viewed

@@ -0,0 +1,79 @@
+/** @packageDocumentation
+ * @module State
+ */
+import type { ActionsUnion } from "./redux-ts";
+/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.
+ *  Since these are also used as sync ids they should be in lowercase.
+ * @note This is used by sync UI event APIs.
+ * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
+ */
+export declare enum ConfigurableUiActionId {
+    SetSnapMode = "configurableui:set_snapmode",
+    SetTheme = "configurableui:set_theme",
+    SetToolPrompt = "configurableui:set_toolprompt",
+    SetWidgetOpacity = "configurableui:set_widget_opacity",
+    SetDragInteraction = "configurableui:set-drag-interaction",
+    SetShowWidgetIcon = "configurableui:set-show-widget-icon",
+    AutoCollapseUnpinnedPanels = "configurableui:set-auto-collapse-unpinned-panels",
+    SetViewOverlayDisplay = "configurableui:set-view-overlay-display",
+    AnimateToolSettings = "configurableui:set-animate-tool-settings",
+    UseToolAsToolSettingsLabel = "configurableui:set-use-tool-as-tool-settings-label",
+    SetToolbarOpacity = "configurableui:set-toolbar-opacity"
+}
+/** The portion of state managed by the ConfigurableUiReducer.
+ * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
+ */
+export interface ConfigurableUiState {
+    /** @deprecated in 4.15.0. Use `snapMode` prop of {@link SnapModeField} instead. */
+    snapMode: number;
+    /** @deprecated in 4.15.0. Not used by AppUI components. */
+    toolPrompt: string;
+    /** @deprecated in 4.15.0. Use `theme` prop of {@link ThemeManager} instead. */
+    theme: string;
+    /** @deprecated in 4.15.0. Use `widgetOpacity` prop of {@link ConfigurableUiContent} instead. */
+    widgetOpacity: number;
+    /** @deprecated in 4.15.0. Use `useDragInteraction` prop of {@link Toolbar} or {@link ToolbarDragInteractionContext}. */
+    useDragInteraction: boolean;
+    /** @deprecated in 4.15.0. Use `widgetIcon` prop of {@link ConfigurableUiContent} instead. */
+    showWidgetIcon: boolean;
+    /** @deprecated in 4.15.0. Use `collapsePanels` prop of {@link ConfigurableUiContent} instead. */
+    autoCollapseUnpinnedPanels: boolean;
+    /** @deprecated in 4.15.0. Use `viewOverlay` prop of {@link ConfigurableUiContent} instead. */
+    viewOverlayDisplay: boolean;
+    /** @deprecated in 4.15.0. Use `animateToolSettings` prop of {@link ConfigurableUiContent} instead. */
+    animateToolSettings: boolean;
+    /** @deprecated in 4.15.0. Use `animateToolSettings` prop of {@link ConfigurableUiContent} instead. */
+    useToolAsToolSettingsLabel: boolean;
+    /** @deprecated in 4.15.0. Use `toolbarOpacity` prop of {@link ConfigurableUiContent}. */
+    toolbarOpacity: number;
+}
+/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.
+ * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
+ */
+export declare const ConfigurableUiActions: {
+    setSnapMode: (snapMode: number) => import("./redux-ts").ActionWithPayload<ConfigurableUiActionId.SetSnapMode, number>;
+    setTheme: (theme: string) => import("./redux-ts").ActionWithPayload<ConfigurableUiActionId.SetTheme, string>;
+    setToolPrompt: (toolPrompt: string) => import("./redux-ts").ActionWithPayload<ConfigurableUiActionId.SetToolPrompt, string>;
+    setWidgetOpacity: (opacity: number) => import("./redux-ts").ActionWithPayload<ConfigurableUiActionId.SetWidgetOpacity, number>;
+    setDragInteraction: (dragInteraction: boolean) => import("./redux-ts").ActionWithPayload<ConfigurableUiActionId.SetDragInteraction, boolean>;
+    setShowWidgetIcon: (showWidgetIcon: boolean) => import("./redux-ts").ActionWithPayload<ConfigurableUiActionId.SetShowWidgetIcon, boolean>;
+    setAutoCollapseUnpinnedPanels: (autoCollapse: boolean) => import("./redux-ts").ActionWithPayload<ConfigurableUiActionId.AutoCollapseUnpinnedPanels, boolean>;
+    setViewOverlayDisplay: (displayViewOverlay: boolean) => import("./redux-ts").ActionWithPayload<ConfigurableUiActionId.SetViewOverlayDisplay, boolean>;
+    setAnimateToolSettings: (animateToolSettings: boolean) => import("./redux-ts").ActionWithPayload<ConfigurableUiActionId.AnimateToolSettings, boolean>;
+    setUseToolAsToolSettingsLabel: (useToolAsToolSettingsLabel: boolean) => import("./redux-ts").ActionWithPayload<ConfigurableUiActionId.UseToolAsToolSettingsLabel, boolean>;
+    setToolbarOpacity: (opacity: number) => import("./redux-ts").ActionWithPayload<ConfigurableUiActionId.SetToolbarOpacity, number>;
+};
+/** Union of ConfigurableUi Redux actions
+ * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
+ */
+export type ConfigurableUiActionsUnion = ActionsUnion<typeof ConfigurableUiActions>;
+/** Handles actions to update ConfigurableUiState.
+ * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
+ */
+export declare function ConfigurableUiReducer(state: ConfigurableUiState | undefined, action: ConfigurableUiActionsUnion): ConfigurableUiState;
+//# sourceMappingURL=ConfigurableUiState.d.ts.map

package/lib/esm/appui-react/redux/ConfigurableUiState.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConfigurableUiState.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/redux/ConfigurableUiState.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAgB/C;;;;;GAKG;AACH,oBAAY,sBAAsB;IAChC,WAAW,gCAAgC;IAC3C,QAAQ,6BAA6B;IACrC,aAAa,kCAAkC;IAC/C,gBAAgB,sCAAsC;IACtD,kBAAkB,wCAAwC;IAC1D,iBAAiB,wCAAwC;IACzD,0BAA0B,qDAAqD;IAC/E,qBAAqB,4CAA4C;IACjE,mBAAmB,6CAA6C;IAChE,0BAA0B,uDAAuD;IACjF,iBAAiB,uCAAuC;CACzD;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,mFAAmF;IACnF,QAAQ,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,UAAU,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,gGAAgG;IAChG,aAAa,EAAE,MAAM,CAAC;IACtB,wHAAwH;IACxH,kBAAkB,EAAE,OAAO,CAAC;IAC5B,6FAA6F;IAC7F,cAAc,EAAE,OAAO,CAAC;IACxB,iGAAiG;IACjG,0BAA0B,EAAE,OAAO,CAAC;IACpC,8FAA8F;IAC9F,kBAAkB,EAAE,OAAO,CAAC;IAC5B,sGAAsG;IACtG,mBAAmB,EAAE,OAAO,CAAC;IAC7B,sGAAsG;IACtG,0BAA0B,EAAE,OAAO,CAAC;IACpC,yFAAyF;IACzF,cAAc,EAAE,MAAM,CAAC;CACxB;AAiBD;;;GAGG;AACH,eAAO,MAAM,qBAAqB;4BACR,MAAM;sBAOpB,MAAM;gCACY,MAAM;gCAEN,MAAM;0CAEI,OAAO;wCAET,OAAO;kDAEG,OAAO;gDAKT,OAAO;kDAKL,OAAO;gEAKO,OAAO;iCAKtC,MAAM;CAEpC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,0BAA0B,GAAG,YAAY,CACnD,OAAO,qBAAqB,CAC7B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,iCAAkD,EACvD,MAAM,EAAE,0BAA0B,GACjC,mBAAmB,CAuCrB"}

package/lib/esm/appui-react/{configurableui/state.js → redux/ConfigurableUiState.js} RENAMED Viewed

@@ -6,12 +6,14 @@
  * @module State
  */
 import { SnapMode } from "@itwin/core-frontend";
-import { createAction } from "../redux/redux-ts";
-import { SYSTEM_PREFERRED_COLOR_THEME, TOOLBAR_OPACITY_DEFAULT, WIDGET_OPACITY_DEFAULT, } from "../theme/ThemeManager";
-// cSpell:ignore configurableui snapmode toolprompt
+import { createAction } from "./redux-ts";
+import { SYSTEM_PREFERRED_COLOR_THEME, TOOLBAR_OPACITY_DEFAULT, WIDGET_OPACITY_DEFAULT, } from "../theme/ThemeId";
+/* eslint-disable deprecation/deprecation */
 /** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.
  *  Since these are also used as sync ids they should be in lowercase.
+ * @note This is used by sync UI event APIs.
  * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
  */
 export var ConfigurableUiActionId;
 (function (ConfigurableUiActionId) {
@@ -27,8 +29,8 @@ export var ConfigurableUiActionId;
     ConfigurableUiActionId["UseToolAsToolSettingsLabel"] = "configurableui:set-use-tool-as-tool-settings-label";
     ConfigurableUiActionId["SetToolbarOpacity"] = "configurableui:set-toolbar-opacity";
 })(ConfigurableUiActionId || (ConfigurableUiActionId = {}));
-/** used on first call of ConfigurableUiReducer */
-const initialState = {
+/** Used on first call of ConfigurableUiReducer. */
+const initialConfigurableUiState = {
     snapMode: SnapMode.NearestKeypoint,
     toolPrompt: "",
     theme: SYSTEM_PREFERRED_COLOR_THEME,
@@ -43,6 +45,7 @@ const initialState = {
 };
 /** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.
  * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
  */
 export const ConfigurableUiActions = {
     setSnapMode: (snapMode) => createAction(ConfigurableUiActionId.SetSnapMode, snapMode),
@@ -64,8 +67,9 @@ export const ConfigurableUiActions = {
 };
 /** Handles actions to update ConfigurableUiState.
  * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
  */
-export function ConfigurableUiReducer(state = initialState, action) {
+export function ConfigurableUiReducer(state = initialConfigurableUiState, action) {
     const outState = state;
     switch (action.type) {
         case ConfigurableUiActionId.SetSnapMode: {
@@ -104,4 +108,4 @@ export function ConfigurableUiReducer(state = initialState, action) {
     }
     return outState;
 }
-//# sourceMappingURL=state.js.map
+//# sourceMappingURL=ConfigurableUiState.js.map

package/lib/esm/appui-react/redux/ConfigurableUiState.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConfigurableUiState.js","sourceRoot":"","sources":["../../../../src/appui-react/redux/ConfigurableUiState.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module State\n */\n\nimport { SnapMode } from \"@itwin/core-frontend\";\nimport type { ActionsUnion } from \"./redux-ts\";\nimport { createAction } from \"./redux-ts\";\nimport {\n SYSTEM_PREFERRED_COLOR_THEME,\n type ThemeId,\n TOOLBAR_OPACITY_DEFAULT,\n WIDGET_OPACITY_DEFAULT,\n} from \"../theme/ThemeId\";\nimport type { ConfigurableUiContent } from \"../configurableui/ConfigurableUiContent\";\nimport type { Toolbar } from \"../toolbar/Toolbar\";\nimport type { ThemeManager } from \"../theme/ThemeManager\";\nimport type { SnapModeField } from \"../statusfields/SnapMode\";\nimport type { ToolbarDragInteractionContext } from \"../toolbar/DragInteraction\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.\n * Since these are also used as sync ids they should be in lowercase.\n * @note This is used by sync UI event APIs.\n * @public\n * @deprecated in 4.15.0. Use your preferred state management library instead.\n */\nexport enum ConfigurableUiActionId {\n SetSnapMode = \"configurableui:set_snapmode\",\n SetTheme = \"configurableui:set_theme\",\n SetToolPrompt = \"configurableui:set_toolprompt\",\n SetWidgetOpacity = \"configurableui:set_widget_opacity\",\n SetDragInteraction = \"configurableui:set-drag-interaction\",\n SetShowWidgetIcon = \"configurableui:set-show-widget-icon\",\n AutoCollapseUnpinnedPanels = \"configurableui:set-auto-collapse-unpinned-panels\",\n SetViewOverlayDisplay = \"configurableui:set-view-overlay-display\",\n AnimateToolSettings = \"configurableui:set-animate-tool-settings\",\n UseToolAsToolSettingsLabel = \"configurableui:set-use-tool-as-tool-settings-label\",\n SetToolbarOpacity = \"configurableui:set-toolbar-opacity\",\n}\n\n/** The portion of state managed by the ConfigurableUiReducer.\n * @public\n * @deprecated in 4.15.0. Use your preferred state management library instead.\n */\nexport interface ConfigurableUiState {\n /** @deprecated in 4.15.0. Use `snapMode` prop of {@link SnapModeField} instead. */\n snapMode: number;\n /** @deprecated in 4.15.0. Not used by AppUI components. */\n toolPrompt: string;\n /** @deprecated in 4.15.0. Use `theme` prop of {@link ThemeManager} instead. */\n theme: string;\n /** @deprecated in 4.15.0. Use `widgetOpacity` prop of {@link ConfigurableUiContent} instead. */\n widgetOpacity: number;\n /** @deprecated in 4.15.0. Use `useDragInteraction` prop of {@link Toolbar} or {@link ToolbarDragInteractionContext}. */\n useDragInteraction: boolean;\n /** @deprecated in 4.15.0. Use `widgetIcon` prop of {@link ConfigurableUiContent} instead. */\n showWidgetIcon: boolean;\n /** @deprecated in 4.15.0. Use `collapsePanels` prop of {@link ConfigurableUiContent} instead. */\n autoCollapseUnpinnedPanels: boolean;\n /** @deprecated in 4.15.0. Use `viewOverlay` prop of {@link ConfigurableUiContent} instead. */\n viewOverlayDisplay: boolean;\n /** @deprecated in 4.15.0. Use `animateToolSettings` prop of {@link ConfigurableUiContent} instead. */\n animateToolSettings: boolean;\n /** @deprecated in 4.15.0. Use `animateToolSettings` prop of {@link ConfigurableUiContent} instead. */\n useToolAsToolSettingsLabel: boolean;\n /** @deprecated in 4.15.0. Use `toolbarOpacity` prop of {@link ConfigurableUiContent}. */\n toolbarOpacity: number;\n}\n\n/** Used on first call of ConfigurableUiReducer. */\nconst initialConfigurableUiState: ConfigurableUiState = {\n snapMode: SnapMode.NearestKeypoint as number,\n toolPrompt: \"\",\n theme: SYSTEM_PREFERRED_COLOR_THEME,\n widgetOpacity: WIDGET_OPACITY_DEFAULT,\n useDragInteraction: false,\n showWidgetIcon: true,\n autoCollapseUnpinnedPanels: false,\n viewOverlayDisplay: true,\n animateToolSettings: false,\n useToolAsToolSettingsLabel: false,\n toolbarOpacity: TOOLBAR_OPACITY_DEFAULT,\n};\n\n/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.\n * @public\n * @deprecated in 4.15.0. Use your preferred state management library instead.\n */\nexport const ConfigurableUiActions = {\n setSnapMode: (snapMode: number) =>\n createAction(ConfigurableUiActionId.SetSnapMode, snapMode),\n setTheme:\n /**\n * Use `UiFramework.setColorTheme` instead which is conveniently typed with available theme union.\n * @param theme ThemeId\n */\n (theme: string) => createAction(ConfigurableUiActionId.SetTheme, theme),\n setToolPrompt: (toolPrompt: string) =>\n createAction(ConfigurableUiActionId.SetToolPrompt, toolPrompt),\n setWidgetOpacity: (opacity: number) =>\n createAction(ConfigurableUiActionId.SetWidgetOpacity, opacity),\n setDragInteraction: (dragInteraction: boolean) =>\n createAction(ConfigurableUiActionId.SetDragInteraction, dragInteraction),\n setShowWidgetIcon: (showWidgetIcon: boolean) =>\n createAction(ConfigurableUiActionId.SetShowWidgetIcon, showWidgetIcon),\n setAutoCollapseUnpinnedPanels: (autoCollapse: boolean) =>\n createAction(\n ConfigurableUiActionId.AutoCollapseUnpinnedPanels,\n autoCollapse\n ),\n setViewOverlayDisplay: (displayViewOverlay: boolean) =>\n createAction(\n ConfigurableUiActionId.SetViewOverlayDisplay,\n displayViewOverlay\n ),\n setAnimateToolSettings: (animateToolSettings: boolean) =>\n createAction(\n ConfigurableUiActionId.AnimateToolSettings,\n animateToolSettings\n ),\n setUseToolAsToolSettingsLabel: (useToolAsToolSettingsLabel: boolean) =>\n createAction(\n ConfigurableUiActionId.UseToolAsToolSettingsLabel,\n useToolAsToolSettingsLabel\n ),\n setToolbarOpacity: (opacity: number) =>\n createAction(ConfigurableUiActionId.SetToolbarOpacity, opacity),\n};\n\n/** Union of ConfigurableUi Redux actions\n * @public\n * @deprecated in 4.15.0. Use your preferred state management library instead.\n */\nexport type ConfigurableUiActionsUnion = ActionsUnion<\n typeof ConfigurableUiActions\n>;\n\n/** Handles actions to update ConfigurableUiState.\n * @public\n * @deprecated in 4.15.0. Use your preferred state management library instead.\n */\nexport function ConfigurableUiReducer(\n state: ConfigurableUiState = initialConfigurableUiState,\n action: ConfigurableUiActionsUnion\n): ConfigurableUiState {\n const outState = state;\n\n switch (action.type) {\n case ConfigurableUiActionId.SetSnapMode: {\n return { ...state, snapMode: action.payload };\n }\n case ConfigurableUiActionId.SetToolPrompt: {\n return { ...state, toolPrompt: action.payload };\n }\n case ConfigurableUiActionId.SetTheme: {\n return { ...state, theme: action.payload as ThemeId }; // Need to cast because of the (string & {}) trick.\n }\n case ConfigurableUiActionId.SetWidgetOpacity: {\n return { ...state, widgetOpacity: action.payload };\n }\n case ConfigurableUiActionId.SetDragInteraction: {\n return { ...state, useDragInteraction: action.payload };\n }\n case ConfigurableUiActionId.SetShowWidgetIcon: {\n return { ...state, showWidgetIcon: action.payload };\n }\n case ConfigurableUiActionId.AutoCollapseUnpinnedPanels: {\n return { ...state, autoCollapseUnpinnedPanels: action.payload };\n }\n case ConfigurableUiActionId.SetViewOverlayDisplay: {\n return { ...state, viewOverlayDisplay: action.payload };\n }\n case ConfigurableUiActionId.AnimateToolSettings: {\n return { ...state, animateToolSettings: action.payload };\n }\n case ConfigurableUiActionId.UseToolAsToolSettingsLabel: {\n return { ...state, useToolAsToolSettingsLabel: action.payload };\n }\n case ConfigurableUiActionId.SetToolbarOpacity: {\n return { ...state, toolbarOpacity: action.payload };\n }\n }\n return outState;\n}\n"]}

package/lib/esm/appui-react/redux/FrameworkState.d.ts CHANGED Viewed

@@ -1,12 +1,11 @@
 /** @packageDocumentation
  * @module State
  */
-import type { ConfigurableUiState } from "../configurableui/state";
-import { ConfigurableUiReducer } from "../configurableui/state";
+import type { ConfigurableUiState } from "./ConfigurableUiState";
 import type { SessionState } from "./SessionState";
-import { SessionStateReducer } from "./SessionState";
 /** Interface combining all the Framework state interfaces.
  * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
  */
 export interface FrameworkState {
     configurableUiState: ConfigurableUiState;
@@ -14,12 +13,10 @@ export interface FrameworkState {
 }
 /** Framework reducer that combines the [[ConfigurableUiReducer]] and [[SessionStateReducer]].
  * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
  */
-export declare const FrameworkReducer: (state: import("./redux-ts").CombinedReducerState<{
-    configurableUiState: typeof ConfigurableUiReducer;
-    sessionState: typeof SessionStateReducer;
-}>, action: import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetSnapMode, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetTheme, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetToolPrompt, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetWidgetOpacity, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetDragInteraction, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetShowWidgetIcon, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.AutoCollapseUnpinnedPanels, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetViewOverlayDisplay, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.AnimateToolSettings, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.UseToolAsToolSettingsLabel, boolean>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("../configurableui/state").ConfigurableUiActionId.SetToolbarOpacity, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetActiveIModelId, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetAvailableSelectionScopes, import("./redux-ts").DeepReadonlyArray<import("./SessionState").PresentationSelectionScope>>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetDefaultIModelViewportControlId, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetDefaultViewId, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetDefaultViewState, any>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetNumItemsSelected, number>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetIModelConnection, any>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.SetSelectionScope, string>> | import("./redux-ts").DeepReadonlyObject<import("./redux-ts").ActionWithPayload<import("./SessionState").SessionStateActionId.UpdateCursorMenu, import("./redux-ts").DeepReadonlyObject<import("./SessionState").CursorMenuData> | import("./redux-ts").DeepReadonlyObject<import("./SessionState").CursorMenuPayload>>>) => import("./redux-ts").CombinedReducerState<{
-    configurableUiState: typeof ConfigurableUiReducer;
-    sessionState: typeof SessionStateReducer;
-}>;
+export declare const FrameworkReducer: import("redux").Reducer<import("redux").CombinedState<{
+    configurableUiState: ConfigurableUiState;
+    sessionState: never;
+}>, import("./ConfigurableUiState").ConfigurableUiActionsUnion | import("./SessionState").SessionStateActionsUnion>;
 //# sourceMappingURL=FrameworkState.d.ts.map

package/lib/esm/appui-react/redux/FrameworkState.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FrameworkState.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/redux/FrameworkState.ts"],"names":[],"mappings":"AAIA;;GAEG;~~AAEH~~,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,~~yBAAyB~~,CAAC;~~AACnE~~,OAAO,~~EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,~~KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;~~AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC~~;~~AAErD;;GAEG;~~AACH,MAAM,WAAW,cAAc;IAC7B,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED~~;;GAEG~~;AACH,eAAO,MAAM,gBAAgB~~;;;;;;EAG3B~~,CAAC"}
1	+ {"version":3,"file":"FrameworkState.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/redux/FrameworkState.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKnD;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;mHAG3B,CAAC"}

package/lib/esm/appui-react/redux/FrameworkState.js CHANGED Viewed

@@ -5,11 +5,12 @@
 /** @packageDocumentation
  * @module State
  */
-import { ConfigurableUiReducer } from "../configurableui/state";
-import { combineReducers } from "./redux-ts";
+import { combineReducers } from "redux";
+import { ConfigurableUiReducer } from "./ConfigurableUiState";
 import { SessionStateReducer } from "./SessionState";
 /** Framework reducer that combines the [[ConfigurableUiReducer]] and [[SessionStateReducer]].
  * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
  */
 export const FrameworkReducer = combineReducers({
     configurableUiState: ConfigurableUiReducer,

package/lib/esm/appui-react/redux/FrameworkState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FrameworkState.js","sourceRoot":"","sources":["../../../../src/appui-react/redux/FrameworkState.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;~~AAGH~~,OAAO,EAAE,~~qBAAqB~~,EAAE,MAAM,~~yBAAyB~~,CAAC;~~AAChE~~,OAAO,EAAE,~~eAAe~~,EAAE,MAAM,~~YAAY~~,CAAC;~~AAE7C~~,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;~~AAUrD;;GAEG~~;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,mBAAmB,EAAE,qBAAqB;IAC1C,YAAY,EAAE,mBAAmB;CAClC,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module State\n /\n\nimport ~~type~~ { ~~ConfigurableUiState~~ } from \"~~../configurableui/state~~\";\nimport { ~~ConfigurableUiReducer~~ } from \"~~../configurableui/state~~\";\nimport { ~~combineReducers~~ } from \"./~~redux-ts~~\";\nimport type { SessionState } from \"./SessionState\";\nimport { SessionStateReducer } from \"./SessionState\";\n\n/* Interface combining all the Framework state interfaces.\n * @public\n /\nexport interface FrameworkState {\n configurableUiState: ConfigurableUiState;\n sessionState: SessionState;\n}\n\n/* Framework reducer that combines the [[ConfigurableUiReducer]] and [[SessionStateReducer]].\n * @public\n */\nexport const FrameworkReducer = combineReducers({\n configurableUiState: ConfigurableUiReducer,\n sessionState: SessionStateReducer,\n});\n"]}
1	+ {"version":3,"file":"FrameworkState.js","sourceRoot":"","sources":["../../../../src/appui-react/redux/FrameworkState.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAarD;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,mBAAmB,EAAE,qBAAqB;IAC1C,YAAY,EAAE,mBAAmB;CAClC,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module State\n /\n\nimport { combineReducers } from \"redux\";\nimport type { ConfigurableUiState } from \"./ConfigurableUiState\";\nimport { ConfigurableUiReducer } from \"./ConfigurableUiState\";\nimport type { SessionState } from \"./SessionState\";\nimport { SessionStateReducer } from \"./SessionState\";\n\n/ eslint-disable deprecation/deprecation /\n\n/* Interface combining all the Framework state interfaces.\n * @public\n * @deprecated in 4.15.0. Use your preferred state management library instead.\n /\nexport interface FrameworkState {\n configurableUiState: ConfigurableUiState;\n sessionState: SessionState;\n}\n\n/* Framework reducer that combines the [[ConfigurableUiReducer]] and [[SessionStateReducer]].\n * @public\n * @deprecated in 4.15.0. Use your preferred state management library instead.\n */\nexport const FrameworkReducer = combineReducers({\n configurableUiState: ConfigurableUiReducer,\n sessionState: SessionStateReducer,\n});\n"]}

package/lib/esm/appui-react/redux/ReducerRegistry.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@
  */
 /** NameToReducerMap used by Reducer Registry
  * @public
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
  */
 export interface NameToReducerMap {
     [name: string]: (state: any, action: any) => any;
@@ -11,6 +12,7 @@ export interface NameToReducerMap {
  * Follows the example at http://nicolasgallagher.com/redux-modules-and-code-splitting/
  * Allows for small modules to provide their own reducers so that the they can manage their own state
  * @beta
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
  */
 export declare class ReducerRegistry {
     private _onReducerListChanged;
@@ -32,6 +34,7 @@ export declare class ReducerRegistry {
 }
 /** ReducerRegistryInstance singleton instance of Reducer Registry
  * @beta
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
  */
 export declare const ReducerRegistryInstance: ReducerRegistry;
 //# sourceMappingURL=ReducerRegistry.d.ts.map

package/lib/esm/appui-react/redux/ReducerRegistry.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReducerRegistry.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/redux/ReducerRegistry.ts"],"names":[],"mappings":"AAIA;;GAEG;~~AAKH;;GAEG~~;AACH,MAAM,WAAW,gBAAgB;IAC/B,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;CAClD;AAED~~;;;;GAIG~~;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,qBAAqB,CAEf;IACd,OAAO,CAAC,SAAS,CAAmB;IAEpC,sHAAsH;;IAKtH,+CAA+C;IACxC,eAAe,CACpB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG;IAgB3C;;OAEG;IACI,iBAAiB,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI;IAIvE,0CAA0C;IACnC,WAAW;IAIlB;;OAEG;IACI,aAAa;CAMrB;AAED~~;;GAEG~~;AACH,eAAO,MAAM,uBAAuB,iBAAwB,CAAC"}
1	+ {"version":3,"file":"ReducerRegistry.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/redux/ReducerRegistry.ts"],"names":[],"mappings":"AAIA;;GAEG;AAOH;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;CAClD;AAED;;;;;GAKG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,qBAAqB,CAEf;IACd,OAAO,CAAC,SAAS,CAAmB;IAEpC,sHAAsH;;IAKtH,+CAA+C;IACxC,eAAe,CACpB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG;IAgB3C;;OAEG;IACI,iBAAiB,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI;IAIvE,0CAA0C;IACnC,WAAW;IAIlB;;OAEG;IACI,aAAa;CAMrB;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,iBAAwB,CAAC"}

package/lib/esm/appui-react/redux/ReducerRegistry.js CHANGED Viewed

@@ -11,6 +11,7 @@ import { UiFramework } from "../UiFramework";
  * Follows the example at http://nicolasgallagher.com/redux-modules-and-code-splitting/
  * Allows for small modules to provide their own reducers so that the they can manage their own state
  * @beta
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
  */
 export class ReducerRegistry {
     /** ReducerRegistry constructor that initializes an empty reducer map to be populated by called to registerReducer. */
@@ -50,6 +51,7 @@ export class ReducerRegistry {
 }
 /** ReducerRegistryInstance singleton instance of Reducer Registry
  * @beta
+ * @deprecated in 4.15.0. Use your preferred state management library instead.
  */
 export const ReducerRegistryInstance = new ReducerRegistry();
 //# sourceMappingURL=ReducerRegistry.js.map

package/lib/esm/appui-react/redux/ReducerRegistry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReducerRegistry.js","sourceRoot":"","sources":["../../../../src/appui-react/redux/ReducerRegistry.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;~~AAS7C;;;;GAIG~~;AACH,MAAM,OAAO,eAAe;IAM1B,sHAAsH;IACtH;QACE,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,+CAA+C;IACxC,eAAe,CACpB,IAAY,EACZ,OAAyC;QAEzC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,mDAAmD;YACnD,MAAM,IAAI,OAAO,CACf,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAChC,wCAAwC,IAAI,yBAAyB,CACtE,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;QACxD,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC/B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;IAED;;OAEG;IACI,iBAAiB,CAAC,QAA8C;QACrE,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC;IACxC,CAAC;IAED,0CAA0C;IACnC,WAAW;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED;;OAEG;IACI,aAAa;QAClB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC/B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;CACF;AAED~~;;GAEG~~;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,eAAe,EAAE,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module State\n /\n\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { UiFramework } from \"../UiFramework\";\n\n/* NameToReducerMap used by Reducer Registry\n * @public\n /\nexport interface NameToReducerMap {\n [name: string]: (state: any, action: any) => any;\n}\n\n/* Redux Reducer Registry.\n * Follows the example at http://nicolasgallagher.com/redux-modules-and-code-splitting/\n * Allows for small modules to provide their own reducers so that the they can manage their own state\n * @beta\n /\nexport class ReducerRegistry {\n private _onReducerListChanged:\n \| ((reducers: NameToReducerMap) => void)\n \| undefined;\n private _reducers: NameToReducerMap;\n\n /* ReducerRegistry constructor that initializes an empty reducer map to be populated by called to registerReducer. /\n constructor() {\n this._reducers = {};\n }\n\n /* Call to register a reducer and its name. /\n public registerReducer(\n name: string,\n reducer: (state: any, action: any) => any\n ) {\n if (this._reducers[name]) {\n // eslint-disable-next-line deprecation/deprecation\n throw new UiError(\n UiFramework.loggerCategory(this),\n `Redux Reducer with matching name of '${name}' is already registered`\n );\n }\n\n this._reducers = { ...this._reducers, [name]: reducer };\n if (this._onReducerListChanged) {\n this._onReducerListChanged(this._reducers);\n }\n }\n\n /* Supports a single listener which should be the Redux store, see [[StoreManager]].\n * @internal\n /\n public setChangeListener(listener: (reducers: NameToReducerMap) => void) {\n this._onReducerListChanged = listener;\n }\n\n /* Returns map of registered Reducers. /\n public getReducers() {\n return this._reducers;\n }\n\n /* Clear reducers only required for unit testing\n * @internal\n /\n public clearReducers() {\n this._reducers = {};\n if (this._onReducerListChanged) {\n this._onReducerListChanged(this._reducers);\n }\n }\n}\n\n/* ReducerRegistryInstance singleton instance of Reducer Registry\n * @beta\n */\nexport const ReducerRegistryInstance = new ReducerRegistry();\n"]}
1	+ {"version":3,"file":"ReducerRegistry.js","sourceRoot":"","sources":["../../../../src/appui-react/redux/ReducerRegistry.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAY7C;;;;;GAKG;AACH,MAAM,OAAO,eAAe;IAM1B,sHAAsH;IACtH;QACE,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,+CAA+C;IACxC,eAAe,CACpB,IAAY,EACZ,OAAyC;QAEzC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,mDAAmD;YACnD,MAAM,IAAI,OAAO,CACf,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAChC,wCAAwC,IAAI,yBAAyB,CACtE,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;QACxD,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC/B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;IAED;;OAEG;IACI,iBAAiB,CAAC,QAA8C;QACrE,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC;IACxC,CAAC;IAED,0CAA0C;IACnC,WAAW;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED;;OAEG;IACI,aAAa;QAClB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC/B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,eAAe,EAAE,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module State\n /\n\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { UiFramework } from \"../UiFramework\";\n\n/ eslint-disable deprecation/deprecation /\n\n/* NameToReducerMap used by Reducer Registry\n * @public\n * @deprecated in 4.15.0. Use your preferred state management library instead.\n /\nexport interface NameToReducerMap {\n [name: string]: (state: any, action: any) => any;\n}\n\n/* Redux Reducer Registry.\n * Follows the example at http://nicolasgallagher.com/redux-modules-and-code-splitting/\n * Allows for small modules to provide their own reducers so that the they can manage their own state\n * @beta\n * @deprecated in 4.15.0. Use your preferred state management library instead.\n /\nexport class ReducerRegistry {\n private _onReducerListChanged:\n \| ((reducers: NameToReducerMap) => void)\n \| undefined;\n private _reducers: NameToReducerMap;\n\n /* ReducerRegistry constructor that initializes an empty reducer map to be populated by called to registerReducer. /\n constructor() {\n this._reducers = {};\n }\n\n /* Call to register a reducer and its name. /\n public registerReducer(\n name: string,\n reducer: (state: any, action: any) => any\n ) {\n if (this._reducers[name]) {\n // eslint-disable-next-line deprecation/deprecation\n throw new UiError(\n UiFramework.loggerCategory(this),\n `Redux Reducer with matching name of '${name}' is already registered`\n );\n }\n\n this._reducers = { ...this._reducers, [name]: reducer };\n if (this._onReducerListChanged) {\n this._onReducerListChanged(this._reducers);\n }\n }\n\n /* Supports a single listener which should be the Redux store, see [[StoreManager]].\n * @internal\n /\n public setChangeListener(listener: (reducers: NameToReducerMap) => void) {\n this._onReducerListChanged = listener;\n }\n\n /* Returns map of registered Reducers. /\n public getReducers() {\n return this._reducers;\n }\n\n /* Clear reducers only required for unit testing\n * @internal\n /\n public clearReducers() {\n this._reducers = {};\n if (this._onReducerListChanged) {\n this._onReducerListChanged(this._reducers);\n }\n }\n}\n\n/* ReducerRegistryInstance singleton instance of Reducer Registry\n * @beta\n * @deprecated in 4.15.0. Use your preferred state management library instead.\n */\nexport const ReducerRegistryInstance = new ReducerRegistry();\n"]}