@gooddata/sdk-ui-ext 9.5.0-alpha.6 → 9.5.0-alpha.8

package/esm/index.d.ts

@@ -29,4 +29,5 @@ export declare function getInsightWithAppliedDrillDown(insight: IInsight, drillE
  */
 export declare function getInsightVisualizationMeta(insight: IInsightDefinition): IVisualizationMeta;
 export * from "./internal/components/dialogs/userManagementDialogs/index.js";
+export * from "./internal/components/attributeHierarchy/index.js";
 //# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAGH,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EACrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,cAAc,wBAAwB,CAAC;AAGvC,OAAO,EACH,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,6BAA6B,EAC7B,kBAAkB,EAClB,SAAS,EACT,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,gCAAgC,EAChC,+BAA+B,EAC/B,+BAA+B,EAC/B,sCAAsC,EACtC,gCAAgC,EAChC,uCAAuC,EACvC,4BAA4B,EAC5B,mCAAmC,EACnC,iCAAiC,EACjC,kBAAkB,EAClB,wBAAwB,GAC3B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAGvF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,SAAS,GAAG,sBAAsB,CAE3G;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC1C,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,WAAW,EACvB,eAAe,EAAE,oBAAoB,EACrC,0BAA0B,EAAE,OAAO,GACpC,QAAQ,CASV;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,kBAAkB,GAAG,kBAAkB,CAE3F;AAED,cAAc,8DAA8D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAGH,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EACrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,cAAc,wBAAwB,CAAC;AAGvC,OAAO,EACH,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,6BAA6B,EAC7B,kBAAkB,EAClB,SAAS,EACT,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,gCAAgC,EAChC,+BAA+B,EAC/B,+BAA+B,EAC/B,sCAAsC,EACtC,gCAAgC,EAChC,uCAAuC,EACvC,4BAA4B,EAC5B,mCAAmC,EACnC,iCAAiC,EACjC,kBAAkB,EAClB,wBAAwB,GAC3B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAGvF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,SAAS,GAAG,sBAAsB,CAE3G;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC1C,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,WAAW,EACvB,eAAe,EAAE,oBAAoB,EACrC,0BAA0B,EAAE,OAAO,GACpC,QAAQ,CASV;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,kBAAkB,GAAG,kBAAkB,CAE3F;AAED,cAAc,8DAA8D,CAAC;AAE7E,cAAc,mDAAmD,CAAC"}

package/esm/index.js

@@ -39,4 +39,5 @@ export function getInsightVisualizationMeta(insight) {
     return FullVisualizationCatalog.forInsight(insight).getMeta();
 }
 export * from "./internal/components/dialogs/userManagementDialogs/index.js";
+export * from "./internal/components/attributeHierarchy/index.js";
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC;;;;;;;;;;GAUG;AAIH,OAAO,EACH,qBAAqB,EACrB,wBAAwB,GAI3B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,cAAc,wBAAwB,CAAC;AAEvC,gCAAgC;AAChC,OAAO,EAEH,qBAAqB,EAMrB,qBAAqB,EACrB,qBAAqB,EAIrB,UAAU,EACV,gBAAgB,EAChB,gCAAgC,EAEhC,+BAA+B,EAC/B,sCAAsC,EACtC,gCAAgC,EAChC,uCAAuC,EACvC,4BAA4B,EAC5B,mCAAmC,EACnC,iCAAiC,EACjC,kBAAkB,GAErB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,iBAAiB,EAAoB,MAAM,kCAAkC,CAAC;AAEvF,mHAAmH;AACnH;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,OAA2B,EAAE,QAAmB;IAC/E,OAAO,wBAAwB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,qBAAqB,EAAE,QAAQ,CAAC,CAAC;AAC9G,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,8BAA8B,CAC1C,OAAiB,EACjB,UAAuB,EACvB,eAAqC,EACrC,0BAAmC;IAEnC,OAAO,wBAAwB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,cAAc,CAC9D,OAAO,EACP;QACI,eAAe;QACf,KAAK,EAAE,UAAU;KACpB,EACD,0BAA0B,CAC7B,CAAC;AACN,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,2BAA2B,CAAC,OAA2B;IACnE,OAAO,wBAAwB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;AAClE,CAAC;AAED,cAAc,8DAA8D,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC;;;;;;;;;;GAUG;AAIH,OAAO,EACH,qBAAqB,EACrB,wBAAwB,GAI3B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,cAAc,wBAAwB,CAAC;AAEvC,gCAAgC;AAChC,OAAO,EAEH,qBAAqB,EAMrB,qBAAqB,EACrB,qBAAqB,EAIrB,UAAU,EACV,gBAAgB,EAChB,gCAAgC,EAEhC,+BAA+B,EAC/B,sCAAsC,EACtC,gCAAgC,EAChC,uCAAuC,EACvC,4BAA4B,EAC5B,mCAAmC,EACnC,iCAAiC,EACjC,kBAAkB,GAErB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,iBAAiB,EAAoB,MAAM,kCAAkC,CAAC;AAEvF,mHAAmH;AACnH;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,OAA2B,EAAE,QAAmB;IAC/E,OAAO,wBAAwB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,qBAAqB,EAAE,QAAQ,CAAC,CAAC;AAC9G,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,8BAA8B,CAC1C,OAAiB,EACjB,UAAuB,EACvB,eAAqC,EACrC,0BAAmC;IAEnC,OAAO,wBAAwB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,cAAc,CAC9D,OAAO,EACP;QACI,eAAe;QACf,KAAK,EAAE,UAAU;KACpB,EACD,0BAA0B,CAC7B,CAAC;AACN,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,2BAA2B,CAAC,OAA2B;IACnE,OAAO,wBAAwB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;AAClE,CAAC;AAED,cAAc,8DAA8D,CAAC;AAE7E,cAAc,mDAAmD,CAAC"}

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailBubble.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+/**
+ *
+ * @internal
+ */
+export interface IAttributeHierarchyDetailBubbleProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ *
+ * @internal
+ */
+export declare const AttributeHierarchyDetailBubble: React.FC<IAttributeHierarchyDetailBubbleProps>;
+//# sourceMappingURL=AttributeHierarchyDetailBubble.d.ts.map

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttributeHierarchyDetailBubble.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/AttributeHierarchyDetailBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;GAGG;AACH,MAAM,WAAW,oCAAoC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAKD;;;GAGG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,oCAAoC,CAyBzF,CAAC"}

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailBubble.js

@@ -0,0 +1,20 @@
+// (C) 2023 GoodData Corporation
+import React from "react";
+import cx from "classnames";
+import { Bubble, BubbleHoverTrigger } from "@gooddata/sdk-ui-kit";
+const ALIGN_POINTS = [{ align: "cr cl" }];
+const ARROW_OFFSETS = { "cr cl": [15, 0] };
+/**
+ *
+ * @internal
+ */
+export const AttributeHierarchyDetailBubble = (props) => {
+    const { children, className } = props;
+    return (React.createElement(BubbleHoverTrigger, { showDelay: 0, eventsOnBubble: true },
+        React.createElement("div", { className: cx("s-description-trigger", {
+                "gd-icon-circle-question-wrapper": !className,
+            }, className) },
+            React.createElement("div", { className: "gd-icon-circle-question" })),
+        React.createElement(Bubble, { className: "bubble-light gd-attribute-hierarchy-detail-panel-bubble", alignPoints: ALIGN_POINTS, arrowOffsets: ARROW_OFFSETS, closeOnOutsideClick: true }, children)));
+};
+//# sourceMappingURL=AttributeHierarchyDetailBubble.js.map

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttributeHierarchyDetailBubble.js","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/AttributeHierarchyDetailBubble.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAWlE,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1C,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;AAE3C;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAmD,CAAC,KAAK,EAAE,EAAE;IACpG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACtC,OAAO,CACH,oBAAC,kBAAkB,IAAC,SAAS,EAAE,CAAC,EAAE,cAAc,EAAE,IAAI;QAClD,6BACI,SAAS,EAAE,EAAE,CACT,uBAAuB,EACvB;gBACI,iCAAiC,EAAE,CAAC,SAAS;aAChD,EACD,SAAS,CACZ;YAED,6BAAK,SAAS,EAAC,yBAAyB,GAAG,CACzC;QACN,oBAAC,MAAM,IACH,SAAS,EAAC,yDAAyD,EACnE,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,aAAa,EAC3B,mBAAmB,EAAE,IAAI,IAExB,QAAQ,CACJ,CACQ,CACxB,CAAC;AACN,CAAC,CAAC"}

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailPanel.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+/**
+ *
+ * @internal
+ */
+export interface IAttributeHierarchyDetailItem {
+    title: string;
+    isDate: boolean;
+}
+/**
+ *
+ * @internal
+ */
+export interface IAttributeHierarchyDetailPanelProps {
+    title: string;
+    description?: string;
+    attributes: IAttributeHierarchyDetailItem[];
+}
+/**
+ *
+ * @internal
+ */
+export declare const AttributeHierarchyDetailPanel: React.FC<IAttributeHierarchyDetailPanelProps>;
+//# sourceMappingURL=AttributeHierarchyDetailPanel.d.ts.map

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttributeHierarchyDetailPanel.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/AttributeHierarchyDetailPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,WAAW,mCAAmC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,6BAA6B,EAAE,CAAC;CAC/C;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,mCAAmC,CAyBvF,CAAC"}

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailPanel.js

@@ -0,0 +1,25 @@
+// (C) 2023 GoodData Corporation
+import React from "react";
+import cx from "classnames";
+import { useIntl } from "react-intl";
+import { messages } from "@gooddata/sdk-ui";
+/**
+ *
+ * @internal
+ */
+export const AttributeHierarchyDetailPanel = ({ title, description, attributes, }) => {
+    const intl = useIntl();
+    const hierarchyLevelsText = intl.formatMessage(messages.hierarchyListLevels);
+    return (React.createElement("div", { className: "gd-attribute-hierarchy-detail-panel" },
+        React.createElement("div", { className: "gd-attribute-hierarchy-detail-title" }, title),
+        description && React.createElement("div", { className: "gd-attribute-hierarchy-detail-description" }, description),
+        React.createElement("div", { className: "gd-attribute-hierarchy-detail-levels" }, hierarchyLevelsText),
+        attributes.map((item, index) => {
+            const itemClassNames = cx("gd-attribute-hierarchy-detail-item", {
+                "is-date": item.isDate,
+                "is-attribute": !item.isDate,
+            });
+            return (React.createElement("div", { key: index, className: itemClassNames }, item.title));
+        })));
+};
+//# sourceMappingURL=AttributeHierarchyDetailPanel.js.map

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttributeHierarchyDetailPanel.js","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/AttributeHierarchyDetailPanel.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqB5C;;;GAGG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAkD,CAAC,EACzF,KAAK,EACL,WAAW,EACX,UAAU,GACb,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IAC7E,OAAO,CACH,6BAAK,SAAS,EAAC,qCAAqC;QAChD,6BAAK,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAO;QACjE,WAAW,IAAI,6BAAK,SAAS,EAAC,2CAA2C,IAAE,WAAW,CAAO;QAC9F,6BAAK,SAAS,EAAC,sCAAsC,IAAE,mBAAmB,CAAO;QAChF,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,MAAM,cAAc,GAAG,EAAE,CAAC,oCAAoC,EAAE;gBAC5D,SAAS,EAAE,IAAI,CAAC,MAAM;gBACtB,cAAc,EAAE,CAAC,IAAI,CAAC,MAAM;aAC/B,CAAC,CAAC;YACH,OAAO,CACH,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,IACrC,IAAI,CAAC,KAAK,CACT,CACT,CAAC;QACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/internal/components/attributeHierarchy/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./AttributeHierarchyDetailBubble.js";
+export * from "./AttributeHierarchyDetailPanel.js";
+//# sourceMappingURL=index.d.ts.map

package/esm/internal/components/attributeHierarchy/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/index.ts"],"names":[],"mappings":"AAEA,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC"}

package/esm/internal/components/attributeHierarchy/index.js

@@ -0,0 +1,4 @@
+// (C) 2023 GoodData Corporation
+export * from "./AttributeHierarchyDetailBubble.js";
+export * from "./AttributeHierarchyDetailPanel.js";
+//# sourceMappingURL=index.js.map

package/esm/internal/components/attributeHierarchy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC"}

package/esm/sdk-ui-ext.d.ts

@@ -61,6 +61,18 @@ export declare const AddUsersToUserGroupsDialog: React_2.FC<IAddUsersToUserGroup
  */
 export declare const AddWorkspaceToSubjects: React_2.FC<IAddWorkspaceToSubjectsProps>;
 
+/**
+ *
+ * @internal
+ */
+export declare const AttributeHierarchyDetailBubble: React_2.FC<IAttributeHierarchyDetailBubbleProps>;
+
+/**
+ *
+ * @internal
+ */
+export declare const AttributeHierarchyDetailPanel: React_2.FC<IAttributeHierarchyDetailPanelProps>;
+
 /**
  * Clears all the caches used by the InsightView components.
  *
@@ -181,6 +193,34 @@ export declare interface IAddWorkspaceToSubjectsProps {
     onClose: () => void;
 }
 
+/**
+ *
+ * @internal
+ */
+export declare interface IAttributeHierarchyDetailBubbleProps {
+    className?: string;
+    children?: React_2.ReactNode;
+}
+
+/**
+ *
+ * @internal
+ */
+export declare interface IAttributeHierarchyDetailItem {
+    title: string;
+    isDate: boolean;
+}
+
+/**
+ *
+ * @internal
+ */
+export declare interface IAttributeHierarchyDetailPanelProps {
+    title: string;
+    description?: string;
+    attributes: IAttributeHierarchyDetailItem[];
+}
+
 /**
  * @internal
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-ext",
-  "version": "9.5.0-alpha.6",
+  "version": "9.5.0-alpha.8",
   "description": "GoodData.UI SDK - Extensions",
   "repository": {
     "type": "git",
@@ -49,19 +49,19 @@
     "uuid": "^8.3.2",
     "debounce-promise": "^3.1.2",
     "json-stable-stringify": "^1.0.1",
-    "@gooddata/sdk-backend-base": "9.5.0-alpha.6",
-    "@gooddata/sdk-backend-spi": "9.5.0-alpha.6",
-    "@gooddata/sdk-model": "9.5.0-alpha.6",
-    "@gooddata/sdk-embedding": "9.5.0-alpha.6",
-    "@gooddata/sdk-ui": "9.5.0-alpha.6",
-    "@gooddata/sdk-ui-charts": "9.5.0-alpha.6",
-    "@gooddata/sdk-ui-filters": "9.5.0-alpha.6",
-    "@gooddata/sdk-ui-geo": "9.5.0-alpha.6",
-    "@gooddata/sdk-ui-kit": "9.5.0-alpha.6",
-    "@gooddata/sdk-ui-pivot": "9.5.0-alpha.6",
-    "@gooddata/sdk-ui-theme-provider": "9.5.0-alpha.6",
-    "@gooddata/sdk-ui-vis-commons": "9.5.0-alpha.6",
-    "@gooddata/util": "9.5.0-alpha.6"
+    "@gooddata/sdk-backend-spi": "9.5.0-alpha.8",
+    "@gooddata/sdk-embedding": "9.5.0-alpha.8",
+    "@gooddata/sdk-backend-base": "9.5.0-alpha.8",
+    "@gooddata/sdk-model": "9.5.0-alpha.8",
+    "@gooddata/sdk-ui": "9.5.0-alpha.8",
+    "@gooddata/sdk-ui-charts": "9.5.0-alpha.8",
+    "@gooddata/sdk-ui-filters": "9.5.0-alpha.8",
+    "@gooddata/sdk-ui-geo": "9.5.0-alpha.8",
+    "@gooddata/sdk-ui-kit": "9.5.0-alpha.8",
+    "@gooddata/sdk-ui-pivot": "9.5.0-alpha.8",
+    "@gooddata/sdk-ui-theme-provider": "9.5.0-alpha.8",
+    "@gooddata/sdk-ui-vis-commons": "9.5.0-alpha.8",
+    "@gooddata/util": "9.5.0-alpha.8"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -116,10 +116,10 @@
     "vitest-dom": "0.1.0",
     "@types/debounce-promise": "^3.1.4",
     "@types/json-stable-stringify": "^1.0.32",
-    "@gooddata/i18n-toolkit": "9.5.0-alpha.6",
-    "@gooddata/live-examples-workspace": "9.5.0-alpha.6",
-    "@gooddata/reference-workspace": "9.5.0-alpha.6",
-    "@gooddata/sdk-backend-mockingbird": "9.5.0-alpha.6"
+    "@gooddata/i18n-toolkit": "9.5.0-alpha.8",
+    "@gooddata/live-examples-workspace": "9.5.0-alpha.8",
+    "@gooddata/reference-workspace": "9.5.0-alpha.8",
+    "@gooddata/sdk-backend-mockingbird": "9.5.0-alpha.8"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage *.log styles/css",

package/styles/css/main.css

@@ -169,4 +169,50 @@
   padding: 0 7px;
 }
 
+.gd-attribute-hierarchy-detail-panel {
+  width: 200px;
+  padding: 8px 5px;
+  font-style: normal;
+  font-weight: 400;
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+.gd-attribute-hierarchy-detail-panel .gd-attribute-hierarchy-detail-title {
+  font-size: 14px;
+  line-height: 23px;
+  margin-bottom: 10px;
+}
+.gd-attribute-hierarchy-detail-panel .gd-attribute-hierarchy-detail-levels {
+  font-size: 10px;
+  line-height: normal;
+  text-transform: uppercase;
+  margin-bottom: 3px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.gd-attribute-hierarchy-detail-panel .gd-attribute-hierarchy-detail-item {
+  font-size: 12px;
+  line-height: 20px;
+  display: flex;
+  flex-direction: row;
+  gap: 5px;
+  align-items: center;
+}
+.gd-attribute-hierarchy-detail-panel .is-attribute::before {
+  content: "";
+  width: 18px;
+  height: 20px;
+  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/attribute.svg");
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: contain;
+}
+.gd-attribute-hierarchy-detail-panel .is-date::before {
+  content: "";
+  width: 18px;
+  height: 20px;
+  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/date.svg");
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: contain;
+}
+
 /*# sourceMappingURL=main.css.map */

package/styles/css/main.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../internal/scss/dashboard_embedding.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../internal/scss/variables.scss","../internal/scss/user_management_dialogs.scss"],"names":[],"mappings":"AAKA;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,aC0Ec;EDzEd,kBCJa;;;ADOjB;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,aEqBuB;EFpBvB;EACA,YEtB2C;EFuB3C,OE3BuC;;;ACnB3C;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIA;EACI,OFckB;;;AETtB;EACI;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,OFlDoB;;;AEqDxB;EACI,OF1DgB;EE2DhB;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA,OF9GgB;EE+GhB;EACA;EACA","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../internal/scss/dashboard_embedding.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../internal/scss/variables.scss","../internal/scss/user_management_dialogs.scss","../internal/scss/attribute_hierarchy_detail.scss"],"names":[],"mappings":"AAKA;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,aC0Ec;EDzEd,kBCJa;;;ADOjB;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,aEqBuB;EFpBvB;EACA,YEtB2C;EFuB3C,OE3BuC;;;ACnB3C;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIA;EACI,OFckB;;;AETtB;EACI;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,OFlDoB;;;AEqDxB;EACI,OF1DgB;EE2DhB;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA,OF9GgB;EE+GhB;EACA;EACA;;;AClIJ;EACI;EACA;EACA;EACA;EACA,OHqBY;;AGnBZ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA,OHCe;;AGEnB;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}

