@itwin/grouping-mapping-widget 0.19.2 → 0.20.0

package/lib/cjs/components/Properties/GroupProperties/GroupPropertyAction.js

@@ -0,0 +1,287 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupPropertyAction = exports.quantityTypesSelectionOptions = 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 server_1 = require("react-dom/server");
+const presentation_common_1 = require("@itwin/presentation-common");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const ActionPanel_1 = __importDefault(require("../../SharedComponents/ActionPanel"));
+const useValidator_1 = __importStar(require("../hooks/useValidator"));
+const utils_1 = require("../../../common/utils");
+const MappingClientContext_1 = require("../../context/MappingClientContext");
+const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
+const HorizontalTile_1 = require("../../SharedComponents/HorizontalTile");
+const insights_client_1 = require("@itwin/insights-client");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const core_1 = require("@dnd-kit/core");
+const sortable_1 = require("@dnd-kit/sortable");
+const SortableHorizontalTile_1 = __importDefault(require("./SortableHorizontalTile"));
+const react_split_1 = __importDefault(require("react-split"));
+require("./GroupPropertyAction.scss");
+const GroupPropertyUtils_1 = require("./GroupPropertyUtils");
+const viewerUtils_1 = require("../../../common/viewerUtils");
+const SaveModal_1 = require("./SaveModal");
+exports.quantityTypesSelectionOptions = [
+    { value: insights_client_1.QuantityType.Area, label: "Area" },
+    { value: insights_client_1.QuantityType.Distance, label: "Distance" },
+    { value: insights_client_1.QuantityType.Force, label: "Force" },
+    { value: insights_client_1.QuantityType.Mass, label: "Mass" },
+    { value: insights_client_1.QuantityType.Monetary, label: "Monetary" },
+    { value: insights_client_1.QuantityType.Time, label: "Time" },
+    { value: insights_client_1.QuantityType.Volume, label: "Volume" },
+    { value: insights_client_1.QuantityType.Undefined, label: "No Quantity Type" },
+];
+const GroupPropertyAction = ({ mappingId, group, groupProperty, onSaveSuccess, onClickCancel, }) => {
+    const { getAccessToken, iModelId, iModelConnection } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+    const mappingClient = (0, MappingClientContext_1.useMappingClient)();
+    const [propertyName, setPropertyName] = (0, react_1.useState)("");
+    const [oldPropertyName, setOldPropertyName] = (0, react_1.useState)("");
+    const [dataType, setDataType] = (0, react_1.useState)(insights_client_1.DataType.Undefined);
+    const [quantityType, setQuantityType] = (0, react_1.useState)(insights_client_1.QuantityType.Undefined);
+    const [selectedProperties, setSelectedProperties] = (0, react_1.useState)([]);
+    const [propertiesMetaData, setPropertiesMetaData] = (0, react_1.useState)([]);
+    const [propertiesNotFoundAlert, setPropertiesNotFoundAlert] = (0, react_1.useState)(false);
+    const [validator, showValidationMessage] = (0, useValidator_1.default)();
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [searchInput, setSearchInput] = (0, react_1.useState)("");
+    const [activeSearchInput, setActiveSearchInput] = (0, react_1.useState)("");
+    const [searched, setSearched] = (0, react_1.useState)(false);
+    const [activeDragProperty, setActiveDragProperty] = (0, react_1.useState)();
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
+        coordinateGetter: sortable_1.sortableKeyboardCoordinates,
+    }));
+    const [showModal, setShowModal] = (0, react_1.useState)(false);
+    const [showSaveModal, setShowSaveModal] = (0, react_1.useState)(false);
+    const handleDragStart = (0, react_1.useCallback)((event) => {
+        const { active } = event;
+        const activeProperty = selectedProperties.find((p) => active.id === p.key);
+        setActiveDragProperty(activeProperty);
+    }, [selectedProperties]);
+    const handleDragEnd = (0, react_1.useCallback)((event) => {
+        const { active, over } = event;
+        if (over && (active.id !== over.id)) {
+            setSelectedProperties((items) => {
+                const oldIndex = selectedProperties.findIndex((p) => active.id === p.key);
+                const newIndex = selectedProperties.findIndex((p) => over.id === p.key);
+                return (0, sortable_1.arrayMove)(items, oldIndex, newIndex);
+            });
+        }
+        setActiveDragProperty(undefined);
+    }, [selectedProperties]);
+    const filteredProperties = (0, react_1.useMemo)(() => propertiesMetaData.filter((p) => [p.displayLabel, p.categoryLabel, p.actualECClassName]
+        .map((l) => l.toLowerCase())
+        .some((l) => l.includes(activeSearchInput.toLowerCase()))), [activeSearchInput, propertiesMetaData]);
+    const reset = (0, react_1.useCallback)(() => {
+        setPropertyName("");
+        setDataType(insights_client_1.DataType.Undefined);
+        setSelectedProperties([]);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const generateProperties = async () => {
+            setIsLoading(true);
+            if (!iModelConnection)
+                return;
+            const result = await (0, viewerUtils_1.manufactureKeys)(group.query, iModelConnection);
+            const descriptor = await (0, GroupPropertyUtils_1.fetchPresentationDescriptor)(iModelConnection, result);
+            // Only allow primitives and structs
+            const propertyFields = descriptor?.fields.filter((field) => field.type.valueFormat === presentation_common_1.PropertyValueFormat.Primitive ||
+                field.type.valueFormat === presentation_common_1.PropertyValueFormat.Struct) ?? [];
+            const propertiesMetaData = (0, GroupPropertyUtils_1.convertPresentationFields)(propertyFields);
+            setPropertiesMetaData(propertiesMetaData);
+            if (groupProperty) {
+                const accessToken = await getAccessToken();
+                let response;
+                try {
+                    response = await mappingClient.getGroupProperty(accessToken, iModelId, mappingId, group.id, groupProperty.id);
+                    setPropertyName(response.propertyName);
+                    setOldPropertyName(response.propertyName);
+                    setDataType(response.dataType);
+                    setQuantityType(response.quantityType);
+                    const properties = (0, GroupPropertyUtils_1.findProperties)(response.ecProperties, propertiesMetaData);
+                    if (properties.length === 0) {
+                        setPropertiesNotFoundAlert(true);
+                    }
+                    setSelectedProperties(properties);
+                }
+                catch (error) {
+                    (0, utils_1.handleError)(error.status);
+                }
+            }
+            setIsLoading(false);
+        };
+        void generateProperties();
+    }, [getAccessToken, mappingClient, iModelConnection, iModelId, groupProperty, mappingId, group]);
+    const handleSaveClick = async () => {
+        if (!validator.allValid()) {
+            showValidationMessage(true);
+            return;
+        }
+        if (oldPropertyName !== propertyName && oldPropertyName !== "") {
+            setShowSaveModal(true);
+        }
+        else {
+            await onSave();
+        }
+    };
+    const handleCloseSaveModal = () => {
+        setShowSaveModal(false);
+    };
+    const onSave = async () => {
+        try {
+            setIsLoading(true);
+            const accessToken = await getAccessToken();
+            const newGroupProperty = {
+                propertyName,
+                dataType,
+                quantityType,
+                ecProperties: selectedProperties.map((p) => (0, GroupPropertyUtils_1.convertToECProperties)(p)).flat(),
+            };
+            groupProperty
+                ? await mappingClient.updateGroupProperty(accessToken, iModelId, mappingId, group.id, groupProperty.id, newGroupProperty)
+                : await mappingClient.createGroupProperty(accessToken, iModelId, mappingId, group.id, newGroupProperty);
+            onSaveSuccess();
+            reset();
+        }
+        catch (error) {
+            (0, utils_1.handleError)(error.status);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    const startSearch = (0, react_1.useCallback)(() => {
+        if (!searchInput)
+            return;
+        setActiveSearchInput(searchInput);
+        setSearched(true);
+    }, [searchInput]);
+    const clearSearch = (0, react_1.useCallback)(() => {
+        setSearchInput("");
+        setActiveSearchInput("");
+        setSearched(false);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (searchInput.length === 0) {
+            setSearched(false);
+            clearSearch();
+        }
+    }, [searchInput, setSearched, clearSearch]);
+    return (react_1.default.createElement(core_1.DndContext, { sensors: sensors, collisionDetection: core_1.closestCenter, onDragStart: handleDragStart, onDragEnd: handleDragEnd },
+        react_1.default.createElement("div", { className: 'gmw-group-property-action-container' },
+            react_1.default.createElement(itwinui_react_1.Fieldset, { disabled: isLoading, className: 'gmw-property-options', legend: 'Property Details' },
+                react_1.default.createElement(itwinui_react_1.Text, { variant: 'small', as: 'small', className: 'gmw-field-legend' }, "Asterisk * indicates mandatory fields."),
+                react_1.default.createElement(itwinui_react_1.LabeledInput, { id: 'propertyName', label: 'Property Name', value: propertyName, required: true, onChange: (event) => {
+                        setPropertyName(event.target.value);
+                        validator.showMessageFor("propertyName");
+                    }, message: validator.message("propertyName", propertyName, useValidator_1.NAME_REQUIREMENTS), status: validator.message("propertyName", propertyName, useValidator_1.NAME_REQUIREMENTS)
+                        ? "negative"
+                        : undefined, onBlur: () => {
+                        validator.showMessageFor("propertyName");
+                    } }),
+                react_1.default.createElement(itwinui_react_1.LabeledSelect, { label: "Data Type", id: 'dataType', options: [
+                        { value: insights_client_1.DataType.Boolean, label: "Boolean" },
+                        { value: insights_client_1.DataType.Number, label: "Number" },
+                        { value: insights_client_1.DataType.String, label: "String" },
+                    ], required: true, value: dataType, onChange: (value) => {
+                        validator.showMessageFor("dataType");
+                        setDataType(value);
+                    }, message: validator.message("dataType", propertyName, "required"), status: validator.message("dataType", propertyName, "required")
+                        ? "negative"
+                        : undefined, onBlur: () => {
+                        validator.showMessageFor("dataType");
+                    }, onShow: () => { }, onHide: () => { } }),
+                react_1.default.createElement(itwinui_react_1.LabeledSelect, { label: 'Quantity Type', options: exports.quantityTypesSelectionOptions, value: quantityType, onChange: setQuantityType, onShow: () => { }, onHide: () => { } })),
+            propertiesNotFoundAlert &&
+                react_1.default.createElement(itwinui_react_1.Alert, { type: "warning" }, "Warning: Could not match saved properties from the current generated list. It does not confirm or deny validity. Overwriting will occur if a new selection is made and saved."),
+            react_1.default.createElement(itwinui_react_1.Fieldset, { className: 'gmw-property-view-container', legend: "Mapped Properties" },
+                react_1.default.createElement("div", { className: "gmw-property-view-button" },
+                    react_1.default.createElement(itwinui_react_1.Button, { onClick: async () => setShowModal(true), disabled: isLoading }, "Select Properties")),
+                react_1.default.createElement("div", { className: "gmw-properties-list" }, selectedProperties.length === 0 && !isLoading ?
+                    react_1.default.createElement("div", { className: "gmw-empty-selection" },
+                        react_1.default.createElement(itwinui_react_1.Text, null, "No properties selected."),
+                        react_1.default.createElement(itwinui_react_1.Text, null, "Press the \"Select Properties\" button for options.")) :
+                    selectedProperties.map((property) => (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: property.key, title: `${property.displayLabel} (${property.propertyType})`, titleTooltip: `${property.actualECClassName}`, subText: property.categoryLabel, actionGroup: null })))))),
+        react_1.default.createElement(ActionPanel_1.default, { onSave: handleSaveClick, onCancel: onClickCancel, isLoading: isLoading, isSavingDisabled: selectedProperties.length === 0 || !propertyName || dataType === insights_client_1.DataType.Undefined }),
+        react_1.default.createElement(itwinui_react_1.Modal, { title: "Properties Selection", isOpen: showModal, onClose: () => {
+                setShowModal(false);
+                clearSearch();
+            }, closeOnExternalClick: false },
+            react_1.default.createElement(react_split_1.default, { expandToMin: false, className: "gmw-property-selection-container", gutterAlign: "center", gutterSize: 2, gutter: () => {
+                    // Expects HTMLElement
+                    const dragHangle = (0, server_1.renderToStaticMarkup)(react_1.default.createElement(itwinui_react_1.Icon, { className: "gmw-gutter-drag-icon", size: "large" },
+                        react_1.default.createElement(itwinui_icons_react_1.SvgMoreVerticalSmall, null)));
+                    const gutter = document.createElement("div");
+                    gutter.className = `gmw-gutter`;
+                    gutter.innerHTML = dragHangle;
+                    return gutter;
+                }, direction: "horizontal" },
+                react_1.default.createElement(itwinui_react_1.Surface, { className: "gmw-available-properties", elevation: 1 },
+                    react_1.default.createElement("div", { className: "gmw-available-properties-header" },
+                        react_1.default.createElement(itwinui_react_1.Label, { as: "span" }, "Available Properties"),
+                        react_1.default.createElement(itwinui_react_1.LabeledInput, { displayStyle: "inline", iconDisplayStyle: "inline", className: "gmw-available-prop-search", value: searchInput, size: "small", placeholder: "Search....", onChange: (event) => {
+                                const { target: { value }, } = event;
+                                setSearchInput(value);
+                            }, onKeyDown: (event) => {
+                                if (event.key === "Enter") {
+                                    startSearch();
+                                }
+                            }, svgIcon: searched ? (react_1.default.createElement(itwinui_react_1.IconButton, { onClick: clearSearch, styleType: "borderless", title: 'Clear Search' },
+                                react_1.default.createElement(itwinui_icons_react_1.SvgClose, null))) : (react_1.default.createElement(itwinui_react_1.IconButton, { onClick: startSearch, styleType: "borderless", title: 'Search' },
+                                react_1.default.createElement(itwinui_icons_react_1.SvgSearch, null))) })),
+                    filteredProperties.length === 0 ?
+                        react_1.default.createElement("div", { className: "gmw-empty-selection" },
+                            react_1.default.createElement(itwinui_react_1.Text, null, "No properties available. ")) :
+                        react_1.default.createElement("div", { className: "gmw-properties-list" }, filteredProperties.map((property) => (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: property.key, title: `${property.displayLabel} (${property.propertyType})`, titleTooltip: `${property.actualECClassName}`, subText: property.categoryLabel, actionGroup: null, selected: selectedProperties.some((p) => property.key === p.key), onClick: () => setSelectedProperties((sp) => sp.some((p) => property.key === p.key)
+                                ? sp.filter((p) => property.key !== p.key)
+                                : [...sp, property]) }))))),
+                react_1.default.createElement(itwinui_react_1.Surface, { className: "gmw-selected-properties", elevation: 1 },
+                    react_1.default.createElement(itwinui_react_1.Label, { as: "span" }, "Selected Properties"),
+                    selectedProperties.length === 0 ?
+                        react_1.default.createElement("div", { className: "gmw-empty-selection" },
+                            react_1.default.createElement(itwinui_react_1.Text, null, "No properties selected."),
+                            react_1.default.createElement(itwinui_react_1.Text, null, "Add some by clicking on the properties shown left.")) :
+                        react_1.default.createElement("div", { className: "gmw-properties-list" },
+                            react_1.default.createElement(sortable_1.SortableContext, { items: selectedProperties.map((p) => p.key), strategy: sortable_1.verticalListSortingStrategy }, selectedProperties.map((property) => react_1.default.createElement(SortableHorizontalTile_1.default, { key: property.key, id: property.key, title: `${property.displayLabel} (${property.propertyType})`, titleTooltip: `${property.actualECClassName}`, subText: property.categoryLabel, actionGroup: react_1.default.createElement("div", null,
+                                    react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", title: "Remove", onClick: () => {
+                                            setSelectedProperties((sp) => sp.filter((p) => property.key !== p.key));
+                                        } },
+                                        react_1.default.createElement(itwinui_icons_react_1.SvgRemove, null))) })))))),
+            react_1.default.createElement(itwinui_react_1.ModalButtonBar, null,
+                react_1.default.createElement(itwinui_react_1.Button, { onClick: () => {
+                        setShowModal(false);
+                        clearSearch();
+                    }, styleType: "high-visibility" }, "Close"))),
+        react_1.default.createElement(SaveModal_1.SaveModal, { onSave: onSave, onClose: handleCloseSaveModal, showSaveModal: showSaveModal }),
+        react_1.default.createElement(core_1.DragOverlay, { zIndex: 9999 }, activeDragProperty ?
+            react_1.default.createElement(HorizontalTile_1.HorizontalTile, { title: `${activeDragProperty.displayLabel} (${activeDragProperty.propertyType})`, titleTooltip: `${activeDragProperty.actualECClassName}`, subText: activeDragProperty.categoryLabel, actionGroup: react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless" },
+                    react_1.default.createElement(itwinui_icons_react_1.SvgRemove, null)), dragHandle: react_1.default.createElement(itwinui_react_1.Icon, { className: "gmw-drag-icon", size: "large" },
+                    react_1.default.createElement(itwinui_icons_react_1.SvgDragHandleVertical, null)) }) : null)));
+};
+exports.GroupPropertyAction = GroupPropertyAction;
+//# sourceMappingURL=GroupPropertyAction.js.map

