@itwin/grouping-mapping-widget 0.19.2 → 0.20.1

package/lib/esm/widget/components/GroupsVisualization.js

@@ -1,118 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useGroupHilitedElementsContext } from "./context/GroupHilitedElementsContext";
-import { getHiliteIdsFromGroups, hideGroup, hideGroups, visualizeGroupColors, } from "./groupsHelpers";
-import { clearEmphasizedElements, clearEmphasizedOverriddenElements, clearHiddenElements, hideElements, } from "./viewerUtils";
-import { Groups } from "./Groups";
-import { GroupColorLegend } from "./GroupColorLegend";
-import { GroupVisualizationActions } from "./GroupsVisualizationActions";
-import { GroupsShowHideButtons } from "./GroupsShowHideButtons";
-import "./GroupsVisualization.scss";
-import { useGroupingMappingApiConfig } from "./context/GroupingApiConfigContext";
-export const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedSelectable = false, onClickGroupModify, onClickAddGroup, ...rest }) => {
-    const { iModelConnection } = useGroupingMappingApiConfig();
-    if (!iModelConnection) {
-        throw new Error("This component requires an active iModelConnection.");
-    }
-    const firstUpdate = useRef(true);
-    const [isLoadingQuery, setLoadingQuery] = useState(false);
-    const [isVisualizing, setIsVisualizing] = useState(false);
-    const { hilitedElementsQueryCache, groups, hiddenGroupsIds, showGroupColor, setHiddenGroupsIds, setNumberOfVisualizedGroups, } = useGroupHilitedElementsContext();
-    const getHiliteIdsFromGroupsWrapper = useCallback(async (groups) => iModelConnection
-        ? getHiliteIdsFromGroups(iModelConnection, groups, hilitedElementsQueryCache)
-        : [], [iModelConnection, hilitedElementsQueryCache]);
-    const handleVisualizationStates = useCallback((start = true) => {
-        setIsVisualizing(start);
-        setLoadingQuery(start);
-        if (!start) {
-            setNumberOfVisualizedGroups(0);
-        }
-    }, [setNumberOfVisualizedGroups]);
-    const triggerVisualization = useCallback(async () => {
-        handleVisualizationStates(true);
-        const groupsCopy = [...groups];
-        await visualizeGroupColors(iModelConnection, groupsCopy, hiddenGroupsIds, hilitedElementsQueryCache, setNumberOfVisualizedGroups, emphasizeElements);
-        isNonEmphasizedSelectable && clearEmphasizedElements();
-        handleVisualizationStates(false);
-    }, [handleVisualizationStates, groups, iModelConnection, hiddenGroupsIds, hilitedElementsQueryCache, setNumberOfVisualizedGroups, emphasizeElements, isNonEmphasizedSelectable]);
-    useEffect(() => {
-        const visualize = async () => {
-            if (firstUpdate.current) {
-                firstUpdate.current = false;
-                return;
-            }
-            if (groups.length > 0 && showGroupColor) {
-                await triggerVisualization();
-            }
-            else {
-                clearEmphasizedOverriddenElements();
-            }
-        };
-        void visualize();
-        // We don't want to trigger full visualization when toggling individual groups.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [groups, showGroupColor]);
-    const hideAllGroups = useCallback(async () => {
-        setLoadingQuery(true);
-        await hideGroups(iModelConnection, groups, hilitedElementsQueryCache);
-        setLoadingQuery(false);
-    }, [groups, hilitedElementsQueryCache, iModelConnection]);
-    const hideSingleGroupWrapper = useCallback(async (group) => {
-        setLoadingQuery(true);
-        await hideGroup(iModelConnection, group, hilitedElementsQueryCache);
-        setLoadingQuery(false);
-    }, [hilitedElementsQueryCache, iModelConnection]);
-    const showGroup = useCallback(async (viewGroup) => {
-        setLoadingQuery(true);
-        clearHiddenElements();
-        // hide group Ids filter
-        const newHiddenGroups = groups.filter((g) => hiddenGroupsIds.has(g.id) && g.id !== viewGroup.id);
-        // view group Ids filter
-        const viewGroups = groups.filter((g) => !hiddenGroupsIds.has(g.id) || g.id === viewGroup.id);
-        const viewIds = await getHiliteIdsFromGroupsWrapper(viewGroups);
-        let hiddenIds = await getHiliteIdsFromGroupsWrapper(newHiddenGroups);
-        hiddenIds = hiddenIds.filter((id) => !viewIds.includes(id));
-        hideElements(hiddenIds);
-        setLoadingQuery(false);
-    }, [groups, hiddenGroupsIds, getHiliteIdsFromGroupsWrapper]);
-    const showAll = useCallback(async () => {
-        setLoadingQuery(true);
-        clearHiddenElements();
-        setHiddenGroupsIds(new Set());
-        await getHiliteIdsFromGroupsWrapper(groups);
-        setLoadingQuery(false);
-    }, [getHiliteIdsFromGroupsWrapper, groups, setHiddenGroupsIds]);
-    const hideAll = useCallback(async () => {
-        await hideAllGroups();
-        setHiddenGroupsIds(new Set(groups.map((g) => g.id)));
-        await getHiliteIdsFromGroupsWrapper(groups);
-    }, [
-        setHiddenGroupsIds,
-        groups,
-        hideAllGroups,
-        getHiliteIdsFromGroupsWrapper,
-    ]);
-    const onModify = useCallback(async (group, type) => {
-        if (!onClickGroupModify)
-            return;
-        if (group.id && hiddenGroupsIds.has(group.id)) {
-            await showGroup(group);
-            setHiddenGroupsIds(new Set([...hiddenGroupsIds].filter((id) => id !== group.id)));
-        }
-        clearEmphasizedElements();
-        onClickGroupModify(group, type);
-    }, [hiddenGroupsIds, onClickGroupModify, setHiddenGroupsIds, showGroup]);
-    const onAddGroup = useCallback((type) => {
-        if (!onClickAddGroup)
-            return;
-        onClickAddGroup(type);
-        clearEmphasizedElements();
-    }, [onClickAddGroup]);
-    const groupActionButtonRenderers = useMemo(() => [
-        (props) => showGroupColor ? React.createElement(GroupColorLegend, { ...props, groups: groups }) : [],
-        (props) => (React.createElement(GroupsShowHideButtons, { ...props, isLoadingQuery: isLoadingQuery, showGroup: showGroup, hideGroup: hideSingleGroupWrapper })),
-    ].flat(), [groups, hideSingleGroupWrapper, isLoadingQuery, showGroup, showGroupColor]);
-    return (React.createElement("div", { className: "gmw-groups-vis-container" },
-        React.createElement(GroupVisualizationActions, { isLoadingQuery: isLoadingQuery, showAll: showAll, hideAll: hideAll }),
-        React.createElement(Groups, { onClickGroupModify: onModify, onClickAddGroup: onAddGroup, actionButtonRenderers: groupActionButtonRenderers, ...rest, disableActions: isLoadingQuery, isVisualizing: isVisualizing })));
-};
-//# sourceMappingURL=GroupsVisualization.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupsVisualization.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupsVisualization.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 type { Group } from \"@itwin/insights-client\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useGroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\nimport {\n  getHiliteIdsFromGroups,\n  hideGroup,\n  hideGroups,\n  visualizeGroupColors,\n} from \"./groupsHelpers\";\nimport {\n  clearEmphasizedElements,\n  clearEmphasizedOverriddenElements,\n  clearHiddenElements,\n  hideElements,\n} from \"./viewerUtils\";\nimport type { GroupsProps } from \"./Groups\";\nimport { Groups } from \"./Groups\";\nimport { GroupColorLegend } from \"./GroupColorLegend\";\nimport { GroupVisualizationActions } from \"./GroupsVisualizationActions\";\nimport { GroupsShowHideButtons } from \"./GroupsShowHideButtons\";\nimport \"./GroupsVisualization.scss\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport type { ActionButtonRenderer, ActionButtonRendererProps } from \"./GroupsView\";\n\nexport interface GroupsVisualizationProps extends GroupsProps {\n  isNonEmphasizedSelectable?: boolean;\n  emphasizeElements?: boolean;\n}\n\nexport const GroupsVisualization = ({\n  emphasizeElements = true,\n  isNonEmphasizedSelectable = false,\n  onClickGroupModify,\n  onClickAddGroup,\n  ...rest\n}: GroupsVisualizationProps) => {\n  const { iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const firstUpdate = useRef(true);\n  const [isLoadingQuery, setLoadingQuery] = useState<boolean>(false);\n  const [isVisualizing, setIsVisualizing] = useState<boolean>(false);\n  const {\n    hilitedElementsQueryCache,\n    groups,\n    hiddenGroupsIds,\n    showGroupColor,\n    setHiddenGroupsIds,\n    setNumberOfVisualizedGroups,\n  } = useGroupHilitedElementsContext();\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 handleVisualizationStates = useCallback((start = true) => {\n    setIsVisualizing(start);\n    setLoadingQuery(start);\n    if (!start) {\n      setNumberOfVisualizedGroups(0);\n    }\n  }, [setNumberOfVisualizedGroups]);\n\n  const triggerVisualization = useCallback(async () => {\n    handleVisualizationStates(true);\n    const groupsCopy = [...groups];\n    await visualizeGroupColors(\n      iModelConnection,\n      groupsCopy,\n      hiddenGroupsIds,\n      hilitedElementsQueryCache,\n      setNumberOfVisualizedGroups,\n      emphasizeElements,\n    );\n    isNonEmphasizedSelectable && clearEmphasizedElements();\n    handleVisualizationStates(false);\n  }, [handleVisualizationStates, groups, iModelConnection, hiddenGroupsIds, hilitedElementsQueryCache, setNumberOfVisualizedGroups, emphasizeElements, isNonEmphasizedSelectable]);\n\n  useEffect(() => {\n    const visualize = async () => {\n      if (firstUpdate.current) {\n        firstUpdate.current = false;\n        return;\n      }\n      if (groups.length > 0 && showGroupColor) {\n        await triggerVisualization();\n      } else {\n        clearEmphasizedOverriddenElements();\n      }\n    };\n    void visualize();\n    // We don't want to trigger full visualization when toggling individual groups.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [groups, showGroupColor]);\n\n  const hideAllGroups = useCallback(\n    async () => {\n      setLoadingQuery(true);\n      await hideGroups(iModelConnection, groups, hilitedElementsQueryCache);\n      setLoadingQuery(false);\n    },\n    [groups, hilitedElementsQueryCache, iModelConnection]\n  );\n\n  const hideSingleGroupWrapper = useCallback(\n    async (group: Group) => {\n      setLoadingQuery(true);\n      await hideGroup(iModelConnection, group, hilitedElementsQueryCache);\n      setLoadingQuery(false);\n    },\n    [hilitedElementsQueryCache, iModelConnection]\n  );\n\n  const showGroup = useCallback(\n    async (viewGroup: Group) => {\n      setLoadingQuery(true);\n      clearHiddenElements();\n\n      // hide group Ids filter\n      const newHiddenGroups: Group[] = groups.filter((g) => hiddenGroupsIds.has(g.id) && g.id !== viewGroup.id);\n\n      // view group Ids filter\n      const viewGroups = groups.filter((g) => !hiddenGroupsIds.has(g.id) || g.id === viewGroup.id);\n      const viewIds = await getHiliteIdsFromGroupsWrapper(viewGroups);\n\n      let hiddenIds = await getHiliteIdsFromGroupsWrapper(newHiddenGroups);\n      hiddenIds = hiddenIds.filter((id) => !viewIds.includes(id));\n      hideElements(hiddenIds);\n      setLoadingQuery(false);\n    },\n    [groups, hiddenGroupsIds, getHiliteIdsFromGroupsWrapper]\n  );\n\n  const showAll = useCallback(async () => {\n    setLoadingQuery(true);\n\n    clearHiddenElements();\n    setHiddenGroupsIds(new Set());\n    await getHiliteIdsFromGroupsWrapper(groups);\n\n    setLoadingQuery(false);\n  }, [getHiliteIdsFromGroupsWrapper, groups, setHiddenGroupsIds]);\n\n  const hideAll = useCallback(async () => {\n    await hideAllGroups();\n    setHiddenGroupsIds(\n      new Set(groups.map((g) => g.id))\n    );\n    await getHiliteIdsFromGroupsWrapper(groups);\n  }, [\n    setHiddenGroupsIds,\n    groups,\n    hideAllGroups,\n    getHiliteIdsFromGroupsWrapper,\n  ]);\n\n  const onModify = useCallback(\n    async (group: Group, type: string) => {\n      if (!onClickGroupModify) return;\n      if (group.id && hiddenGroupsIds.has(group.id)) {\n        await showGroup(group);\n        setHiddenGroupsIds(new Set([...hiddenGroupsIds].filter((id) => id !== group.id)));\n      }\n      clearEmphasizedElements();\n      onClickGroupModify(group, type);\n    },\n    [hiddenGroupsIds, onClickGroupModify, setHiddenGroupsIds, showGroup]\n  );\n\n  const onAddGroup = useCallback(\n    (type: string) => {\n      if (!onClickAddGroup) return;\n      onClickAddGroup(type);\n      clearEmphasizedElements();\n    },\n    [onClickAddGroup]\n  );\n\n  const groupActionButtonRenderers: ActionButtonRenderer[] = useMemo(() => [\n    (props: ActionButtonRendererProps) =>\n      showGroupColor ? <GroupColorLegend {...props} groups={groups} /> : [],\n    (props: ActionButtonRendererProps) => (\n      <GroupsShowHideButtons\n        {...props}\n        isLoadingQuery={isLoadingQuery}\n        showGroup={showGroup}\n        hideGroup={hideSingleGroupWrapper}\n      />\n    ),\n  ].flat(), [groups, hideSingleGroupWrapper, isLoadingQuery, showGroup, showGroupColor]);\n\n  return (\n    <div className=\"gmw-groups-vis-container\">\n      <GroupVisualizationActions\n        isLoadingQuery={isLoadingQuery}\n        showAll={showAll}\n        hideAll={hideAll}\n      />\n      <Groups\n        onClickGroupModify={onModify}\n        onClickAddGroup={onAddGroup}\n        actionButtonRenderers={groupActionButtonRenderers}\n        {...rest}\n        disableActions={isLoadingQuery}\n        isVisualizing={isVisualizing}\n      />\n    </div>\n  );\n};\n"]}

package/lib/esm/widget/components/GroupsVisualization.scss

@@ -1,12 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-.gmw-groups-vis-container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--iui-size-s);
-  flex-grow: 1;
-  min-height: 0;
-}

