npm - @itwin/grouping-mapping-widget - Versions diffs - 0.9.3 → 0.10.0 - Mend

@itwin/grouping-mapping-widget 0.9.3 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (169) hide show

package/lib/cjs/widget/components/Grouping.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grouping.js","sourceRoot":"","sources":["../../../../src/widget/components/Grouping.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 { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport {\n Button,\n ButtonGroup,\n DropdownMenu,\n IconButton,\n MenuItem,\n ProgressRadial,\n Surface,\n toaster,\n ToggleSwitch,\n} from \"@itwin/itwinui-react\";\nimport {\n SvgAdd,\n SvgCursor,\n SvgDelete,\n SvgDraw,\n SvgEdit,\n SvgList,\n SvgMore,\n SvgSearch,\n SvgVisibilityHide,\n SvgVisibilityShow,\n} from \"@itwin/itwinui-icons-react\";\nimport DeleteModal from \"./DeleteModal\";\nimport \"./Grouping.scss\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { PropertyMenu } from \"./PropertyMenu\";\nimport {\n clearEmphasizedElements,\n clearEmphasizedOverriddenElements,\n clearHiddenElements,\n clearOverriddenElements,\n emphasizeElements,\n getHiliteIds,\n hideElements,\n hideElementsByQuery,\n overrideElements,\n zoomToElements,\n} from \"./viewerUtils\";\nimport {\n EmptyMessage,\n handleError,\n LoadingOverlay,\n WidgetHeader,\n} from \"./utils\";\nimport GroupAction from \"./GroupAction\";\nimport type { Group, IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { FeatureOverrideType } from \"@itwin/core-common\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingCustomUI } from \"./context/GroupingMappingCustomUIContext\";\nimport { GroupingMappingCustomUIType } from \"./customUI/GroupingMappingCustomUI\";\nimport type { ContextCustomUI, GroupingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\n\nexport type IGroupTyped = CreateTypeFromInterface<Group>;\n\nexport const defaultUIMetadata = [\n {\n name: \"Selection\",\n displayLabel: \"Selection\",\n icon: <SvgCursor />,\n },\n {\n name: \"Search\",\n displayLabel: \"Query Keywords\",\n icon: <SvgSearch />,\n },\n {\n name: \"Manual\",\n displayLabel: \"Manual Query\",\n icon: <SvgDraw />,\n },\n];\n\nenum GroupsView {\n Add, // Add group view\n Groups, // Group list page\n CustomUI, // Context custom UI view\n Modifying, // Modify group view\n Properties, // Group properties view\n}\n\ninterface GroupsTreeProps {\n mapping: Mapping;\n goBack: () => Promise<void>;\n}\n\nconst goldenAngle = 180 * (3 - Math.sqrt(5));\n\nconst fetchGroups = async (\n setGroups: React.Dispatch<React.SetStateAction<IGroupTyped[]>>,\n iModelId: string,\n mappingId: string,\n setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n getAccessToken: GetAccessTokenFn,\n mappingsClient: IMappingsClient,\n): Promise<Group[] \| undefined> => {\n try {\n setIsLoading(true);\n const accessToken = await getAccessToken();\n const groups = await mappingsClient.getGroups(\n accessToken,\n iModelId,\n mappingId,\n );\n setGroups(groups);\n return groups;\n } catch (error: any) {\n handleError(error.status);\n } finally {\n setIsLoading(false);\n }\n return undefined;\n};\n\nexport const Groupings = ({ mapping, goBack }: GroupsTreeProps) => {\n const iModelConnection = useActiveIModelConnection() as IModelConnection;\n const { getAccessToken } = useGroupingMappingApiConfig();\n const mappingClient = useMappingClient();\n const iModelId = useActiveIModelConnection()?.iModelId as string;\n const groupUIs: GroupingCustomUI[] = useGroupingMappingCustomUI()\n .filter((p) => p.type === GroupingMappingCustomUIType.Grouping) as GroupingCustomUI[];\n const contextUIs: ContextCustomUI[] = useGroupingMappingCustomUI()\n .filter((p) => p.type === GroupingMappingCustomUIType.Context) as ContextCustomUI[];\n\n const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n const [isLoading, setIsLoading] = useState<boolean>(true);\n const [groupsView, setGroupsView] = useState<GroupsView>(GroupsView.Groups);\n const [selectedGroup, setSelectedGroup] = useState<IGroupTyped \| undefined>(\n undefined,\n );\n const hilitedElements = useRef<Map<string, string[]>>(new Map());\n const [isLoadingQuery, setLoadingQuery] = useState<boolean>(false);\n const [groups, setGroups] = useState<Group[]>([]);\n const [hiddenGroupsIds, setHiddenGroupsIds] = useState<string[]>([]);\n const [showGroupColor, setShowGroupColor] = useState<boolean>(false);\n\n const [queryGenerationType, setQueryGenerationType] =\n useState<string>(\"Selection\");\n const [selectedContextCustomUI, setSelectedContextCustomUI] = useState<ContextCustomUI \| undefined>(undefined);\n\n useEffect(() => {\n void fetchGroups(\n setGroups,\n iModelId,\n mapping.id,\n setIsLoading,\n getAccessToken,\n mappingClient,\n );\n }, [getAccessToken, mappingClient, iModelId, mapping.id]);\n\n const getGroupColor = function (index: number) {\n return `hsl(${index * goldenAngle + 60}, 100%, 50%)`;\n };\n\n const getHiliteIdsFromGroups = useCallback(\n async (groups: Group[]) => {\n let allIds: string[] = [];\n for (const group of groups) {\n const query = group.query;\n let currentIds: string[] = [];\n if (hilitedElements.current.has(query)) {\n currentIds = hilitedElements.current.get(query) ?? [];\n } else {\n try {\n const queryRowCount = await iModelConnection.queryRowCount(query);\n if (queryRowCount === 0) {\n toaster.warning(\n `${group.groupName}'s query is valid but produced no results.`,\n );\n }\n currentIds = await getHiliteIds(query, iModelConnection);\n hilitedElements.current.set(query, currentIds);\n } catch {\n toaster.negative(\n `Could not hide/show ${group.groupName}. Query could not be resolved.`,\n );\n }\n }\n allIds = allIds.concat(currentIds);\n }\n return allIds;\n },\n [iModelConnection, hilitedElements],\n );\n\n const visualizeGroupColors = useCallback(\n async (viewGroups: Group[]) => {\n setLoadingQuery(true);\n clearEmphasizedOverriddenElements();\n let allIds: string[] = [];\n for (const group of viewGroups) {\n const index =\n viewGroups.length > groups.length\n ? viewGroups.findIndex((g) => g.id === group.id)\n : groups.findIndex((g) => g.id === group.id);\n const hilitedIds = await getHiliteIdsFromGroups([group]);\n overrideElements(\n hilitedIds,\n getGroupColor(index),\n FeatureOverrideType.ColorAndAlpha,\n );\n emphasizeElements(hilitedIds, undefined);\n if (!hiddenGroupsIds.includes(group.id)) {\n allIds = allIds.concat(hilitedIds);\n }\n }\n\n await zoomToElements(allIds);\n setLoadingQuery(false);\n },\n [groups, hiddenGroupsIds, getHiliteIdsFromGroups],\n );\n\n const hideGroups = useCallback(\n async (viewGroups: Group[]) => {\n setLoadingQuery(true);\n for (const viewGroup of viewGroups) {\n const query = viewGroup.query;\n if (hilitedElements.current.has(query)) {\n const hilitedIds = hilitedElements.current.get(query) ?? [];\n hideElements(hilitedIds);\n } else {\n try {\n const queryRowCount = await iModelConnection.queryRowCount(query);\n if (queryRowCount === 0) {\n toaster.warning(\n `${viewGroup.groupName}'s query is valid but produced no results.`,\n );\n }\n const hiliteIds = await hideElementsByQuery(\n query,\n iModelConnection,\n false,\n );\n hilitedElements.current.set(query, hiliteIds);\n } catch {\n toaster.negative(\n `Could not hide/show ${viewGroup.groupName}. Query could not be resolved.`,\n );\n }\n }\n }\n setLoadingQuery(false);\n },\n [iModelConnection],\n );\n\n const showGroup = useCallback(\n async (viewGroup: Group) => {\n clearHiddenElements();\n\n // hide group Ids filter\n const newHiddenGroups: Group[] = hiddenGroupsIds\n .map((id) => groups.find((g) => g.id === id))\n .filter((g): g is Group => !!g && g.id !== viewGroup.id);\n\n // view group Ids filter\n const viewIds = await getHiliteIdsFromGroups(\n groups.filter((g) => !newHiddenGroups.find((hg) => hg.id === g.id)),\n );\n let hiddenIds = await getHiliteIdsFromGroups(newHiddenGroups);\n hiddenIds = hiddenIds.filter((id) => !viewIds.includes(id));\n hideElements(hiddenIds);\n },\n [groups, hiddenGroupsIds, getHiliteIdsFromGroups],\n );\n\n const addGroup = (type: string) => {\n setQueryGenerationType(type);\n clearEmphasizedElements();\n setGroupsView(GroupsView.Add);\n };\n\n const onModify = async (group: Group, type: string) => {\n setQueryGenerationType(type);\n setSelectedGroup(group);\n setGroupsView(GroupsView.Modifying);\n if (group.id && hiddenGroupsIds.includes(group.id)) {\n await showGroup(group);\n setHiddenGroupsIds(hiddenGroupsIds.filter((id) => id !== group.id));\n }\n clearEmphasizedElements();\n };\n\n const openProperties = async (group: Group) => {\n setSelectedGroup(group);\n setGroupsView(GroupsView.Properties);\n if (group.id && hiddenGroupsIds.includes(group.id)) {\n await showGroup(group);\n setHiddenGroupsIds(hiddenGroupsIds.filter((id) => id !== group.id));\n }\n };\n\n const refresh = useCallback(async () => {\n setGroupsView(GroupsView.Groups);\n setSelectedGroup(undefined);\n setSelectedContextCustomUI(undefined);\n setGroups([]);\n const groups = await fetchGroups(\n setGroups,\n iModelId,\n mapping.id,\n setIsLoading,\n getAccessToken,\n mappingClient,\n );\n if (groups) {\n if (showGroupColor) {\n await visualizeGroupColors(groups);\n } else {\n clearEmphasizedOverriddenElements();\n }\n }\n }, [\n getAccessToken,\n mappingClient,\n iModelId,\n mapping.id,\n setGroups,\n showGroupColor,\n visualizeGroupColors,\n ]);\n\n const resetView = async () => {\n if (groups) {\n if (showGroupColor) {\n await visualizeGroupColors(groups);\n } else {\n clearOverriddenElements();\n }\n clearEmphasizedElements();\n }\n };\n\n const showAll = async () => {\n setLoadingQuery(true);\n\n clearHiddenElements();\n setHiddenGroupsIds([]);\n const allIds = await getHiliteIdsFromGroups(groups);\n await zoomToElements(allIds);\n\n setLoadingQuery(false);\n };\n\n const hideAll = useCallback(async () => {\n await hideGroups(groups);\n setHiddenGroupsIds(\n groups.map((g) => g.id).filter((id): id is string => !!id),\n );\n const allIds = await getHiliteIdsFromGroups(groups);\n await zoomToElements(allIds);\n }, [setHiddenGroupsIds, groups, hideGroups, getHiliteIdsFromGroups]);\n\n const toggleGroupColor = useCallback(\n async (e: any) => {\n if (e.target.checked) {\n await visualizeGroupColors(groups);\n setShowGroupColor(true);\n } else {\n clearEmphasizedOverriddenElements();\n setShowGroupColor(false);\n }\n },\n [groups, visualizeGroupColors, setShowGroupColor],\n );\n\n const propertyMenuGoBack = useCallback(async () => {\n setGroupsView(GroupsView.Groups);\n await refresh();\n }, [refresh]);\n\n switch (groupsView) {\n case GroupsView.Add:\n return (\n <GroupAction\n iModelId={iModelId}\n mappingId={mapping.id}\n queryGenerationType={queryGenerationType}\n goBack={async () => {\n setGroupsView(GroupsView.Groups);\n await refresh();\n }}\n resetView={resetView}\n />\n );\n case GroupsView.Modifying:\n return selectedGroup ? (\n <GroupAction\n iModelId={iModelId}\n mappingId={mapping.id}\n group={selectedGroup}\n queryGenerationType={queryGenerationType}\n goBack={async () => {\n setGroupsView(GroupsView.Groups);\n await refresh();\n }}\n resetView={resetView}\n />\n ) : null;\n case GroupsView.Properties:\n return selectedGroup ? (\n <PropertyMenu\n iModelId={iModelId}\n mappingId={mapping.id}\n group={selectedGroup}\n goBack={propertyMenuGoBack}\n />\n ) : null;\n case GroupsView.Groups:\n return (\n <>\n <WidgetHeader\n title={mapping.mappingName}\n disabled={isLoading \|\| isLoadingQuery}\n returnFn={async () => {\n clearEmphasizedOverriddenElements();\n await goBack();\n }}\n />\n\n <Surface className='gmw-groups-container'>\n <div className='gmw-toolbar'>\n <DropdownMenu\n className='gmw-custom-ui-dropdown'\n disabled={isLoadingQuery}\n menuItems={() =>\n (groupUIs.length > 0\n ? groupUIs\n : defaultUIMetadata)\n .map((p, index) => (\n <MenuItem\n key={index}\n onClick={() => addGroup(p.name)}\n icon={p.icon}\n className='gmw-menu-item'\n data-testid={`gmw-add-${index}`}\n >\n {p.displayLabel}\n </MenuItem>\n ))\n }\n >\n <Button\n data-testid=\"gmw-add-group-button\"\n className='add-load-button'\n startIcon={\n isLoadingQuery ? (\n <ProgressRadial size='small' indeterminate />\n ) : (\n <SvgAdd />\n )\n }\n styleType='high-visibility'\n disabled={isLoadingQuery}\n >\n {isLoadingQuery ? \"Loading\" : \"Add Group\"}\n </Button>\n </DropdownMenu>\n <ButtonGroup className='gmw-toolbar-buttons'>\n <ToggleSwitch\n label='Color by Group'\n labelPosition='left'\n className='gmw-toggle'\n disabled={isLoadingQuery}\n checked={showGroupColor}\n onChange={toggleGroupColor}\n ></ToggleSwitch>\n <IconButton\n title='Show All'\n onClick={showAll}\n disabled={isLoadingQuery}\n styleType='borderless'\n className='gmw-group-view-icon'\n >\n <SvgVisibilityShow />\n </IconButton>\n <IconButton\n title='Hide All'\n onClick={hideAll}\n disabled={isLoadingQuery}\n styleType='borderless'\n className='gmw-group-view-icon'\n >\n <SvgVisibilityHide />\n </IconButton>\n </ButtonGroup>\n </div>\n {isLoading ? (\n <LoadingOverlay />\n ) : groups.length === 0 ? (\n <EmptyMessage message='No Groups available.' />\n ) : (\n <div className='gmw-group-list'>\n {groups\n .sort(\n (a, b) =>\n a.groupName?.localeCompare(b.groupName ?? \"\") ?? 1,\n )\n .map((g) => (\n <HorizontalTile\n key={g.id}\n title={g.groupName ? g.groupName : \"Untitled\"}\n subText={g.description}\n actionGroup={\n <div className='gmw-actions'>\n {showGroupColor && (\n <IconButton\n styleType='borderless'\n className='gmw-group-view-icon'\n >\n <div\n className=\"gmw-color-legend\"\n style={{\n backgroundColor: getGroupColor(groups.findIndex((group) => g.id === group.id)),\n }}\n />\n </IconButton>\n )}\n {g.id && hiddenGroupsIds.includes(g.id) ? (\n <IconButton\n disabled={isLoadingQuery}\n styleType='borderless'\n className='gmw-group-view-icon'\n onClick={async () => {\n await showGroup(g);\n setHiddenGroupsIds(\n hiddenGroupsIds.filter((id) => g.id !== id),\n );\n }}\n >\n <SvgVisibilityHide />\n </IconButton>\n ) : (\n <IconButton\n disabled={isLoadingQuery}\n styleType='borderless'\n className='gmw-group-view-icon'\n onClick={async () => {\n await hideGroups([g]);\n setHiddenGroupsIds(\n hiddenGroupsIds.concat(g.id ? [g.id] : []),\n );\n }}\n >\n <SvgVisibilityShow />\n </IconButton>\n )}\n <DropdownMenu\n className='gmw-custom-ui-dropdown'\n disabled={isLoadingQuery}\n menuItems={(close: () => void) =>\n [\n <MenuItem\n key={0}\n icon={<SvgEdit />}\n disabled={isLoadingQuery}\n data-testid=\"gmw-context-menu-item\"\n subMenuItems={\n (groupUIs.length > 0\n ? groupUIs\n : defaultUIMetadata)\n .map((p, index) => (\n <MenuItem\n key={index}\n className='gmw-menu-item'\n data-testid={`gmw-edit-${index}`}\n onClick={async () => onModify(g, p.name)}\n icon={p.icon}\n >\n {p.displayLabel}\n </MenuItem>\n ))\n }\n >\n Edit\n </MenuItem>,\n <MenuItem\n key={1}\n onClick={async () => openProperties(g)}\n icon={<SvgList />}\n data-testid=\"gmw-context-menu-item\"\n >\n Properties\n </MenuItem>,\n <MenuItem\n key={2}\n onClick={() => {\n setSelectedGroup(g);\n setShowDeleteModal(true);\n close();\n }}\n icon={<SvgDelete />}\n data-testid=\"gmw-context-menu-item\"\n >\n Remove\n </MenuItem>,\n ].concat(\n contextUIs.map((p) => {\n return <MenuItem\n key={p.name}\n onClick={() => {\n if (p.uiComponent) {\n setSelectedGroup(g);\n setSelectedContextCustomUI(p);\n setGroupsView(GroupsView.CustomUI);\n }\n if (p.onClick) {\n p.onClick(g.id, mapping.id, iModelId);\n }\n close();\n }}\n icon={p.icon}\n data-testid=\"gmw-context-menu-item\"\n >\n {p.displayLabel}\n </MenuItem>;\n })\n )\n }\n >\n <IconButton\n disabled={isLoadingQuery}\n styleType='borderless'\n data-testid=\"gmw-more-button\"\n >\n <SvgMore />\n </IconButton>\n </DropdownMenu>\n </div>\n }\n onClickTitle={\n isLoadingQuery\n ? undefined\n : async () => openProperties(g)\n }\n />\n ))}\n </div>\n )}\n </Surface>\n <DeleteModal\n entityName={selectedGroup?.groupName ?? \"\"}\n show={showDeleteModal}\n setShow={setShowDeleteModal}\n onDelete={async () => {\n const accessToken = await getAccessToken();\n await mappingClient.deleteGroup(\n accessToken,\n iModelId,\n mapping.id,\n selectedGroup?.id ?? \"\",\n );\n }}\n refresh={refresh}\n />\n </>\n );\n case GroupsView.CustomUI:\n return selectedContextCustomUI && selectedContextCustomUI.uiComponent && selectedGroup\n ? (\n <>\n <WidgetHeader\n title={selectedContextCustomUI.displayLabel}\n returnFn={async () => {\n Presentation.selection.clearSelection(\n \"GroupingMappingWidget\",\n iModelConnection,\n );\n await refresh();\n }}\n />\n {React.createElement(selectedContextCustomUI.uiComponent, {\n iModelId,\n mappingId: mapping.id,\n groupId: selectedGroup.id,\n })}\n </>\n )\n : null;\n default:\n return (\n <EmptyMessage message=\"No given group view\" />\n );\n }\n};\n"]}
1	+ {"version":3,"file":"Grouping.js","sourceRoot":"","sources":["../../../../src/widget/components/Grouping.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 { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport {\n Button,\n ButtonGroup,\n DropdownMenu,\n IconButton,\n MenuItem,\n ProgressRadial,\n Surface,\n ToggleSwitch,\n} from \"@itwin/itwinui-react\";\nimport {\n SvgAdd,\n SvgDelete,\n SvgEdit,\n SvgMore,\n SvgRefresh,\n SvgVisibilityHide,\n SvgVisibilityShow,\n} from \"@itwin/itwinui-icons-react\";\nimport DeleteModal from \"./DeleteModal\";\nimport \"./Grouping.scss\";\nimport {\n clearEmphasizedElements,\n clearEmphasizedOverriddenElements,\n clearHiddenElements,\n hideElements,\n zoomToElements,\n} from \"./viewerUtils\";\nimport {\n EmptyMessage,\n handleError,\n LoadingOverlay,\n} from \"./utils\";\nimport type { Group, IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingCustomUI } from \"./context/GroupingMappingCustomUIContext\";\nimport { GroupingMappingCustomUIType } from \"./customUI/GroupingMappingCustomUI\";\nimport type { ContextCustomUI, GroupingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport { useGroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\nimport { getGroupColor, getHiliteIdsFromGroups, hideGroups, visualizeGroupColors } from \"./groupsHelpers\";\n\nexport type IGroupTyped = CreateTypeFromInterface<Group>;\n\nexport interface GroupingProps {\n mapping: Mapping;\n onClickAddGroup?: (queryGenerationType: string) => void;\n onClickGroupTitle?: (group: Group) => void;\n onClickGroupModify?: (group: Group, queryGenerationType: string) => void;\n onClickRenderContextCustomUI?: (contextCustomUI: Exclude<ContextCustomUI[\"uiComponent\"], undefined>, group: Group) => void;\n emphasizeElements?: boolean;\n}\n\nconst fetchGroups = async (\n setGroups: (groups: Group[]) => void,\n iModelId: string,\n mappingId: string,\n setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n getAccessToken: GetAccessTokenFn,\n mappingsClient: IMappingsClient,\n): Promise<void> => {\n try {\n setIsLoading(true);\n const accessToken = await getAccessToken();\n const groups = await mappingsClient.getGroups(\n accessToken,\n iModelId,\n mappingId,\n );\n setGroups(groups);\n } catch (error: any) {\n handleError(error.status);\n } finally {\n setIsLoading(false);\n }\n};\n\nexport const Groupings = ({\n mapping,\n onClickAddGroup,\n onClickGroupTitle,\n onClickGroupModify,\n onClickRenderContextCustomUI,\n emphasizeElements = true,\n}: GroupingProps) => {\n const iModelConnection = useActiveIModelConnection();\n const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n const { showGroupColor, setShowGroupColor, hiddenGroupsIds, setHiddenGroupsIds, hilitedElementsQueryCache, groups, setGroups } = useGroupHilitedElementsContext();\n const mappingClient = useMappingClient();\n const groupUIs: GroupingCustomUI[] = useGroupingMappingCustomUI().customUIs\n .filter((p) => p.type === GroupingMappingCustomUIType.Grouping) as GroupingCustomUI[];\n const contextUIs: ContextCustomUI[] = useGroupingMappingCustomUI().customUIs\n .filter((p) => p.type === GroupingMappingCustomUIType.Context) as ContextCustomUI[];\n\n const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n const [isLoading, setIsLoading] = useState<boolean>(true);\n const [selectedGroup, setSelectedGroup] = useState<Group \| undefined>(\n undefined,\n );\n const [isLoadingQuery, setLoadingQuery] = useState<boolean>(false);\n\n const getHiliteIdsFromGroupsWrapper = useCallback(\n async (groups: Group[]): Promise<string[]> =>\n iModelConnection\n ? getHiliteIdsFromGroups(\n iModelConnection,\n groups,\n hilitedElementsQueryCache\n )\n : [],\n [iModelConnection, hilitedElementsQueryCache]\n );\n\n const visualizeGroupColorsWrapper = useCallback(\n async (viewGroups: Group[]) => {\n if (!iModelConnection) return;\n setLoadingQuery(true);\n await visualizeGroupColors(iModelConnection, groups, viewGroups, hiddenGroupsIds, hilitedElementsQueryCache, emphasizeElements);\n setLoadingQuery(false);\n },\n [iModelConnection, groups, hiddenGroupsIds, hilitedElementsQueryCache, emphasizeElements],\n );\n\n useEffect(() => {\n const initialize = async () => {\n await fetchGroups(\n setGroups,\n iModelId,\n mapping.id,\n setIsLoading,\n getAccessToken,\n mappingClient,\n );\n };\n void initialize();\n }, [getAccessToken, mappingClient, iModelId, mapping.id, setGroups]);\n\n useEffect(() => {\n if (isLoading) return;\n const visualize = async () => {\n if (groups.length > 0 && showGroupColor) {\n await visualizeGroupColorsWrapper(groups);\n } else {\n clearEmphasizedOverriddenElements();\n }\n };\n void visualize();\n }, [groups, isLoading, showGroupColor, visualizeGroupColorsWrapper]);\n\n const hideGroupsWrapper = useCallback(\n async (viewGroups: Group[]) => {\n if (!iModelConnection) return;\n setLoadingQuery(true);\n await hideGroups(iModelConnection, viewGroups, hilitedElementsQueryCache);\n setLoadingQuery(false);\n },\n [hilitedElementsQueryCache, iModelConnection],\n );\n\n const showGroup = useCallback(\n async (viewGroup: Group) => {\n clearHiddenElements();\n\n // hide group Ids filter\n const newHiddenGroups: Group[] = hiddenGroupsIds\n .map((id) => groups.find((g) => g.id === id))\n .filter((g): g is Group => !!g && g.id !== viewGroup.id);\n\n // view group Ids filter\n const viewIds = await getHiliteIdsFromGroupsWrapper(\n groups.filter((g) => !newHiddenGroups.find((hg) => hg.id === g.id)),\n );\n let hiddenIds = await getHiliteIdsFromGroupsWrapper(newHiddenGroups);\n hiddenIds = hiddenIds.filter((id) => !viewIds.includes(id));\n hideElements(hiddenIds);\n },\n [groups, hiddenGroupsIds, getHiliteIdsFromGroupsWrapper],\n );\n\n const addGroup = (type: string) => {\n if (!onClickAddGroup) return;\n onClickAddGroup(type);\n clearEmphasizedElements();\n };\n\n const onModify = async (group: Group, type: string) => {\n if (!onClickGroupModify) return;\n if (group.id && hiddenGroupsIds.includes(group.id)) {\n await showGroup(group);\n setHiddenGroupsIds(hiddenGroupsIds.filter((id) => id !== group.id));\n }\n clearEmphasizedElements();\n onClickGroupModify(group, type);\n };\n\n const colorGroup = async (group: Group) => {\n if (showGroupColor && hiddenGroupsIds.includes(group.id)) {\n await showGroup(group);\n setHiddenGroupsIds(hiddenGroupsIds.filter((id) => id !== group.id));\n }\n };\n\n const refresh = useCallback(async () => {\n setSelectedGroup(undefined);\n setGroups([]);\n await fetchGroups(\n setGroups,\n iModelId,\n mapping.id,\n setIsLoading,\n getAccessToken,\n mappingClient,\n );\n }, [getAccessToken, mappingClient, iModelId, mapping.id, setGroups]);\n\n const showAll = async () => {\n setLoadingQuery(true);\n\n clearHiddenElements();\n setHiddenGroupsIds([]);\n const allIds = await getHiliteIdsFromGroupsWrapper(groups);\n await zoomToElements(allIds);\n\n setLoadingQuery(false);\n };\n\n const hideAll = useCallback(async () => {\n await hideGroupsWrapper(groups);\n setHiddenGroupsIds(\n groups.map((g) => g.id).filter((id): id is string => !!id),\n );\n const allIds = await getHiliteIdsFromGroupsWrapper(groups);\n await zoomToElements(allIds);\n }, [setHiddenGroupsIds, groups, hideGroupsWrapper, getHiliteIdsFromGroupsWrapper]);\n\n return (\n <>\n <Surface className='gmw-groups-container'>\n <div className='gmw-toolbar'>\n {onClickAddGroup && groupUIs.length > 0 &&\n <DropdownMenu\n className='gmw-custom-ui-dropdown'\n disabled={isLoadingQuery}\n menuItems={() =>\n groupUIs.map((p, index) => (\n <MenuItem\n key={index}\n onClick={() => addGroup(p.name)}\n icon={p.icon}\n className='gmw-menu-item'\n data-testid={`gmw-add-${index}`}\n >\n {p.displayLabel}\n </MenuItem>\n ))\n }\n >\n <Button\n data-testid=\"gmw-add-group-button\"\n className='add-load-button'\n startIcon={\n isLoadingQuery ? (\n <ProgressRadial size='small' indeterminate />\n ) : (\n <SvgAdd />\n )\n }\n styleType='high-visibility'\n disabled={isLoadingQuery}\n >\n {isLoadingQuery ? \"Loading\" : \"Add Group\"}\n </Button>\n </DropdownMenu>}\n {iModelConnection &&\n <ButtonGroup className='gmw-toolbar-buttons'>\n <ToggleSwitch\n label='Color by Group'\n labelPosition='left'\n className='gmw-toggle'\n disabled={isLoadingQuery}\n checked={showGroupColor}\n onChange={() => setShowGroupColor((b) => !b)}\n ></ToggleSwitch>\n <IconButton\n title='Show All'\n onClick={showAll}\n disabled={isLoadingQuery}\n styleType='borderless'\n className='gmw-group-view-icon'\n >\n <SvgVisibilityShow />\n </IconButton>\n <IconButton\n title='Hide All'\n onClick={hideAll}\n disabled={isLoadingQuery}\n styleType='borderless'\n className='gmw-group-view-icon'\n >\n <SvgVisibilityHide />\n </IconButton>\n <IconButton\n title=\"Refresh\"\n onClick={refresh}\n disabled={isLoading \|\| isLoadingQuery}\n styleType='borderless'\n >\n <SvgRefresh />\n </IconButton>\n </ButtonGroup>}\n </div>\n {isLoading ? (\n <LoadingOverlay />\n ) : groups.length === 0 ? (\n <EmptyMessage message='No Groups available.' />\n ) : (\n <div className='gmw-group-list'>\n {groups\n .sort(\n (a, b) =>\n a.groupName?.localeCompare(b.groupName ?? \"\") ?? 1,\n )\n .map((g) => (\n <HorizontalTile\n key={g.id}\n title={g.groupName ? g.groupName : \"Untitled\"}\n subText={g.description}\n actionGroup={\n <div className='gmw-actions'>\n {iModelConnection && <>\n {showGroupColor && (\n <IconButton\n styleType='borderless'\n className='gmw-group-view-icon'\n >\n <div\n className=\"gmw-color-legend\"\n style={{\n backgroundColor: getGroupColor(groups.findIndex((group) => g.id === group.id)),\n }}\n />\n </IconButton>\n )}\n {g.id && hiddenGroupsIds.includes(g.id) ? (\n <IconButton\n disabled={isLoadingQuery}\n styleType='borderless'\n className='gmw-group-view-icon'\n onClick={async () => {\n await showGroup(g);\n setHiddenGroupsIds(\n hiddenGroupsIds.filter((id) => g.id !== id),\n );\n }}\n >\n <SvgVisibilityHide />\n </IconButton>\n ) : (\n <IconButton\n disabled={isLoadingQuery}\n styleType='borderless'\n className='gmw-group-view-icon'\n onClick={async () => {\n await hideGroupsWrapper([g]);\n setHiddenGroupsIds(\n hiddenGroupsIds.concat(g.id ? [g.id] : []),\n );\n }}\n >\n <SvgVisibilityShow />\n </IconButton>\n )}\n </>}\n <DropdownMenu\n className='gmw-custom-ui-dropdown'\n disabled={isLoadingQuery}\n menuItems={(close: () => void) =>\n [...(groupUIs.length > 0 && onClickGroupModify ?\n [<MenuItem\n key={0}\n icon={<SvgEdit />}\n disabled={isLoadingQuery}\n data-testid=\"gmw-context-menu-item\"\n subMenuItems={\n groupUIs.map((p, index) => (\n <MenuItem\n key={index}\n className='gmw-menu-item'\n data-testid={`gmw-edit-${index}`}\n onClick={async () => onModify(g, p.name)}\n icon={p.icon}\n >\n {p.displayLabel}\n </MenuItem>\n ))\n }\n >\n Edit\n </MenuItem>] : []),\n ...contextUIs.map((p) => {\n return <MenuItem\n key={p.name}\n onClick={async () => {\n showGroupColor && await showGroup(g);\n if (p.uiComponent && onClickRenderContextCustomUI) {\n onClickRenderContextCustomUI(p.uiComponent, g);\n }\n if (p.onClick) {\n p.onClick(g, mapping, iModelId);\n }\n close();\n }}\n icon={p.icon}\n data-testid=\"gmw-context-menu-item\"\n >\n {p.displayLabel}\n </MenuItem>;\n }),\n <MenuItem\n key={2}\n onClick={() => {\n setSelectedGroup(g);\n setShowDeleteModal(true);\n close();\n }}\n icon={<SvgDelete />}\n data-testid=\"gmw-context-menu-item\"\n >\n Remove\n </MenuItem>,\n ]\n }\n >\n <IconButton\n disabled={isLoadingQuery}\n styleType='borderless'\n data-testid=\"gmw-more-button\"\n >\n <SvgMore />\n </IconButton>\n </DropdownMenu>\n </div>\n }\n onClickTitle={\n onClickGroupTitle && !isLoadingQuery ?\n async () => {\n await colorGroup(g);\n onClickGroupTitle(g);\n } : undefined\n }\n />\n ))}\n </div>\n )}\n </Surface>\n <DeleteModal\n entityName={selectedGroup?.groupName ?? \"\"}\n show={showDeleteModal}\n setShow={setShowDeleteModal}\n onDelete={async () => {\n const accessToken = await getAccessToken();\n await mappingClient.deleteGroup(\n accessToken,\n iModelId,\n mapping.id,\n selectedGroup?.id ?? \"\",\n );\n }}\n refresh={refresh}\n />\n </>\n );\n};\n"]}

