@itwin/grouping-mapping-widget 0.6.0 → 0.7.0

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGroupingMappingCustomUI = exports.GroupingMappingCustomUIContext = exports.createGroupingMappingCustomUI = 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");
+const createGroupingMappingCustomUI = (customUIs) => {
+    if (undefined === customUIs) {
+        return [];
+    }
+    return customUIs;
+};
+exports.createGroupingMappingCustomUI = createGroupingMappingCustomUI;
+exports.GroupingMappingCustomUIContext = react_1.createContext([]);
+const useGroupingMappingCustomUI = () => {
+    const context = react_1.useContext(exports.GroupingMappingCustomUIContext);
+    if (!context) {
+        throw new Error("useGroupingMappingCustomUI should be used within a GroupingMappingCustomUIContext provider");
+    }
+    return context;
+};
+exports.useGroupingMappingCustomUI = useGroupingMappingCustomUI;
+//# sourceMappingURL=GroupingMappingCustomUIContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingMappingCustomUIContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/GroupingMappingCustomUIContext.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,iCAAkD;AAG3C,MAAM,6BAA6B,GAAG,CAC3C,SAAgD,EACrB,EAAE;IAC7B,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,OAAO,EAAE,CAAC;KACX;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAPW,QAAA,6BAA6B,iCAOxC;AAEW,QAAA,8BAA8B,GAAG,qBAAa,CAA4B,EAAE,CAAC,CAAC;AAEpF,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,MAAM,OAAO,GAAG,kBAAU,CAAC,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  if (undefined === customUIs) {\n    return [];\n  }\n  return customUIs;\n};\n\nexport const GroupingMappingCustomUIContext = createContext<GroupingMappingCustomUI[]>([]);\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/widget/components/customUI/GroupingMappingCustomUI.d.ts

@@ -0,0 +1,91 @@
+import type { ReactElement } from "react";
+export declare enum GroupingMappingCustomUIType {
+    Grouping = 0,
+    Context = 1
+}
+export declare type GroupingMappingCustomUI = GroupingCustomUI | ContextCustomUI;
+/** Custom UI Definitions. */
+export interface IGroupingMappingCustomUI {
+    /**
+     * See GroupingMappingCustomUIType.
+     */
+    type: GroupingMappingCustomUIType;
+    /**
+     * Unique identifier of the custom UI.
+     */
+    name: string;
+    /**
+     * Display label in the widget.
+     */
+    displayLabel: string;
+    /**
+     * Optional icon, will be shown before display label in widget.
+     */
+    icon?: ReactElement;
+}
+/**
+ * Context custom UI type definition.
+ */
+export interface ContextCustomUI extends IGroupingMappingCustomUI {
+    /**
+     * See GroupingMappingCustomUIType.
+     */
+    type: GroupingMappingCustomUIType.Context;
+    /**
+     * User defined component for UI interaction with grouping mapping widget.
+     */
+    uiComponent?: (props: ContextCustomUIProps) => JSX.Element;
+    /**
+     * Callback function for context custom UI menu item click event.
+     */
+    onClick?: (groupId: string, mappingId: string, iModelId: string) => void;
+}
+/**
+ * Group custom UI type definition.
+ */
+export interface GroupingCustomUI extends IGroupingMappingCustomUI {
+    /**
+     * See GroupingMappingCustomUIType.
+     */
+    type: GroupingMappingCustomUIType.Grouping;
+    /**
+     * Custom UI Component to build query interactively. Refer to SearchGroupingCustomUI/ManualGroupingCustomUI.
+     */
+    uiComponent: (props: GroupingCustomUIProps) => JSX.Element;
+}
+/** Custom UI Component props definitions. */
+/**
+ * Context custom UI component arguments definition.
+ */
+export interface ContextCustomUIProps {
+    /**
+     * IModel Id.
+     */
+    iModelId: string;
+    /**
+     * Mapping Id.
+     */
+    mappingId: string;
+    /**
+     * Group Id.
+     */
+    groupId: string;
+}
+/**
+ * Group custom UI component arguments definition.
+ */
+export interface GroupingCustomUIProps {
+    /**
+     * To validate and update current query.
+     */
+    updateQuery: (query: string) => void;
+    /**
+     * To get the query loading status.
+     */
+    isUpdating?: boolean;
+    /**
+     * To reset the viewer.
+     */
+    resetView?: () => Promise<void>;
+}
+//# sourceMappingURL=GroupingMappingCustomUI.d.ts.map

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupingMappingCustomUIType = void 0;
+var GroupingMappingCustomUIType;
+(function (GroupingMappingCustomUIType) {
+    GroupingMappingCustomUIType[GroupingMappingCustomUIType["Grouping"] = 0] = "Grouping";
+    GroupingMappingCustomUIType[GroupingMappingCustomUIType["Context"] = 1] = "Context";
+})(GroupingMappingCustomUIType = exports.GroupingMappingCustomUIType || (exports.GroupingMappingCustomUIType = {}));
+//# sourceMappingURL=GroupingMappingCustomUI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingMappingCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/GroupingMappingCustomUI.ts"],"names":[],"mappings":";;;AAMA,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 { 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?: (props: ContextCustomUIProps) => JSX.Element;\n  /**\n   * Callback function for context custom UI menu item click event.\n   */\n  onClick?: (groupId: string, mappingId: string, 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"]}

