@itwin/grouping-mapping-widget 0.19.2 → 0.20.1

package/lib/cjs/components/SharedComponents/HorizontalTile.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalTile = void 0;
+const react_1 = __importDefault(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+require("./HorizontalTile.scss");
+const classnames_1 = __importDefault(require("classnames"));
+const HorizontalTile = (props) => {
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)("gmw-horizontal-tile-container", { "gmw-horizontal-tile-selected": props.selected }), onClick: props.onClick, "data-testid": "gmw-horizontal-tile" },
+        react_1.default.createElement("div", { className: "gmw-body-container" },
+            props.dragHandle,
+            react_1.default.createElement("div", { className: "gmw-body" },
+                !!props.onClickTitle &&
+                    react_1.default.createElement(itwinui_react_1.Anchor, { className: "gmw-body-text", onClick: props.onClickTitle, title: props.titleTooltip }, props.title),
+                !props.onClickTitle &&
+                    react_1.default.createElement(itwinui_react_1.Text, { className: "gmw-body-text", variant: "body", title: props.titleTooltip }, props.title),
+                props.subText && react_1.default.createElement(itwinui_react_1.Text, { className: "gmw-body-text", isMuted: true, title: props.subtextToolTip, variant: "small" }, props.subText))),
+        react_1.default.createElement("div", { className: "gmw-interactables" },
+            props.actionGroup,
+            props.showGroupColor && !props.isLoading && props.elementsInfo &&
+                props.elementsInfo)));
+};
+exports.HorizontalTile = HorizontalTile;
+//# sourceMappingURL=HorizontalTile.js.map

package/lib/cjs/components/SharedComponents/HorizontalTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTile.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/HorizontalTile.tsx"],"names":[],"mappings":";;;;;;AAKA,kDAA0B;AAC1B,wDAAoD;AACpD,iCAA+B;AAC/B,4DAAoC;AAiB7B,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAE3D,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAA+B,EAAE,EAAE,8BAA8B,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,iBAAc,qBAAqB;QACxK,uCAAK,SAAS,EAAC,oBAAoB;YAChC,KAAK,CAAC,UAAU;YACjB,uCAAK,SAAS,EAAC,UAAU;gBACtB,CAAC,CAAC,KAAK,CAAC,YAAY;oBACnB,8BAAC,sBAAM,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,IAAG,KAAK,CAAC,KAAK,CAAU;gBAEjH,CAAC,KAAK,CAAC,YAAY;oBAClB,8BAAC,oBAAI,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,YAAY,IAAG,KAAK,CAAC,KAAK,CAAQ;gBAE/F,KAAK,CAAC,OAAO,IAAI,8BAAC,oBAAI,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE,OAAO,EAAC,OAAO,IAAE,KAAK,CAAC,OAAO,CAAQ,CAChI,CACF;QACN,uCAAK,SAAS,EAAC,mBAAmB;YAC/B,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,YAAY;gBAC3D,KAAK,CAAC,YAAY,CAClB,CACF,CACP,CAAC;AAEJ,CAAC,CAAC;AAxBW,QAAA,cAAc,kBAwBzB","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 { ReactNode } from \"react\";\nimport React from \"react\";\nimport { Anchor, Text } from \"@itwin/itwinui-react\";\nimport \"./HorizontalTile.scss\";\nimport classNames from \"classnames\";\n\nexport interface HorizontalTileProps {\n  title: string;\n  actionGroup: ReactNode;\n  subText?: string;\n  onClick?: () => void;\n  onClickTitle?: () => void;\n  titleTooltip?: string;\n  subtextToolTip?: string;\n  selected?: boolean;\n  dragHandle?: ReactNode;\n  elementsInfo?: React.ReactNode;\n  showGroupColor?: boolean;\n  isLoading?: boolean;\n}\n\nexport const HorizontalTile = (props: HorizontalTileProps) => {\n\n  return (\n    <div className={classNames(\"gmw-horizontal-tile-container\", { \"gmw-horizontal-tile-selected\": props.selected })} onClick={props.onClick} data-testid=\"gmw-horizontal-tile\">\n      <div className=\"gmw-body-container\">\n        {props.dragHandle}\n        <div className=\"gmw-body\">\n          {!!props.onClickTitle &&\n            <Anchor className=\"gmw-body-text\" onClick={props.onClickTitle} title={props.titleTooltip}>{props.title}</Anchor>\n          }\n          {!props.onClickTitle &&\n            <Text className=\"gmw-body-text\" variant=\"body\" title={props.titleTooltip}>{props.title}</Text>\n          }\n          {props.subText && <Text className=\"gmw-body-text\" isMuted={true} title={props.subtextToolTip} variant=\"small\">{props.subText}</Text>}\n        </div>\n      </div>\n      <div className=\"gmw-interactables\">\n        {props.actionGroup}\n        {props.showGroupColor && !props.isLoading && props.elementsInfo &&\n            props.elementsInfo}\n      </div>\n    </div>\n  );\n\n};\n"]}

package/lib/cjs/components/SharedComponents/HorizontalTile.scss

@@ -0,0 +1,58 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.gmw-horizontal-tile {
+  &-container {
+    display: flex;
+    justify-content: space-between;
+    border-radius: 5px;
+    background-color: var(--iui-color-background-backdrop);
+    min-height: calc(var(--iui-size-s) * 5);
+    padding: 5.5px var(--iui-size-xs);
+    padding-bottom: 2px var(--iui-size-xs);
+    padding-top: 2px var(--iui-size-xs);
+
+    .gmw-body-container {
+      display: flex;
+      min-width: 0;
+      .gmw-drag-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+      }
+      .gmw-body {
+        display: flex;
+        flex-direction: column;
+        min-width: 0;
+        justify-content: center;
+        &-text {
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+      }
+    }
+
+    .gmw-interactables {
+      position: relative;
+      margin-left: 0;
+      align-items: center;
+      align-self: center;
+      min-width: 36px;
+      margin-right: var(--iui-size-2xs);
+      flex-shrink: 0;
+    }
+  }
+
+  &-selected {
+    border: 1px solid var(--iui-color-border-accent);
+    background: linear-gradient(
+        hsl(var(--iui-color-accent-hsl) / var(--iui-opacity-6)),
+        hsl(var(--iui-color-accent-hsl) / var(--iui-opacity-6))
+      ),
+      linear-gradient(var(--iui-color-background), var(--iui-color-background));
+  }
+}

package/lib/cjs/components/SharedComponents/LoadingOverlay.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./LoadingOverlay.scss";
+export declare const LoadingOverlay: () => JSX.Element;
+//# sourceMappingURL=LoadingOverlay.d.ts.map