package/lib/cjs/widget/components/Grouping.scss CHANGED Viewed

@@ -11,7 +11,7 @@
   padding: $iui-baseline $iui-m;
   min-height: 0;
-  .gmw-toolbar {
+  .gmw-toolbar:not(:empty) {
     display: flex;
     justify-content: space-between;
     gap: $iui-s;
@@ -66,5 +66,5 @@
 }
 .gmw-custom-ui-dropdown {
-  width: $iui-3xl + $iui-l;
+  width: $iui-3xl + $iui-xl;
 }

package/lib/cjs/widget/components/GroupingMapping.d.ts CHANGED Viewed

@@ -1,26 +1,33 @@
 /// <reference types="react" />
+import type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mapping } from "@itwin/insights-client";
+import type { GroupingMappingContextProps } from "./GroupingMappingContext";
 import "./GroupingMapping.scss";
-import type { ClientPrefix, GetAccessTokenFn } from "./context/GroupingApiConfigContext";
-import type { IMappingsClient } from "@itwin/insights-client";
-import type { GroupingMappingCustomUI } from "./customUI/GroupingMappingCustomUI";
-export interface GroupingMappingProps {
-    /**
-     * Custom callback to retrieve access token.
-     */
-    getAccessToken?: GetAccessTokenFn;
-    /**
-     * Used for iTwin and iModel APIs.
-     * Also used for Mapping API if a custom {@link client} is not provided.
-     */
-    prefix?: ClientPrefix;
-    /**
-     * A custom implementation of MappingClient.
-     */
-    client?: IMappingsClient;
-    /**
-     * Custom UI to add and update groups or provide additional group context capabilities.
-     */
-    customUIs?: GroupingMappingCustomUI[];
+import type { ContextCustomUI } from "./customUI/GroupingMappingCustomUI";
+export declare type GroupingMappingProps = Omit<GroupingMappingContextProps, "iModelId">;
+export declare enum RouteStep {
+    Mappings = 0,
+    MappingsAction = 1,
+    Groups = 2,
+    GroupAction = 3,
+    GroupContextCustomUI = 4,
+    Properties = 5,
+    PropertyAction = 6,
+    CalculatedPropertyAction = 7,
+    CustomCalculationPropertyAction = 8
+}
+export interface Route {
+    step: RouteStep;
+    title: string;
+    groupingRouteFields: GroupingRouteFields;
+}
+export interface GroupingRouteFields {
+    mapping?: Mapping;
+    group?: Group;
+    property?: GroupProperty;
+    calculatedProperty?: CalculatedProperty;
+    customCalculation?: CustomCalculation;
+    groupContextCustomUI?: Exclude<ContextCustomUI["uiComponent"], undefined>;
+    queryGenerationType?: string;
 }
 declare const GroupingMapping: (props: GroupingMappingProps) => JSX.Element;
 export default GroupingMapping;

package/lib/cjs/widget/components/GroupingMapping.js CHANGED Viewed

@@ -19,47 +19,68 @@ var __importStar = (this && this.__importStar) || function (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.
-*--------------------------------------------------------------------------------------------*/
+exports.RouteStep = void 0;
 const react_1 = __importStar(require("react"));
-const Mapping_1 = require("./Mapping");
+const GroupingMappingContext_1 = require("./GroupingMappingContext");
 require("./GroupingMapping.scss");
-const core_frontend_1 = require("@itwin/core-frontend");
-const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
-const MappingClientContext_1 = require("./context/MappingClientContext");
-const GroupingMappingCustomUIContext_1 = require("./context/GroupingMappingCustomUIContext");
-const authorizationClientGetAccessToken = async () => { var _a, _b; return (_b = (await ((_a = core_frontend_1.IModelApp.authorizationClient) === null || _a === void 0 ? void 0 : _a.getAccessToken()))) !== null && _b !== void 0 ? _b : ""; };
+const appui_react_1 = require("@itwin/appui-react");
+const GroupingMappingCustomUI_1 = require("./customUI/GroupingMappingCustomUI");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const GroupingMappingContent_1 = require("./GroupingMappingContent");
+const GroupingMappingHeader_1 = require("./GroupingMappingHeader");
+const DefaultGroupingUI_1 = require("./customUI/DefaultGroupingUI");
+var RouteStep;
+(function (RouteStep) {
+    RouteStep[RouteStep["Mappings"] = 0] = "Mappings";
+    RouteStep[RouteStep["MappingsAction"] = 1] = "MappingsAction";
+    RouteStep[RouteStep["Groups"] = 2] = "Groups";
+    RouteStep[RouteStep["GroupAction"] = 3] = "GroupAction";
+    RouteStep[RouteStep["GroupContextCustomUI"] = 4] = "GroupContextCustomUI";
+    RouteStep[RouteStep["Properties"] = 5] = "Properties";
+    RouteStep[RouteStep["PropertyAction"] = 6] = "PropertyAction";
+    RouteStep[RouteStep["CalculatedPropertyAction"] = 7] = "CalculatedPropertyAction";
+    RouteStep[RouteStep["CustomCalculationPropertyAction"] = 8] = "CustomCalculationPropertyAction";
+})(RouteStep = exports.RouteStep || (exports.RouteStep = {}));
 const GroupingMapping = (props) => {
-    var _a, _b;
-    const clientProp = (_a = props.client) !== null && _a !== void 0 ? _a : props.prefix;
-    const [mappingClient, setMappingClient] = react_1.useState(MappingClientContext_1.createMappingClient(clientProp));
-    const [customUIs, setCustomUIs] = react_1.useState(GroupingMappingCustomUIContext_1.createGroupingMappingCustomUI(props.customUIs));
-    const [apiConfig, setApiConfig] = react_1.useState({
-        getAccessToken: (_b = props.getAccessToken) !== null && _b !== void 0 ? _b : authorizationClientGetAccessToken,
-        prefix: props.prefix,
-    });
-    react_1.useEffect(() => {
-        setApiConfig(() => {
-            var _a;
-            return ({
-                prefix: props.prefix,
-                getAccessToken: (_a = props.getAccessToken) !== null && _a !== void 0 ? _a : authorizationClientGetAccessToken,
-            });
-        });
-    }, [props.getAccessToken, props.prefix]);
-    react_1.useEffect(() => {
-        setMappingClient(MappingClientContext_1.createMappingClient(clientProp));
-    }, [clientProp]);
-    react_1.useEffect(() => {
-        setCustomUIs(GroupingMappingCustomUIContext_1.createGroupingMappingCustomUI(props.customUIs));
-    }, [props.customUIs]);
-    return (react_1.default.createElement(GroupingApiConfigContext_1.GroupingMappingApiConfigContext.Provider, { value: apiConfig },
-        react_1.default.createElement(MappingClientContext_1.MappingClientContext.Provider, { value: mappingClient },
-            react_1.default.createElement(GroupingMappingCustomUIContext_1.GroupingMappingCustomUIContext.Provider, { value: customUIs },
-                react_1.default.createElement("div", { className: 'gmw-group-mapping-container' },
-                    react_1.default.createElement(Mapping_1.Mappings, null))))));
+    var _a, _b, _c;
+    const [routingHistory, setRoutingHistory] = react_1.useState([
+        { step: RouteStep.Mappings, title: "Mapping", groupingRouteFields: {} },
+    ]);
+    const currentRoute = routingHistory[routingHistory.length - 1];
+    const iModelId = (_b = (_a = appui_react_1.useActiveIModelConnection()) === null || _a === void 0 ? void 0 : _a.iModelId) !== null && _b !== void 0 ? _b : "";
+    const groupUIs = (_c = props.customUIs) === null || _c === void 0 ? void 0 : _c.filter((p) => p.type === GroupingMappingCustomUI_1.GroupingMappingCustomUIType.Grouping);
+    const navigateTo = react_1.useCallback((toRoute) => {
+        setRoutingHistory((r) => [...r, toRoute(r[r.length - 1])]);
+    }, []);
+    const goBack = react_1.useCallback(() => {
+        const updatedRouting = [...routingHistory];
+        updatedRouting.pop();
+        setRoutingHistory(updatedRouting);
+    }, [routingHistory]);
+    const injectedCustomUI = react_1.useMemo(() => {
+        var _a;
+        return [
+            {
+                name: "Properties",
+                displayLabel: "Properties",
+                type: GroupingMappingCustomUI_1.GroupingMappingCustomUIType.Context,
+                icon: react_1.default.createElement(itwinui_icons_react_1.SvgList, null),
+                onClick: (group) => navigateTo((prev) => ({
+                    step: RouteStep.Properties,
+                    title: group.groupName,
+                    groupingRouteFields: { ...prev === null || prev === void 0 ? void 0 : prev.groupingRouteFields, group },
+                })),
+            },
+            ...((_a = props.customUIs) !== null && _a !== void 0 ? _a : []),
+            // No group UI's provided means the widget provides its own
+            ...groupUIs !== null && groupUIs !== void 0 ? groupUIs : DefaultGroupingUI_1.defaultGroupingUI,
+        ];
+    }, [groupUIs, navigateTo, props.customUIs]);
+    return (react_1.default.createElement(GroupingMappingContext_1.GroupingMappingContext, { iModelId: iModelId, ...props, customUIs: injectedCustomUI },
+        react_1.default.createElement("div", { className: "gmw-group-mapping-container" },
+            currentRoute.step !== RouteStep.Properties && routingHistory.length < 4 &&
+                react_1.default.createElement(GroupingMappingHeader_1.GroupingMappingHeader, { routingHistory: routingHistory, goBack: goBack, currentRoute: currentRoute }),
+            react_1.default.createElement(GroupingMappingContent_1.GroupingMappingContent, { routingHistory: routingHistory, navigateTo: navigateTo, goBack: goBack }))));
 };
 exports.default = GroupingMapping;
 //# sourceMappingURL=GroupingMapping.js.map

package/lib/cjs/widget/components/GroupingMapping.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupingMapping.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupingMapping.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F~~,+~~CAAmD~~;~~AACnD~~,~~uCAAqC~~;~~AACrC~~,kCAAgC;AAChC,~~wDAAiD~~;~~AAMjD~~,~~iFAAqF~~;~~AACrF~~,~~yEAGwC~~;~~AAExC~~,~~6FAAyH~~;~~AAuBzH~~,~~MAAM~~,~~iCAAiC~~,~~GAAG~~,~~KAAK~~,~~IAAI~~,~~EAAE~~,~~eACnD~~,~~OAAA~~,~~MAAA~~,~~CAAC~~,~~MAAM~~,CAAA,~~MAAA~~,~~yBAAS~~,~~CAAC~~,~~mBAAmB~~,~~0CAAE~~,~~cAAc~~,~~EAAE~~,CAAA,CAAC,~~mCAAI~~,~~EAAE~~,~~CAAA~~,~~EAAA~~,~~CAAC~~;~~AAEhE~~,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;;IACtD,MAAM,~~UAAU~~,~~GAAmC~~,~~MAAA~~,~~KAAK~~,CAAC,~~MAAM~~,~~mCAAI~~,~~KAAK~~,~~CAAC~~,~~MAAM~~,~~CAAC;IAChF~~,~~MAAM~~,CAAC,~~aAAa~~,EAAE,~~gBAAgB~~,CAAC,GAAG,~~gBAAQ~~,~~CAAkB~~,~~0CAAmB~~,CAAC,~~UAAU~~,CAAC,CAAC,CAAC;~~IACrG~~,MAAM,~~CAAC~~,~~SAAS~~,EAAE,~~YAAY~~,CAAC,~~GAAG~~,~~gBAAQ~~,~~CACxC~~,~~8DAA6B~~,~~CAAC,~~KAAK,CAAC,SAAS,CAAC,~~CAC/C~~,CAAC~~;IACF~~,~~MAAM~~,CAAC,~~SAAS~~,~~EAAE~~,~~YAAY~~,CAAC,~~GAAG~~,~~gBAAQ~~,~~CAA2B~~;~~QACnE~~,~~cAAc~~,~~EAAE~~,~~MAAA~~,~~KAAK~~,CAAC,~~cAAc~~,~~mCAAI~~,~~iCAAiC~~;~~QACzE~~,~~MAAM~~,~~EAAE~~,~~KAAK~~,CAAC,~~MAAM;KACrB~~,CAAC,CAAC~~;IAEH~~,~~iBAAS~~,CAAC,~~GAAG,~~EAAE~~;QACb~~,~~YAAY~~,CAAC,~~GAAG~~,~~EAAE;;YAAC~~,~~OAAA~~,CAAC~~;gBAClB~~,MAAM,~~EAAE~~,~~KAAK~~,CAAC,~~MAAM~~;~~gBACpB~~,~~cAAc~~,EAAE,~~MAAA~~,~~KAAK~~,CAAC,~~cAAc~~,~~mCAAI~~,~~iCAAiC;aAC1E~~,CAAC,~~CAAA~~;~~SAAA~~,CAAC,CAAC;~~IACN~~,CAAC,EAAE,CAAC,~~KAAK~~,CAAC,cAAc,~~EAAE~~,~~KAAK~~,CAAC,~~MAAM~~,CAAC,CAAC,CAAC;~~IAEzC~~,~~iBAAS~~,~~CAAC~~,GAAG,EAAE;~~QACb~~,~~gBAAgB~~,CAAC,~~0CAAmB~~,CAAC,UAAU,CAAC,CAAC,CAAC~~;IACpD~~,CAAC,EAAE,CAAC,UAAU,~~CAAC~~,CAAC,~~CAAC~~;~~IAEjB~~,~~iBAAS~~,~~CAAC~~,GAAG,EAAE;~~QACb~~,~~YAAY~~,CAAC,~~8DAA6B~~,CAAC,KAAK,CAAC,SAAS,~~CAAC~~,~~CAAC~~,CAAC;~~IAC/D~~,CAAC,EAAE,~~CAAC~~,KAAK,CAAC,SAAS,CAAC,~~CAAC~~,CAAC;~~IAEtB~~,OAAO,CACL,8BAAC,~~0DAA+B~~,~~CAAC~~,QAAQ,~~IAAC~~,KAAK,EAAE,SAAS;~~QACxD~~,~~8BAAC~~,~~2CAAoB~~,CAAC,~~QAAQ~~,~~IAAC~~,~~KAAK~~,~~EAAE~~,~~aAAa~~;~~YACjD~~,8BAAC~~,+DAA8B~~,~~CAAC~~,~~QAAQ~~,~~IAAC~~,~~KAAK~~,EAAE,~~SAAS;gBACvD~~,~~uCAAK~~,~~SAAS~~,~~EAAC~~,~~6BAA6B~~;~~oBAC1C~~,8BAAC,~~kBAAQ~~,~~OAAG~~,~~CACR~~,~~CACkC~~,~~CACZ~~,~~CACS~~,~~CAC5C~~,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,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~~, useState } from \"react\";\nimport { ~~Mappings~~ } from \"./~~Mapping~~\";\nimport \"./GroupingMapping.scss\";\nimport { ~~IModelApp~~ } from \"@itwin/~~core~~-~~frontend~~\";\nimport type {\n ~~ClientPrefix~~,\n ~~GetAccessTokenFn~~,\n ~~GroupingMappingApiConfig,\n~~} from \"./~~context~~/~~GroupingApiConfigContext~~\";\nimport { ~~GroupingMappingApiConfigContext~~ } from \"./~~context~~/~~GroupingApiConfigContext~~\";\nimport {\n ~~createMappingClient~~,\n ~~MappingClientContext,\n~~} from \"~~./context~~/~~MappingClientContext~~\";\nimport ~~type~~ { ~~IMappingsClient~~ } from \"~~@itwin/insights-client~~\";\nimport { ~~createGroupingMappingCustomUI,~~ ~~GroupingMappingCustomUIContext~~ } from \"./~~context/GroupingMappingCustomUIContext~~\";\nimport ~~type~~ { ~~GroupingMappingCustomUI~~ } from \"./customUI/~~GroupingMappingCustomUI~~\";\n\nexport ~~interface~~ GroupingMappingProps {\n /*\n ~~Custom~~ ~~callback~~ ~~to retrieve access token.\~~n /\n ~~getAccessToken?: GetAccessTokenFn;\~~n ~~/\~~n ~~Used~~ ~~for~~ ~~iTwin~~ ~~and~~ ~~iModel~~ ~~APIs.\~~n * ~~Also~~ ~~used~~ ~~for~~ Mapping ~~API if a custom {@link client} is not provided.\~~n /\n ~~prefix~~?: ~~ClientPrefix~~;\n /\n ~~A custom implementation of MappingClient.\~~n /\n ~~client~~?: ~~IMappingsClient~~;\n /\n ~~Custom~~ UI to ~~add~~ ~~and~~ ~~update~~ ~~groups or provide additional group context capabilities~~.\n */\n ~~customUIs~~?: ~~GroupingMappingCustomUI~~[~~];\n}~~\n\~~nconst~~ ~~authorizationClientGetAccessToken = async () =>\~~n ~~(await~~ ~~IModelApp.authorizationClient?.getAccessToken()) ?? \"\"~~;\n\nconst GroupingMapping = (props: GroupingMappingProps) => {\n const ~~clientProp:~~ ~~IMappingsClient~~ \| ~~ClientPrefix~~ = ~~props~~.~~client~~ ?? ~~props.prefix~~;\n const [~~mappingClient,~~ ~~setMappingClient~~] = ~~useState<IMappingsClient>~~(~~createMappingClient(clientProp~~));\n const ~~[customUIs,~~ ~~setCustomUIs] = useState<GroupingMappingCustomUI[]>(\~~n ~~createGroupingMappingCustomUI(~~props.customUIs),\n );\n const ~~[apiConfig,~~ ~~setApiConfig]~~ = ~~useState<GroupingMappingApiConfig>~~(~~{\n getAccessToken~~: ~~props.getAccessToken~~ ?? ~~authorizationClientGetAccessToken,\n prefix:~~ ~~props.prefix,\n }~~)~~;\n\n useEffect((~~) => {\n ~~setApiConfig~~(() => (~~{\n prefix: props~~.~~prefix,\n getAccessToken:~~ ~~props.getAccessToken~~ ~~?? authorizationClientGetAccessToken,\n }~~));\n }, [~~props.getAccessToken, props.prefix~~]);\n\n ~~useEffect~~(() => {\n ~~setMappingClient~~(~~createMappingClient~~(~~clientProp~~));\n }, [~~clientProp~~]);\n\n ~~useEffect~~(() => {\n ~~setCustomUIs~~(~~createGroupingMappingCustomUI~~(props.customUIs)~~);\~~n }, [props.customUIs]);\n\n return (\n <~~GroupingMappingApiConfigContext.Provider value~~={~~apiConfig~~}>\n ~~<MappingClientContext.Provider value=~~{~~mappingClient~~}>\n ~~<GroupingMappingCustomUIContext.Provider value~~={~~customUIs~~}>\n <div className='gmw-group-mapping-container'>\n <~~Mappings~~ ~~/>\~~n ~~</div>\~~n ~~</GroupingMappingCustomUIContext.Provider>\~~n </~~MappingClientContext.Provider~~>\n </~~GroupingMappingApiConfigContext.Provider~~>\n );\n};\n\nexport default GroupingMapping;\n"]}
1	+ {"version":3,"file":"GroupingMapping.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupingMapping.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWA,+CAA8D;AAE9D,qEAAkE;AAClE,kCAAgC;AAChC,oDAA+D;AAK/D,gFAAiF;AACjF,oEAEoC;AACpC,qEAAkE;AAClE,mEAAgE;AAChE,oEAAiE;AAIjE,IAAY,SAUX;AAVD,WAAY,SAAS;IACnB,iDAAQ,CAAA;IACR,6DAAc,CAAA;IACd,6CAAM,CAAA;IACN,uDAAW,CAAA;IACX,yEAAoB,CAAA;IACpB,qDAAU,CAAA;IACV,6DAAc,CAAA;IACd,iFAAwB,CAAA;IACxB,+FAA+B,CAAA;AACjC,CAAC,EAVW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAUpB;AAkBD,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;;IACtD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,gBAAQ,CAAU;QAC5D,EAAE,IAAI,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,EAAE,EAAE;KACxE,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,MAAA,MAAA,uCAAyB,EAAE,0CAAE,QAAQ,mCAAI,EAAE,CAAC;IAC7D,MAAM,QAAQ,GACZ,MAAA,KAAK,CAAC,SAAS,0CAAE,MAAM,CACrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,qDAA2B,CAAC,QAAQ,CACvD,CAAC;IACJ,MAAM,UAAU,GAAG,mBAAW,CAAC,CAAC,OAA2C,EAAE,EAAE;QAC7E,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,mBAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,cAAc,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC;QAC3C,cAAc,CAAC,GAAG,EAAE,CAAC;QACrB,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,gBAAgB,GAAG,eAAO,CAC9B,GAAG,EAAE;;QAAC,OAAA;YACJ;gBACE,IAAI,EAAE,YAAY;gBAClB,YAAY,EAAE,YAAY;gBAC1B,IAAI,EAAE,qDAA2B,CAAC,OAAO;gBACzC,IAAI,EAAE,8BAAC,6BAAO,OAAG;gBACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CACjB,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBACpB,IAAI,EAAE,SAAS,CAAC,UAAU;oBAC1B,KAAK,EAAE,KAAK,CAAC,SAAS;oBACtB,mBAAmB,EAAE,EAAE,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,EAAE,KAAK,EAAE;iBAC7D,CAAC,CAAC;aACN;YACD,GAAG,CAAC,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,CAAC;YAC1B,2DAA2D;YAC3D,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,qCAAiB;SACjC,CAAA;KAAA,EACD,CAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,CACxC,CAAC;IAEF,OAAO,CACL,8BAAC,+CAAsB,IACrB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,SAAS,EAAE,gBAAgB;QAE3B,uCAAK,SAAS,EAAC,6BAA6B;YAExC,YAAY,CAAC,IAAI,KAAK,SAAS,CAAC,UAAU,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC;gBACvE,8BAAC,6CAAqB,IACpB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,GAC1B;YACJ,8BAAC,+CAAsB,IACrB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACE,CACiB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,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 type {\n CalculatedProperty,\n CustomCalculation,\n Group,\n GroupProperty,\n Mapping,\n} from \"@itwin/insights-client\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { GroupingMappingContextProps } from \"./GroupingMappingContext\";\nimport { GroupingMappingContext } from \"./GroupingMappingContext\";\nimport \"./GroupingMapping.scss\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport type {\n ContextCustomUI,\n GroupingMappingCustomUI,\n} from \"./customUI/GroupingMappingCustomUI\";\nimport { GroupingMappingCustomUIType } from \"./customUI/GroupingMappingCustomUI\";\nimport {\n SvgList,\n} from \"@itwin/itwinui-icons-react\";\nimport { GroupingMappingContent } from \"./GroupingMappingContent\";\nimport { GroupingMappingHeader } from \"./GroupingMappingHeader\";\nimport { defaultGroupingUI } from \"./customUI/DefaultGroupingUI\";\n\nexport type GroupingMappingProps = Omit<GroupingMappingContextProps, \"iModelId\">;\n\nexport enum RouteStep {\n Mappings,\n MappingsAction,\n Groups,\n GroupAction,\n GroupContextCustomUI,\n Properties,\n PropertyAction,\n CalculatedPropertyAction,\n CustomCalculationPropertyAction,\n}\n\nexport interface Route {\n step: RouteStep;\n title: string;\n groupingRouteFields: GroupingRouteFields;\n}\nexport interface GroupingRouteFields {\n mapping?: Mapping;\n group?: Group;\n property?: GroupProperty;\n calculatedProperty?: CalculatedProperty;\n customCalculation?: CustomCalculation;\n // Optional prop but cannot be declared undefined.\n groupContextCustomUI?: Exclude<ContextCustomUI[\"uiComponent\"], undefined>;\n queryGenerationType?: string;\n}\n\nconst GroupingMapping = (props: GroupingMappingProps) => {\n const [routingHistory, setRoutingHistory] = useState<Route[]>([\n { step: RouteStep.Mappings, title: \"Mapping\", groupingRouteFields: {} },\n ]);\n const currentRoute = routingHistory[routingHistory.length - 1];\n const iModelId = useActiveIModelConnection()?.iModelId ?? \"\";\n const groupUIs =\n props.customUIs?.filter(\n (p) => p.type === GroupingMappingCustomUIType.Grouping\n );\n const navigateTo = useCallback((toRoute: (prev: Route \| undefined) => Route) => {\n setRoutingHistory((r) => [...r, toRoute(r[r.length - 1])]);\n }, []);\n\n const goBack = useCallback(() => {\n const updatedRouting = [...routingHistory];\n updatedRouting.pop();\n setRoutingHistory(updatedRouting);\n }, [routingHistory]);\n\n const injectedCustomUI = useMemo<GroupingMappingCustomUI[]>(\n () => [\n {\n name: \"Properties\",\n displayLabel: \"Properties\",\n type: GroupingMappingCustomUIType.Context,\n icon: <SvgList />,\n onClick: (group) =>\n navigateTo((prev) => ({\n step: RouteStep.Properties,\n title: group.groupName,\n groupingRouteFields: { ...prev?.groupingRouteFields, group },\n })),\n },\n ...(props.customUIs ?? []),\n // No group UI's provided means the widget provides its own\n ...groupUIs ?? defaultGroupingUI,\n ],\n [groupUIs, navigateTo, props.customUIs]\n );\n\n return (\n <GroupingMappingContext\n iModelId={iModelId}\n {...props}\n customUIs={injectedCustomUI}\n >\n <div className=\"gmw-group-mapping-container\">\n {// Will remove until all components are correctly componentized\n currentRoute.step !== RouteStep.Properties && routingHistory.length < 4 &&\n <GroupingMappingHeader\n routingHistory={routingHistory}\n goBack={goBack}\n currentRoute={currentRoute}\n />}\n <GroupingMappingContent\n routingHistory={routingHistory}\n navigateTo={navigateTo}\n goBack={goBack}\n />\n </div>\n </GroupingMappingContext>\n );\n};\n\nexport default GroupingMapping;\n"]}