package/lib/cjs/components/Properties/GroupProperties/GroupPropertyAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupPropertyAction.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/GroupPropertyAction.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 { renderToStaticMarkup } from \"react-dom/server\";\nimport { PropertyValueFormat } from \"@itwin/presentation-common\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport {\n  Alert,\n  Button,\n  Fieldset,\n  Icon,\n  IconButton,\n  Label,\n  LabeledInput,\n  LabeledSelect,\n  Modal,\n  ModalButtonBar,\n  Surface,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport ActionPanel from \"../../SharedComponents/ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport { handleError } from \"../../../common/utils\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { HorizontalTile } from \"../../SharedComponents/HorizontalTile\";\nimport { DataType, QuantityType } from \"@itwin/insights-client\";\nimport type {\n  Group,\n  GroupProperty,\n  GroupPropertyCreate,\n} from \"@itwin/insights-client\";\nimport {\n  SvgClose,\n  SvgDragHandleVertical,\n  SvgMoreVerticalSmall,\n  SvgRemove,\n  SvgSearch,\n} from \"@itwin/itwinui-icons-react\";\nimport type { DragEndEvent, DragStartEvent } from \"@dnd-kit/core\";\nimport {\n  closestCenter,\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport SortableHorizontalTile from \"./SortableHorizontalTile\";\nimport Split from \"react-split\";\nimport \"./GroupPropertyAction.scss\";\nimport type { PropertyMetaData } from \"./GroupPropertyUtils\";\nimport {\n  convertPresentationFields,\n  convertToECProperties,\n  fetchPresentationDescriptor,\n  findProperties,\n} from \"./GroupPropertyUtils\";\nimport { manufactureKeys } from \"../../../common/viewerUtils\";\nimport { SaveModal } from \"./SaveModal\";\n\nexport interface GroupPropertyActionProps {\n  mappingId: string;\n  group: Group;\n  groupProperty?: GroupProperty;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n}\n\nexport const quantityTypesSelectionOptions: SelectOption<QuantityType>[] = [\n  { value: QuantityType.Area, label: \"Area\" },\n  { value: QuantityType.Distance, label: \"Distance\" },\n  { value: QuantityType.Force, label: \"Force\" },\n  { value: QuantityType.Mass, label: \"Mass\" },\n  { value: QuantityType.Monetary, label: \"Monetary\" },\n  { value: QuantityType.Time, label: \"Time\" },\n  { value: QuantityType.Volume, label: \"Volume\" },\n  { value: QuantityType.Undefined, label: \"No Quantity Type\" },\n];\n\nexport const GroupPropertyAction = ({\n  mappingId,\n  group,\n  groupProperty,\n  onSaveSuccess,\n  onClickCancel,\n}: GroupPropertyActionProps) => {\n  const { getAccessToken, iModelId, iModelConnection } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [propertyName, setPropertyName] = useState<string>(\"\");\n  const [oldPropertyName, setOldPropertyName] = useState<string>(\"\");\n  const [dataType, setDataType] = useState<DataType>(DataType.Undefined);\n  const [quantityType, setQuantityType] = useState<QuantityType>(QuantityType.Undefined);\n  const [selectedProperties, setSelectedProperties] = useState<PropertyMetaData[]>([]);\n  const [propertiesMetaData, setPropertiesMetaData] = useState<PropertyMetaData[]>([]);\n  const [propertiesNotFoundAlert, setPropertiesNotFoundAlert] = useState<boolean>(false);\n  const [validator, showValidationMessage] = useValidator();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [searchInput, setSearchInput] = useState<string>(\"\");\n  const [activeSearchInput, setActiveSearchInput] = useState<string>(\"\");\n  const [searched, setSearched] = useState<boolean>(false);\n  const [activeDragProperty, setActiveDragProperty] = useState<PropertyMetaData | undefined>();\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    })\n  );\n  const [showModal, setShowModal] = useState<boolean>(false);\n  const [showSaveModal, setShowSaveModal] = useState<boolean>(false);\n\n  const handleDragStart = useCallback((event: DragStartEvent) => {\n    const { active } = event;\n    const activeProperty = selectedProperties.find((p) => active.id === p.key);\n    setActiveDragProperty(activeProperty);\n  }, [selectedProperties]);\n\n  const handleDragEnd = useCallback((event: DragEndEvent) => {\n    const { active, over } = event;\n\n    if (over && (active.id !== over.id)) {\n      setSelectedProperties((items) => {\n        const oldIndex = selectedProperties.findIndex((p) => active.id === p.key);\n        const newIndex = selectedProperties.findIndex((p) => over.id === p.key);\n\n        return arrayMove(items, oldIndex, newIndex);\n      });\n    }\n\n    setActiveDragProperty(undefined);\n  }, [selectedProperties]);\n\n  const filteredProperties = useMemo(\n    () =>\n      propertiesMetaData.filter((p) =>\n        [p.displayLabel, p.categoryLabel, p.actualECClassName]\n          .map((l) => l.toLowerCase())\n          .some((l) => l.includes(activeSearchInput.toLowerCase()))\n      ),\n    [activeSearchInput, propertiesMetaData]\n  );\n\n  const reset = useCallback(() => {\n    setPropertyName(\"\");\n    setDataType(DataType.Undefined);\n    setSelectedProperties([]);\n  }, []);\n\n  useEffect(() => {\n    const generateProperties = async () => {\n      setIsLoading(true);\n\n      if (!iModelConnection) return;\n\n      const result = await manufactureKeys(group.query, iModelConnection);\n\n      const descriptor = await fetchPresentationDescriptor(iModelConnection, result);\n\n      // Only allow primitives and structs\n      const propertyFields =\n        descriptor?.fields.filter(\n          (field) =>\n            field.type.valueFormat === PropertyValueFormat.Primitive ||\n            field.type.valueFormat === PropertyValueFormat.Struct\n        ) ?? [];\n\n      const propertiesMetaData = convertPresentationFields(propertyFields);\n\n      setPropertiesMetaData(propertiesMetaData);\n\n      if (groupProperty) {\n        const accessToken = await getAccessToken();\n        let response: GroupProperty | undefined;\n        try {\n          response = await mappingClient.getGroupProperty(\n            accessToken,\n            iModelId,\n            mappingId,\n            group.id,\n            groupProperty.id\n          );\n\n          setPropertyName(response.propertyName);\n          setOldPropertyName(response.propertyName);\n          setDataType(response.dataType);\n          setQuantityType(response.quantityType);\n          const properties = findProperties(response.ecProperties, propertiesMetaData);\n          if (properties.length === 0) {\n            setPropertiesNotFoundAlert(true);\n          }\n\n          setSelectedProperties(properties);\n        } catch (error: any) {\n          handleError(error.status);\n        }\n      }\n\n      setIsLoading(false);\n    };\n    void generateProperties();\n  }, [getAccessToken, mappingClient, iModelConnection, iModelId, groupProperty, mappingId, group]);\n\n  const handleSaveClick = async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    if (oldPropertyName !== propertyName && oldPropertyName !== \"\") {\n      setShowSaveModal(true);\n    } else {\n      await onSave();\n    }\n  };\n\n  const handleCloseSaveModal = () => {\n    setShowSaveModal(false);\n  };\n\n  const onSave = async () => {\n    try {\n      setIsLoading(true);\n      const accessToken = await getAccessToken();\n      const newGroupProperty: GroupPropertyCreate = {\n        propertyName,\n        dataType,\n        quantityType,\n        ecProperties: selectedProperties.map((p) => convertToECProperties(p)).flat(),\n      };\n      groupProperty\n        ? await mappingClient.updateGroupProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          group.id,\n          groupProperty.id,\n          newGroupProperty\n        )\n        : await mappingClient.createGroupProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          group.id,\n          newGroupProperty\n        );\n      onSaveSuccess();\n      reset();\n    } catch (error: any) {\n      handleError(error.status);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const startSearch = useCallback(() => {\n    if (!searchInput) return;\n    setActiveSearchInput(searchInput);\n    setSearched(true);\n  }, [searchInput]);\n\n  const clearSearch = useCallback(() => {\n    setSearchInput(\"\");\n    setActiveSearchInput(\"\");\n    setSearched(false);\n  }, []);\n\n  useEffect(() => {\n    if (searchInput.length === 0) {\n      setSearched(false);\n      clearSearch();\n    }\n  }, [searchInput, setSearched, clearSearch]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n    >\n      <div className='gmw-group-property-action-container'>\n        <Fieldset disabled={isLoading} className='gmw-property-options' legend='Property Details'>\n          <Text variant='small' as='small' className='gmw-field-legend'>\n            Asterisk * indicates mandatory fields.\n          </Text>\n          <LabeledInput\n            id='propertyName'\n            label='Property Name'\n            value={propertyName}\n            required\n            onChange={(event) => {\n              setPropertyName(event.target.value);\n              validator.showMessageFor(\"propertyName\");\n            }}\n            message={validator.message(\n              \"propertyName\",\n              propertyName,\n              NAME_REQUIREMENTS\n            )}\n            status={\n              validator.message(\"propertyName\", propertyName, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"propertyName\");\n            }}\n          />\n          <LabeledSelect<DataType>\n            label={\"Data Type\"}\n            id='dataType'\n            options={[\n              { value: DataType.Boolean, label: \"Boolean\" },\n              { value: DataType.Number, label: \"Number\" },\n              { value: DataType.String, label: \"String\" },\n            ]}\n            required\n            value={dataType}\n            onChange={(value) => {\n              validator.showMessageFor(\"dataType\");\n              setDataType(value);\n            }}\n            message={validator.message(\"dataType\", propertyName, \"required\")}\n            status={\n              validator.message(\"dataType\", propertyName, \"required\")\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"dataType\");\n            }}\n            onShow={() => { }}\n            onHide={() => { }}\n          />\n          <LabeledSelect<QuantityType>\n            label='Quantity Type'\n            options={quantityTypesSelectionOptions}\n            value={quantityType}\n            onChange={setQuantityType}\n            onShow={() => { }}\n            onHide={() => { }}\n          />\n        </Fieldset>\n        {propertiesNotFoundAlert &&\n          <Alert type=\"warning\">\n            Warning: Could not match saved properties from the current generated list. It does not confirm or deny validity. Overwriting will occur if a new selection is made and saved.\n          </Alert>\n        }\n        <Fieldset className='gmw-property-view-container' legend=\"Mapped Properties\">\n          <div className=\"gmw-property-view-button\">\n            <Button\n              onClick={async () => setShowModal(true)}\n              disabled={isLoading}\n            >\n              Select Properties\n            </Button>\n          </div>\n          <div className=\"gmw-properties-list\">\n            {selectedProperties.length === 0 && !isLoading ?\n              <div className=\"gmw-empty-selection\">\n                <Text>No properties selected.</Text>\n                <Text>Press the &quot;Select Properties&quot; button for options.</Text>\n              </div> :\n              selectedProperties.map((property) => (\n                <HorizontalTile\n                  key={property.key}\n                  title={`${property.displayLabel} (${property.propertyType})`}\n                  titleTooltip={`${property.actualECClassName}`}\n                  subText={property.categoryLabel}\n                  actionGroup={null}\n                />\n              ))}\n          </div>\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={handleSaveClick}\n        onCancel={onClickCancel}\n        isLoading={isLoading}\n        isSavingDisabled={\n          selectedProperties.length === 0 || !propertyName || dataType === DataType.Undefined\n        }\n      />\n      <Modal\n        title=\"Properties Selection\"\n        isOpen={showModal}\n        onClose={() => {\n          setShowModal(false);\n          clearSearch();\n        }}\n        closeOnExternalClick={false}\n      >\n        <Split\n          expandToMin={false}\n          className=\"gmw-property-selection-container\"\n          gutterAlign=\"center\"\n          gutterSize={2}\n          gutter={() => {\n            // Expects HTMLElement\n            const dragHangle = renderToStaticMarkup(\n              <Icon className=\"gmw-gutter-drag-icon\" size=\"large\">\n                <SvgMoreVerticalSmall />\n              </Icon>\n            );\n            const gutter = document.createElement(\"div\");\n            gutter.className = `gmw-gutter`;\n            gutter.innerHTML = dragHangle;\n            return gutter;\n          }}\n          direction=\"horizontal\">\n          <Surface className=\"gmw-available-properties\" elevation={1}>\n            <div className=\"gmw-available-properties-header\">\n              <Label as=\"span\">Available Properties</Label>\n              <LabeledInput\n                displayStyle=\"inline\"\n                iconDisplayStyle=\"inline\"\n                className=\"gmw-available-prop-search\"\n                value={searchInput}\n                size=\"small\"\n                placeholder=\"Search....\"\n                onChange={(event) => {\n                  const {\n                    target: { value },\n                  } = event;\n                  setSearchInput(value);\n                }}\n                onKeyDown={(event) => {\n                  if (event.key === \"Enter\") {\n                    startSearch();\n                  }\n                }}\n                svgIcon={\n                  searched ? (\n                    <IconButton onClick={clearSearch} styleType=\"borderless\" title='Clear Search'>\n                      <SvgClose />\n                    </IconButton>\n                  ) : (\n                    <IconButton onClick={startSearch} styleType=\"borderless\" title='Search'>\n                      <SvgSearch />\n                    </IconButton>\n                  )\n                }\n              />\n            </div>\n            {filteredProperties.length === 0 ?\n              <div className=\"gmw-empty-selection\">\n                <Text>No properties available. </Text>\n              </div> :\n              <div className=\"gmw-properties-list\">\n                {\n                  filteredProperties.map((property) => (\n                    <HorizontalTile\n                      key={property.key}\n                      title={`${property.displayLabel} (${property.propertyType})`}\n                      titleTooltip={`${property.actualECClassName}`}\n                      subText={property.categoryLabel}\n                      actionGroup={null}\n                      selected={selectedProperties.some((p) => property.key === p.key)}\n                      onClick={() =>\n                        setSelectedProperties((sp) =>\n                          sp.some((p) => property.key === p.key)\n                            ? sp.filter(\n                              (p) => property.key !== p.key\n                            )\n                            : [...sp, property]\n                        )\n                      }\n                    />\n                  ))}\n              </div>}\n          </Surface>\n          <Surface className=\"gmw-selected-properties\" elevation={1}>\n            <Label as=\"span\">Selected Properties</Label>\n            {selectedProperties.length === 0 ?\n              <div className=\"gmw-empty-selection\">\n                <Text>No properties selected.</Text>\n                <Text>Add some by clicking on the properties shown left.</Text>\n              </div> :\n              <div className=\"gmw-properties-list\" >\n                <SortableContext\n                  items={selectedProperties.map((p) => p.key)}\n                  strategy={verticalListSortingStrategy}\n                >\n                  {selectedProperties.map((property) =>\n                    <SortableHorizontalTile\n                      key={property.key}\n                      id={property.key}\n                      title={`${property.displayLabel} (${property.propertyType})`}\n                      titleTooltip={`${property.actualECClassName}`}\n                      subText={property.categoryLabel}\n                      actionGroup={\n                        <div>\n                          <IconButton\n                            styleType=\"borderless\"\n                            title=\"Remove\"\n                            onClick={() => {\n                              setSelectedProperties((sp) => sp.filter(\n                                (p) => property.key !== p.key\n                              ));\n                            }\n                            }>\n                            <SvgRemove />\n                          </IconButton>\n                        </div>\n                      }\n                    />)}\n                </SortableContext>\n              </div>}\n          </Surface>\n        </Split>\n        <ModalButtonBar>\n          <Button\n            onClick={() => {\n              setShowModal(false);\n              clearSearch();\n            }}\n            styleType=\"high-visibility\"\n          >\n            Close\n          </Button>\n        </ModalButtonBar>\n      </Modal>\n      <SaveModal\n        onSave={onSave}\n        onClose={handleCloseSaveModal}\n        showSaveModal={showSaveModal}\n      />\n      <DragOverlay zIndex={9999}>\n        {activeDragProperty ?\n          <HorizontalTile\n            title={`${activeDragProperty.displayLabel} (${activeDragProperty.propertyType})`}\n            titleTooltip={`${activeDragProperty.actualECClassName}`}\n            subText={activeDragProperty.categoryLabel}\n            actionGroup={\n              <IconButton\n                styleType=\"borderless\">\n                <SvgRemove />\n              </IconButton>}\n            dragHandle={\n              <Icon className=\"gmw-drag-icon\" size=\"large\">\n                <SvgDragHandleVertical />\n              </Icon>\n            }\n          /> : null}\n      </DragOverlay>\n    </DndContext>\n  );\n};\n\n"]}