package/lib/cjs/components/SharedComponents/LoadingOverlay.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingOverlay = 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"));
+require("./LoadingOverlay.scss");
+const LoadingOverlay = () => (react_1.default.createElement("div", { className: 'gmw-loading-center-overlay' },
+    react_1.default.createElement(itwinui_react_1.Text, null, "Loading"),
+    react_1.default.createElement(itwinui_react_1.ProgressRadial, { indeterminate: true }),
+    react_1.default.createElement(itwinui_react_1.Text, null, "Please wait...")));
+exports.LoadingOverlay = LoadingOverlay;
+//# sourceMappingURL=LoadingOverlay.js.map

package/lib/cjs/components/SharedComponents/LoadingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/LoadingOverlay.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAA4D;AAC5D,kDAA0B;AAC1B,iCAA+B;AAExB,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAClC,uCAAK,SAAS,EAAC,4BAA4B;IACzC,8BAAC,oBAAI,kBAAe;IACpB,8BAAC,8BAAc,IAAC,aAAa,SAAG;IAChC,8BAAC,oBAAI,yBAAsB,CACvB,CACP,CAAC;AANW,QAAA,cAAc,kBAMzB","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 { ProgressRadial, Text } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport \"./LoadingOverlay.scss\";\n\nexport const LoadingOverlay = () => (\n  <div className='gmw-loading-center-overlay'>\n    <Text>Loading</Text>\n    <ProgressRadial indeterminate />\n    <Text>Please wait...</Text>\n  </div>\n);\n"]}

package/lib/cjs/components/SharedComponents/LoadingOverlay.scss

@@ -0,0 +1,13 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.gmw-loading-center-overlay {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  gap: var(--iui-size-s);
+  height: 100%;
+}

package/lib/cjs/components/SharedComponents/LoadingSpinner.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./LoadingSpinner.scss";
+export declare const LoadingSpinner: () => JSX.Element;
+//# sourceMappingURL=LoadingSpinner.d.ts.map

package/lib/cjs/components/SharedComponents/LoadingSpinner.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingSpinner = 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"));
+require("./LoadingSpinner.scss");
+const LoadingSpinner = () => {
+    return (react_1.default.createElement("div", { className: "gmw-loading-spinner" },
+        react_1.default.createElement(itwinui_react_1.ProgressRadial, { size: "small", indeterminate: true })));
+};
+exports.LoadingSpinner = LoadingSpinner;
+//# sourceMappingURL=LoadingSpinner.js.map

package/lib/cjs/components/SharedComponents/LoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAAsD;AACtD,kDAA0B;AAC1B,iCAA+B;AAExB,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,CACL,uCAAK,SAAS,EAAC,qBAAqB;QAClC,8BAAC,8BAAc,IAAC,IAAI,EAAC,OAAO,EAAC,aAAa,SAAG,CACzC,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,cAAc,kBAMzB","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 { ProgressRadial } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport \"./LoadingSpinner.scss\";\n\nexport const LoadingSpinner = () => {\n  return (\n    <div className=\"gmw-loading-spinner\">\n      <ProgressRadial size=\"small\" indeterminate />\n    </div>\n  );\n};\n"]}

package/lib/cjs/components/SharedComponents/LoadingSpinner.scss

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.gmw-loading-spinner {
+  display: flex;
+  align-items: center;
+}

package/lib/cjs/components/SharedComponents/StatusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/StatusIcon.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,4DAAoC;AACpC,oEAA0H;AAC1H,6BAA2B;AAE3B,MAAM,aAAa,GAAG;IACpB,OAAO,EAAE,sCAAgB;IACzB,KAAK,EAAE,oCAAc;IACrB,OAAO,EAAE,sCAAgB;IACzB,aAAa,EAAE,qCAAe;IAC9B,KAAK,EAAE,6BAAO;CACN,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EAIR,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,OAAO,8BAAC,OAAO,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,iBAAiB,EAAE,mBAAmB,MAAM,EAAE,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAAC;AACjH,CAAC,CAAC;AAVW,QAAA,UAAU,cAUrB","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 classnames from \"classnames\";\nimport { SvgFlag, SvgInfoCircular, SvgStatusError, SvgStatusSuccess, SvgStatusWarning } from \"@itwin/itwinui-icons-react\";\nimport \"./StatusIcon.scss\";\n\nconst StatusIconMap = {\n  success: SvgStatusSuccess,\n  error: SvgStatusError,\n  warning: SvgStatusWarning,\n  informational: SvgInfoCircular,\n  trace: SvgFlag,\n} as const;\n\nexport const StatusIcon = ({\n  status,\n  className,\n  ...rest\n}: {\n  status: keyof typeof StatusIconMap;\n  className?: string;\n}) => {\n  const Element = StatusIconMap[status];\n  return <Element className={classnames(\"gmw-status-icon\", `gmw-status-icon-${status}`, className)} {...rest} />;\n};\n"]}

