@gooddata/sdk-ui-dashboard 10.12.0-alpha.9 → 10.12.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-dashboard",
-  "version": "10.12.0-alpha.9",
+  "version": "10.12.0-beta.0",
   "description": "GoodData SDK - Dashboard Component",
   "repository": {
     "type": "git",
@@ -57,17 +57,17 @@
     "ts-invariant": "^0.7.5",
     "tslib": "^2.5.0",
     "uuid": "^8.3.2",
-    "@gooddata/sdk-backend-spi": "10.12.0-alpha.9",
-    "@gooddata/sdk-model": "10.12.0-alpha.9",
-    "@gooddata/sdk-ui": "10.12.0-alpha.9",
-    "@gooddata/sdk-ui-ext": "10.12.0-alpha.9",
-    "@gooddata/sdk-backend-base": "10.12.0-alpha.9",
-    "@gooddata/sdk-ui-filters": "10.12.0-alpha.9",
-    "@gooddata/sdk-ui-geo": "10.12.0-alpha.9",
-    "@gooddata/sdk-ui-kit": "10.12.0-alpha.9",
-    "@gooddata/sdk-ui-theme-provider": "10.12.0-alpha.9",
-    "@gooddata/sdk-ui-vis-commons": "10.12.0-alpha.9",
-    "@gooddata/util": "10.12.0-alpha.9"
+    "@gooddata/sdk-backend-spi": "10.12.0-beta.0",
+    "@gooddata/sdk-backend-base": "10.12.0-beta.0",
+    "@gooddata/sdk-model": "10.12.0-beta.0",
+    "@gooddata/sdk-ui": "10.12.0-beta.0",
+    "@gooddata/sdk-ui-ext": "10.12.0-beta.0",
+    "@gooddata/sdk-ui-filters": "10.12.0-beta.0",
+    "@gooddata/sdk-ui-kit": "10.12.0-beta.0",
+    "@gooddata/sdk-ui-geo": "10.12.0-beta.0",
+    "@gooddata/sdk-ui-theme-provider": "10.12.0-beta.0",
+    "@gooddata/sdk-ui-vis-commons": "10.12.0-beta.0",
+    "@gooddata/util": "10.12.0-beta.0"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -120,9 +120,9 @@
     "typescript": "5.3.3",
     "vitest": "1.0.4",
     "vitest-dom": "0.1.1",
-    "@gooddata/i18n-toolkit": "10.12.0-alpha.9",
-    "@gooddata/sdk-backend-mockingbird": "10.12.0-alpha.9",
-    "@gooddata/reference-workspace": "10.12.0-alpha.9"
+    "@gooddata/i18n-toolkit": "10.12.0-beta.0",
+    "@gooddata/sdk-backend-mockingbird": "10.12.0-beta.0",
+    "@gooddata/reference-workspace": "10.12.0-beta.0"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",

package/styles/css/alerting.css

@@ -101,6 +101,9 @@
 .gd-alerts-list-item:hover {
   background-color: var(--gd-palette-complementary-2, #ebeff4);
 }
+.gd-alerts-list-item--readonly {
+  cursor: default;
+}
 
 .gd-alerts-list-item__content {
   padding: 5px 0 5px 10px;
@@ -214,6 +217,7 @@
 }
 
 .gd-edit-alert-configuration__trigger-label {
+  color: var(--gd-palette-complementary-8, #464e56);
   display: flex;
   align-items: center;
   width: 50%;

package/styles/css/alerting.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/react-loading-skeleton/dist/skeleton.css","../scss/alerting.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAAA;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;AC3CJ;EACI;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;AAAA;AAAA;AAAA;;;AAOR;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA,OCtCmB;;;AD4CvB;EACI;EACA;EACA;EACA;;AAEA;EACI,kBCmCgB;;;AD/BxB;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI,kBCsBoB;EDrBpB;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,kBCrCkB;;;ADyC1B;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA,OCnFY;EDoFZ;;;AAGJ;EACI;EACA;EACA,OCjGmB;EDkGnB;EACA;;;AAMJ;EACI;EACA;EACA,OCrGY;EDsGZ;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC3HY;;;AD8HhB;EACI;AAEA;AAOA;;AANA;AAAA;EAEI;EACA;;AAIJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI,OC/JmB;;;ADqKvB;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAOA;EACI;EACA;EACA;;;AAOR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAMJ;EACI;;;AAGJ;EACI;;;AAMJ;EACI;;;AAKJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAOR;EACI;;;AAMJ;EACI;EACA;EACA;;AAEA;EAEI,kBClLe;;ADqLnB;EACI;EACA;EACA;EACA;EACA;;;AAKJ;EACI,OC/TY;EDgUZ,kBC/QkB","file":"alerting.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/react-loading-skeleton/dist/skeleton.css","../scss/alerting.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAAA;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;AC3CJ;EACI;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;AAAA;AAAA;AAAA;;;AAOR;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA,OCtCmB;;;AD4CvB;EACI;EACA;EACA;EACA;;AAEA;EACI,kBCmCgB;;ADhCpB;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI,kBCkBoB;EDjBpB;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,kBCzCkB;;;AD6C1B;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA,OCvFY;EDwFZ;;;AAGJ;EACI;EACA;EACA,OCrGmB;EDsGnB;EACA;;;AAMJ;EACI;EACA;EACA,OCzGY;ED0GZ;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC/HY;;;ADkIhB;EACI;AAEA;AAOA;;AANA;AAAA;EAEI;EACA;;AAIJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI,OCnKmB;;;ADyKvB;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI,OC9KY;ED+KZ;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAOA;EACI;EACA;EACA;;;AAOR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAMJ;EACI;;;AAGJ;EACI;;;AAMJ;EACI;;;AAKJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAOR;EACI;;;AAMJ;EACI;EACA;EACA;;AAEA;EAEI,kBCvLe;;AD0LnB;EACI;EACA;EACA;EACA;EACA;;;AAKJ;EACI,OCpUY;EDqUZ,kBCpRkB","file":"alerting.css"}

package/styles/css/main.css

@@ -24340,15 +24340,36 @@ div.gd-empty-item-bubble {
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
 }
 .gd-visualization-switcher-widget-wrapper .dash-item,
 .gd-visualization-switcher-widget-wrapper .dash-item-content {
   padding: 0;
   position: static;
 }
+.gd-visualization-switcher-widget-wrapper .dash-item {
+  flex: 1 1 100%;
+}
 .gd-visualization-switcher-widget-wrapper .dash-item-content {
   border-width: 0;
 }
+.gd-visualization-switcher-widget-wrapper .gd-editable-label-inner span {
+  text-decoration-line: underline;
+}
+.gd-visualization-switcher-widget-wrapper .gd-editable-label-inner span::after {
+  content: "\e612";
+  display: inline-block;
+  height: 1px;
+  color: var(--gd-dashboards-content-widget-title-color, var(--gd-palette-complementary-8, #464e56));
+  vertical-align: top;
+  transition: 0.2s;
+  margin-left: 0.5em;
+  font-family: "Indigo", sans-serif;
+  font-weight: normal;
+  font-size: inherit;
+}
 
 .gd-visualization-switcher-widget-empty-content {
   height: 100%;
@@ -24358,14 +24379,23 @@ div.gd-empty-item-bubble {
   align-items: center;
   gap: 8px;
 }
+.gd-visualization-switcher-widget-empty-content .gd-typography--p {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
 
 .gd-visualization-switcher-visible-visualization {
   width: 100%;
   height: 100%;
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
 }
 .gd-visualization-switcher-visible-visualization.is-edit-mode {
   display: flex;
 }
+.gd-visualization-switcher-visible-visualization .gd-drill-modal-wrapper-mask:first-child {
+  padding-top: 0;
+}
 
 .gd-visualization-switcher-hidden-visualization {
   width: 0;
@@ -24476,6 +24506,9 @@ div.gd-empty-item-bubble {
 .gd-alerts-list-item:hover {
   background-color: var(--gd-palette-complementary-2, #ebeff4);
 }
+.gd-alerts-list-item--readonly {
+  cursor: default;
+}
 
 .gd-alerts-list-item__content {
   padding: 5px 0 5px 10px;
@@ -24589,6 +24622,7 @@ div.gd-empty-item-bubble {
 }
 
 .gd-edit-alert-configuration__trigger-label {
+  color: var(--gd-palette-complementary-8, #464e56);
   display: flex;
   align-items: center;
   width: 50%;
@@ -24729,6 +24763,9 @@ div.gd-empty-item-bubble {
   padding: 4px;
   flex: 0 1 auto;
 }
+.gd-visualization-switcher-toolbar-top.bubble.bubble-light .left-section:not(.is-active):hover path {
+  fill: var(--gd-palette-complementary-8, #464e56);
+}
 .gd-visualization-switcher-toolbar-top.bubble.bubble-light .vertical-divider {
   flex: 0 0 1px;
   width: 1px;
@@ -24753,6 +24790,9 @@ div.gd-empty-item-bubble {
   justify-content: center;
   align-items: center;
 }
+.gd-visualization-switcher-toolbar-top.bubble.bubble-light .navigate-button:not(.is-disabled):hover path {
+  fill: var(--gd-palette-complementary-8, #464e56);
+}
 .gd-visualization-switcher-toolbar-top.bubble.bubble-light .right-section {
   display: flex;
   padding: 4px;
@@ -24782,6 +24822,9 @@ div.gd-empty-item-bubble {
   line-height: 21px;
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .configuration-panel-header-close-button {
+  display: none;
+}
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .visualizations-list {
   max-height: 253px;
   overflow-y: auto;
@@ -24807,10 +24850,47 @@ div.gd-empty-item-bubble {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0 15px;
   height: 40px;
   cursor: pointer;
 }
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .switcher-visualizations-list-item-content {
+  width: 100%;
+  padding: 0 0 0 15px;
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .gd-vis-switcher-show-more-button {
+  display: none;
+  position: relative;
+  padding: 5px 14px;
+  border: 1px solid transparent;
+  outline: 0;
+  font: 700 14px/20px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
+  height: 40px;
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  text-align: left;
+  background: transparent;
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:not(.is-selected) .gd-vis-switcher-show-more-button:hover {
+  background: var(--gd-palette-complementary-7, #ccd8e2);
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected.is-active {
+  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected.is-active .gd-vis-switcher-show-more-button {
+  display: block;
+  background: var(--gd-palette-primary-dimmed50, #b9e8f6);
+  color: var(--gd-palette-primary-0, #14b2e2);
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-active:not(.is-selected) {
+  background: var(--gd-palette-complementary-2, #ebeff4);
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-active:not(.is-selected) .gd-vis-switcher-show-more-button {
+  display: block;
+  background: var(--gd-palette-complementary-7, #ccd8e2);
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover {
   background-color: var(--gd-palette-complementary-2, #ebeff4);
 }
@@ -24818,14 +24898,27 @@ div.gd-empty-item-bubble {
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover .gd-vis-type {
   color: var(--gd-palette-complementary-9, #000);
 }
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover .gd-vis-switcher-show-more-button {
+  display: block;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .visualization-title,
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .gd-vis-type {
   font-weight: 700;
   color: var(--gd-palette-primary-0, #14b2e2);
 }
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .gd-vis-switcher-show-more-button {
+  color: var(--gd-palette-primary-0, #14b2e2);
+}
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover {
   background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
 }
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover .gd-vis-switcher-show-more-button {
+  color: var(--gd-palette-primary-0, #14b2e2);
+}
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover .gd-vis-switcher-show-more-button:hover {
+  background: var(--gd-palette-primary-dimmed50, #b9e8f6);
+}
 .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .visualization-title {
   display: flex;
   align-items: center;
@@ -24834,23 +24927,34 @@ div.gd-empty-item-bubble {
   white-space: nowrap;
   max-width: 150px;
 }
-.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .gd-visualizations-list-item-content-name span {
+.gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .gd-visualizations-list-item-content-name .gd-visualizations-list-item-content-name-text {
   display: inline-block;
   width: 100%;
   white-space: nowrap;
 }
 
+.gd-vis-swicher-show-more-item-remove:hover {
+  background-color: var(--gd-palette-error-lightest, #fff2f1);
+  color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-vis-switcher-show-more-item.is-disabled {
+  cursor: default;
+}
+
 .gd-visualization-switcher-widget-header {
   text-align: center;
   font-size: 17px;
   line-height: 23px;
+}
+.gd-visualization-switcher-widget-header .item-headline-inner {
   text-decoration-line: underline;
 }
-.gd-visualization-switcher-widget-header::after {
+.gd-visualization-switcher-widget-header .item-headline-inner::after {
   content: "\e612";
   display: inline-block;
   height: 1px;
-  color: var(--gd-palette-complementary-8, #464e56);
+  color: var(--gd-dashboards-content-widget-title-color, var(--gd-palette-complementary-8, #464e56));
   vertical-align: top;
   transition: 0.2s;
   margin-left: 0.5em;
@@ -24858,7 +24962,7 @@ div.gd-empty-item-bubble {
   font-weight: normal;
   font-size: inherit;
 }
-.gd-visualization-switcher-widget-header.is-open::after {
+.gd-visualization-switcher-widget-header.is-open .item-headline-inner::after {
   content: "\e613";
 }
 
@@ -24882,6 +24986,7 @@ div.gd-empty-item-bubble {
   padding: 0 10px;
 }
 .gd-visualization-switcher-widget-header-item .gd-visualization-switcher-widget-header-item-content {
+  display: inline-flex;
   white-space: nowrap;
 }
 .gd-visualization-switcher-widget-header-item.is-selected {