@itwin/grouping-mapping-widget 0.19.2 → 0.20.0

package/lib/cjs/widget/components/GroupsShowHideButtons.js

@@ -1,45 +0,0 @@
-"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.GroupsShowHideButtons = void 0;
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const react_1 = __importStar(require("react"));
-const GroupHilitedElementsContext_1 = require("./context/GroupHilitedElementsContext");
-const GroupsShowHideButtons = ({ group, isLoadingQuery, showGroup, hideGroup, }) => {
-    const { hiddenGroupsIds, setHiddenGroupsIds } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
-    const isGroupHidden = (0, react_1.useMemo)(() => group.id && hiddenGroupsIds.has(group.id), [group.id, hiddenGroupsIds]);
-    const toggleGroupVisibility = (0, react_1.useCallback)(async () => {
-        if (isGroupHidden) {
-            await showGroup(group);
-            setHiddenGroupsIds(new Set([...hiddenGroupsIds].filter((id) => group.id !== id)));
-        }
-        else {
-            await hideGroup(group);
-            if (group.id) {
-                setHiddenGroupsIds(new Set([...hiddenGroupsIds, group.id]));
-            }
-        }
-    }, [group, hiddenGroupsIds, hideGroup, isGroupHidden, setHiddenGroupsIds, showGroup]);
-    return (react_1.default.createElement(itwinui_react_1.IconButton, { disabled: isLoadingQuery, styleType: "borderless", onClick: toggleGroupVisibility, title: 'Toggle Group Visibility' }, isGroupHidden ? react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityHide, null) : react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityShow, null)));
-};
-exports.GroupsShowHideButtons = GroupsShowHideButtons;
-//# sourceMappingURL=GroupsShowHideButtons.js.map