package/lib/cjs/components/context/ExtractionClientContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractionClientContext.js","sourceRoot":"","sources":["../../../../src/components/context/ExtractionClientContext.ts"],"names":[],"mappings":";;;AAKA,4DAA+E;AAC/E,iCAAkD;AAGlD,MAAM,SAAS,GAAG,CAAC,OAAgB,EAAE,MAAe,EAAE,EAAE;IACtD,IAAI,MAAM,IAAI,OAAO,EAAE;QACrB,OAAO,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,MAAM,kBAAkB,CAAC,CAAC;KACxE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEK,MAAM,6BAA6B,GAAG,CAAC,MAAqB,EAAqB,EAAE;IACxF,MAAM,GAAG,GAAG,SAAS,CAAC,qCAAmB,EAAE,MAAM,CAAC,CAAC;IACnD,OAAO,IAAI,kCAAgB,CAAC,GAAG,CAAC,CAAC;AACnC,CAAC,CAAC;AAHW,QAAA,6BAA6B,iCAGxC;AAEK,MAAM,sBAAsB,GAAG,CAAC,UAA4C,EAAE,EAAE;IACrF,IAAI,SAAS,KAAK,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAC9D,OAAO,IAAA,qCAA6B,EAAC,UAA0B,CAAC,CAAC;KAClE;IACD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AALW,QAAA,sBAAsB,0BAKjC;AAEW,QAAA,uBAAuB,GAAG,IAAA,qBAAa,EAAoB,IAAA,qCAA6B,GAAE,CAAC,CAAC;AAElG,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAuB,CAAC,CAAC;IACpD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,8EAA8E,CAC/E,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,mBAAmB,uBAQ9B","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 { IExtractionClient } from \"@itwin/insights-client\";\nimport { ExtractionClient, REPORTING_BASE_PATH } from \"@itwin/insights-client\";\nimport { createContext, useContext } from \"react\";\nimport type { ClientPrefix } from \"./GroupingApiConfigContext\";\n\nconst prefixUrl = (baseUrl?: string, prefix?: string) => {\n  if (prefix && baseUrl) {\n    return baseUrl.replace(\"api.bentley.com\", `${prefix}-api.bentley.com`);\n  }\n  return baseUrl;\n};\n\nexport const createDefaultExtractionClient = (prefix?: ClientPrefix): IExtractionClient => {\n  const url = prefixUrl(REPORTING_BASE_PATH, prefix);\n  return new ExtractionClient(url);\n};\n\nexport const createExtractionClient = (clientProp: IExtractionClient | ClientPrefix) => {\n  if (undefined === clientProp || typeof clientProp === \"string\") {\n    return createDefaultExtractionClient(clientProp as ClientPrefix);\n  }\n  return clientProp;\n};\n\nexport const ExtractionClientContext = createContext<IExtractionClient>(createDefaultExtractionClient());\n\nexport const useExtractionClient = () => {\n  const context = useContext(ExtractionClientContext);\n  if (!context) {\n    throw new Error(\n      \"useExtractionClient should be used within a ExtractionClientContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/cjs/components/context/ExtractionStatusDataContext.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export interface ExtractionStatusData {
+    iconStatus: "negative" | "positive" | "warning" | undefined;
+    iconMessage: string;
+}
+export interface ExtractionMessageData {
+    date: string;
+    category: string;
+    level: string;
+    message: string;
+}
+export interface IExtractionStatusDataProps {
+    extractionStatusIcon: ExtractionStatusData;
+    extractionMessageData: ExtractionMessageData[];
+    setExtractionStatusIcon: (extractionStatusIcon: ExtractionStatusData | ((extractionStatusIcon: ExtractionStatusData) => ExtractionStatusData)) => void;
+    setExtractionMessageData: (extractionMessageData: ExtractionMessageData[]) => void;
+}
+export declare const ExtractionStatusDataContext: import("react").Context<IExtractionStatusDataProps>;
+export declare const useExtractionStatusDataContext: () => IExtractionStatusDataProps;
+//# sourceMappingURL=ExtractionStatusDataContext.d.ts.map

package/lib/cjs/components/context/ExtractionStatusDataContext.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExtractionStatusDataContext = exports.ExtractionStatusDataContext = 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 = require("react");
+exports.ExtractionStatusDataContext = (0, react_1.createContext)({
+    extractionStatusIcon: {
+        iconStatus: undefined,
+        iconMessage: "",
+    },
+    extractionMessageData: [],
+    setExtractionStatusIcon: () => { },
+    setExtractionMessageData: () => { },
+});
+const useExtractionStatusDataContext = () => {
+    const context = (0, react_1.useContext)(exports.ExtractionStatusDataContext);
+    if (!context) {
+        throw new Error("useExtractionStatusIconContext should be used within a ExtractionStatusIconContext provider");
+    }
+    return context;
+};
+exports.useExtractionStatusDataContext = useExtractionStatusDataContext;
+//# sourceMappingURL=ExtractionStatusDataContext.js.map

package/lib/cjs/components/context/ExtractionStatusDataContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractionStatusDataContext.js","sourceRoot":"","sources":["../../../../src/components/context/ExtractionStatusDataContext.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,iCAAkD;AAqBrC,QAAA,2BAA2B,GAAG,IAAA,qBAAa,EAA6B;IACnF,oBAAoB,EAAE;QACpB,UAAU,EAAE,SAAS;QACrB,WAAW,EAAE,EAAE;KAChB;IACD,qBAAqB,EAAE,EAAE;IACzB,uBAAuB,EAAE,GAAG,EAAE,GAAG,CAAC;IAClC,wBAAwB,EAAE,GAAG,EAAE,GAAG,CAAC;CACpC,CAAC,CAAC;AAEI,MAAM,8BAA8B,GAAG,GAA+B,EAAE;IAC7E,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mCAA2B,CAAC,CAAC;IAExD,IAAG,CAAC,OAAO,EAAC;QACV,MAAM,IAAI,KAAK,CACb,6FAA6F,CAC9F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AATW,QAAA,8BAA8B,kCASzC","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 { createContext, useContext } from \"react\";\n\nexport interface ExtractionStatusData {\n  iconStatus: \"negative\" | \"positive\" | \"warning\" | undefined;\n  iconMessage: string;\n}\n\nexport interface ExtractionMessageData {\n  date: string;\n  category: string;\n  level: string;\n  message: string;\n}\n\nexport interface IExtractionStatusDataProps {\n  extractionStatusIcon: ExtractionStatusData;\n  extractionMessageData: ExtractionMessageData[];\n  setExtractionStatusIcon: (extractionStatusIcon: ExtractionStatusData | ((extractionStatusIcon: ExtractionStatusData) => ExtractionStatusData)) => void;\n  setExtractionMessageData: (extractionMessageData: ExtractionMessageData[]) => void;\n}\n\nexport const ExtractionStatusDataContext = createContext<IExtractionStatusDataProps>({\n  extractionStatusIcon: {\n    iconStatus: undefined,\n    iconMessage: \"\",\n  },\n  extractionMessageData: [],\n  setExtractionStatusIcon: () => { },\n  setExtractionMessageData: () => { },\n});\n\nexport const useExtractionStatusDataContext = (): IExtractionStatusDataProps => {\n  const context = useContext(ExtractionStatusDataContext);\n\n  if(!context){\n    throw new Error(\n      \"useExtractionStatusIconContext should be used within a ExtractionStatusIconContext provider\"\n    );\n  }\n  return context;\n};\n"]}

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

@@ -0,0 +1,38 @@
+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 OverlappedInfo {
+    groupIds: string[];
+    elements: string[];
+}
+export interface OverlappedElementGroupPairs {
+    elementIds: Set<string>;
+    groupIds: Set<string>;
+}
+export interface GroupHilitedElements {
+    hilitedElementsQueryCache: MutableRefObject<Map<string, QueryCacheItem>>;
+    hiddenGroupsIds: Set<string>;
+    showGroupColor: boolean;
+    groups: Group[];
+    currentHilitedGroups: number;
+    overlappedElementsInfo: Map<string, OverlappedInfo[]>;
+    groupElementsInfo: Map<string, number>;
+    isOverlappedColored: boolean;
+    overlappedElementGroupPairs: OverlappedElementGroupPairs[];
+    setGroups: (groups: Group[]) => void;
+    setHiddenGroupsIds: (hiddenGroupIds: Set<string>) => void;
+    setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;
+    setNumberOfVisualizedGroups: (numberOfVisualizedGroups: number | ((numberOfVisualizedGroups: number) => number)) => void;
+    setOverlappedElementsInfo: (overlappedElementsInfo: Map<string, OverlappedInfo[]> | ((overlappedElementsInfo: Map<string, OverlappedInfo[]>) => Map<string, OverlappedInfo[]>)) => void;
+    setGroupElementsInfo: (groupElementsInfo: Map<string, number> | ((groupElementsInfo: Map<string, number>) => Map<string, number>)) => void;
+    setIsOverlappedColored: (isOverlappedColored: boolean | ((isOverlappedColored: boolean) => boolean)) => void;
+    setOverlappedElementGroupPairs: (overlappedElementGroupPairs: OverlappedElementGroupPairs[]) => void;
+}
+export declare const GroupHilitedElementsContext: React.Context<GroupHilitedElements>;
+export declare const useGroupHilitedElementsContext: () => GroupHilitedElements;
+//# sourceMappingURL=GroupHilitedElementsContext.d.ts.map

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