package/lib/cjs/widget/components/customUI/ManualGroupingCustomUI.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./ManualGroupingCustomUI.scss";
+import type { GroupingCustomUIProps } from "./GroupingMappingCustomUI";
+declare const ManualGroupingCustomUI: ({ updateQuery, isUpdating, resetView, }: GroupingCustomUIProps) => JSX.Element;
+export default ManualGroupingCustomUI;
+//# sourceMappingURL=ManualGroupingCustomUI.d.ts.map

package/lib/cjs/widget/components/customUI/ManualGroupingCustomUI.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importDefault(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const utils_1 = require("../utils");
+require("./ManualGroupingCustomUI.scss");
+const ManualGroupingCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
+    const [manualInput, setManualInput] = react_1.default.useState("");
+    return (react_1.default.createElement("div", { className: 'gmw-manual-form' },
+        react_1.default.createElement(itwinui_react_1.Text, null, "Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query."),
+        react_1.default.createElement(itwinui_react_1.LabeledTextarea, { label: 'Query', required: true, value: manualInput, onChange: (event) => setManualInput(event.target.value), disabled: isUpdating, placeholder: `E.g. "SELECT ECInstanceId, ECClassId FROM BisCore:PhysicalElement"` }),
+        react_1.default.createElement("div", { className: 'gmw-manual-actions' },
+            isUpdating && react_1.default.createElement(utils_1.LoadingSpinner, null),
+            react_1.default.createElement(itwinui_react_1.Button, { disabled: isUpdating, onClick: () => updateQuery(manualInput) }, "Apply"),
+            react_1.default.createElement(itwinui_react_1.Button, { disabled: isUpdating, onClick: async () => {
+                    updateQuery("");
+                    setManualInput("");
+                    if (resetView) {
+                        await resetView();
+                    }
+                } }, "Clear"))));
+};
+exports.default = ManualGroupingCustomUI;
+//# sourceMappingURL=ManualGroupingCustomUI.js.map

package/lib/cjs/widget/components/customUI/ManualGroupingCustomUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualGroupingCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/ManualGroupingCustomUI.tsx"],"names":[],"mappings":";;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,wDAAqE;AACrE,oCAA0C;AAC1C,yCAAuC;AAGvC,MAAM,sBAAsB,GAAG,CAAC,EAC9B,WAAW,EACX,UAAU,EACV,SAAS,GACa,EAAE,EAAE;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,OAAO,CACL,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,8BAAC,oBAAI,8GAEE;QACP,8BAAC,+BAAe,IACd,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACvD,QAAQ,EAAE,UAAU,EACpB,WAAW,EAAE,oEAAoE,GACjF;QACF,uCAAK,SAAS,EAAC,oBAAoB;YAChC,UAAU,IAAI,8BAAC,sBAAc,OAAG;YACjC,8BAAC,sBAAM,IAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,YAE5D;YACT,8BAAC,sBAAM,IACL,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,WAAW,CAAC,EAAE,CAAC,CAAC;oBAChB,cAAc,CAAC,EAAE,CAAC,CAAC;oBACnB,IAAI,SAAS,EAAE;wBACb,MAAM,SAAS,EAAE,CAAC;qBACnB;gBACH,CAAC,YAGM,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,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 { Button, LabeledTextarea, Text } from \"@itwin/itwinui-react\";\nimport { LoadingSpinner } from \"../utils\";\nimport \"./ManualGroupingCustomUI.scss\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\n\nconst ManualGroupingCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n}: GroupingCustomUIProps) => {\n  const [manualInput, setManualInput] = React.useState(\"\");\n\n  return (\n    <div className='gmw-manual-form'>\n      <Text>\n        Generate group using an ECSQL query. Please select ECInstanceId and ECClassId columns in the query.\n      </Text>\n      <LabeledTextarea\n        label='Query'\n        required\n        value={manualInput}\n        onChange={(event) => setManualInput(event.target.value)}\n        disabled={isUpdating}\n        placeholder={`E.g. \"SELECT ECInstanceId, ECClassId FROM BisCore:PhysicalElement\"`}\n      />\n      <div className='gmw-manual-actions'>\n        {isUpdating && <LoadingSpinner />}\n        <Button disabled={isUpdating} onClick={() => updateQuery(manualInput)}>\n          Apply\n        </Button>\n        <Button\n          disabled={isUpdating}\n          onClick={async () => {\n            updateQuery(\"\");\n            setManualInput(\"\");\n            if (resetView) {\n              await resetView();\n            }\n          }}\n        >\n          Clear\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default ManualGroupingCustomUI;\n"]}

package/lib/cjs/widget/components/customUI/ManualGroupingCustomUI.scss

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/variables";
+
+.gmw-manual-form {
+  display: flex;
+  flex-direction: column;
+  gap: $iui-baseline;
+  margin-top: $iui-baseline;
+  > .gmw-manual-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: $iui-s;
+  }
+}

