@itwin/grouping-mapping-widget 0.24.0 → 0.25.0

package/lib/cjs/components/Groups/GroupItem.js

@@ -1,23 +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.GroupItem = void 0;
-const react_1 = __importDefault(require("react"));
-const HorizontalTile_1 = require("../SharedComponents/HorizontalTile");
-const GroupMenuActions_1 = require("./GroupMenuActions");
-const GroupHilitedElementsContext_1 = require("../context/GroupHilitedElementsContext");
-const GroupOverlapProgressBar_1 = require("./GroupOverlapProgressBar");
-const GroupItem = ({ onClickGroupTitle, disableActions, group, isVisualizing, ...rest }) => {
-    const { overlappedElementsMetadata: { groupElementsInfo, overlappedElementsInfo }, showGroupColor } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
-    const onTitleClick = () => {
-        if (onClickGroupTitle) {
-            onClickGroupTitle(group);
-        }
-    };
-    return (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { title: group.groupName, subText: group.description, actionGroup: react_1.default.createElement(GroupMenuActions_1.GroupMenuActions, { group: group, disableActions: disableActions, ...rest }), elementsInfo: overlappedElementsInfo.size > 0 &&
-            react_1.default.createElement(GroupOverlapProgressBar_1.OverlapProgress, { group: group, overlappedElementsInfo: overlappedElementsInfo, groupElementsInfo: groupElementsInfo }), showGroupColor: showGroupColor, isLoading: isVisualizing, onClickTitle: onClickGroupTitle && !disableActions ? onTitleClick : undefined }));
-};
-exports.GroupItem = GroupItem;
-//# sourceMappingURL=GroupItem.js.map

package/lib/cjs/components/Groups/GroupItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupItem.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupItem.tsx"],"names":[],"mappings":";;;;;;AAKA,kDAA0B;AAC1B,uEAAoE;AAMpE,yDAAsD;AACtD,wFAAwF;AACxF,uEAA4D;AAYrD,MAAM,SAAS,GAAG,CAAC,EACxB,iBAAiB,EACjB,cAAc,EACd,KAAK,EACL,aAAa,EACb,GAAG,IAAI,EACQ,EAAE,EAAE;IACnB,MAAM,EAAE,0BAA0B,EAAE,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,EAAE,cAAc,EAAE,GAAG,IAAA,4DAA8B,GAAE,CAAC;IAEvI,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,+BAAc,IACb,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,WAAW,EACT,8BAAC,mCAAgB,IACf,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,KAC1B,IAAI,GACR,EAEJ,YAAY,EACV,sBAAsB,CAAC,IAAI,GAAG,CAAC;YAC/B,8BAAC,yCAAe,IACd,KAAK,EAAE,KAAK,EACZ,sBAAsB,EAAE,sBAAsB,EAC9C,iBAAiB,EAAE,iBAAiB,GACpC,EAEJ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,aAAa,EACxB,YAAY,EACV,iBAAiB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GAEjE,CACH,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,SAAS,aAyCpB","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 from \"react\";\nimport { HorizontalTile } from \"../SharedComponents/HorizontalTile\";\nimport type {\n  ContextCustomUI,\n  GroupingCustomUI,\n} from \"../customUI/GroupingMappingCustomUI\";\nimport type { GroupsProps } from \"./Groups\";\nimport { GroupMenuActions } from \"./GroupMenuActions\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\nimport { OverlapProgress } from \"./GroupOverlapProgressBar\";\n\nexport interface GroupItemProps extends Omit<GroupsProps, \"onClickAddGroup\"> {\n  group: Group;\n  groupUIs: GroupingCustomUI[];\n  contextUIs: ContextCustomUI[];\n  setShowDeleteModal: (showDeleteModal: Group) => void;\n  setActiveOverlapInfoPanelGroup?: (\n    activeOverlapInfoPanelGroup: Group\n  ) => void;\n}\n\nexport const GroupItem = ({\n  onClickGroupTitle,\n  disableActions,\n  group,\n  isVisualizing,\n  ...rest\n}: GroupItemProps) => {\n  const { overlappedElementsMetadata: { groupElementsInfo, overlappedElementsInfo }, showGroupColor } = useGroupHilitedElementsContext();\n\n  const onTitleClick = () => {\n    if (onClickGroupTitle) {\n      onClickGroupTitle(group);\n    }\n  };\n\n  return (\n    <HorizontalTile\n      title={group.groupName}\n      subText={group.description}\n      actionGroup={\n        <GroupMenuActions\n          group={group}\n          disableActions={disableActions}\n          {...rest}\n        />\n      }\n      elementsInfo={\n        overlappedElementsInfo.size > 0 &&\n        <OverlapProgress\n          group={group}\n          overlappedElementsInfo={overlappedElementsInfo}\n          groupElementsInfo={groupElementsInfo}\n        />\n      }\n      showGroupColor={showGroupColor}\n      isLoading={isVisualizing}\n      onClickTitle={\n        onClickGroupTitle && !disableActions ? onTitleClick : undefined\n      }\n    />\n  );\n};\n"]}