@@ -0,0 +1,55 @@
+"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.useGroupHilitedElementsContext = exports.GroupHilitedElementsContext = 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.GroupHilitedElementsContext = React.createContext({
+    hilitedElementsQueryCache: { current: new Map() },
+    hiddenGroupsIds: new Set(),
+    showGroupColor: false,
+    groups: [],
+    currentHilitedGroups: 0,
+    overlappedElementsInfo: new Map(),
+    groupElementsInfo: new Map(),
+    isOverlappedColored: false,
+    overlappedElementGroupPairs: [],
+    setGroups: () => { },
+    setHiddenGroupsIds: () => { },
+    setShowGroupColor: () => { },
+    setNumberOfVisualizedGroups: () => { },
+    setOverlappedElementsInfo: () => { },
+    setGroupElementsInfo: () => { },
+    setIsOverlappedColored: () => { },
+    setOverlappedElementGroupPairs: () => { },
+});
+const useGroupHilitedElementsContext = () => {
+    const context = React.useContext(exports.GroupHilitedElementsContext);
+    if (!context) {
+        throw new Error("useGroupHilitedElementsContext should be used within a GroupHilitedElementsContext provider");
+    }
+    return context;
+};
+exports.useGroupHilitedElementsContext = useGroupHilitedElementsContext;
+//# sourceMappingURL=GroupHilitedElementsContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupHilitedElementsContext.js","sourceRoot":"","sources":["../../../../src/components/context/GroupHilitedElementsContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAsClB,QAAA,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAAuB;IACnF,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE;IACjD,eAAe,EAAE,IAAI,GAAG,EAAE;IAC1B,cAAc,EAAE,KAAK;IACrB,MAAM,EAAE,EAAE;IACV,oBAAoB,EAAE,CAAC;IACvB,sBAAsB,EAAE,IAAI,GAAG,EAAE;IACjC,iBAAiB,EAAE,IAAI,GAAG,EAAE;IAC5B,mBAAmB,EAAE,KAAK;IAC1B,2BAA2B,EAAE,EAAE;IAC/B,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,iBAAiB,EAAE,GAAG,EAAE,GAAG,CAAC;IAC5B,2BAA2B,EAAE,GAAG,EAAE,GAAG,CAAC;IACtC,yBAAyB,EAAE,GAAG,EAAE,GAAG,CAAC;IACpC,oBAAoB,EAAE,GAAG,EAAE,GAAG,CAAC;IAC/B,sBAAsB,EAAE,GAAG,EAAE,GAAG,CAAC;IACjC,8BAA8B,EAAE,GAAG,EAAE,GAAG,CAAC;CAC1C,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 OverlappedInfo {\n  groupIds: string[];\n  elements: string[];\n}\n\nexport interface OverlappedElementGroupPairs {\n  elementIds: Set<string>;\n  groupIds: Set<string>;\n}\n\nexport interface GroupHilitedElements {\n  hilitedElementsQueryCache: MutableRefObject<Map<string, QueryCacheItem>>;\n  hiddenGroupsIds: Set<string>;\n  showGroupColor: boolean;\n  groups: Group[];\n  currentHilitedGroups: number;\n  overlappedElementsInfo: Map<string, OverlappedInfo[]>;\n  groupElementsInfo: Map<string, number>;\n  isOverlappedColored: boolean;\n  overlappedElementGroupPairs: OverlappedElementGroupPairs[];\n  setGroups: (groups: Group[]) => void;\n  setHiddenGroupsIds: (hiddenGroupIds: Set<string>) => void;\n  setShowGroupColor: (showGroupColor: boolean | ((showGroupColor: boolean) => boolean)) => void;\n  setNumberOfVisualizedGroups: (numberOfVisualizedGroups: number | ((numberOfVisualizedGroups: number) => number)) => void;\n  setOverlappedElementsInfo: (overlappedElementsInfo: Map<string, OverlappedInfo[]> | ((overlappedElementsInfo: Map<string, OverlappedInfo[]>) => Map<string, OverlappedInfo[]>)) => void;\n  setGroupElementsInfo: (groupElementsInfo: Map<string, number> | ((groupElementsInfo: Map<string, number>) => Map<string, number>)) => void;\n  setIsOverlappedColored: (isOverlappedColored: boolean | ((isOverlappedColored: boolean) => boolean)) => void;\n  setOverlappedElementGroupPairs: (overlappedElementGroupPairs: OverlappedElementGroupPairs[]) => void;\n}\n\nexport const GroupHilitedElementsContext = React.createContext<GroupHilitedElements>({\n  hilitedElementsQueryCache: { current: new Map() },\n  hiddenGroupsIds: new Set(),\n  showGroupColor: false,\n  groups: [],\n  currentHilitedGroups: 0,\n  overlappedElementsInfo: new Map(),\n  groupElementsInfo: new Map(),\n  isOverlappedColored: false,\n  overlappedElementGroupPairs: [],\n  setGroups: () => { },\n  setHiddenGroupsIds: () => { },\n  setShowGroupColor: () => { },\n  setNumberOfVisualizedGroups: () => { },\n  setOverlappedElementsInfo: () => { },\n  setGroupElementsInfo: () => { },\n  setIsOverlappedColored: () => { },\n  setOverlappedElementGroupPairs: () => { },\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/components/context/GroupingApiConfigContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingApiConfigContext.js","sourceRoot":"","sources":["../../../../src/components/context/GroupingApiConfigContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,6CAA+B;AAC/B,iCAAsC;AAWzB,QAAA,+BAA+B,GAC1C,IAAA,qBAAa,EAA2B;IACtC,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE;IAC9B,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,SAAS;IACjB,gBAAgB,EAAE,SAAS;CAC5B,CAAC,CAAC;AAEE,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,uCAA+B,CAAC,CAAC;IAClE,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,8FAA8F,CAC/F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,2BAA2B,+BAQtC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport * as React from \"react\";\nimport { createContext } from \"react\";\n\nexport type ClientPrefix = \"\" | \"dev\" | \"qa\" | undefined;\nexport type GetAccessTokenFn = () => Promise<AccessToken>;\nexport interface GroupingMappingApiConfig {\n  getAccessToken: GetAccessTokenFn;\n  iModelId: string;\n  iModelConnection?: IModelConnection;\n  prefix?: ClientPrefix;\n}\n\nexport const GroupingMappingApiConfigContext =\n  createContext<GroupingMappingApiConfig>({\n    getAccessToken: async () => \"\",\n    iModelId: \"\",\n    prefix: undefined,\n    iModelConnection: undefined,\n  });\n\nexport const useGroupingMappingApiConfig = () => {\n  const context = React.useContext(GroupingMappingApiConfigContext);\n  if (!context) {\n    throw new Error(\n      \"useGroupingMappingApiConfig should be used within a GroupingMappingApiConfigContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/cjs/components/context/GroupingMappingCustomUIContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingMappingCustomUIContext.js","sourceRoot":"","sources":["../../../../src/components/context/GroupingMappingCustomUIContext.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,iCAAkD;AAG3C,MAAM,6BAA6B,GAAG,CAC3C,SAAgD,EACrB,EAAE;IAC7B,OAAO,SAAS,IAAI,EAAE,CAAC;AACzB,CAAC,CAAC;AAJW,QAAA,6BAA6B,iCAIxC;AAOW,QAAA,8BAA8B,GAAG,IAAA,qBAAa,EAA2B;IACpF,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC;CACxB,CAAC,CAAC;AAEI,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,sCAA8B,CAAC,CAAC;IAC3D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,4FAA4F,CAC7F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,0BAA0B,8BAQrC","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 { createContext, useContext } from \"react\";\nimport type { GroupingMappingCustomUI } from \"../customUI/GroupingMappingCustomUI\";\n\nexport const createGroupingMappingCustomUI = (\n  customUIs: GroupingMappingCustomUI[] | undefined,\n): GroupingMappingCustomUI[] => {\n  return customUIs ?? [];\n};\n\nexport interface IGroupingMappingCustomUI {\n  customUIs: GroupingMappingCustomUI[];\n  setCustomUIs: (customUI: GroupingMappingCustomUI[] | ((customUI: GroupingMappingCustomUI[]) => GroupingMappingCustomUI[])) => void;\n}\n\nexport const GroupingMappingCustomUIContext = createContext<IGroupingMappingCustomUI>({\n  customUIs: [],\n  setCustomUIs: () => { },\n});\n\nexport const useGroupingMappingCustomUI = () => {\n  const context = useContext(GroupingMappingCustomUIContext);\n  if (!context) {\n    throw new Error(\n      \"useGroupingMappingCustomUI should be used within a GroupingMappingCustomUIContext provider\",\n    );\n  }\n  return context;\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ITwinsClientContext.js","sourceRoot":"","sources":["../../../../src/components/context/ITwinsClientContext.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,wDAA0D;AAC1D,iCAAkD;AAGlD,MAAM,OAAO,GAAW,gCAAgC,CAAC;AAEzD,MAAM,SAAS,GAAG,CAAC,OAAgB,EAAE,MAAe,EAAE,EAAE;IACtD,IAAI,MAAM,IAAI,OAAO,EAAE;QACrB,OAAO,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,MAAM,kBAAkB,CAAC,CAAC;KACxE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEK,MAAM,kBAAkB,GAAG,CAAC,MAAqB,EAAsB,EAAE;IAC9E,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,IAAI,kCAAkB,CAAC,GAAG,CAAC,CAAC;AACrC,CAAC,CAAC;AAHW,QAAA,kBAAkB,sBAG7B;AAEW,QAAA,mBAAmB,GAAG,IAAA,qBAAa,EAAqB,IAAA,0BAAkB,GAAE,CAAC,CAAC;AAEpF,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,2BAAmB,CAAC,CAAC;IAChD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,uEAAuE,CACxE,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,eAAe,mBAQ1B","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { ITwinsAccessClient } from \"@itwin/itwins-client\";\nimport { createContext, useContext } from \"react\";\nimport type { ClientPrefix } from \"./GroupingApiConfigContext\";\n\nconst baseUrl: string = \"https://api.bentley.com/itwins\";\n\nconst prefixUrl = (baseUrl?: string, prefix?: string) => {\n  if (prefix && baseUrl) {\n    return baseUrl.replace(\"api.bentley.com\", `${prefix}-api.bentley.com`);\n  }\n  return baseUrl;\n};\n\nexport const createITwinsClient = (prefix?: ClientPrefix): ITwinsAccessClient => {\n  const url = prefixUrl(baseUrl, prefix);\n  return new ITwinsAccessClient(url);\n};\n\nexport const ITwinsClientContext = createContext<ITwinsAccessClient>(createITwinsClient());\n\nexport const useITwinsClient = () => {\n  const context = useContext(ITwinsClientContext);\n  if (!context) {\n    throw new Error(\n      \"useITwinsClient should be used within an ITwinsClientContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/cjs/components/context/MappingClientContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MappingClientContext.js","sourceRoot":"","sources":["../../../../src/components/context/MappingClientContext.ts"],"names":[],"mappings":";;;AAKA,4DAA6E;AAC7E,iCAAkD;AAGlD,MAAM,SAAS,GAAG,CAAC,OAAgB,EAAE,MAAe,EAAE,EAAE;IACtD,IAAI,MAAM,IAAI,OAAO,EAAE;QACrB,OAAO,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,MAAM,kBAAkB,CAAC,CAAC;KACxE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEK,MAAM,0BAA0B,GAAG,CAAC,MAAqB,EAAmB,EAAE;IACnF,MAAM,GAAG,GAAG,SAAS,CAAC,qCAAmB,EAAE,MAAM,CAAC,CAAC;IACnD,OAAO,IAAI,gCAAc,CAAC,GAAG,CAAC,CAAC;AACjC,CAAC,CAAC;AAHW,QAAA,0BAA0B,8BAGrC;AAEK,MAAM,mBAAmB,GAAG,CAAC,UAA0C,EAAE,EAAE;IAChF,IAAI,SAAS,KAAK,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAC9D,OAAO,IAAA,kCAA0B,EAAC,UAA0B,CAAC,CAAC;KAC/D;IACD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AALW,QAAA,mBAAmB,uBAK9B;AACW,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAAkB,IAAA,kCAA0B,GAAE,CAAC,CAAC;AAE1F,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAoB,CAAC,CAAC;IACjD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,wEAAwE,CACzE,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,gBAAgB,oBAQ3B","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { IMappingsClient} from \"@itwin/insights-client\";\nimport { MappingsClient, REPORTING_BASE_PATH } from \"@itwin/insights-client\";\nimport { createContext, useContext } from \"react\";\nimport type { ClientPrefix } from \"./GroupingApiConfigContext\";\n\nconst prefixUrl = (baseUrl?: string, prefix?: string) => {\n  if (prefix && baseUrl) {\n    return baseUrl.replace(\"api.bentley.com\", `${prefix}-api.bentley.com`);\n  }\n  return baseUrl;\n};\n\nexport const createDefaultMappingClient = (prefix?: ClientPrefix): IMappingsClient => {\n  const url = prefixUrl(REPORTING_BASE_PATH, prefix);\n  return new MappingsClient(url);\n};\n\nexport const createMappingClient = (clientProp: IMappingsClient | ClientPrefix) => {\n  if (undefined === clientProp || typeof clientProp === \"string\") {\n    return createDefaultMappingClient(clientProp as ClientPrefix);\n  }\n  return clientProp;\n};\nexport const MappingClientContext = createContext<IMappingsClient>(createDefaultMappingClient());\n\nexport const useMappingClient = () => {\n  const context = useContext(MappingClientContext);\n  if (!context) {\n    throw new Error(\n      \"useMappingClient should be used within a MappingClientContext provider\"\n    );\n  }\n  return context;\n};\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesContext.js","sourceRoot":"","sources":["../../../../src/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/components/context/PropertyGridWrapperContext.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { PropertyRecord } from "@itwin/appui-abstract";
+import type { QueryBuilder } from "../Groups/QueryBuilder/QueryBuilder";
+export interface PropertySelection {
+    currentPropertyList: PropertyRecord[];
+    setCurrentPropertyList: (value: PropertyRecord[] | ((value: PropertyRecord[]) => PropertyRecord[])) => void;
+    setQuery: (value: string) => void;
+    queryBuilder?: QueryBuilder;
+    isUpdating: boolean;
+}
+export declare const PropertyGridWrapperContext: React.Context<PropertySelection>;
+export declare const usePropertyGridWrapper: () => PropertySelection;
+//# sourceMappingURL=PropertyGridWrapperContext.d.ts.map