package/lib/cjs/widget/components/GroupingMappingContent.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { Route } from "./GroupingMapping";
+export declare const GroupingMappingContent: ({ routingHistory, navigateTo, goBack, }: {
+    routingHistory: Route[];
+    navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;
+    goBack: () => void;
+}) => JSX.Element;
+//# sourceMappingURL=GroupingMappingContent.d.ts.map

package/lib/cjs/widget/components/GroupingMappingContent.js ADDED Viewed

@@ -0,0 +1,47 @@
+"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.GroupingMappingContent = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importStar(require("react"));
+const GroupHilitedElementsContext_1 = require("./context/GroupHilitedElementsContext");
+const GroupingMappingRouter_1 = require("./GroupingMappingRouter");
+const viewerUtils_1 = require("./viewerUtils");
+const GroupingMappingContent = ({ routingHistory, navigateTo, goBack, }) => {
+    const { setShowGroupColor, setHiddenGroupsIds } = GroupHilitedElementsContext_1.useGroupHilitedElementsContext();
+    const currentRoute = routingHistory[routingHistory.length - 1];
+    // Clean up group visualization when in mappings
+    react_1.useEffect(() => {
+        if (routingHistory.length === 1) {
+            setShowGroupColor(false);
+            setHiddenGroupsIds([]);
+            viewerUtils_1.clearOverriddenElements();
+            viewerUtils_1.clearEmphasizedElements();
+            viewerUtils_1.clearHiddenElements();
+        }
+    }, [routingHistory, setHiddenGroupsIds, setShowGroupColor]);
+    return (react_1.default.createElement(GroupingMappingRouter_1.GroupingMappingRouter, { currentRoute: currentRoute, navigateTo: navigateTo, goBack: goBack }));
+};
+exports.GroupingMappingContent = GroupingMappingContent;
+//# sourceMappingURL=GroupingMappingContent.js.map