package/lib/cjs/components/SharedComponents/HorizontalTile.d.ts

@@ -1,19 +0,0 @@
-import type { ReactNode } from "react";
-import React 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;
-    elementsInfo?: React.ReactNode;
-    showGroupColor?: boolean;
-    isLoading?: boolean;
-}
-export declare const HorizontalTile: (props: HorizontalTileProps) => JSX.Element;
-//# sourceMappingURL=HorizontalTile.d.ts.map

package/lib/cjs/components/SharedComponents/HorizontalTile.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.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-interactables" },
-            props.actionGroup,
-            props.showGroupColor && !props.isLoading && props.elementsInfo &&
-                props.elementsInfo)));
-};
-exports.HorizontalTile = HorizontalTile;
-//# sourceMappingURL=HorizontalTile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalTile.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/HorizontalTile.tsx"],"names":[],"mappings":";;;;;;AAKA,kDAA0B;AAC1B,wDAAoD;AACpD,iCAA+B;AAC/B,4DAAoC;AAiB7B,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;YAC/B,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,YAAY;gBAC3D,KAAK,CAAC,YAAY,CAClB,CACF,CACP,CAAC;AAEJ,CAAC,CAAC;AAxBW,QAAA,cAAc,kBAwBzB","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  elementsInfo?: React.ReactNode;\n  showGroupColor?: boolean;\n  isLoading?: boolean;\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-interactables\">\n        {props.actionGroup}\n        {props.showGroupColor && !props.isLoading && props.elementsInfo &&\n            props.elementsInfo}\n      </div>\n    </div>\n  );\n\n};\n"]}

package/lib/cjs/components/SharedComponents/HorizontalTile.scss