package/lib/cjs/widget/components/GroupsShowHideButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupsShowHideButtons.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupsShowHideButtons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,oEAAkF;AAClF,wDAAkD;AAClD,+CAAoD;AACpD,uFAAuF;AAShF,MAAM,qBAAqB,GAAG,CAAC,EACpC,KAAK,EACL,cAAc,EACd,SAAS,EACT,SAAS,GACkB,EAAE,EAAE;IAC/B,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,IAAA,4DAA8B,GAAE,CAAC;IACjF,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5G,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACnD,IAAI,aAAa,EAAE;YACjB,MAAM,SAAS,CAAC,KAAK,CAAC,CAAC;YACvB,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;SACnF;aAAM;YACL,MAAM,SAAS,CAAC,KAAK,CAAC,CAAC;YACvB,IAAI,KAAK,CAAC,EAAE,EAAE;gBACZ,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aAC7D;SACF;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtF,OAAO,CACL,8BAAC,0BAAU,IACT,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAC,yBAAyB,IAE9B,aAAa,CAAC,CAAC,CAAC,8BAAC,uCAAiB,OAAG,CAAC,CAAC,CAAC,8BAAC,uCAAiB,OAAG,CACnD,CACd,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,qBAAqB,yBA+BhC","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 { SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { useGroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\n\ninterface GroupsShowHideButtonsProps {\n  group: Group;\n  isLoadingQuery: boolean;\n  showGroup: (group: Group) => Promise<void>;\n  hideGroup: (group: Group) => Promise<void>;\n}\n\nexport const GroupsShowHideButtons = ({\n  group,\n  isLoadingQuery,\n  showGroup,\n  hideGroup,\n}: GroupsShowHideButtonsProps) => {\n  const { hiddenGroupsIds, setHiddenGroupsIds } = useGroupHilitedElementsContext();\n  const isGroupHidden = useMemo(() => group.id && hiddenGroupsIds.has(group.id), [group.id, hiddenGroupsIds]);\n\n  const toggleGroupVisibility = useCallback(async () => {\n    if (isGroupHidden) {\n      await showGroup(group);\n      setHiddenGroupsIds(new Set([...hiddenGroupsIds].filter((id) => group.id !== id)));\n    } else {\n      await hideGroup(group);\n      if (group.id) {\n        setHiddenGroupsIds(new Set([...hiddenGroupsIds, group.id]));\n      }\n    }\n  }, [group, hiddenGroupsIds, hideGroup, isGroupHidden, setHiddenGroupsIds, showGroup]);\n\n  return (\n    <IconButton\n      disabled={isLoadingQuery}\n      styleType=\"borderless\"\n      onClick={toggleGroupVisibility}\n      title='Toggle Group Visibility'\n    >\n      {isGroupHidden ? <SvgVisibilityHide /> : <SvgVisibilityShow />}\n    </IconButton>\n  );\n};\n"]}

package/lib/cjs/widget/components/GroupsView.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import type { Alert } from "@itwin/itwinui-react";
-import "./GroupsView.scss";
-import type { Group, Mapping } from "@itwin/insights-client";
-import type { ContextCustomUI, GroupingCustomUI } from "./customUI/GroupingMappingCustomUI";
-export interface ActionButtonRendererProps {
-    group: Group;
-}
-export declare type ActionButtonRenderer = (props: ActionButtonRendererProps) => React.ReactNode;
-export interface GroupsViewProps {
-    mapping: Mapping;
-    groups: Group[];
-    isLoading: boolean;
-    onRefresh: () => Promise<void>;
-    groupUIs: GroupingCustomUI[];
-    actionButtonRenderers?: ActionButtonRenderer[];
-    contextUIs: ContextCustomUI[];
-    onClickAddGroup?: (queryGenerationType: string) => void;
-    onClickGroupTitle?: (group: Group) => void;
-    onClickGroupModify?: (group: Group, queryGenerationType: string) => void;
-    onClickRenderContextCustomUI?: (contextCustomUI: Exclude<ContextCustomUI["uiComponent"], undefined>, group: Group, displayLabel: string) => void;
-    disableActions?: boolean;
-    selectedGroupForDeletion?: Group;
-    setSelectedGroupForDeletion: (group: Group) => void;
-    onDeleteGroup: (group: Group) => Promise<void>;
-    onCloseDeleteModal: () => void;
-    numberOfVisualizedGroups?: number;
-    alert?: React.ReactElement<typeof Alert>;
-}
-export declare const GroupsView: ({ mapping, groups, isLoading, onRefresh, groupUIs, actionButtonRenderers, onClickAddGroup, onClickGroupTitle, onClickGroupModify, onClickRenderContextCustomUI, disableActions, selectedGroupForDeletion, onDeleteGroup, onCloseDeleteModal, setSelectedGroupForDeletion, contextUIs, numberOfVisualizedGroups, alert, }: GroupsViewProps) => JSX.Element;
-//# sourceMappingURL=GroupsView.d.ts.map

package/lib/cjs/widget/components/GroupsView.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupsView = 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 = __importDefault(require("react"));
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const DeleteModal_1 = __importDefault(require("./DeleteModal"));
-require("./GroupsView.scss");
-const utils_1 = require("./utils");
-const GroupItem_1 = require("./GroupItem");
-const GroupsAddButton_1 = require("./GroupsAddButton");
-const GroupsView = ({ mapping, groups, isLoading, onRefresh, groupUIs, actionButtonRenderers, onClickAddGroup, onClickGroupTitle, onClickGroupModify, onClickRenderContextCustomUI, disableActions, selectedGroupForDeletion, onDeleteGroup, onCloseDeleteModal, setSelectedGroupForDeletion, contextUIs, numberOfVisualizedGroups, alert, }) => {
-    return (react_1.default.createElement("div", { className: "gmw-groups-container" },
-        react_1.default.createElement("div", { className: "gmw-toolbar" },
-            onClickAddGroup && groupUIs.length > 0 && (react_1.default.createElement(GroupsAddButton_1.GroupsAddButton, { disabled: disableActions, groupUIs: groupUIs, onClickAddGroup: onClickAddGroup })),
-            react_1.default.createElement(itwinui_react_1.ButtonGroup, { className: "gmw-toolbar-buttons" },
-                react_1.default.createElement(itwinui_react_1.IconButton, { title: "Refresh", onClick: onRefresh, disabled: isLoading || disableActions, styleType: "borderless" },
-                    react_1.default.createElement(itwinui_icons_react_1.SvgRefresh, null)))),
-        alert,
-        react_1.default.createElement("div", { className: 'gmw-groups-border' }),
-        !!numberOfVisualizedGroups &&
-            react_1.default.createElement("div", { className: "gmw-group-progress-bar" },
-                react_1.default.createElement(itwinui_react_1.ProgressLinear, { value: 25 + (numberOfVisualizedGroups / groups.length * 65) })),
-        isLoading ? (react_1.default.createElement(utils_1.LoadingOverlay, null)) : groups.length === 0 ? (react_1.default.createElement(utils_1.EmptyMessage, { message: "No Groups available." })) : (react_1.default.createElement("div", { className: "gmw-group-list" }, groups.map((group) => (react_1.default.createElement(GroupItem_1.GroupItem, { key: group.id, mapping: mapping, group: group, groupUIs: groupUIs, actionButtonRenderers: actionButtonRenderers, onClickGroupTitle: onClickGroupTitle, onClickGroupModify: onClickGroupModify, onClickRenderContextCustomUI: onClickRenderContextCustomUI, disableActions: disableActions, setShowDeleteModal: setSelectedGroupForDeletion, contextUIs: contextUIs }))))),
-        selectedGroupForDeletion && (react_1.default.createElement(DeleteModal_1.default, { entityName: selectedGroupForDeletion.groupName, onClose: onCloseDeleteModal, onDelete: async () => {
-                await onDeleteGroup(selectedGroupForDeletion);
-            }, refresh: onRefresh }))));
-};
-exports.GroupsView = GroupsView;
-//# sourceMappingURL=GroupsView.js.map

package/lib/cjs/widget/components/GroupsView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupsView.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupsView.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAI1B,wDAI8B;AAC9B,oEAEoC;AACpC,gEAAwC;AACxC,6BAA2B;AAC3B,mCAAuD;AAEvD,2CAAwC;AAExC,uDAAoD;AAmC7C,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,4BAA4B,EAC5B,cAAc,EACd,wBAAwB,EACxB,aAAa,EACb,kBAAkB,EAClB,2BAA2B,EAC3B,UAAU,EACV,wBAAwB,EACxB,KAAK,GACW,EAAE,EAAE;IACpB,OAAO,CACL,uCAAK,SAAS,EAAC,sBAAsB;QACnC,uCAAK,SAAS,EAAC,aAAa;YACzB,eAAe,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACzC,8BAAC,iCAAe,IACd,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,GAChC,CACH;YACD,8BAAC,2BAAW,IAAC,SAAS,EAAC,qBAAqB;gBAC1C,8BAAC,0BAAU,IACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,IAAI,cAAc,EACrC,SAAS,EAAC,YAAY;oBAEtB,8BAAC,gCAAU,OAAG,CACH,CACD,CACV;QACL,KAAK;QACN,uCAAK,SAAS,EAAC,mBAAmB,GAAG;QACpC,CAAC,CAAC,wBAAwB;YACzB,uCAAK,SAAS,EAAC,wBAAwB;gBACrC,8BAAC,8BAAc,IACb,KAAK,EAAE,EAAE,GAAG,CAAC,wBAAwB,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,GAC3D,CACE;QACP,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,sBAAc,OAAG,CACnB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACxB,8BAAC,oBAAY,IAAC,OAAO,EAAC,sBAAsB,GAAG,CAChD,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,gBAAgB,IAC5B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,8BAAC,qBAAS,IACR,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,4BAA4B,EAAE,4BAA4B,EAC1D,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,2BAA2B,EAC/C,UAAU,EAAE,UAAU,GACtB,CACH,CAAC,CACE,CACP;QACA,wBAAwB,IAAI,CAC3B,8BAAC,qBAAW,IACV,UAAU,EAAE,wBAAwB,CAAC,SAAS,EAC9C,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,KAAK,IAAI,EAAE;gBACnB,MAAM,aAAa,CAAC,wBAAwB,CAAC,CAAC;YAChD,CAAC,EACD,OAAO,EAAE,SAAS,GAClB,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AApFW,QAAA,UAAU,cAoFrB","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 type {\n  Alert,\n} from \"@itwin/itwinui-react\";\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 \"./GroupsView.scss\";\nimport { EmptyMessage, LoadingOverlay } from \"./utils\";\nimport type { Group, Mapping } from \"@itwin/insights-client\";\nimport { GroupItem } from \"./GroupItem\";\nimport type { ContextCustomUI, GroupingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport { GroupsAddButton } from \"./GroupsAddButton\";\n\nexport interface ActionButtonRendererProps {\n  group: Group;\n}\n\nexport type ActionButtonRenderer = (\n  props: ActionButtonRendererProps\n) => React.ReactNode;\n\nexport interface GroupsViewProps {\n  mapping: Mapping;\n  groups: Group[];\n  isLoading: boolean;\n  onRefresh: () => Promise<void>;\n  groupUIs: GroupingCustomUI[];\n  actionButtonRenderers?: ActionButtonRenderer[];\n  contextUIs: ContextCustomUI[];\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  selectedGroupForDeletion?: Group;\n  setSelectedGroupForDeletion: (group: Group) => void;\n  onDeleteGroup: (group: Group) => Promise<void>;\n  onCloseDeleteModal: () => void;\n  numberOfVisualizedGroups?: number;\n  alert?: React.ReactElement<typeof Alert>;\n}\n\nexport const GroupsView = ({\n  mapping,\n  groups,\n  isLoading,\n  onRefresh,\n  groupUIs,\n  actionButtonRenderers,\n  onClickAddGroup,\n  onClickGroupTitle,\n  onClickGroupModify,\n  onClickRenderContextCustomUI,\n  disableActions,\n  selectedGroupForDeletion,\n  onDeleteGroup,\n  onCloseDeleteModal,\n  setSelectedGroupForDeletion,\n  contextUIs,\n  numberOfVisualizedGroups,\n  alert,\n}: GroupsViewProps) => {\n  return (\n    <div className=\"gmw-groups-container\">\n      <div className=\"gmw-toolbar\">\n        {onClickAddGroup && groupUIs.length > 0 && (\n          <GroupsAddButton\n            disabled={disableActions}\n            groupUIs={groupUIs}\n            onClickAddGroup={onClickAddGroup}\n          />\n        )}\n        <ButtonGroup className=\"gmw-toolbar-buttons\">\n          <IconButton\n            title=\"Refresh\"\n            onClick={onRefresh}\n            disabled={isLoading || disableActions}\n            styleType=\"borderless\"\n          >\n            <SvgRefresh />\n          </IconButton>\n        </ButtonGroup>\n      </div>\n      {alert}\n      <div className='gmw-groups-border' />\n      {!!numberOfVisualizedGroups &&\n        <div className=\"gmw-group-progress-bar\">\n          <ProgressLinear\n            value={25 + (numberOfVisualizedGroups / groups.length * 65)}\n          />\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.map((group) => (\n            <GroupItem\n              key={group.id}\n              mapping={mapping}\n              group={group}\n              groupUIs={groupUIs}\n              actionButtonRenderers={actionButtonRenderers}\n              onClickGroupTitle={onClickGroupTitle}\n              onClickGroupModify={onClickGroupModify}\n              onClickRenderContextCustomUI={onClickRenderContextCustomUI}\n              disableActions={disableActions}\n              setShowDeleteModal={setSelectedGroupForDeletion}\n              contextUIs={contextUIs}\n            />\n          ))}\n        </div>\n      )}\n      {selectedGroupForDeletion && (\n        <DeleteModal\n          entityName={selectedGroupForDeletion.groupName}\n          onClose={onCloseDeleteModal}\n          onDelete={async () => {\n            await onDeleteGroup(selectedGroupForDeletion);\n          }}\n          refresh={onRefresh}\n        />\n      )}\n    </div>\n  );\n};\n"]}