package/lib/cjs/widget/components/customUI/SearchGroupingCustomUI.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { GroupingCustomUIProps } from "./GroupingMappingCustomUI";
+import "./SearchGroupingCustomUI.scss";
+declare const SearchGroupingCustomUI: ({ updateQuery, isUpdating, resetView, }: GroupingCustomUIProps) => JSX.Element;
+export default SearchGroupingCustomUI;
+//# sourceMappingURL=SearchGroupingCustomUI.d.ts.map

package/lib/cjs/widget/components/customUI/SearchGroupingCustomUI.js

@@ -0,0 +1,97 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importDefault(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const utils_1 = require("../utils");
+require("./SearchGroupingCustomUI.scss");
+const SearchGroupingCustomUI = ({ updateQuery, isUpdating, resetView, }) => {
+    const [searchInput, setSearchInput] = react_1.default.useState("");
+    const isWrappedInQuotes = (text) => {
+        return text.startsWith(`"`) && text.endsWith(`"`);
+    };
+    const needsAndOperator = (token, index, searchQuery) => isWrappedInQuotes(token) ||
+        (index === 1 && isWrappedInQuotes(searchQuery[0]));
+    const generateSearchQuery = (searchQuery) => {
+        if (searchQuery.length === 0) {
+            updateQuery("");
+            return;
+        }
+        let generatedSearchQuery = `SELECT be.ECInstanceId, be.ECClassId FROM bis.geometricelement3d be `;
+        generatedSearchQuery += `LEFT JOIN bis.SpatialCategory cat ON be.Category.Id = cat.ECInstanceID LEFT JOIN ecdbmeta.ECClassDef ecc ON be.ECClassId = ecc.ECInstanceId `;
+        generatedSearchQuery += `LEFT JOIN bis.PhysicalType pt ON be.TypeDefinition.Id = pt.ECInstanceID`;
+        generatedSearchQuery += ` WHERE `;
+        generatedSearchQuery += `((${searchQuery
+            .map((token, index) => `${index === 0
+            ? ""
+            : needsAndOperator(token, index, searchQuery)
+                ? "AND"
+                : "OR"} be.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`)
+            .join(" ")}) OR (${searchQuery
+            .map((token, index) => `${index === 0
+            ? ""
+            : needsAndOperator(token, index, searchQuery)
+                ? "AND"
+                : "OR"} be.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`)
+            .join(" ")})) OR ((${searchQuery
+            .map((token, index) => `${index === 0
+            ? ""
+            : needsAndOperator(token, index, searchQuery)
+                ? "AND"
+                : "OR"} cat.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`)
+            .join(" ")}) OR (${searchQuery
+            .map((token, index) => `${index === 0
+            ? ""
+            : needsAndOperator(token, index, searchQuery)
+                ? "AND"
+                : "OR"} cat.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`)
+            .join(" ")})) OR (${searchQuery
+            .map((token, index) => `${index === 0
+            ? ""
+            : needsAndOperator(token, index, searchQuery)
+                ? "AND"
+                : "OR"} ecc.name LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`)
+            .join(" ")})`;
+        // Physical Types
+        generatedSearchQuery += ` OR ((${searchQuery
+            .map((token, index) => `${index === 0
+            ? ""
+            : needsAndOperator(token, index, searchQuery)
+                ? "AND"
+                : "OR"} pt.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`)
+            .join(" ")}) OR (${searchQuery
+            .map((token, index) => `${index === 0
+            ? ""
+            : needsAndOperator(token, index, searchQuery)
+                ? "AND"
+                : "OR"} pt.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token}%'`)
+            .join(" ")})) `;
+        updateQuery(generatedSearchQuery);
+    };
+    return (react_1.default.createElement("div", { className: 'gmw-search-form' },
+        react_1.default.createElement(itwinui_react_1.Text, null, "Generate a query by keywords. Keywords wrapped in double quotes will be considered a required criteria."),
+        react_1.default.createElement(itwinui_react_1.LabeledTextarea, { label: 'Query Keywords', required: true, value: searchInput, onChange: (event) => setSearchInput(event.target.value), disabled: isUpdating, placeholder: `E.g. "red" chair` }),
+        react_1.default.createElement("div", { className: 'gmw-search-actions' },
+            isUpdating && react_1.default.createElement(utils_1.LoadingSpinner, null),
+            react_1.default.createElement(itwinui_react_1.Button, { disabled: isUpdating, onClick: () => generateSearchQuery(searchInput
+                    ? searchInput
+                        .replace(/(\r\n|\n|\r)/gm, "")
+                        .trim()
+                        .split(" ")
+                    : []) }, "Apply"),
+            react_1.default.createElement(itwinui_react_1.Button, { disabled: isUpdating, onClick: async () => {
+                    updateQuery("");
+                    setSearchInput("");
+                    if (resetView) {
+                        await resetView();
+                    }
+                } }, "Clear"))));
+};
+exports.default = SearchGroupingCustomUI;
+//# sourceMappingURL=SearchGroupingCustomUI.js.map

package/lib/cjs/widget/components/customUI/SearchGroupingCustomUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchGroupingCustomUI.js","sourceRoot":"","sources":["../../../../../src/widget/components/customUI/SearchGroupingCustomUI.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 from \"react\";\nimport { Button, LabeledTextarea, Text } from \"@itwin/itwinui-react\";\nimport type { GroupingCustomUIProps } from \"./GroupingMappingCustomUI\";\nimport { LoadingSpinner } from \"../utils\";\nimport \"./SearchGroupingCustomUI.scss\";\n\nconst SearchGroupingCustomUI = ({\n  updateQuery,\n  isUpdating,\n  resetView,\n}: GroupingCustomUIProps) => {\n  const [searchInput, setSearchInput] = React.useState(\"\");\n  const isWrappedInQuotes = (text: string) => {\n    return text.startsWith(`\"`) && text.endsWith(`\"`);\n  };\n\n  const needsAndOperator = (\n    token: string,\n    index: number,\n    searchQuery: string[],\n  ) =>\n    isWrappedInQuotes(token) ||\n    (index === 1 && isWrappedInQuotes(searchQuery[0]));\n\n  const generateSearchQuery = (searchQuery: string[]) => {\n    if (searchQuery.length === 0) {\n      updateQuery(\"\");\n      return;\n    }\n\n    let generatedSearchQuery = `SELECT be.ECInstanceId, be.ECClassId FROM bis.geometricelement3d be `;\n    generatedSearchQuery += `LEFT JOIN bis.SpatialCategory cat ON be.Category.Id = cat.ECInstanceID LEFT JOIN ecdbmeta.ECClassDef ecc ON be.ECClassId = ecc.ECInstanceId `;\n    generatedSearchQuery += `LEFT JOIN bis.PhysicalType pt ON be.TypeDefinition.Id = pt.ECInstanceID`;\n    generatedSearchQuery += ` WHERE `;\n    generatedSearchQuery += `((${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } be.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")}) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } be.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})) OR ((${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } cat.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")}) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } cat.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } ecc.name LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})`;\n    // Physical Types\n    generatedSearchQuery += ` OR ((${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } pt.codevalue LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")}) OR (${searchQuery\n      .map(\n        (token, index) =>\n          `${index === 0\n            ? \"\"\n            : needsAndOperator(token, index, searchQuery)\n              ? \"AND\"\n              : \"OR\"\n          } pt.userlabel LIKE '%${isWrappedInQuotes(token) ? token.slice(1, -1) : token\n          }%'`,\n      )\n      .join(\" \")})) `;\n\n    updateQuery(generatedSearchQuery);\n  };\n\n  return (\n    <div className='gmw-search-form'>\n      <Text>\n        Generate a query by keywords. Keywords wrapped in double quotes will be\n        considered a required criteria.\n      </Text>\n      <LabeledTextarea\n        label='Query Keywords'\n        required\n        value={searchInput}\n        onChange={(event) => setSearchInput(event.target.value)}\n        disabled={isUpdating}\n        placeholder={`E.g. \"red\" chair`}\n      />\n      <div className='gmw-search-actions'>\n        {isUpdating && <LoadingSpinner />}\n        <Button\n          disabled={isUpdating}\n          onClick={() =>\n            generateSearchQuery(\n              searchInput\n                ? searchInput\n                  .replace(/(\\r\\n|\\n|\\r)/gm, \"\")\n                  .trim()\n                  .split(\" \")\n                : [],\n            )\n          }\n        >\n          Apply\n        </Button>\n        <Button\n          disabled={isUpdating}\n          onClick={async () => {\n            updateQuery(\"\");\n            setSearchInput(\"\");\n            if (resetView) {\n              await resetView();\n            }\n          }}\n        >\n          Clear\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SearchGroupingCustomUI;\n"]}

package/lib/cjs/widget/components/customUI/SearchGroupingCustomUI.scss

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/variables";
+
+.gmw-search-form {
+  display: flex;
+  flex-direction: column;
+  gap: $iui-baseline;
+  margin-top: $iui-baseline;
+  > .gmw-search-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: $iui-s;
+  }
+}