package/lib/cjs/widget/components/GroupingMappingContent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GroupingMappingContent.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupingMappingContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAyC;AACzC,uFAAuF;AAEvF,mEAAgE;AAChE,+CAAsG;AAE/F,MAAM,sBAAsB,GAAG,CAAC,EACrC,cAAc,EACd,UAAU,EACV,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,GAAG,4DAA8B,EAAE,CAAC;IACnF,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE/D,gDAAgD;IAChD,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YAC/B,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,kBAAkB,CAAC,EAAE,CAAC,CAAC;YACvB,qCAAuB,EAAE,CAAC;YAC1B,qCAAuB,EAAE,CAAC;YAC1B,iCAAmB,EAAE,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE5D,OAAO,CACL,8BAAC,6CAAqB,IACpB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,sBAAsB,0BA8BjC","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 { useGroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\nimport type { Route } from \"./GroupingMapping\";\nimport { GroupingMappingRouter } from \"./GroupingMappingRouter\";\nimport { clearEmphasizedElements, clearHiddenElements, clearOverriddenElements } from \"./viewerUtils\";\n\nexport const GroupingMappingContent = ({\n routingHistory,\n navigateTo,\n goBack,\n}: {\n routingHistory: Route[];\n navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n goBack: () => void;\n}) => {\n const { setShowGroupColor, setHiddenGroupsIds } = useGroupHilitedElementsContext();\n const currentRoute = routingHistory[routingHistory.length - 1];\n\n // Clean up group visualization when in mappings\n useEffect(() => {\n if (routingHistory.length === 1) {\n setShowGroupColor(false);\n setHiddenGroupsIds([]);\n clearOverriddenElements();\n clearEmphasizedElements();\n clearHiddenElements();\n }\n }, [routingHistory, setHiddenGroupsIds, setShowGroupColor]);\n\n return (\n <GroupingMappingRouter\n currentRoute={currentRoute}\n navigateTo={navigateTo}\n goBack={goBack}\n />\n );\n};\n"]}

