@itwin/grouping-mapping-widget 0.15.0 → 0.16.0

package/lib/cjs/widget/components/SelectIModel.js

@@ -19,26 +19,81 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const imodel_browser_react_1 = require("@itwin/imodel-browser-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importStar(require("react"));
-const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
 require("./SelectIModel.scss");
-const SelectIModel = ({ projectId, onSelect, onCancel, backFn, }) => {
-    const { getAccessToken, prefix } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
-    const [accessToken, setAccessToken] = react_1.useState();
-    const [apiOverrides, setApiOverrides] = react_1.useState(() => ({ serverEnvironmentPrefix: prefix }));
-    react_1.useEffect(() => setApiOverrides(() => ({ serverEnvironmentPrefix: prefix })), [prefix]);
+const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
+const IModelsClientContext_1 = require("./context/IModelsClientContext");
+const utils_1 = require("./utils");
+const defaultDisplayStrings = {
+    iModels: "iModels",
+    iModelName: "Name",
+    iModelDescription: "Description",
+};
+const fetchIModels = async (setIModels, setIsLoading, getAccessToken, iTwinId, iModelsClient) => {
+    try {
+        setIModels([]);
+        setIsLoading(true);
+        const iModelIterator = iModelsClient.iModels.getRepresentationList({
+            authorization: async () => {
+                const token = await getAccessToken();
+                const splitToken = token.split(" ");
+                return {
+                    scheme: splitToken[0],
+                    token: splitToken[1],
+                };
+            },
+            urlParams: {
+                iTwinId,
+            },
+        });
+        const iModels = [];
+        for await (const iModel of iModelIterator) {
+            iModels.push(iModel);
+        }
+        setIModels(iModels);
+    }
+    catch (error) {
+        utils_1.handleError(error.status);
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const SelectIModel = ({ iTwinId: iTwinId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings, }) => {
+    const { getAccessToken } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
+    const iModelsClient = IModelsClientContext_1.useIModelsClient();
+    const [isLoading, setIsLoading] = react_1.useState(true);
+    const [iModels, setIModels] = react_1.useState([]);
     react_1.useEffect(() => {
-        const fetchAccessToken = async () => {
-            const accessToken = await getAccessToken();
-            setAccessToken(accessToken);
-        };
-        void fetchAccessToken();
-    }, [getAccessToken]);
-    return (react_1.default.createElement("div", { className: 'gmw-imodel-grid-container' },
-        react_1.default.createElement("div", { className: 'gmw-imodel-grid' },
-            react_1.default.createElement(imodel_browser_react_1.IModelGrid, { projectId: projectId, onThumbnailClick: onSelect, accessToken: accessToken, apiOverrides: apiOverrides })),
+        void fetchIModels(setIModels, setIsLoading, getAccessToken, iTwinId, iModelsClient);
+    }, [getAccessToken, iModelsClient, setIsLoading, iTwinId]);
+    const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const iModelsColumns = react_1.useMemo(() => [
+        {
+            Header: "Table",
+            columns: [
+                {
+                    id: "iModelName",
+                    Header: `${displayStrings.iModelName}`,
+                    accessor: "name",
+                    Filter: itwinui_react_1.tableFilters.TextFilter(),
+                },
+                {
+                    id: "iModelDescription",
+                    Header: `${displayStrings.iModelDescription}`,
+                    accessor: "description",
+                    Filter: itwinui_react_1.tableFilters.TextFilter(),
+                },
+            ],
+        },
+    ], [displayStrings.iModelName, displayStrings.iModelDescription]);
+    const pageSizeList = react_1.useMemo(() => [10, 25, 50], []);
+    const paginator = react_1.useCallback((props) => (react_1.default.createElement(itwinui_react_1.TablePaginator, { ...props, pageSizeList: pageSizeList })), [pageSizeList]);
+    return (react_1.default.createElement("div", { className: 'gmw-select-imodel-table-container' },
+        react_1.default.createElement(itwinui_react_1.Table, { data: iModels, columns: iModelsColumns, className: 'gmw-select-imodel-table', emptyTableContent: `No ${displayStrings.iModels} available.`, isSortable: true, isLoading: isLoading, onRowClick: (_, row) => {
+                onSelect(row.original.id);
+            }, paginatorRenderer: paginator }),
         react_1.default.createElement("div", { className: 'gmw-import-action-panel' },
             react_1.default.createElement(itwinui_react_1.Button, { onClick: backFn }, "Back"),
             react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, "Cancel"))));

package/lib/cjs/widget/components/SelectIModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectIModel.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectIModel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AASA,sEAEqC;AACrC,wDAA8C;AAC9C,+CAAmD;AACnD,iFAAiF;AACjF,+BAA6B;AAQ7B,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,GACY,EAAE,EAAE;IACtB,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,sDAA2B,EAAE,CAAC;IACjE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAQ,EAAe,CAAC;IAC9D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,gBAAQ,CAC9C,GAAG,EAAE,CAAC,CAAC,EAAE,uBAAuB,EAAE,MAAM,EAAE,CAAC,CAC5C,CAAC;IAEF,iBAAS,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,uBAAuB,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAExF,iBAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;YAClC,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;YAC3C,cAAc,CAAC,WAAW,CAAC,CAAC;QAC9B,CAAC,CAAC;QACF,KAAK,gBAAgB,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;QACxC,uCAAK,SAAS,EAAC,iBAAiB;YAC9B,8BAAC,iCAAU,IACT,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,QAAQ,EAC1B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,GAC1B,CACE;QACN,uCAAK,SAAS,EAAC,yBAAyB;YACtC,8BAAC,sBAAM,IAAC,OAAO,EAAE,MAAM,WAAe;YACtC,8BAAC,sBAAM,IAAC,OAAO,EAAE,QAAQ,aAAiB,CACtC,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,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*--------------------------------------------------------------------------------------------*/\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport type {\n  ApiOverrides,\n  IModelFull,\n} from \"@itwin/imodel-browser-react\";\nimport {\n  IModelGrid,\n} from \"@itwin/imodel-browser-react\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useState } from \"react\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport \"./SelectIModel.scss\";\n\ninterface SelectIModelProps {\n  projectId: string;\n  onSelect: (project: IModelFull) => void;\n  onCancel: () => void;\n  backFn: () => void;\n}\nconst SelectIModel = ({\n  projectId,\n  onSelect,\n  onCancel,\n  backFn,\n}: SelectIModelProps) => {\n  const { getAccessToken, prefix } = useGroupingMappingApiConfig();\n  const [accessToken, setAccessToken] = useState<AccessToken>();\n  const [apiOverrides, setApiOverrides] = useState<ApiOverrides<IModelFull[]>>(\n    () => ({ serverEnvironmentPrefix: prefix })\n  );\n\n  useEffect(() => setApiOverrides(() => ({ serverEnvironmentPrefix: prefix })), [prefix]);\n\n  useEffect(() => {\n    const fetchAccessToken = async () => {\n      const accessToken = await getAccessToken();\n      setAccessToken(accessToken);\n    };\n    void fetchAccessToken();\n  }, [getAccessToken]);\n\n  return (\n    <div className='gmw-imodel-grid-container'>\n      <div className='gmw-imodel-grid'>\n        <IModelGrid\n          projectId={projectId}\n          onThumbnailClick={onSelect}\n          accessToken={accessToken}\n          apiOverrides={apiOverrides}\n        />\n      </div>\n      <div className='gmw-import-action-panel'>\n        <Button onClick={backFn}>Back</Button>\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectIModel;\n"]}
+{"version":3,"file":"SelectIModel.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectIModel.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*--------------------------------------------------------------------------------------------*/\nimport type { EntityListIterator, IModel, IModelsClient } from \"@itwin/imodels-client-management\";\nimport type { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { Button, Table, tableFilters, TablePaginator } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport \"./SelectIModel.scss\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { useIModelsClient } from \"./context/IModelsClientContext\";\nimport { handleError } from \"./utils\";\n\ntype IIModelTyped = CreateTypeFromInterface<IModel>;\n\nconst defaultDisplayStrings = {\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\n\nconst fetchIModels = async (\n  setIModels: (iModels: IModel[]) => void,\n  setIsLoading: (isLoading: boolean) => void,\n  getAccessToken: GetAccessTokenFn,\n  iTwinId: string,\n  iModelsClient: IModelsClient,\n) => {\n  try {\n    setIModels([]);\n    setIsLoading(true);\n    const iModelIterator: EntityListIterator<IModel> = iModelsClient.iModels.getRepresentationList({\n      authorization: async () => {\n        const token = await getAccessToken();\n        const splitToken = token.split(\" \");\n        return {\n          scheme: splitToken[0],\n          token: splitToken[1],\n        };\n      },\n      urlParams: {\n        iTwinId,\n      },\n    });\n    const iModels: IModel[] = [];\n    for await (const iModel of iModelIterator) {\n      iModels.push(iModel);\n    }\n    setIModels(iModels);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface SelectIModelProps {\n  iTwinId: string;\n  onSelect: (iModelId: string) => void;\n  onCancel: () => void;\n  backFn: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\nconst SelectIModel = ({\n  iTwinId: iTwinId,\n  onSelect,\n  onCancel,\n  backFn,\n  displayStrings: userDisplayStrings,\n}: SelectIModelProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const iModelsClient = useIModelsClient();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [iModels, setIModels] = useState<IModel[]>([]);\n\n  useEffect(() => {\n    void fetchIModels(setIModels, setIsLoading, getAccessToken, iTwinId, iModelsClient);\n  }, [getAccessToken, iModelsClient, setIsLoading, iTwinId]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const iModelsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"iModelName\",\n            Header: `${displayStrings.iModelName}`,\n            accessor: \"name\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iModelDescription\",\n            Header: `${displayStrings.iModelDescription}`,\n            accessor: \"description\",\n            Filter: tableFilters.TextFilter(),\n          },\n        ],\n      },\n    ],\n    [displayStrings.iModelName, displayStrings.iModelDescription]\n  );\n\n  const pageSizeList = useMemo(() => [10, 25, 50], []);\n  const paginator = useCallback(\n    (props: TablePaginatorRendererProps) => (\n      <TablePaginator {...props} pageSizeList={pageSizeList} />\n    ),\n    [pageSizeList]\n  );\n\n  return (\n    <div className='gmw-select-imodel-table-container'>\n      <Table<IIModelTyped>\n        data={iModels}\n        columns={iModelsColumns}\n        className='gmw-select-imodel-table'\n        emptyTableContent={`No ${displayStrings.iModels} available.`}\n        isSortable\n        isLoading={isLoading}\n        onRowClick={(_, row) => {\n          onSelect(row.original.id);\n        }}\n        paginatorRenderer={paginator}\n      />\n      <div className='gmw-import-action-panel'>\n        <Button onClick={backFn}>Back</Button>\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectIModel;\n"]}

package/lib/cjs/widget/components/SelectIModel.scss

@@ -4,13 +4,13 @@
 *--------------------------------------------------------------------------------------------*/
 @import '~@itwin/itwinui-css/scss/variables';
 
-.gmw-imodel-grid-container {
+.gmw-select-imodel-table-container {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   min-height: 0;
 
-  .gmw-imodel-grid {
+  .gmw-select-imodel-table {
     overflow: auto;
     flex-grow: 1;
   }

package/lib/cjs/widget/components/SelectITwin.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import "./SelectITwin.scss";
+declare const defaultDisplayStrings: {
+    iTwins: string;
+    iTwinNumber: string;
+    iTwinName: string;
+    iTwinStatus: string;
+};
+interface SelectITwinProps {
+    onSelect: (iTwinId: string) => void;
+    onCancel: () => void;
+    onChangeITwinType: (iTwinType: number) => void;
+    displayStrings?: Partial<typeof defaultDisplayStrings>;
+    defaultITwinType?: number;
+}
+declare const SelectITwin: ({ onSelect, onCancel, onChangeITwinType, displayStrings: userDisplayStrings, defaultITwinType, }: SelectITwinProps) => JSX.Element;
+export default SelectITwin;
+//# sourceMappingURL=SelectITwin.d.ts.map

package/lib/cjs/widget/components/SelectITwin.js

@@ -0,0 +1,115 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const itwins_client_1 = require("@itwin/itwins-client");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+require("./SelectITwin.scss");
+const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
+const ITwinsClientContext_1 = require("./context/ITwinsClientContext");
+const utils_1 = require("./utils");
+const defaultDisplayStrings = {
+    iTwins: "iTwins",
+    iTwinNumber: "Number",
+    iTwinName: "Name",
+    iTwinStatus: "Status",
+};
+const tabsWithIcons = [
+    react_1.default.createElement(itwinui_react_1.Tab, { key: "favorite", label: "Favorite iTwins", startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgStarHollow, null) }),
+    react_1.default.createElement(itwinui_react_1.Tab, { key: "recents", label: "Recent iTwins", startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgCalendar, null) }),
+    react_1.default.createElement(itwinui_react_1.Tab, { key: "all", label: "My iTwins", startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgList, null) }),
+];
+const fetchITwins = async (setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType) => {
+    try {
+        setITwins([]);
+        setIsLoading(true);
+        const accessToken = await getAccessToken();
+        let iTwinsResponse;
+        switch (iTwinType) {
+            case 0:
+                iTwinsResponse = await iTwinsClient.queryFavoritesAsync(accessToken, itwins_client_1.ITwinSubClass.Project);
+                break;
+            case 1:
+                iTwinsResponse = await iTwinsClient.queryRecentsAsync(accessToken, itwins_client_1.ITwinSubClass.Project);
+                break;
+            default:
+                iTwinsResponse = await iTwinsClient.queryAsync(accessToken, itwins_client_1.ITwinSubClass.Project);
+        }
+        setITwins(iTwinsResponse.data);
+    }
+    catch (error) {
+        utils_1.handleError(error.status);
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const SelectITwin = ({ onSelect, onCancel, onChangeITwinType, displayStrings: userDisplayStrings, defaultITwinType = 0, }) => {
+    const { getAccessToken } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
+    const iTwinsClient = ITwinsClientContext_1.useITwinsClient();
+    const [isLoading, setIsLoading] = react_1.useState(true);
+    const [iTwins, setITwins] = react_1.useState([]);
+    const [iTwinType, setITwinType] = react_1.useState(defaultITwinType);
+    react_1.useEffect(() => {
+        void fetchITwins(setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType);
+    }, [getAccessToken, iTwinsClient, setIsLoading, iTwinType]);
+    const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const iTwinsColumns = react_1.useMemo(() => [
+        {
+            Header: "Table",
+            columns: [
+                {
+                    id: "iTwinNumber",
+                    Header: `${displayStrings.iTwinNumber}`,
+                    accessor: "number",
+                    Filter: itwinui_react_1.tableFilters.TextFilter(),
+                },
+                {
+                    id: "iTwinName",
+                    Header: `${displayStrings.iTwinName}`,
+                    accessor: "displayName",
+                    Filter: itwinui_react_1.tableFilters.TextFilter(),
+                },
+                {
+                    id: "iTwinStatus",
+                    Header: `${displayStrings.iTwinStatus}`,
+                    accessor: "status",
+                    Filter: itwinui_react_1.tableFilters.TextFilter(),
+                },
+            ],
+        },
+    ], [displayStrings.iTwinNumber, displayStrings.iTwinName, displayStrings.iTwinStatus]);
+    const pageSizeList = react_1.useMemo(() => [10, 25, 50], []);
+    const paginator = react_1.useCallback((props) => (react_1.default.createElement(itwinui_react_1.TablePaginator, { ...props, pageSizeList: pageSizeList })), [pageSizeList]);
+    return (react_1.default.createElement("div", { className: "gmw-select-itwin-table-container" },
+        react_1.default.createElement(itwinui_react_1.HorizontalTabs, { labels: tabsWithIcons, onTabSelected: (type) => {
+                onChangeITwinType(type);
+                setITwinType(type);
+            }, activeIndex: iTwinType, type: "borderless", contentClassName: "gmw-table-holding-tab" }),
+        react_1.default.createElement(itwinui_react_1.Table, { data: iTwins, columns: iTwinsColumns, className: 'gmw-select-itwin-table', emptyTableContent: `No ${displayStrings.iTwins} available.`, isSortable: true, isLoading: isLoading, onRowClick: (_, row) => {
+                onSelect(row.original.id);
+            }, paginatorRenderer: paginator }),
+        react_1.default.createElement("div", { className: "gmw-import-action-panel" },
+            react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, "Cancel"))));
+};
+exports.default = SelectITwin;
+//# sourceMappingURL=SelectITwin.js.map

package/lib/cjs/widget/components/SelectITwin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectITwin.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectITwin.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*--------------------------------------------------------------------------------------------*/\nimport type { ITwin, ITwinsAccessClient, ITwinsAPIResponse } from \"@itwin/itwins-client\";\nimport { ITwinSubClass } from \"@itwin/itwins-client\";\nimport { SvgCalendar, SvgList, SvgStarHollow } from \"@itwin/itwinui-icons-react\";\nimport type { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { Button, HorizontalTabs, Tab, Table, tableFilters, TablePaginator } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport \"./SelectITwin.scss\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { useITwinsClient } from \"./context/ITwinsClientContext\";\nimport { handleError } from \"./utils\";\n\ntype IITwinTyped = CreateTypeFromInterface<ITwin>;\n\nconst defaultDisplayStrings = {\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n};\n\nconst tabsWithIcons = [\n  <Tab key=\"favorite\" label=\"Favorite iTwins\" startIcon={<SvgStarHollow />} />,\n  <Tab key=\"recents\" label=\"Recent iTwins\" startIcon={<SvgCalendar />} />,\n  <Tab key=\"all\" label=\"My iTwins\" startIcon={<SvgList />} />,\n];\n\nconst fetchITwins = async (\n  setITwins: (iTwins: ITwin[]) => void,\n  setIsLoading: (isLoading: boolean) => void,\n  getAccessToken: GetAccessTokenFn,\n  iTwinsClient: ITwinsAccessClient,\n  iTwinType: number,\n) => {\n  try {\n    setITwins([]);\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    let iTwinsResponse: ITwinsAPIResponse<ITwin[]>;\n    switch (iTwinType) {\n      case 0:\n        iTwinsResponse = await iTwinsClient.queryFavoritesAsync(accessToken, ITwinSubClass.Project);\n        break;\n      case 1:\n        iTwinsResponse = await iTwinsClient.queryRecentsAsync(accessToken, ITwinSubClass.Project);\n        break;\n      default:\n        iTwinsResponse = await iTwinsClient.queryAsync(accessToken, ITwinSubClass.Project);\n    }\n    setITwins(iTwinsResponse.data!);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface SelectITwinProps {\n  onSelect: (iTwinId: string) => void;\n  onCancel: () => void;\n  onChangeITwinType: (iTwinType: number) => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n  defaultITwinType?: number;\n}\nconst SelectITwin = ({\n  onSelect,\n  onCancel,\n  onChangeITwinType,\n  displayStrings: userDisplayStrings,\n  defaultITwinType = 0,\n}: SelectITwinProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const iTwinsClient = useITwinsClient();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [iTwins, setITwins] = useState<ITwin[]>([]);\n  const [iTwinType, setITwinType] = useState<number>(defaultITwinType);\n\n  useEffect(() => {\n    void fetchITwins(setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType);\n  }, [getAccessToken, iTwinsClient, setIsLoading, iTwinType]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const iTwinsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"iTwinNumber\",\n            Header: `${displayStrings.iTwinNumber}`,\n            accessor: \"number\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iTwinName\",\n            Header: `${displayStrings.iTwinName}`,\n            accessor: \"displayName\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iTwinStatus\",\n            Header: `${displayStrings.iTwinStatus}`,\n            accessor: \"status\",\n            Filter: tableFilters.TextFilter(),\n          },\n        ],\n      },\n    ],\n    [displayStrings.iTwinNumber, displayStrings.iTwinName, displayStrings.iTwinStatus]\n  );\n\n  const pageSizeList = useMemo(() => [10, 25, 50], []);\n  const paginator = useCallback(\n    (props: TablePaginatorRendererProps) => (\n      <TablePaginator {...props} pageSizeList={pageSizeList} />\n    ),\n    [pageSizeList]\n  );\n\n  return (\n    <div className=\"gmw-select-itwin-table-container\">\n      <HorizontalTabs\n        labels={tabsWithIcons}\n        onTabSelected={(type) => {\n          onChangeITwinType(type);\n          setITwinType(type);\n        }}\n        activeIndex={iTwinType}\n        type={\"borderless\"}\n        contentClassName=\"gmw-table-holding-tab\">\n      </HorizontalTabs>\n      <Table<IITwinTyped>\n        data={iTwins}\n        columns={iTwinsColumns}\n        className='gmw-select-itwin-table'\n        emptyTableContent={`No ${displayStrings.iTwins} available.`}\n        isSortable\n        isLoading={isLoading}\n        onRowClick={(_, row) => {\n          onSelect(row.original.id!);\n        }}\n        paginatorRenderer={paginator}\n      />\n      <div className=\"gmw-import-action-panel\">\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectITwin;\n"]}