package/lib/cjs/components/context/PropertyGridWrapperContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyGridWrapperContext.js","sourceRoot":"","sources":["../../../../src/components/context/PropertyGridWrapperContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAYlB,QAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAoB;IAC/E,mBAAmB,EAAE,EAAE;IACvB,sBAAsB,EAAE,GAAG,EAAE,CAAC,EAAE;IAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE;IAClB,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,sBAAsB,GAAG,GAAsB,EAAE;IAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,kCAA0B,CAAC,CAAC;IAC7D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,2FAA2F,CAC5F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,sBAAsB,0BAQjC","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 { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { QueryBuilder } from \"../Groups/QueryBuilder/QueryBuilder\";\n\nexport interface PropertySelection {\n  currentPropertyList: PropertyRecord[];\n  setCurrentPropertyList: (value: PropertyRecord[] | ((value: PropertyRecord[]) => PropertyRecord[])) => void;\n  setQuery: (value: string) => void;\n  queryBuilder?: QueryBuilder;\n  isUpdating: boolean;\n}\n\nexport const PropertyGridWrapperContext = React.createContext<PropertySelection>({\n  currentPropertyList: [],\n  setCurrentPropertyList: () => [],\n  setQuery: () => \"\",\n  isUpdating: false,\n});\n\nexport const usePropertyGridWrapper = (): PropertySelection => {\n  const context = React.useContext(PropertyGridWrapperContext);\n  if (!context) {\n    throw new Error(\n      \"usePropertyGridWrapperContext should be used within a PropertyGridWrapperContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/cjs/components/customUI/DefaultGroupingUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultGroupingUI.js","sourceRoot":"","sources":["../../../../src/components/customUI/DefaultGroupingUI.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,oEAA2E;AAE3E,uEAAwE;AACxE,2EAAwE;AACxE,qEAAkE;AAClE,qEAAkE;AAErD,QAAA,iBAAiB,GAA8B;IAC1D;QACE,IAAI,EAAE,WAAW;QACjB,YAAY,EAAE,WAAW;QACzB,IAAI,EAAE,qDAA2B,CAAC,QAAQ;QAC1C,IAAI,EAAE,8BAAC,+BAAS,OAAG;QACnB,WAAW,EAAE,qDAAyB;KACvC;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,YAAY,EAAE,gBAAgB;QAC9B,IAAI,EAAE,qDAA2B,CAAC,QAAQ;QAC1C,IAAI,EAAE,8BAAC,+BAAS,OAAG;QACnB,WAAW,EAAE,+CAAsB;KACpC;IACD;QACE,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,QAAQ;QACtB,IAAI,EAAE,qDAA2B,CAAC,QAAQ;QAC1C,IAAI,EAAE,8BAAC,6BAAO,OAAG;QACjB,WAAW,EAAE,+CAAsB;KACpC;CACF,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { SvgCursor, SvgDraw, SvgSearch } from \"@itwin/itwinui-icons-react\";\nimport type { GroupingMappingCustomUI } from \"./GroupingMappingCustomUI\";\nimport { GroupingMappingCustomUIType } from \"./GroupingMappingCustomUI\";\nimport { GroupQueryBuilderCustomUI } from \"./GroupQueryBuilderCustomUI\";\nimport { ManualGroupingCustomUI } from \"./ManualGroupingCustomUI\";\nimport { SearchGroupingCustomUI } from \"./SearchGroupingCustomUI\";\n\nexport const defaultGroupingUI: GroupingMappingCustomUI[] = [\n  {\n    name: \"Selection\",\n    displayLabel: \"Selection\",\n    type: GroupingMappingCustomUIType.Grouping,\n    icon: <SvgCursor />,\n    uiComponent: GroupQueryBuilderCustomUI,\n  },\n  {\n    name: \"Query Keywords\",\n    displayLabel: \"Query Keywords\",\n    type: GroupingMappingCustomUIType.Grouping,\n    icon: <SvgSearch />,\n    uiComponent: SearchGroupingCustomUI,\n  },\n  {\n    name: \"Manual\",\n    displayLabel: \"Manual\",\n    type: GroupingMappingCustomUIType.Grouping,\n    icon: <SvgDraw />,\n    uiComponent: ManualGroupingCustomUI,\n  },\n];\n"]}

