@itwin/grouping-mapping-widget 0.11.0 → 0.12.0

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupsAddButton = 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 itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importDefault(require("react"));
+const GroupsAddButton = ({ isLoadingQuery, groupUIs, onClickAddGroup, }) => (react_1.default.createElement(itwinui_react_1.DropdownMenu, { className: "gmw-custom-ui-dropdown", disabled: isLoadingQuery, menuItems: () => groupUIs.map((p, index) => (react_1.default.createElement(itwinui_react_1.MenuItem, { key: index, onClick: () => onClickAddGroup(p.name), icon: p.icon, "data-testid": `gmw-add-${index}` }, p.displayLabel))) },
+    react_1.default.createElement(itwinui_react_1.Button, { "data-testid": "gmw-add-group-button", startIcon: isLoadingQuery ? (react_1.default.createElement(itwinui_react_1.ProgressRadial, { size: "small", indeterminate: true })) : (react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null)), styleType: "high-visibility", disabled: isLoadingQuery }, isLoadingQuery ? "Loading" : "Add Group")));
+exports.GroupsAddButton = GroupsAddButton;
+//# sourceMappingURL=GroupsAddButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupsAddButton.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupsAddButton.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,oEAAoD;AACpD,wDAAsF;AACtF,kDAA0B;AASnB,MAAM,eAAe,GAAG,CAAC,EAC9B,cAAc,EACd,QAAQ,EACR,eAAe,GACS,EAAE,EAAE,CAAC,CAC7B,8BAAC,4BAAY,IACX,SAAS,EAAC,wBAAwB,EAClC,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,GAAG,EAAE,CACd,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,8BAAC,wBAAQ,IACP,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,EACtC,IAAI,EAAE,CAAC,CAAC,IAAI,iBACC,WAAW,KAAK,EAAE,IAE9B,CAAC,CAAC,YAAY,CACN,CACZ,CAAC;IAGJ,8BAAC,sBAAM,mBACO,sBAAsB,EAClC,SAAS,EACP,cAAc,CAAC,CAAC,CAAC,CACf,8BAAC,8BAAc,IAAC,IAAI,EAAC,OAAO,EAAC,aAAa,SAAG,CAC9C,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAM,OAAG,CACX,EAEH,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAE,cAAc,IAEvB,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAClC,CACI,CAChB,CAAC;AApCW,QAAA,eAAe,mBAoC1B","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 { SvgAdd } from \"@itwin/itwinui-icons-react\";\nimport { Button, DropdownMenu, MenuItem, ProgressRadial } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport type { GroupingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\n\nexport interface GroupsDropdownMenuProps {\n  isLoadingQuery: boolean;\n  groupUIs: GroupingCustomUI[];\n  onClickAddGroup: (type: string) => void;\n}\n\nexport const GroupsAddButton = ({\n  isLoadingQuery,\n  groupUIs,\n  onClickAddGroup,\n}: GroupsDropdownMenuProps) => (\n  <DropdownMenu\n    className=\"gmw-custom-ui-dropdown\"\n    disabled={isLoadingQuery}\n    menuItems={() =>\n      groupUIs.map((p, index) => (\n        <MenuItem\n          key={index}\n          onClick={() => onClickAddGroup(p.name)}\n          icon={p.icon}\n          data-testid={`gmw-add-${index}`}\n        >\n          {p.displayLabel}\n        </MenuItem>\n      ))\n    }\n  >\n    <Button\n      data-testid=\"gmw-add-group-button\"\n      startIcon={\n        isLoadingQuery ? (\n          <ProgressRadial size=\"small\" indeterminate />\n        ) : (\n          <SvgAdd />\n        )\n      }\n      styleType=\"high-visibility\"\n      disabled={isLoadingQuery}\n    >\n      {isLoadingQuery ? \"Loading\" : \"Add Group\"}\n    </Button>\n  </DropdownMenu>\n);\n"]}

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

@@ -0,0 +1,7 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.gmw-custom-ui-dropdown {
+  width: $iui-3xl + $iui-xl;
+}

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

@@ -37,7 +37,6 @@ const MappingImportWizardModal_1 = require("./MappingImportWizardModal");
 const MappingClientContext_1 = require("./context/MappingClientContext");
 const BlockingOverlay_1 = require("./BlockingOverlay");
 const HorizontalTile_1 = require("./HorizontalTile");
-const viewerUtils_1 = require("./viewerUtils");
 const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
 const defaultDisplayStrings = {
     mappings: "Mappings",
@@ -69,13 +68,11 @@ const toggleExtraction = async (getAccessToken, mappingsClient, iModelId, mappin
     }
 };
 const Mappings = ({ onClickAddMapping, onClickMappingTitle, onClickMappingModify, displayStrings: userDisplayStrings, }) => {
-    var _a;
     const { getAccessToken, iModelId } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
     const mappingClient = MappingClientContext_1.useMappingClient();
-    const [showDeleteModal, setShowDeleteModal] = react_1.useState(false);
+    const [showDeleteModal, setShowDeleteModal] = react_1.useState(undefined);
     const [showImportModal, setShowImportModal] = react_1.useState(false);
     const [showBlockingOverlay, setShowBlockingOverlay] = react_1.useState(false);
-    const [selectedMapping, setSelectedMapping] = react_1.useState(undefined);
     const [isLoading, setIsLoading] = react_1.useState(true);
     const [mappings, setMappings] = react_1.useState([]);
     const displayStrings = { ...defaultDisplayStrings, ...userDisplayStrings };
@@ -83,8 +80,6 @@ const Mappings = ({ onClickAddMapping, onClickMappingTitle, onClickMappingModify
         void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient);
     }, [getAccessToken, mappingClient, iModelId, setIsLoading]);
     const refresh = react_1.useCallback(async () => {
-        viewerUtils_1.clearAll();
-        setSelectedMapping(undefined);
         setMappings([]);
         await fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient);
     }, [getAccessToken, mappingClient, iModelId, setMappings]);
@@ -106,9 +101,9 @@ const Mappings = ({ onClickAddMapping, onClickMappingTitle, onClickMappingModify
                 return (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: mapping.id, title: mapping.mappingName ? mapping.mappingName : "Untitled", subText: (_a = mapping.description) !== null && _a !== void 0 ? _a : "", subtextToolTip: (_b = mapping.description) !== null && _b !== void 0 ? _b : "", titleTooltip: mapping.mappingName, onClickTitle: () => onClickMappingTitle ? onClickMappingTitle(mapping) : undefined, actionGroup: react_1.default.createElement(itwinui_react_1.DropdownMenu, { menuItems: (close) => [
                             onClickMappingModify ? (react_1.default.createElement(itwinui_react_1.MenuItem, { key: 0, onClick: () => {
                                     onClickMappingModify(mapping);
+                                    close();
                                 }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgEdit, null) }, "Modify")) : [],
                             react_1.default.createElement(itwinui_react_1.MenuItem, { key: 1, onClick: async () => {
-                                    setSelectedMapping(mapping);
                                     setShowBlockingOverlay(true);
                                     close();
                                     await toggleExtraction(getAccessToken, mappingClient, iModelId, mapping);
@@ -118,8 +113,7 @@ const Mappings = ({ onClickAddMapping, onClickMappingTitle, onClickMappingModify
                                 ? "Disable extraction"
                                 : "Enable extraction"),
                             react_1.default.createElement(itwinui_react_1.MenuItem, { key: 2, onClick: () => {
-                                    setSelectedMapping(mapping);
-                                    setShowDeleteModal(true);
+                                    setShowDeleteModal(mapping);
                                     close();
                                 }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null) }, "Remove"),
                         ].flatMap((m) => m) },
@@ -129,10 +123,10 @@ const Mappings = ({ onClickAddMapping, onClickMappingTitle, onClickMappingModify
                                     height: "16px",
                                 } }))) }));
             })))),