package/lib/cjs/components/Properties/GroupProperties/GroupPropertyTable.js

@@ -0,0 +1,81 @@
+"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.GroupPropertyTable = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const MappingClientContext_1 = require("../../context/MappingClientContext");
+const PropertyNameCell_1 = require("../PropertyNameCell");
+const PropertyTable_1 = require("../PropertyTable");
+const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
+const GroupPropertyTable = ({ mappingId, groupId, onClickAdd, onClickModify, isLoading, groupProperties, refresh, }) => {
+    const mappingClient = (0, MappingClientContext_1.useMappingClient)();
+    const { getAccessToken, iModelId } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+    const columnsFactory = (0, react_1.useCallback)((handleShowDeleteModal) => [
+        {
+            Header: "Table",
+            columns: [
+                {
+                    id: "propertyName",
+                    Header: "Property",
+                    accessor: "propertyName",
+                    Cell: (value) => (react_1.default.createElement(PropertyNameCell_1.PropertyNameCell, { property: value.row.original, onClickModify: onClickModify })),
+                },
+                {
+                    id: "dropdown",
+                    Header: "",
+                    width: 80,
+                    Cell: (value) => {
+                        return (react_1.default.createElement(itwinui_react_1.DropdownMenu, { menuItems: (close) => [
+                                onClickModify ? [
+                                    react_1.default.createElement(itwinui_react_1.MenuItem, { key: 0, onClick: () => {
+                                            onClickModify(value.row.original);
+                                            close();
+                                        }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgEdit, null) }, "Modify"),
+                                ] : [],
+                                react_1.default.createElement(itwinui_react_1.MenuItem, { key: 1, onClick: () => {
+                                        handleShowDeleteModal(value.row.original);
+                                        close();
+                                    }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null) }, "Remove"),
+                            ].flatMap((p) => p) },
+                            react_1.default.createElement(itwinui_react_1.IconButton, { styleType: 'borderless', title: 'Property Options' },
+                                react_1.default.createElement(itwinui_icons_react_1.SvgMore, { style: {
+                                        width: "16px",
+                                        height: "16px",
+                                    } }))));
+                    },
+                },
+            ],
+        },
+    ], [onClickModify]);
+    const deleteProperty = (0, react_1.useCallback)(async (propertyId) => {
+        const accessToken = await getAccessToken();
+        await mappingClient.deleteGroupProperty(accessToken, iModelId, mappingId, groupId, propertyId);
+    }, [getAccessToken, groupId, iModelId, mappingClient, mappingId]);
+    return (react_1.default.createElement(PropertyTable_1.PropertyTable, { propertyType: "Group", columnsFactory: columnsFactory, data: groupProperties, isLoading: isLoading, onClickAdd: onClickAdd, refreshProperties: refresh, deleteProperty: deleteProperty }));
+};
+exports.GroupPropertyTable = GroupPropertyTable;
+//# sourceMappingURL=GroupPropertyTable.js.map