package/lib/esm/widget/components/GroupsVisualizationActions.js

@@ -1,20 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import { ButtonGroup, IconButton } from "@itwin/itwinui-react";
-import React from "react";
-import { ToggleGroupVisibility } from "./ToggleGroupVisibility";
-import { SvgVisibilityHide, SvgVisibilityShow } from "@itwin/itwinui-icons-react";
-import "./GroupsVisualizationActions.scss";
-import { useGroupHilitedElementsContext } from "./context/GroupHilitedElementsContext";
-export const GroupVisualizationActions = ({ isLoadingQuery, showAll, hideAll, }) => {
-    const { showGroupColor, setShowGroupColor, } = useGroupHilitedElementsContext();
-    return (React.createElement(ButtonGroup, { className: "gmw-visual-buttons" },
-        React.createElement(ToggleGroupVisibility, { isLoadingQuery: isLoadingQuery, showGroupColor: showGroupColor, setShowGroupColor: setShowGroupColor }),
-        React.createElement(IconButton, { title: "Show All", onClick: showAll, disabled: isLoadingQuery, styleType: "borderless" },
-            React.createElement(SvgVisibilityShow, null)),
-        React.createElement(IconButton, { title: "Hide All", onClick: hideAll, disabled: isLoadingQuery, styleType: "borderless" },
-            React.createElement(SvgVisibilityHide, null))));
-};
-//# sourceMappingURL=GroupsVisualizationActions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupsVisualizationActions.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupsVisualizationActions.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,8BAA8B,EAAE,MAAM,uCAAuC,CAAC;AAQvF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,cAAc,EACd,OAAO,EACP,OAAO,GACwB,EAAE,EAAE;IACnC,MAAM,EACJ,cAAc,EACd,iBAAiB,GAClB,GAAG,8BAA8B,EAAE,CAAC;IAErC,OAAO,CACL,oBAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB;QACzC,oBAAC,qBAAqB,IACpB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,GACpC;QACF,oBAAC,UAAU,IACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,YAAY;YAEtB,oBAAC,iBAAiB,OAAG,CACV;QACb,oBAAC,UAAU,IACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,YAAY;YAEtB,oBAAC,iBAAiB,OAAG,CACV,CACD,CACf,CAAC;AAEJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { ButtonGroup, IconButton } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport { ToggleGroupVisibility } from \"./ToggleGroupVisibility\";\nimport { SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\nimport \"./GroupsVisualizationActions.scss\";\nimport { useGroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\n\ninterface GroupVisualizationActionsProps {\n  isLoadingQuery: boolean;\n  showAll: () => Promise<void>;\n  hideAll: () => Promise<void>;\n}\n\nexport const GroupVisualizationActions = ({\n  isLoadingQuery,\n  showAll,\n  hideAll,\n}: GroupVisualizationActionsProps) => {\n  const {\n    showGroupColor,\n    setShowGroupColor,\n  } = useGroupHilitedElementsContext();\n\n  return (\n    <ButtonGroup className=\"gmw-visual-buttons\">\n      <ToggleGroupVisibility\n        isLoadingQuery={isLoadingQuery}\n        showGroupColor={showGroupColor}\n        setShowGroupColor={setShowGroupColor}\n      />\n      <IconButton\n        title=\"Show All\"\n        onClick={showAll}\n        disabled={isLoadingQuery}\n        styleType=\"borderless\"\n      >\n        <SvgVisibilityShow />\n      </IconButton>\n      <IconButton\n        title=\"Hide All\"\n        onClick={hideAll}\n        disabled={isLoadingQuery}\n        styleType=\"borderless\"\n      >\n        <SvgVisibilityHide />\n      </IconButton>\n    </ButtonGroup>\n  );\n\n};\n\n"]}