-        react_1.default.createElement(DeleteModal_1.default, { entityName: (_a = selectedMapping === null || selectedMapping === void 0 ? void 0 : selectedMapping.mappingName) !== null && _a !== void 0 ? _a : "", show: showDeleteModal, setShow: setShowDeleteModal, onDelete: async () => {
+        react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.mappingName, onClose: () => setShowDeleteModal(undefined), onDelete: async () => {
                 var _a;
                 const accessToken = await getAccessToken();
-                await mappingClient.deleteMapping(accessToken, iModelId, (_a = selectedMapping === null || selectedMapping === void 0 ? void 0 : selectedMapping.id) !== null && _a !== void 0 ? _a : "");
+                await mappingClient.deleteMapping(accessToken, iModelId, (_a = showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.id) !== null && _a !== void 0 ? _a : "");
             }, refresh: refresh }),
         react_1.default.createElement(MappingImportWizardModal_1.MappingImportWizardModal, { show: showImportModal, setShow: setShowImportModal, onFinish: refresh, displayStrings: displayStrings })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Mapping.js","sourceRoot":"","sources":["../../../../src/widget/components/Mapping.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 {\n  SvgAdd,\n  SvgDelete,\n  SvgEdit,\n  SvgImport,\n  SvgMore,\n  SvgProcess,\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  Surface,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport {\n  EmptyMessage,\n  handleError,\n  LoadingOverlay,\n} from \"./utils\";\nimport \"./Mapping.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport { MappingImportWizardModal } from \"./MappingImportWizardModal\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport type { IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport { BlockingOverlay } from \"./BlockingOverlay\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport { clearAll } from \"./viewerUtils\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport type { CreateTypeFromInterface } from \"../utils\";\n\nexport type IMappingTyped = CreateTypeFromInterface<Mapping>;\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n};\nexport interface MappingsProps {\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nconst fetchMappings = async (\n  setMappings: React.Dispatch<React.SetStateAction<Mapping[]>>,\n  iModelId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient\n) => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const mappings = await mappingsClient.getMappings(accessToken, iModelId);\n    setMappings(mappings);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nconst toggleExtraction = async (\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient,\n  iModelId: string,\n  mapping: Mapping\n) => {\n  try {\n    const newState = mapping.extractionEnabled;\n    const accessToken = await getAccessToken();\n    await mappingsClient.updateMapping(accessToken, iModelId, mapping.id, {\n      extractionEnabled: newState,\n    });\n  } catch (error: any) {\n    handleError(error.status);\n  }\n};\n\nexport const Mappings = ({\n  onClickAddMapping,\n  onClickMappingTitle,\n  onClickMappingModify,\n  displayStrings: userDisplayStrings,\n}: MappingsProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n  const [showImportModal, setShowImportModal] = useState<boolean>(false);\n  const [showBlockingOverlay, setShowBlockingOverlay] =\n    useState<boolean>(false);\n  const [selectedMapping, setSelectedMapping] = useState<Mapping | undefined>(\n    undefined\n  );\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [mappings, setMappings] = useState<Mapping[]>([]);\n  const displayStrings = { ...defaultDisplayStrings, ...userDisplayStrings };\n\n  useEffect(() => {\n    void fetchMappings(\n      setMappings,\n      iModelId,\n      setIsLoading,\n      getAccessToken,\n      mappingClient\n    );\n  }, [getAccessToken, mappingClient, iModelId, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    clearAll();\n    setSelectedMapping(undefined);\n    setMappings([]);\n    await fetchMappings(\n      setMappings,\n      iModelId,\n      setIsLoading,\n      getAccessToken,\n      mappingClient\n    );\n  }, [getAccessToken, mappingClient, iModelId, setMappings]);\n\n  return (\n    <>\n      <BlockingOverlay isVisible={showBlockingOverlay} />\n      <Surface className=\"gmw-mappings-container\">\n        <div className=\"gmw-table-toolbar\">\n          <div className=\"gmw-button-spacing\">\n            {onClickAddMapping &&\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={onClickAddMapping}\n                styleType=\"high-visibility\"\n              >\n                New\n              </Button>\n            }\n            <IconButton\n              title={`Import ${displayStrings.mappings}`}\n              onClick={() => setShowImportModal(true)}\n            >\n              <SvgImport />\n            </IconButton>\n          </div>\n          <IconButton\n            title=\"Refresh\"\n            onClick={refresh}\n            disabled={isLoading}\n            styleType='borderless'\n          >\n            <SvgRefresh />\n          </IconButton>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : mappings.length === 0 ? (\n          <EmptyMessage message={`No ${displayStrings.mappings} available.`} />\n        ) : (\n          <div className=\"gmw-mappings-list\">\n            {mappings\n              .sort(\n                (a, b) => a.mappingName.localeCompare(b.mappingName) ?? 1\n              )\n              .map((mapping) => (\n                <HorizontalTile\n                  key={mapping.id}\n                  title={\n                    mapping.mappingName ? mapping.mappingName : \"Untitled\"\n                  }\n                  subText={mapping.description ?? \"\"}\n                  subtextToolTip={mapping.description ?? \"\"}\n                  titleTooltip={mapping.mappingName}\n                  onClickTitle={() => onClickMappingTitle ? onClickMappingTitle(mapping) : undefined}\n                  actionGroup={\n                    <DropdownMenu\n                      menuItems={(close: () => void) => [\n                        onClickMappingModify ? (\n                          <MenuItem\n                            key={0}\n                            onClick={() => {\n                              onClickMappingModify(mapping);\n                            }}\n                            icon={<SvgEdit />}\n                          >\n                            Modify\n                          </MenuItem>\n                        ) : [],\n                        <MenuItem\n                          key={1}\n                          onClick={async () => {\n                            setSelectedMapping(mapping);\n                            setShowBlockingOverlay(true);\n                            close();\n                            await toggleExtraction(\n                              getAccessToken,\n                              mappingClient,\n                              iModelId,\n                              mapping\n                            );\n                            await refresh();\n                            setShowBlockingOverlay(false);\n                          }}\n                          icon={<SvgProcess />}\n                        >\n                          {mapping.extractionEnabled\n                            ? \"Disable extraction\"\n                            : \"Enable extraction\"}\n                        </MenuItem>,\n                        <MenuItem\n                          key={2}\n                          onClick={() => {\n                            setSelectedMapping(mapping);\n                            setShowDeleteModal(true);\n                            close();\n                          }}\n                          icon={<SvgDelete />}\n                        >\n                          Remove\n                        </MenuItem>,\n                      ].flatMap((m) => m)}\n                    >\n                      <IconButton styleType=\"borderless\">\n                        <SvgMore\n                          style={{\n                            width: \"16px\",\n                            height: \"16px\",\n                          }}\n                        />\n                      </IconButton>\n                    </DropdownMenu>\n                  }\n                />\n              ))}\n          </div>\n        )}\n      </Surface>\n      <DeleteModal\n        entityName={selectedMapping?.mappingName ?? \"\"}\n        show={showDeleteModal}\n        setShow={setShowDeleteModal}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await mappingClient.deleteMapping(\n            accessToken,\n            iModelId,\n            selectedMapping?.id ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n      <MappingImportWizardModal\n        show={showImportModal}\n        setShow={setShowImportModal}\n        onFinish={refresh}\n        displayStrings={displayStrings}\n      />\n    </>\n  );\n};\n"]}
