@gooddata/sdk-ui-dashboard 10.7.0-alpha.3 → 10.7.0-alpha.31

package/styles/scss/scheduled_mail.scss

@@ -38,26 +38,6 @@ $min-content-height: 110px;
     .gd-dialog-footer {
         display: flex;
     }
-
-    .gd-schedule-email-dialog-filters-message {
-        margin-top: -5px;
-        margin-bottom: $vertical-space;
-    }
-}
-
-.gd-schedule-email-dialog-unsubscribed-recipients {
-    margin-top: -5px;
-    margin-left: 105px;
-    overflow: hidden;
-    width: 100%;
-    line-height: 16px;
-    white-space: normal;
-    font-size: 12px;
-    color: kit-variables.$gd-color-link;
-
-    @media #{kit-variables.$small-only} {
-        margin-left: 0;
-    }
 }
 
 .gd-input-component {
@@ -106,30 +86,6 @@ $min-content-height: 110px;
     }
 }
 
-.gd-attachment-component {
-    @media #{kit-variables.$medium-up} {
-        align-items: flex-start;
-    }
-
-    .gd-attachment-name {
-        flex: 1;
-        padding-left: 7px;
-
-        @media #{kit-variables.$medium-up} {
-            margin-top: 3px;
-            word-break: break-all;
-        }
-    }
-
-    .gd-icon-pdf {
-        position: relative;
-        top: 1px;
-        flex: 0;
-        padding: 0;
-        margin-top: 3px;
-    }
-}
-
 .gd-schedule-email-attachments {
     @media #{kit-variables.$medium-up} {
         align-items: flex-start;
@@ -140,11 +96,6 @@ $min-content-height: 110px;
         line-height: 30px;
     }
 
-    .gd-attachment-config-button {
-        display: inline-block;
-        margin: 10px 20px 0 0;
-    }
-
     .gd-attachment-list {
         display: flex;
         flex-direction: row;
@@ -157,13 +108,6 @@ $min-content-height: 110px;
         @media #{kit-variables.$small-only} {
             max-width: none;
         }
-
-        &-content {
-            display: flex;
-            flex-wrap: wrap;
-            overflow: hidden;
-            margin: 0 -5px;
-        }
     }
 
     .gd-attachment-list-message {
@@ -176,6 +120,7 @@ $min-content-height: 110px;
         display: flex;
         align-items: baseline;
         height: 28px;
+        color: kit-variables.$gd-color-link;
 
         .gd-button-link-dimmed {
             border: none;
@@ -183,7 +128,7 @@ $min-content-height: 110px;
         }
     }
 
-    .gd-dashboard-attachment {
+    .gd-attachment-item {
         display: flex;
         flex-wrap: nowrap;
         overflow: hidden;
@@ -198,32 +143,32 @@ $min-content-height: 110px;
             height: 24px;
             color: kit-variables.$gd-color-text;
             background: kit-variables.$gd-border-color;
-            border-radius: 3px 0 0 3px;
+            border-radius: 3px;
             text-transform: uppercase;
         }
 
-        &-name {
+        &-format-with-configuration {
+            > span {
+                border-radius: 3px 0 0 3px;
+            }
+        }
+
+        &-configuration {
             display: flex;
-            align-items: center;
-            flex-wrap: nowrap;
-            overflow: hidden;
             height: 24px;
             color: kit-variables.$gd-color-text;
             background: variables.$button-grey-background;
             border-radius: 0 3px 3px 0;
             padding-left: 7px;
             padding-right: 7px;
+            margin-left: -10px;
+            margin-right: 10px;
+            cursor: pointer;
 
-            .shortened-name {
-                text-overflow: ellipsis;
-                display: inline-block;
-                overflow: hidden;
-                white-space: nowrap;
-                vertical-align: middle;
-            }
-
-            & > span:nth-child(2) {
-                margin-left: 7px;
+            &::before {
+                position: relative;
+                top: 2px;
+                margin-top: 1px;
             }
         }
     }
@@ -254,16 +199,16 @@ $min-content-height: 110px;
         padding: 10px;
 
         > :first-child {
-            margin-bottom: 5px;
+            margin-bottom: 10px;
         }
 
         > :last-child {
-            margin-top: 5px;
+            margin-top: 10px;
         }
 
         .gd-icon-circle-question {
             position: relative;
-            top: 2px;
+            top: -1px;
             padding: 5px;
             color: kit-variables.$gd-color-state-blank;
         }
@@ -275,12 +220,15 @@ $min-content-height: 110px;
             border-left: 2px dotted kit-variables.$gd-border-color;
             padding: 0 10px;
             margin-left: 6px;
-            max-height: 190px;
+            max-height: 180px;
             overflow-y: auto;
             margin-right: -10px;
         }
 
         .gd-attachment-filters-list-item-title {
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow: hidden;
             color: kit-variables.$gd-color-link;
             font-size: 12px;
             font-style: normal;
@@ -307,142 +255,34 @@ $min-content-height: 110px;
     }
 }
 