package/lib/cjs/widget/components/GroupsView.scss

@@ -1,49 +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-container {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  min-height: 0;
-
-  .gmw-toolbar {
-    display: flex;
-    justify-content: space-between;
-    gap: var(--iui-size-xs);
-    padding-bottom: var(--iui-size-s);
-    flex-wrap: wrap;
-
-    &.gmw-visualizing-toolbar {
-      border-bottom: none;
-    }
-
-    .gmw-toolbar-buttons {
-      margin-right: var(--iui-size-s);
-      margin-left: auto;
-      flex-wrap: wrap;
-    }
-  }
-
-  .gmw-groups-border {
-    border-bottom: 1px solid var(--iui-color-border-subtle);
-  }
-
-  .gmw-group-progress-bar {
-    height: 1px;
-  }
-
-  .gmw-group-list {
-    display: flex;
-    flex-direction: column;
-    overflow-y: overlay;
-    gap: var(--iui-size-xs);
-    margin-top: var(--iui-size-xs);
-  }
-
-  .gmw-menu-item {
-    padding-left: var(--iui-size-s);
-  }
-}

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

@@ -1,141 +0,0 @@
-"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.GroupsVisualization = void 0;
-const react_1 = __importStar(require("react"));
-const GroupHilitedElementsContext_1 = require("./context/GroupHilitedElementsContext");
-const groupsHelpers_1 = require("./groupsHelpers");
-const viewerUtils_1 = require("./viewerUtils");
-const Groups_1 = require("./Groups");
-const GroupColorLegend_1 = require("./GroupColorLegend");
-const GroupsVisualizationActions_1 = require("./GroupsVisualizationActions");
-const GroupsShowHideButtons_1 = require("./GroupsShowHideButtons");
-require("./GroupsVisualization.scss");
-const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
-const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedSelectable = false, onClickGroupModify, onClickAddGroup, ...rest }) => {
-    const { iModelConnection } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
-    if (!iModelConnection) {
-        throw new Error("This component requires an active iModelConnection.");
-    }
-    const firstUpdate = (0, react_1.useRef)(true);
-    const [isLoadingQuery, setLoadingQuery] = (0, react_1.useState)(false);
-    const [isVisualizing, setIsVisualizing] = (0, react_1.useState)(false);
-    const { hilitedElementsQueryCache, groups, hiddenGroupsIds, showGroupColor, setHiddenGroupsIds, setNumberOfVisualizedGroups, } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
-    const getHiliteIdsFromGroupsWrapper = (0, react_1.useCallback)(async (groups) => iModelConnection
-        ? (0, groupsHelpers_1.getHiliteIdsFromGroups)(iModelConnection, groups, hilitedElementsQueryCache)
-        : [], [iModelConnection, hilitedElementsQueryCache]);
-    const handleVisualizationStates = (0, react_1.useCallback)((start = true) => {
-        setIsVisualizing(start);
-        setLoadingQuery(start);
-        if (!start) {
-            setNumberOfVisualizedGroups(0);
-        }
-    }, [setNumberOfVisualizedGroups]);
-    const triggerVisualization = (0, react_1.useCallback)(async () => {
-        handleVisualizationStates(true);
-        const groupsCopy = [...groups];
-        await (0, groupsHelpers_1.visualizeGroupColors)(iModelConnection, groupsCopy, hiddenGroupsIds, hilitedElementsQueryCache, setNumberOfVisualizedGroups, emphasizeElements);
-        isNonEmphasizedSelectable && (0, viewerUtils_1.clearEmphasizedElements)();
-        handleVisualizationStates(false);
-    }, [handleVisualizationStates, groups, iModelConnection, hiddenGroupsIds, hilitedElementsQueryCache, setNumberOfVisualizedGroups, emphasizeElements, isNonEmphasizedSelectable]);
-    (0, react_1.useEffect)(() => {
-        const visualize = async () => {
-            if (firstUpdate.current) {
-                firstUpdate.current = false;
-                return;
-            }
-            if (groups.length > 0 && showGroupColor) {
-                await triggerVisualization();
-            }
-            else {
-                (0, viewerUtils_1.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 = (0, react_1.useCallback)(async () => {
-        setLoadingQuery(true);
-        await (0, groupsHelpers_1.hideGroups)(iModelConnection, groups, hilitedElementsQueryCache);
-        setLoadingQuery(false);
-    }, [groups, hilitedElementsQueryCache, iModelConnection]);
-    const hideSingleGroupWrapper = (0, react_1.useCallback)(async (group) => {
-        setLoadingQuery(true);
-        await (0, groupsHelpers_1.hideGroup)(iModelConnection, group, hilitedElementsQueryCache);
-        setLoadingQuery(false);
-    }, [hilitedElementsQueryCache, iModelConnection]);
-    const showGroup = (0, react_1.useCallback)(async (viewGroup) => {
-        setLoadingQuery(true);
-        (0, viewerUtils_1.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));
-        (0, viewerUtils_1.hideElements)(hiddenIds);
-        setLoadingQuery(false);
-    }, [groups, hiddenGroupsIds, getHiliteIdsFromGroupsWrapper]);
-    const showAll = (0, react_1.useCallback)(async () => {
-        setLoadingQuery(true);
-        (0, viewerUtils_1.clearHiddenElements)();
-        setHiddenGroupsIds(new Set());
-        await getHiliteIdsFromGroupsWrapper(groups);
-        setLoadingQuery(false);
-    }, [getHiliteIdsFromGroupsWrapper, groups, setHiddenGroupsIds]);
-    const hideAll = (0, react_1.useCallback)(async () => {
-        await hideAllGroups();
-        setHiddenGroupsIds(new Set(groups.map((g) => g.id)));
-        await getHiliteIdsFromGroupsWrapper(groups);
-    }, [
-        setHiddenGroupsIds,
-        groups,
-        hideAllGroups,
-        getHiliteIdsFromGroupsWrapper,
-    ]);
-    const onModify = (0, react_1.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)));
-        }
-        (0, viewerUtils_1.clearEmphasizedElements)();
-        onClickGroupModify(group, type);
-    }, [hiddenGroupsIds, onClickGroupModify, setHiddenGroupsIds, showGroup]);
-    const onAddGroup = (0, react_1.useCallback)((type) => {
-        if (!onClickAddGroup)
-            return;
-        onClickAddGroup(type);
-        (0, viewerUtils_1.clearEmphasizedElements)();
-    }, [onClickAddGroup]);
-    const groupActionButtonRenderers = (0, react_1.useMemo)(() => [
-        (props) => showGroupColor ? react_1.default.createElement(GroupColorLegend_1.GroupColorLegend, { ...props, groups: groups }) : [],
-        (props) => (react_1.default.createElement(GroupsShowHideButtons_1.GroupsShowHideButtons, { ...props, isLoadingQuery: isLoadingQuery, showGroup: showGroup, hideGroup: hideSingleGroupWrapper })),
-    ].flat(), [groups, hideSingleGroupWrapper, isLoadingQuery, showGroup, showGroupColor]);
-    return (react_1.default.createElement("div", { className: "gmw-groups-vis-container" },
-        react_1.default.createElement(GroupsVisualizationActions_1.GroupVisualizationActions, { isLoadingQuery: isLoadingQuery, showAll: showAll, hideAll: hideAll }),
-        react_1.default.createElement(Groups_1.Groups, { onClickGroupModify: onModify, onClickAddGroup: onAddGroup, actionButtonRenderers: groupActionButtonRenderers, ...rest, disableActions: isLoadingQuery, isVisualizing: isVisualizing })));
-};
-exports.GroupsVisualization = GroupsVisualization;
-//# sourceMappingURL=GroupsVisualization.js.map

