@itwin/grouping-mapping-widget 0.19.2 → 0.20.1

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

@@ -1,42 +0,0 @@
-"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.ExtractionLogCustomFilter = void 0;
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const react_1 = __importStar(require("react"));
-function ExtractionLogCustomFilter({ column, clearFilter, setFilter, }) {
-    const [value, setValue] = (0, react_1.useState)(column.filterValue);
-    const translatedLabels = (0, react_1.useMemo)(() => ({
-        filter: "Filter",
-        clear: "Clear",
-    }), []);
-    const filterOptionList = (0, react_1.useMemo)(() => {
-        if (column.Header === "Category") {
-            return ["GroupQuery", "NoMatchesForECProperties", "QueryTranslation", "QueryExecution"];
-        }
-        return ["Info", "Warning", "Error", "Trace"];
-    }, [column]);
-    return (react_1.default.createElement(itwinui_react_1.BaseFilter, null,
-        react_1.default.createElement(itwinui_react_1.InputGroup, { displayStyle: "default" }, filterOptionList.map((option, id) => (react_1.default.createElement(itwinui_react_1.Checkbox, { key: id, label: option, onChange: () => setValue(option) })))),
-        react_1.default.createElement(itwinui_react_1.FilterButtonBar, { setFilter: () => setFilter(value), clearFilter: clearFilter, translatedLabels: translatedLabels })));
-}
-exports.ExtractionLogCustomFilter = ExtractionLogCustomFilter;
-//# sourceMappingURL=ExtractionLogCustomFilter.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExtractionLogCustomFilter.js","sourceRoot":"","sources":["../../../../src/widget/components/ExtractionLogCustomFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,wDAA2F;AAC3F,+CAAiD;AAEjD,SAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,WAAW,EACX,SAAS,GACiC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAChC,MAAM,CAAC,WAAiC,CACzC,CAAC;IACF,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC;QACtC,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,OAAO;KACf,CAAC,EAAE,EAAE,CACL,CAAC;IACF,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,IAAG,MAAM,CAAC,MAAM,KAAK,UAAU,EAAC;YAC9B,OAAO,CAAC,YAAY,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;SACzF;QACD,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC/C,CAAC,EAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IACZ,OAAO,CACL,8BAAC,0BAAU;QACT,8BAAC,0BAAU,IAAC,YAAY,EAAC,SAAS,IAC/B,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CACpC,8BAAC,wBAAQ,IACP,GAAG,EAAE,EAAE,EACP,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,GAChC,CACH,CAAC,CACS;QACb,8BAAC,+BAAe,IACd,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EACjC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,CACS,CACd,CAAC;AACJ,CAAC;AArCD,8DAqCC","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 { TableFilterProps } from \"@itwin/itwinui-react\";\nimport {  BaseFilter , Checkbox, FilterButtonBar, InputGroup } from \"@itwin/itwinui-react\";\nimport React, { useMemo, useState } from \"react\";\n\nexport function ExtractionLogCustomFilter({\n  column,\n  clearFilter,\n  setFilter,\n}: TableFilterProps<Record<string, unknown>>): React.ReactElement {\n  const [value, setValue] = useState<string | undefined>(\n    column.filterValue as string | undefined\n  );\n  const translatedLabels = useMemo(() => ({\n    filter: \"Filter\",\n    clear: \"Clear\",\n  }), []\n  );\n  const filterOptionList = useMemo(() => {\n    if(column.Header === \"Category\"){\n      return [\"GroupQuery\", \"NoMatchesForECProperties\", \"QueryTranslation\", \"QueryExecution\"];\n    }\n    return [\"Info\", \"Warning\", \"Error\", \"Trace\"];\n  },[column]);\n  return (\n    <BaseFilter>\n      <InputGroup displayStyle=\"default\">\n        {filterOptionList.map((option, id) => (\n          <Checkbox\n            key={id}\n            label={option}\n            onChange={() => setValue(option)}\n          />\n        ))}\n      </InputGroup>\n      <FilterButtonBar\n        setFilter={() => setFilter(value)}\n        clearFilter={clearFilter}\n        translatedLabels={translatedLabels}\n      />\n    </BaseFilter>\n  );\n}\n"]}

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { ExtractionMessageData } from "./hooks/useMappingsOperations";
-import "./ExtractionMessageModal.scss";
-export interface ExtractionMessageModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    extractionMessageData: ExtractionMessageData[];
-    timestamp: string;
-}
-export declare const ExtractionMessageModal: ({ isOpen, onClose, extractionMessageData, timestamp }: ExtractionMessageModalProps) => JSX.Element;
-//# sourceMappingURL=ExtractionMessageModal.d.ts.map

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