package/lib/esm/grouping-mapping-widget.d.ts

@@ -12,4 +12,5 @@ export { PropertyMenu } from "./widget/components/PropertyMenu";
 export { resolveFormulaDataType } from "./formula/FormulaDataTypeResolver";
 export { DataType, PropertyMap } from "./formula/Types";
 export { IResult } from "./formula/IResult";
+export { GroupingMappingCustomUI, GroupingMappingCustomUIType, ContextCustomUI, GroupingCustomUI, GroupingCustomUIProps, ContextCustomUIProps } from "./widget/components/customUI/GroupingMappingCustomUI";
 //# sourceMappingURL=grouping-mapping-widget.d.ts.map

package/lib/esm/grouping-mapping-widget.js

@@ -13,4 +13,5 @@ export { Groupings } from "./widget/components/Grouping";
 export { PropertyMenu } from "./widget/components/PropertyMenu";
 /** Formula DataType resolver */
 export { resolveFormulaDataType } from "./formula/FormulaDataTypeResolver";
+export { GroupingMappingCustomUIType } from "./widget/components/customUI/GroupingMappingCustomUI";
 //# sourceMappingURL=grouping-mapping-widget.js.map

package/lib/esm/grouping-mapping-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"grouping-mapping-widget.js","sourceRoot":"","sources":["../../src/grouping-mapping-widget.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,gDAAgD;AAChD,cAAc,gCAAgC,CAAC;AAE/C,0EAA0E;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,kDAAkD,CAAC;AAE9F,cAAc,wBAAwB,CAAC;AAEvC,yCAAyC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,gCAAgC;AAChC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,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*--------------------------------------------------------------------------------------------*/\n/** UI Provider for iTwin Viewer Applications */\nexport * from \"./widget/GroupingMappingWidget\";\n\n/** Interfaces for providing custom MappingClient and API configuration */\nexport { createDefaultMappingClient } from \"./widget/components/context/MappingClientContext\";\nexport { ClientPrefix, GetAccessTokenFn } from \"./widget/components/context/GroupingApiConfigContext\";\nexport * from \"@itwin/insights-client\";\n\n/** Internal components for custom UIs */\nexport { Mappings } from \"./widget/components/Mapping\";\nexport { Groupings } from \"./widget/components/Grouping\";\nexport { PropertyMenu } from \"./widget/components/PropertyMenu\";\n\n/** Formula DataType resolver */\nexport { resolveFormulaDataType } from \"./formula/FormulaDataTypeResolver\";\nexport { DataType, PropertyMap } from \"./formula/Types\";\nexport { IResult } from \"./formula/IResult\";\n"]}
+{"version":3,"file":"grouping-mapping-widget.js","sourceRoot":"","sources":["../../src/grouping-mapping-widget.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,gDAAgD;AAChD,cAAc,gCAAgC,CAAC;AAE/C,0EAA0E;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,kDAAkD,CAAC;AAE9F,cAAc,wBAAwB,CAAC;AAEvC,yCAAyC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,gCAAgC;AAChC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAG3E,OAAO,EAA2B,2BAA2B,EAAkF,MAAM,sDAAsD,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*--------------------------------------------------------------------------------------------*/\n/** UI Provider for iTwin Viewer Applications */\nexport * from \"./widget/GroupingMappingWidget\";\n\n/** Interfaces for providing custom MappingClient and API configuration */\nexport { createDefaultMappingClient } from \"./widget/components/context/MappingClientContext\";\nexport { ClientPrefix, GetAccessTokenFn } from \"./widget/components/context/GroupingApiConfigContext\";\nexport * from \"@itwin/insights-client\";\n\n/** Internal components for custom UIs */\nexport { Mappings } from \"./widget/components/Mapping\";\nexport { Groupings } from \"./widget/components/Grouping\";\nexport { PropertyMenu } from \"./widget/components/PropertyMenu\";\n\n/** Formula DataType resolver */\nexport { resolveFormulaDataType } from \"./formula/FormulaDataTypeResolver\";\nexport { DataType, PropertyMap } from \"./formula/Types\";\nexport { IResult } from \"./formula/IResult\";\nexport { GroupingMappingCustomUI, GroupingMappingCustomUIType, ContextCustomUI, GroupingCustomUI, GroupingCustomUIProps, ContextCustomUIProps } from \"./widget/components/customUI/GroupingMappingCustomUI\";\n"]}

