@itwin/grouping-mapping-widget 0.18.1 → 0.19.0

package/lib/esm/widget/components/Grouping.js.map

@@ -1 +0,0 @@
-{"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 React, { useCallback, useEffect, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport {\n  ButtonGroup,\n  IconButton,\n  ProgressLinear,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport DeleteModal from \"./DeleteModal\";\nimport \"./Grouping.scss\";\nimport { EmptyMessage, handleError, LoadingOverlay } from \"./utils\";\nimport type { Group, IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingCustomUI } from \"./context/GroupingMappingCustomUIContext\";\nimport { GroupingMappingCustomUIType } from \"./customUI/GroupingMappingCustomUI\";\nimport type {\n  ContextCustomUI,\n  GroupingCustomUI,\n} from \"./customUI/GroupingMappingCustomUI\";\nimport { useGroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\nimport { GroupsAddButton } from \"./GroupsAddButton\";\nimport { GroupItem } from \"./GroupItem\";\n\nexport type IGroupTyped = CreateTypeFromInterface<Group>;\n\nexport interface ActionButtonRendererProps {\n  group: Group;\n}\n\nexport type ActionButtonRenderer = (\n  props: ActionButtonRendererProps\n) => React.ReactNode;\n\nexport interface GroupingProps {\n  mapping: Mapping;\n  actionButtonRenderers?: ActionButtonRenderer[];\n  onClickAddGroup?: (queryGenerationType: string) => void;\n  onClickGroupTitle?: (group: Group) => void;\n  onClickGroupModify?: (group: Group, queryGenerationType: string) => void;\n  onClickRenderContextCustomUI?: (\n    contextCustomUI: Exclude<ContextCustomUI[\"uiComponent\"], undefined>,\n    group: Group,\n    displayLabel: string,\n  ) => void;\n  disableActions?: boolean;\n  isVisualizing?: boolean;\n}\n\nconst fetchGroups = async (\n  setGroups: (groups: Group[]) => void,\n  iModelId: string,\n  mappingId: string,\n  setIsLoading: (isLoading: boolean) => void,\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.sort((a, b) => a.groupName.localeCompare(b.groupName)));\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport const Groupings = ({\n  mapping,\n  actionButtonRenderers,\n  onClickAddGroup,\n  onClickGroupTitle,\n  onClickGroupModify,\n  onClickRenderContextCustomUI,\n  disableActions,\n  isVisualizing,\n}: GroupingProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const { groups, setGroups, numberOfVisualizedGroups } = useGroupHilitedElementsContext();\n  const mappingClient = useMappingClient();\n  const groupUIs: GroupingCustomUI[] =\n    useGroupingMappingCustomUI().customUIs.filter(\n      (p) => p.type === GroupingMappingCustomUIType.Grouping\n    ) as GroupingCustomUI[];\n  const contextUIs: ContextCustomUI[] =\n    useGroupingMappingCustomUI().customUIs.filter(\n      (p) => p.type === GroupingMappingCustomUIType.Context\n    ) as ContextCustomUI[];\n  const [showDeleteModal, setShowDeleteModal] = useState<Group | undefined>(\n    undefined\n  );\n  const [isLoading, setIsLoading] = useState<boolean>(true);\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  const addGroup = useCallback((type: string) => {\n    if (!onClickAddGroup) return;\n    onClickAddGroup(type);\n  }, [onClickAddGroup]);\n\n  const refresh = useCallback(async () => {\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  return (\n    <>\n      <div className=\"gmw-groups-container\">\n        <div className={ `gmw-toolbar ${ isVisualizing ? \"gmw-visualizing-toolbar\" : \"\" }` }>\n          {onClickAddGroup && groupUIs.length > 0 && (\n            <GroupsAddButton\n              disabled={disableActions}\n              groupUIs={groupUIs}\n              onClickAddGroup={addGroup}\n            />\n          )}\n          <ButtonGroup className=\"gmw-toolbar-buttons\">\n            <IconButton\n              title=\"Refresh\"\n              onClick={refresh}\n              disabled={isLoading || disableActions}\n              styleType=\"borderless\"\n            >\n              <SvgRefresh />\n            </IconButton>\n          </ButtonGroup>\n        </div>\n\n        {isVisualizing && (numberOfVisualizedGroups !== undefined) &&\n        <div className = \"gmw-group-progress-bar\">\n          <ProgressLinear\n            value={ 25 + ( numberOfVisualizedGroups / groups.length * 65 ) }\n          />\n        </div>}\n\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : groups.length === 0 ? (\n          <EmptyMessage message=\"No Groups available.\" />\n        ) : (\n          <div className=\"gmw-group-list\">\n            {groups.map((g) => (\n              <GroupItem\n                key={g.id}\n                mapping={mapping}\n                group={g}\n                groupUIs={groupUIs}\n                contextUIs={contextUIs}\n                actionButtonRenderers={actionButtonRenderers}\n                onClickGroupTitle={onClickGroupTitle}\n                onClickGroupModify={onClickGroupModify}\n                onClickRenderContextCustomUI={onClickRenderContextCustomUI}\n                disableActions={disableActions}\n                setShowDeleteModal={setShowDeleteModal}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n      <DeleteModal\n        entityName={showDeleteModal?.groupName}\n        onClose={() => setShowDeleteModal(undefined)}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await mappingClient.deleteGroup(\n            accessToken,\n            iModelId,\n            mapping.id,\n            showDeleteModal?.id ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n    </>\n  );\n};\n"]}