package/lib/cjs/components/customUI/GroupQueryBuilderCustomUI.js

@@ -0,0 +1,107 @@
+"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.GroupQueryBuilderCustomUI = 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 presentation_frontend_1 = require("@itwin/presentation-frontend");
+const presentation_common_1 = require("@itwin/presentation-common");
+require("./GroupQueryBuilderCustomUI.scss");
+const QueryBuilder_1 = require("../Groups/QueryBuilder/QueryBuilder");
+const presentation_components_1 = require("@itwin/presentation-components");
+const components_react_1 = require("@itwin/components-react");
+const core_react_1 = require("@itwin/core-react");
+const PropertyGridWrapperContext_1 = require("../context/PropertyGridWrapperContext");
+const PropertyAction_1 = require("../Properties/PropertyAction");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const GroupingApiConfigContext_1 = require("../context/GroupingApiConfigContext");
+const core_frontend_1 = require("@itwin/core-frontend");
+const createPropertyDataProvider = async (keys, iModelConnection) => {
+    const dataProvider = new presentation_components_1.PresentationPropertyDataProvider({
+        imodel: iModelConnection,
+        ruleset: presentation_components_1.DEFAULT_PROPERTY_GRID_RULESET,
+    });
+    dataProvider.keys = keys;
+    dataProvider.isNestedPropertyCategoryGroupingEnabled = true;
+    const data = await dataProvider.getData();
+    const selectedCategory = data.categories.find((category) => category.label === core_frontend_1.IModelApp.localization.getLocalizedString("Presentation:selectedItems.categoryLabel"));
+    if (selectedCategory) {
+        selectedCategory.expand = true;
+    }
+    return dataProvider;
+};
+const GroupQueryBuilderCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
+    const { iModelConnection } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+    if (!iModelConnection) {
+        throw new Error("This component requires an active iModelConnection.");
+    }
+    const [size, setSize] = (0, react_1.useState)({ width: 0, height: 0 });
+    const [dataProvider, setDataProvider] = (0, react_1.useState)(undefined);
+    const [currentPropertyList, setCurrentPropertyList] = (0, react_1.useState)([]);
+    const [selectionKeySet, setSelectionKeyset] = (0, react_1.useState)(new presentation_common_1.KeySet());
+    const [queryBuilder, setQueryBuilder] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        const onSelectionChanged = async (evt, selectionProvider) => {
+            const selection = selectionProvider.getSelection(evt.imodel, evt.level);
+            const keys = new presentation_common_1.KeySet(selection);
+            setSelectionKeyset(keys);
+            const dataProvider = await createPropertyDataProvider(keys, iModelConnection);
+            setDataProvider(dataProvider);
+            setQueryBuilder(new QueryBuilder_1.QueryBuilder(dataProvider));
+        };
+        return iModelConnection
+            ? presentation_frontend_1.Presentation.selection.selectionChange.addListener(onSelectionChanged)
+            : () => { };
+    }, [iModelConnection]);
+    const onClickResetButton = async () => {
+        queryBuilder?.resetQueryBuilder();
+        updateQuery("");
+        setCurrentPropertyList([]);
+        if (resetView)
+            await resetView().catch((e) => 
+            /* eslint-disable no-console */
+            console.error(e));
+    };
+    const resize = (0, react_1.useCallback)((width, height) => setSize({ width, height }), []);
+    const propertyContextValues = (0, react_1.useMemo)(() => ({
+        currentPropertyList,
+        setCurrentPropertyList,
+        queryBuilder,
+        setQuery: updateQuery,
+        isUpdating: isUpdating ?? false,
+    }), [currentPropertyList, isUpdating, queryBuilder, updateQuery]);
+    const actionButtonRenderers = (0, react_1.useMemo)(() => [
+        ({ property }) => (react_1.default.createElement(PropertyAction_1.PropertyAction, { property: property })),
+    ], []);
+    return (react_1.default.createElement("div", { className: "gmw-select-query-generator-container" }, !dataProvider || selectionKeySet.size === 0 ? (react_1.default.createElement(itwinui_react_1.Alert, { type: 'informational' }, "Please select on an element within the viewer first, then select properties to generate a group query.")) :
+        react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: "gmw-select-property-grid-container" },
+                react_1.default.createElement(core_react_1.ResizableContainerObserver, { onResize: resize }),
+                react_1.default.createElement(PropertyGridWrapperContext_1.PropertyGridWrapperContext.Provider, { value: propertyContextValues },
+                    react_1.default.createElement(components_react_1.VirtualizedPropertyGridWithDataProvider, { dataProvider: dataProvider, width: size.width, height: size.height, actionButtonRenderers: actionButtonRenderers }))),
+            react_1.default.createElement("div", { className: "gmw-select-reset-button" },
+                react_1.default.createElement(itwinui_react_1.Button, { styleType: "default", size: "small", onClick: onClickResetButton }, "Reset")))));
+};
+exports.GroupQueryBuilderCustomUI = GroupQueryBuilderCustomUI;
+//# sourceMappingURL=GroupQueryBuilderCustomUI.js.map