package/lib/esm/test/GroupingMappingCustomUI.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=GroupingMappingCustomUI.test.d.ts.map

package/lib/esm/test/GroupingMappingCustomUI.test.js

@@ -0,0 +1,138 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import React from "react";
+import "@testing-library/jest-dom";
+import { mockAccessToken, mockMappingClient, render, screen, TestUtils, waitForElementToBeRemoved, within } from "./test-utils";
+import { faker } from "@faker-js/faker";
+import { Groupings } from "../grouping-mapping-widget";
+import * as moq from "typemoq";
+import { NoRenderApp } from "@itwin/core-frontend";
+import { Presentation, SelectionChangeEvent } from "@itwin/presentation-frontend";
+import { EmptyLocalization } from "@itwin/core-common";
+const mockITwinId = faker.datatype.uuid();
+const mockIModelId = faker.datatype.uuid();
+const mockMappingId = faker.datatype.uuid();
+const mockMapping = {
+    id: mockMappingId,
+    mappingName: "mOcKmApPiNg1",
+    description: "mOcKmApPiNgDeScRiPtIoN1",
+    createdBy: faker.random.alpha(),
+    createdOn: faker.date.past().toDateString(),
+    modifiedBy: faker.random.alpha(),
+    modifiedOn: faker.date.past().toDateString(),
+    extractionEnabled: false,
+    _links: {
+        imodel: {
+            href: "",
+        },
+    },
+};
+const groupsFactory = () => ({
+    groups: Array.from({ length: faker.datatype.number({ min: 3, max: 5 }) }, (_, index) => ({
+        id: `${faker.datatype.uuid()}`,
+        groupName: `mOcKgRoUp${index}`,
+        description: `mOcKgRoUpDeScRiPtIoN${index}`,
+        query: `mOcKgRoUpQuErY${index}`,
+        _links: {
+            imodel: {
+                href: "",
+            },
+            mapping: {
+                href: "",
+            },
+        },
+    })),
+    _links: {
+        next: undefined,
+        self: {
+            href: "",
+        },
+    },
+});
+const connectionMock = moq.Mock.ofType();
+const selectionManagerMock = moq.Mock.ofType();
+const selectionScopesManagerMock = moq.Mock.ofType();
+jest.mock("@itwin/appui-react", () => ({
+    ...jest.requireActual("@itwin/appui-react"),
+    useActiveIModelConnection: () => connectionMock.object,
+}));
+beforeAll(async () => {
+    await NoRenderApp.startup({ localization: new EmptyLocalization() });
+    await Presentation.initialize();
+    const selectionSet = moq.Mock.ofType();
+    const onChanged = moq.Mock.ofType();
+    selectionSet.setup((x) => x.elements).returns(() => new Set([]));
+    selectionSet.setup((x) => x.onChanged).returns(() => onChanged.object);
+    connectionMock
+        .setup((x) => x.selectionSet)
+        .returns(() => selectionSet.object);
+    connectionMock.setup((x) => x.iModelId).returns(() => mockIModelId);
+    connectionMock.setup((x) => x.iTwinId).returns(() => mockITwinId);
+    selectionManagerMock
+        .setup((x) => x.selectionChange)
+        .returns(() => new SelectionChangeEvent());
+    selectionScopesManagerMock
+        .setup(async (x) => x.getSelectionScopes(connectionMock.object))
+        .returns(async () => []);
+    selectionManagerMock
+        .setup((x) => x.scopes)
+        .returns(() => selectionScopesManagerMock.object);
+    Presentation.setSelectionManager(selectionManagerMock.object);
+    await TestUtils.initializeUiFramework(connectionMock.object);
+});
+describe("Groupings View with default UIs", () => {
+    it("List all groups and click on add group and edit group buttons", async () => {
+        // Arange
+        const mockGroups = groupsFactory();
+        const mockedAccessToken = await mockAccessToken();
+        mockMappingClient
+            .setup(async (x) => x.getGroups(mockedAccessToken, mockIModelId, mockMappingId))
+            .returns(async () => mockGroups.groups);
+        // Act
+        const { user } = render(React.createElement(Groupings, { mapping: mockMapping, goBack: jest.fn() }));
+        await waitForElementToBeRemoved(() => screen.getByText(/loading/i));
+        // Assert
+        const addButton = screen.getAllByTestId("gmw-add-group-button");
+        expect(addButton).toHaveLength(1);
+        // Click on 'Add Group' button
+        await user.click(addButton[0]);
+        // Should have three menu items
+        const addSelection = screen.getAllByTestId("gmw-add-0");
+        expect(addSelection).toHaveLength(1);
+        const addSearch = screen.getAllByTestId("gmw-add-1");
+        expect(addSearch).toHaveLength(1);
+        const addManual = screen.getAllByTestId("gmw-add-2");
+        expect(addManual).toHaveLength(1);
+        // Should have the right group number
+        const horizontalTiles = screen.getAllByTestId("gmw-horizontal-tile");
+        expect(horizontalTiles).toHaveLength(mockGroups.groups.length);
+        horizontalTiles.forEach((horizontalTile, index) => {
+            var _a;
+            const groupTile = within(horizontalTile);
+            expect(groupTile.getByText(mockGroups.groups[index].groupName)).toBeInTheDocument();
+            expect(groupTile.getByText((_a = mockGroups.groups[index].description) !== null && _a !== void 0 ? _a : "")).toBeInTheDocument();
+        });
+        // Click on first group more icon
+        const moreButton = screen.getAllByTestId("gmw-more-button");
+        expect(moreButton).toHaveLength(mockGroups.groups.length);
+        await user.click(moreButton[0]);
+        // Should have 3 context menu items
+        const contextMenuItems = screen.getAllByTestId("gmw-context-menu-item");
+        expect(contextMenuItems).toHaveLength(3);
+        expect(contextMenuItems[0]).toHaveTextContent("Edit");
+        expect(contextMenuItems[1]).toHaveTextContent("Properties");
+        expect(contextMenuItems[2]).toHaveTextContent("Remove");
+        // Hover on 'Edit'
+        await user.hover(contextMenuItems[0]);
+        // Should have 3 sub menu items
+        const editSelection = screen.getAllByTestId(`gmw-edit-0`);
+        expect(editSelection).toHaveLength(1);
+        const editSearch = screen.getAllByTestId(`gmw-edit-1`);
+        expect(editSearch).toHaveLength(1);
+        const editManual = screen.getAllByTestId(`gmw-edit-2`);
+        expect(editManual).toHaveLength(1);
+    });
+});
+//# sourceMappingURL=GroupingMappingCustomUI.test.js.map