package/lib/cjs/components/Properties/GroupProperties/GroupPropertyTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupPropertyTable.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/GroupPropertyTable.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgDelete,\n  SvgEdit,\n  SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback } from \"react\";\nimport type { CellProps } from \"react-table\";\nimport type { GroupProperty } from \"@itwin/insights-client\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport { PropertyNameCell } from \"../PropertyNameCell\";\nimport { PropertyTable } from \"../PropertyTable\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\n\nexport interface GroupPropertyTableProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n  onClickAdd?: () => void;\n  onClickModify?: (value: GroupProperty) => void;\n  isLoading: boolean;\n  groupProperties: GroupProperty[];\n  refresh: () => Promise<void>;\n}\n\nexport const GroupPropertyTable = ({\n  mappingId,\n  groupId,\n  onClickAdd,\n  onClickModify,\n  isLoading,\n  groupProperties,\n  refresh,\n}: GroupPropertyTableProps) => {\n  const mappingClient = useMappingClient();\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n\n  const columnsFactory = useCallback(\n    (handleShowDeleteModal: (value: GroupProperty) => void) => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"propertyName\",\n            Header: \"Property\",\n            accessor: \"propertyName\",\n            Cell: (value: CellProps<GroupProperty>) => (\n              <PropertyNameCell\n                property={value.row.original}\n                onClickModify={onClickModify}\n              />\n            ),\n          },\n          {\n            id: \"dropdown\",\n            Header: \"\",\n            width: 80,\n            Cell: (value: CellProps<GroupProperty>) => {\n              return (\n                <DropdownMenu\n                  menuItems={(close: () => void) => [\n                    onClickModify ? [\n                      <MenuItem\n                        key={0}\n                        onClick={() => {\n                          onClickModify(value.row.original);\n                          close();\n                        }}\n                        icon={<SvgEdit />}\n                      >\n                        Modify\n                      </MenuItem>,\n                    ] : [],\n                    <MenuItem\n                      key={1}\n                      onClick={() => {\n                        handleShowDeleteModal(value.row.original);\n                        close();\n                      }}\n                      icon={<SvgDelete />}\n                    >\n                      Remove\n                    </MenuItem>,\n                  ].flatMap((p) => p)}\n                >\n                  <IconButton styleType='borderless' title='Property Options'>\n                    <SvgMore\n                      style={{\n                        width: \"16px\",\n                        height: \"16px\",\n                      }}\n                    />\n                  </IconButton>\n                </DropdownMenu>\n              );\n            },\n          },\n        ],\n      },\n    ],\n    [onClickModify]\n  );\n\n  const deleteProperty = useCallback(async (propertyId: string) => {\n    const accessToken = await getAccessToken();\n    await mappingClient.deleteGroupProperty(\n      accessToken,\n      iModelId,\n      mappingId,\n      groupId,\n      propertyId,\n    );\n  }, [getAccessToken, groupId, iModelId, mappingClient, mappingId]);\n\n  return (\n    <PropertyTable\n      propertyType=\"Group\"\n      columnsFactory={columnsFactory}\n      data={groupProperties}\n      isLoading={isLoading}\n      onClickAdd={onClickAdd}\n      refreshProperties={refresh}\n      deleteProperty={deleteProperty}\n    />\n  );\n};\n"]}