package/lib/cjs/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/cjs/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/cjs/widget/components/GroupsVisualizationActions.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupVisualizationActions = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const react_1 = __importDefault(require("react"));
-const ToggleGroupVisibility_1 = require("./ToggleGroupVisibility");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-require("./GroupsVisualizationActions.scss");
-const GroupHilitedElementsContext_1 = require("./context/GroupHilitedElementsContext");
-const GroupVisualizationActions = ({ isLoadingQuery, showAll, hideAll, }) => {
-    const { showGroupColor, setShowGroupColor, } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
-    return (react_1.default.createElement(itwinui_react_1.ButtonGroup, { className: "gmw-visual-buttons" },
-        react_1.default.createElement(ToggleGroupVisibility_1.ToggleGroupVisibility, { isLoadingQuery: isLoadingQuery, showGroupColor: showGroupColor, setShowGroupColor: setShowGroupColor }),
-        react_1.default.createElement(itwinui_react_1.IconButton, { title: "Show All", onClick: showAll, disabled: isLoadingQuery, styleType: "borderless" },
-            react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityShow, null)),
-        react_1.default.createElement(itwinui_react_1.IconButton, { title: "Hide All", onClick: hideAll, disabled: isLoadingQuery, styleType: "borderless" },
-            react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityHide, null))));
-};
-exports.GroupVisualizationActions = GroupVisualizationActions;
-//# sourceMappingURL=GroupsVisualizationActions.js.map