package/lib/esm/test/GroupingMappingCustomUI.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingMappingCustomUI.test.js","sourceRoot":"","sources":["../../../src/test/GroupingMappingCustomUI.test.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 from \"react\";\nimport \"@testing-library/jest-dom\";\nimport { mockAccessToken, mockMappingClient, render, screen, TestUtils, waitForElementToBeRemoved, within } from \"./test-utils\";\nimport { faker } from \"@faker-js/faker\";\nimport { Groupings } from \"../grouping-mapping-widget\";\nimport type { GroupCollection, Mapping} from \"@itwin/insights-client\";\nimport * as moq from \"typemoq\";\nimport type { IModelConnection, SelectionSet, SelectionSetEvent} from \"@itwin/core-frontend\";\nimport { NoRenderApp } from \"@itwin/core-frontend\";\nimport type { SelectionManager, SelectionScopesManager } from \"@itwin/presentation-frontend\";\nimport { Presentation, SelectionChangeEvent } from \"@itwin/presentation-frontend\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { EmptyLocalization } from \"@itwin/core-common\";\n\nconst mockITwinId = faker.datatype.uuid();\nconst mockIModelId = faker.datatype.uuid();\nconst mockMappingId = faker.datatype.uuid();\nconst mockMapping: Mapping = {\n  id: mockMappingId,\n  mappingName: \"mOcKmApPiNg1\",\n  description: \"mOcKmApPiNgDeScRiPtIoN1\",\n  createdBy: faker.random.alpha(),\n  createdOn: faker.date.past().toDateString(),\n  modifiedBy: faker.random.alpha(),\n  modifiedOn: faker.date.past().toDateString(),\n  extractionEnabled:false,\n  _links: {\n    imodel: {\n      href: \"\",\n    },\n  },\n};\n\nconst groupsFactory = (): GroupCollection => ({\n  groups: Array.from(\n    { length: faker.datatype.number({ min: 3, max: 5 }) },\n    (_, index) => ({\n      id: `${faker.datatype.uuid()}`,\n      groupName: `mOcKgRoUp${index}`,\n      description: `mOcKgRoUpDeScRiPtIoN${index}`,\n      query: `mOcKgRoUpQuErY${index}`,\n      _links: {\n        imodel: {\n          href: \"\",\n        },\n        mapping: {\n          href: \"\",\n        },\n      },\n    })\n  ),\n  _links: {\n    next: undefined,\n    self: {\n      href: \"\",\n    },\n  },\n});\n\nconst connectionMock = moq.Mock.ofType<IModelConnection>();\nconst selectionManagerMock = moq.Mock.ofType<SelectionManager>();\nconst selectionScopesManagerMock = moq.Mock.ofType<SelectionScopesManager>();\n\njest.mock(\"@itwin/appui-react\", () => ({\n  ...jest.requireActual(\"@itwin/appui-react\"),\n  useActiveIModelConnection: () => connectionMock.object,\n}));\n\nbeforeAll(async () => {\n  await NoRenderApp.startup({localization: new EmptyLocalization()});\n  await Presentation.initialize();\n  const selectionSet = moq.Mock.ofType<SelectionSet>();\n  const onChanged = moq.Mock.ofType<BeEvent<(ev: SelectionSetEvent) => void>>();\n  selectionSet.setup((x) => x.elements).returns(() => new Set([]));\n  selectionSet.setup((x) => x.onChanged).returns(() => onChanged.object);\n  connectionMock\n    .setup((x) => x.selectionSet)\n    .returns(() => selectionSet.object);\n  connectionMock.setup((x) => x.iModelId).returns(() => mockIModelId);\n  connectionMock.setup((x) => x.iTwinId).returns(() => mockITwinId);\n\n  selectionManagerMock\n    .setup((x) => x.selectionChange)\n    .returns(() => new SelectionChangeEvent());\n\n  selectionScopesManagerMock\n    .setup(async (x) => x.getSelectionScopes(connectionMock.object))\n    .returns(async () => []);\n  selectionManagerMock\n    .setup((x) => x.scopes)\n    .returns(() => selectionScopesManagerMock.object);\n\n  Presentation.setSelectionManager(selectionManagerMock.object);\n  await TestUtils.initializeUiFramework(connectionMock.object);\n});\n\ndescribe(\"Groupings View with default UIs\", () => {\n  it(\"List all groups and click on add group and edit group buttons\", async () => {\n    // Arange\n    const mockGroups = groupsFactory();\n    const mockedAccessToken = await mockAccessToken();\n    mockMappingClient\n      .setup(async (x) => x.getGroups(mockedAccessToken, mockIModelId, mockMappingId))\n      .returns(async () => mockGroups.groups);\n\n    // Act\n    const { user } = render(<Groupings mapping={mockMapping} goBack={jest.fn()} />);\n    await waitForElementToBeRemoved(() => screen.getByText(/loading/i));\n\n    // Assert\n    const addButton = screen.getAllByTestId(\"gmw-add-group-button\");\n    expect(addButton).toHaveLength(1);\n\n    // Click on 'Add Group' button\n    await user.click(addButton[0]);\n\n    // Should have three menu items\n    const addSelection = screen.getAllByTestId(\"gmw-add-0\");\n    expect(addSelection).toHaveLength(1);\n    const addSearch = screen.getAllByTestId(\"gmw-add-1\");\n    expect(addSearch).toHaveLength(1);\n    const addManual = screen.getAllByTestId(\"gmw-add-2\");\n    expect(addManual).toHaveLength(1);\n\n    // Should have the right group number\n    const horizontalTiles = screen.getAllByTestId(\"gmw-horizontal-tile\");\n    expect(horizontalTiles).toHaveLength(mockGroups.groups.length);\n\n    horizontalTiles.forEach((horizontalTile, index) => {\n      const groupTile = within(horizontalTile);\n      expect(\n        groupTile.getByText(\n          mockGroups.groups[index].groupName\n        )\n      ).toBeInTheDocument();\n      expect(\n        groupTile.getByText(\n          mockGroups.groups[index].description ?? \"\"\n        )\n      ).toBeInTheDocument();\n    });\n\n    // Click on first group more icon\n    const moreButton = screen.getAllByTestId(\"gmw-more-button\");\n    expect(moreButton).toHaveLength(mockGroups.groups.length);\n\n    await user.click(moreButton[0]);\n\n    // Should have 3 context menu items\n    const contextMenuItems = screen.getAllByTestId(\"gmw-context-menu-item\");\n    expect(contextMenuItems).toHaveLength(3);\n    expect(contextMenuItems[0]).toHaveTextContent(\"Edit\");\n    expect(contextMenuItems[1]).toHaveTextContent(\"Properties\");\n    expect(contextMenuItems[2]).toHaveTextContent(\"Remove\");\n\n    // Hover on 'Edit'\n    await user.hover(contextMenuItems[0]);\n\n    // Should have 3 sub menu items\n    const editSelection = screen.getAllByTestId(`gmw-edit-0`);\n    expect(editSelection).toHaveLength(1);\n    const editSearch = screen.getAllByTestId(`gmw-edit-1`);\n    expect(editSearch).toHaveLength(1);\n    const editManual = screen.getAllByTestId(`gmw-edit-2`);\n    expect(editManual).toHaveLength(1);\n  });\n});\n"]}