@@ -1,58 +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);
-    padding-bottom: 2px var(--iui-size-xs);
-    padding-top: 2px 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-interactables {
-      position: relative;
-      margin-left: 0;
-      align-items: center;
-      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/components/Groups/GroupItem.js

@@ -1,16 +0,0 @@
-import React from "react";
-import { HorizontalTile } from "../SharedComponents/HorizontalTile";
-import { GroupMenuActions } from "./GroupMenuActions";
-import { useGroupHilitedElementsContext } from "../context/GroupHilitedElementsContext";
-import { OverlapProgress } from "./GroupOverlapProgressBar";
-export const GroupItem = ({ onClickGroupTitle, disableActions, group, isVisualizing, ...rest }) => {
-    const { overlappedElementsMetadata: { groupElementsInfo, overlappedElementsInfo }, showGroupColor } = useGroupHilitedElementsContext();
-    const onTitleClick = () => {
-        if (onClickGroupTitle) {
-            onClickGroupTitle(group);
-        }
-    };
-    return (React.createElement(HorizontalTile, { title: group.groupName, subText: group.description, actionGroup: React.createElement(GroupMenuActions, { group: group, disableActions: disableActions, ...rest }), elementsInfo: overlappedElementsInfo.size > 0 &&
-            React.createElement(OverlapProgress, { group: group, overlappedElementsInfo: overlappedElementsInfo, groupElementsInfo: groupElementsInfo }), showGroupColor: showGroupColor, isLoading: isVisualizing, onClickTitle: onClickGroupTitle && !disableActions ? onTitleClick : undefined }));
-};
-//# sourceMappingURL=GroupItem.js.map

package/lib/esm/components/Groups/GroupItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupItem.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAMpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAY5D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,iBAAiB,EACjB,cAAc,EACd,KAAK,EACL,aAAa,EACb,GAAG,IAAI,EACQ,EAAE,EAAE;IACnB,MAAM,EAAE,0BAA0B,EAAE,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,EAAE,cAAc,EAAE,GAAG,8BAA8B,EAAE,CAAC;IAEvI,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,WAAW,EACT,oBAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,KAC1B,IAAI,GACR,EAEJ,YAAY,EACV,sBAAsB,CAAC,IAAI,GAAG,CAAC;YAC/B,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,sBAAsB,EAAE,sBAAsB,EAC9C,iBAAiB,EAAE,iBAAiB,GACpC,EAEJ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,aAAa,EACxB,YAAY,EACV,iBAAiB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GAEjE,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 type { Group } from \"@itwin/insights-client\";\nimport React from \"react\";\nimport { HorizontalTile } from \"../SharedComponents/HorizontalTile\";\nimport type {\n  ContextCustomUI,\n  GroupingCustomUI,\n} from \"../customUI/GroupingMappingCustomUI\";\nimport type { GroupsProps } from \"./Groups\";\nimport { GroupMenuActions } from \"./GroupMenuActions\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\nimport { OverlapProgress } from \"./GroupOverlapProgressBar\";\n\nexport interface GroupItemProps extends Omit<GroupsProps, \"onClickAddGroup\"> {\n  group: Group;\n  groupUIs: GroupingCustomUI[];\n  contextUIs: ContextCustomUI[];\n  setShowDeleteModal: (showDeleteModal: Group) => void;\n  setActiveOverlapInfoPanelGroup?: (\n    activeOverlapInfoPanelGroup: Group\n  ) => void;\n}\n\nexport const GroupItem = ({\n  onClickGroupTitle,\n  disableActions,\n  group,\n  isVisualizing,\n  ...rest\n}: GroupItemProps) => {\n  const { overlappedElementsMetadata: { groupElementsInfo, overlappedElementsInfo }, showGroupColor } = useGroupHilitedElementsContext();\n\n  const onTitleClick = () => {\n    if (onClickGroupTitle) {\n      onClickGroupTitle(group);\n    }\n  };\n\n  return (\n    <HorizontalTile\n      title={group.groupName}\n      subText={group.description}\n      actionGroup={\n        <GroupMenuActions\n          group={group}\n          disableActions={disableActions}\n          {...rest}\n        />\n      }\n      elementsInfo={\n        overlappedElementsInfo.size > 0 &&\n        <OverlapProgress\n          group={group}\n          overlappedElementsInfo={overlappedElementsInfo}\n          groupElementsInfo={groupElementsInfo}\n        />\n      }\n      showGroupColor={showGroupColor}\n      isLoading={isVisualizing}\n      onClickTitle={\n        onClickGroupTitle && !disableActions ? onTitleClick : undefined\n      }\n    />\n  );\n};\n"]}

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

@@ -1,19 +0,0 @@
-import type { ReactNode } from "react";
-import React 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;
-    elementsInfo?: React.ReactNode;
-    showGroupColor?: boolean;
-    isLoading?: boolean;
-}
-export declare const HorizontalTile: (props: HorizontalTileProps) => JSX.Element;
-//# sourceMappingURL=HorizontalTile.d.ts.map

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

@@ -1,20 +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-interactables" },
-            props.actionGroup,
-            props.showGroupColor && !props.isLoading && props.elementsInfo &&
-                props.elementsInfo)));
-};
-//# sourceMappingURL=HorizontalTile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalTile.js","sourceRoot":"","sources":["../../../../src/components/SharedComponents/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;AAiBpC,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;YAC/B,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,YAAY;gBAC3D,KAAK,CAAC,YAAY,CAClB,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  elementsInfo?: React.ReactNode;\n  showGroupColor?: boolean;\n  isLoading?: boolean;\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-interactables\">\n        {props.actionGroup}\n        {props.showGroupColor && !props.isLoading && props.elementsInfo &&\n            props.elementsInfo}\n      </div>\n    </div>\n  );\n\n};\n"]}

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

@@ -1,58 +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);
-    padding-bottom: 2px var(--iui-size-xs);
-    padding-top: 2px 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-interactables {
-      position: relative;
-      margin-left: 0;
-      align-items: center;
-      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));
-  }
-}