package/lib/{esm/widget/components/SelectProject.scss → cjs/widget/components/SelectITwin.scss}

@@ -4,30 +4,20 @@
 *--------------------------------------------------------------------------------------------*/
 @import '~@itwin/itwinui-css/scss/variables';
 
-.gmw-select-project-grid-container {
+.gmw-select-itwin-table-container {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   min-height: 0;
 
-  .gmw-search-input {
-    margin-left: auto;
-  }
-
-  .gmw-project-grid {
-    overflow: auto;
-    flex-grow: 1;
-  }
-
-  .gmw-grid-holding-tab {
+  .gmw-table-holding-tab {
     display: flex;
     flex-direction: column;
     gap: $iui-baseline;
   }
 
-  .gmw-select-project-action-panel {
-    display: flex;
-    justify-content: center;
-    padding: $iui-baseline * 2 $iui-m $iui-baseline;
+  .gmw-select-itwin-table {
+    overflow: auto;
+    flex-grow: 1;
   }
-}
+}

package/lib/cjs/widget/components/SelectMapping.scss

@@ -7,12 +7,11 @@
 .gmw-select-mapping-container {
   display: flex;
   flex-direction: column;
-  gap: $iui-baseline * 2;
   flex-grow: 1;
   min-height: 0;
 
   .gmw-select-mapping-table {
-    flex-grow: 1;
     overflow: auto;
+    flex-grow: 1;
   }
 }

package/lib/cjs/widget/components/context/IModelsClientContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IModelsClient } from "@itwin/imodels-client-management";
+import type { ClientPrefix } from "./GroupingApiConfigContext";
+export declare const createIModelsClient: (prefix?: ClientPrefix) => IModelsClient;
+export declare const IModelsClientContext: import("react").Context<IModelsClient>;
+export declare const useIModelsClient: () => IModelsClient;
+//# sourceMappingURL=IModelsClientContext.d.ts.map

package/lib/cjs/widget/components/context/IModelsClientContext.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIModelsClient = exports.IModelsClientContext = exports.createIModelsClient = void 0;
+const imodels_client_management_1 = require("@itwin/imodels-client-management");
+const react_1 = require("react");
+const baseUrl = "https://api.bentley.com/imodels";
+const prefixUrl = (baseUrl, prefix) => {
+    if (prefix && baseUrl) {
+        return baseUrl.replace("api.bentley.com", `${prefix}-api.bentley.com`);
+    }
+    return baseUrl;
+};
+const createIModelsClient = (prefix) => {
+    const url = prefixUrl(baseUrl, prefix);
+    const options = {
+        api: {
+            baseUrl: url,
+        },
+    };
+    return new imodels_client_management_1.IModelsClient(options);
+};
+exports.createIModelsClient = createIModelsClient;
+exports.IModelsClientContext = react_1.createContext(exports.createIModelsClient());
+const useIModelsClient = () => {
+    const context = react_1.useContext(exports.IModelsClientContext);
+    if (!context) {
+        throw new Error("useIModelsClient should be used within an IModelsClientContext provider");
+    }
+    return context;
+};
+exports.useIModelsClient = useIModelsClient;
+//# sourceMappingURL=IModelsClientContext.js.map

package/lib/cjs/widget/components/context/IModelsClientContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IModelsClientContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/IModelsClientContext.ts"],"names":[],"mappings":";;;AAKA,gFAAiE;AACjE,iCAAkD;AAGlD,MAAM,OAAO,GAAW,iCAAiC,CAAC;AAE1D,MAAM,SAAS,GAAG,CAAC,OAAgB,EAAE,MAAe,EAAE,EAAE;IACtD,IAAI,MAAM,IAAI,OAAO,EAAE;QACrB,OAAO,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,MAAM,kBAAkB,CAAC,CAAC;KACxE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEK,MAAM,mBAAmB,GAAG,CAAC,MAAqB,EAAiB,EAAE;IAC1E,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACvC,MAAM,OAAO,GAAyB;QACpC,GAAG,EAAE;YACH,OAAO,EAAE,GAAG;SACb;KACF,CAAC;IACF,OAAO,IAAI,yCAAa,CAAC,OAAO,CAAC,CAAC;AACpC,CAAC,CAAC;AARW,QAAA,mBAAmB,uBAQ9B;AAEW,QAAA,oBAAoB,GAAG,qBAAa,CAAgB,2BAAmB,EAAE,CAAC,CAAC;AAEjF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,kBAAU,CAAC,4BAAoB,CAAC,CAAC;IACjD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,yEAAyE,CAC1E,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,gBAAgB,oBAQ3B","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*--------------------------------------------------------------------------------------------*/\nimport type { IModelsClientOptions } from \"@itwin/imodels-client-management\";\nimport { IModelsClient } from \"@itwin/imodels-client-management\";\nimport { createContext, useContext } from \"react\";\nimport type { ClientPrefix } from \"./GroupingApiConfigContext\";\n\nconst baseUrl: string = \"https://api.bentley.com/imodels\";\n\nconst prefixUrl = (baseUrl?: string, prefix?: string) => {\n  if (prefix && baseUrl) {\n    return baseUrl.replace(\"api.bentley.com\", `${prefix}-api.bentley.com`);\n  }\n  return baseUrl;\n};\n\nexport const createIModelsClient = (prefix?: ClientPrefix): IModelsClient => {\n  const url = prefixUrl(baseUrl, prefix);\n  const options: IModelsClientOptions = {\n    api: {\n      baseUrl: url,\n    },\n  };\n  return new IModelsClient(options);\n};\n\nexport const IModelsClientContext = createContext<IModelsClient>(createIModelsClient());\n\nexport const useIModelsClient = () => {\n  const context = useContext(IModelsClientContext);\n  if (!context) {\n    throw new Error(\n      \"useIModelsClient should be used within an IModelsClientContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/cjs/widget/components/context/ITwinsClientContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ITwinsAccessClient } from "@itwin/itwins-client";
+import type { ClientPrefix } from "./GroupingApiConfigContext";
+export declare const createITwinsClient: (prefix?: ClientPrefix) => ITwinsAccessClient;
+export declare const ITwinsClientContext: import("react").Context<ITwinsAccessClient>;
+export declare const useITwinsClient: () => ITwinsAccessClient;
+//# sourceMappingURL=ITwinsClientContext.d.ts.map

package/lib/cjs/widget/components/context/ITwinsClientContext.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useITwinsClient = exports.ITwinsClientContext = exports.createITwinsClient = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const itwins_client_1 = require("@itwin/itwins-client");
+const react_1 = require("react");
+const baseUrl = "https://api.bentley.com/itwins";
+const prefixUrl = (baseUrl, prefix) => {
+    if (prefix && baseUrl) {
+        return baseUrl.replace("api.bentley.com", `${prefix}-api.bentley.com`);
+    }
+    return baseUrl;
+};
+const createITwinsClient = (prefix) => {
+    const url = prefixUrl(baseUrl, prefix);
+    return new itwins_client_1.ITwinsAccessClient(url);
+};
+exports.createITwinsClient = createITwinsClient;
+exports.ITwinsClientContext = react_1.createContext(exports.createITwinsClient());
+const useITwinsClient = () => {
+    const context = react_1.useContext(exports.ITwinsClientContext);
+    if (!context) {
+        throw new Error("useITwinsClient should be used within an ITwinsClientContext provider");
+    }
+    return context;
+};
+exports.useITwinsClient = useITwinsClient;
+//# sourceMappingURL=ITwinsClientContext.js.map

package/lib/cjs/widget/components/context/ITwinsClientContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITwinsClientContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/ITwinsClientContext.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,wDAA0D;AAC1D,iCAAkD;AAGlD,MAAM,OAAO,GAAW,gCAAgC,CAAC;AAEzD,MAAM,SAAS,GAAG,CAAC,OAAgB,EAAE,MAAe,EAAE,EAAE;IACtD,IAAI,MAAM,IAAI,OAAO,EAAE;QACrB,OAAO,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,MAAM,kBAAkB,CAAC,CAAC;KACxE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEK,MAAM,kBAAkB,GAAG,CAAC,MAAqB,EAAsB,EAAE;IAC9E,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,IAAI,kCAAkB,CAAC,GAAG,CAAC,CAAC;AACrC,CAAC,CAAC;AAHW,QAAA,kBAAkB,sBAG7B;AAEW,QAAA,mBAAmB,GAAG,qBAAa,CAAqB,0BAAkB,EAAE,CAAC,CAAC;AAEpF,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,kBAAU,CAAC,2BAAmB,CAAC,CAAC;IAChD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,uEAAuE,CACxE,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,eAAe,mBAQ1B","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*--------------------------------------------------------------------------------------------*/\nimport { ITwinsAccessClient } from \"@itwin/itwins-client\";\nimport { createContext, useContext } from \"react\";\nimport type { ClientPrefix } from \"./GroupingApiConfigContext\";\n\nconst baseUrl: string = \"https://api.bentley.com/itwins\";\n\nconst prefixUrl = (baseUrl?: string, prefix?: string) => {\n  if (prefix && baseUrl) {\n    return baseUrl.replace(\"api.bentley.com\", `${prefix}-api.bentley.com`);\n  }\n  return baseUrl;\n};\n\nexport const createITwinsClient = (prefix?: ClientPrefix): ITwinsAccessClient => {\n  const url = prefixUrl(baseUrl, prefix);\n  return new ITwinsAccessClient(url);\n};\n\nexport const ITwinsClientContext = createContext<ITwinsAccessClient>(createITwinsClient());\n\nexport const useITwinsClient = () => {\n  const context = useContext(ITwinsClientContext);\n  if (!context) {\n    throw new Error(\n      \"useITwinsClient should be used within an ITwinsClientContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/esm/widget/GroupingMappingWidget.d.ts

@@ -1,10 +1,10 @@
-import type { AbstractWidgetProps, UiItemsProvider } from "@itwin/appui-abstract";
-import { AbstractZoneLocation, StagePanelLocation, StagePanelSection } from "@itwin/appui-abstract";
+import type { CommonWidgetProps, UiItemsProvider } from "@itwin/appui-react";
+import { StagePanelLocation, StagePanelSection } from "@itwin/appui-react";
 import type { GroupingMappingProps } from "./components/GroupingMapping";
 export declare class GroupingMappingProvider implements UiItemsProvider {
     private readonly _props;
     readonly id = "GroupingMappingProvider";
     constructor(_props?: GroupingMappingProps);
-    provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection, zonelocation?: AbstractZoneLocation): ReadonlyArray<AbstractWidgetProps>;
+    provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection): ReadonlyArray<CommonWidgetProps>;
 }
 //# sourceMappingURL=GroupingMappingWidget.d.ts.map

