@provoly/dashboard 1.1.1 → 1.1.3

package/lib/core/components/share/access-rights-share/access-rights-share.component.d.ts

@@ -0,0 +1,47 @@
+import { ControlValueAccessor } from '@angular/forms';
+import { Store } from '@ngrx/store';
+import { SubscriptionnerDirective } from '../../../../dashboard/components/subscriptionner.directive';
+import { Group } from '../share.model';
+import { ManifestDescription } from '../../../model/manifest.interface';
+import { PryI18nService } from '../../../i18n/i18n.service';
+import { BehaviorSubject, Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class PryAccessRightsShareComponent extends SubscriptionnerDirective implements ControlValueAccessor {
+    private store;
+    protected i18n: PryI18nService;
+    value: {
+        [key: string]: string;
+    };
+    private _onChange;
+    private _onTouched;
+    manifestDescription?: ManifestDescription;
+    _allowedGroups$: BehaviorSubject<string[] | undefined>;
+    set allowedGroups(value: string[] | null);
+    groups$: Observable<(Group & {
+        label: string;
+    })[]>;
+    accessRights: {
+        label: string;
+        value: string;
+    }[];
+    selectedGroups?: Group[];
+    selectedAccessRight: string;
+    assignedGroups$: BehaviorSubject<string[]>;
+    constructor(store: Store, i18n: PryI18nService);
+    writeValue(value: {
+        [key: string]: string[];
+    } | undefined): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onChange(): void;
+    addAccess(): void;
+    modifyGroupAccess(group: string, access: string): void;
+    removeGroupAccess(group: string): void;
+    resetSelection(): void;
+    isAddingDisabled(): boolean;
+    emitAlreadyAssignedGroups(): void;
+    protected readonly getGroupLabel: (group: Group, i18n: PryI18nService) => string;
+    protected readonly getGroupLabelByName: (groupName: string, i18n: PryI18nService) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PryAccessRightsShareComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PryAccessRightsShareComponent, "pry-access-rights-share", never, { "manifestDescription": { "alias": "manifestDescription"; "required": true; }; "allowedGroups": { "alias": "allowedGroups"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/core/components/share/{share.component.d.ts → legacy-share/share.component.d.ts}

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Observable } from 'rxjs';
-import { PryVisibility, PryVisibilityType } from './share.model';
+import { PryVisibility, PryVisibilityType } from '../share.model';
 import * as i0 from "@angular/core";
 export declare class PryShareComponent implements ControlValueAccessor, OnInit {
     private _cd;

package/lib/core/components/share/share.module.d.ts

@@ -1,14 +1,16 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./share.component";
+import * as i1 from "./legacy-share/share.component";
 import * as i2 from "./group-share/group-share.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "../select/select.module";
-import * as i6 from "../../i18n/i18n.module";
-import * as i7 from "../../core.module";
-import * as i8 from "../../../dashboard/dashboard.module";
+import * as i3 from "./access-rights-share/access-rights-share.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "../select/select.module";
+import * as i7 from "../../i18n/i18n.module";
+import * as i8 from "../../core.module";
+import * as i9 from "../../../dashboard/dashboard.module";
+import * as i10 from "../icon/icon.module";
 export declare class PryShareModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PryShareModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PryShareModule, [typeof i1.PryShareComponent, typeof i2.PryGroupShareComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.PrySelectModule, typeof i6.PryI18nModule, typeof i7.PryCoreModule, typeof i8.PryDashboardModule], [typeof i1.PryShareComponent, typeof i2.PryGroupShareComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PryShareModule, [typeof i1.PryShareComponent, typeof i2.PryGroupShareComponent, typeof i3.PryAccessRightsShareComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.PrySelectModule, typeof i7.PryI18nModule, typeof i8.PryCoreModule, typeof i9.PryDashboardModule, typeof i10.PryIconModule], [typeof i1.PryShareComponent, typeof i2.PryGroupShareComponent, typeof i3.PryAccessRightsShareComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PryShareModule>;
 }

package/lib/core/components/share/share.utils.d.ts

@@ -1,4 +1,22 @@
 import { ManifestDescription } from '../../model/manifest.interface';
 import { Dataset } from '../../store/data-source/data-source.model';
+import { Group } from './share.model';
+import { PryI18nService } from '../../i18n/i18n.service';
+export declare const READ_ACCESS = "READ";
+export declare const WRITE_ACCESS = "WRITE";
+export declare const getGroupLabel: (group: Group, i18n: PryI18nService) => string;
+export declare const getGroupLabelByName: (groupName: string, i18n: PryI18nService) => string;
 export declare const canManifestBeMadePublic: (manifest: ManifestDescription, datasets: Dataset[]) => boolean;
 export declare const getCommonDatasourceGroupsForManifest: (manifest: ManifestDescription, datasets: Dataset[]) => string[];
+export declare const getAccessRightsArrayByGroup: (accessByGroup: {
+    [key: string]: string;
+}) => {
+    [key: string]: string[];
+};
+export declare const getAccessArray: (access: string) => string[];
+export declare const getAccessRightsStringByGroup: (accessByGroup: {
+    [key: string]: string[];
+}) => {
+    [key: string]: string;
+};
+export declare const getAccessString: (accessArray: string[]) => string;

package/lib/core/i18n/en.translations.d.ts

@@ -163,6 +163,7 @@ export declare const enTranslations: {
             switchEdit: string;
             switchEditContent: string;
             share: string;
+            shareAccessRights: string;
             delete: string;
             notInDsAttr: string;
         };
@@ -300,11 +301,22 @@ export declare const enTranslations: {
             type: string;
             users: string;
             noGroups: string;
+            groups: {
+                ALL: string;
+                AUTHENTICATED: string;
+            };
             conflict: {
                 title: string;
                 main: string;
                 unavailable: string;
             };
+            dashboardAccess: string;
+            placeholder: string;
+            read: string;
+            write: string;
+            accessDescription: string;
+            me: string;
+            owner: string;
         };
         homepage: {
             menu: {
@@ -331,10 +343,6 @@ export declare const enTranslations: {
                     selectItem: string;
                     unselectItem: string;
                     noItemSelected: string;
-                    groups: {
-                        ALL: string;
-                        AUTHENTICATED: string;
-                    };
                 };
             };
         };

package/lib/core/i18n/fr.translations.d.ts

@@ -163,6 +163,7 @@ export declare const frTranslations: {
             switchEdit: string;
             switchEditContent: string;
             share: string;
+            shareAccessRights: string;
             delete: string;
             notInDsAttr: string;
         };
@@ -219,6 +220,7 @@ export declare const frTranslations: {
             };
         };
         action: {
+            add: string;
             close: string;
             closePanel: string;
             delete: string;
@@ -300,12 +302,23 @@ export declare const frTranslations: {
             restricted: string;
             type: string;
             users: string;
+            groups: {
+                ALL: string;
+                AUTHENTICATED: string;
+            };
             noGroups: string;
             conflict: {
                 title: string;
                 main: string;
                 unavailable: string;
             };
+            dashboardAccess: string;
+            placeholder: string;
+            read: string;
+            write: string;
+            accessDescription: string;
+            me: string;
+            owner: string;
         };
         homepage: {
             menu: {
@@ -332,10 +345,6 @@ export declare const frTranslations: {
                     selectItem: string;
                     unselectItem: string;
                     noItemSelected: string;
-                    groups: {
-                        ALL: string;
-                        AUTHENTICATED: string;
-                    };
                 };
             };
         };

package/lib/core/model/manifest.interface.d.ts

@@ -19,7 +19,9 @@ export interface ManifestDescription {
     image: string;
     creationDate: string;
     modificationDate: string;
-    groups: string[];
+    accessRightsByGroup: {
+        [key: string]: string[];
+    };
     owner: boolean;
     datasource: string[];
     metadata?: MetadataValue[];

package/lib/core/model/widget-aggregated-chart-manifest.interface.d.ts

@@ -22,16 +22,7 @@ export declare enum GraphType {
     HISTOGRAM = "bar-histogram",
     POINTS = "point-default"
 }
-export interface AtLimit {
-    at: number;
-    others: boolean;
-    order: 'asc' | 'desc';
-    isTimeLimit: false;
-}
-export interface TimeLimit {
-    interval: 'second' | 'minute' | 'hour' | 'day' | 'week' | 'quarter' | 'year';
-    isTimeLimit: true;
-}
+export type TimeInterval = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'quarter' | 'year';
 export interface Sort {
     value: 'key' | 'value';
     direction: 'asc' | 'desc';
@@ -41,7 +32,8 @@ export interface ChartAggregatedWidgetOptions {
         label: string;
         attribute: string;
         keep0: boolean;
-        limit?: AtLimit | TimeLimit;
+        limit?: number | null;
+        interval?: number | TimeInterval;
     };
     ordinate: {
         operation: Operation;
@@ -61,7 +53,6 @@ export interface ChartAggregatedWidgetOptions {
         stacked?: boolean;
         legend?: boolean;
         sort?: Sort;
-        limitItems?: number | null;
     };
     additionalSpec?: any;
     circleColorScheme?: string;

package/lib/core/public-api.d.ts

@@ -90,8 +90,9 @@ export * from './components/select/select.component';
 export * from './components/select/select.module';
 export * from './components/range/range.component';
 export * from './components/range/range.module';
-export * from './components/share/share.component';
+export * from './components/share/legacy-share/share.component';
 export * from './components/share/group-share/group-share.component';
+export * from './components/share/access-rights-share/access-rights-share.component';
 export * from './components/share/share.model';
 export * from './components/share/share.utils';
 export * from './components/share/share.module';

package/lib/core/store/aggregation/frontend-aggregation/aggregation-utils.class.d.ts

@@ -1,4 +1,4 @@
-import { AtLimit, ChartAggregatedWidgetOptions, Operation, TimeLimit } from '../../../model/widget-aggregated-chart-manifest.interface';
+import { ChartAggregatedWidgetOptions, Operation, TimeInterval } from '../../../model/widget-aggregated-chart-manifest.interface';
 import { Class } from '../../class/class.interface';
 import { Item, ValueType } from '../../../model/item.interface';
 import { ResultSets } from '../../../model/result-set.interface';
@@ -15,19 +15,19 @@ export declare class AggregationUtils {
     static formatByLimit(data: {
         key: ValueType;
         value: ValueType;
-    }[], limit: AtLimit | TimeLimit, operation: Operation): {
+    }[], interval: number | TimeInterval, operation: Operation): {
         key: ValueType;
         value: ValueType;
     }[];
     static formatDataByTimeLimit(data: {
         key: ValueType;
         value: ValueType;
-    }[], limit: TimeLimit, operation: Operation): {
+    }[], interval: TimeInterval, operation: Operation): {
         value: ValueType;
         key: ValueType;
         values: ValueType[];
     }[];
-    static getKeyValueForTimeInterval(key: ValueType, interval: 'second' | 'minute' | 'hour' | 'day' | 'week' | 'quarter' | 'year'): string;
+    static getKeyValueForTimeInterval(key: ValueType, interval: TimeInterval): string;
     static filterItems(items: Item[], filters: Filter[]): Item[];
     static doesItemValuePassFilter(item: Item, attribute: string, operator: string | undefined, filterValue: string | number | undefined): boolean;
 }

package/lib/core/store/aggregation/frontend-aggregation/frontend-aggregation.service.d.ts

@@ -1,7 +1,7 @@
 import { Store } from '@ngrx/store';
 import { Observable } from 'rxjs';
 import { Item, ValueType } from '../../../model/item.interface';
-import { AtLimit, ChartAggregatedWidgetOptions, Operation, TimeLimit } from '../../../model/widget-aggregated-chart-manifest.interface';
+import { ChartAggregatedWidgetOptions, Operation, TimeInterval } from '../../../model/widget-aggregated-chart-manifest.interface';
 import { AggregationResult, PryAggregationService } from '../base-aggregation.service';
 import { Class } from '../../class/class.interface';
 import * as i0 from "@angular/core";
@@ -13,7 +13,7 @@ export declare class PryFrontendAggregationService extends PryAggregationService
     getItemsGroupedByAttributeValue(items: Item[], attribute: string): {
         [key: string | number]: Item[];
     };
-    getChartDataBasedOnOperation(items: Item[], operation: Operation, abscissa: string, ordinate: string, limit?: AtLimit | TimeLimit): {
+    getChartDataBasedOnOperation(items: Item[], operation: Operation, abscissa: string, ordinate: string, interval?: number | TimeInterval): {
         key: ValueType;
         value: ValueType;
     }[];

package/lib/dashboard/components/widgets/header/widget-header.component.d.ts

@@ -10,7 +10,9 @@ import { ToolboxMenuService } from '../../../../core/toolbox/toolbox-menu.servic
 import { SubscriptionnerDirective } from '../../subscriptionner.directive';
 import { WidgetContextMenuDisplayOptions } from '../../../../core/model/display-options.interface';
 import * as i0 from "@angular/core";
-export declare const WIDGET_HEADER_HEIGHT = 32;
+export declare const WIDGET_HEADER_HEIGHT: {
+    value: number;
+};
 export type HeaderAction = {
     icon: string;
     action: (that: PryWidgetHeaderComponent) => void;

package/lib/dashboard/store/dashboard.actions.d.ts

@@ -247,7 +247,9 @@ export declare const DashboardActions: {
             metadataDefId: string;
             value: string;
         }[] | undefined;
-        groups?: string[] | undefined;
+        accessRightsByGroup?: {
+            [key: string]: string[];
+        } | undefined;
         additionalInformation?: string | undefined;
     }) => {
         name: string;
@@ -259,7 +261,9 @@ export declare const DashboardActions: {
             metadataDefId: string;
             value: string;
         }[] | undefined;
-        groups?: string[] | undefined;
+        accessRightsByGroup?: {
+            [key: string]: string[];
+        } | undefined;
         additionalInformation?: string | undefined;
     } & import("@ngrx/store/src/models").TypedAction<"[Dashboard] save manifest">>;
     solveCollisions: import("@ngrx/store").ActionCreator<"[Dashboard] solving collisions", () => import("@ngrx/store/src/models").TypedAction<"[Dashboard] solving collisions">>;

package/lib/dashboard/store/manifest.service.d.ts

@@ -17,7 +17,9 @@ export declare class ManifestService {
     save(name: string, manifest: GlobalManifest, id: string, description?: string, image?: string, metadata?: {
         metadataDefId: string;
         value: string;
-    }[], groups?: string[], additionalInformation?: string): Observable<ShareConflict>;
+    }[], accesRightsByGroup?: {
+        [key: string]: string[];
+    }, additionalInformation?: string): Observable<ShareConflict>;
     delete(id: string): Observable<void>;
     default(id: string): Observable<boolean>;
     addMetadata(presentationId: string, metadataId: string, value: string): Observable<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "16.x || 17.x",
@@ -132,36 +132,6 @@
       "esm": "./esm2022/toolbox/provoly-dashboard-toolbox.mjs",
       "default": "./fesm2022/provoly-dashboard-toolbox.mjs"
     },
-    "./filters/autocomplete": {
-      "types": "./filters/autocomplete/index.d.ts",
-      "esm2022": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
-      "esm": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-autocomplete.mjs"
-    },
-    "./filters/date": {
-      "types": "./filters/date/index.d.ts",
-      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
-    },
-    "./filters/list": {
-      "types": "./filters/list/index.d.ts",
-      "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
-      "esm": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-list.mjs"
-    },
-    "./filters/number": {
-      "types": "./filters/number/index.d.ts",
-      "esm2022": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
-      "esm": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-number.mjs"
-    },
-    "./filters/text": {
-      "types": "./filters/text/index.d.ts",
-      "esm2022": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
-      "esm": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-text.mjs"
-    },
     "./components/card": {
       "types": "./components/card/index.d.ts",
       "esm2022": "./esm2022/components/card/provoly-dashboard-components-card.mjs",
@@ -228,6 +198,36 @@
       "esm": "./esm2022/components/text-editor/provoly-dashboard-components-text-editor.mjs",
       "default": "./fesm2022/provoly-dashboard-components-text-editor.mjs"
     },
+    "./filters/autocomplete": {
+      "types": "./filters/autocomplete/index.d.ts",
+      "esm2022": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
+      "esm": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-autocomplete.mjs"
+    },
+    "./filters/date": {
+      "types": "./filters/date/index.d.ts",
+      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
+    },
+    "./filters/list": {
+      "types": "./filters/list/index.d.ts",
+      "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
+      "esm": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-list.mjs"
+    },
+    "./filters/number": {
+      "types": "./filters/number/index.d.ts",
+      "esm2022": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
+      "esm": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-number.mjs"
+    },
+    "./filters/text": {
+      "types": "./filters/text/index.d.ts",
+      "esm2022": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
+      "esm": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-text.mjs"
+    },
     "./pipeline-components/filter": {
       "types": "./pipeline-components/filter/index.d.ts",
       "esm2022": "./esm2022/pipeline-components/filter/provoly-dashboard-pipeline-components-filter.mjs",

package/presentation/components/presentation.component.d.ts

@@ -16,7 +16,6 @@ export declare class PryPresentationComponent extends SubscriptionnerDirective {
     private access;
     manifests$: Observable<ManifestDescription[]>;
     selectedPresentation$: BehaviorSubject<ManifestDescription | null>;
-    presentation?: ManifestDescription;
     staticManifest$?: Observable<DashboardManifest>;
     selectedMode: ViewMode;
     modalOpened: boolean;
@@ -29,7 +28,9 @@ export declare class PryPresentationComponent extends SubscriptionnerDirective {
     crossVisibility: ElementRef<HTMLButtonElement>;
     visibilityModal: ElementRef;
     overlayRef?: OverlayRef;
-    accessGroups: string[];
+    accessRightsByGroup: {
+        [key: string]: string[];
+    };
     editionStartUrl: string;
     consultStartUrl: string;
     meAsOwner?: string;
@@ -37,11 +38,7 @@ export declare class PryPresentationComponent extends SubscriptionnerDirective {
     search$: BehaviorSubject<string>;
     filteredPresentations$: Observable<ManifestDescription[]>;
     listOfManifests$: BehaviorSubject<ManifestDescription[] | null>;
-    disableShareRadios$: Observable<{
-        [key in PryVisibilityType]: boolean;
-    }>;
     allowedShareGroups$: Observable<string[]>;
-    shareRadioValue$: BehaviorSubject<PryVisibilityType | undefined>;
     disableShareButton$: BehaviorSubject<boolean>;
     mode: 'theme' | 'meta';
     set listOfManifests(manifests: ManifestDescription[] | null);
@@ -60,9 +57,12 @@ export declare class PryPresentationComponent extends SubscriptionnerDirective {
     focusCrossElement(): void;
     focusValidation(): void;
     editContent(selectedPresentation: ManifestDescription): void;
-    updateAccessGroups($event: string[]): void;
+    updateAccessRights($event: {
+        [key: string]: string[];
+    }): void;
     updateVisibility($event: PryVisibilityType): void;
     updateDisableButtonValue(): void;
+    isPrivate(presentation: ManifestDescription): boolean;
     canModify$(presentation: ManifestDescription): Observable<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PryPresentationComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PryPresentationComponent, "pry-presentation", never, { "editionStartUrl": { "alias": "editionStartUrl"; "required": false; }; "consultStartUrl": { "alias": "consultStartUrl"; "required": false; }; "meAsOwner": { "alias": "meAsOwner"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "listOfManifests": { "alias": "listOfManifests"; "required": false; }; "hideToolbox": { "alias": "hideToolbox"; "required": false; }; "search": { "alias": "search"; "required": false; }; }, {}, never, never, false, never>;

package/styles/components/_o-access-rights-share.scss

@@ -0,0 +1,73 @@
+@use '../abstracts' as *;
+@use '../../styles-theme/abstracts-theme/variables.theme' as *;
+
+body:has(pry-access-rights-share) {
+  .o-modal-wrapper {
+    padding: toRem(35) toRem(50);
+    min-width: toRem(790);
+
+    .a-h2 {
+      text-align: center;
+    }
+  }
+}
+
+.o-access-rights-share {
+  form {
+    gap: toRem(20);
+  }
+
+  .m-grouped-select {
+    border-radius: toRem(5);
+    border: 1px solid themed($theme-map, 'color', 'primary', 600);
+    flex: 2;
+
+    > :first-child {
+      border-right: 1px solid themed($theme-map, 'color', 'primary', 600);
+    }
+  }
+
+  .a-pry-select {
+    border: none;
+    max-width: toRem(450);
+    align-items: center;
+
+    &__content {
+      flex-wrap: wrap;
+    }
+  }
+
+  &__group-select {
+    flex: 2;
+  }
+
+  &__access-rights-select {
+    white-space: nowrap;
+  }
+
+  .a-label {
+    color: themed($theme-map, 'color', 'primary', 500);
+    font-size: toRem(12);
+    margin: toRem(10) 0 0 toRem(10);
+  }
+
+  &__groups {
+    margin: toRem(30) toRem(150) 0 toRem(15);
+  }
+
+  &__group {
+    .a-pry-select {
+      padding-right: 0;
+    }
+  }
+
+  &__group-name {
+    padding: 0;
+    margin: auto 0;
+  }
+
+  &__owner {
+    font-style: italic;
+    font-size: toRem(12);
+  }
+}

package/styles/components/_o-pry-admin-classes-customize.scss

@@ -73,6 +73,10 @@
   .m-tooltip {
     margin-top: toRem(20);
   }
+
+  pry-select {
+    flex: 1;
+  }
 }
 
 .container {
@@ -105,10 +109,6 @@
   cursor: move;
 }
 
-pry-select {
-  flex: 1;
-}
-
 .cdk-drag-preview {
   border-radius: toRem(4);
   box-shadow:

package/styles/main.scss

@@ -50,6 +50,7 @@
 
 /* Organisms */
 @use 'components/o-about' as *;
+@use 'components/o-access-rights-share' as *;
 @use 'components/o-accordion' as *;
 @use 'components/o-card' as *;
 @use 'components/o-cards-list' as *;

package/styles-theme/components-theme/_o-widget.theme.scss

@@ -43,20 +43,6 @@
     border-color: themed($theme-map, 'color', 'primary', 400);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
 
-    &.-map-export {
-      &:hover {
-        @include changeBgColor(
-          $targetBgColor: themed($theme-map, 'color', 'primary', 600),
-          $targetTextColor: themed($theme-map, 'color', 'primary', 'contrast', 50),
-          $targetBorderColor: themed($theme-map, 'color', 'primary', 600)
-        );
-
-        button {
-          color: themed($theme-map, 'color', 'primary', 50);
-        }
-      }
-    }
-
     .a-btn {
       color: themed($theme-map, 'color', 'primary', 600);
       background-color: transparent;

package/toolbox/components/save-view/save-view.component.d.ts

@@ -21,7 +21,9 @@ export declare class SaveViewComponent extends ToolboxActionComponent {
     templateSaveAs: TemplateRef<any>;
     overlayRefDirectSaveType?: OverlayRef;
     templateDirectSaveType: TemplateRef<any>;
-    accessGroups: string[];
+    accessRightsByGroup: {
+        [key: string]: string[];
+    };
     type: LibraryTypes;
     saveTypeOpened: boolean;
     currentManifest?: ManifestDescription;
@@ -35,7 +37,9 @@ export declare class SaveViewComponent extends ToolboxActionComponent {
     toggleSaveAs(): void;
     save(): void;
     closeModals(): void;
-    changeAccessGroups($event: string[]): void;
+    changeAccessRights($event: {
+        [key: string]: string[];
+    }): void;
     changeValue($event: string): void;
     changeDescr($event: string): void;
     openSaveAs(): void;