[ACA-1887] Shared files - un-share file (#706)

* local ADF component

* add share dialog to module

* allow shared action from Shared view

* change string reference

* workaround share dialog from Shared view

* debounce reload view time

* add e2e test

* mark delete on dialog closed

* emit event on dialog closed

* formcontrolname

* cspell datetimepicker

* disabled test that need ACA-1886

src/app/components/shared/content-node-share/content-node-share.dialog.html

@@ -0,0 +1,70 @@
+<div class="adf-share-link__dialog-content">
+    <h1 data-automation-id="adf-share-dialog-title"
+        class="adf-share-link__title">
+        {{ 'SHARE.DIALOG-TITLE' | translate }} {{ fileName }}
+    </h1>
+
+    <mat-dialog-content>
+        <p class="adf-share-link__info">{{ 'SHARE.DESCRIPTION' | translate }}</p>
+
+        <div class="adf-share-link--row">
+            <h1 class="adf-share-link__label">{{ 'SHARE.TITLE' | translate }}</h1>
+
+            <mat-slide-toggle
+                color="primary"
+                data-automation-id="adf-share-toggle"
+                [checked]="isFileShared"
+                [disabled]="!canUpdate || isDisabled"
+                (change)="onSlideShareChange($event)">
+            </mat-slide-toggle>
+        </div>
+
+        <form [formGroup]="form">
+            <mat-form-field class="full-width">
+                <input #sharedLinkInput
+                    data-automation-id="adf-share-link"
+                    class="adf-share-link__input"
+                    matInput
+                    cdkFocusInitial
+                    placeholder="{{ 'SHARE.PUBLIC-LINK' | translate }}"
+                    formControlName="sharedUrl"
+                    readonly="readonly">
+                    <mat-icon class="input-action" matSuffix
+                          [clipboard-notification]="'SHARE.CLIPBOARD-MESSAGE' | translate"
+                          [adf-clipboard]="sharedLinkInput">
+                        link
+                    </mat-icon>
+            </mat-form-field>
+
+            <div class="adf-share-link--row">
+                <h1 class="adf-share-link__label">{{ 'SHARE.EXPIRES' | translate }}</h1>
+                <mat-slide-toggle
+                    color="primary"
+                    data-automation-id="adf-expire-toggle"
+                    [checked]="form.controls['time'].value"
+                    [disabled]="!form.controls['time'].value"
+                    (change)="removeExpires()">
+                </mat-slide-toggle>
+            </div>
+
+            <mat-form-field class="full-width">
+                <mat-datetimepicker-toggle [for]="datetimePicker" matSuffix></mat-datetimepicker-toggle>
+                <mat-datetimepicker #datetimePicker (closed)="blur(dateTimePickerInput)" type="datetime" openOnFocus="true" timeInterval="1"></mat-datetimepicker>
+                <input class="adf-share-link__input"
+                    #dateTimePickerInput
+                    matInput
+                    [min]="minDate"
+                    formControlName="time"
+                    [matDatetimepicker]="datetimePicker">
+            </mat-form-field>
+        </form>
+    </mat-dialog-content>
+
+    <div mat-dialog-actions>
+        <button
+            data-automation-id="adf-share-dialog-close"
+            mat-button color="primary" mat-dialog-close>
+            {{ 'SHARE.CLOSE' | translate }}
+        </button>
+    </div>
+</div>