package/lib/esm/widget/components/HorizontalTile.d.ts

@@ -1,15 +0,0 @@
-import type { ReactNode } from "react";
-import "./HorizontalTile.scss";
-export interface HorizontalTileProps {
-    title: string;
-    actionGroup: ReactNode;
-    subText?: string;
-    onClick?: () => void;
-    onClickTitle?: () => void;
-    titleTooltip?: string;
-    subtextToolTip?: string;
-    selected?: boolean;
-    dragHandle?: ReactNode;
-}
-export declare const HorizontalTile: (props: HorizontalTileProps) => JSX.Element;
-//# sourceMappingURL=HorizontalTile.d.ts.map

package/lib/esm/widget/components/HorizontalTile.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { Anchor, Text } from "@itwin/itwinui-react";
-import "./HorizontalTile.scss";
-import classNames from "classnames";
-export const HorizontalTile = (props) => {
-    return (React.createElement("div", { className: classNames("gmw-horizontal-tile-container", { "gmw-horizontal-tile-selected": props.selected }), onClick: props.onClick, "data-testid": "gmw-horizontal-tile" },
-        React.createElement("div", { className: "gmw-body-container" },
-            props.dragHandle,
-            React.createElement("div", { className: "gmw-body" },
-                !!props.onClickTitle &&
-                    React.createElement(Anchor, { className: "gmw-body-text", onClick: props.onClickTitle, title: props.titleTooltip }, props.title),
-                !props.onClickTitle &&
-                    React.createElement(Text, { className: "gmw-body-text", variant: "body", title: props.titleTooltip }, props.title),
-                props.subText && React.createElement(Text, { className: "gmw-body-text", isMuted: true, title: props.subtextToolTip, variant: "small" }, props.subText))),
-        React.createElement("div", { className: "gmw-action-button", "data-testid": "tile-action-button" }, props.actionGroup)));
-};
-//# sourceMappingURL=HorizontalTile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/HorizontalTile.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAcpC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAE3D,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,EAAE,8BAA8B,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,iBAAc,qBAAqB;QACxK,6BAAK,SAAS,EAAC,oBAAoB;YAChC,KAAK,CAAC,UAAU;YACjB,6BAAK,SAAS,EAAC,UAAU;gBACtB,CAAC,CAAC,KAAK,CAAC,YAAY;oBACnB,oBAAC,MAAM,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,IAAG,KAAK,CAAC,KAAK,CAAU;gBAEjH,CAAC,KAAK,CAAC,YAAY;oBAClB,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,YAAY,IAAG,KAAK,CAAC,KAAK,CAAQ;gBAE/F,KAAK,CAAC,OAAO,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE,OAAO,EAAC,OAAO,IAAE,KAAK,CAAC,OAAO,CAAQ,CAChI,CACF;QACN,6BAAK,SAAS,EAAC,mBAAmB,iBAAa,oBAAoB,IAChE,KAAK,CAAC,WAAW,CACd,CACF,CACP,CAAC;AAEJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { ReactNode } from \"react\";\nimport React from \"react\";\nimport { Anchor, Text } from \"@itwin/itwinui-react\";\nimport \"./HorizontalTile.scss\";\nimport classNames from \"classnames\";\n\nexport interface HorizontalTileProps {\n  title: string;\n  actionGroup: ReactNode;\n  subText?: string;\n  onClick?: () => void;\n  onClickTitle?: () => void;\n  titleTooltip?: string;\n  subtextToolTip?: string;\n  selected?: boolean;\n  dragHandle?: ReactNode;\n}\n\nexport const HorizontalTile = (props: HorizontalTileProps) => {\n\n  return (\n    <div className={classNames(\"gmw-horizontal-tile-container\", { \"gmw-horizontal-tile-selected\": props.selected })} onClick={props.onClick} data-testid=\"gmw-horizontal-tile\">\n      <div className=\"gmw-body-container\">\n        {props.dragHandle}\n        <div className=\"gmw-body\">\n          {!!props.onClickTitle &&\n            <Anchor className=\"gmw-body-text\" onClick={props.onClickTitle} title={props.titleTooltip}>{props.title}</Anchor>\n          }\n          {!props.onClickTitle &&\n            <Text className=\"gmw-body-text\" variant=\"body\" title={props.titleTooltip}>{props.title}</Text>\n          }\n          {props.subText && <Text className=\"gmw-body-text\" isMuted={true} title={props.subtextToolTip} variant=\"small\">{props.subText}</Text>}\n        </div>\n      </div>\n      <div className=\"gmw-action-button\" data-testid=\"tile-action-button\">\n        {props.actionGroup}\n      </div>\n    </div>\n  );\n\n};\n"]}