@@ -1,87 +0,0 @@
-"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.ExtractionMessageModal = 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"));
-require("./ExtractionMessageModal.scss");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const StatusIcon_1 = require("./StatusIcon");
-const ExtractionLogCustomFilter_1 = require("./ExtractionLogCustomFilter");
-const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData, timestamp }) => {
-    const [formattedTimestamp, setFormattedTimestamp] = (0, react_1.useState)("");
-    (0, react_1.useEffect)(() => {
-        const newDateTime = new Date(timestamp);
-        const options = {
-            day: "numeric", month: "numeric", year: "numeric",
-            hour: "2-digit", minute: "2-digit",
-        };
-        setFormattedTimestamp(newDateTime.toLocaleString(undefined, options));
-    }, [timestamp]);
-    const translatedLabels = (0, react_1.useMemo)(() => ({
-        filter: "Filter",
-        clear: "Clear",
-    }), []);
-    const columns = (0, react_1.useMemo)(() => [
-        {
-            id: "category",
-            Header: "Category",
-            accessor: "category",
-            fieldType: "text",
-            Filter: ExtractionLogCustomFilter_1.ExtractionLogCustomFilter,
-            filter: "equals",
-        },
-        {
-            id: "level",
-            Header: "Level",
-            accessor: "level",
-            cellRenderer: ({ cellElementProps, cellProps }) => {
-                const level = cellProps.row.original.level;
-                return (react_1.default.createElement(itwinui_react_1.DefaultCell, { cellElementProps: cellElementProps, cellProps: cellProps, startIcon: level === "Error" ? (react_1.default.createElement(StatusIcon_1.StatusIcon, { status: 'error' })) : level === "Warning" ? (react_1.default.createElement(StatusIcon_1.StatusIcon, { status: 'warning' })) : level === "Info" ? (react_1.default.createElement(StatusIcon_1.StatusIcon, { status: 'informational' })) : react_1.default.createElement(StatusIcon_1.StatusIcon, { status: 'trace' }) }, level));
-            },
-            Filter: ExtractionLogCustomFilter_1.ExtractionLogCustomFilter,
-            filter: "equals",
-        },
-        {
-            id: "message",
-            Header: "Message",
-            accessor: "message",
-            width: "25vw",
-            fieldType: "text",
-            Filter: itwinui_react_1.tableFilters.TextFilter(translatedLabels),
-        },
-    ], [translatedLabels]);
-    return (react_1.default.createElement(itwinui_react_1.Modal, { className: "gmw-message-modal-container", title: "Extraction Logs", isOpen: isOpen, onClose: onClose, closeOnExternalClick: false },
-        react_1.default.createElement(itwinui_react_1.ModalContent, null,
-            react_1.default.createElement("div", { className: "gmw-timestamp-icon" },
-                react_1.default.createElement(itwinui_react_1.Icon, { title: "Extraction Timestamp", size: "medium" },
-                    react_1.default.createElement(itwinui_icons_react_1.SvgClock, null)),
-                react_1.default.createElement(itwinui_react_1.Text, null, formattedTimestamp)),
-            react_1.default.createElement(itwinui_react_1.Table, { columns: columns, data: extractionMessageData, emptyTableContent: "", emptyFilteredTableContent: "No results match filters.", className: "gmw-extraction-message-table-container" })),
-        react_1.default.createElement(itwinui_react_1.ModalButtonBar, null,
-            react_1.default.createElement(itwinui_react_1.Button, { onClick: onClose, styleType: "high-visibility" }, "Close"))));
-};
-exports.ExtractionMessageModal = ExtractionMessageModal;
-//# sourceMappingURL=ExtractionMessageModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExtractionMessageModal.js","sourceRoot":"","sources":["../../../../src/widget/components/ExtractionMessageModal.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 { Button, DefaultCell, Icon, Modal, ModalButtonBar, ModalContent, Table, tableFilters, Text } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport type { ExtractionMessageData } from \"./hooks/useMappingsOperations\";\nimport \"./ExtractionMessageModal.scss\";\nimport { SvgClock } from \"@itwin/itwinui-icons-react\";\nimport type { CellRendererProps, Column } from \"react-table\";\nimport { StatusIcon } from \"./StatusIcon\";\nimport { ExtractionLogCustomFilter } from \"./ExtractionLogCustomFilter\";\n\nexport interface ExtractionMessageModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  extractionMessageData: ExtractionMessageData[];\n  timestamp: string;\n}\n\nexport const ExtractionMessageModal = ({ isOpen, onClose, extractionMessageData, timestamp }: ExtractionMessageModalProps) => {\n  const [formattedTimestamp, setFormattedTimestamp] = useState<string>(\"\");\n  useEffect(() => {\n    const newDateTime: Date = new Date(timestamp);\n    const options: Intl.DateTimeFormatOptions = {\n      day: \"numeric\", month: \"numeric\", year: \"numeric\",\n      hour: \"2-digit\", minute: \"2-digit\",\n    };\n    setFormattedTimestamp(newDateTime.toLocaleString(undefined, options));\n  }, [timestamp]);\n  const translatedLabels = useMemo(() => ({\n    filter: \"Filter\",\n    clear: \"Clear\",\n  }), []);\n  const columns = useMemo(\n    (): Column<CreateTypeFromInterface<ExtractionMessageData>>[] => [\n      {\n        id: \"category\",\n        Header: \"Category\",\n        accessor: \"category\",\n        fieldType: \"text\",\n        Filter: ExtractionLogCustomFilter,\n        filter: \"equals\",\n      },\n      {\n        id: \"level\",\n        Header: \"Level\",\n        accessor: \"level\",\n        cellRenderer: ({ cellElementProps, cellProps }: CellRendererProps<CreateTypeFromInterface<ExtractionMessageData>>) => {\n          const level = cellProps.row.original.level;\n          return (\n            <DefaultCell\n              cellElementProps={cellElementProps}\n              cellProps={cellProps}\n              startIcon={\n                level === \"Error\" ? (\n                  <StatusIcon status='error' />\n                ) : level === \"Warning\" ? (\n                  <StatusIcon status='warning' />\n                ) : level === \"Info\" ? (\n                  <StatusIcon status='informational' />\n                ) : <StatusIcon status='trace' />\n              }\n            >\n              {level}\n            </DefaultCell>\n          );\n        },\n        Filter: ExtractionLogCustomFilter,\n        filter: \"equals\",\n      },\n      {\n        id: \"message\",\n        Header: \"Message\",\n        accessor: \"message\",\n        width: \"25vw\",\n        fieldType: \"text\",\n        Filter: tableFilters.TextFilter(translatedLabels),\n      },\n    ],\n    [translatedLabels]\n  );\n  return (\n    <Modal className=\"gmw-message-modal-container\"\n      title=\"Extraction Logs\"\n      isOpen={isOpen}\n      onClose={onClose}\n      closeOnExternalClick={false}\n    >\n      <ModalContent>\n        <div className=\"gmw-timestamp-icon\">\n          <Icon\n            title=\"Extraction Timestamp\"\n            size=\"medium\"\n          >\n            <SvgClock />\n          </Icon>\n          <Text>{formattedTimestamp}</Text>\n        </div>\n        <Table<CreateTypeFromInterface<ExtractionMessageData>>\n          columns={columns}\n          data={extractionMessageData}\n          emptyTableContent={\"\"}\n          emptyFilteredTableContent=\"No results match filters.\"\n          className=\"gmw-extraction-message-table-container\"\n        />\n      </ModalContent>\n      <ModalButtonBar>\n        <Button\n          onClick={onClose}\n          styleType=\"high-visibility\"\n        >\n            Close\n        </Button>\n      </ModalButtonBar>\n    </Modal>\n  );\n};\n"]}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export interface ExtractionStatusIconProps {
-    iconStatus: "negative" | "positive" | "warning";
-    onClick: () => void;
-    iconMessage: string;
-}
-export declare const ExtractionStatusIcon: ({ iconStatus, onClick, iconMessage }: ExtractionStatusIconProps) => JSX.Element;
-//# sourceMappingURL=ExtractionStatusIcon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExtractionStatusIcon.js","sourceRoot":"","sources":["../../../../src/widget/components/ExtractionStatusIcon.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAA+E;AAC/E,kDAA0B;AAC1B,oEAAwD;AAQjD,MAAM,oBAAoB,GAAG,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAA6B,EAAE,EAAE;IACtG,OAAO,CACL,8BAAC,uBAAO,IAAC,OAAO,EAAE,WAAW;QAC3B,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO;YACjD,8BAAC,kCAAkB,IAAC,MAAM,EAAE,UAAU;gBACpC,8BAAC,gCAAU,OAAG,CACK,CACV,CACL,CACX,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,oBAAoB,wBAU/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 { IconButton, NotificationMarker, Tooltip } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport { SvgProcess } from \"@itwin/itwinui-icons-react\";\n\nexport interface ExtractionStatusIconProps {\n  iconStatus: \"negative\" | \"positive\" | \"warning\";\n  onClick: () => void;\n  iconMessage: string;\n}\n\nexport const ExtractionStatusIcon = ({ iconStatus, onClick, iconMessage }: ExtractionStatusIconProps) => {\n  return (\n    <Tooltip content={iconMessage}>\n      <IconButton styleType='borderless' onClick={onClick}>\n        <NotificationMarker status={iconStatus}>\n          <SvgProcess />\n        </NotificationMarker>\n      </IconButton>\n    </Tooltip>\n  );\n};\n"]}

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