package/lib/cjs/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,wDAA+D;AAC/D,kDAA0B;AAC1B,mEAAgE;AAChE,oEAAkF;AAClF,6CAA2C;AAC3C,uFAAuF;AAQhF,MAAM,yBAAyB,GAAG,CAAC,EACxC,cAAc,EACd,OAAO,EACP,OAAO,GACwB,EAAE,EAAE;IACnC,MAAM,EACJ,cAAc,EACd,iBAAiB,GAClB,GAAG,IAAA,4DAA8B,GAAE,CAAC;IAErC,OAAO,CACL,8BAAC,2BAAW,IAAC,SAAS,EAAC,oBAAoB;QACzC,8BAAC,6CAAqB,IACpB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,GACpC;QACF,8BAAC,0BAAU,IACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,YAAY;YAEtB,8BAAC,uCAAiB,OAAG,CACV;QACb,8BAAC,0BAAU,IACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,YAAY;YAEtB,8BAAC,uCAAiB,OAAG,CACV,CACD,CACf,CAAC;AAEJ,CAAC,CAAC;AApCW,QAAA,yBAAyB,6BAoCpC","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/cjs/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/cjs/widget/components/HorizontalTile.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HorizontalTile = void 0;
-const react_1 = __importDefault(require("react"));
-const itwinui_react_1 = require("@itwin/itwinui-react");
-require("./HorizontalTile.scss");
-const classnames_1 = __importDefault(require("classnames"));
-const HorizontalTile = (props) => {
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)("gmw-horizontal-tile-container", { "gmw-horizontal-tile-selected": props.selected }), onClick: props.onClick, "data-testid": "gmw-horizontal-tile" },
-        react_1.default.createElement("div", { className: "gmw-body-container" },
-            props.dragHandle,
-            react_1.default.createElement("div", { className: "gmw-body" },
-                !!props.onClickTitle &&
-                    react_1.default.createElement(itwinui_react_1.Anchor, { className: "gmw-body-text", onClick: props.onClickTitle, title: props.titleTooltip }, props.title),
-                !props.onClickTitle &&
-                    react_1.default.createElement(itwinui_react_1.Text, { className: "gmw-body-text", variant: "body", title: props.titleTooltip }, props.title),
-                props.subText && react_1.default.createElement(itwinui_react_1.Text, { className: "gmw-body-text", isMuted: true, title: props.subtextToolTip, variant: "small" }, props.subText))),
-        react_1.default.createElement("div", { className: "gmw-action-button", "data-testid": "tile-action-button" }, props.actionGroup)));
-};
-exports.HorizontalTile = HorizontalTile;
-//# sourceMappingURL=HorizontalTile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/HorizontalTile.tsx"],"names":[],"mappings":";;;;;;AAKA,kDAA0B;AAC1B,wDAAoD;AACpD,iCAA+B;AAC/B,4DAAoC;AAc7B,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAE3D,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAA+B,EAAE,EAAE,8BAA8B,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,iBAAc,qBAAqB;QACxK,uCAAK,SAAS,EAAC,oBAAoB;YAChC,KAAK,CAAC,UAAU;YACjB,uCAAK,SAAS,EAAC,UAAU;gBACtB,CAAC,CAAC,KAAK,CAAC,YAAY;oBACnB,8BAAC,sBAAM,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,8BAAC,oBAAI,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,8BAAC,oBAAI,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,uCAAK,SAAS,EAAC,mBAAmB,iBAAa,oBAAoB,IAChE,KAAK,CAAC,WAAW,CACd,CACF,CACP,CAAC;AAEJ,CAAC,CAAC;AAtBW,QAAA,cAAc,kBAsBzB","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/cjs/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/cjs/widget/components/MappingAction.js