+{"version":3,"file":"Mapping.js","sourceRoot":"","sources":["../../../../src/widget/components/Mapping.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 {\n  SvgAdd,\n  SvgDelete,\n  SvgEdit,\n  SvgImport,\n  SvgMore,\n  SvgProcess,\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  Surface,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport {\n  EmptyMessage,\n  handleError,\n  LoadingOverlay,\n} from \"./utils\";\nimport \"./Mapping.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport { MappingImportWizardModal } from \"./MappingImportWizardModal\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport type { IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport { BlockingOverlay } from \"./BlockingOverlay\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport type { CreateTypeFromInterface } from \"../utils\";\n\nexport type IMappingTyped = CreateTypeFromInterface<Mapping>;\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n};\nexport interface MappingsProps {\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nconst fetchMappings = async (\n  setMappings: React.Dispatch<React.SetStateAction<Mapping[]>>,\n  iModelId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient\n) => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const mappings = await mappingsClient.getMappings(accessToken, iModelId);\n    setMappings(mappings);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nconst toggleExtraction = async (\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient,\n  iModelId: string,\n  mapping: Mapping\n) => {\n  try {\n    const newState = mapping.extractionEnabled;\n    const accessToken = await getAccessToken();\n    await mappingsClient.updateMapping(accessToken, iModelId, mapping.id, {\n      extractionEnabled: newState,\n    });\n  } catch (error: any) {\n    handleError(error.status);\n  }\n};\n\nexport const Mappings = ({\n  onClickAddMapping,\n  onClickMappingTitle,\n  onClickMappingModify,\n  displayStrings: userDisplayStrings,\n}: MappingsProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [showDeleteModal, setShowDeleteModal] = useState<Mapping | undefined>(undefined);\n  const [showImportModal, setShowImportModal] = useState<boolean>(false);\n  const [showBlockingOverlay, setShowBlockingOverlay] =\n    useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [mappings, setMappings] = useState<Mapping[]>([]);\n  const displayStrings = { ...defaultDisplayStrings, ...userDisplayStrings };\n\n  useEffect(() => {\n    void fetchMappings(\n      setMappings,\n      iModelId,\n      setIsLoading,\n      getAccessToken,\n      mappingClient\n    );\n  }, [getAccessToken, mappingClient, iModelId, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    setMappings([]);\n    await fetchMappings(\n      setMappings,\n      iModelId,\n      setIsLoading,\n      getAccessToken,\n      mappingClient\n    );\n  }, [getAccessToken, mappingClient, iModelId, setMappings]);\n\n  return (\n    <>\n      <BlockingOverlay isVisible={showBlockingOverlay} />\n      <Surface className=\"gmw-mappings-container\">\n        <div className=\"gmw-table-toolbar\">\n          <div className=\"gmw-button-spacing\">\n            {onClickAddMapping &&\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={onClickAddMapping}\n                styleType=\"high-visibility\"\n              >\n                New\n              </Button>\n            }\n            <IconButton\n              title={`Import ${displayStrings.mappings}`}\n              onClick={() => setShowImportModal(true)}\n            >\n              <SvgImport />\n            </IconButton>\n          </div>\n          <IconButton\n            title=\"Refresh\"\n            onClick={refresh}\n            disabled={isLoading}\n            styleType='borderless'\n          >\n            <SvgRefresh />\n          </IconButton>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : mappings.length === 0 ? (\n          <EmptyMessage message={`No ${displayStrings.mappings} available.`} />\n        ) : (\n          <div className=\"gmw-mappings-list\">\n            {mappings\n              .sort(\n                (a, b) => a.mappingName.localeCompare(b.mappingName) ?? 1\n              )\n              .map((mapping) => (\n                <HorizontalTile\n                  key={mapping.id}\n                  title={\n                    mapping.mappingName ? mapping.mappingName : \"Untitled\"\n                  }\n                  subText={mapping.description ?? \"\"}\n                  subtextToolTip={mapping.description ?? \"\"}\n                  titleTooltip={mapping.mappingName}\n                  onClickTitle={() => onClickMappingTitle ? onClickMappingTitle(mapping) : undefined}\n                  actionGroup={\n                    <DropdownMenu\n                      menuItems={(close: () => void) => [\n                        onClickMappingModify ? (\n                          <MenuItem\n                            key={0}\n                            onClick={() => {\n                              onClickMappingModify(mapping);\n                              close();\n                            }}\n                            icon={<SvgEdit />}\n                          >\n                            Modify\n                          </MenuItem>\n                        ) : [],\n                        <MenuItem\n                          key={1}\n                          onClick={async () => {\n                            setShowBlockingOverlay(true);\n                            close();\n                            await toggleExtraction(\n                              getAccessToken,\n                              mappingClient,\n                              iModelId,\n                              mapping\n                            );\n                            await refresh();\n                            setShowBlockingOverlay(false);\n                          }}\n                          icon={<SvgProcess />}\n                        >\n                          {mapping.extractionEnabled\n                            ? \"Disable extraction\"\n                            : \"Enable extraction\"}\n                        </MenuItem>,\n                        <MenuItem\n                          key={2}\n                          onClick={() => {\n                            setShowDeleteModal(mapping);\n                            close();\n                          }}\n                          icon={<SvgDelete />}\n                        >\n                          Remove\n                        </MenuItem>,\n                      ].flatMap((m) => m)}\n                    >\n                      <IconButton styleType=\"borderless\">\n                        <SvgMore\n                          style={{\n                            width: \"16px\",\n                            height: \"16px\",\n                          }}\n                        />\n                      </IconButton>\n                    </DropdownMenu>\n                  }\n                />\n              ))}\n          </div>\n        )}\n      </Surface>\n      <DeleteModal\n        entityName={showDeleteModal?.mappingName}\n        onClose={() => setShowDeleteModal(undefined)}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await mappingClient.deleteMapping(\n            accessToken,\n            iModelId,\n            showDeleteModal?.id ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n      <MappingImportWizardModal\n        show={showImportModal}\n        setShow={setShowImportModal}\n        onFinish={refresh}\n        displayStrings={displayStrings}\n      />\n    </>\n  );\n};\n"]}

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

@@ -1,24 +1,19 @@
 /// <reference types="react" />
-import type { IGroupTyped } from "./Grouping";
 import "./PropertyMenu.scss";
-interface PropertyModifyProps {
-    iModelId: string;
-    mappingId: string;
-    group: IGroupTyped;
-    goBack: () => Promise<void>;
+import type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mapping } from "@itwin/insights-client";
+export interface PropertyMenuProps {
+    mapping: Mapping;
+    group: Group;
+    color: string;
+    onClickAddGroupProperty?: () => void;
+    onClickModifyGroupProperty?: (groupProperty: GroupProperty) => void;
+    onClickAddCalculatedProperty?: () => void;
+    onClickModifyCalculatedProperty?: (calculatedProperty: CalculatedProperty) => void;
+    onClickAddCustomCalculationProperty?: () => void;
+    onClickModifyCustomCalculation?: (customCalculation: CustomCalculation) => void;
     hideGroupProps?: boolean;
     hideCalculatedProps?: boolean;
     hideCustomCalculationProps?: boolean;
 }
-export declare enum PropertyMenuView {
-    DEFAULT = "default",
-    ADD_GROUP_PROPERTY = "add_group_property",
-    MODIFY_GROUP_PROPERTY = "modify_group_property",
-    ADD_CALCULATED_PROPERTY = "add_calculated_property",
-    MODIFY_CALCULATED_PROPERTY = "modify_calculated_property",
-    ADD_CUSTOM_CALCULATION = "add_custom_calculation",
-    MODIFY_CUSTOM_CALCULATION = "modify_custom_calculation"
-}
-export declare const PropertyMenu: ({ iModelId, mappingId, group, goBack, hideGroupProps, hideCalculatedProps, hideCustomCalculationProps, }: PropertyModifyProps) => JSX.Element;
-export {};
+export declare const PropertyMenu: ({ mapping, group, color, onClickAddGroupProperty, onClickModifyGroupProperty, onClickAddCalculatedProperty, onClickModifyCalculatedProperty, onClickAddCustomCalculationProperty, onClickModifyCustomCalculation, hideGroupProps, hideCalculatedProps, hideCustomCalculationProps, }: PropertyMenuProps) => JSX.Element;
 //# sourceMappingURL=PropertyMenu.d.ts.map

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

@@ -18,189 +18,86 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyMenu = exports.PropertyMenuView = void 0;
+exports.PropertyMenu = 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 presentation_frontend_1 = require("@itwin/presentation-frontend");
 const appui_react_1 = require("@itwin/appui-react");
 const react_1 = __importStar(require("react"));
-const utils_1 = require("./utils");
 const viewerUtils_1 = require("./viewerUtils");
 require("./PropertyMenu.scss");
-const GroupPropertyAction_1 = __importDefault(require("./GroupPropertyAction"));
-const CalculatedPropertyAction_1 = __importDefault(require("./CalculatedPropertyAction"));
-const GroupPropertyTable_1 = __importDefault(require("./GroupPropertyTable"));
-const CalculatedPropertyTable_1 = __importDefault(require("./CalculatedPropertyTable"));
+const GroupPropertyTable_1 = require("./GroupPropertyTable");
 const itwinui_react_1 = require("@itwin/itwinui-react");