package/lib/cjs/components/customUI/GroupQueryBuilderCustomUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupQueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../src/components/customUI/GroupQueryBuilderCustomUI.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 React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport type {\n  ISelectionProvider,\n  SelectionChangeEventArgs,\n} from \"@itwin/presentation-frontend\";\nimport { KeySet } from \"@itwin/presentation-common\";\nimport \"./GroupQueryBuilderCustomUI.scss\";\nimport { QueryBuilder } from \"../Groups/QueryBuilder/QueryBuilder\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\nimport {\n  DEFAULT_PROPERTY_GRID_RULESET,\n  PresentationPropertyDataProvider,\n} from \"@itwin/presentation-components\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { ActionButtonRendererProps } from \"@itwin/components-react\";\nimport { VirtualizedPropertyGridWithDataProvider } from \"@itwin/components-react\";\nimport { ResizableContainerObserver } from \"@itwin/core-react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyGridWrapperContext } from \"../context/PropertyGridWrapperContext\";\nimport { PropertyAction } from \"../Properties/PropertyAction\";\nimport { Alert, Button } from \"@itwin/itwinui-react\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport { IModelApp } from \"@itwin/core-frontend\";\n\nconst createPropertyDataProvider = async (\n  keys: KeySet,\n  iModelConnection: IModelConnection\n): Promise<PresentationPropertyDataProvider> => {\n  const dataProvider = new PresentationPropertyDataProvider({\n    imodel: iModelConnection,\n    ruleset: DEFAULT_PROPERTY_GRID_RULESET,\n  });\n  dataProvider.keys = keys;\n  dataProvider.isNestedPropertyCategoryGroupingEnabled = true;\n  const data = await dataProvider.getData();\n  const selectedCategory = data.categories.find((category) => category.label === IModelApp.localization.getLocalizedString(\"Presentation:selectedItems.categoryLabel\"));\n  if (selectedCategory) {\n    selectedCategory.expand = true;\n  }\n  return dataProvider;\n};\n\ninterface ContainerDimensions {\n  width: number;\n  height: number;\n}\n\nexport const GroupQueryBuilderCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n}: GroupingCustomUIProps) => {\n  const { iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const [size, setSize] = useState<ContainerDimensions>({ width: 0, height: 0 });\n  const [dataProvider, setDataProvider] =\n    useState<PresentationPropertyDataProvider | undefined>(undefined);\n  const [currentPropertyList, setCurrentPropertyList] = useState<PropertyRecord[]>([]);\n  const [selectionKeySet, setSelectionKeyset] = useState<KeySet>(new KeySet());\n  const [queryBuilder, setQueryBuilder] = useState<QueryBuilder | undefined>();\n\n  useEffect(() => {\n    const onSelectionChanged = async (\n      evt: SelectionChangeEventArgs,\n      selectionProvider: ISelectionProvider\n    ) => {\n      const selection = selectionProvider.getSelection(evt.imodel, evt.level);\n      const keys = new KeySet(selection);\n      setSelectionKeyset(keys);\n      const dataProvider = await createPropertyDataProvider(keys, iModelConnection);\n      setDataProvider(dataProvider);\n      setQueryBuilder(new QueryBuilder(dataProvider));\n    };\n\n    return iModelConnection\n      ? Presentation.selection.selectionChange.addListener(onSelectionChanged)\n      : () => { };\n  }, [iModelConnection]);\n\n  const onClickResetButton = async () => {\n    queryBuilder?.resetQueryBuilder();\n    updateQuery(\"\");\n    setCurrentPropertyList([]);\n    if (resetView)\n      await resetView().catch((e) =>\n        /* eslint-disable no-console */\n        console.error(e)\n      );\n  };\n\n  const resize = useCallback((width, height) => setSize({ width, height }), []);\n\n  const propertyContextValues = useMemo(\n    () => ({\n      currentPropertyList,\n      setCurrentPropertyList,\n      queryBuilder,\n      setQuery: updateQuery,\n      isUpdating: isUpdating ?? false,\n    }),\n    [currentPropertyList, isUpdating, queryBuilder, updateQuery]\n  );\n\n  const actionButtonRenderers = useMemo(\n    () => [\n      ({ property }: ActionButtonRendererProps) => (\n        <PropertyAction property={property} />\n      ),\n    ],\n    []\n  );\n\n  return (\n    <div className=\"gmw-select-query-generator-container\">\n      {!dataProvider || selectionKeySet.size === 0 ? (\n        <Alert type='informational'>\n          Please select on an element within the viewer first, then select properties to generate a group query.\n        </Alert>\n      ) :\n        <>\n          <div className=\"gmw-select-property-grid-container\">\n            <ResizableContainerObserver onResize={resize} />\n            <PropertyGridWrapperContext.Provider value={propertyContextValues}>\n              <VirtualizedPropertyGridWithDataProvider\n                dataProvider={dataProvider}\n                width={size.width}\n                height={size.height}\n                actionButtonRenderers={actionButtonRenderers}\n              />\n            </PropertyGridWrapperContext.Provider>\n          </div>\n          <div className=\"gmw-select-reset-button\">\n            <Button\n              styleType=\"default\"\n              size=\"small\"\n              onClick={onClickResetButton}\n            >\n              Reset\n            </Button>\n          </div>\n        </>\n      }\n    </div>\n  );\n};\n\n"]}

