@genesislcap/foundation-workspace 14.406.0-workspaces.7 → 14.411.0

package/dist/esm/workspace-manager/workspace-manager.js

@@ -1,8 +1,7 @@
 import { __awaiter, __decorate } from "tslib";
 import { Auth, Connect } from '@genesislcap/foundation-comms';
 import { showNotificationDialog, showNotificationToast, } from '@genesislcap/foundation-notifications';
-import { customElement, observable } from '@microsoft/fast-element';
-import { FoundationElement } from '@microsoft/fast-foundation';
+import { FoundationElement, customElement, observable } from '@genesislcap/web-core';
 import { LayoutRegistry, GridRegistry, FilterRegistry, WorkspaceState, } from '../workspace';
 import { WorkspaceManagerStyles as styles } from './workspace-manager.styles';
 import { WORKSPACE_DESCRIPTION_MAX, WorkspaceManagerTemplate as template, } from './workspace-manager.template';
@@ -23,6 +22,9 @@ let WorkspaceManager = class WorkspaceManager extends FoundationElement {
         this.saveMode = 'create';
         this.selectedWorkspaceToOverwrite = '';
         this.workspaceToShare = '';
+        // Shared workspace functionality is currently disabled.
+        // Guard all codepaths that would call `connect.request(...)` / `commitEvent(...)`.
+        this.sharedWorkspacesEnabled = false;
     }
     sanitizeDescription(input) {
         const cleaned = (input !== null && input !== void 0 ? input : '')
@@ -53,8 +55,14 @@ let WorkspaceManager = class WorkspaceManager extends FoundationElement {
         return __awaiter(this, void 0, void 0, function* () {
             _super.connectedCallback.call(this);
             yield this.refreshSavedWorkspaces();
-            yield this.refreshSharedWorkspaces();
-            this.canShareWorkspace = this.auth.currentUser.hasPermission('SHARE_WORKSPACE');
+            if (this.sharedWorkspacesEnabled) {
+                yield this.refreshSharedWorkspaces();
+                this.canShareWorkspace = this.auth.currentUser.hasPermission('SHARE_WORKSPACE');
+            }
+            else {
+                this.sharedWorkspaces = [];
+                this.canShareWorkspace = false;
+            }
         });
     }
     refreshSavedWorkspaces() {
@@ -74,6 +82,10 @@ let WorkspaceManager = class WorkspaceManager extends FoundationElement {
     }
     refreshSharedWorkspaces() {
         return __awaiter(this, void 0, void 0, function* () {
+            if (!this.sharedWorkspacesEnabled) {
+                this.sharedWorkspaces = [];
+                return;
+            }
             try {
                 const response = yield this.connect.request('REQ_SHARED_WORKSPACES');
                 const rows = (response === null || response === void 0 ? void 0 : response.REPLY) || [];
@@ -161,6 +173,9 @@ let WorkspaceManager = class WorkspaceManager extends FoundationElement {
     }
     requestSharedWorkspace(SHARED_WORKSPACE_ID) {
         return __awaiter(this, void 0, void 0, function* () {
+            if (!this.sharedWorkspacesEnabled) {
+                return [];
+            }
             try {
                 const response = yield this.connect.request('REQ_LOAD_SHARED_WORKSPACE', {
                     REQUEST: { SHARED_WORKSPACE_ID },
@@ -174,11 +189,15 @@ let WorkspaceManager = class WorkspaceManager extends FoundationElement {
     }
     loadSharedWorkspace(shared) {
         return __awaiter(this, void 0, void 0, function* () {
+            if (!this.sharedWorkspacesEnabled) {
+                return;
+            }
             try {
                 this.applyingWorkspace = true;
                 const sharedData = yield this.requestSharedWorkspace(shared.id);
                 if (!(sharedData === null || sharedData === void 0 ? void 0 : sharedData.length)) {
                     console.warn('workspace has no data');
+                    this.applyingWorkspace = false;
                     return;
                 }
                 const dataJoined = sharedData.map((d) => d.WORKSPACE_DATA).join('');
@@ -224,6 +243,9 @@ let WorkspaceManager = class WorkspaceManager extends FoundationElement {
     modifySharedWorkspace(sharedWorkspace) {
         return __awaiter(this, void 0, void 0, function* () {
             var _a, _b;
+            if (!this.sharedWorkspacesEnabled) {
+                return;
+            }
             try {
                 const layouts = this.layoutRegistry.getLayoutsConfigs();
                 const grids = this.gridRegistry.getAllGridsSettings();
@@ -260,6 +282,9 @@ let WorkspaceManager = class WorkspaceManager extends FoundationElement {
     }
     deleteSharedWorkspace(sharedWorkspace) {
         return __awaiter(this, void 0, void 0, function* () {
+            if (!this.sharedWorkspacesEnabled) {
+                return;
+            }
             try {
                 const response = yield this.connect.commitEvent('EVENT_SHARED_WORKSPACE_DELETE', {
                     VALIDATE: false,
@@ -277,6 +302,9 @@ let WorkspaceManager = class WorkspaceManager extends FoundationElement {
         });
     }
     confirmDeleteSharedWorkspace(sharedWorkspace) {
+        if (!this.sharedWorkspacesEnabled) {
+            return;
+        }
         if (!(sharedWorkspace === null || sharedWorkspace === void 0 ? void 0 : sharedWorkspace.name))
             return;
         this.showDeleteConfirmation('Delete shared workspace', `Are you sure you want to delete the shared workspace "${sharedWorkspace.name}"? This action cannot be undone.`, () => this.deleteSharedWorkspace(sharedWorkspace), this.sharedWorkspaceDialogBoundary);
@@ -284,6 +312,9 @@ let WorkspaceManager = class WorkspaceManager extends FoundationElement {
     shareExistingWorkspace(workspaceName) {
         return __awaiter(this, void 0, void 0, function* () {
             var _a;
+            if (!this.sharedWorkspacesEnabled) {
+                return;
+            }
             const name = workspaceName === null || workspaceName === void 0 ? void 0 : workspaceName.trim();
             if (!name)
                 return;
@@ -351,7 +382,9 @@ let WorkspaceManager = class WorkspaceManager extends FoundationElement {
         }
     }
     openLoadDialog() {
-        this.refreshSharedWorkspaces();
+        if (this.sharedWorkspacesEnabled) {
+            this.refreshSharedWorkspaces();
+        }
         this.loadModal.show();
     }
     closeSaveDialog() {

package/dist/esm/workspace-manager/workspace-manager.styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@genesislcap/web-core';
 export const WorkspaceManagerStyles = css `
   .workspace-manager {
     display: flex;
@@ -63,6 +63,7 @@ export const WorkspaceManagerStyles = css `
     cursor: pointer;
     display: flex;
     align-items: center;
+    gap: 5px;
   }
 
   .workspace-item:hover {
@@ -100,30 +101,6 @@ export const WorkspaceManagerStyles = css `
     line-height: 1.4;
   }
 
-  .workspace-description-input {
-    width: 100%;
-    min-height: 60px;
-    padding: 8px 12px;
-    margin-bottom: 16px;
-    font-family: inherit;
-    font-size: 14px;
-    border: 1px solid var(--neutral-stroke-rest);
-    border-radius: 4px;
-    background: var(--neutral-fill-rest);
-    color: var(--neutral-foreground-rest);
-    resize: vertical;
-    box-sizing: border-box;
-  }
-
-  .workspace-description-input::placeholder {
-    color: var(--neutral-foreground-hint);
-  }
-
-  .workspace-description-input:focus {
-    outline: none;
-    border-color: var(--accent-fill-rest);
-  }
-
   .loading-container {
     display: flex;
     flex-direction: column;

package/dist/esm/workspace-manager/workspace-manager.template.js

@@ -1,7 +1,7 @@
 import { sync, whenElse } from '@genesislcap/foundation-utils';
-import { html, ref, repeat, when } from '@microsoft/fast-element';
+import { html, ref, repeat, when } from '@genesislcap/web-core';
 export const WORKSPACE_DESCRIPTION_MAX = 200;
-export const WorkspaceManagerTemplate = html `
+export const workspaceHeaderPartial = html `
   <div class="workspace-manager">
     <rapid-button @click=${(x) => x.openSaveDialog()}>
       <rapid-icon name="download"></rapid-icon>
@@ -12,6 +12,8 @@ export const WorkspaceManagerTemplate = html `
       Load Workspace
     </rapid-button>
   </div>
+`;
+export const workspaceSaveModalPartial = html `
   <rapid-modal ${ref('saveModal')}>
     <h2 slot="top">Save Workspace</h2>
     <div class="dialog-content">
@@ -19,7 +21,7 @@ export const WorkspaceManagerTemplate = html `
         <rapid-segmented-control value="${sync((x) => x.saveMode)}">
           <rapid-segmented-item value="create">Create</rapid-segmented-item>
           <rapid-segmented-item value="overwrite">Overwrite</rapid-segmented-item>
-          ${when((x) => x.canShareWorkspace, html `
+          ${when(() => false, html `
               <rapid-segmented-item value="shared">Share</rapid-segmented-item>
             `)}
         </rapid-segmented-control>
@@ -35,13 +37,14 @@ export const WorkspaceManagerTemplate = html `
           <rapid-label>
             Description (optional, max ${WORKSPACE_DESCRIPTION_MAX} characters):
           </rapid-label>
-          <textarea
+          <rapid-text-area
             class="save-field workspace-description-input"
+            maxlength="${WORKSPACE_DESCRIPTION_MAX}"
             :value=${(x) => x.workspaceDescription}
             @input=${(x, c) => x.updateWorkspaceDescription(c.event.target.value)}
             placeholder="Add a description for this workspace"
             rows="3"
-          ></textarea>
+          ></rapid-text-area>
           ${when((x) => x.workspaceName && x.isWorkspaceExisting(x.workspaceName), html `
               <div class="warning-message">
                 <rapid-icon name="triangle-exclamation"></rapid-icon>
@@ -75,19 +78,20 @@ export const WorkspaceManagerTemplate = html `
               `)}
           </rapid-radio-group>
           <rapid-label>Description (optional):</rapid-label>
-          <textarea
-            class="save-field workspace-description-input"
+          <rapid-text-area
+            class="save-field"
             :value=${(x) => x.workspaceDescription}
+            maxlength="${WORKSPACE_DESCRIPTION_MAX}"
             @input=${(x, c) => x.updateWorkspaceDescription(c.event.target.value)}
             placeholder="Add a description for this workspace"
             rows="3"
-          ></textarea>
+          ></rapid-text-area>
           <div class="warning-message">
             <rapid-icon name="triangle-exclamation"></rapid-icon>
             This will permanently replace the selected workspace. This action cannot be undone.
           </div>
         `)}
-      ${when((x) => x.saveMode === 'shared', html `
+      ${when(() => false, html `
           <h3>Share existing workspace:</h3>
           ${whenElse((x) => x.savedWorkspaces.length === 0, html `
               <div class="empty-state">No saved workspaces to share</div>
@@ -171,6 +175,8 @@ export const WorkspaceManagerTemplate = html `
       <div class="workspace-dialog-boundary" ${ref('sharedWorkspaceDialogBoundary')}></div>
     </div>
   </rapid-modal>
+`;
+export const workspaceLoadModalPartial = html `
   <rapid-modal ${ref('loadModal')}>
     <h2 slot="top">Load Workspace</h2>
     <div class="dialog-content">
@@ -180,10 +186,13 @@ export const WorkspaceManagerTemplate = html `
           </div>
         `)}
       ${when((x) => !x.applyingWorkspace, html `
-          <rapid-segmented-control value="${sync((x) => x.loadMode)}">
-            <rapid-segmented-item value="MY">My Workspaces</rapid-segmented-item>
-            <rapid-segmented-item value="SHARED">Shared Workspaces</rapid-segmented-item>
-          </rapid-segmented-control>
+          ${when(() => false, html `
+              <rapid-segmented-control value="${sync((x) => x.loadMode)}">
+                <rapid-segmented-item value="MY">My Workspaces</rapid-segmented-item>
+
+                <rapid-segmented-item value="SHARED">Shared Workspaces</rapid-segmented-item>
+              </rapid-segmented-control>
+            `)}
           ${when((x) => x.loadMode === 'MY', html `
               <div class="workspace-list">
                 ${repeat((x) => x.savedWorkspaces, html `
@@ -218,7 +227,7 @@ export const WorkspaceManagerTemplate = html `
                   `)}
               </div>
             `)}
-          ${when((x) => x.loadMode === 'SHARED', html `
+          ${when(() => false, html `
               <div class="workspace-section">
                 <div class="workspace-list">
                   ${repeat((x) => x.sharedWorkspaces, html `
@@ -257,3 +266,6 @@ export const WorkspaceManagerTemplate = html `
     <div class="workspace-dialog-boundary" ${ref('dialogBoundary')}></div>
   </rapid-modal>
 `;
+export const WorkspaceManagerTemplate = html `
+  ${workspaceHeaderPartial} ${workspaceSaveModalPartial} ${workspaceLoadModalPartial}
+`;

package/dist/foundation-workspace.api.json

@@ -805,8 +805,8 @@
             },
             {
               "kind": "Reference",
-              "text": "HTMLElement",
-              "canonicalReference": "!HTMLElement:interface"
+              "text": "FoundationElement",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElement:class"
             },
             {
               "kind": "Content",
@@ -819,6 +819,36 @@
           "name": "GridRegister",
           "preserveMemberOrder": false,
           "members": [
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-workspace!GridRegister#designSystemPrefix:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "designSystemPrefix: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Alpha",
+              "name": "designSystemPrefix",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-workspace!GridRegister#gridKey:member",
@@ -1206,9 +1236,14 @@
                   "kind": "Content",
                   "text": "): "
                 },
+                {
+                  "kind": "Reference",
+                  "text": "GridRegistration",
+                  "canonicalReference": "@genesislcap/foundation-workspace!GridRegistration:interface"
+                },
                 {
                   "kind": "Content",
-                  "text": "unknown"
+                  "text": " | null"
                 },
                 {
                   "kind": "Content",
@@ -1218,7 +1253,7 @@
               "isOptional": false,
               "returnTypeTokenRange": {
                 "startIndex": 3,
-                "endIndex": 4
+                "endIndex": 5
               },
               "releaseTag": "Alpha",
               "overloadIndex": 1,
@@ -1664,8 +1699,8 @@
             },
             {
               "kind": "Reference",
-              "text": "HTMLElement",
-              "canonicalReference": "!HTMLElement:interface"
+              "text": "FoundationElement",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElement:class"
             },
             {
               "kind": "Content",
@@ -1678,6 +1713,36 @@
           "name": "LayoutWrapper",
           "preserveMemberOrder": false,
           "members": [
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-workspace!LayoutWrapper#designSystemPrefix:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "designSystemPrefix: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Alpha",
+              "name": "designSystemPrefix",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-workspace!LayoutWrapper#layoutKey:member",
@@ -1968,8 +2033,9 @@
                   "text": "layout: "
                 },
                 {
-                  "kind": "Content",
-                  "text": "unknown"
+                  "kind": "Reference",
+                  "text": "SerialisedLayout",
+                  "canonicalReference": "@genesislcap/foundation-layout!SerialisedLayout:type"
                 },
                 {
                   "kind": "Content",

package/dist/foundation-workspace.d.ts

@@ -1,12 +1,14 @@
 import { Auth } from '@genesislcap/foundation-comms';
 import type { ColumnApi } from '@ag-grid-community/core';
 import { Connect } from '@genesislcap/foundation-comms';
-import type { Container } from '@microsoft/fast-foundation';
-import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Container } from '@genesislcap/web-core';
+import { FoundationElement } from '@genesislcap/web-core';
+import type { FoundationLayout } from '@genesislcap/foundation-layout';
 import type { GridApi } from '@ag-grid-community/core';
 import { InterfaceSymbol } from '@microsoft/fast-foundation';
 import { KVStorage } from '@genesislcap/foundation-comms';
 import { Modal } from '@genesislcap/foundation-ui';
+import type { SerialisedLayout } from '@genesislcap/foundation-layout';
 
 /**
  * @alpha
@@ -26,14 +28,14 @@ export declare class DefaultGridRegistry implements GridRegistry {
     private grids;
     private cachedSettings;
     registerGrid(gridKey: string, gridApi: unknown, columnApi: unknown): void;
-    getGrid(gridKey: string): unknown;
+    getGrid(gridKey: string): GridRegistration | null;
     unregisterGrid(gridKey: string): void;
     getAllGridsSettings(): SavedGridSettings[];
     applyGridSettings(gridSetting: SavedGridSettings, options?: {
         applyColumns?: boolean;
         applyFilters?: boolean;
     }): Promise<boolean>;
-    applyAllGridsSettings(gridsSettings: SavedGridSettings[], maxRetries?: number, delayMs?: number): Promise<void>;
+    applyAllGridsSettings(gridsSettings: SavedGridSettings[], maxRetries?: number): Promise<void>;
     private getGridSettings;
 }
 
@@ -43,7 +45,7 @@ export declare class DefaultGridRegistry implements GridRegistry {
  */
 export declare class DefaultLayoutRegistry implements LayoutRegistry {
     private layouts;
-    registerLayout(layoutKey: string, layout: any): void;
+    registerLayout(layoutKey: string, layout: FoundationLayout): void;
     unregisterLayout(layoutKey: string): void;
     getLayoutsConfigs(): SavedLayout[];
     applySavedLayouts(savedLayouts: SavedLayout[]): Promise<void>;
@@ -104,14 +106,14 @@ export declare const FilterRegistry: InterfaceSymbol<FilterRegistry>;
  * Registers an AG Grid instance so workspace state can apply/load it.
  * @alpha
  */
-export declare class GridRegister extends HTMLElement {
+export declare class GridRegister extends FoundationElement {
     gridKey: string;
+    designSystemPrefix: string;
     gridRegistry: GridRegistry;
     workspaceState: WorkspaceState;
     private gridElement;
     private gridApi;
     private columnApi;
-    private workspaceSettingsApplied;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private findAndRegisterGrid;
@@ -136,7 +138,7 @@ export declare interface GridRegistration {
  */
 export declare interface GridRegistry {
     registerGrid(gridKey: string, gridApi: unknown, columnApi: unknown): void;
-    getGrid(gridKey: string): unknown;
+    getGrid(gridKey: string): GridRegistration | null;
     unregisterGrid(gridKey: string): void;
     getAllGridsSettings(): SavedGridSettings[];
     applyGridSettings(gridSetting: SavedGridSettings, options?: {
@@ -172,8 +174,9 @@ export declare const LayoutRegistry: InterfaceSymbol<LayoutRegistry>;
  * Registers a layout instance so workspace state can apply/load it.
  * @alpha
  */
-export declare class LayoutWrapper extends HTMLElement {
+export declare class LayoutWrapper extends FoundationElement {
     layoutKey: string;
+    designSystemPrefix: string;
     layoutRegistry: LayoutRegistry;
     private layoutElement;
     connectedCallback(): void;
@@ -211,7 +214,7 @@ export declare interface SavedGridSettings {
  */
 export declare interface SavedLayout {
     layoutKey: string;
-    layout: unknown;
+    layout: SerialisedLayout;
 }
 
 /**
@@ -287,6 +290,7 @@ export declare class WorkspaceManager extends FoundationElement {
     connect: Connect;
     auth: Auth;
     canShareWorkspace: boolean;
+    private readonly sharedWorkspacesEnabled;
     private sanitizeDescription;
     updateWorkspaceDescription(raw: string): void;
     private setDescriptionFromSelectedWorkspace;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-workspace",
   "description": "Genesis Foundation Workspace Components and State",
-  "version": "14.406.0-workspaces.7",
+  "version": "14.411.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -37,24 +37,23 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.406.0-workspaces.7",
-    "@genesislcap/genx": "14.406.0-workspaces.7",
-    "@genesislcap/rollup-builder": "14.406.0-workspaces.7",
-    "@genesislcap/ts-builder": "14.406.0-workspaces.7",
-    "@genesislcap/uvu-playwright-builder": "14.406.0-workspaces.7",
-    "@genesislcap/vite-builder": "14.406.0-workspaces.7",
-    "@genesislcap/webpack-builder": "14.406.0-workspaces.7"
+    "@genesislcap/foundation-testing": "14.411.0",
+    "@genesislcap/genx": "14.411.0",
+    "@genesislcap/rollup-builder": "14.411.0",
+    "@genesislcap/ts-builder": "14.411.0",
+    "@genesislcap/uvu-playwright-builder": "14.411.0",
+    "@genesislcap/vite-builder": "14.411.0",
+    "@genesislcap/webpack-builder": "14.411.0"
   },
   "dependencies": {
     "@ag-grid-community/core": "29.2.0",
-    "@genesislcap/foundation-comms": "14.406.0-workspaces.7",
-    "@genesislcap/foundation-notifications": "14.406.0-workspaces.7",
-    "@genesislcap/foundation-ui": "14.406.0-workspaces.7",
-    "@genesislcap/foundation-utils": "14.406.0-workspaces.7",
-    "@genesislcap/web-core": "14.406.0-workspaces.7",
-    "@microsoft/fast-components": "2.30.6",
-    "@microsoft/fast-element": "1.14.0",
-    "@microsoft/fast-foundation": "2.50.0"
+    "@genesislcap/foundation-comms": "14.411.0",
+    "@genesislcap/foundation-layout": "14.411.0",
+    "@genesislcap/foundation-notifications": "14.411.0",
+    "@genesislcap/foundation-ui": "14.411.0",
+    "@genesislcap/foundation-utils": "14.411.0",
+    "@genesislcap/grid-pro": "14.411.0",
+    "@genesislcap/web-core": "14.411.0"
   },
   "repository": {
     "type": "git",
@@ -65,5 +64,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "9421667d629b2124861eca27fc69ad52a5b46460"
+  "gitHead": "f0f06261f9263da766433fa02f4c011c3391e3c4"
 }

package/src/workspace/filter-registry.ts

@@ -1,4 +1,4 @@
-import { DI } from '@microsoft/fast-foundation';
+import { DI } from '@genesislcap/web-core';
 import type { SavedFilterValue } from './workspace.types';
 
 /**

package/src/workspace/grid-register/grid-register.template.ts

@@ -1,5 +1,4 @@
-import { html } from '@microsoft/fast-element';
-import type { ViewTemplate } from '@microsoft/fast-element';
+import { html, ViewTemplate } from '@genesislcap/web-core';
 import type { GridRegister } from './grid-register';
 
 export const GridRegisterTemplate: ViewTemplate<GridRegister> = html`