package/lib/cjs/widget/components/GroupingMappingContext.d.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import React from "react";
+import "./GroupingMapping.scss";
+import type { ClientPrefix, GetAccessTokenFn } from "./context/GroupingApiConfigContext";
+import type { IMappingsClient } from "@itwin/insights-client";
+import type { GroupingMappingCustomUI } from "./customUI/GroupingMappingCustomUI";
+export interface GroupingMappingContextProps {
+    /**
+     * Custom callback to retrieve access token.
+     */
+    getAccessToken?: GetAccessTokenFn;
+    /**
+     * The iTwin iModel Id.
+     */
+    iModelId: string;
+    /**
+     * Used for iTwin and iModel APIs.
+     * Also used for Mapping API if a custom {@link client} is not provided.
+     */
+    prefix?: ClientPrefix;
+    /**
+     * A custom implementation of MappingClient.
+     */
+    client?: IMappingsClient;
+    /**
+     * Custom UI to add and update groups or provide additional group context capabilities.
+     */
+    customUIs?: GroupingMappingCustomUI[];
+    children?: React.ReactNode;
+}
+export declare const GroupingMappingContext: (props: GroupingMappingContextProps) => JSX.Element;
+//# sourceMappingURL=GroupingMappingContext.d.ts.map

package/lib/cjs/widget/components/GroupingMappingContext.js ADDED Viewed