@@ -1,109 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MappingAction = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const react_1 = __importStar(require("react"));
-const ActionPanel_1 = __importDefault(require("./ActionPanel"));
-const useValidator_1 = __importStar(require("../hooks/useValidator"));
-const utils_1 = require("./utils");
-require("./MappingAction.scss");
-const MappingClientContext_1 = require("./context/MappingClientContext");
-const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
-const defaultDisplayStrings = {
-    mappingDetails: "Mapping Details",
-};
-const MappingAction = ({ mapping, onSaveSuccess, onClickCancel, displayStrings: userDisplayStrings }) => {
-    const { getAccessToken, iModelId } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
-    const mappingClient = (0, MappingClientContext_1.useMappingClient)();
-    const [values, setValues] = (0, react_1.useState)({
-        name: mapping?.mappingName ?? "",
-        description: mapping?.description ?? "",
-        extractionEnabled: mapping?.extractionEnabled ?? true,
-    });
-    const [validator, showValidationMessage] = (0, useValidator_1.default)();
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const displayStrings = react_1.default.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) {
-            (0, utils_1.handleError)(error.status);
-        }
-        finally {
-            setIsLoading(false);
-        }
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: 'gmw-details-form-container' },
-            react_1.default.createElement(itwinui_react_1.Fieldset, { legend: displayStrings.mappingDetails, className: 'gmw-details-form' },
-                react_1.default.createElement(itwinui_react_1.Text, { variant: 'small', as: 'small', className: 'gmw-field-legend' }, "Asterisk * indicates mandatory fields."),
-                react_1.default.createElement(itwinui_react_1.LabeledInput, { id: 'name', name: 'name', label: 'Name', value: values.name, required: true, onChange: (event) => {
-                        (0, utils_1.handleInputChange)(event, values, setValues);
-                        validator.showMessageFor("name");
-                    }, message: validator.message("name", values.name, useValidator_1.NAME_REQUIREMENTS), status: validator.message("name", values.name, useValidator_1.NAME_REQUIREMENTS)
-                        ? "negative"
-                        : undefined, onBlur: () => {
-                        validator.showMessageFor("name");
-                    }, onBlurCapture: (event) => {
-                        (0, utils_1.handleInputChange)(event, values, setValues);
-                        validator.showMessageFor("name");
-                    } }),
-                react_1.default.createElement(itwinui_react_1.LabeledInput, { id: 'description', name: 'description', label: 'Description', value: values.description, onChange: (event) => {
-                        (0, utils_1.handleInputChange)(event, values, setValues);
-                    } }),
-                react_1.default.createElement(itwinui_react_1.ToggleSwitch, { id: 'extractionEnabled', name: 'extractionEnabled', label: 'Extract data from iModel', labelPosition: "right", checked: values.extractionEnabled, onChange: (event) => {
-                        setValues({ ...values, extractionEnabled: event.currentTarget.checked });
-                    } }))),
-        react_1.default.createElement(ActionPanel_1.default, { onSave: onSave, onCancel: onClickCancel, isSavingDisabled: !values.name, isLoading: isLoading })));
-};
-exports.MappingAction = MappingAction;
-//# sourceMappingURL=MappingAction.js.map