package/lib/esm/widget/components/HorizontalTile.scss

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

package/lib/esm/widget/components/MappingAction.js

@@ -1,83 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import { Fieldset, LabeledInput, Text, ToggleSwitch } from "@itwin/itwinui-react";
-import React, { useState } from "react";
-import ActionPanel from "./ActionPanel";
-import useValidator, { NAME_REQUIREMENTS } from "../hooks/useValidator";
-import { handleError, handleInputChange } from "./utils";
-import "./MappingAction.scss";
-import { useMappingClient } from "./context/MappingClientContext";
-import { useGroupingMappingApiConfig } from "./context/GroupingApiConfigContext";
-const defaultDisplayStrings = {
-    mappingDetails: "Mapping Details",
-};
-export const MappingAction = ({ mapping, onSaveSuccess, onClickCancel, displayStrings: userDisplayStrings }) => {
-    const { getAccessToken, iModelId } = useGroupingMappingApiConfig();
-    const mappingClient = useMappingClient();
-    const [values, setValues] = useState({
-        name: mapping?.mappingName ?? "",
-        description: mapping?.description ?? "",
-        extractionEnabled: mapping?.extractionEnabled ?? true,
-    });
-    const [validator, showValidationMessage] = useValidator();
-    const [isLoading, setIsLoading] = useState(false);
-    const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
-    const onSave = async () => {
-        try {
-            if (!validator.allValid()) {
-                showValidationMessage(true);
-                return;
-            }
-            setIsLoading(true);
-            const accessToken = await getAccessToken();
-            mapping
-                ? await mappingClient.updateMapping(accessToken, iModelId, mapping.id, {
-                    mappingName: values.name,
-                    description: values.description,
-                    extractionEnabled: values.extractionEnabled,
-                })
-                : await mappingClient.createMapping(accessToken, iModelId, {
-                    mappingName: values.name,
-                    description: values.description,
-                    extractionEnabled: values.extractionEnabled,
-                });
-            setValues({
-                name: mapping?.mappingName ?? "",
-                description: mapping?.description ?? "",
-                extractionEnabled: mapping?.extractionEnabled ?? true,
-            });
-            onSaveSuccess();
-        }
-        catch (error) {
-            handleError(error.status);
-        }
-        finally {
-            setIsLoading(false);
-        }
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: 'gmw-details-form-container' },
-            React.createElement(Fieldset, { legend: displayStrings.mappingDetails, className: 'gmw-details-form' },
-                React.createElement(Text, { variant: 'small', as: 'small', className: 'gmw-field-legend' }, "Asterisk * indicates mandatory fields."),
-                React.createElement(LabeledInput, { id: 'name', name: 'name', label: 'Name', value: values.name, required: true, onChange: (event) => {
-                        handleInputChange(event, values, setValues);
-                        validator.showMessageFor("name");
-                    }, message: validator.message("name", values.name, NAME_REQUIREMENTS), status: validator.message("name", values.name, NAME_REQUIREMENTS)
-                        ? "negative"
-                        : undefined, onBlur: () => {
-                        validator.showMessageFor("name");
-                    }, onBlurCapture: (event) => {
-                        handleInputChange(event, values, setValues);
-                        validator.showMessageFor("name");
-                    } }),
-                React.createElement(LabeledInput, { id: 'description', name: 'description', label: 'Description', value: values.description, onChange: (event) => {
-                        handleInputChange(event, values, setValues);
-                    } }),
-                React.createElement(ToggleSwitch, { id: 'extractionEnabled', name: 'extractionEnabled', label: 'Extract data from iModel', labelPosition: "right", checked: values.extractionEnabled, onChange: (event) => {
-                        setValues({ ...values, extractionEnabled: event.currentTarget.checked });
-                    } }))),
-        React.createElement(ActionPanel, { onSave: onSave, onCancel: onClickCancel, isSavingDisabled: !values.name, isLoading: isLoading })));
-};
-//# sourceMappingURL=MappingAction.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MappingAction.js","sourceRoot":"","sources":["../../../../src/widget/components/MappingAction.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 { Fieldset, LabeledInput, Text, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport { handleError, handleInputChange } from \"./utils\";\nimport \"./MappingAction.scss\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\n\nconst defaultDisplayStrings = {\n  mappingDetails: \"Mapping Details\",\n};\n\nexport interface MappingActionProps {\n  mapping?: Mapping;\n  onSaveSuccess: () => void;\n  onClickCancel?: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const MappingAction = ({ mapping, onSaveSuccess, onClickCancel, displayStrings: userDisplayStrings }: MappingActionProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [values, setValues] = useState({\n    name: mapping?.mappingName ?? \"\",\n    description: mapping?.description ?? \"\",\n    extractionEnabled: mapping?.extractionEnabled ?? true,\n  });\n  const [validator, showValidationMessage] = useValidator();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const onSave = async () => {\n    try {\n      if (!validator.allValid()) {\n        showValidationMessage(true);\n        return;\n      }\n      setIsLoading(true);\n      const accessToken = await getAccessToken();\n      mapping\n        ? await mappingClient.updateMapping(accessToken, iModelId, mapping.id, {\n          mappingName: values.name,\n          description: values.description,\n          extractionEnabled: values.extractionEnabled,\n        })\n        : await mappingClient.createMapping(accessToken, iModelId, {\n          mappingName: values.name,\n          description: values.description,\n          extractionEnabled: values.extractionEnabled,\n        });\n      setValues({\n        name: mapping?.mappingName ?? \"\",\n        description: mapping?.description ?? \"\",\n        extractionEnabled: mapping?.extractionEnabled ?? true,\n      });\n      onSaveSuccess();\n    } catch (error: any) {\n      handleError(error.status);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <div className='gmw-details-form-container'>\n        <Fieldset legend={displayStrings.mappingDetails} className='gmw-details-form'>\n          <Text variant='small' as='small' className='gmw-field-legend'>\n            Asterisk * indicates mandatory fields.\n          </Text>\n          <LabeledInput\n            id='name'\n            name='name'\n            label='Name'\n            value={values.name}\n            required\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n            message={validator.message(\"name\", values.name, NAME_REQUIREMENTS)}\n            status={\n              validator.message(\"name\", values.name, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"name\");\n            }}\n            onBlurCapture={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n          />\n          <LabeledInput\n            id='description'\n            name='description'\n            label='Description'\n            value={values.description}\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n            }}\n          />\n          <ToggleSwitch\n            id='extractionEnabled'\n            name='extractionEnabled'\n            label='Extract data from iModel'\n            labelPosition=\"right\"\n            checked={values.extractionEnabled}\n            onChange={(event) => {\n              setValues({ ...values, extractionEnabled: event.currentTarget.checked });\n            }}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={onClickCancel}\n        isSavingDisabled={!values.name}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n"]}