package/lib/esm/widget/GroupingMappingWidget.js

@@ -1,4 +1,4 @@
-import { AbstractZoneLocation, StagePanelLocation, StagePanelSection, StageUsage, } from "@itwin/appui-abstract";
+import { StagePanelLocation, StagePanelSection, StageUsage, } from "@itwin/appui-react";
 import React from "react";
 import GroupingMapping from "./components/GroupingMapping";
 export class GroupingMappingProvider {
@@ -6,12 +6,11 @@ export class GroupingMappingProvider {
         this._props = _props;
         this.id = "GroupingMappingProvider";
     }
-    provideWidgets(_stageId, stageUsage, location, section, zonelocation) {
+    provideWidgets(_stageId, stageUsage, location, section) {
         const widgets = [];
-        if ((location === StagePanelLocation.Left &&
+        if (location === StagePanelLocation.Left &&
             section === StagePanelSection.Start &&
-            stageUsage === StageUsage.General) ||
-            zonelocation === AbstractZoneLocation.CenterLeft) {
+            stageUsage === StageUsage.General) {
             const GroupingMappingWidget = {
                 id: "GroupingMappingWidget",
                 label: "Grouping & Mapping",

package/lib/esm/widget/GroupingMappingWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingWidget.js","sourceRoot":"","sources":["../../../src/widget/GroupingMappingWidget.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,OAAO,uBAAuB;IAGlC,YAA6B,SAA+B,EAAE;QAAjC,WAAM,GAAN,MAAM,CAA2B;QAF9C,OAAE,GAAG,yBAAyB,CAAC;IAEmB,CAAC;IAE5D,cAAc,CACnB,QAAgB,EAChB,UAAkB,EAClB,QAA4B,EAC5B,OAA2B,EAC3B,YAAmC;QAEnC,MAAM,OAAO,GAA0B,EAAE,CAAC;QAC1C,IACE,CAAC,QAAQ,KAAK,kBAAkB,CAAC,IAAI;YACnC,OAAO,KAAK,iBAAiB,CAAC,KAAK;YACnC,UAAU,KAAK,UAAU,CAAC,OAAO,CAAC;YACpC,YAAY,KAAK,oBAAoB,CAAC,UAAU,EAChD;YACA,MAAM,qBAAqB,GAAwB;gBACjD,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,oBAAoB;gBAC3B,gBAAgB,EAAE,GAAG,EAAE;oBACrB,OAAO,oBAAC,eAAe,OAAK,IAAI,CAAC,MAAM,GAAI,CAAC;gBAC9C,CAAC;aACF,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type {\n  AbstractWidgetProps,\n  UiItemsProvider,\n} from \"@itwin/appui-abstract\";\nimport {\n  AbstractZoneLocation,\n  StagePanelLocation,\n  StagePanelSection,\n  StageUsage,\n} from \"@itwin/appui-abstract\";\nimport React from \"react\";\nimport type { GroupingMappingProps } from \"./components/GroupingMapping\";\nimport GroupingMapping from \"./components/GroupingMapping\";\n\nexport class GroupingMappingProvider implements UiItemsProvider {\n  public readonly id = \"GroupingMappingProvider\";\n\n  constructor(private readonly _props: GroupingMappingProps = {}) { }\n\n  public provideWidgets(\n    _stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section?: StagePanelSection,\n    zonelocation?: AbstractZoneLocation\n  ): ReadonlyArray<AbstractWidgetProps> {\n    const widgets: AbstractWidgetProps[] = [];\n    if (\n      (location === StagePanelLocation.Left &&\n        section === StagePanelSection.Start &&\n        stageUsage === StageUsage.General) ||\n      zonelocation === AbstractZoneLocation.CenterLeft\n    ) {\n      const GroupingMappingWidget: AbstractWidgetProps = {\n        id: \"GroupingMappingWidget\",\n        label: \"Grouping & Mapping\",\n        getWidgetContent: () => {\n          return <GroupingMapping {...this._props} />;\n        },\n      };\n\n      widgets.push(GroupingMappingWidget);\n    }\n\n    return widgets;\n  }\n}\n"]}
+{"version":3,"file":"GroupingMappingWidget.js","sourceRoot":"","sources":["../../../src/widget/GroupingMappingWidget.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,OAAO,uBAAuB;IAGlC,YAA6B,SAA+B,EAAE;QAAjC,WAAM,GAAN,MAAM,CAA2B;QAF9C,OAAE,GAAG,yBAAyB,CAAC;IAEmB,CAAC;IAE5D,cAAc,CACnB,QAAgB,EAChB,UAAkB,EAClB,QAA4B,EAC5B,OAA2B;QAE3B,MAAM,OAAO,GAAwB,EAAE,CAAC;QACxC,IAAI,QAAQ,KAAK,kBAAkB,CAAC,IAAI;YACpC,OAAO,KAAK,iBAAiB,CAAC,KAAK;YACnC,UAAU,KAAK,UAAU,CAAC,OAAO,EACnC;YACA,MAAM,qBAAqB,GAAsB;gBAC/C,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,oBAAoB;gBAC3B,gBAAgB,EAAE,GAAG,EAAE;oBACrB,OAAO,oBAAC,eAAe,OAAK,IAAI,CAAC,MAAM,GAAI,CAAC;gBAC9C,CAAC;aACF,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type {\n  CommonWidgetProps,\n  UiItemsProvider,\n} from \"@itwin/appui-react\";\nimport {\n  StagePanelLocation,\n  StagePanelSection,\n  StageUsage,\n} from \"@itwin/appui-react\";\nimport React from \"react\";\nimport type { GroupingMappingProps } from \"./components/GroupingMapping\";\nimport GroupingMapping from \"./components/GroupingMapping\";\n\nexport class GroupingMappingProvider implements UiItemsProvider {\n  public readonly id = \"GroupingMappingProvider\";\n\n  constructor(private readonly _props: GroupingMappingProps = {}) { }\n\n  public provideWidgets(\n    _stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section?: StagePanelSection,\n  ): ReadonlyArray<CommonWidgetProps> {\n    const widgets: CommonWidgetProps[] = [];\n    if (location === StagePanelLocation.Left &&\n        section === StagePanelSection.Start &&\n        stageUsage === StageUsage.General\n    ) {\n      const GroupingMappingWidget: CommonWidgetProps = {\n        id: \"GroupingMappingWidget\",\n        label: \"Grouping & Mapping\",\n        getWidgetContent: () => {\n          return <GroupingMapping {...this._props} />;\n        },\n      };\n\n      widgets.push(GroupingMappingWidget);\n    }\n\n    return widgets;\n  }\n}\n"]}

package/lib/esm/widget/components/GroupPropertyAction.js

@@ -20,8 +20,7 @@ import SortableHorizontalTile from "./SortableHorizontalTile";
 import Split from "react-split";
 import "./GroupPropertyAction.scss";
 import { convertPresentationFields, convertToECProperties, fetchPresentationDescriptor, findProperties, } from "./GroupPropertyUtils";
-import { useGroupHilitedElementsContext } from "./context/GroupHilitedElementsContext";
-import { getHiliteIdsAndKeysetFromGroup } from "./groupsHelpers";
+import { manufactureKeys } from "./viewerUtils";
 export const quantityTypesSelectionOptions = [
     { value: QuantityType.Area, label: "Area" },
     { value: QuantityType.Distance, label: "Distance" },
@@ -35,7 +34,6 @@ export const quantityTypesSelectionOptions = [
 export const GroupPropertyAction = ({ mappingId, group, groupProperty, onSaveSuccess, onClickCancel, }) => {
     const { getAccessToken, iModelId, iModelConnection } = useGroupingMappingApiConfig();
     const mappingClient = useMappingClient();
-    const { hilitedElementsQueryCache } = useGroupHilitedElementsContext();
     const [propertyName, setPropertyName] = useState("");
     const [dataType, setDataType] = useState(DataType.Undefined);
     const [quantityType, setQuantityType] = useState(QuantityType.Undefined);
@@ -82,8 +80,8 @@ export const GroupPropertyAction = ({ mappingId, group, groupProperty, onSaveSuc
             setIsLoading(true);
             if (!iModelConnection)
                 return;
-            const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);
-            const descriptor = await fetchPresentationDescriptor(iModelConnection, result.keySet);
+            const result = await manufactureKeys(group.query, iModelConnection);
+            const descriptor = await fetchPresentationDescriptor(iModelConnection, result);
             // Only allow primitives and structs
             const propertyFields = (_a = descriptor === null || descriptor === void 0 ? void 0 : descriptor.fields.filter((field) => field.type.valueFormat === PropertyValueFormat.Primitive ||
                 field.type.valueFormat === PropertyValueFormat.Struct)) !== null && _a !== void 0 ? _a : [];
@@ -110,7 +108,7 @@ export const GroupPropertyAction = ({ mappingId, group, groupProperty, onSaveSuc
             setIsLoading(false);
         };
         void generateProperties();
-    }, [getAccessToken, mappingClient, iModelConnection, iModelId, groupProperty, hilitedElementsQueryCache, mappingId, group]);
+    }, [getAccessToken, mappingClient, iModelConnection, iModelId, groupProperty, mappingId, group]);
     const onSave = async () => {
         if (!validator.allValid()) {
             showValidationMessage(true);