@@ -0,0 +1,84 @@
+"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.GroupingMappingContext = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importStar(require("react"));
+require("./GroupingMapping.scss");
+const core_frontend_1 = require("@itwin/core-frontend");
+const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
+const MappingClientContext_1 = require("./context/MappingClientContext");
+const GroupingMappingCustomUIContext_1 = require("./context/GroupingMappingCustomUIContext");
+const GroupHilitedElementsContext_1 = require("./context/GroupHilitedElementsContext");
+const authorizationClientGetAccessToken = async () => { var _a, _b; return (_b = (await ((_a = core_frontend_1.IModelApp.authorizationClient) === null || _a === void 0 ? void 0 : _a.getAccessToken()))) !== null && _b !== void 0 ? _b : ""; };
+const GroupingMappingContext = (props) => {
+    var _a, _b;
+    const clientProp = (_a = props.client) !== null && _a !== void 0 ? _a : props.prefix;
+    const [mappingClient, setMappingClient] = react_1.useState(MappingClientContext_1.createMappingClient(clientProp));
+    const [customUIs, setCustomUIs] = react_1.useState(GroupingMappingCustomUIContext_1.createGroupingMappingCustomUI(props.customUIs));
+    const [apiConfig, setApiConfig] = react_1.useState({
+        getAccessToken: (_b = props.getAccessToken) !== null && _b !== void 0 ? _b : authorizationClientGetAccessToken,
+        iModelId: props.iModelId,
+        prefix: props.prefix,
+    });
+    const hilitedElementsQueryCache = react_1.useRef(new Map());
+    const [hiddenGroupsIds, setHiddenGroupsIds] = react_1.useState([]);
+    const [showGroupColor, setShowGroupColor] = react_1.useState(false);
+    const [groups, setGroups] = react_1.useState([]);
+    react_1.useEffect(() => {
+        setApiConfig(() => {
+            var _a;
+            return ({
+                prefix: props.prefix,
+                iModelId: props.iModelId,
+                getAccessToken: (_a = props.getAccessToken) !== null && _a !== void 0 ? _a : authorizationClientGetAccessToken,
+            });
+        });
+    }, [props.getAccessToken, props.iModelId, props.prefix]);
+    react_1.useEffect(() => {
+        setMappingClient(MappingClientContext_1.createMappingClient(clientProp));
+    }, [clientProp]);
+    react_1.useEffect(() => {
+        setCustomUIs(GroupingMappingCustomUIContext_1.createGroupingMappingCustomUI(props.customUIs));
+    }, [props.customUIs]);
+    const hilitedElementsContextValue = react_1.useMemo(() => ({
+        showGroupColor,
+        setShowGroupColor,
+        hiddenGroupsIds,
+        setHiddenGroupsIds,
+        hilitedElementsQueryCache,
+        groups,
+        setGroups,
+    }), [groups, hiddenGroupsIds, showGroupColor]);
+    const customUIContextValue = react_1.useMemo(() => ({
+        customUIs,
+        setCustomUIs,
+    }), [customUIs]);
+    return (react_1.default.createElement(GroupingApiConfigContext_1.GroupingMappingApiConfigContext.Provider, { value: apiConfig },
+        react_1.default.createElement(MappingClientContext_1.MappingClientContext.Provider, { value: mappingClient },
+            react_1.default.createElement(GroupingMappingCustomUIContext_1.GroupingMappingCustomUIContext.Provider, { value: customUIContextValue },
+                react_1.default.createElement(GroupHilitedElementsContext_1.GroupHilitedElementsContext.Provider, { value: hilitedElementsContextValue }, props.children)))));
+};
+exports.GroupingMappingContext = GroupingMappingContext;
+//# sourceMappingURL=GroupingMappingContext.js.map