package/lib/esm/test/WidgetHeader.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=WidgetHeader.test.d.ts.map

package/lib/esm/test/WidgetHeader.test.js

@@ -0,0 +1,31 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import React from "react";
+import "@testing-library/jest-dom";
+import { render, screen } from "../test/test-utils";
+import { WidgetHeader } from "../widget/components/utils";
+import { faker } from "@faker-js/faker";
+describe("Widget Header Component", () => {
+    it("title renders", async () => {
+        // Arrange
+        const fakeTitle = faker.word.interjection();
+        // Act
+        render(React.createElement(WidgetHeader, { title: fakeTitle }));
+        // Assert
+        const title = screen.getByText(fakeTitle);
+        expect(title).toHaveTextContent(fakeTitle);
+    });
+    it("header allows return callback", async () => {
+        // Arrange
+        const mockReturnFn = jest.fn();
+        // Act
+        const { user, container } = render(React.createElement(WidgetHeader, { title: "", returnFn: mockReturnFn }));
+        // Assert
+        const returnBtn = container.getElementsByClassName("gmw-chevron")[0];
+        await user.click(returnBtn);
+        expect(mockReturnFn).toHaveBeenCalledTimes(1);
+    });
+});
+//# sourceMappingURL=WidgetHeader.test.js.map