-.gd-schedule-email-dialog-datetime,
-.gd-schedule-email-dialog-repeat {
-    align-items: flex-start;
-    flex-direction: row;
-
-    @media #{kit-variables.$small-only} {
-        .gd-label {
-            margin-bottom: 0;
-        }
-    }
-
-    > div {
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-    }
-}
-
-.gd-schedule-email-dialog-datetime {
-    > div {
-        .gd-datepicker {
-            width: 119px;
-
-            @media #{kit-variables.$small-only} {
-                width: calc(50% - 10px);
-            }
-
-            .input-text {
-                @include input-styles;
-            }
-
-            .input-text:hover {
-                color: var(--gd-palette-complementary-8, inherit);
-            }
-
-            .gd-datepicker-icon {
-                top: -2px;
-            }
-        }
-
-        .gd-schedule-email-dialog-datetime-date input {
-            height: $input-height;
-        }
-
-        .gd-schedule-email-dialog-datetime-time {
-            margin-left: $horizontal-space;
-
-            button {
-                height: $input-height;
-            }
-        }
-
-        .gd-schedule-email-dialog-datetime-timezone {
-            @media #{kit-variables.$small-only} {
-                width: 100%;
-                margin-top: 15px;
-            }
+.gd-attachment-settings-dropdown {
+    width: 245px;
 
-            @media #{kit-variables.$medium-up} {
-                margin-left: $horizontal-space;
-            }
-        }
+    .gd-list-title {
+        line-height: normal;
     }
-}
-
-.gd-automation-cron-input {
-    margin-left: 10px;
-}
 
-.gd-schedule-email-dialog-repeat {
-    @media #{kit-variables.$small-only} {
-        .gd-schedule-email-dialog-repeat-type {
-            width: 100%;
-            margin-bottom: $vertical-space;
+    .gd-close-button {
+        position: absolute;
+        top: 2px;
+        right: 0;
+        outline: none;
 
-            .button-dropdown {
-                width: 100%;
-            }
+        .gd-button-link.gd-button-icon-only::before {
+            font-size: 14px;
         }
     }
 
-    .gd-schedule-email-dialog-repeat-type {
-        button {
-            height: $input-height;
-        }
+    .gd-attachment-settings-dropdown-content {
+        display: flex;
+        flex-direction: column;
+        padding: 15px 10px;
     }
 
-    .gd-schedule-email-dialog-repeat-custom {
+    .gd-attachment-settings-dropdown-footer {
         display: flex;
-        align-items: center;
-
-        @media #{kit-variables.$small-only} {
-            flex-wrap: wrap;
-            border-left: 2px dotted kit-variables.$gd-border-color;
-        }
-
-        .gd-schedule-email-dialog-repeat-every {
-            margin-left: $horizontal-space;
-        }
-
-        .gd-schedule-email-dialog-repeat-period {
-            margin-left: $horizontal-space;
-
-            .gd-input-field {
-                @include input-styles;
-
-                width: 24px;
-                height: $input-height;
-                text-align: center;
-                padding-right: 0;
-                padding-left: 0;
-            }
-        }
-
-        .gd-schedule-email-dialog-repeat-frequency {
-            margin-left: $horizontal-space;
-
-            button {
-                height: $input-height;
-            }
-        }
-
-        @media #{kit-variables.$small-only} {
-            .break-the-row {
-                height: 0;
-                flex-basis: 100%;
-            }
-        }
-
-        .gd-schedule-email-dialog-repeat-execute-on {
-            margin-left: $horizontal-space;
-
-            @media #{kit-variables.$small-only} {
-                margin-top: $vertical-space;
-            }
-        }
+        justify-content: end;
+        padding: 10px;
     }
 }
 
@@ -714,224 +554,6 @@ $min-content-height: 110px;
     }
 }
 
