@itwin/grouping-mapping-widget 0.11.0 → 0.12.0

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface PropertyNameCellProps<T extends {
+    propertyName: string;
+}> {
+    property: T;
+    onClickModify?: (value: T) => void;
+}
+export declare const PropertyNameCell: <T extends {
+    propertyName: string;
+}>({ property, onClickModify, }: PropertyNameCellProps<T>) => JSX.Element;
+//# sourceMappingURL=PropertyNameCell.d.ts.map

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyNameCell = 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 react_1 = __importDefault(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const PropertyNameCell = ({ property, onClickModify, }) => onClickModify ? (react_1.default.createElement("div", { className: "iui-anchor", onClick: () => onClickModify(property) }, property.propertyName)) : (react_1.default.createElement(itwinui_react_1.Text, null, property.propertyName));
+exports.PropertyNameCell = PropertyNameCell;
+//# sourceMappingURL=PropertyNameCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyNameCell.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyNameCell.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,wDAA4C;AAOrC,MAAM,gBAAgB,GAAG,CAAsC,EACpE,QAAQ,EACR,aAAa,GACY,EAAE,EAAE,CAC7B,aAAa,CAAC,CAAC,CAAC,CACd,uCAAK,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,IAC/D,QAAQ,CAAC,YAAY,CAClB,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAI,QAAE,QAAQ,CAAC,YAAY,CAAQ,CACrC,CAAC;AAVS,QAAA,gBAAgB,oBAUzB","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 React from \"react\";\nimport { Text } from \"@itwin/itwinui-react\";\n\nexport interface PropertyNameCellProps<T extends { propertyName: string }> {\n  property: T;\n  onClickModify?: (value: T) => void;\n}\n\nexport const PropertyNameCell = <T extends { propertyName: string },>({\n  property,\n  onClickModify,\n}: PropertyNameCellProps<T>) =>\n  onClickModify ? (\n    <div className=\"iui-anchor\" onClick={() => onClickModify(property)}>\n      {property.propertyName}\n    </div>\n  ) : (\n    <Text>{property.propertyName}</Text>\n  );\n"]}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { Column } from "react-table";
+import "./PropertyTable.scss";
+export interface PropertyTableItem {
+    propertyName: string;
+    id: string;
+}
+export interface PropertyTableProps<T extends PropertyTableItem> {
+    propertyType: string;
+    columnsFactory: (handleShowDeleteModal: (value: T) => void) => ReadonlyArray<Column<T>>;
+    data: T[];
+    isLoading: boolean;
+    onClickAdd?: () => void;
+    refreshProperties: () => Promise<void>;
+    deleteProperty: (propertyId: string) => Promise<void>;
+}
+export declare const PropertyTable: <T extends PropertyTableItem>({ propertyType, columnsFactory, data, isLoading, onClickAdd, refreshProperties, deleteProperty, }: PropertyTableProps<T>) => JSX.Element;
+//# sourceMappingURL=PropertyTable.d.ts.map

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

@@ -0,0 +1,54 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyTable = 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_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const DeleteModal_1 = __importDefault(require("./DeleteModal"));
+const PropertyTableToolbar_1 = require("./PropertyTableToolbar");
+require("./PropertyTable.scss");
+const PropertyTable = ({ propertyType, columnsFactory, data, isLoading, onClickAdd, refreshProperties, deleteProperty, }) => {
+    const [showDeleteModal, setShowDeleteModal] = react_1.useState(undefined);
+    const handleDeleteProperty = react_1.useCallback(async () => {
+        var _a;
+        await deleteProperty((_a = showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.id) !== null && _a !== void 0 ? _a : "");
+    }, [deleteProperty, showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.id]);
+    const handleShowDeleteModal = react_1.useCallback((property) => {
+        setShowDeleteModal(property);
+    }, []);
+    const handleCloseDeleteModal = () => {
+        setShowDeleteModal(undefined);
+    };
+    const memoizedColumns = react_1.useMemo(() => columnsFactory(handleShowDeleteModal), [columnsFactory, handleShowDeleteModal]);
+    return (react_1.default.createElement("div", { className: "gmw-property-table-container" },
+        react_1.default.createElement(PropertyTableToolbar_1.PropertyTableToolbar, { propertyType: propertyType, onClickAddProperty: onClickAdd, refreshProperties: refreshProperties, isLoading: isLoading }),
+        react_1.default.createElement(itwinui_react_1.Table, { data: isLoading ? [] : data, density: 'extra-condensed', columns: memoizedColumns, emptyTableContent: `No ${propertyType} Properties`, isSortable: true, isLoading: isLoading }),
+        react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal === null || showDeleteModal === void 0 ? void 0 : showDeleteModal.propertyName, onClose: handleCloseDeleteModal, onDelete: handleDeleteProperty, refresh: refreshProperties })));
+};
+exports.PropertyTable = PropertyTable;
+//# sourceMappingURL=PropertyTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyTable.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAA6C;AAC7C,+CAA8D;AAG9D,gEAAwC;AACxC,iEAA8D;AAC9D,gCAA8B;AAiBvB,MAAM,aAAa,GAAG,CAA8B,EACzD,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,cAAc,GACQ,EAAE,EAAE;IAE1B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,gBAAQ,CAAgB,SAAS,CAAC,CAAC;IAEjF,MAAM,oBAAoB,GAAG,mBAAW,CAAC,KAAK,IAAI,EAAE;;QAClD,MAAM,cAAc,CAAC,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE,mCAAI,EAAE,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE,CAAC,CAAC,CAAC;IAE1C,MAAM,qBAAqB,GAAG,mBAAW,CAAC,CAAC,QAAW,EAAE,EAAE;QACxD,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,eAAO,CAAC,GAAG,EAAE,CACnC,cAAc,CAAC,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAElF,OAAO,CACL,uCAAK,SAAS,EAAC,8BAA8B;QAC3C,8BAAC,2CAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACpB;QACF,8BAAC,qBAAK,IACJ,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAC3B,OAAO,EAAC,iBAAiB,EACzB,OAAO,EAAE,eAAe,EACxB,iBAAiB,EAAE,MAAM,YAAY,aAAa,EAClD,UAAU,QACV,SAAS,EAAE,SAAS,GACpB;QACF,8BAAC,qBAAW,IACV,UAAU,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,EACzC,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,iBAAiB,GAC1B,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,aAAa,iBAmDxB","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 { Table } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { Column } from \"react-table\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport DeleteModal from \"./DeleteModal\";\nimport { PropertyTableToolbar } from \"./PropertyTableToolbar\";\nimport \"./PropertyTable.scss\";\n\nexport interface PropertyTableItem {\n  propertyName: string;\n  id: string;\n}\n\nexport interface PropertyTableProps<T extends PropertyTableItem> {\n  propertyType: string;\n  columnsFactory: (handleShowDeleteModal: (value: T) => void) => ReadonlyArray<Column<T>>;\n  data: T[];\n  isLoading: boolean;\n  onClickAdd?: () => void;\n  refreshProperties: () => Promise<void>;\n  deleteProperty: (propertyId: string) => Promise<void>;\n}\n\nexport const PropertyTable = <T extends PropertyTableItem>({\n  propertyType,\n  columnsFactory,\n  data,\n  isLoading,\n  onClickAdd,\n  refreshProperties,\n  deleteProperty,\n}: PropertyTableProps<T>) => {\n\n  const [showDeleteModal, setShowDeleteModal] = useState<T | undefined>(undefined);\n\n  const handleDeleteProperty = useCallback(async () => {\n    await deleteProperty(showDeleteModal?.id ?? \"\");\n  }, [deleteProperty, showDeleteModal?.id]);\n\n  const handleShowDeleteModal = useCallback((property: T) => {\n    setShowDeleteModal(property);\n  }, []);\n\n  const handleCloseDeleteModal = () => {\n    setShowDeleteModal(undefined);\n  };\n\n  const memoizedColumns = useMemo(() =>\n    columnsFactory(handleShowDeleteModal), [columnsFactory, handleShowDeleteModal]);\n\n  return (\n    <div className=\"gmw-property-table-container\">\n      <PropertyTableToolbar\n        propertyType={propertyType}\n        onClickAddProperty={onClickAdd}\n        refreshProperties={refreshProperties}\n        isLoading={isLoading}\n      />\n      <Table<CreateTypeFromInterface<T>>\n        data={isLoading ? [] : data}\n        density='extra-condensed'\n        columns={memoizedColumns}\n        emptyTableContent={`No ${propertyType} Properties`}\n        isSortable\n        isLoading={isLoading}\n      />\n      <DeleteModal\n        entityName={showDeleteModal?.propertyName}\n        onClose={handleCloseDeleteModal}\n        onDelete={handleDeleteProperty}\n        refresh={refreshProperties}\n      />\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,11 @@
+/*---------------------------------------------------------------------------------------------
+* 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-property-table-container {
+  display: flex;
+  flex-direction: column;
+  gap: $iui-baseline;
+}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./PropertyTableToolbar.scss";
+export interface PropertyTableToolbarProps {
+    propertyType: string;
+    onClickAddProperty?: () => void;
+    refreshProperties: () => void;
+    isLoading: boolean;
+}
+export declare const PropertyTableToolbar: ({ propertyType, onClickAddProperty, refreshProperties, isLoading, }: PropertyTableToolbarProps) => JSX.Element;
+//# sourceMappingURL=PropertyTableToolbar.d.ts.map

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyTableToolbar = 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 react_1 = __importDefault(require("react"));
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+require("./PropertyTableToolbar.scss");
+const PropertyTableToolbar = ({ propertyType, onClickAddProperty, refreshProperties, isLoading, }) => (react_1.default.createElement("div", { className: "gmw-property-table-toolbar" },
+    onClickAddProperty && (react_1.default.createElement(itwinui_react_1.Button, { startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null), styleType: "high-visibility", onClick: onClickAddProperty },
+        "Add ",
+        propertyType,
+        " Property")),
+    react_1.default.createElement(itwinui_react_1.IconButton, { title: "Refresh", className: "gmw-property-table-refresh-button", onClick: refreshProperties, disabled: isLoading, styleType: "borderless" },
+        react_1.default.createElement(itwinui_icons_react_1.SvgRefresh, null))));
+exports.PropertyTableToolbar = PropertyTableToolbar;
+//# sourceMappingURL=PropertyTableToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyTableToolbar.js","sourceRoot":"","sources":["../../../../src/widget/components/PropertyTableToolbar.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,oEAAgE;AAChE,wDAA0D;AAC1D,uCAAqC;AAS9B,MAAM,oBAAoB,GAAG,CAAC,EACnC,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,GACiB,EAAE,EAAE,CAAC,CAC/B,uCAAK,SAAS,EAAC,4BAA4B;IACxC,kBAAkB,IAAI,CACrB,8BAAC,sBAAM,IACL,SAAS,EAAE,8BAAC,4BAAM,OAAG,EACrB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,kBAAkB;;QAEtB,YAAY;oBACV,CACV;IACD,8BAAC,0BAAU,IACT,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,YAAY;QAEtB,8BAAC,gCAAU,OAAG,CACH,CACT,CACP,CAAC;AA1BW,QAAA,oBAAoB,wBA0B/B","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 React from \"react\";\nimport { SvgAdd, SvgRefresh } from \"@itwin/itwinui-icons-react\";\nimport { Button, IconButton } from \"@itwin/itwinui-react\";\nimport \"./PropertyTableToolbar.scss\";\n\nexport interface PropertyTableToolbarProps {\n  propertyType: string;\n  onClickAddProperty?: () => void;\n  refreshProperties: () => void;\n  isLoading: boolean;\n}\n\nexport const PropertyTableToolbar = ({\n  propertyType,\n  onClickAddProperty,\n  refreshProperties,\n  isLoading,\n}: PropertyTableToolbarProps) => (\n  <div className=\"gmw-property-table-toolbar\">\n    {onClickAddProperty && (\n      <Button\n        startIcon={<SvgAdd />}\n        styleType=\"high-visibility\"\n        onClick={onClickAddProperty}\n      >\n        Add {propertyType} Property\n      </Button>\n    )}\n    <IconButton\n      title=\"Refresh\"\n      className=\"gmw-property-table-refresh-button\"\n      onClick={refreshProperties}\n      disabled={isLoading}\n      styleType=\"borderless\"\n    >\n      <SvgRefresh />\n    </IconButton>\n  </div>\n);\n"]}

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

@@ -0,0 +1,12 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.gmw-property-table-toolbar {
+  display: flex;
+  justify-content: space-between;
+  .gmw-property-table-refresh-button {
+    margin-left: auto;
+  }
+}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "./ToggleGroupVisibility.scss";
+export interface ToggleGroupVisibilityProps {
+    isLoadingQuery: boolean;
+    showGroupColor: boolean;
+    setShowGroupColor: (value: ((prevState: boolean) => boolean) | boolean) => void;
+}
+export declare const ToggleGroupVisibility: ({ isLoadingQuery, showGroupColor, setShowGroupColor }: ToggleGroupVisibilityProps) => JSX.Element;
+//# sourceMappingURL=ToggleGroupVisibility.d.ts.map

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleGroupVisibility = 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_react_1 = require("@itwin/itwinui-react");
+require("./ToggleGroupVisibility.scss");
+const react_1 = __importDefault(require("react"));
+const ToggleGroupVisibility = ({ isLoadingQuery, showGroupColor, setShowGroupColor }) => (react_1.default.createElement(itwinui_react_1.ToggleSwitch, { label: "Color by Group", labelPosition: "left", className: "gmw-toggle", disabled: isLoadingQuery, checked: showGroupColor, onChange: () => setShowGroupColor((b) => !b) }));
+exports.ToggleGroupVisibility = ToggleGroupVisibility;
+//# sourceMappingURL=ToggleGroupVisibility.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupVisibility.js","sourceRoot":"","sources":["../../../../src/widget/components/ToggleGroupVisibility.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAAoD;AACpD,wCAAsC;AACtC,kDAA0B;AAQnB,MAAM,qBAAqB,GAAG,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAA8B,EAAE,EAAE,CAAC,CAC1H,8BAAC,4BAAY,IACX,KAAK,EAAC,gBAAgB,EACtB,aAAa,EAAC,MAAM,EACpB,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAC5C,CACH,CAAC;AATW,QAAA,qBAAqB,yBAShC","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 { ToggleSwitch } from \"@itwin/itwinui-react\";\nimport \"./ToggleGroupVisibility.scss\";\nimport React from \"react\";\n\nexport interface ToggleGroupVisibilityProps {\n  isLoadingQuery: boolean;\n  showGroupColor: boolean;\n  setShowGroupColor: (value: ((prevState: boolean) => boolean) | boolean) => void;\n}\n\nexport const ToggleGroupVisibility = ({ isLoadingQuery, showGroupColor, setShowGroupColor }: ToggleGroupVisibilityProps) => (\n  <ToggleSwitch\n    label=\"Color by Group\"\n    labelPosition=\"left\"\n    className=\"gmw-toggle\"\n    disabled={isLoadingQuery}\n    checked={showGroupColor}\n    onChange={() => setShowGroupColor((b) => !b)}\n  />\n);\n"]}

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

@@ -0,0 +1,9 @@
+/*---------------------------------------------------------------------------------------------
+* 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-toggle {
+  margin-right: $iui-xs;
+}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "./WidgetHeader.scss";
+export interface WidgetHeaderProps {
+    title: string;
+    disabled?: boolean;
+    returnFn?: () => void;
+}
+export declare const WidgetHeader: ({ title, disabled, returnFn, }: WidgetHeaderProps) => JSX.Element;
+//# sourceMappingURL=WidgetHeader.d.ts.map

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetHeader = 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");
+require("./WidgetHeader.scss");
+const react_1 = __importDefault(require("react"));
+const WidgetHeader = ({ title, disabled = false, returnFn, }) => {
+    return (react_1.default.createElement("div", { className: 'gmw-widget-header-container' },
+        returnFn && (react_1.default.createElement("div", { className: disabled ? "gmw-chevron-disabled" : "gmw-chevron", onClick: disabled ? undefined : returnFn },
+            react_1.default.createElement(itwinui_icons_react_1.SvgChevronLeft, null))),
+        react_1.default.createElement(itwinui_react_1.Text, { className: 'gmw-title', variant: 'title' }, title)));
+};
+exports.WidgetHeader = WidgetHeader;
+//# sourceMappingURL=WidgetHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetHeader.js","sourceRoot":"","sources":["../../../../src/widget/components/WidgetHeader.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,oEAA4D;AAC5D,wDAA4C;AAC5C,+BAA6B;AAC7B,kDAA0B;AAQnB,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACU,EAAE,EAAE;IACtB,OAAO,CACL,uCAAK,SAAS,EAAC,6BAA6B;QACzC,QAAQ,IAAI,CACX,uCACE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa,EAC5D,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;YAExC,8BAAC,oCAAc,OAAG,CACd,CACP;QACD,8BAAC,oBAAI,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,IACxC,KAAK,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,YAAY,gBAoBvB","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 { SvgChevronLeft } from \"@itwin/itwinui-icons-react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport \"./WidgetHeader.scss\";\nimport React from \"react\";\n\nexport interface WidgetHeaderProps {\n  title: string;\n  disabled?: boolean;\n  returnFn?: () => void;\n}\n\nexport const WidgetHeader = ({\n  title,\n  disabled = false,\n  returnFn,\n}: WidgetHeaderProps) => {\n  return (\n    <div className='gmw-widget-header-container'>\n      {returnFn && (\n        <div\n          className={disabled ? \"gmw-chevron-disabled\" : \"gmw-chevron\"}\n          onClick={disabled ? undefined : returnFn}\n        >\n          <SvgChevronLeft />\n        </div>\n      )}\n      <Text className='gmw-title' variant='title'>\n        {title}\n      </Text>\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,36 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/variables";
+@import "~@itwin/itwinui-css/scss/icon/index";
+@import "~@itwin/itwinui-css/scss/button/index";
+
+.gmw-widget-header-container {
+  display: flex;
+  margin-bottom: $iui-baseline * 2;
+
+  .gmw-chevron {
+    @include iui-icons-large();
+    cursor: pointer;
+    align-self: center;
+    margin-right: $iui-s;
+  }
+
+  .gmw-chevron-disabled {
+    @include iui-icons-large();
+    @include themed {
+      fill: t(iui-icons-color-actionable-disabled);
+    }
+    cursor: not-allowed;
+
+    align-self: center;
+    margin-right: $iui-s;
+  }
+
+  .gmw-title {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}

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

@@ -1,8 +1,13 @@
 import * as React from "react";
 import type { MutableRefObject } from "react";
 import type { Group } from "@itwin/insights-client";
+import type { KeySet } from "@itwin/presentation-common";
+export interface QueryCacheItem {
+    keySet: KeySet;
+    ids: string[];
+}
 export interface GroupHilitedElements {
-    hilitedElementsQueryCache: MutableRefObject<Map<string, string[]>>;
+    hilitedElementsQueryCache: MutableRefObject<Map<string, QueryCacheItem>>;
     hiddenGroupsIds: string[];
     showGroupColor: boolean;
     groups: Group[];

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

@@ -1 +1 @@
-{"version":3,"file":"GroupHilitedElementsContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/GroupHilitedElementsContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAclB,QAAA,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAAuB;IACnF,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE;IACjD,eAAe,EAAE,EAAE;IACnB,cAAc,EAAE,KAAK;IACrB,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,iBAAiB,EAAE,GAAG,EAAE,GAAG,CAAC;CAC7B,CAAC,CAAC;AAEI,MAAM,8BAA8B,GAAG,GAAyB,EAAE;IACvE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mCAA2B,CAAC,CAAC;IAC9D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,6FAA6F,CAC9F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,8BAA8B,kCAQzC","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 * as React from \"react\";\nimport type { MutableRefObject } from \"react\";\nimport type { Group } from \"@itwin/insights-client\";\n\nexport interface GroupHilitedElements {\n  hilitedElementsQueryCache: MutableRefObject<Map<string, string[]>>;\n  hiddenGroupsIds: string[];\n  showGroupColor: boolean;\n  groups: Group[];\n  setGroups: (groups: Group[]) => void;\n  setHiddenGroupsIds: (hiddenGroupIds: string[]) => void;\n  setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;\n}\n\nexport const GroupHilitedElementsContext = React.createContext<GroupHilitedElements>({\n  hilitedElementsQueryCache: { current: new Map() },\n  hiddenGroupsIds: [],\n  showGroupColor: false,\n  groups: [],\n  setGroups: () => { },\n  setHiddenGroupsIds: () => { },\n  setShowGroupColor: () => { },\n});\n\nexport const useGroupHilitedElementsContext = (): GroupHilitedElements => {\n  const context = React.useContext(GroupHilitedElementsContext);\n  if (!context) {\n    throw new Error(\n      \"useGroupHilitedElementsContext should be used within a GroupHilitedElementsContext provider\"\n    );\n  }\n  return context;\n};\n"]}
+{"version":3,"file":"GroupHilitedElementsContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/GroupHilitedElementsContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAkBlB,QAAA,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAAuB;IACnF,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE;IACjD,eAAe,EAAE,EAAE;IACnB,cAAc,EAAE,KAAK;IACrB,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,iBAAiB,EAAE,GAAG,EAAE,GAAG,CAAC;CAC7B,CAAC,CAAC;AAEI,MAAM,8BAA8B,GAAG,GAAyB,EAAE;IACvE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mCAA2B,CAAC,CAAC;IAC9D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,6FAA6F,CAC9F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,8BAA8B,kCAQzC","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 * as React from \"react\";\nimport type { MutableRefObject } from \"react\";\nimport type { Group } from \"@itwin/insights-client\";\nimport type { KeySet } from \"@itwin/presentation-common\";\nexport interface QueryCacheItem {\n  keySet: KeySet;\n  ids: string[];\n}\nexport interface GroupHilitedElements {\n  hilitedElementsQueryCache: MutableRefObject<Map<string, QueryCacheItem>>;\n  hiddenGroupsIds: string[];\n  showGroupColor: boolean;\n  groups: Group[];\n  setGroups: (groups: Group[]) => void;\n  setHiddenGroupsIds: (hiddenGroupIds: string[]) => void;\n  setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;\n}\n\nexport const GroupHilitedElementsContext = React.createContext<GroupHilitedElements>({\n  hilitedElementsQueryCache: { current: new Map() },\n  hiddenGroupsIds: [],\n  showGroupColor: false,\n  groups: [],\n  setGroups: () => { },\n  setHiddenGroupsIds: () => { },\n  setShowGroupColor: () => { },\n});\n\nexport const useGroupHilitedElementsContext = (): GroupHilitedElements => {\n  const context = React.useContext(GroupHilitedElementsContext);\n  if (!context) {\n    throw new Error(\n      \"useGroupHilitedElementsContext should be used within a GroupHilitedElementsContext provider\"\n    );\n  }\n  return context;\n};\n"]}

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { CalculatedProperty, CustomCalculation, GroupProperty } from "@itwin/insights-client";
+export interface Properties {
+    showGroupColor: boolean;
+    groupProperties?: GroupProperty[];
+    calculatedProperties?: CalculatedProperty[];
+    customCalculationProperties?: CustomCalculation[];
+    setGroupProperties: (groupProperties: GroupProperty[]) => void;
+    setCalculatedProperties: (calculatedProperties: CalculatedProperty[]) => void;
+    setCustomCalculationProperties: (customCalculationProperties: CustomCalculation[]) => void;
+    setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;
+}
+export declare const PropertiesContext: React.Context<Properties>;
+export declare const usePropertiesContext: () => Properties;
+//# sourceMappingURL=PropertiesContext.d.ts.map

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

@@ -0,0 +1,43 @@
+"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 });
+exports.usePropertiesContext = exports.PropertiesContext = 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 React = __importStar(require("react"));
+exports.PropertiesContext = React.createContext({
+    showGroupColor: false,
+    setGroupProperties: () => { },
+    setCalculatedProperties: () => { },
+    setCustomCalculationProperties: () => { },
+    setShowGroupColor: () => { },
+});
+const usePropertiesContext = () => {
+    const context = React.useContext(exports.PropertiesContext);
+    if (!context) {
+        throw new Error("usePropertiesContext should be used within a PropertiesContext provider");
+    }
+    return context;
+};
+exports.usePropertiesContext = usePropertiesContext;
+//# sourceMappingURL=PropertiesContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/PropertiesContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAclB,QAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAa;IAC/D,cAAc,EAAE,KAAK;IACrB,kBAAkB,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,uBAAuB,EAAE,GAAG,EAAE,GAAG,CAAC;IAClC,8BAA8B,EAAE,GAAG,EAAE,GAAG,CAAC;IACzC,iBAAiB,EAAE,GAAG,EAAE,GAAG,CAAC;CAC7B,CAAC,CAAC;AAEI,MAAM,oBAAoB,GAAG,GAAe,EAAE;IACnD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAiB,CAAC,CAAC;IACpD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,yEAAyE,CAC1E,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,oBAAoB,wBAQ/B","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 * as React from \"react\";\nimport type { CalculatedProperty, CustomCalculation, GroupProperty } from \"@itwin/insights-client\";\n\nexport interface Properties {\n  showGroupColor: boolean;\n  groupProperties?: GroupProperty[];\n  calculatedProperties?: CalculatedProperty[];\n  customCalculationProperties?: CustomCalculation[];\n  setGroupProperties: (groupProperties: GroupProperty[]) => void;\n  setCalculatedProperties: (calculatedProperties: CalculatedProperty[]) => void;\n  setCustomCalculationProperties: (customCalculationProperties: CustomCalculation[]) => void;\n  setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;\n}\n\nexport const PropertiesContext = React.createContext<Properties>({\n  showGroupColor: false,\n  setGroupProperties: () => { },\n  setCalculatedProperties: () => { },\n  setCustomCalculationProperties: () => { },\n  setShowGroupColor: () => { },\n});\n\nexport const usePropertiesContext = (): Properties => {\n  const context = React.useContext(PropertiesContext);\n  if (!context) {\n    throw new Error(\n      \"usePropertiesContext should be used within a PropertiesContext provider\"\n    );\n  }\n  return context;\n};\n"]}

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

@@ -1,7 +1,10 @@
 import type { IModelConnection } from "@itwin/core-frontend";
 import type { Group } from "@itwin/insights-client";
+import type { QueryCacheItem } from "./context/GroupHilitedElementsContext";
 export declare const getGroupColor: (index: number) => string;
-export declare const getHiliteIdsFromGroups: (iModelConnection: IModelConnection, groups: Group[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, string[]>>) => Promise<string[]>;
-export declare const hideGroups: (iModelConnection: IModelConnection, viewGroups: Group[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, string[]>>) => Promise<void>;
-export declare const visualizeGroupColors: (iModelConnection: IModelConnection, groups: Group[], viewGroups: Group[], hiddenGroupsIds: string[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, string[]>>, doEmphasizeElements?: boolean) => Promise<void>;
+export declare const getHiliteIdsFromGroups: (iModelConnection: IModelConnection, groups: Group[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<string[]>;
+export declare const hideGroups: (iModelConnection: IModelConnection, viewGroups: Group[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<void>;
+export declare const hideGroup: (iModelConnection: IModelConnection, viewGroup: Group, hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<void>;
+export declare const visualizeGroupColors: (iModelConnection: IModelConnection, groups: Group[], viewGroups: Group[], hiddenGroupsIds: string[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>, doEmphasizeElements?: boolean) => Promise<void>;
+export declare const getHiliteIdsAndKeysetFromGroup: (iModelConnection: IModelConnection, group: Group, hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<QueryCacheItem>;
 //# sourceMappingURL=groupsHelpers.d.ts.map

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

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.visualizeGroupColors = exports.hideGroups = exports.getHiliteIdsFromGroups = exports.getGroupColor = void 0;
+exports.getHiliteIdsAndKeysetFromGroup = exports.visualizeGroupColors = exports.hideGroup = exports.hideGroups = exports.getHiliteIdsFromGroups = exports.getGroupColor = 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 core_common_1 = require("@itwin/core-common");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const presentation_common_1 = require("@itwin/presentation-common");
 const viewerUtils_1 = require("./viewerUtils");
 const goldenAngle = 180 * (3 - Math.sqrt(5));
 const getGroupColor = function (index) {
@@ -14,56 +15,36 @@ const getGroupColor = function (index) {
 };
 exports.getGroupColor = getGroupColor;
 const getHiliteIdsFromGroups = async (iModelConnection, groups, hilitedElementsQueryCache) => {
-    var _a;
-    let allIds = [];
+    const distinctQueries = new Set();
+    const promises = [];
     for (const group of groups) {
-        const query = group.query;
-        let currentIds = [];
-        if (hilitedElementsQueryCache.current.has(query)) {
-            currentIds = (_a = hilitedElementsQueryCache.current.get(query)) !== null && _a !== void 0 ? _a : [];
-        }
-        else {
-            try {
-                const queryRowCount = await iModelConnection.queryRowCount(query);
-                if (queryRowCount === 0) {
-                    itwinui_react_1.toaster.warning(`${group.groupName}'s query is valid but produced no results.`);
-                }
-                currentIds = await viewerUtils_1.getHiliteIds(query, iModelConnection);
-                hilitedElementsQueryCache.current.set(query, currentIds);
-            }
-            catch {
-                itwinui_react_1.toaster.negative(`Could not hide/show ${group.groupName}. Query could not be resolved.`);
-            }
+        if (!distinctQueries.has(group.query)) {
+            distinctQueries.add(group.query);
+            promises.push(exports.getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache));
         }
-        allIds = allIds.concat(currentIds);
     }
+    const results = await Promise.all(promises);
+    const allIds = results.flatMap((result) => result.ids);
     return allIds;
 };
 exports.getHiliteIdsFromGroups = getHiliteIdsFromGroups;
 const hideGroups = async (iModelConnection, viewGroups, hilitedElementsQueryCache) => {
-    var _a;
+    const distinctQueries = new Set();
+    const promises = [];
     for (const viewGroup of viewGroups) {
-        const query = viewGroup.query;
-        if (hilitedElementsQueryCache.current.has(query)) {
-            const hilitedIds = (_a = hilitedElementsQueryCache.current.get(query)) !== null && _a !== void 0 ? _a : [];
-            viewerUtils_1.hideElements(hilitedIds);
-        }
-        else {
-            try {
-                const queryRowCount = await iModelConnection.queryRowCount(query);
-                if (queryRowCount === 0) {
-                    itwinui_react_1.toaster.warning(`${viewGroup.groupName}'s query is valid but produced no results.`);
-                }
-                const hiliteIds = await viewerUtils_1.hideElementsByQuery(query, iModelConnection, false);
-                hilitedElementsQueryCache.current.set(query, hiliteIds);
-            }
-            catch {
-                itwinui_react_1.toaster.negative(`Could not hide/show ${viewGroup.groupName}. Query could not be resolved.`);
-            }
+        if (!distinctQueries.has(viewGroup.query)) {
+            distinctQueries.add(viewGroup.query);
+            promises.push(exports.hideGroup(iModelConnection, viewGroup, hilitedElementsQueryCache));
         }
     }
+    await Promise.all(promises);
 };
 exports.hideGroups = hideGroups;
+const hideGroup = async (iModelConnection, viewGroup, hilitedElementsQueryCache) => {
+    const result = await exports.getHiliteIdsAndKeysetFromGroup(iModelConnection, viewGroup, hilitedElementsQueryCache);
+    viewerUtils_1.hideElements(result.ids);
+};
+exports.hideGroup = hideGroup;
 const visualizeGroupColors = async (iModelConnection, groups, viewGroups, hiddenGroupsIds, hilitedElementsQueryCache, doEmphasizeElements = true) => {
     viewerUtils_1.clearEmphasizedOverriddenElements();
     let allIds = [];
@@ -71,7 +52,8 @@ const visualizeGroupColors = async (iModelConnection, groups, viewGroups, hidden
         const index = viewGroups.length > groups.length
             ? viewGroups.findIndex((g) => g.id === group.id)
             : groups.findIndex((g) => g.id === group.id);
-        const hilitedIds = await exports.getHiliteIdsFromGroups(iModelConnection, [group], hilitedElementsQueryCache);
+        const result = await exports.getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);
+        const hilitedIds = result.ids;
         viewerUtils_1.overrideElements(hilitedIds, exports.getGroupColor(index), core_common_1.FeatureOverrideType.ColorAndAlpha);
         doEmphasizeElements && viewerUtils_1.emphasizeElements(hilitedIds, undefined);
         if (!hiddenGroupsIds.includes(group.id)) {
@@ -81,4 +63,25 @@ const visualizeGroupColors = async (iModelConnection, groups, viewGroups, hidden
     await viewerUtils_1.zoomToElements(allIds);
 };
 exports.visualizeGroupColors = visualizeGroupColors;
+const getHiliteIdsAndKeysetFromGroup = async (iModelConnection, group, hilitedElementsQueryCache) => {
+    var _a;
+    const query = group.query;
+    if (hilitedElementsQueryCache.current.has(query)) {
+        return (_a = hilitedElementsQueryCache.current.get(query)) !== null && _a !== void 0 ? _a : ({ keySet: new presentation_common_1.KeySet(), ids: [] });
+    }
+    try {
+        const queryRowCount = await iModelConnection.queryRowCount(query);
+        if (queryRowCount === 0) {
+            itwinui_react_1.toaster.warning(`${group.groupName}'s query is valid but produced no results.`);
+        }
+        const result = await viewerUtils_1.getHiliteIds(query, iModelConnection);
+        hilitedElementsQueryCache.current.set(query, result);
+        return result;
+    }
+    catch {
+        itwinui_react_1.toaster.negative(`Query could not be resolved.`);
+        return ({ keySet: new presentation_common_1.KeySet(), ids: [] });
+    }
+};
+exports.getHiliteIdsAndKeysetFromGroup = getHiliteIdsAndKeysetFromGroup;
 //# sourceMappingURL=groupsHelpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"groupsHelpers.js","sourceRoot":"","sources":["../../../../src/widget/components/groupsHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { FeatureOverrideType } from \"@itwin/core-common\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { Group } from \"@itwin/insights-client\";\nimport { toaster } from \"@itwin/itwinui-react\";\nimport { clearEmphasizedOverriddenElements, emphasizeElements, getHiliteIds, hideElements, hideElementsByQuery, overrideElements, zoomToElements } from \"./viewerUtils\";\n\nconst goldenAngle = 180 * (3 - Math.sqrt(5));\n\nexport const getGroupColor = function (index: number) {\n  return `hsl(${index * goldenAngle + 60}, 100%, 50%)`;\n};\n\nexport const getHiliteIdsFromGroups = async (\n  iModelConnection: IModelConnection,\n  groups: Group[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, string[]>>\n) => {\n  let allIds: string[] = [];\n  for (const group of groups) {\n    const query = group.query;\n    let currentIds: string[] = [];\n    if (hilitedElementsQueryCache.current.has(query)) {\n      currentIds = hilitedElementsQueryCache.current.get(query) ?? [];\n    } else {\n      try {\n        const queryRowCount = await iModelConnection.queryRowCount(query);\n        if (queryRowCount === 0) {\n          toaster.warning(\n            `${group.groupName}'s query is valid but produced no results.`\n          );\n        }\n        currentIds = await getHiliteIds(query, iModelConnection);\n        hilitedElementsQueryCache.current.set(query, currentIds);\n      } catch {\n        toaster.negative(\n          `Could not hide/show ${group.groupName}. Query could not be resolved.`\n        );\n      }\n    }\n    allIds = allIds.concat(currentIds);\n  }\n  return allIds;\n};\n\nexport const hideGroups = async (\n  iModelConnection: IModelConnection,\n  viewGroups: Group[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, string[]>>\n) => {\n  for (const viewGroup of viewGroups) {\n    const query = viewGroup.query;\n    if (hilitedElementsQueryCache.current.has(query)) {\n      const hilitedIds = hilitedElementsQueryCache.current.get(query) ?? [];\n      hideElements(hilitedIds);\n    } else {\n      try {\n        const queryRowCount = await iModelConnection.queryRowCount(query);\n        if (queryRowCount === 0) {\n          toaster.warning(\n            `${viewGroup.groupName}'s query is valid but produced no results.`\n          );\n        }\n        const hiliteIds = await hideElementsByQuery(\n          query,\n          iModelConnection,\n          false\n        );\n        hilitedElementsQueryCache.current.set(query, hiliteIds);\n      } catch {\n        toaster.negative(\n          `Could not hide/show ${viewGroup.groupName}. Query could not be resolved.`\n        );\n      }\n    }\n  }\n};\n\nexport const visualizeGroupColors = async (\n  iModelConnection: IModelConnection,\n  groups: Group[],\n  viewGroups: Group[],\n  hiddenGroupsIds: string[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, string[]>>,\n  doEmphasizeElements: boolean = true\n) => {\n  clearEmphasizedOverriddenElements();\n  let allIds: string[] = [];\n  for (const group of viewGroups) {\n    const index =\n      viewGroups.length > groups.length\n        ? viewGroups.findIndex((g) => g.id === group.id)\n        : groups.findIndex((g) => g.id === group.id);\n    const hilitedIds = await getHiliteIdsFromGroups(iModelConnection, [group], hilitedElementsQueryCache);\n    overrideElements(\n      hilitedIds,\n      getGroupColor(index),\n      FeatureOverrideType.ColorAndAlpha,\n    );\n    doEmphasizeElements && emphasizeElements(hilitedIds, undefined);\n    if (!hiddenGroupsIds.includes(group.id)) {\n      allIds = allIds.concat(hilitedIds);\n    }\n  }\n\n  await zoomToElements(allIds);\n};\n"]}
+{"version":3,"file":"groupsHelpers.js","sourceRoot":"","sources":["../../../../src/widget/components/groupsHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { FeatureOverrideType } from \"@itwin/core-common\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { Group } from \"@itwin/insights-client\";\nimport { toaster } from \"@itwin/itwinui-react\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport type { QueryCacheItem } from \"./context/GroupHilitedElementsContext\";\nimport { clearEmphasizedOverriddenElements, emphasizeElements, getHiliteIds, hideElements, overrideElements, zoomToElements } from \"./viewerUtils\";\n\nconst goldenAngle = 180 * (3 - Math.sqrt(5));\n\nexport const getGroupColor = function (index: number) {\n  return `hsl(${index * goldenAngle + 60}, 100%, 50%)`;\n};\n\nexport const getHiliteIdsFromGroups = async (\n  iModelConnection: IModelConnection,\n  groups: Group[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const distinctQueries = new Set<string>();\n  const promises: Promise<{ ids: string[] }>[] = [];\n  for (const group of groups) {\n    if (!distinctQueries.has(group.query)) {\n      distinctQueries.add(group.query);\n      promises.push(getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache));\n    }\n  }\n  const results = await Promise.all(promises);\n  const allIds = results.flatMap((result) => result.ids);\n  return allIds;\n};\n\nexport const hideGroups = async (\n  iModelConnection: IModelConnection,\n  viewGroups: Group[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const distinctQueries = new Set<string>();\n  const promises: Promise<void>[] = [];\n\n  for (const viewGroup of viewGroups) {\n    if (!distinctQueries.has(viewGroup.query)) {\n      distinctQueries.add(viewGroup.query);\n      promises.push(hideGroup(iModelConnection, viewGroup, hilitedElementsQueryCache));\n    }\n  }\n  await Promise.all(promises);\n};\n\nexport const hideGroup = async (\n  iModelConnection: IModelConnection,\n  viewGroup: Group,\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, viewGroup, hilitedElementsQueryCache);\n  hideElements(result.ids);\n};\n\nexport const visualizeGroupColors = async (\n  iModelConnection: IModelConnection,\n  groups: Group[],\n  viewGroups: Group[],\n  hiddenGroupsIds: string[],\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>,\n  doEmphasizeElements: boolean = true\n) => {\n  clearEmphasizedOverriddenElements();\n  let allIds: string[] = [];\n  for (const group of viewGroups) {\n    const index =\n      viewGroups.length > groups.length\n        ? viewGroups.findIndex((g) => g.id === group.id)\n        : groups.findIndex((g) => g.id === group.id);\n    const result = await getHiliteIdsAndKeysetFromGroup(iModelConnection, group, hilitedElementsQueryCache);\n    const hilitedIds = result.ids;\n    overrideElements(\n      hilitedIds,\n      getGroupColor(index),\n      FeatureOverrideType.ColorAndAlpha,\n    );\n    doEmphasizeElements && emphasizeElements(hilitedIds, undefined);\n    if (!hiddenGroupsIds.includes(group.id)) {\n      allIds = allIds.concat(hilitedIds);\n    }\n  }\n\n  await zoomToElements(allIds);\n};\n\nexport const getHiliteIdsAndKeysetFromGroup = async (\n  iModelConnection: IModelConnection,\n  group: Group,\n  hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>\n) => {\n  const query = group.query;\n  if (hilitedElementsQueryCache.current.has(query)) {\n    return hilitedElementsQueryCache.current.get(query) ?? ({ keySet: new KeySet(), ids: [] });\n  }\n  try {\n    const queryRowCount = await iModelConnection.queryRowCount(query);\n    if (queryRowCount === 0) {\n      toaster.warning(\n        `${group.groupName}'s query is valid but produced no results.`\n      );\n    }\n    const result = await getHiliteIds(query, iModelConnection);\n    hilitedElementsQueryCache.current.set(query, result);\n    return result;\n  } catch {\n    toaster.negative(\n      `Query could not be resolved.`\n    );\n    return ({ keySet: new KeySet(), ids: [] });\n  }\n\n};\n"]}