-const CustomCalculationTable_1 = __importDefault(require("./CustomCalculationTable"));
-const CustomCalculationAction_1 = __importDefault(require("./CustomCalculationAction"));
-const presentation_common_1 = require("@itwin/presentation-common");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const useFetchData_1 = require("../hooks/useFetchData");
 const MappingClientContext_1 = require("./context/MappingClientContext");
 const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
-var PropertyMenuView;
-(function (PropertyMenuView) {
-    PropertyMenuView["DEFAULT"] = "default";
-    PropertyMenuView["ADD_GROUP_PROPERTY"] = "add_group_property";
-    PropertyMenuView["MODIFY_GROUP_PROPERTY"] = "modify_group_property";
-    PropertyMenuView["ADD_CALCULATED_PROPERTY"] = "add_calculated_property";
-    PropertyMenuView["MODIFY_CALCULATED_PROPERTY"] = "modify_calculated_property";
-    PropertyMenuView["ADD_CUSTOM_CALCULATION"] = "add_custom_calculation";
-    PropertyMenuView["MODIFY_CUSTOM_CALCULATION"] = "modify_custom_calculation";
-})(PropertyMenuView = exports.PropertyMenuView || (exports.PropertyMenuView = {}));
-const stringToPossibleDataType = (str) => {
-    if (!str)
-        return "Undefined";
-    switch (str.toLowerCase()) {
-        case "double":
-        case "number": return "Number";
-        case "string": return "String";
-        case "boolean": return "Boolean";
-        default: return "Undefined";
-    }
-};
-const convertToPropertyMap = (groupProperties, calculatedProperties, customCalculations, selectedPropertyName) => {
-    const map = {};
-    const selectedLowerName = selectedPropertyName === null || selectedPropertyName === void 0 ? void 0 : selectedPropertyName.toLowerCase();
-    groupProperties.forEach((p) => {
-        var _a;
-        const lowerName = (_a = p.propertyName) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        if (lowerName && lowerName !== selectedLowerName)
-            map[lowerName] = stringToPossibleDataType(p.dataType);
-    });
-    calculatedProperties.forEach((p) => {
-        var _a;
-        const lowerName = (_a = p.propertyName) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        if (lowerName)
-            map[lowerName] = "Number";
-    });
-    customCalculations.forEach((p) => {
-        var _a;
-        const lowerName = (_a = p.propertyName) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        if (lowerName && lowerName !== selectedLowerName)
-            map[lowerName] = stringToPossibleDataType(p.dataType);
-    });
-    return map;
-};
-const PropertyMenu = ({ iModelId, mappingId, group, goBack, hideGroupProps = false, hideCalculatedProps = false, hideCustomCalculationProps = false, }) => {
-    var _a, _b;
+const groupsHelpers_1 = require("./groupsHelpers");
+const GroupHilitedElementsContext_1 = require("./context/GroupHilitedElementsContext");
+const PropertiesContext_1 = require("./context/PropertiesContext");
+const CalculatedPropertyTable_1 = require("./CalculatedPropertyTable");
+const CustomCalculationTable_1 = require("./CustomCalculationTable");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const GroupInformationPanel_1 = require("./GroupInformationPanel");
+const PropertyMenu = ({ mapping, group, color, onClickAddGroupProperty, onClickModifyGroupProperty, onClickAddCalculatedProperty, onClickModifyCalculatedProperty, onClickAddCustomCalculationProperty, onClickModifyCustomCalculation, hideGroupProps = false, hideCalculatedProps = false, hideCustomCalculationProps = false, }) => {
     const groupId = group.id;
-    const { getAccessToken } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
+    const mappingId = mapping.id;
+    const { getAccessToken, iModelId } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
+    const { hilitedElementsQueryCache } = GroupHilitedElementsContext_1.useGroupHilitedElementsContext();
     const mappingClient = MappingClientContext_1.useMappingClient();
     const iModelConnection = appui_react_1.useActiveIModelConnection();
-    const [propertyMenuView, setPropertyMenuView] = react_1.useState(PropertyMenuView.DEFAULT);
-    const [selectedGroupProperty, setSelectedGroupProperty] = react_1.useState(undefined);
-    const [selectedCalculatedProperty, setSelectedCalculatedProperty] = react_1.useState(undefined);
-    const [selectedCustomCalculation, setSelectedCustomCalculation] = react_1.useState(undefined);
+    const { showGroupColor, setShowGroupColor, groupProperties, setGroupProperties, calculatedProperties, setCalculatedProperties, customCalculationProperties, setCustomCalculationProperties, } = PropertiesContext_1.usePropertiesContext();
     const [isInformationPanelOpen, setIsInformationPanelOpen] = react_1.useState(false);
-    const [resolvedHiliteIds, setResolvedHiliteIds] = react_1.useState([]);
-    const [keySet, setKeySet] = react_1.useState();
-    const [isLoading, setIsLoading] = react_1.useState(true);
+    const [isLoading, setIsLoading] = react_1.useState(false);
     const fetchGroupProperties = react_1.useMemo(() => {
-        return async () => mappingClient.getGroupProperties((await getAccessToken()), iModelId, mappingId, groupId);
+        return async () => mappingClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId);
     }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
-    const { isLoading: isLoadingGroupProperties, data: groupProperties, refreshData: refreshGroupProperties } = useFetchData_1.useCombinedFetchRefresh(fetchGroupProperties);
+    const { isLoading: isLoadingGroupProperties, refreshData: refreshGroupProperties } = useFetchData_1.useCombinedFetchRefresh(fetchGroupProperties, setGroupProperties);
     const fetchCalculatedProperties = react_1.useMemo(() => {
-        return async () => mappingClient.getCalculatedProperties((await getAccessToken()), iModelId, mappingId, groupId);
+        return async () => mappingClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId);
     }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
-    const { isLoading: isLoadingCalculatedProperties, data: calculatedProperties, refreshData: refreshCalculatedProperties } = useFetchData_1.useCombinedFetchRefresh(fetchCalculatedProperties);
+    const { isLoading: isLoadingCalculatedProperties, refreshData: refreshCalculatedProperties } = useFetchData_1.useCombinedFetchRefresh(fetchCalculatedProperties, setCalculatedProperties);
     const fetchCustomCalculations = react_1.useMemo(() => {
-        return async () => mappingClient.getCustomCalculations((await getAccessToken()), iModelId, mappingId, groupId);
+        return async () => mappingClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId);
     }, [getAccessToken, mappingClient, iModelId, mappingId, groupId]);
-    const { isLoading: isLoadingCustomCalculations, data: customCalculations, refreshData: refreshCustomCalculations } = useFetchData_1.useCombinedFetchRefresh(fetchCustomCalculations);
+    const { isLoading: isLoadingCustomCalculations, refreshData: refreshCustomCalculations } = useFetchData_1.useCombinedFetchRefresh(fetchCustomCalculations, setCustomCalculationProperties);
     react_1.useEffect(() => {
         const initialize = async () => {
+            if (!iModelConnection)
+                return;
             try {
-                const query = group.query;
-                const queryRowCount = await iModelConnection.queryRowCount(query);
-                if (queryRowCount === 0) {
-                    itwinui_react_1.toaster.warning("The query is valid but produced no results.");
-                    await goBack();
-                }
-                const keys = await viewerUtils_1.manufactureKeys(query, iModelConnection);
-                setKeySet(keys);
-                presentation_frontend_1.Presentation.selection.clearSelection("GroupingMappingWidget", iModelConnection);
+                setIsLoading(true);
                 viewerUtils_1.clearEmphasizedOverriddenElements();
-                const resolvedIds = await viewerUtils_1.visualizeElementsByKeys(keys, "red");
-                await viewerUtils_1.zoomToElements(resolvedIds);
-                setResolvedHiliteIds(resolvedIds);
-                setIsLoading(false);
+                if (showGroupColor) {
+                    const result = await groupsHelpers_1.getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);
+                    presentation_frontend_1.Presentation.selection.clearSelection("GroupingMappingWidget", iModelConnection);
+                    viewerUtils_1.visualizeElements(result.ids, color);
+                    await viewerUtils_1.zoomToElements(result.ids);
+                }
             }
-            catch {
-                itwinui_react_1.toaster.negative(`Could not load ${group.groupName}.`);
-                await goBack();
+            catch (error) {
+                itwinui_react_1.toaster.negative("There was an error visualizing group.");
+                /* eslint-disable no-console */
+                console.error(error);
+            }
+            finally {
+                setIsLoading(false);
             }
         };
         void initialize();
-    }, [iModelConnection, group.query, goBack, group.groupName]);
-    const onGroupPropertyModify = react_1.useCallback((value) => {
-        setSelectedGroupProperty(value.row.original);
-        setPropertyMenuView(PropertyMenuView.MODIFY_GROUP_PROPERTY);
-    }, []);
-    const onCalculatedPropertyModify = react_1.useCallback((value) => {
-        setSelectedCalculatedProperty(value.row.original);
-        setPropertyMenuView(PropertyMenuView.MODIFY_CALCULATED_PROPERTY);
-    }, []);
-    const onCustomCalculationModify = react_1.useCallback((value) => {
-        setSelectedCustomCalculation(value.row.original);
-        setPropertyMenuView(PropertyMenuView.MODIFY_CUSTOM_CALCULATION);
-    }, []);
-    const groupPropertyReturn = react_1.useCallback(async (modified) => {
-        setPropertyMenuView(PropertyMenuView.DEFAULT);
-        modified && await refreshGroupProperties();
-    }, [refreshGroupProperties]);
-    const calculatedPropertyReturn = react_1.useCallback(async (modified) => {
-        viewerUtils_1.visualizeElements(resolvedHiliteIds, "red");
-        await viewerUtils_1.zoomToElements(resolvedHiliteIds);
-        setPropertyMenuView(PropertyMenuView.DEFAULT);
-        modified && await refreshCalculatedProperties();
-    }, [resolvedHiliteIds, refreshCalculatedProperties]);
-    const customCalculationReturn = react_1.useCallback(async (modified) => {
-        setPropertyMenuView(PropertyMenuView.DEFAULT);
-        modified && await refreshCustomCalculations();
-    }, [refreshCustomCalculations]);
-    if (isLoading) {
-        return (react_1.default.createElement("div", { className: 'gmw-loading-overlay' },
-            react_1.default.createElement(itwinui_react_1.Text, null, "Loading Group"),
-            react_1.default.createElement(itwinui_react_1.ProgressRadial, { indeterminate: true }),
-            react_1.default.createElement(itwinui_react_1.Text, null, "Please wait...")));
-    }
-    switch (propertyMenuView) {
-        case PropertyMenuView.ADD_GROUP_PROPERTY:
-            return (react_1.default.createElement(GroupPropertyAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, keySet: keySet !== null && keySet !== void 0 ? keySet : new presentation_common_1.KeySet(), returnFn: groupPropertyReturn }));
-        case PropertyMenuView.MODIFY_GROUP_PROPERTY:
-            return (react_1.default.createElement(GroupPropertyAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, keySet: keySet !== null && keySet !== void 0 ? keySet : new presentation_common_1.KeySet(), groupPropertyId: (_a = selectedGroupProperty === null || selectedGroupProperty === void 0 ? void 0 : selectedGroupProperty.id) !== null && _a !== void 0 ? _a : "", groupPropertyName: (_b = selectedGroupProperty === null || selectedGroupProperty === void 0 ? void 0 : selectedGroupProperty.propertyName) !== null && _b !== void 0 ? _b : "", returnFn: groupPropertyReturn }));
-        case PropertyMenuView.ADD_CALCULATED_PROPERTY:
-            return (react_1.default.createElement(CalculatedPropertyAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, ids: resolvedHiliteIds, returnFn: calculatedPropertyReturn }));
-        case PropertyMenuView.MODIFY_CALCULATED_PROPERTY:
-            return (react_1.default.createElement(CalculatedPropertyAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, property: selectedCalculatedProperty, ids: resolvedHiliteIds, returnFn: calculatedPropertyReturn }));
-        case PropertyMenuView.ADD_CUSTOM_CALCULATION:
-            return (react_1.default.createElement(CustomCalculationAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, properties: convertToPropertyMap(groupProperties, calculatedProperties, customCalculations), returnFn: customCalculationReturn }));
-        case PropertyMenuView.MODIFY_CUSTOM_CALCULATION:
-            return (react_1.default.createElement(CustomCalculationAction_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, properties: convertToPropertyMap(groupProperties, calculatedProperties, customCalculations, selectedCustomCalculation === null || selectedCustomCalculation === void 0 ? void 0 : selectedCustomCalculation.propertyName), customCalculation: selectedCustomCalculation, returnFn: customCalculationReturn }));
-        default:
-            return (react_1.default.createElement(itwinui_react_1.InformationPanelWrapper, { className: 'gmw-property-menu-wrapper' },
-                react_1.default.createElement("div", { className: 'gmw-property-header' },
-                    react_1.default.createElement(utils_1.WidgetHeader, { title: `${group.groupName}`, returnFn: goBack }),
-                    react_1.default.createElement(itwinui_react_1.IconButton, { styleType: 'borderless', onClick: () => setIsInformationPanelOpen(true) },
-                        react_1.default.createElement(itwinui_icons_react_1.SvgProperties, null))),
-                react_1.default.createElement("div", { className: 'gmw-property-menu-container' },
-                    !hideGroupProps && (react_1.default.createElement("div", { className: 'gmw-property-table' },
-                        react_1.default.createElement(GroupPropertyTable_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onGroupPropertyModify: onGroupPropertyModify, setSelectedGroupProperty: setSelectedGroupProperty, setGroupModifyView: setPropertyMenuView, isLoadingGroupProperties: isLoadingGroupProperties, groupProperties: groupProperties, refreshGroupProperties: refreshGroupProperties, selectedGroupProperty: selectedGroupProperty }))),
-                    !hideCalculatedProps && (react_1.default.createElement("div", { className: 'gmw-property-table' },
-                        react_1.default.createElement(CalculatedPropertyTable_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onCalculatedPropertyModify: onCalculatedPropertyModify, setSelectedCalculatedProperty: setSelectedCalculatedProperty, setGroupModifyView: setPropertyMenuView, isLoadingCalculatedProperties: isLoadingCalculatedProperties, calculatedProperties: calculatedProperties, refreshCalculatedProperties: refreshCalculatedProperties, selectedCalculatedProperty: selectedCalculatedProperty }))),
-                    !hideCustomCalculationProps && (react_1.default.createElement("div", { className: 'gmw-property-table' },
-                        react_1.default.createElement(CustomCalculationTable_1.default, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onCustomCalculationModify: onCustomCalculationModify, setSelectedCustomCalculation: setSelectedCustomCalculation, setGroupModifyView: setPropertyMenuView, isLoadingCustomCalculations: isLoadingCustomCalculations, customCalculations: customCalculations, refreshCustomCalculations: refreshCustomCalculations, selectedCustomCalculation: selectedCustomCalculation })))),
-                react_1.default.createElement(itwinui_react_1.InformationPanel, { className: 'gmw-information-panel', isOpen: isInformationPanelOpen },
-                    react_1.default.createElement(itwinui_react_1.InformationPanelHeader, { onClose: () => setIsInformationPanelOpen(false) },
-                        react_1.default.createElement(itwinui_react_1.Text, { variant: 'subheading' }, `${group.groupName} Information`)),
-                    react_1.default.createElement(itwinui_react_1.InformationPanelBody, null,
-                        react_1.default.createElement("div", { className: 'gmw-information-body' },
-                            react_1.default.createElement(itwinui_react_1.LabeledTextarea, { label: 'Query', rows: 15, readOnly: true, defaultValue: group.query }))))));
-    }
+    }, [iModelConnection, group.query, group.groupName, group, hilitedElementsQueryCache, showGroupColor, color]);
+    return (react_1.default.createElement(itwinui_react_1.InformationPanelWrapper, { className: 'gmw-property-menu-wrapper' },
+        react_1.default.createElement("div", { className: 'gmw-property-menu-container' },
+            react_1.default.createElement("div", { className: "gmw-property-menu-toolbar" },
+                react_1.default.createElement(itwinui_react_1.ToggleSwitch, { label: 'Color Group', labelPosition: 'left', disabled: isLoading, checked: showGroupColor, onChange: () => setShowGroupColor((b) => !b) }),
+                react_1.default.createElement(itwinui_react_1.IconButton, { styleType: 'borderless', onClick: () => setIsInformationPanelOpen(true) },
+                    react_1.default.createElement(itwinui_icons_react_1.SvgProperties, null))),
+            !hideGroupProps && (react_1.default.createElement(GroupPropertyTable_1.GroupPropertyTable, { iModelId: iModelId, mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddGroupProperty, onClickModify: onClickModifyGroupProperty, isLoading: isLoadingGroupProperties, groupProperties: groupProperties !== null && groupProperties !== void 0 ? groupProperties : [], refresh: refreshGroupProperties })),
+            !hideCalculatedProps && (react_1.default.createElement(CalculatedPropertyTable_1.CalculatedPropertyTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCalculatedProperty, onClickModify: onClickModifyCalculatedProperty, isLoading: isLoadingCalculatedProperties, calculatedProperties: calculatedProperties !== null && calculatedProperties !== void 0 ? calculatedProperties : [], refresh: refreshCalculatedProperties })),
+            !hideCustomCalculationProps && (react_1.default.createElement(CustomCalculationTable_1.CustomCalculationTable, { mappingId: mappingId, groupId: groupId, onClickAdd: onClickAddCustomCalculationProperty, onClickModify: onClickModifyCustomCalculation, isLoading: isLoadingCustomCalculations, customCalculations: customCalculationProperties !== null && customCalculationProperties !== void 0 ? customCalculationProperties : [], refresh: refreshCustomCalculations }))),
+        react_1.default.createElement(GroupInformationPanel_1.GroupInformationPanel, { isOpen: isInformationPanelOpen, onClose: () => setIsInformationPanelOpen(false), query: group.query, groupName: group.groupName })));
 };
 exports.PropertyMenu = PropertyMenu;
 //# sourceMappingURL=PropertyMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyMenu.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 { IModelConnection } from \"@itwin/core-frontend\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { WidgetHeader } from \"./utils\";\nimport {\n  clearEmphasizedOverriddenElements,\n  manufactureKeys,\n  visualizeElements,\n  visualizeElementsByKeys,\n  zoomToElements,\n} from \"./viewerUtils\";\nimport type { IGroupTyped } from \"./Grouping\";\nimport \"./PropertyMenu.scss\";\nimport GroupPropertyAction from \"./GroupPropertyAction\";\nimport CalculatedPropertyAction from \"./CalculatedPropertyAction\";\nimport type { IGroupPropertyTyped } from \"./GroupPropertyTable\";\nimport GroupPropertyTable from \"./GroupPropertyTable\";\nimport type {\n  ICalculatedPropertyTyped,\n} from \"./CalculatedPropertyTable\";\nimport CalculatedPropertyTable from \"./CalculatedPropertyTable\";\nimport {\n  IconButton,\n  InformationPanel,\n  InformationPanelBody,\n  InformationPanelHeader,\n  InformationPanelWrapper,\n  LabeledTextarea,\n  ProgressRadial,\n  Text,\n  toaster,\n} from \"@itwin/itwinui-react\";\nimport type { CellProps } from \"react-table\";\nimport type {\n  ICustomCalculationTyped,\n} from \"./CustomCalculationTable\";\nimport CustomCalculationTable from \"./CustomCalculationTable\";\nimport CustomCalculationAction from \"./CustomCalculationAction\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport { SvgProperties } from \"@itwin/itwinui-icons-react\";\nimport type { PossibleDataType, PropertyMap } from \"../../formula/Types\";\nimport { useCombinedFetchRefresh } from \"../hooks/useFetchData\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\n\ninterface PropertyModifyProps {\n  iModelId: string;\n  mappingId: string;\n  group: IGroupTyped;\n  goBack: () => Promise<void>;\n  hideGroupProps?: boolean;\n  hideCalculatedProps?: boolean;\n  hideCustomCalculationProps?: boolean;\n}\n\nexport enum PropertyMenuView {\n  DEFAULT = \"default\",\n  ADD_GROUP_PROPERTY = \"add_group_property\",\n  MODIFY_GROUP_PROPERTY = \"modify_group_property\",\n  ADD_CALCULATED_PROPERTY = \"add_calculated_property\",\n  MODIFY_CALCULATED_PROPERTY = \"modify_calculated_property\",\n  ADD_CUSTOM_CALCULATION = \"add_custom_calculation\",\n  MODIFY_CUSTOM_CALCULATION = \"modify_custom_calculation\",\n}\n\nconst stringToPossibleDataType = (str?: string): PossibleDataType => {\n  if (!str)\n    return \"Undefined\";\n\n  switch (str.toLowerCase()) {\n    case \"double\":\n    case \"number\": return \"Number\";\n    case \"string\": return \"String\";\n    case \"boolean\": return \"Boolean\";\n    default: return \"Undefined\";\n  }\n};\n\nconst convertToPropertyMap = (\n  groupProperties: IGroupPropertyTyped[],\n  calculatedProperties: ICalculatedPropertyTyped[],\n  customCalculations: ICustomCalculationTyped[],\n  selectedPropertyName?: string\n): PropertyMap => {\n  const map: PropertyMap = {};\n  const selectedLowerName = selectedPropertyName?.toLowerCase();\n\n  groupProperties.forEach((p) => {\n    const lowerName = p.propertyName?.toLowerCase();\n    if (lowerName && lowerName !== selectedLowerName)\n      map[lowerName] = stringToPossibleDataType(p.dataType);\n  });\n\n  calculatedProperties.forEach((p) => {\n    const lowerName = p.propertyName?.toLowerCase();\n    if (lowerName)\n      map[lowerName] = \"Number\";\n  });\n\n  customCalculations.forEach((p) => {\n    const lowerName = p.propertyName?.toLowerCase();\n    if (lowerName && lowerName !== selectedLowerName)\n      map[lowerName] = stringToPossibleDataType(p.dataType);\n  });\n\n  return map;\n};\n\nexport const PropertyMenu = ({\n  iModelId,\n  mappingId,\n  group,\n  goBack,\n  hideGroupProps = false,\n  hideCalculatedProps = false,\n  hideCustomCalculationProps = false,\n}: PropertyModifyProps) => {\n  const groupId = group.id;\n\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n\n  const iModelConnection = useActiveIModelConnection() as IModelConnection;\n  const [propertyMenuView, setPropertyMenuView] = useState<PropertyMenuView>(\n    PropertyMenuView.DEFAULT,\n  );\n  const [selectedGroupProperty, setSelectedGroupProperty] =\n    useState<IGroupPropertyTyped | undefined>(undefined);\n  const [selectedCalculatedProperty, setSelectedCalculatedProperty] =\n    useState<ICalculatedPropertyTyped | undefined>(undefined);\n  const [selectedCustomCalculation, setSelectedCustomCalculation] =\n    useState<ICustomCalculationTyped | undefined>(undefined);\n  const [isInformationPanelOpen, setIsInformationPanelOpen] =\n    useState<boolean>(false);\n  const [resolvedHiliteIds, setResolvedHiliteIds] = useState<string[]>([]);\n  const [keySet, setKeySet] = useState<KeySet>();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  const fetchGroupProperties = useMemo(\n    () => {\n      return async () => mappingClient.getGroupProperties((await getAccessToken()), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingGroupProperties, data: groupProperties, refreshData: refreshGroupProperties } =\n    useCombinedFetchRefresh<IGroupPropertyTyped>(fetchGroupProperties);\n\n  const fetchCalculatedProperties = useMemo(\n    () => {\n      return async () => mappingClient.getCalculatedProperties((await getAccessToken()), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCalculatedProperties, data: calculatedProperties, refreshData: refreshCalculatedProperties } =\n    useCombinedFetchRefresh<ICalculatedPropertyTyped>(fetchCalculatedProperties);\n\n  const fetchCustomCalculations = useMemo(\n    () => {\n      return async () => mappingClient.getCustomCalculations((await getAccessToken()), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCustomCalculations, data: customCalculations, refreshData: refreshCustomCalculations } =\n    useCombinedFetchRefresh<ICustomCalculationTyped>(fetchCustomCalculations);\n\n  useEffect(() => {\n    const initialize = async () => {\n      try {\n        const query = group.query;\n        const queryRowCount = await iModelConnection.queryRowCount(query);\n        if (queryRowCount === 0) {\n          toaster.warning(\"The query is valid but produced no results.\");\n          await goBack();\n        }\n        const keys = await manufactureKeys(query, iModelConnection);\n        setKeySet(keys);\n        Presentation.selection.clearSelection(\n          \"GroupingMappingWidget\",\n          iModelConnection,\n        );\n        clearEmphasizedOverriddenElements();\n        const resolvedIds = await visualizeElementsByKeys(keys, \"red\");\n        await zoomToElements(resolvedIds);\n        setResolvedHiliteIds(resolvedIds);\n        setIsLoading(false);\n      } catch {\n        toaster.negative(`Could not load ${group.groupName}.`);\n        await goBack();\n      }\n    };\n    void initialize();\n  }, [iModelConnection, group.query, goBack, group.groupName]);\n\n  const onGroupPropertyModify = useCallback(\n    (value: CellProps<IGroupPropertyTyped>) => {\n      setSelectedGroupProperty(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_GROUP_PROPERTY);\n    },\n    [],\n  );\n\n  const onCalculatedPropertyModify = useCallback(\n    (value: CellProps<ICalculatedPropertyTyped>) => {\n      setSelectedCalculatedProperty(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_CALCULATED_PROPERTY);\n    },\n    [],\n  );\n\n  const onCustomCalculationModify = useCallback(\n    (value: CellProps<ICustomCalculationTyped>) => {\n      setSelectedCustomCalculation(value.row.original);\n      setPropertyMenuView(PropertyMenuView.MODIFY_CUSTOM_CALCULATION);\n    },\n    [],\n  );\n\n  const groupPropertyReturn = useCallback(async (modified: boolean) => {\n    setPropertyMenuView(PropertyMenuView.DEFAULT);\n    modified && await refreshGroupProperties();\n  }, [refreshGroupProperties]);\n\n  const calculatedPropertyReturn = useCallback(async (modified: boolean) => {\n    visualizeElements(resolvedHiliteIds, \"red\");\n    await zoomToElements(resolvedHiliteIds);\n    setPropertyMenuView(PropertyMenuView.DEFAULT);\n    modified && await refreshCalculatedProperties();\n  }, [resolvedHiliteIds, refreshCalculatedProperties]);\n\n  const customCalculationReturn = useCallback(async (modified: boolean) => {\n    setPropertyMenuView(PropertyMenuView.DEFAULT);\n    modified && await refreshCustomCalculations();\n  }, [refreshCustomCalculations]);\n\n  if (isLoading) {\n    return (\n      <div className='gmw-loading-overlay'>\n        <Text>Loading Group</Text>\n        <ProgressRadial indeterminate />\n        <Text>Please wait...</Text>\n      </div>\n    );\n  }\n\n  switch (propertyMenuView) {\n    case PropertyMenuView.ADD_GROUP_PROPERTY:\n      return (\n        <GroupPropertyAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          keySet={keySet ?? new KeySet()}\n          returnFn={groupPropertyReturn}\n        />\n      );\n    case PropertyMenuView.MODIFY_GROUP_PROPERTY:\n      return (\n        <GroupPropertyAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          keySet={keySet ?? new KeySet()}\n          groupPropertyId={selectedGroupProperty?.id ?? \"\"}\n          groupPropertyName={selectedGroupProperty?.propertyName ?? \"\"}\n          returnFn={groupPropertyReturn}\n        />\n      );\n    case PropertyMenuView.ADD_CALCULATED_PROPERTY:\n      return (\n        <CalculatedPropertyAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          ids={resolvedHiliteIds}\n          returnFn={calculatedPropertyReturn}\n        />\n      );\n    case PropertyMenuView.MODIFY_CALCULATED_PROPERTY:\n      return (\n        <CalculatedPropertyAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          property={selectedCalculatedProperty}\n          ids={resolvedHiliteIds}\n          returnFn={calculatedPropertyReturn}\n        />\n      );\n    case PropertyMenuView.ADD_CUSTOM_CALCULATION:\n      return (\n        <CustomCalculationAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          properties={convertToPropertyMap(groupProperties, calculatedProperties, customCalculations)}\n          returnFn={customCalculationReturn}\n        />\n      );\n    case PropertyMenuView.MODIFY_CUSTOM_CALCULATION:\n      return (\n        <CustomCalculationAction\n          iModelId={iModelId}\n          mappingId={mappingId}\n          groupId={groupId}\n          properties={convertToPropertyMap(groupProperties, calculatedProperties, customCalculations, selectedCustomCalculation?.propertyName)}\n          customCalculation={selectedCustomCalculation}\n          returnFn={customCalculationReturn}\n        />\n      );\n    default:\n      return (\n        <InformationPanelWrapper className='gmw-property-menu-wrapper'>\n          <div className='gmw-property-header'>\n            <WidgetHeader\n              title={`${group.groupName}`}\n              returnFn={goBack}\n            />\n            <IconButton\n              styleType='borderless'\n              onClick={() => setIsInformationPanelOpen(true)}\n            >\n              <SvgProperties />\n            </IconButton>\n          </div>\n          <div className='gmw-property-menu-container'>\n            {!hideGroupProps && (\n              <div className='gmw-property-table'>\n                <GroupPropertyTable\n                  iModelId={iModelId}\n                  mappingId={mappingId}\n                  groupId={groupId}\n                  onGroupPropertyModify={onGroupPropertyModify}\n                  setSelectedGroupProperty={setSelectedGroupProperty}\n                  setGroupModifyView={setPropertyMenuView}\n                  isLoadingGroupProperties={isLoadingGroupProperties}\n                  groupProperties={groupProperties}\n                  refreshGroupProperties={refreshGroupProperties}\n                  selectedGroupProperty={selectedGroupProperty}\n                />\n              </div>\n            )}\n\n            {!hideCalculatedProps && (\n              <div className='gmw-property-table'>\n                <CalculatedPropertyTable\n                  iModelId={iModelId}\n                  mappingId={mappingId}\n                  groupId={groupId}\n                  onCalculatedPropertyModify={onCalculatedPropertyModify}\n                  setSelectedCalculatedProperty={setSelectedCalculatedProperty}\n                  setGroupModifyView={setPropertyMenuView}\n                  isLoadingCalculatedProperties={isLoadingCalculatedProperties}\n                  calculatedProperties={calculatedProperties}\n                  refreshCalculatedProperties={refreshCalculatedProperties}\n                  selectedCalculatedProperty={selectedCalculatedProperty}\n                />\n              </div>\n            )}\n            {!hideCustomCalculationProps && (\n              <div className='gmw-property-table'>\n                <CustomCalculationTable\n                  iModelId={iModelId}\n                  mappingId={mappingId}\n                  groupId={groupId}\n                  onCustomCalculationModify={onCustomCalculationModify}\n                  setSelectedCustomCalculation={setSelectedCustomCalculation}\n                  setGroupModifyView={setPropertyMenuView}\n                  isLoadingCustomCalculations={isLoadingCustomCalculations}\n                  customCalculations={customCalculations}\n                  refreshCustomCalculations={refreshCustomCalculations}\n                  selectedCustomCalculation={selectedCustomCalculation}\n                />\n              </div>\n            )}\n          </div>\n          <InformationPanel\n            className='gmw-information-panel'\n            isOpen={isInformationPanelOpen}\n          >\n            <InformationPanelHeader\n              onClose={() => setIsInformationPanelOpen(false)}\n            >\n              <Text variant='subheading'>{`${group.groupName} Information`}</Text>\n            </InformationPanelHeader>\n            <InformationPanelBody>\n              <div className='gmw-information-body'>\n                <LabeledTextarea\n                  label='Query'\n                  rows={15}\n                  readOnly\n                  defaultValue={group.query}\n                />\n              </div>\n            </InformationPanelBody>\n          </InformationPanel>\n        </InformationPanelWrapper>\n      );\n  }\n};\n"]}
