@gooddata/sdk-ui-ext 9.5.0-alpha.12 → 9.5.0-alpha.13

package/styles/internal/scss/attribute_hierarchies.scss

@@ -0,0 +1,309 @@
+// (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;
+    }
+
+    .gd-attribute-hierarchy-detail-panel-actions {
+        display: flex;
+        justify-content: flex-end;
+        margin-top: 10px;
+    }
+}
+
+.gd-dialog.attribute-hierarchy-dialog {
+    width: 890px;
+    // should be important because date-filter/attribute-filter have override the max-width
+    // stylelint-disable-next-line declaration-no-important
+    max-width: 890px !important;
+    height: 690px;
+
+    .gd-dialog-header {
+        height: 32px;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 10px;
+
+        .gd-attribute-hierarchy-icon {
+            &::before {
+                display: flex;
+                content: "";
+                width: 16px;
+                height: 16px;
+                background-image: url("~@gooddata/sdk-ui-ext/esm/internal/assets/icons/attribute-hierarchy.svg");
+                background-size: 16px 16px;
+                background-repeat: no-repeat;
+            }
+        }
+
+        .attribute-hierarchy-title {
+            padding: 3px 4px;
+            font-size: 20px;
+            font-weight: 700;
+        }
+
+        .attribute-hierarchy-title.placeholder {
+            .gd-editable-label-inner {
+                color: var(--gd-palette-complementary-6, #94a1ad);
+            }
+        }
+    }
+
+    .gd-dialog-content.attribute-hierarchy-dialog-content {
+        position: relative;
+        height: 468px;
+        margin: 0 -20px;
+        padding: 0 20px;
+        border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+        border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+        background-color: var(--gd-palette-complementary-0, #fcfcfd);
+
+        .attribute-hierarchy-table-title {
+            height: 16px;
+            margin: 10px 0;
+            color: var(--gd-palette-complementary-6, #94a1ad);
+            font-size: 11px;
+            font-weight: 700;
+            text-transform: uppercase;
+        }
+
+        .gd-list-item {
+            padding-right: 0;
+            border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+
+            &:hover {
+                background: var(--gd-palette-complementary-2, #ebeff4);
+            }
+
+            &:has(.attribute-item-delete-action:hover) {
+                background: var(--gd-palette-error-dimmed, #fcedec);
+            }
+
+            .attribute-item-title {
+                display: flex;
+                align-items: center;
+                gap: 5px;
+                color: var(--gd-palette-complementary-8, #464e56);
+                font-size: 14px;
+                font-weight: 700;
+            }
+
+            .attribute-item-title .gd-icon-navigatedown {
+                font-size: 16px;
+                font-weight: 400;
+                color: var(--gray-60094-a-1-ad-com-6, #94a1ad);
+            }
+        }
+
+        .gd-list-item .attribute-item-actions {
+            display: flex;
+
+            button {
+                display: flex;
+                align-items: center;
+                height: 43px;
+                width: 43px;
+                margin: 0;
+                border-radius: 0;
+            }
+
+            .attribute-item-delete-action:active::before,
+            .attribute-item-delete-action:focus::before,
+            .attribute-item-add-action:active::before,
+            .attribute-item-add-action:focus::before {
+                color: unset;
+            }
+
+            .attribute-item-delete-action:hover::before {
+                color: var(--gd-palette-error-base, #e54d42);
+            }
+
+            .attribute-item-add-action:hover {
+                background: var(--gd-palette-complementary-3, #dde4eb);
+            }
+
+            .attribute-item-add-action:hover::before {
+                color: var(--gd-palette-complementary-8, #464e56);
+            }
+        }
+
+        .attribute-hierarchy-add-attribute-action {
+            padding: 5px 0;
+            border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+        }
+
+        .attribute-hierarchy-content-loading-mask {
+            position: absolute;
+            top: 0;
+            width: 850px;
+            height: 546px;
+            background: white;
+            opacity: 0.8;
+        }
+    }
+
+    .gd-dialog-footer {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: start;
+
+        .attribute-hierarchy-note-message.s-attribute-hierarchy-note-message {
+            margin: -5px 0 20px;
+            border-bottom: 1px solid var(--gd-palette-complementary-5, #ccd8e2);
+
+            .gd-message {
+                margin-bottom: 15px;
+            }
+        }
+
+        .attribute-hierarchy-footer-actions-wrapper {
+            display: flex;
+            width: 100%;
+            justify-content: flex-end;
+        }
+
+        .gd-dialog-footer-tip {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+
+            span {
+                color: var(--gd-palette-complementary-6, #94a1ad);
+                font-size: 14px;
+                height: 18px;
+            }
+
+            a {
+                text-decoration: underline;
+            }
+        }
+    }
+}
+
+.gd-dropdown-tabs.gd-tabs.attribute-hierarchy-attribute-dropdown-tabs {
+    display: flex;
+    flex-direction: row;
+
+    > div {
+        display: flex;
+        flex: 1 0 0;
+        justify-content: center;
+        align-items: center;
+        height: 27px;
+        padding: 0 39px;
+        border-radius: 3px;
+        border: 1px solid #ccd8e2;
+        margin-right: 0;
+
+        &:first-child {
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+        }
+
+        &:last-child {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+        }
+
+        &.is-active {
+            background: linear-gradient(180deg, #dee6ef 0%, #ecf0f5 100%);
+            box-shadow: 0 2px 0 0 rgba(177, 193, 209, 0.65) inset;
+            border: 1px solid rgba(31, 53, 74, 0.2);
+        }
+    }
+}
+
+.attribute-hierarchy-delete-confirmation {
+    width: 464px;
+
+    .gd-dialog-content {
+        position: relative;
+
+        .attribute-hierarchy-content-loading-mask {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            top: 0;
+            background: white;
+            opacity: 0.8;
+        }
+    }
+}
+
+.gd-dialog.attribute-hierarchy-dialog,
+.attribute-hierarchy-attribute-dropdown-body,
+.attribute-hierarchy-attribute-dropdown-tabs {
+    .gd-icon-attribute::before {
+        width: 18px;
+        height: 18px;
+        margin-right: 5px;
+        background-size: 18px 18px;
+    }
+
+    .gd-icon-date::before {
+        width: 16px;
+        height: 16px;
+        margin-right: 7px;
+        background-size: 16px 16px;
+    }
+}
+
+.attribute-hierarchy-add-action-menu {
+    .gd-list-item.gd-menu-item {
+        gap: 10px;
+
+        i {
+            font-size: 14px;
+            color: var(--gd-palette-complementary-6, #94a1ad);
+        }
+    }
+}

package/styles/scss/main.scss

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

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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/styles/internal/css/attribute_hierarchy_detail.css

@@ -1,47 +0,0 @@
-.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

@@ -1 +0,0 @@
-{"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

@@ -1,54 +0,0 @@
-// (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;
-    }
-}