package/lib/cjs/widget/components/GroupingMappingContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GroupingMappingContext.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupingMappingContext.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, { useEffect, useMemo, useRef, useState } from \"react\";\nimport \"./GroupingMapping.scss\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type {\n ClientPrefix,\n GetAccessTokenFn,\n GroupingMappingApiConfig,\n} from \"./context/GroupingApiConfigContext\";\nimport { GroupingMappingApiConfigContext } from \"./context/GroupingApiConfigContext\";\nimport {\n createMappingClient,\n MappingClientContext,\n} from \"./context/MappingClientContext\";\nimport type { Group, IMappingsClient } from \"@itwin/insights-client\";\nimport { createGroupingMappingCustomUI, GroupingMappingCustomUIContext } from \"./context/GroupingMappingCustomUIContext\";\nimport type { GroupingMappingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport { GroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\n\nexport interface GroupingMappingContextProps {\n /**\n * Custom callback to retrieve access token.\n */\n getAccessToken?: GetAccessTokenFn;\n /**\n * The iTwin iModel Id.\n */\n iModelId: string;\n /**\n * Used for iTwin and iModel APIs.\n * Also used for Mapping API if a custom {@link client} is not provided.\n */\n prefix?: ClientPrefix;\n /**\n * A custom implementation of MappingClient.\n */\n client?: IMappingsClient;\n /**\n * Custom UI to add and update groups or provide additional group context capabilities.\n */\n customUIs?: GroupingMappingCustomUI[];\n children?: React.ReactNode;\n}\n\nconst authorizationClientGetAccessToken = async () =>\n (await IModelApp.authorizationClient?.getAccessToken()) ?? \"\";\n\nexport const GroupingMappingContext = (props: GroupingMappingContextProps) => {\n const clientProp: IMappingsClient | ClientPrefix = props.client ?? props.prefix;\n const [mappingClient, setMappingClient] = useState<IMappingsClient>(createMappingClient(clientProp));\n const [customUIs, setCustomUIs] = useState<GroupingMappingCustomUI[]>(\n createGroupingMappingCustomUI(props.customUIs),\n );\n const [apiConfig, setApiConfig] = useState<GroupingMappingApiConfig>({\n getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,\n iModelId: props.iModelId,\n prefix: props.prefix,\n });\n const hilitedElementsQueryCache = useRef<Map<string, string[]>>(new Map());\n const [hiddenGroupsIds, setHiddenGroupsIds] = useState<string[]>([]);\n const [showGroupColor, setShowGroupColor] = useState<boolean>(false);\n const [groups, setGroups] = useState<Group[]>([]);\n\n useEffect(() => {\n setApiConfig(() => ({\n prefix: props.prefix,\n iModelId: props.iModelId,\n getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,\n }));\n }, [props.getAccessToken, props.iModelId, props.prefix]);\n\n useEffect(() => {\n setMappingClient(createMappingClient(clientProp));\n }, [clientProp]);\n\n useEffect(() => {\n setCustomUIs(createGroupingMappingCustomUI(props.customUIs));\n }, [props.customUIs]);\n\n const hilitedElementsContextValue = useMemo(\n () => ({\n showGroupColor,\n setShowGroupColor,\n hiddenGroupsIds,\n setHiddenGroupsIds,\n hilitedElementsQueryCache,\n groups,\n setGroups,\n }),\n [groups, hiddenGroupsIds, showGroupColor]\n );\n\n const customUIContextValue = useMemo(() => ({\n customUIs,\n setCustomUIs,\n }), [customUIs]);\n\n return (\n <GroupingMappingApiConfigContext.Provider value={apiConfig}>\n <MappingClientContext.Provider value={mappingClient}>\n <GroupingMappingCustomUIContext.Provider value={customUIContextValue}>\n <GroupHilitedElementsContext.Provider value={hilitedElementsContextValue}>\n {props.children}\n </GroupHilitedElementsContext.Provider>\n </GroupingMappingCustomUIContext.Provider>\n </MappingClientContext.Provider>\n </GroupingMappingApiConfigContext.Provider>\n );\n};\n"]}

package/lib/cjs/widget/components/GroupingMappingHeader.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { Route } from "./GroupingMapping";
+export declare const GroupingMappingHeader: ({ routingHistory, goBack, currentRoute, }: {
+    routingHistory: Route[];
+    goBack: () => void;
+    currentRoute: Route;
+}) => JSX.Element;
+//# sourceMappingURL=GroupingMappingHeader.d.ts.map