+{"version":3,"file":"PropertyMenu.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyMenu.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 { Presentation } from \"@itwin/presentation-frontend\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React, { useEffect, useMemo, useState } from \"react\";\n\nimport {\n  clearEmphasizedOverriddenElements,\n  visualizeElements,\n  zoomToElements,\n} from \"./viewerUtils\";\nimport \"./PropertyMenu.scss\";\nimport { GroupPropertyTable } from \"./GroupPropertyTable\";\nimport {\n  IconButton,\n  InformationPanelWrapper,\n  toaster,\n  ToggleSwitch,\n} from \"@itwin/itwinui-react\";\nimport { useCombinedFetchRefresh } from \"../hooks/useFetchData\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mapping } from \"@itwin/insights-client\";\nimport { getHiliteIdsAndKeysetFromGroup } from \"./groupsHelpers\";\nimport { useGroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\nimport { usePropertiesContext } from \"./context/PropertiesContext\";\nimport { CalculatedPropertyTable } from \"./CalculatedPropertyTable\";\nimport { CustomCalculationTable } from \"./CustomCalculationTable\";\nimport { SvgProperties } from \"@itwin/itwinui-icons-react\";\nimport { GroupInformationPanel } from \"./GroupInformationPanel\";\n\nexport interface PropertyMenuProps {\n  mapping: Mapping;\n  group: Group;\n  color: string;\n  onClickAddGroupProperty?: () => void;\n  onClickModifyGroupProperty?: (groupProperty: GroupProperty) => void;\n  onClickAddCalculatedProperty?: () => void;\n  onClickModifyCalculatedProperty?: (calculatedProperty: CalculatedProperty) => void;\n  onClickAddCustomCalculationProperty?: () => void;\n  onClickModifyCustomCalculation?: (customCalculation: CustomCalculation) => void;\n  hideGroupProps?: boolean;\n  hideCalculatedProps?: boolean;\n  hideCustomCalculationProps?: boolean;\n}\n\nexport const PropertyMenu = ({\n  mapping,\n  group,\n  color,\n  onClickAddGroupProperty,\n  onClickModifyGroupProperty,\n  onClickAddCalculatedProperty,\n  onClickModifyCalculatedProperty,\n  onClickAddCustomCalculationProperty,\n  onClickModifyCustomCalculation,\n  hideGroupProps = false,\n  hideCalculatedProps = false,\n  hideCustomCalculationProps = false,\n}: PropertyMenuProps) => {\n  const groupId = group.id;\n  const mappingId = mapping.id;\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const { hilitedElementsQueryCache } = useGroupHilitedElementsContext();\n  const mappingClient = useMappingClient();\n  const iModelConnection = useActiveIModelConnection();\n  const {\n    showGroupColor,\n    setShowGroupColor,\n    groupProperties,\n    setGroupProperties,\n    calculatedProperties,\n    setCalculatedProperties,\n    customCalculationProperties,\n    setCustomCalculationProperties,\n  } = usePropertiesContext();\n  const [isInformationPanelOpen, setIsInformationPanelOpen] =\n    useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const fetchGroupProperties = useMemo(\n    () => {\n      return async () => mappingClient.getGroupProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingGroupProperties, refreshData: refreshGroupProperties } =\n    useCombinedFetchRefresh<GroupProperty>(fetchGroupProperties, setGroupProperties);\n\n  const fetchCalculatedProperties = useMemo(\n    () => {\n      return async () => mappingClient.getCalculatedProperties(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCalculatedProperties, refreshData: refreshCalculatedProperties } =\n    useCombinedFetchRefresh<CalculatedProperty>(fetchCalculatedProperties, setCalculatedProperties);\n\n  const fetchCustomCalculations = useMemo(\n    () => {\n      return async () => mappingClient.getCustomCalculations(await getAccessToken(), iModelId, mappingId, groupId);\n    },\n    [getAccessToken, mappingClient, iModelId, mappingId, groupId],\n  );\n  const { isLoading: isLoadingCustomCalculations, refreshData: refreshCustomCalculations } =\n    useCombinedFetchRefresh<CustomCalculation>(fetchCustomCalculations, setCustomCalculationProperties);\n\n  useEffect(() => {\n    const initialize = async () => {\n      if (!iModelConnection) return;\n      try {\n        setIsLoading(true);\n        clearEmphasizedOverriddenElements();\n        if (showGroupColor) {\n          const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);\n          Presentation.selection.clearSelection(\n            \"GroupingMappingWidget\",\n            iModelConnection,\n          );\n          visualizeElements(result.ids, color);\n          await zoomToElements(result.ids);\n        }\n      } catch (error) {\n        toaster.negative(\"There was an error visualizing group.\");\n        /* eslint-disable no-console */\n        console.error(error);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n    void initialize();\n  }, [iModelConnection, group.query, group.groupName, group, hilitedElementsQueryCache, showGroupColor, color]);\n\n  return (\n    <InformationPanelWrapper className='gmw-property-menu-wrapper'>\n      <div className='gmw-property-menu-container'>\n        <div className=\"gmw-property-menu-toolbar\">\n          <ToggleSwitch\n            label='Color Group'\n            labelPosition='left'\n            disabled={isLoading}\n            checked={showGroupColor}\n            onChange={() => setShowGroupColor((b) => !b)}\n          ></ToggleSwitch>\n          <IconButton\n            styleType='borderless'\n            onClick={() => setIsInformationPanelOpen(true)}\n          >\n            <SvgProperties />\n          </IconButton>\n        </div>\n        {!hideGroupProps && (\n          <GroupPropertyTable\n            iModelId={iModelId}\n            mappingId={mappingId}\n            groupId={groupId}\n            onClickAdd={onClickAddGroupProperty}\n            onClickModify={onClickModifyGroupProperty}\n            isLoading={isLoadingGroupProperties}\n            groupProperties={groupProperties ?? []}\n            refresh={refreshGroupProperties}\n          />\n        )}\n        {!hideCalculatedProps && (\n          <CalculatedPropertyTable\n            mappingId={mappingId}\n            groupId={groupId}\n            onClickAdd={onClickAddCalculatedProperty}\n            onClickModify={onClickModifyCalculatedProperty}\n            isLoading={isLoadingCalculatedProperties}\n            calculatedProperties={calculatedProperties ?? []}\n            refresh={refreshCalculatedProperties}\n          />\n        )}\n        {!hideCustomCalculationProps && (\n          <CustomCalculationTable\n            mappingId={mappingId}\n            groupId={groupId}\n            onClickAdd={onClickAddCustomCalculationProperty}\n            onClickModify={onClickModifyCustomCalculation}\n            isLoading={isLoadingCustomCalculations}\n            customCalculations={customCalculationProperties ?? []}\n            refresh={refreshCustomCalculations}\n          />\n        )}\n      </div>\n      <GroupInformationPanel\n        isOpen={isInformationPanelOpen}\n        onClose={() => setIsInformationPanelOpen(false)}\n        query={group.query}\n        groupName={group.groupName}\n      />\n    </InformationPanelWrapper>\n  );\n};\n"]}

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

@@ -2,33 +2,13 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import '~@itwin/itwinui-css/scss/variables';
-
-.gmw-loading-overlay {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  gap: $iui-baseline;
-  height: 100%;
-}
+@import "~@itwin/itwinui-css/scss/variables";
 
 .gmw-property-menu-wrapper {
   display: flex;
   flex-direction: column;
   height: 100%;
 
-  .gmw-information-panel {
-    max-width: 100%;
-    width: 100%;
-
-    .gmw-information-body {
-      textarea {
-        resize: vertical;
-      }
-    }
-  }
-
   .gmw-property-header {
     display: flex;
     justify-content: space-between;
@@ -38,14 +18,10 @@
     display: flex;
     flex-direction: column;
     overflow: auto;
-    gap: $iui-baseline * 3;
-    .gmw-property-table {
+    gap: $iui-baseline * 2;
+    .gmw-property-menu-toolbar {
       display: flex;
-      flex-direction: column;
-      gap: $iui-baseline;
-      button {
-        align-self: flex-start;
-      }
+      justify-content: space-between;
     }
   }
 }