-.gd-schedule-email-dialog-attachments {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    margin: 0 -10px;
-
-    & > div {
-        margin: 5px 10px;
-    }
-}
-
-.gd-schedule-dropdown {
-    &-button {
-        display: flex;
-        align-items: center;
-        height: 30px;
-        margin: 0;
-        padding: 0;
-        border: none;
-        outline: inherit;
-        font: inherit;
-        color: kit-variables.$gd-color-link;
-        background: none;
-        text-decoration: underline;
-        font-size: 14px;
-        cursor: pointer;
-
-        &-icon {
-            display: flex;
-            flex-direction: row;
-            justify-content: center;
-            align-items: center;
-            height: 100%;
-            margin-right: 6px;
-            flex-shrink: 0;
-        }
-
-        &-disabled {
-            color: kit-variables.$gd-color-disabled;
-
-            svg {
-                fill: kit-variables.$gd-color-disabled;
-            }
-
-            &:hover {
-                color: kit-variables.$gd-color-disabled;
-            }
-        }
-    }
-
-    &-body {
-        display: flex;
-        flex-direction: column;
-        height: inherit;
-        font-size: 12px;
-
-        @media #{kit-variables.$small-only} {
-            width: 100vw;
-            max-height: calc(100vh - 30px);
-        }
-    }
-
-    &-header {
-        display: flex;
-        flex: 0 0 auto;
-        align-items: center;
-        padding-left: 10px;
-        padding-right: 10px;
-        overflow: hidden;
-        height: 35px;
-        white-space: nowrap;
-        color: kit-variables.$gd-color-state-blank;
-        background: kit-variables.$is-focused-background;
-        text-overflow: ellipsis;
-        text-transform: uppercase;
-        font-size: 11px;
-        font-weight: bold;
-    }
-
-    &-content {
-        flex: 0 0 auto;
-        overflow-y: auto;
-        max-height: 200px;
-
-        @media #{kit-variables.$small-only} {
-            overflow: auto;
-            height: calc(100vh - 113px);
-            max-height: calc(100vh - 113px);
-        }
-    }
-
-    &-footer {
-        flex: 0 0 auto;
-        height: 47px;
-        padding: 10px;
-        border-top: 1px solid kit-variables.$gd-border-color;
-        text-align: right;
-    }
-}
-
-.gd-format-options-dropdown {
-    padding: 10px;
-    min-width: 253px;
-
-    @media #{kit-variables.$small-only} {
-        width: 100%;
-        min-width: none;
-    }
-
-    &-selector {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        height: $input-height;
-
-        & > div {
-            margin-left: 15px;
-        }
-    }
-}
-
-.gd-format-options-dropdown-xlsx {
-    display: flex;
-    flex-direction: column;
-    border-left: 1px dashed kit-variables.$gd-color-link;
-    padding-left: 10px;
-    margin-top: 5px;
-    font-size: 14px;
-    color: kit-variables.$gd-color-text;
-
-    & > div:not(:first-child) {
-        margin-top: 10px;
-    }
-
-    & > div {
-        display: flex;
-        align-items: center;
-        height: $input-height;
-
-        & > label {
-            display: flex;
-            align-items: center;
-            width: 100%;
-            padding-right: 0;
-
-            & > span {
-                margin-left: 4px;
-                white-space: nowrap;
-            }
-        }
-    }
-}
-
-.gd-attachments-selection-dropdown {
-    width: 253px;
-    padding: 10px;
-
-    @media #{kit-variables.$small-only} {
-        width: 100%;
-    }
-
-    h3 {
-        flex-grow: 2;
-        position: relative;
-        overflow: hidden;
-        height: 23px;
-        margin-top: 5px;
-        margin-bottom: 5px;
-        font-size: 11px;
-        font-weight: bold;
-        text-transform: uppercase;
-        color: kit-variables.$gd-color-state-blank;
-
-        &::after {
-            content: "";
-            position: absolute;
-            top: 50%;
-            display: inline-block;
-            width: 100%;
-            height: 0;
-            margin-left: 10px;
-            border-top: 1px solid kit-variables.$gd-color-state-blank;
-        }
-    }
-
-    & > div:not(:last-child) {
-        margin-bottom: 10px;
-    }
-
-    & > div {
-        display: flex;
-        align-items: center;
-        overflow: hidden;
-        height: $input-height;
-
-        & > label {
-            display: flex;
-            align-items: center;
-            overflow: hidden;
-            width: 100%;
-            padding-right: 0;
-
-            & > svg {
-                margin-left: 4px;
-                margin-right: 6px;
-                flex-shrink: 0;
-            }
-
-            & > span {
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                margin-left: 4px;
-            }
-        }
-    }
-}
-
 .gd-schedule-mail-dialog-content-wrapper {
     background: variables.$dialog-background;
     margin: 0 (-$dialog-padding);
@@ -1030,6 +652,10 @@ $min-content-height: 110px;
         border-color: kit-variables.$gd-palette-primary-base;
     }
 