package/lib/esm/widget/components/MappingImportWizardModal.js

@@ -1,99 +0,0 @@
-import { Stepper } from "@itwin/itwinui-react";
-import { Modal } from "@itwin/itwinui-react";
-import React, { useEffect, useRef, useState } from "react";
-import ConfirmMappingImport from "./ConfirmMappingsImport";
-import "./MappingImportWizardModal.scss";
-import SelectIModel from "./SelectIModel";
-import SelectITwin from "./SelectITwin";
-import SelectMappings from "./SelectMappings";
-import { useGroupingMappingApiConfig } from "./context/GroupingApiConfigContext";
-import { createIModelsClient, IModelsClientContext } from "./context/IModelsClientContext";
-import { createITwinsClient, ITwinsClientContext } from "./context/ITwinsClientContext";
-const defaultDisplayStrings = {
-    mappings: "Mappings",
-    iTwins: "iTwins",
-    iTwinNumber: "Number",
-    iTwinName: "Name",
-    iTwinStatus: "Status",
-    iModels: "iModels",
-    iModelName: "Name",
-    iModelDescription: "Description",
-};
-export const MappingImportWizardModal = ({ show, setShow, onFinish, displayStrings: userDisplayStrings, }) => {
-    const { prefix } = useGroupingMappingApiConfig();
-    const [currentStep, setCurrentStep] = useState(0);
-    const [iTwinType, setITwinType] = useState(0);
-    const [selectedITwinId, setSelectedITwinId] = useState("");
-    const [selectedIModelId, setSelectedIModelId] = useState("");
-    const [selectedMappings, setSelectedMappings] = useState([]);
-    const [importing, setImporting] = useState(false);
-    const [iTwinsClient, setITwinsClient] = useState(createITwinsClient(prefix));
-    const [iModelsClient, setIModelsClient] = useState(createIModelsClient(prefix));
-    useEffect(() => {
-        setITwinsClient(createITwinsClient(prefix));
-        setIModelsClient(createIModelsClient(prefix));
-    }, [prefix]);
-    const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
-    const steps = useRef([
-        {
-            name: "Select iTwin",
-            description: `Select the source iTwin to bring your ${displayStrings.mappings} from.`,
-        },
-        {
-            name: "Select iModel",
-            description: "Select an iModel within the iTwin you have selected.",
-        },
-        {
-            name: `Select ${displayStrings.mappings}`,
-            description: `Select one or more ${displayStrings.mappings} to import.`,
-        },
-        {
-            name: "Rename & Confirm",
-            description: "Rename and confirm your selections. Click import when finished.",
-        },
-    ]);
-    const onClose = async () => {
-        setShow(false);
-        setCurrentStep(0);
-        await onFinish();
-    };
-    return (React.createElement(Modal, { title: `Import ${displayStrings.mappings}`, modalRootId: 'grouping-mapping-widget', isOpen: show, closeOnEsc: false, closeOnExternalClick: false, isDismissible: !importing, styleType: 'fullPage', onClose: async () => {
-            await onClose();
-        } },
-        React.createElement("div", { className: 'gmw-import-wizard-body-container' },
-            React.createElement(Stepper, { currentStep: currentStep, steps: steps.current, onStepClick: importing ? undefined : (index) => setCurrentStep(index) }),
-            (() => {
-                switch (currentStep) {
-                    case 0:
-                        return (React.createElement(ITwinsClientContext.Provider, { value: iTwinsClient },
-                            React.createElement("div", { className: "gmw-table-container" },
-                                React.createElement(SelectITwin, { onSelect: (iTwinId) => {
-                                        setSelectedITwinId(iTwinId);
-                                        setCurrentStep(1);
-                                    }, onCancel: onClose, onChangeITwinType: setITwinType, displayStrings: displayStrings, defaultITwinType: iTwinType }))));
-                    case 1:
-                        return (React.createElement(IModelsClientContext.Provider, { value: iModelsClient },
-                            React.createElement("div", { className: "gmw-table-container" },
-                                React.createElement(SelectIModel, { iTwinId: selectedITwinId, onSelect: (iModelId) => {
-                                        setSelectedIModelId(iModelId);
-                                        setCurrentStep(2);
-                                    }, backFn: () => setCurrentStep(currentStep - 1), onCancel: onClose }))));
-                    case 2:
-                    case 3:
-                        // Preserve table state within Select Mappings
-                        return (React.createElement(React.Fragment, null,
-                            React.createElement("div", { style: { display: currentStep === 2 ? "flex" : "none" }, className: "gmw-mapping-container" },
-                                React.createElement(SelectMappings, { iModelId: selectedIModelId, onSelect: (selectedMappings) => {
-                                        setSelectedMappings(selectedMappings);
-                                        setCurrentStep(3);
-                                    }, onCancel: onClose, backFn: () => setCurrentStep(currentStep - 1), displayStrings: displayStrings })),
-                            currentStep === 3 && (React.createElement(ConfirmMappingImport, { sourceiModelId: selectedIModelId, selectedMappings: selectedMappings, importing: importing, setImporting: setImporting, setSelectedMappings: setSelectedMappings, backFn: () => setCurrentStep(currentStep - 1), onCancel: onClose, onFinish: async () => {
-                                    await onClose();
-                                    setImporting(false);
-                                }, displayStrings: displayStrings }))));
-                    default:
-                        return null;
-                }
-            })())));
-};
-//# sourceMappingURL=MappingImportWizardModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MappingImportWizardModal.js","sourceRoot":"","sources":["../../../../src/widget/components/MappingImportWizardModal.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 type { IModelsClient } from \"@itwin/imodels-client-management\";\nimport type { ITwinsAccessClient } from \"@itwin/itwins-client\";\nimport type { StepProperties } from \"@itwin/itwinui-react\";\nimport { Stepper } from \"@itwin/itwinui-react\";\nimport { Modal } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport ConfirmMappingImport from \"./ConfirmMappingsImport\";\nimport type { IMappingTyped } from \"./Mappings\";\nimport \"./MappingImportWizardModal.scss\";\nimport SelectIModel from \"./SelectIModel\";\nimport SelectITwin from \"./SelectITwin\";\nimport SelectMappings from \"./SelectMappings\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { createIModelsClient, IModelsClientContext } from \"./context/IModelsClientContext\";\nimport { createITwinsClient, ITwinsClientContext } from \"./context/ITwinsClientContext\";\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\ninterface MappingImportWizardModalProps {\n  show: boolean;\n  setShow: (show: boolean) => void;\n  onFinish: () => Promise<void>;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const MappingImportWizardModal = ({\n  show,\n  setShow,\n  onFinish,\n  displayStrings: userDisplayStrings,\n}: MappingImportWizardModalProps) => {\n  const { prefix } = useGroupingMappingApiConfig();\n  const [currentStep, setCurrentStep] = useState<number>(0);\n  const [iTwinType, setITwinType] = useState<number>(0);\n  const [selectedITwinId, setSelectedITwinId] = useState<string>(\"\");\n  const [selectedIModelId, setSelectedIModelId] = useState<string>(\"\");\n  const [selectedMappings, setSelectedMappings] = useState<IMappingTyped[]>([]);\n  const [importing, setImporting] = useState<boolean>(false);\n  const [iTwinsClient, setITwinsClient] = useState<ITwinsAccessClient>(createITwinsClient(prefix));\n  const [iModelsClient, setIModelsClient] = useState<IModelsClient>(createIModelsClient(prefix));\n\n  useEffect(() => {\n    setITwinsClient(createITwinsClient(prefix));\n    setIModelsClient(createIModelsClient(prefix));\n  }, [prefix]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const steps = useRef<StepProperties[]>([\n    {\n      name: \"Select iTwin\",\n      description: `Select the source iTwin to bring your ${displayStrings.mappings} from.`,\n    },\n    {\n      name: \"Select iModel\",\n      description: \"Select an iModel within the iTwin you have selected.\",\n    },\n    {\n      name: `Select ${displayStrings.mappings}`,\n      description: `Select one or more ${displayStrings.mappings} to import.`,\n    },\n    {\n      name: \"Rename & Confirm\",\n      description:\n        \"Rename and confirm your selections. Click import when finished.\",\n    },\n  ]);\n\n  const onClose = async () => {\n    setShow(false);\n    setCurrentStep(0);\n    await onFinish();\n  };\n\n  return (\n    <Modal\n      title={`Import ${displayStrings.mappings}`}\n      modalRootId='grouping-mapping-widget'\n      isOpen={show}\n      closeOnEsc={false}\n      closeOnExternalClick={false}\n      isDismissible={!importing}\n      styleType='fullPage'\n      onClose={async () => {\n        await onClose();\n      }}\n    >\n      <div className='gmw-import-wizard-body-container'>\n        <Stepper\n          currentStep={currentStep}\n          steps={steps.current}\n          onStepClick={\n            importing ? undefined : (index: number) => setCurrentStep(index)\n          }\n        />\n\n        {(() => {\n          switch (currentStep) {\n            case 0:\n              return (\n                <ITwinsClientContext.Provider value={iTwinsClient}>\n                  <div className=\"gmw-table-container\">\n                    <SelectITwin\n                      onSelect={(iTwinId) => {\n                        setSelectedITwinId(iTwinId);\n                        setCurrentStep(1);\n                      }}\n                      onCancel={onClose}\n                      onChangeITwinType={setITwinType}\n                      displayStrings={displayStrings}\n                      defaultITwinType={iTwinType}\n                    />\n                  </div>\n                </ITwinsClientContext.Provider>\n              );\n            case 1:\n              return (\n                <IModelsClientContext.Provider value={iModelsClient}>\n                  <div className=\"gmw-table-container\">\n                    <SelectIModel\n                      iTwinId={selectedITwinId}\n                      onSelect={(iModelId) => {\n                        setSelectedIModelId(iModelId);\n                        setCurrentStep(2);\n                      }}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                    />\n                  </div>\n                </IModelsClientContext.Provider>\n              );\n            case 2:\n            case 3:\n              // Preserve table state within Select Mappings\n              return (\n                <>\n                  <div\n                    style={{ display: currentStep === 2 ? \"flex\" : \"none\" }}\n                    className=\"gmw-mapping-container\"\n                  >\n                    <SelectMappings\n                      iModelId={selectedIModelId}\n                      onSelect={(selectedMappings) => {\n                        setSelectedMappings(selectedMappings);\n                        setCurrentStep(3);\n                      }}\n                      onCancel={onClose}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      displayStrings={displayStrings}\n                    />\n                  </div>\n                  {currentStep === 3 && (\n                    <ConfirmMappingImport\n                      sourceiModelId={selectedIModelId}\n                      selectedMappings={selectedMappings}\n                      importing={importing}\n                      setImporting={setImporting}\n                      setSelectedMappings={setSelectedMappings}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                      onFinish={async () => {\n                        await onClose();\n                        setImporting(false);\n                      }}\n                      displayStrings={displayStrings}\n                    />\n                  )}\n                </>\n              );\n            default:\n              return null;\n          }\n        })()}\n      </div>\n    </Modal>\n  );\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"MappingViewActionGroup.js","sourceRoot":"","sources":["../../../../src/widget/components/MappingViewActionGroup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,GACX,MAAM,4BAA4B,CAAC;AAWpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,OAAO,EACP,kBAAkB,EAClB,SAAS,EACT,oBAAoB,EACpB,kBAAkB,GACQ,EAAE,EAAE;IAC9B,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC;YAChC,oBAAoB,CAAC,CAAC,CAAC,CACrB,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,oBAAoB,CAAC,OAAO,CAAC,CAAC;oBAC9B,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,oBAAC,OAAO,OAAG,aAGR,CACZ,CAAC,CAAC,CAAC,EAAE;YACN,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,KAAK,EAAE,CAAC;oBACR,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC;oBAClC,MAAM,SAAS,EAAE,CAAC;gBACpB,CAAC,EACD,IAAI,EAAE,oBAAC,UAAU,OAAG,IAEnB,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,CAC9D;YACX,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,kBAAkB,CAAC,OAAO,CAAC,CAAC;oBAC5B,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,oBAAC,SAAS,OAAG,aAGV;SACZ,CAAC,IAAI,EAAE;QAER,oBAAC,UAAU,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,iBAAiB;YACxD,oBAAC,OAAO,OACN,CACS,CACA,CAChB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport {\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgDelete,\n  SvgEdit,\n  SvgMore,\n  SvgProcess,\n} from \"@itwin/itwinui-icons-react\";\nimport type { Mapping } from \"@itwin/insights-client\";\n\ninterface MappingUIActionGroupProps {\n  mapping: Mapping;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  onRefresh: () => Promise<void>;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n}\n\nexport const MappingUIActionGroup = ({\n  mapping,\n  onToggleExtraction,\n  onRefresh,\n  onClickMappingModify,\n  setShowDeleteModal,\n}: MappingUIActionGroupProps) => {\n  return (\n    <DropdownMenu\n      menuItems={(close: () => void) => [\n        onClickMappingModify ? (\n          <MenuItem\n            key={0}\n            onClick={() => {\n              onClickMappingModify(mapping);\n              close();\n            }}\n            icon={<SvgEdit />}\n          >\n            Modify\n          </MenuItem>\n        ) : [],\n        <MenuItem\n          key={1}\n          onClick={async () => {\n            close();\n            await onToggleExtraction(mapping);\n            await onRefresh();\n          }}\n          icon={<SvgProcess />}\n        >\n          {mapping.extractionEnabled ? \"Disable extraction\" : \"Enable extraction\"}\n        </MenuItem>,\n        <MenuItem\n          key={2}\n          onClick={() => {\n            setShowDeleteModal(mapping);\n            close();\n          }}\n          icon={<SvgDelete />}\n        >\n          Remove\n        </MenuItem>,\n      ].flat()}\n    >\n      <IconButton styleType=\"borderless\" title='Mapping Options'>\n        <SvgMore\n        />\n      </IconButton>\n    </DropdownMenu>\n  );\n};\n"]}