package/lib/cjs/components/Properties/GroupProperties/GroupPropertyUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupPropertyUtils.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/GroupPropertyUtils.ts"],"names":[],"mappings":";;;AAMA,4DAAkD;AAWlD,oEAMoC;AACpC,wEAA4D;AAC5D,6CAAwC;AAexC,MAAM,WAAW,GAAG,CAAC,IAAY,EAAY,EAAE;IAC7C,QAAQ,IAAI,EAAE;QACZ,KAAK,KAAK,CAAC;QACX,KAAK,MAAM,CAAC;QACZ,KAAK,MAAM;YACT,OAAO,0BAAQ,CAAC,OAAO,CAAC;QAC1B,KAAK,SAAS;YACZ,OAAO,0BAAQ,CAAC,OAAO,CAAC;QAC1B,KAAK,QAAQ;YACX,OAAO,0BAAQ,CAAC,MAAM,CAAC;QACzB,KAAK,QAAQ;YACX,OAAO,0BAAQ,CAAC,MAAM,CAAC;QACzB;YACE,OAAO,0BAAQ,CAAC,MAAM,CAAC;KAC1B;AACH,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CACxB,iBAA2B,EAC3B,aAA8B,EACV,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;IACjE,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC5C,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC;IACzC,kCAAkC;IAClC,MAAM,uBAAuB,GAAG,aAAa,CAAC,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAC5E,MAAM,wBAAwB,GAAG,QAAQ,CAAC,QAAQ,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAAI,IAAI,EAAE,CAAC;IAChG;;;MAGE;IACF,MAAM,YAAY,GAAG,wBAAwB,CAAC,CAAC,CAAC,0BAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACtG,MAAM,iBAAiB,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC;IAC3D,MAAM,oBAAoB,GAAG,CAAC,GAAG,iBAAiB,EAAE,YAAY,CAAC,CAAC;IAElE,OAAO,CACL;QACE,YAAY;QACZ,YAAY,EAAE,GAAG;QACjB,eAAe,EAAE,GAAG;QACpB,mBAAmB,EAAE,oBAAoB;QACzC,YAAY;QACZ,wBAAwB;QACxB,iBAAiB;QACjB,uBAAuB;QACvB,GAAG,EAAE,GAAG,uBAAuB,IAAI,iBAAiB,IAAI,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;QACxF,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK;KAC5C,CACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,gCAAgC,GAAG,CACvC,iBAA2B,EAC3B,OAAuC,EACvC,aAAqB,EACrB,iBAAyB,EACzB,uBAAgC,EACZ,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;IAClD,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,KAAK,yCAAmB,CAAC,SAAS,EAAE;QAC7D,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC;QACjC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC;QAClC,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvD,MAAM,oBAAoB,GAAG,CAAC,GAAG,iBAAiB,EAAE,YAAY,CAAC,CAAC;QAElE,OAAO,CAAC;YACN,YAAY;YACZ,YAAY,EAAE,GAAG;YACjB,eAAe,EAAE,GAAG;YACpB,mBAAmB,EAAE,oBAAoB;YACzC,YAAY;YACZ,wBAAwB,EAAE,EAAE;YAC5B,iBAAiB;YACjB,uBAAuB;YACvB,GAAG,EAAE,GAAG,uBAAuB,IAAI,iBAAiB,IAAI,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YACxF,aAAa;SACd,CAAC,CAAC;KAEJ;SAAM,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,KAAK,yCAAmB,CAAC,MAAM,EAAE;QACjE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;QAC/B,OAAO,gCAAgC,CACrC,CAAC,GAAG,iBAAiB,EAAE,UAAU,CAAC,EAClC,MAAM,CAAC,IAAI,CAAC,OAAO,EACnB,aAAa,EACb,iBAAiB,EACjB,uBAAuB,CACxB,CAAC;KACH;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,QAAe,EAAE,EAAE;IACxC,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,KAAK,yCAAmB,CAAC,MAAM,EAAE;QAC5D,OAAO,EAAE,CAAC;KACX;IAED,MAAM,UAAU,GAAI,QAA4B,CAAC,UAAU,CAAC,CAAC,CAAC;SAC3D,QAAQ,CAAC,IAAI,CAAC;IACjB,MAAM,iBAAiB,GAAI,QAA4B,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC;IAC9F,OAAO,gCAAgC,CACrC,CAAC,UAAU,CAAC,EACZ,QAAQ,CAAC,IAAI,CAAC,OAAO,EACrB,QAAQ,CAAC,QAAQ,CAAC,KAAK,EACvB,iBAAiB,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,iBAA2B,EAAE,cAAuB,EAAsB,EAAE,CACjG,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;IAClC,2BAA2B;IAC3B,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE;QACjC,KAAK,yCAAmB,CAAC,SAAS,CAAC,CAAC;YAClC,OAAO,iBAAiB,CAAC,CAAC,GAAG,iBAAiB,CAAC,EAAE,QAA2B,CAAC,CAAC;SAC/E;QACD,cAAc;QACd,KAAK,yCAAmB,CAAC,MAAM,CAAC,CAAC;YAC/B,MAAM,kBAAkB,GAAG,QAA8B,CAAC;YAC1D,sFAAsF;YACtF,IACE,kBAAkB,CAAC,kBAAkB;gBACrC,kBAAkB,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAChD;gBACA,+DAA+D;gBAC/D,IAAI,kBAAkB,CAAC,gBAAgB,CAAC,IAAI,KAAK,wBAAwB,EAAE;oBACzE,OAAO,aAAa,CAAC,CAAC,GAAG,iBAAiB,EAAE,QAAQ,EAAE,YAAY,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;iBACvG;gBACD,MAAM;aACP;YAED,QAAQ,kBAAkB,CAAC,mBAAmB,EAAE;gBAC9C,2FAA2F;gBAC3F,wBAAwB;gBACxB,KAAK,yCAAmB,CAAC,eAAe,CAAC,CAAC;oBACxC;oBACE,6BAA6B;oBAC7B,kBAAkB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI;wBAC9D,6CAA6C,EAC7C;wBACA,OAAO,aAAa,CAAC,CAAC,GAAG,iBAAiB,EAAE,gBAAgB,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;qBACjG;oBACD,MAAM;iBACP;gBACD,OAAO,CAAC,CAAC;oBACP,6EAA6E;oBAC7E,uCAAuC;oBACvC,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,EAAE;wBAC1C,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC;qBAChC;iBACF;aACF;SACF;KACF;IACD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC,CAAC;AAEE,MAAM,yBAAyB,GAAG,CAAC,cAAuB,EAAsB,EAAE,CACvF,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;IAClC,2BAA2B;IAC3B,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE;QACjC,KAAK,yCAAmB,CAAC,SAAS,CAAC,CAAC;YAClC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,EAAE,EAAE,QAA2B,CAAC,CAAC;YAC/E,KAAK,MAAM,kBAAkB,IAAI,mBAAmB,EAAE;gBACpD,kBAAkB,CAAC,YAAY,GAAG,GAAG,CAAC;gBACtC,kBAAkB,CAAC,eAAe,GAAG,GAAG,CAAC;gBACzC,OAAO,kBAAkB,CAAC;aAC3B;YACD,MAAM;SACP;QACD,cAAc;QACd,KAAK,yCAAmB,CAAC,MAAM,CAAC,CAAC;YAC/B,MAAM,kBAAkB,GAAG,QAA8B,CAAC;YAC1D,sFAAsF;YACtF,IACE,kBAAkB,CAAC,kBAAkB;gBACrC,kBAAkB,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAChD;gBACA,MAAM;aACP;YACD,QAAQ,kBAAkB,CAAC,mBAAmB,EAAE;gBAC9C,KAAK,yCAAmB,CAAC,YAAY,CAAC,CAAC;oBACrC,qBAAqB;oBACrB,IACE,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,gBAAgB;yBACvD,IAAI,KAAK,iCAAiC;wBAC3C,kBAAkB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,gBAAgB;6BACtD,IAAI,KAAK,iCAAiC,CAAC,EAChD;wBACA,MAAM,aAAa,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,IAAI,CAAC;wBAC/D,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;wBACjD,MAAM,eAAe,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;wBACpD,MAAM,eAAe,GAAG,aAAa,CAAC,EAAE,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;wBAC3E,MAAM,qBAAqB,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;wBACtH,OAAO,qBAAqB,CAAC;qBAC9B;oBACD,MAAM;iBACP;gBACD,wBAAwB;gBACxB,KAAK,yCAAmB,CAAC,eAAe,CAAC,CAAC;oBACxC;oBACE,6BAA6B;oBAC7B,kBAAkB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI;wBAC9D,6CAA6C,EAC7C;wBACA,OAAO,aAAa,CAAC,CAAC,gBAAgB,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;qBAC3E;oBACD,MAAM;iBACP;gBACD,OAAO,CAAC,CAAC;oBACP,6EAA6E;oBAC7E,uCAAuC;oBACvC,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,EAAE;wBAC1C,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC;qBAChC;iBACF;aACF;SACF;KACF;IACD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC,CAAC;AA/DQ,QAAA,yBAAyB,6BA+DjC;AAEE,MAAM,qBAAqB,GAAG,CAAC,QAA0B,EAAgB,EAAE;IAChF,MAAM,UAAU,GAAe;QAC7B,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,WAAW,EAAE,QAAQ,CAAC,eAAe;QACrC,cAAc,EAAE,QAAQ,CAAC,YAAY;QACrC,cAAc,EAAE,EAAE;KACnB,CAAC;IACF,QAAQ,QAAQ,CAAC,wBAAwB,EAAE;QACzC,qDAAqD;QACrD,KAAK,+BAA+B,CAAC,CAAC;YACpC,OAAO;gBACL;oBACE,GAAG,UAAU;oBACb,cAAc,EAAE;wBACd,GAAG,QAAQ,CAAC,mBAAmB;wBAC/B,gBAAgB;wBAChB,WAAW;qBACZ,CAAC,IAAI,CAAC,GAAG,CAAC;iBACZ;gBACD;oBACE,GAAG,UAAU;oBACb,cAAc,EAAE;wBACd,GAAG,QAAQ,CAAC,mBAAmB;wBAC/B,gBAAgB;wBAChB,WAAW;qBACZ,CAAC,IAAI,CAAC,GAAG,CAAC;iBACZ;aACF,CAAC;SACH;QACD,6EAA6E;QAC7E,KAAK,wCAAwC,CAAC;QAC9C,KAAK,6CAA6C;YAChD,OAAO;gBACL;oBACE,GAAG,UAAU;oBACb,cAAc,EAAE;wBACd,GAAG,QAAQ,CAAC,mBAAmB;wBAC/B,WAAW;qBACZ,CAAC,IAAI,CAAC,GAAG,CAAC;iBACZ;gBACD;oBACE,GAAG,UAAU;oBACb,cAAc,EAAE;wBACd,GAAG,QAAQ,CAAC,mBAAmB;wBAC/B,WAAW;qBACZ,CAAC,IAAI,CAAC,GAAG,CAAC;iBACZ;aACF,CAAC;QACJ,OAAO,CAAC,CAAC;YACP,OAAO;gBACL;oBACE,GAAG,UAAU;oBACb,cAAc,EAAE,QAAQ,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC;iBACvD;aACF,CAAC;SACH;KACF;AACH,CAAC,CAAC;AAzDW,QAAA,qBAAqB,yBAyDhC;AAEK,MAAM,cAAc,GAAG,CAAC,YAA0B,EAAE,kBAAsC,EAAE,EAAE;IACnG,IAAI,gBAAgB,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC;IACzC,MAAM,wBAAwB,GAAuB,IAAI,KAAK,EAAoB,CAAC;IACnF,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,OAAO,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;QACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAClD,MAAM,iBAAiB,GAAG,IAAA,6BAAqB,EAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;YACvE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;YAC/E,IAAI,IAAA,uBAAS,EAAC,iBAAiB,EAAE,kBAAkB,CAAC,EAAE;gBACpD,wBAAwB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrD,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;gBACpE,MAAM;aACP;YACD,IAAI,CAAC,KAAK,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvC,QAAQ,GAAG,IAAI,CAAC;aACjB;SACF;QACD,IAAI,QAAQ;YACV,MAAM;KACT;IACD,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC;AAClD,CAAC,CAAC;AArBW,QAAA,cAAc,kBAqBzB;AAEK,MAAM,2BAA2B,GAAG,KAAK,EAAE,gBAAkC,EAAE,MAAc,EAAE,EAAE;IACtG,MAAM,OAAO,GAAY;QACvB,EAAE,EAAE,wBAAwB;QAC5B,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,+BAAS,CAAC,OAAO;gBAC3B,cAAc,EAAE;oBACd;wBACE,QAAQ,EAAE,+CAAyB,CAAC,qBAAqB;wBACzD,iBAAiB,EAAE,CAAC;gCAClB,IAAI,EAAE,GAAG;gCACT,WAAW,EAAE,IAAI;6BAClB,CAAC;qBACH;iBACF;aACF;SAAC;KACL,CAAC;IACF,MAAM,cAAc,GAA+E;QACjG,MAAM,EAAE,gBAAgB;QACxB,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,gDAA0B,CAAC,YAAY;KACrD,CAAC;IACF,MAAM,UAAU,GAAG,MAAM,oCAAY,CAAC,YAAY,CAAC,oBAAoB,CACrE,cAAc,CACf,CAAC;IACF,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AA3BW,QAAA,2BAA2B,+BA2BtC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { ECProperty } from \"@itwin/insights-client\";\nimport { DataType } from \"@itwin/insights-client\";\nimport type {\n  ContentDescriptorRequestOptions,\n  Field,\n  KeySet,\n  NestedContentField,\n  PropertiesField,\n  Ruleset,\n  RulesetVariable,\n  StructFieldMemberDescription,\n} from \"@itwin/presentation-common\";\nimport {\n  ContentSpecificationTypes,\n  DefaultContentDisplayTypes,\n  PropertyValueFormat,\n  RelationshipMeaning,\n  RuleTypes,\n} from \"@itwin/presentation-common\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { deepEqual } from \"fast-equals\";\n\nexport interface PropertyMetaData {\n  displayLabel: string;\n  sourceSchema: string;\n  sourceClassName: string;\n  categoryLabel: string;\n  propertyType: DataType;\n  actualECClassName: string;\n  parentPropertyClassName: string | undefined;\n  ecPropertyTraversal: string[];\n  primitiveNavigationClass: string;\n  key: string;\n}\n\nconst convertType = (type: string): DataType => {\n  switch (type) {\n    case \"int\":\n    case \"enum\":\n    case \"long\":\n      return DataType.Integer;\n    case \"boolean\":\n      return DataType.Boolean;\n    case \"double\":\n      return DataType.Double;\n    case \"number\":\n      return DataType.Number;\n    default:\n      return DataType.String;\n  }\n};\n\nconst extractPrimitives = (\n  propertyTraversal: string[],\n  propertyField: PropertiesField\n): PropertyMetaData[] => propertyField.properties.map((property) => {\n  const propertyName = property.property.name;\n  const displayLabel = propertyField.label;\n  // It belongs to this parent class\n  const parentPropertyClassName = propertyField.parent?.contentClassInfo.name;\n  const primitiveNavigationClass = property.property.navigationPropertyInfo?.classInfo.name ?? \"\";\n  /* Presentation assigns primitive navigations properties as a long type due to how it stores the\n     ECInstanceId of the class in the meta.ECClassDef table on the C++ layer.\n     We are handling this special case.\n  */\n  const propertyType = primitiveNavigationClass ? DataType.String : convertType(property.property.type);\n  const actualECClassName = property.property.classInfo.name;\n  const newPropertyTraversal = [...propertyTraversal, propertyName];\n\n  return (\n    {\n      displayLabel,\n      sourceSchema: \"*\",\n      sourceClassName: \"*\",\n      ecPropertyTraversal: newPropertyTraversal,\n      propertyType,\n      primitiveNavigationClass,\n      actualECClassName,\n      parentPropertyClassName,\n      key: `${parentPropertyClassName}|${actualECClassName}|${newPropertyTraversal.join(\"|\")}`,\n      categoryLabel: propertyField.category.label,\n    }\n  );\n});\n\nconst extractPrimitiveStructProperties = (\n  propertyTraversal: string[],\n  members: StructFieldMemberDescription[],\n  categoryLabel: string,\n  actualECClassName: string,\n  parentPropertyClassName?: string,\n): PropertyMetaData[] => members.flatMap((member) => {\n  if (member.type.valueFormat === PropertyValueFormat.Primitive) {\n    const propertyName = member.name;\n    const displayLabel = member.label;\n    const propertyType = convertType(member.type.typeName);\n    const newPropertyTraversal = [...propertyTraversal, propertyName];\n\n    return ({\n      displayLabel,\n      sourceSchema: \"*\",\n      sourceClassName: \"*\",\n      ecPropertyTraversal: newPropertyTraversal,\n      propertyType,\n      primitiveNavigationClass: \"\",\n      actualECClassName,\n      parentPropertyClassName,\n      key: `${parentPropertyClassName}|${actualECClassName}|${newPropertyTraversal.join(\"|\")}`,\n      categoryLabel,\n    });\n\n  } else if (member.type.valueFormat === PropertyValueFormat.Struct) {\n    const structName = member.name;\n    return extractPrimitiveStructProperties(\n      [...propertyTraversal, structName],\n      member.type.members,\n      categoryLabel,\n      actualECClassName,\n      parentPropertyClassName\n    );\n  }\n\n  return [];\n});\n\nconst extractStruct = (property: Field) => {\n  if (property.type.valueFormat !== PropertyValueFormat.Struct) {\n    return [];\n  }\n\n  const columnName = (property as PropertiesField).properties[0]\n    .property.name;\n  const actualECClassName = (property as PropertiesField).properties[0].property.classInfo.name;\n  return extractPrimitiveStructProperties(\n    [columnName],\n    property.type.members,\n    property.category.label,\n    actualECClassName\n  );\n};\n\nconst extractNested = (propertyTraversal: string[], propertyFields: Field[]): PropertyMetaData[] =>\n  propertyFields.flatMap((property) => {\n    // Generate base ECProperty\n    switch (property.type.valueFormat) {\n      case PropertyValueFormat.Primitive: {\n        return extractPrimitives([...propertyTraversal], property as PropertiesField);\n      }\n      // Get structs\n      case PropertyValueFormat.Struct: {\n        const nestedContentField = property as NestedContentField;\n        // Only handling single path and not handling nested content fields within navigations\n        if (\n          nestedContentField.pathToPrimaryClass &&\n          nestedContentField.pathToPrimaryClass.length > 1\n        ) {\n          // Hardcoded navigation to external source repository metadata.\n          if (nestedContentField.contentClassInfo.name === \"BisCore:RepositoryLink\") {\n            return extractNested([...propertyTraversal, \"Source\", \"Repository\"], nestedContentField.nestedFields);\n          }\n          break;\n        }\n\n        switch (nestedContentField.relationshipMeaning) {\n          // Aspects are not looked at again. Extraction does not support aspects within navigations.\n          // Navigation properties\n          case RelationshipMeaning.RelatedInstance: {\n            if (\n              // Deal with a TypeDefinition\n              nestedContentField.pathToPrimaryClass[0].relationshipInfo.name ===\n              \"BisCore:GeometricElement3dHasTypeDefinition\"\n            ) {\n              return extractNested([...propertyTraversal, \"TypeDefinition\"], nestedContentField.nestedFields);\n            }\n            break;\n          }\n          default: {\n            // Some elements don't have a path to primary class or relationship meaning..\n            // Most likely a simple struct property\n            if (!nestedContentField.pathToPrimaryClass) {\n              return extractStruct(property);\n            }\n          }\n        }\n      }\n    }\n    return [];\n  });\n\nexport const convertPresentationFields = (propertyFields: Field[]): PropertyMetaData[] =>\n  propertyFields.flatMap((property) => {\n    // Generate base ECProperty\n    switch (property.type.valueFormat) {\n      case PropertyValueFormat.Primitive: {\n        const extractedPrimitives = extractPrimitives([], property as PropertiesField);\n        for (const extractedPrimitive of extractedPrimitives) {\n          extractedPrimitive.sourceSchema = \"*\";\n          extractedPrimitive.sourceClassName = \"*\";\n          return extractedPrimitive;\n        }\n        break;\n      }\n      // Get structs\n      case PropertyValueFormat.Struct: {\n        const nestedContentField = property as NestedContentField;\n        // Only handling single path and not handling nested content fields within navigations\n        if (\n          nestedContentField.pathToPrimaryClass &&\n          nestedContentField.pathToPrimaryClass.length > 1\n        ) {\n          break;\n        }\n        switch (nestedContentField.relationshipMeaning) {\n          case RelationshipMeaning.SameInstance: {\n            // Check for aspects.\n            if (\n              (nestedContentField.pathToPrimaryClass[0].relationshipInfo\n                .name === \"BisCore:ElementOwnsUniqueAspect\" ||\n                nestedContentField.pathToPrimaryClass[0].relationshipInfo\n                  .name === \"BisCore:ElementOwnsMultiAspects\")\n            ) {\n              const fullClassName = nestedContentField.contentClassInfo.name;\n              const sourceSchema = fullClassName.split(\":\")[0];\n              const sourceClassName = fullClassName.split(\":\")[1];\n              const extractedNested = extractNested([], nestedContentField.nestedFields);\n              const aspectExtractedNested = extractedNested.map((ecProperty) => ({ ...ecProperty, sourceSchema, sourceClassName }));\n              return aspectExtractedNested;\n            }\n            break;\n          }\n          // Navigation properties\n          case RelationshipMeaning.RelatedInstance: {\n            if (\n              // Deal with a TypeDefinition\n              nestedContentField.pathToPrimaryClass[0].relationshipInfo.name ===\n              \"BisCore:GeometricElement3dHasTypeDefinition\"\n            ) {\n              return extractNested([\"TypeDefinition\"], nestedContentField.nestedFields);\n            }\n            break;\n          }\n          default: {\n            // Some elements don't have a path to primary class or relationship meaning..\n            // Most likely a simple struct property\n            if (!nestedContentField.pathToPrimaryClass) {\n              return extractStruct(property);\n            }\n          }\n        }\n      }\n    }\n    return [];\n  });\n\nexport const convertToECProperties = (property: PropertyMetaData): ECProperty[] => {\n  const ecProperty: ECProperty = {\n    ecSchemaName: property.sourceSchema,\n    ecClassName: property.sourceClassName,\n    ecPropertyType: property.propertyType,\n    ecPropertyName: \"\",\n  };\n  switch (property.primitiveNavigationClass) {\n    // Hardcode Models navigation path and label behavior\n    case \"BisCore:ModelContainsElements\": {\n      return [\n        {\n          ...ecProperty,\n          ecPropertyName: [\n            ...property.ecPropertyTraversal,\n            \"ModeledElement\",\n            \"UserLabel\",\n          ].join(\".\"),\n        },\n        {\n          ...ecProperty,\n          ecPropertyName: [\n            ...property.ecPropertyTraversal,\n            \"ModeledElement\",\n            \"CodeValue\",\n          ].join(\".\"),\n        },\n      ];\n    }\n    // Hardcode Category and Physical Material navigation path and label behavior\n    case \"BisCore:GeometricElement3dIsInCategory\":\n    case \"BisCore:PhysicalElementIsOfPhysicalMaterial\":\n      return [\n        {\n          ...ecProperty,\n          ecPropertyName: [\n            ...property.ecPropertyTraversal,\n            \"UserLabel\",\n          ].join(\".\"),\n        },\n        {\n          ...ecProperty,\n          ecPropertyName: [\n            ...property.ecPropertyTraversal,\n            \"CodeValue\",\n          ].join(\".\"),\n        },\n      ];\n    default: {\n      return [\n        {\n          ...ecProperty,\n          ecPropertyName: property.ecPropertyTraversal.join(\".\"),\n        },\n      ];\n    }\n  }\n};\n\nexport const findProperties = (ecProperties: ECProperty[], propertiesMetaData: PropertyMetaData[]) => {\n  let ecPropertiesCopy = [...ecProperties];\n  const propertiesMetaDataResult: PropertyMetaData[] = new Array<PropertyMetaData>();\n  let notFound = false;\n  while (ecPropertiesCopy.length !== 0) {\n    for (let i = 0; i < propertiesMetaData.length; i++) {\n      const generatedProperty = convertToECProperties(propertiesMetaData[i]);\n      const slicedEcProperties = ecPropertiesCopy.slice(0, generatedProperty.length);\n      if (deepEqual(generatedProperty, slicedEcProperties)) {\n        propertiesMetaDataResult.push(propertiesMetaData[i]);\n        ecPropertiesCopy = ecPropertiesCopy.slice(generatedProperty.length);\n        break;\n      }\n      if (i === propertiesMetaData.length - 1) {\n        notFound = true;\n      }\n    }\n    if (notFound)\n      break;\n  }\n  return notFound ? [] : propertiesMetaDataResult;\n};\n\nexport const fetchPresentationDescriptor = async (iModelConnection: IModelConnection, keySet: KeySet) => {\n  const ruleSet: Ruleset = {\n    id: \"gmw-element-properties\",\n    rules: [\n      {\n        ruleType: RuleTypes.Content,\n        specifications: [\n          {\n            specType: ContentSpecificationTypes.SelectedNodeInstances,\n            propertyOverrides: [{\n              name: \"*\",\n              isDisplayed: true,\n            }],\n          },\n        ],\n      }],\n  };\n  const requestOptions: ContentDescriptorRequestOptions<IModelConnection, KeySet, RulesetVariable> = {\n    imodel: iModelConnection,\n    keys: keySet,\n    rulesetOrId: ruleSet,\n    displayType: DefaultContentDisplayTypes.PropertyPane,\n  };\n  const descriptor = await Presentation.presentation.getContentDescriptor(\n    requestOptions\n  );\n  return descriptor;\n};\n"]}