package/lib/esm/test/WidgetHeader.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetHeader.test.js","sourceRoot":"","sources":["../../../src/test/WidgetHeader.test.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,UAAU;QACV,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAE5C,MAAM;QACN,MAAM,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC;QAE3C,SAAS;QACT,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,UAAU;QACV,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAE/B,MAAM;QACN,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,YAAY,GAAI,CAAC,CAAC;QAEtF,SAAS;QACT,MAAM,SAAS,GAAG,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,MAAM,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC5B,MAAM,CAAC,YAAY,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,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 \"@testing-library/jest-dom\";\nimport { render, screen } from \"../test/test-utils\";\nimport { WidgetHeader } from \"../widget/components/utils\";\nimport { faker } from \"@faker-js/faker\";\n\ndescribe(\"Widget Header Component\", () => {\n  it(\"title renders\", async () => {\n    // Arrange\n    const fakeTitle = faker.word.interjection();\n\n    // Act\n    render(<WidgetHeader title={fakeTitle} />);\n\n    // Assert\n    const title = screen.getByText(fakeTitle);\n    expect(title).toHaveTextContent(fakeTitle);\n  });\n\n  it(\"header allows return callback\", async () => {\n    // Arrange\n    const mockReturnFn = jest.fn();\n\n    // Act\n    const { user, container } = render(<WidgetHeader title=\"\" returnFn={mockReturnFn} />);\n\n    // Assert\n    const returnBtn = container.getElementsByClassName(\"gmw-chevron\")[0];\n    await user.click(returnBtn);\n    expect(mockReturnFn).toHaveBeenCalledTimes(1);\n  });\n});\n"]}