+    &.placeholder {
+        color: kit-variables.$gd-color-state-blank;
+    }
+
     &,
     textarea {
         font-size: 20px;

package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useWorkspaceUsers.d.ts

@@ -1,31 +0,0 @@
-import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
-import { IWorkspaceUser } from "@gooddata/sdk-model";
-import { GoodDataSdkError, UseCancelablePromiseCallbacks, UseCancelablePromiseState } from "@gooddata/sdk-ui";
-interface IUseWorkspaceUsersConfig extends UseCancelablePromiseCallbacks<IWorkspaceUser[], GoodDataSdkError> {
-    /**
-     * Option to filter users by the provided string.
-     */
-    search?: string;
-    /**
-     * Backend to work with.
-     *
-     * Note: the backend must come either from this property or from BackendContext. If you do not specify
-     * backend here, then the hook MUST be called within an existing BackendContext.
-     */
-    backend?: IAnalyticalBackend;
-    /**
-     * Workspace to work with.
-     *
-     * Note: the workspace must come either from this property or from WorkspaceContext. If you do not specify
-     * workspace here, then the hook MUST be called within an existing WorkspaceContext.
-     */
-    workspace?: string;
-}
-/**
- * Hook allowing to download workspace users
- * @param config - configuration of the hook
- * @internal
- */
-export declare function useWorkspaceUsers({ search, backend, workspace, onCancel, onError, onLoading, onPending, onSuccess, }: IUseWorkspaceUsersConfig): UseCancelablePromiseState<IWorkspaceUser[], any>;
-export {};
-//# sourceMappingURL=useWorkspaceUsers.d.ts.map

package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useWorkspaceUsers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWorkspaceUsers.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useWorkspaceUsers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EACH,gBAAgB,EAGhB,6BAA6B,EAC7B,yBAAyB,EAE5B,MAAM,kBAAkB,CAAC;AAI1B,UAAU,wBAAyB,SAAQ,6BAA6B,CAAC,cAAc,EAAE,EAAE,gBAAgB,CAAC;IACxG;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,SAAS,EACT,SAAS,GACZ,EAAE,wBAAwB,GAAG,yBAAyB,CAAC,cAAc,EAAE,EAAE,GAAG,CAAC,CAqB7E"}

package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useWorkspaceUsers.js

@@ -1,28 +0,0 @@
-import { useBackendStrict, useCancelablePromise, useWorkspaceStrict, } from "@gooddata/sdk-ui";
-import { useDashboardSelector, selectCanListUsersInWorkspace } from "../../../../model/index.js";
-/**
- * Hook allowing to download workspace users
- * @param config - configuration of the hook
- * @internal
- */
-export function useWorkspaceUsers({ search, backend, workspace, onCancel, onError, onLoading, onPending, onSuccess, }) {
-    const effectiveBackend = useBackendStrict(backend);
-    const effectiveWorkspace = useWorkspaceStrict(workspace);
-    const canListUsersInWorkspace = useDashboardSelector(selectCanListUsersInWorkspace);
-    // if the user cannot list the users, do not even try and resolve to an empty array
-    const promise = canListUsersInWorkspace
-        ? () => {
-            let loader = effectiveBackend.workspace(effectiveWorkspace).users();
-            if (search) {
-                loader = loader.withOptions({ search: `%${search}` });
-            }
-            return loader.queryAll();
-        }
-        : () => Promise.resolve([]);
-    return useCancelablePromise({ promise, onCancel, onError, onLoading, onPending, onSuccess }, [
-        effectiveBackend,
-        effectiveWorkspace,
-        search,
-    ]);
-}
-//# sourceMappingURL=useWorkspaceUsers.js.map

package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useWorkspaceUsers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWorkspaceUsers.js","sourceRoot":"","sources":["../../../../../src/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useWorkspaceUsers.ts"],"names":[],"mappings":"AAGA,OAAO,EAEH,gBAAgB,EAChB,oBAAoB,EAGpB,kBAAkB,GACrB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAyBjG;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAC9B,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,SAAS,EACT,SAAS,GACc;IACvB,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACzD,MAAM,uBAAuB,GAAG,oBAAoB,CAAC,6BAA6B,CAAC,CAAC;IAEpF,mFAAmF;IACnF,MAAM,OAAO,GAAG,uBAAuB;QACnC,CAAC,CAAC,GAAG,EAAE;YACD,IAAI,MAAM,GAAG,gBAAgB,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,KAAK,EAAE,CAAC;YACpE,IAAI,MAAM,EAAE,CAAC;gBACT,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,MAAM,EAAE,EAAE,CAAC,CAAC;YAC1D,CAAC;YACD,OAAO,MAAM,CAAC,QAAQ,EAAE,CAAC;QAC7B,CAAC;QACH,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAEhC,OAAO,oBAAoB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE;QACzF,gBAAgB;QAChB,kBAAkB;QAClB,MAAM;KACT,CAAC,CAAC;AACP,CAAC"}