package/lib/cjs/components/Properties/GroupProperties/SaveModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveModal.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/SaveModal.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAK8B;AAC9B,kDAA0B;AAQnB,MAAM,SAAS,GAAG,CAAC,EACxB,MAAM,EACN,OAAO,EACP,aAAa,GACE,EAAE,EAAE;IACnB,OAAO,CACL;QACE,8BAAC,qBAAK,IACJ,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,yBAAyB,EACrC,MAAM,EAAE,aAAa,EACrB,OAAO,EAAE,OAAO;YAEhB,8BAAC,oBAAI,IAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,oIAExB;YACP,8BAAC,8BAAc;gBACb,8BAAC,sBAAM,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,WAE1C;gBACT,8BAAC,sBAAM,IACL,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,aAGZ,CACM,CACX,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,SAAS,aA8BpB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  Button,\n  Modal,\n  ModalButtonBar,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport React from \"react\";\n\nexport interface SaveModalProps {\n  onSave: () => void;\n  onClose: () => void;\n  showSaveModal: boolean;\n}\n\nexport const SaveModal = ({\n  onSave,\n  onClose,\n  showSaveModal,\n}: SaveModalProps) => {\n  return (\n    <>\n      <Modal\n        title='Confirm'\n        modalRootId='grouping-mapping-widget'\n        isOpen={showSaveModal}\n        onClose={onClose}\n      >\n        <Text variant=\"leading\" as=\"h3\">\n          Are you sure you want to save this property with a new name? You may need to update this name in Custom Calculation formulas.\n        </Text>\n        <ModalButtonBar>\n          <Button styleType='high-visibility' onClick={onSave}>\n            Save\n          </Button>\n          <Button\n            onClick={onClose}\n            styleType='default'\n          >\n            Cancel\n          </Button>\n        </ModalButtonBar>\n      </Modal>\n    </>\n  );\n};\n"]}