package/lib/cjs/components/customUI/GroupingMappingCustomUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingMappingCustomUI.js","sourceRoot":"","sources":["../../../../src/components/customUI/GroupingMappingCustomUI.ts"],"names":[],"mappings":";;;AAOA,IAAY,2BAGX;AAHD,WAAY,2BAA2B;IACrC,qFAAQ,CAAA;IACR,mFAAO,CAAA;AACT,CAAC,EAHW,2BAA2B,GAA3B,mCAA2B,KAA3B,mCAA2B,QAGtC","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, Mapping } from \"@itwin/insights-client\";\nimport type { ReactElement } from \"react\";\n\nexport enum GroupingMappingCustomUIType {\n  Grouping,\n  Context,\n}\n\nexport type GroupingMappingCustomUI = GroupingCustomUI | ContextCustomUI;\n\n/** Custom UI Definitions. */\n\nexport interface IGroupingMappingCustomUI {\n  /**\n   * See GroupingMappingCustomUIType.\n   */\n  type: GroupingMappingCustomUIType;\n  /**\n   * Unique identifier of the custom UI.\n   */\n  name: string;\n  /**\n   * Display label in the widget.\n   */\n  displayLabel: string;\n  /**\n   * Optional icon, will be shown before display label in widget.\n   */\n  icon?: ReactElement;\n}\n\n/**\n * Context custom UI type definition.\n */\nexport interface ContextCustomUI extends IGroupingMappingCustomUI {\n  /**\n   * See GroupingMappingCustomUIType.\n   */\n  type: GroupingMappingCustomUIType.Context;\n  /**\n   * User defined component for UI interaction with grouping mapping widget.\n   */\n  uiComponent?: React.ComponentType<ContextCustomUIProps>;\n  /**\n   * Callback function for context custom UI menu item click event.\n   */\n  onClick?: (group: Group, mapping: Mapping, iModelId: string) => void;\n}\n\n/**\n * Group custom UI type definition.\n */\nexport interface GroupingCustomUI extends IGroupingMappingCustomUI {\n  /**\n   * See GroupingMappingCustomUIType.\n   */\n  type: GroupingMappingCustomUIType.Grouping;\n  /**\n   * Custom UI Component to build query interactively. Refer to SearchGroupingCustomUI/ManualGroupingCustomUI.\n   */\n  uiComponent: (props: GroupingCustomUIProps) => JSX.Element;\n}\n\n/** Custom UI Component props definitions. */\n\n/**\n * Context custom UI component arguments definition.\n */\nexport interface ContextCustomUIProps {\n  /**\n   * IModel Id.\n   */\n  iModelId: string;\n  /**\n   * Mapping Id.\n   */\n  mappingId: string;\n  /**\n   * Group Id.\n   */\n  groupId: string;\n}\n\n/**\n * Group custom UI component arguments definition.\n */\nexport interface GroupingCustomUIProps {\n  /**\n   * To validate and update current query.\n   */\n  updateQuery: (query: string) => void;\n  /**\n   * To get the query loading status.\n   */\n  isUpdating?: boolean;\n  /**\n   * To reset the viewer.\n   */\n  resetView?: () => Promise<void>;\n  /**\n   * The initial query for the Group being edited.\n   */\n  initialEditModeQuery?: string;\n\n}\n"]}