@@ -1,155 +0,0 @@
-"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.GroupAction = void 0;
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const react_1 = __importStar(require("react"));
-const utils_1 = require("./utils");
-require("./GroupAction.scss");
-const useValidator_1 = __importDefault(require("../hooks/useValidator"));
-const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
-const MappingClientContext_1 = require("./context/MappingClientContext");
-const GroupingMappingCustomUIContext_1 = require("./context/GroupingMappingCustomUIContext");
-const GroupingMappingCustomUI_1 = require("./customUI/GroupingMappingCustomUI");
-const QueryBuilderStep_1 = require("./QueryBuilderStep");
-const GroupDetailsStep_1 = require("./GroupDetailsStep");
-const QueryBuilderActionPanel_1 = require("./QueryBuilderActionPanel");
-const GroupDetailsActionPanel_1 = require("./GroupDetailsActionPanel");
-const useVisualization_1 = require("../hooks/useVisualization");
-const defaultDisplayStrings = {
-    groupDetails: "Group Details",
-    groupBy: "Group By",
-};
-var GroupActionStep;
-(function (GroupActionStep) {
-    GroupActionStep[GroupActionStep["QueryBuilder"] = 0] = "QueryBuilder";
-    GroupActionStep[GroupActionStep["GroupDetails"] = 1] = "GroupDetails";
-})(GroupActionStep || (GroupActionStep = {}));
-const GroupAction = (props) => {
-    const { getAccessToken, iModelId, iModelConnection } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
-    if (!iModelConnection) {
-        throw new Error("This component requires an active iModelConnection.");
-    }
-    const mappingClient = (0, MappingClientContext_1.useMappingClient)();
-    const groupUIs = (0, GroupingMappingCustomUIContext_1.useGroupingMappingCustomUI)().customUIs
-        .filter((p) => p.type === GroupingMappingCustomUI_1.GroupingMappingCustomUIType.Grouping);
-    const [details, setDetails] = (0, react_1.useState)({
-        groupName: props.group?.groupName ?? "",
-        description: props.group?.description ?? "",
-    });
-    const [query, setQuery] = (0, react_1.useState)("");
-    const [queryRowCount, setQueryRowCount] = (0, react_1.useState)(0);
-    const [validator, setShowValidationMessage] = (0, useValidator_1.default)();
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const [queryGenerationType, setQueryGenerationType] = (0, react_1.useState)(props.queryGenerationType);
-    const { isRendering, setIsRendering, simpleSelectionQuery, setSimpleSelectionQuery, clearPresentationSelection, resetView, } = (0, useVisualization_1.useVisualization)(props.shouldVisualize, iModelConnection, query, queryGenerationType);
-    const isUpdating = isLoading || isRendering;
-    const [currentStep, setCurrentStep] = react_1.default.useState(GroupActionStep.QueryBuilder);
-    const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...props.displayStrings }), [props.displayStrings]);
-    (0, react_1.useEffect)(() => setQueryGenerationType(props.queryGenerationType), [props.queryGenerationType]);
-    (0, react_1.useEffect)(() => {
-        const fetchQueryRowCount = async () => {
-            try {
-                if (!query || query === "") {
-                    setQueryRowCount(0);
-                    return;
-                }
-                setIsLoading(true);
-                const result = await iModelConnection.queryRowCount(query);
-                setQueryRowCount(result);
-            }
-            catch {
-                itwinui_react_1.toaster.negative("Query failed to resolve.");
-            }
-            finally {
-                setIsLoading(false);
-            }
-        };
-        void fetchQueryRowCount();
-    }, [iModelConnection, query, setIsRendering]);
-    const isBlockingActions = !(details.groupName &&
-        (query || simpleSelectionQuery) &&
-        !isRendering &&
-        !isLoading);
-    const getOptions = (0, react_1.useMemo)(() => groupUIs.map((ui) => ({
-        label: ui.displayLabel,
-        value: ui.name,
-        icon: ui.icon,
-    })), [groupUIs]);
-    const onChange = (0, react_1.useCallback)(async (value) => {
-        setQueryGenerationType(value);
-        clearPresentationSelection();
-        setQuery("");
-        setSimpleSelectionQuery("");
-        await resetView();
-    }, [clearPresentationSelection, resetView, setSimpleSelectionQuery]);
-    const save = (0, react_1.useCallback)(async () => {
-        if (!validator.allValid()) {
-            setShowValidationMessage(true);
-            return;
-        }
-        try {
-            setIsLoading(true);
-            const currentQuery = query || simpleSelectionQuery;
-            const accessToken = await getAccessToken();
-            props.group
-                ? await mappingClient.updateGroup(accessToken, iModelId, props.mappingId, props.group.id ?? "", { ...details, query: currentQuery })
-                : await mappingClient.createGroup(accessToken, iModelId, props.mappingId, {
-                    ...details,
-                    query: currentQuery,
-                });
-            clearPresentationSelection();
-            setDetails({
-                groupName: props.group?.groupName ?? "",
-                description: props.group?.description ?? "",
-            });
-            setCurrentStep(GroupActionStep.QueryBuilder);
-            setShowValidationMessage(false);
-            props.onSaveSuccess();
-        }
-        catch (error) {
-            (0, utils_1.handleError)(error.status);
-        }
-        finally {
-            setIsLoading(false);
-        }
-    }, [validator, setShowValidationMessage, query, simpleSelectionQuery, getAccessToken, props, mappingClient, iModelId, details, clearPresentationSelection]);
-    const isQueryBuilderStep = currentStep === GroupActionStep.QueryBuilder;
-    const isGroupDetailsStep = currentStep === GroupActionStep.GroupDetails;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "gmw-group-add-modify-container" },
-            react_1.default.createElement(QueryBuilderStep_1.QueryBuilderStep, { queryRowCount: queryRowCount, isHidden: !isQueryBuilderStep, queryGenerationType: queryGenerationType, groupUIs: groupUIs, isUpdating: isUpdating, resetView: resetView, setQuery: setQuery, onChange: onChange, getOptions: getOptions, displayStrings: { ...displayStrings }, group: props.group }),
-            isGroupDetailsStep && react_1.default.createElement(GroupDetailsStep_1.GroupDetailsStep, { details: details, setDetails: setDetails, validator: validator, displayStrings: { ...displayStrings } })),
-        react_1.default.createElement("div", { className: 'gmw-action-panel' },
-            isLoading &&
-                react_1.default.createElement(utils_1.LoadingSpinner, null),
-            isQueryBuilderStep && (react_1.default.createElement(QueryBuilderActionPanel_1.QueryBuilderActionPanel, { onClickNext: () => setCurrentStep(GroupActionStep.GroupDetails) })),
-            isGroupDetailsStep && (react_1.default.createElement(GroupDetailsActionPanel_1.GroupDetailsActionPanel, { isSaveDisabled: isBlockingActions, onClickSave: save, onClickBack: () => setCurrentStep(GroupActionStep.QueryBuilder) })),
-            props.onClickCancel && react_1.default.createElement(itwinui_react_1.Button, { type: 'button', id: 'cancel', onClick: () => {
-                    clearPresentationSelection();
-                    props.onClickCancel && props.onClickCancel();
-                } }, "Cancel"))));
-};
-exports.GroupAction = GroupAction;
-//# sourceMappingURL=GroupAction.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupAction.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupAction.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 {\n  SelectOption,\n} from \"@itwin/itwinui-react\";\nimport {\n  Button,\n  toaster,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n  handleError,\n  LoadingSpinner,\n} from \"./utils\";\nimport \"./GroupAction.scss\";\nimport useValidator from \"../hooks/useValidator\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { useGroupingMappingCustomUI } from \"./context/GroupingMappingCustomUIContext\";\nimport type { GroupingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport { GroupingMappingCustomUIType } from \"./customUI/GroupingMappingCustomUI\";\nimport type { Group } from \"@itwin/insights-client\";\nimport { QueryBuilderStep } from \"./QueryBuilderStep\";\nimport { GroupDetailsStep } from \"./GroupDetailsStep\";\nimport { QueryBuilderActionPanel } from \"./QueryBuilderActionPanel\";\nimport { GroupDetailsActionPanel } from \"./GroupDetailsActionPanel\";\nimport { useVisualization } from \"../hooks/useVisualization\";\n\nconst defaultDisplayStrings = {\n  groupDetails: \"Group Details\",\n  groupBy: \"Group By\",\n};\n\nenum GroupActionStep {\n  QueryBuilder,\n  GroupDetails,\n}\n\nexport interface GroupActionProps {\n  mappingId: string;\n  shouldVisualize: boolean;\n  group?: Group;\n  queryGenerationType: string;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const GroupAction = (props: GroupActionProps) => {\n  const { getAccessToken, iModelId, iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const mappingClient = useMappingClient();\n  const groupUIs: GroupingCustomUI[] = useGroupingMappingCustomUI().customUIs\n    .filter((p) => p.type === GroupingMappingCustomUIType.Grouping) as GroupingCustomUI[];\n  const [details, setDetails] = useState({\n    groupName: props.group?.groupName ?? \"\",\n    description: props.group?.description ?? \"\",\n  });\n  const [query, setQuery] = useState<string>(\"\");\n  const [queryRowCount, setQueryRowCount] = useState<number>(0);\n\n  const [validator, setShowValidationMessage] = useValidator();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const [queryGenerationType, setQueryGenerationType] = useState(\n    props.queryGenerationType,\n  );\n  const {\n    isRendering,\n    setIsRendering,\n    simpleSelectionQuery,\n    setSimpleSelectionQuery,\n    clearPresentationSelection,\n    resetView,\n  } = useVisualization(\n    props.shouldVisualize,\n    iModelConnection,\n    query,\n    queryGenerationType\n  );\n  const isUpdating = isLoading || isRendering;\n  const [currentStep, setCurrentStep] = React.useState(GroupActionStep.QueryBuilder);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...props.displayStrings }),\n    [props.displayStrings]\n  );\n\n  useEffect(() => setQueryGenerationType(props.queryGenerationType), [props.queryGenerationType]);\n\n  useEffect(() => {\n    const fetchQueryRowCount = async () => {\n      try {\n        if (!query || query === \"\") {\n          setQueryRowCount(0);\n          return;\n        }\n        setIsLoading(true);\n        const result = await iModelConnection.queryRowCount(query);\n        setQueryRowCount(result);\n      } catch {\n        toaster.negative(\"Query failed to resolve.\");\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    void fetchQueryRowCount();\n  }, [iModelConnection, query, setIsRendering]);\n\n  const isBlockingActions = !(\n    details.groupName &&\n    (query || simpleSelectionQuery) &&\n    !isRendering &&\n    !isLoading\n  );\n\n  const getOptions = useMemo(\n    (): SelectOption<string>[] =>\n      groupUIs.map((ui) => ({\n        label: ui.displayLabel,\n        value: ui.name,\n        icon: ui.icon,\n      })),\n    [groupUIs]\n  );\n\n  const onChange = useCallback(\n    async (value: string) => {\n      setQueryGenerationType(value);\n      clearPresentationSelection();\n      setQuery(\"\");\n      setSimpleSelectionQuery(\"\");\n      await resetView();\n    },\n    [clearPresentationSelection, resetView, setSimpleSelectionQuery]\n  );\n\n  const save = useCallback(async () => {\n    if (!validator.allValid()) {\n      setShowValidationMessage(true);\n      return;\n    }\n    try {\n      setIsLoading(true);\n      const currentQuery = query || simpleSelectionQuery;\n\n      const accessToken = await getAccessToken();\n\n      props.group\n        ? await mappingClient.updateGroup(\n          accessToken,\n          iModelId,\n          props.mappingId,\n          props.group.id ?? \"\",\n          { ...details, query: currentQuery },\n        )\n        : await mappingClient.createGroup(\n          accessToken,\n          iModelId,\n          props.mappingId,\n          {\n            ...details,\n            query: currentQuery,\n          },\n        );\n      clearPresentationSelection();\n      setDetails({\n        groupName: props.group?.groupName ?? \"\",\n        description: props.group?.description ?? \"\",\n      });\n      setCurrentStep(GroupActionStep.QueryBuilder);\n      setShowValidationMessage(false);\n      props.onSaveSuccess();\n    } catch (error: any) {\n      handleError(error.status);\n    } finally {\n      setIsLoading(false);\n    }\n  }, [validator, setShowValidationMessage, query, simpleSelectionQuery, getAccessToken, props, mappingClient, iModelId, details, clearPresentationSelection]);\n\n  const isQueryBuilderStep = currentStep === GroupActionStep.QueryBuilder;\n  const isGroupDetailsStep = currentStep === GroupActionStep.GroupDetails;\n  return (\n    <>\n      <div className=\"gmw-group-add-modify-container\">\n        <QueryBuilderStep\n          queryRowCount={queryRowCount}\n          isHidden={!isQueryBuilderStep}\n          queryGenerationType={queryGenerationType}\n          groupUIs={groupUIs}\n          isUpdating={isUpdating}\n          resetView={resetView}\n          setQuery={setQuery}\n          onChange={onChange}\n          getOptions={getOptions}\n          displayStrings={{ ...displayStrings }}\n          group={props.group}\n        />\n        {isGroupDetailsStep && <GroupDetailsStep\n          details={details}\n          setDetails={setDetails}\n          validator={validator}\n          displayStrings={{ ...displayStrings }}\n        />}\n      </div>\n      <div className='gmw-action-panel'>\n        {isLoading &&\n          <LoadingSpinner />\n        }\n        {isQueryBuilderStep && (\n          <QueryBuilderActionPanel onClickNext={() => setCurrentStep(GroupActionStep.GroupDetails)} />\n        )}\n        {isGroupDetailsStep && (\n          <GroupDetailsActionPanel\n            isSaveDisabled={isBlockingActions}\n            onClickSave={save}\n            onClickBack={() => setCurrentStep(GroupActionStep.QueryBuilder)}\n          />\n        )}\n        {props.onClickCancel && <Button\n          type='button'\n          id='cancel'\n          onClick={() => {\n            clearPresentationSelection();\n            props.onClickCancel && props.onClickCancel();\n          }}\n        >\n          Cancel\n        </Button>}\n      </div>\n    </>\n  );\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupColorLegend.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupColorLegend.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,wDAAkD;AAElD,mDAAgD;AAChD,mCAAiC;AAO1B,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAyB,EAAE,EAAE,CAAC,CAC5E,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY;IAChC,uCACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE;YACL,eAAe,EAAE,IAAA,6BAAa,EAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC;SAC3E,GACD,CACS,CACd,CAAC;AATW,QAAA,gBAAgB,oBAS3B","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 { IconButton } from \"@itwin/itwinui-react\";\nimport type { Group } from \"@itwin/insights-client\";\nimport { getGroupColor } from \"./groupsHelpers\";\nimport \"./GroupColorLegend.scss\";\n\ninterface GroupColorLegendProps {\n  group: Group;\n  groups: Group[];\n}\n\nexport const GroupColorLegend = ({ group, groups }: GroupColorLegendProps) => (\n  <IconButton styleType=\"borderless\">\n    <div\n      className=\"gmw-color-legend\"\n      style={{\n        backgroundColor: getGroupColor(groups.findIndex((g) => g.id === group.id)),\n      }}\n    />\n  </IconButton>\n);\n"]}

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