package/lib/cjs/components/Properties/GroupProperties/SortableHorizontalTile.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { HorizontalTileProps } from "../../SharedComponents/HorizontalTile";
+interface SortableHorizontalTileProps extends HorizontalTileProps {
+    id: string;
+}
+declare const SortableHorizontalTile: ({ id, ...props }: SortableHorizontalTileProps) => JSX.Element;
+export default SortableHorizontalTile;
+//# sourceMappingURL=SortableHorizontalTile.d.ts.map

package/lib/cjs/components/Properties/GroupProperties/SortableHorizontalTile.js

@@ -0,0 +1,52 @@
+"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 });
+/*---------------------------------------------------------------------------------------------
+* 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 sortable_1 = require("@dnd-kit/sortable");
+const HorizontalTile_1 = require("../../SharedComponents/HorizontalTile");
+const utilities_1 = require("@dnd-kit/utilities");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const SortableHorizontalTile = ({ id, ...props }) => {
+    const { attributes, listeners, isDragging, setNodeRef, transform, transition, } = (0, sortable_1.useSortable)({ id });
+    const style = {
+        transform: utilities_1.CSS.Transform.toString(transform),
+        transition,
+    };
+    (0, react_1.useEffect)(() => {
+        if (!isDragging) {
+            return;
+        }
+        document.body.style.cursor = "grabbing";
+        return () => {
+            document.body.style.cursor = "";
+        };
+    }, [isDragging]);
+    return (react_1.default.createElement("div", { ref: setNodeRef, ...attributes, style: { ...style, visibility: isDragging ? "hidden" : "visible" } },
+        react_1.default.createElement(HorizontalTile_1.HorizontalTile, { dragHandle: react_1.default.createElement(itwinui_react_1.Icon, { className: "gmw-drag-icon", size: "large", style: { cursor: "grab" }, title: "Drag & Drop", ...listeners },
+                react_1.default.createElement(itwinui_icons_react_1.SvgDragHandleVertical, null)), ...props })));
+};
+exports.default = SortableHorizontalTile;
+//# sourceMappingURL=SortableHorizontalTile.js.map

package/lib/cjs/components/Properties/GroupProperties/SortableHorizontalTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableHorizontalTile.js","sourceRoot":"","sources":["../../../../../src/components/Properties/GroupProperties/SortableHorizontalTile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAyC;AACzC,gDAAgD;AAEhD,0EAAuE;AACvE,kDAAyC;AACzC,oEAAmE;AACnE,wDAA4C;AAM5C,MAAM,sBAAsB,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAA+B,EAAE,EAAE;IAC/E,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,GACX,GAAG,IAAA,sBAAW,EAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAExB,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,eAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACX,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QACD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,uCACE,GAAG,EAAE,UAAU,KACX,UAAU,EACd,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE;QAElE,8BAAC,+BAAc,IACb,UAAU,EACR,8BAAC,oBAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,aAAa,KAAK,SAAS;gBACvG,8BAAC,2CAAqB,OAAG,CACpB,KAEL,KAAK,GACT,CACE,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, { useEffect } from \"react\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport type { HorizontalTileProps } from \"../../SharedComponents/HorizontalTile\";\nimport { HorizontalTile } from \"../../SharedComponents/HorizontalTile\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SvgDragHandleVertical } from \"@itwin/itwinui-icons-react\";\nimport { Icon } from \"@itwin/itwinui-react\";\n\ninterface SortableHorizontalTileProps extends HorizontalTileProps {\n  id: string;\n}\n\nconst SortableHorizontalTile = ({ id, ...props }: SortableHorizontalTileProps) => {\n  const {\n    attributes,\n    listeners,\n    isDragging,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({ id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  useEffect(() => {\n    if (!isDragging) {\n      return;\n    }\n    document.body.style.cursor = \"grabbing\";\n    return () => {\n      document.body.style.cursor = \"\";\n    };\n  }, [isDragging]);\n\n  return (\n    <div\n      ref={setNodeRef}\n      {...attributes}\n      style={{ ...style, visibility: isDragging ? \"hidden\" : \"visible\" }}\n    >\n      <HorizontalTile\n        dragHandle={\n          <Icon className=\"gmw-drag-icon\" size=\"large\" style={{ cursor: \"grab\" }} title=\"Drag & Drop\" {...listeners}>\n            <SvgDragHandleVertical />\n          </Icon>\n        }\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport default SortableHorizontalTile;\n"]}