package/styles/internal/css/attribute_hierarchy_detail.css

@@ -0,0 +1,47 @@
+.gd-attribute-hierarchy-detail-panel {
+  width: 200px;
+  padding: 8px 5px;
+  font-style: normal;
+  font-weight: 400;
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+.gd-attribute-hierarchy-detail-panel .gd-attribute-hierarchy-detail-title {
+  font-size: 14px;
+  line-height: 23px;
+  margin-bottom: 10px;
+}
+.gd-attribute-hierarchy-detail-panel .gd-attribute-hierarchy-detail-levels {
+  font-size: 10px;
+  line-height: normal;
+  text-transform: uppercase;
+  margin-bottom: 3px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.gd-attribute-hierarchy-detail-panel .gd-attribute-hierarchy-detail-item {
+  font-size: 12px;
+  line-height: 20px;
+  display: flex;
+  flex-direction: row;
+  gap: 5px;
+  align-items: center;
+}
+.gd-attribute-hierarchy-detail-panel .is-attribute::before {
+  content: "";
+  width: 18px;
+  height: 20px;
+  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/attribute.svg");
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: contain;
+}
+.gd-attribute-hierarchy-detail-panel .is-date::before {
+  content: "";
+  width: 18px;
+  height: 20px;
+  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/date.svg");
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: contain;
+}
+
+/*# sourceMappingURL=attribute_hierarchy_detail.css.map */

package/styles/internal/css/attribute_hierarchy_detail.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../scss/attribute_hierarchy_detail.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAIA;EACI;EACA;EACA;EACA;EACA,OCqBY;;ADnBZ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA,OCCe;;ADEnB;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA","file":"attribute_hierarchy_detail.css"}

package/styles/internal/scss/attribute_hierarchy_detail.scss

@@ -0,0 +1,54 @@
+// (C) 2023 GoodData Corporation
+
+@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
+
+.gd-attribute-hierarchy-detail-panel {
+    width: 200px;
+    padding: 8px 5px;
+    font-style: normal;
+    font-weight: 400;
+    color: kit-variables.$gd-color-text;
+
+    .gd-attribute-hierarchy-detail-title {
+        font-size: 14px;
+        line-height: 23px;
+        margin-bottom: 10px;
+    }
+
+    .gd-attribute-hierarchy-detail-levels {
+        font-size: 10px;
+        line-height: normal;
+        text-transform: uppercase;
+        margin-bottom: 3px;
+        color: kit-variables.$gd-color-state-blank;
+    }
+
+    .gd-attribute-hierarchy-detail-item {
+        font-size: 12px;
+        line-height: 20px;
+        display: flex;
+        flex-direction: row;
+        gap: 5px;
+        align-items: center;
+    }
+
+    .is-attribute::before {
+        content: "";
+        width: 18px;
+        height: 20px;
+        background-image: url("~@gooddata/sdk-ui-kit/styles/icons/attribute.svg");
+        background-repeat: no-repeat;
+        background-position: left center;
+        background-size: contain;
+    }
+
+    .is-date::before {
+        content: "";
+        width: 18px;
+        height: 20px;
+        background-image: url("~@gooddata/sdk-ui-kit/styles/icons/date.svg");
+        background-repeat: no-repeat;
+        background-position: left center;
+        background-size: contain;
+    }
+}

package/styles/scss/main.scss

@@ -1,2 +1,3 @@
 @use "../internal/scss/dashboard_embedding";
 @use "../internal/scss/user_management_dialogs";
+@use "../internal/scss/attribute_hierarchy_detail";