@gooddata/sdk-ui-dashboard 10.9.0-alpha.27 → 10.9.0-alpha.29

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

@@ -18053,12 +18053,10 @@ export declare type UseCustomWidgetInsightDataViewCallbacks = UseCancelablePromi
  *
  * @alpha
  */
-export declare const useDashboardAlerts: ({ dashboard }: {
-    dashboard?: string | undefined;
-}) => {
+export declare const useDashboardAlerts: () => {
     webhooks: Webhooks_2;
     automations: IAutomationMetadataObject[];
-    alertingLoadError: any;
+    alertingLoadError: GoodDataSdkError | undefined;
     alertingToEdit: {
         alert: IAutomationMetadataObject;
         widget: IInsightWidget | undefined;
@@ -18529,14 +18527,12 @@ export declare type UseDashboardQueryProcessingResult<TQueryCreatorArgs extends
  *
  * @alpha
  */
-export declare const useDashboardScheduledEmails: ({ dashboard }: {
-    dashboard?: string | undefined;
-}) => {
+export declare const useDashboardScheduledEmails: () => {
     webhooks: Webhooks_2;
     users: Users_2;
     automations: IAutomationMetadataObject[];
     automationsCount: number;
-    schedulingLoadError: any;
+    schedulingLoadError: GoodDataSdkError | undefined;
     numberOfAvailableWebhooks: number;
     isScheduleLoading: boolean;
     isScheduledEmailingVisible: boolean;
@@ -18848,6 +18844,34 @@ export declare interface UserState {
     user?: IUser;
 }
 
+/**
+ * @internal
+ * @param onCreateSuccess - callback to be called when alert is created successfully
+ * @param onCreateError - callback to be called when alert creation fails
+ * @param onUpdateSuccess - callback to be called when alert is updated successfully
+ * @param onUpdateError - callback to be called when alert update fails
+ * @param onPauseSuccess - callback to be called when alert is paused successfully
+ * @param onPauseError - callback to be called when alert pausing fails
+ * @param onResumeSuccess - callback to be called when alert is resumed successfully
+ * @param onResumeError - callback to be called when alert resuming fails
+ */
+export declare function useSaveAlertToBackend({ onCreateSuccess, onCreateError, onUpdateSuccess, onUpdateError, onPauseSuccess, onPauseError, onResumeSuccess, onResumeError, }: {
+    onCreateSuccess?: () => void;
+    onCreateError?: (error: Error) => void;
+    onUpdateSuccess?: () => void;
+    onUpdateError?: (error: Error) => void;
+    onPauseSuccess?: () => void;
+    onPauseError?: (error: Error) => void;
+    onResumeSuccess?: () => void;
+    onResumeError?: (error: Error) => void;
+}): {
+    handleCreateAlert: (alert: IAutomationMetadataObject | IAutomationMetadataObjectDefinition) => void;
+    handleUpdateAlert: (alert: IAutomationMetadataObject | IAutomationMetadataObjectDefinition) => void;
+    handlePauseAlert: (alert: IAutomationMetadataObject | IAutomationMetadataObjectDefinition) => void;
+    handleResumeAlert: (alert: IAutomationMetadataObject | IAutomationMetadataObjectDefinition) => void;
+    isSavingAlert: boolean;
+};
+
 /**
  * @internal
  */
@@ -18873,21 +18897,6 @@ export declare function useShareButtonProps(): IShareButtonProps;
  */
 export declare const useTopBarProps: () => ITopBarProps;
 
-/**
- * @internal
- * @param onBeforeRun - callback to be called before the command is run
- * @param onSuccess - callback to be called when the command is successfully processed
- * @param onError - callback to be called when the command processing fails
- */
-export declare const useUpdateAlert: ({ onBeforeRun, onSuccess, onError, }?: {
-    onBeforeRun?: ((alertToSave: IAutomationMetadataObject) => void) | undefined;
-    onSuccess?: (() => void) | undefined;
-    onError?: ((error: any) => void) | undefined;
-}) => {
-    save: (alertToSave: IAutomationMetadataObject) => void;
-    savingStatus?: CommandProcessingStatus | undefined;
-};
-
 /**
  * @internal
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-dashboard",
-  "version": "10.9.0-alpha.27",
+  "version": "10.9.0-alpha.29",
   "description": "GoodData SDK - Dashboard Component",
   "repository": {
     "type": "git",
@@ -46,6 +46,7 @@
     "react-grid-system": "^8.1.4",
     "react-intl": "^6.4.1",
     "react-lines-ellipsis": "^0.15.0",
+    "react-loading-skeleton": "^3.4.0",
     "react-measure": "^2.5.2",
     "react-redux": "^7.2.4",
     "react-select": "^5.7.3",
@@ -55,17 +56,17 @@
     "ts-invariant": "^0.7.5",
     "tslib": "^2.5.0",
     "uuid": "^8.3.2",
-    "@gooddata/sdk-backend-base": "10.9.0-alpha.27",
-    "@gooddata/sdk-backend-spi": "10.9.0-alpha.27",
-    "@gooddata/sdk-model": "10.9.0-alpha.27",
-    "@gooddata/sdk-ui": "10.9.0-alpha.27",
-    "@gooddata/sdk-ui-ext": "10.9.0-alpha.27",
-    "@gooddata/sdk-ui-filters": "10.9.0-alpha.27",
-    "@gooddata/sdk-ui-geo": "10.9.0-alpha.27",
-    "@gooddata/sdk-ui-kit": "10.9.0-alpha.27",
-    "@gooddata/sdk-ui-theme-provider": "10.9.0-alpha.27",
-    "@gooddata/util": "10.9.0-alpha.27",
-    "@gooddata/sdk-ui-vis-commons": "10.9.0-alpha.27"
+    "@gooddata/sdk-backend-base": "10.9.0-alpha.29",
+    "@gooddata/sdk-backend-spi": "10.9.0-alpha.29",
+    "@gooddata/sdk-ui-ext": "10.9.0-alpha.29",
+    "@gooddata/sdk-model": "10.9.0-alpha.29",
+    "@gooddata/sdk-ui": "10.9.0-alpha.29",
+    "@gooddata/sdk-ui-geo": "10.9.0-alpha.29",
+    "@gooddata/sdk-ui-filters": "10.9.0-alpha.29",
+    "@gooddata/sdk-ui-theme-provider": "10.9.0-alpha.29",
+    "@gooddata/sdk-ui-kit": "10.9.0-alpha.29",
+    "@gooddata/sdk-ui-vis-commons": "10.9.0-alpha.29",
+    "@gooddata/util": "10.9.0-alpha.29"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -118,9 +119,9 @@
     "typescript": "5.3.3",
     "vitest": "1.0.4",
     "vitest-dom": "0.1.1",
-    "@gooddata/i18n-toolkit": "10.9.0-alpha.27",
-    "@gooddata/reference-workspace": "10.9.0-alpha.27",
-    "@gooddata/sdk-backend-mockingbird": "10.9.0-alpha.27"
+    "@gooddata/i18n-toolkit": "10.9.0-alpha.29",
+    "@gooddata/reference-workspace": "10.9.0-alpha.29",
+    "@gooddata/sdk-backend-mockingbird": "10.9.0-alpha.29"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",

package/styles/css/alerting.css

@@ -1,3 +1,47 @@
+@keyframes react-loading-skeleton {
+  100% {
+    transform: translateX(100%);
+  }
+}
+.react-loading-skeleton {
+  --base-color: #ebebeb;
+  --highlight-color: #f5f5f5;
+  --animation-duration: 1.5s;
+  --animation-direction: normal;
+  --pseudo-element-display: block; /* Enable animation */
+  background-color: var(--base-color);
+  width: 100%;
+  border-radius: 0.25rem;
+  display: inline-flex;
+  line-height: 1;
+  position: relative;
+  user-select: none;
+  overflow: hidden;
+}
+
+.react-loading-skeleton::after {
+  content: " ";
+  display: var(--pseudo-element-display);
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  background-repeat: no-repeat;
+  background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
+  transform: translateX(-100%);
+  animation-name: react-loading-skeleton;
+  animation-direction: var(--animation-direction);
+  animation-duration: var(--animation-duration);
+  animation-timing-function: ease-in-out;
+  animation-iteration-count: infinite;
+}
+
+@media (prefers-reduced-motion) {
+  .react-loading-skeleton {
+    --pseudo-element-display: none; /* Disable animation */
+  }
+}
 .gd-alerts-list {
   width: 100%;
 }
@@ -5,10 +49,38 @@
 .gd-alerts-list__items {
   padding: 10px 0 10px 0;
 }
+.gd-alerts-list__items .skeleton-flex {
+  flex: 1;
+}
+.gd-alerts-list__items .skeleton-margin {
+  margin-left: 10px;
+}
+.gd-alerts-list__items .gd-react-loading-skeleton-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px;
+}
+.gd-alerts-list__items .gd-react-loading-skeleton.react-loading-skeleton {
+  --base-color: var(--gd-dashboards-title-borderColor, var(--gd-palette-complementary-2, #ebeff4));
+  --highlight-color: var(
+      --gd-dashboards-content-backgroundColor,
+      var(--gd-palette-complementary-0, #fff)
+  );
+}
 
 .gd-alerts-list__buttons {
   padding: 10px 0;
 }
+.gd-alerts-list__buttons .gd-alerts-list__add-button {
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  padding-left: 28px;
+}
+.gd-alerts-list__buttons .gd-alerts-list__add-button::before {
+  font-size: 15px;
+}
 
 .gd-alerts-list-item {
   display: flex;

package/styles/css/alerting.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/alerting.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAOA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAMJ;EACI;EACA;EACA;EACA;;AAEA;EACI,kBCgFgB;;;AD5ExB;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI,kBCmEoB;EDlEpB;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA,OClCY;EDmCZ;;;AAGJ;EACI;EACA;EACA,OChDmB;EDiDnB;EACA;;;AAMJ;EACI;EACA;EACA,OCpDY;EDqDZ;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;AAEA;AAOA;;AANA;AAAA;EAEI;EACA;;AAIJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI,OCrGmB;;;AD2GvB;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAMJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;;;AAOR;EACI;;;AAGJ;EACI;;;AAMJ;EACI;;;AAKJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAOR;EACI;;;AAMJ;EACI;EACA;EACA;;AAEA;EAEI,kBCrGe;;ADwGnB;EACI;EACA;EACA;EACA;EACA;;;AAKJ;EACI,OClPY;EDmPZ,kBClMkB","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;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;AAAA;AAAA;AAAA;;;AAOR;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAQZ;EACI;EACA;EACA;EACA;;AAEA;EACI,kBC6CgB;;;ADzCxB;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI,kBCgCoB;ED/BpB;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA,OCrEY;EDsEZ;;;AAGJ;EACI;EACA;EACA,OCnFmB;EDoFnB;EACA;;;AAMJ;EACI;EACA;EACA,OCvFY;EDwFZ;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;AAEA;AAOA;;AANA;AAAA;EAEI;EACA;;AAIJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI,OCxImB;;;AD8IvB;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAMJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;;;AAOR;EACI;;;AAGJ;EACI;;;AAMJ;EACI;;;AAKJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAOR;EACI;;;AAMJ;EACI;EACA;EACA;;AAEA;EAEI,kBCxIe;;AD2InB;EACI;EACA;EACA;EACA;EACA;;;AAKJ;EACI,OCrRY;EDsRZ,kBCrOkB","file":"alerting.css"}

package/styles/css/main.css

@@ -24297,6 +24297,50 @@ div.gd-empty-item-bubble {
   gap: 8px;
 }
 
+@keyframes react-loading-skeleton {
+  100% {
+    transform: translateX(100%);
+  }
+}
+.react-loading-skeleton {
+  --base-color: #ebebeb;
+  --highlight-color: #f5f5f5;
+  --animation-duration: 1.5s;
+  --animation-direction: normal;
+  --pseudo-element-display: block; /* Enable animation */
+  background-color: var(--base-color);
+  width: 100%;
+  border-radius: 0.25rem;
+  display: inline-flex;
+  line-height: 1;
+  position: relative;
+  user-select: none;
+  overflow: hidden;
+}
+
+.react-loading-skeleton::after {
+  content: " ";
+  display: var(--pseudo-element-display);
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  background-repeat: no-repeat;
+  background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
+  transform: translateX(-100%);
+  animation-name: react-loading-skeleton;
+  animation-direction: var(--animation-direction);
+  animation-duration: var(--animation-duration);
+  animation-timing-function: ease-in-out;
+  animation-iteration-count: infinite;
+}
+
+@media (prefers-reduced-motion) {
+  .react-loading-skeleton {
+    --pseudo-element-display: none; /* Disable animation */
+  }
+}
 .gd-alerts-list {
   width: 100%;
 }
@@ -24304,10 +24348,38 @@ div.gd-empty-item-bubble {
 .gd-alerts-list__items {
   padding: 10px 0 10px 0;
 }
+.gd-alerts-list__items .skeleton-flex {
+  flex: 1;
+}
+.gd-alerts-list__items .skeleton-margin {
+  margin-left: 10px;
+}
+.gd-alerts-list__items .gd-react-loading-skeleton-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px;
+}
+.gd-alerts-list__items .gd-react-loading-skeleton.react-loading-skeleton {
+  --base-color: var(--gd-dashboards-title-borderColor, var(--gd-palette-complementary-2, #ebeff4));
+  --highlight-color: var(
+      --gd-dashboards-content-backgroundColor,
+      var(--gd-palette-complementary-0, #fff)
+  );
+}
 
 .gd-alerts-list__buttons {
   padding: 10px 0;
 }
+.gd-alerts-list__buttons .gd-alerts-list__add-button {
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  padding-left: 28px;
+}
+.gd-alerts-list__buttons .gd-alerts-list__add-button::before {
+  font-size: 15px;
+}
 
 .gd-alerts-list-item {
   display: flex;