package/lib/esm/widget/components/Mappings.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { Mapping } from "@itwin/insights-client";
-import type { CreateTypeFromInterface } from "../utils";
-import type { mappingViewDefaultDisplayStrings } from "./MappingsView";
-export declare type IMappingTyped = CreateTypeFromInterface<Mapping>;
-export interface MappingsProps {
-    onClickAddMapping?: () => void;
-    onClickMappingTitle?: (mapping: Mapping) => void;
-    onClickMappingModify?: (mapping: Mapping) => void;
-    displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;
-}
-export declare const Mappings: (props: MappingsProps) => JSX.Element;
-//# sourceMappingURL=Mappings.d.ts.map

package/lib/esm/widget/components/Mappings.js

@@ -1,22 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import React, { useCallback } from "react";
-import { useMappingClient } from "./context/MappingClientContext";
-import { useGroupingMappingApiConfig } from "./context/GroupingApiConfigContext";
-import { MappingsView } from "./MappingsView";
-import { useMappingsOperations } from "./hooks/useMappingsOperations";
-import { Alert } from "@itwin/itwinui-react";
-export const Mappings = (props) => {
-    const groupingMappingApiConfig = useGroupingMappingApiConfig();
-    const mappingClient = useMappingClient();
-    const { mappings, isLoading, extractionIconData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, refresh, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction, errorMessage, setErrorMessage, } = useMappingsOperations({ ...groupingMappingApiConfig, mappingClient });
-    const renderAlert = useCallback(() => {
-        if (!errorMessage)
-            return;
-        return (React.createElement(Alert, { type: "negative", onClose: () => setErrorMessage(undefined) }, errorMessage));
-    }, [errorMessage, setErrorMessage]);
-    return (React.createElement(MappingsView, { mappings: mappings, isLoading: isLoading, extractionIconData: extractionIconData, showExtractionMessageModal: showExtractionMessageModal, extractionMessageData: extractionMessageData, setShowExtractionMessageModal: setShowExtractionMessageModal, onRefresh: refresh, onToggleExtraction: toggleExtraction, onDelete: onDelete, showImportModal: showImportModal, setShowImportModal: setShowImportModal, showDeleteModal: showDeleteModal, setShowDeleteModal: setShowDeleteModal, isTogglingExtraction: isTogglingExtraction, alert: renderAlert(), ...props }));
-};
-//# sourceMappingURL=Mappings.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Mappings.js","sourceRoot":"","sources":["../../../../src/widget/components/Mappings.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AAGjF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAW7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,wBAAwB,GAAG,2BAA2B,EAAE,CAAC;IAC/D,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,0BAA0B,EAC1B,qBAAqB,EACrB,6BAA6B,EAC7B,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,eAAe,GAChB,GAAG,qBAAqB,CAAC,EAAE,GAAG,wBAAwB,EAAE,aAAa,EAAE,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,IAC7D,YAAY,CACP,CACT,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,0BAA0B,EAAE,0BAA0B,EACtD,qBAAqB,EAAE,qBAAqB,EAC5C,6BAA6B,EAAE,6BAA6B,EAC5D,SAAS,EAAE,OAAO,EAClB,kBAAkB,EAAE,gBAAgB,EACpC,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,EAC1C,KAAK,EAAE,WAAW,EAAE,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback } from \"react\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport type { mappingViewDefaultDisplayStrings } from \"./MappingsView\";\nimport { MappingsView } from \"./MappingsView\";\nimport { useMappingsOperations } from \"./hooks/useMappingsOperations\";\nimport { Alert } from \"@itwin/itwinui-react\";\n\nexport type IMappingTyped = CreateTypeFromInterface<Mapping>;\n\nexport interface MappingsProps {\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;\n}\n\nexport const Mappings = (props: MappingsProps) => {\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const {\n    mappings,\n    isLoading,\n    extractionIconData,\n    showExtractionMessageModal,\n    extractionMessageData,\n    setShowExtractionMessageModal,\n    refresh,\n    toggleExtraction,\n    onDelete,\n    setShowImportModal,\n    showImportModal,\n    setShowDeleteModal,\n    showDeleteModal,\n    isTogglingExtraction,\n    errorMessage,\n    setErrorMessage,\n  } = useMappingsOperations({ ...groupingMappingApiConfig, mappingClient });\n\n  const renderAlert = useCallback(() => {\n    if (!errorMessage) return;\n    return (\n      <Alert type=\"negative\" onClose={() => setErrorMessage(undefined)}>\n        {errorMessage}\n      </Alert>\n    );\n  }, [errorMessage, setErrorMessage]);\n\n  return (\n    <MappingsView\n      mappings={mappings}\n      isLoading={isLoading}\n      extractionIconData={extractionIconData}\n      showExtractionMessageModal={showExtractionMessageModal}\n      extractionMessageData={extractionMessageData}\n      setShowExtractionMessageModal={setShowExtractionMessageModal}\n      onRefresh={refresh}\n      onToggleExtraction={toggleExtraction}\n      onDelete={onDelete}\n      showImportModal={showImportModal}\n      setShowImportModal={setShowImportModal}\n      showDeleteModal={showDeleteModal}\n      setShowDeleteModal={setShowDeleteModal}\n      isTogglingExtraction={isTogglingExtraction}\n      alert={renderAlert()}\n      {...props}\n    />\n  );\n};\n"]}