@@ -1,69 +0,0 @@
-"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.GroupColorToggle = 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 = __importStar(require("react"));
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const viewerUtils_1 = require("./viewerUtils");
-const groupsHelpers_1 = require("./groupsHelpers");
-const presentation_frontend_1 = require("@itwin/presentation-frontend");
-const GroupHilitedElementsContext_1 = require("./context/GroupHilitedElementsContext");
-const PropertiesContext_1 = require("./context/PropertiesContext");
-const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
-const GroupColorToggle = ({ color, group, ...rest }) => {
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const { iModelConnection } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
-    if (!iModelConnection) {
-        throw new Error("This component requires an active iModelConnection.");
-    }
-    const { hilitedElementsQueryCache } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
-    const { showGroupColor, setShowGroupColor } = (0, PropertiesContext_1.usePropertiesContext)();
-    (0, react_1.useEffect)(() => {
-        const visualize = async () => {
-            try {
-                setIsLoading(true);
-                (0, viewerUtils_1.clearEmphasizedOverriddenElements)();
-                if (showGroupColor) {
-                    const result = await (0, groupsHelpers_1.getHiliteIdsAndKeysetFromGroup)(iModelConnection, group, hilitedElementsQueryCache);
-                    presentation_frontend_1.Presentation.selection.clearSelection("GroupingMappingWidget", iModelConnection);
-                    (0, viewerUtils_1.visualizeElements)(result.ids, color);
-                    await (0, viewerUtils_1.zoomToElements)(result.ids);
-                }
-            }
-            catch (error) {
-                itwinui_react_1.toaster.negative("There was an error visualizing group.");
-                /* eslint-disable no-console */
-                console.error(error);
-            }
-            finally {
-                setIsLoading(false);
-            }
-        };
-        void visualize();
-    }, [iModelConnection, group.query, group.groupName, group, hilitedElementsQueryCache, showGroupColor, color]);
-    return (react_1.default.createElement(itwinui_react_1.ToggleSwitch, { label: "Color Group", disabled: isLoading, checked: showGroupColor, onChange: () => setShowGroupColor((b) => !b), ...rest }));
-};
-exports.GroupColorToggle = GroupColorToggle;
-//# sourceMappingURL=GroupColorToggle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupColorToggle.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupColorToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAmD;AAEnD,wDAA6D;AAE7D,+CAAqG;AACrG,mDAAiE;AACjE,wEAA4D;AAC5D,uFAAuF;AACvF,mEAAmE;AACnE,iFAAiF;AAO1E,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACe,EAAE,EAAE;IAC1B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IAC3D,IAAI,CAAC,gBAAgB,EAAE;QACrB,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;KACxE;IACD,MAAM,EAAE,yBAAyB,EAAE,GAAG,IAAA,4DAA8B,GAAE,CAAC;IACvE,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAErE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;YAC3B,IAAI;gBACF,YAAY,CAAC,IAAI,CAAC,CAAC;gBACnB,IAAA,+CAAiC,GAAE,CAAC;gBACpC,IAAI,cAAc,EAAE;oBAClB,MAAM,MAAM,GAAG,MAAM,IAAA,8CAA8B,EAAC,gBAAgB,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC;oBACxG,oCAAY,CAAC,SAAS,CAAC,cAAc,CACnC,uBAAuB,EACvB,gBAAgB,CACjB,CAAC;oBACF,IAAA,+BAAiB,EAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;oBACrC,MAAM,IAAA,4BAAc,EAAC,MAAM,CAAC,GAAG,CAAC,CAAC;iBAClC;aACF;YAAC,OAAO,KAAK,EAAE;gBACd,uBAAO,CAAC,QAAQ,CAAC,uCAAuC,CAAC,CAAC;gBAC1D,+BAA+B;gBAC/B,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aACtB;oBAAS;gBACR,YAAY,CAAC,KAAK,CAAC,CAAC;aACrB;QACH,CAAC,CAAC;QACF,KAAK,SAAS,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,yBAAyB,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;IAE9G,OAAO,CACL,8BAAC,4BAAY,IACX,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KACxC,IAAI,GACM,CACjB,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,gBAAgB,oBA+C3B","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, { useEffect, useState } from \"react\";\nimport type { ToggleSwitchProps } from \"@itwin/itwinui-react\";\nimport { toaster, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport type { Group } from \"@itwin/insights-client\";\nimport { clearEmphasizedOverriddenElements, visualizeElements, zoomToElements } from \"./viewerUtils\";\nimport { getHiliteIdsAndKeysetFromGroup } from \"./groupsHelpers\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { useGroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\nimport { usePropertiesContext } from \"./context/PropertiesContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\n\nexport type GroupColorToggleProps = Partial<ToggleSwitchProps> & {\n  color: string;\n  group: Group;\n};\n\nexport const GroupColorToggle = ({\n  color,\n  group,\n  ...rest\n}: GroupColorToggleProps) => {\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const { iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const { hilitedElementsQueryCache } = useGroupHilitedElementsContext();\n  const { showGroupColor, setShowGroupColor } = usePropertiesContext();\n\n  useEffect(() => {\n    const visualize = async () => {\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 visualize();\n  }, [iModelConnection, group.query, group.groupName, group, hilitedElementsQueryCache, showGroupColor, color]);\n\n  return (\n    <ToggleSwitch\n      label=\"Color Group\"\n      disabled={isLoading}\n      checked={showGroupColor}\n      onChange={() => setShowGroupColor((b) => !b)}\n      {...rest}\n    ></ToggleSwitch>\n  );\n};\n"]}

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

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupDetails = 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 = __importDefault(require("react"));
-const useValidator_1 = require("../hooks/useValidator");
-const utils_1 = require("./utils");
-const GroupDetails = ({ details, setDetails, validator, }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(itwinui_react_1.Text, { variant: "small", as: "small", className: "gmw-field-legend" }, "Asterisk * indicates mandatory fields."),
-        react_1.default.createElement(itwinui_react_1.LabeledInput, { id: "groupName", name: "groupName", label: "Name", value: details.groupName, required: true, onChange: (event) => {
-                (0, utils_1.handleInputChange)(event, details, setDetails);
-                validator.showMessageFor("groupName");
-            }, message: validator.message("groupName", details.groupName, useValidator_1.NAME_REQUIREMENTS), status: validator.message("groupName", details.groupName, useValidator_1.NAME_REQUIREMENTS)
-                ? "negative"
-                : undefined, onBlur: () => {
-                validator.showMessageFor("groupName");
-            }, onBlurCapture: (event) => {
-                (0, utils_1.handleInputChange)(event, details, setDetails);
-                validator.showMessageFor("groupName");
-            } }),
-        react_1.default.createElement(itwinui_react_1.LabeledInput, { id: "description", name: "description", label: "Description", value: details.description, onChange: (event) => {
-                (0, utils_1.handleInputChange)(event, details, setDetails);
-            } })));
-};
-exports.GroupDetails = GroupDetails;
-//# sourceMappingURL=GroupDetails.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupDetails.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupDetails.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAA0D;AAC1D,kDAA0B;AAE1B,wDAA0D;AAC1D,mCAA4C;AAarC,MAAM,YAAY,GAAG,CAAC,EAC3B,OAAO,EACP,UAAU,EACV,SAAS,GACS,EAAE,EAAE;IACtB,OAAO,CACL;QACE,8BAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,6CAEtD;QACP,8BAAC,4BAAY,IACX,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,OAAO,CAAC,SAAS,EACxB,QAAQ,QACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAA,yBAAiB,EAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;gBAC9C,SAAS,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;YACxC,CAAC,EACD,OAAO,EAAE,SAAS,CAAC,OAAO,CACxB,WAAW,EACX,OAAO,CAAC,SAAS,EACjB,gCAAiB,CAClB,EACD,MAAM,EACJ,SAAS,CAAC,OAAO,CACf,WAAW,EACX,OAAO,CAAC,SAAS,EACjB,gCAAiB,CAClB;gBACC,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE,GAAG,EAAE;gBACX,SAAS,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;YACxC,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,IAAA,yBAAiB,EAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;gBAC9C,SAAS,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;YACxC,CAAC,GACD;QACF,8BAAC,4BAAY,IACX,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,OAAO,CAAC,WAAW,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAA,yBAAiB,EAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;YAChD,CAAC,GACD,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,YAAY,gBAqDvB","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 { LabeledInput, Text } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport type SimpleReactValidator from \"simple-react-validator\";\nimport { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport { handleInputChange } from \"./utils\";\n\nexport interface GroupDetailsType {\n  groupName: string;\n  description: string;\n}\n\nexport interface GroupDetailsProps {\n  details: GroupDetailsType;\n  setDetails: (newDetails: GroupDetailsType) => void;\n  validator: SimpleReactValidator;\n}\n\nexport const GroupDetails = ({\n  details,\n  setDetails,\n  validator,\n}: GroupDetailsProps) => {\n  return (\n    <>\n      <Text variant=\"small\" as=\"small\" className=\"gmw-field-legend\">\n        Asterisk * indicates mandatory fields.\n      </Text>\n      <LabeledInput\n        id=\"groupName\"\n        name=\"groupName\"\n        label=\"Name\"\n        value={details.groupName}\n        required\n        onChange={(event) => {\n          handleInputChange(event, details, setDetails);\n          validator.showMessageFor(\"groupName\");\n        }}\n        message={validator.message(\n          \"groupName\",\n          details.groupName,\n          NAME_REQUIREMENTS,\n        )}\n        status={\n          validator.message(\n            \"groupName\",\n            details.groupName,\n            NAME_REQUIREMENTS,\n          )\n            ? \"negative\"\n            : undefined\n        }\n        onBlur={() => {\n          validator.showMessageFor(\"groupName\");\n        }}\n        onBlurCapture={(event) => {\n          handleInputChange(event, details, setDetails);\n          validator.showMessageFor(\"groupName\");\n        }}\n      />\n      <LabeledInput\n        id=\"description\"\n        name=\"description\"\n        label=\"Description\"\n        value={details.description}\n        onChange={(event) => {\n          handleInputChange(event, details, setDetails);\n        }}\n      />\n    </>\n  );\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupDetailsActionPanel.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupDetailsActionPanel.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAA8C;AAC9C,kDAA0B;AAQnB,MAAM,uBAAuB,GAAG,CAAC,EACtC,cAAc,EACd,WAAW,EACX,WAAW,GACkB,EAAE,EAAE;IACjC,OAAO,CACL;QACE,8BAAC,sBAAM,IAAC,OAAO,EAAE,WAAW,WAAe;QAC3C,8BAAC,sBAAM,IACL,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,WAAW,WAGb,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,uBAAuB,2BAiBlC","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 { Button } from \"@itwin/itwinui-react\";\nimport React from \"react\";\n\nexport interface GroupDetailsActionPanelProps {\n  isSaveDisabled: boolean;\n  onClickBack: () => void;\n  onClickSave: () => Promise<void>;\n}\n\nexport const GroupDetailsActionPanel = ({\n  isSaveDisabled,\n  onClickBack,\n  onClickSave,\n}: GroupDetailsActionPanelProps) => {\n  return (\n    <>\n      <Button onClick={onClickBack}>Back</Button>\n      <Button\n        disabled={isSaveDisabled}\n        styleType=\"high-visibility\"\n        onClick={onClickSave}\n      >\n        Save\n      </Button>\n    </>\n  );\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupDetailsStep.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupDetailsStep.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAAgD;AAChD,kDAA0B;AAC1B,8BAA4B;AAE5B,iDAA8C;AAC9C,mCAAiC;AAEjC,MAAM,qBAAqB,GAAG;IAC5B,YAAY,EAAE,eAAe;CAC9B,CAAC;AAMK,MAAM,gBAAgB,GAAG,CAAC,EAC/B,cAAc,EAAE,kBAAkB,EAClC,GAAG,IAAI,EACe,EAAE,EAAE;IAC1B,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,qBAAqB,EAAE,GAAG,kBAAkB,EAAE,CAAC,EAC3D,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAQ,IACP,MAAM,EAAE,cAAc,CAAC,YAAY,EACnC,SAAS,EAAC,mBAAmB;QAE7B,8BAAC,2BAAY,OACP,IAAI,GACR,CACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,gBAAgB,oBAmB3B","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 { Fieldset } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport \"./GroupAction.scss\";\nimport type { GroupDetailsProps } from \"./GroupDetails\";\nimport { GroupDetails } from \"./GroupDetails\";\nimport \"./GroupDetailsStep.scss\";\n\nconst defaultDisplayStrings = {\n  groupDetails: \"Group Details\",\n};\n\nexport interface GroupDetailsStepProps extends GroupDetailsProps {\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const GroupDetailsStep = ({\n  displayStrings: userDisplayStrings,\n  ...rest\n}: GroupDetailsStepProps) => {\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  return (\n    <Fieldset\n      legend={displayStrings.groupDetails}\n      className='gmw-group-details'\n    >\n      <GroupDetails\n        {...rest}\n      />\n    </Fieldset>\n  );\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupInformationPanel.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupInformationPanel.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,wDAA6H;AAC7H,wCAAsC;AAS/B,MAAM,qBAAqB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAA8B,EAAE,EAAE;IACzG,OAAO,CACL,8BAAC,gCAAgB,IAAC,MAAM,EAAE,MAAM;QAC9B,8BAAC,sCAAsB,IAAC,OAAO,EAAE,OAAO;YACtC,8BAAC,oBAAI,IAAC,OAAO,EAAC,YAAY,IAAE,GAAG,SAAS,cAAc,CAAQ,CACvC;QACzB,8BAAC,oCAAoB;YACnB,uCAAK,SAAS,EAAC,4BAA4B;gBACzC,8BAAC,+BAAe,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,QAAC,YAAY,EAAE,KAAK,GAAI,CACrE,CACe,CACN,CACpB,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,qBAAqB,yBAahC","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 { InformationPanel, InformationPanelBody, InformationPanelHeader, LabeledTextarea, Text } from \"@itwin/itwinui-react\";\nimport \"./GroupInformationPanel.scss\";\n\nexport interface GroupInformationPanelProps {\n  isOpen: boolean;\n  onClose: () => void;\n  groupName: string;\n  query: string;\n}\n\nexport const GroupInformationPanel = ({ isOpen, onClose, groupName, query }: GroupInformationPanelProps) => {\n  return (\n    <InformationPanel isOpen={isOpen}>\n      <InformationPanelHeader onClose={onClose}>\n        <Text variant=\"subheading\">{`${groupName} Information`}</Text>\n      </InformationPanelHeader>\n      <InformationPanelBody>\n        <div className=\"gmw-group-information-body\">\n          <LabeledTextarea label=\"Query\" rows={15} readOnly defaultValue={query} />\n        </div>\n      </InformationPanelBody>\n    </InformationPanel>\n  );\n};\n"]}

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { Group } from "@itwin/insights-client";
-import type { ContextCustomUI, GroupingCustomUI } from "./customUI/GroupingMappingCustomUI";
-import type { GroupsProps } from "./Groups";
-export interface GroupItemProps extends Omit<GroupsProps, "onClickAddGroup"> {
-    group: Group;
-    groupUIs: GroupingCustomUI[];
-    contextUIs: ContextCustomUI[];
-    setShowDeleteModal: (showDeleteModal: Group) => void;
-}
-export declare const GroupItem: ({ onClickGroupTitle, disableActions, group, ...rest }: GroupItemProps) => JSX.Element;
-//# sourceMappingURL=GroupItem.d.ts.map

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

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupItem = void 0;
-const react_1 = __importDefault(require("react"));
-const HorizontalTile_1 = require("./HorizontalTile");
-const GroupMenuActions_1 = require("./GroupMenuActions");
-const GroupItem = ({ onClickGroupTitle, disableActions, group, ...rest }) => {
-    const onTitleClick = () => {
-        if (onClickGroupTitle) {
-            onClickGroupTitle(group);
-        }
-    };
-    return (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { title: group.groupName, subText: group.description, actionGroup: react_1.default.createElement(GroupMenuActions_1.GroupMenuActions, { group: group, disableActions: disableActions, ...rest }), onClickTitle: onClickGroupTitle && !disableActions ? onTitleClick : undefined }));
-};
-exports.GroupItem = GroupItem;
-//# sourceMappingURL=GroupItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupItem.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupItem.tsx"],"names":[],"mappings":";;;;;;AAKA,kDAA0B;AAC1B,qDAAkD;AAGlD,yDAAsD;AAS/C,MAAM,SAAS,GAAG,CAAC,EACxB,iBAAiB,EACjB,cAAc,EACd,KAAK,EACL,GAAG,IAAI,EACQ,EAAE,EAAE;IAEnB,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,+BAAc,IACb,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,WAAW,EACT,8BAAC,mCAAgB,IACf,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,KAC1B,IAAI,GACR,EAEJ,YAAY,EAAE,iBAAiB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GAC7E,CACH,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,SAAS,aA2BpB","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 { Group } from \"@itwin/insights-client\";\nimport React from \"react\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { ContextCustomUI, GroupingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport type { GroupsProps } from \"./Groups\";\nimport { GroupMenuActions } from \"./GroupMenuActions\";\n\nexport interface GroupItemProps extends Omit<GroupsProps, \"onClickAddGroup\"> {\n  group: Group;\n  groupUIs: GroupingCustomUI[];\n  contextUIs: ContextCustomUI[];\n  setShowDeleteModal: (showDeleteModal: Group) => void;\n}\n\nexport const GroupItem = ({\n  onClickGroupTitle,\n  disableActions,\n  group,\n  ...rest\n}: GroupItemProps) => {\n\n  const onTitleClick = () => {\n    if (onClickGroupTitle) {\n      onClickGroupTitle(group);\n    }\n  };\n\n  return (\n    <HorizontalTile\n      title={group.groupName}\n      subText={group.description}\n      actionGroup={\n        <GroupMenuActions\n          group={group}\n          disableActions={disableActions}\n          {...rest}\n        />\n      }\n      onClickTitle={onClickGroupTitle && !disableActions ? onTitleClick : undefined}\n    />\n  );\n};\n"]}

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { Group } from "@itwin/insights-client";
-import type { ContextCustomUI, GroupingCustomUI } from "./customUI/GroupingMappingCustomUI";
-import type { GroupsProps } from "./Groups";
-import "./GroupMenuActions.scss";
-export interface GroupMenuActionsProps extends Omit<GroupsProps, "onClickAddGroup" | "onClickGroupTitle"> {
-    group: Group;
-    groupUIs: GroupingCustomUI[];
-    contextUIs: ContextCustomUI[];
-    setShowDeleteModal: (showDeleteModal: Group) => void;
-}
-export declare const GroupMenuActions: ({ mapping, group, actionButtonRenderers, onClickGroupModify, onClickRenderContextCustomUI, groupUIs, contextUIs, disableActions, setShowDeleteModal, }: GroupMenuActionsProps) => JSX.Element;
-//# sourceMappingURL=GroupMenuActions.d.ts.map