@masterteam/work-center 0.0.63 → 0.0.65

package/fesm2022/masterteam-work-center.mjs

@@ -168,6 +168,22 @@ class ApplyColumnFilters {
         this.filters = filters;
     }
 }
+/**
+ * Switches the selected card and drops everything that was scoped to the
+ * previous one: advanced filters, in-table column filters, grouping and the
+ * sort that grouping implied. Each card brings its own columns and filter
+ * schema, so carrying those over would filter on fields the new card doesn't
+ * have and group by a column it doesn't show.
+ */
+class SelectCard {
+    area;
+    selectedCardKey;
+    static type = '[WorkCenter] Select Card';
+    constructor(area, selectedCardKey) {
+        this.area = area;
+        this.selectedCardKey = selectedCardKey;
+    }
+}
 /**
  * Sets the grouped column. Grouping is expressed to the backend as a single
  * sort on the same field, so this also rewrites `context.sort` and resets
@@ -315,11 +331,10 @@ function parseSortInput(value) {
 /**
  * Resolves the grouped column key from bootstrap inputs.
  *
- * A missing `group` means "not chosen yet" and keeps whatever state already
- * has — which starts at the area default, so a first visit lands grouped.
- * `WORK_CENTER_GROUP_NONE` is the only way to express "the user turned it
- * off"; a bare `null` can't, because it is also what a host passes for an
- * absent query param.
+ * A missing `group` keeps whatever state already has, so an unrelated
+ * navigation doesn't drop the user's grouping. `WORK_CENTER_GROUP_NONE` is the
+ * only way to express "turn it off" — a bare `null` can't, because it is also
+ * what a host passes for an absent query param.
  */
 function resolveGroupByFromInputs(current, group) {
     if (!hasParamValue(group) || typeof group !== 'string') {
@@ -331,6 +346,14 @@ function resolveGroupByFromInputs(current, group) {
     }
     return parsed;
 }
+/**
+ * The card these inputs resolve to — the same rule `buildContextFromInputs`
+ * applies, exposed so callers can detect a card switch before building the
+ * context (what survives the switch depends on it).
+ */
+function resolveSelectedCardKeyFromInputs(currentContext, inputs = {}) {
+    return toSelectedCardKey(inputs.card) ?? currentContext.selectedCardKey;
+}
 function parseFiltersInput(value) {
     const parsed = parseJson(value);
     return Array.isArray(parsed)
@@ -462,13 +485,7 @@ function buildColumnsFromProperties(properties) {
  */
 function withLevelNameGrouping(key) {
     return key === WORK_CENTER_LEVEL_NAME_KEY
-        ? {
-            groupable: true,
-            groupKey: WORK_CENTER_LEVEL_GROUP_FIELD,
-            // A level name names itself — "Level Name · Project Gamma" would just
-            // repeat the column header down every group.
-            showGroupColumnLabel: false,
-        }
+        ? { groupable: true, groupKey: WORK_CENTER_LEVEL_GROUP_FIELD }
         : {};
 }
 function buildColumns(columnsConfig) {
@@ -564,15 +581,6 @@ function buildKpis(stats, fallbackIcon) {
         color: stat.color?.trim() || KPI_COLORS[index % KPI_COLORS.length],
     }));
 }
-/**
- * Level Name grouping is the default view of the personal work areas — those
- * rows come from all over the hierarchy, so "which project is this?" is the
- * first question a user has. Workspace is already scoped to one record, so
- * grouping it by that record would produce a single group.
- */
-function defaultGroupBy(area) {
-    return area === 'Workspace' ? null : WORK_CENTER_LEVEL_NAME_KEY;
-}
 /** The backend sort that renders a grouped column as contiguous rows. */
 function sortForGroup(groupBy) {
     return groupBy ? [{ field: groupBy, dir: 'asc' }] : [];
@@ -585,7 +593,7 @@ function createDefaultContext(area) {
         selectedCardKey: null,
         page: 1,
         pageSize: WORK_CENTER_LOCAL_FETCH_SIZE,
-        sort: sortForGroup(defaultGroupBy(area)),
+        sort: [],
         runtimeFilters: [],
         includeStats: true,
     };
@@ -595,7 +603,7 @@ function createDefaultAreaState(area) {
         context: createDefaultContext(area),
         headerFilters: [],
         columnFilters: [],
-        groupBy: defaultGroupBy(area),
+        groupBy: null,
         menuItems: [],
         rows: [],
         columns: [],
@@ -844,10 +852,19 @@ let WorkCenterState = class WorkCenterState {
     setParams(ctx, action) {
         const state = ctx.getState();
         const current = state.byArea[action.area];
+        // A card switch invalidates everything scoped to the previous card. The
+        // host usually drops those query params too, but a stale URL must not be
+        // able to re-apply a filter on a field the new card doesn't have.
+        const cardChanged = resolveSelectedCardKeyFromInputs(current.context, action.inputs) !==
+            current.context.selectedCardKey;
         // Resolve grouping first: with no explicit `sort` input it is what defines
-        // the backend sort, so the default grouping reaches the first request.
-        const nextGroupBy = resolveGroupByFromInputs(current.groupBy, action.inputs?.group);
-        const nextContext = buildContextFromInputs(current.context, action.area, action.inputs, nextGroupBy);
+        // the backend sort.
+        const nextGroupBy = resolveGroupByFromInputs(cardChanged ? null : current.groupBy, action.inputs?.group);
+        const builtContext = buildContextFromInputs(current.context, action.area, action.inputs, nextGroupBy);
+        const filtersFromInputs = action.inputs?.filters !== undefined;
+        const nextContext = cardChanged && !filtersFromInputs
+            ? { ...builtContext, runtimeFilters: [] }
+            : builtContext;
         const areaChanged = state.activeArea !== action.area;
         const contextChanged = !isSameContext(current.context, nextContext);
         const groupChanged = nextGroupBy !== current.groupBy;
@@ -857,11 +874,12 @@ let WorkCenterState = class WorkCenterState {
             // URL-derived filters land on the header slice. Anything previously
             // applied via the in-table column filters is dropped so the BE payload
             // matches what the user sees on the page header.
-            const filtersFromInputs = action.inputs?.filters !== undefined;
             const nextHeaderFilters = filtersFromInputs
                 ? nextContext.runtimeFilters
-                : current.headerFilters;
-            const nextColumnFilters = filtersFromInputs ? [] : current.columnFilters;
+                : cardChanged
+                    ? []
+                    : current.headerFilters;
+            const nextColumnFilters = filtersFromInputs || cardChanged ? [] : current.columnFilters;
             ctx.patchState({
                 activeArea: action.area,
                 byArea: {
@@ -898,6 +916,33 @@ let WorkCenterState = class WorkCenterState {
             columnFilters: action.filters,
         });
     }
+    selectCard(ctx, action) {
+        const state = ctx.getState();
+        const current = state.byArea[action.area];
+        if (current.context.selectedCardKey === action.selectedCardKey) {
+            return;
+        }
+        ctx.patchState({
+            activeArea: action.area,
+            byArea: {
+                ...state.byArea,
+                [action.area]: {
+                    ...current,
+                    headerFilters: [],
+                    columnFilters: [],
+                    groupBy: null,
+                    context: {
+                        ...current.context,
+                        selectedCardKey: action.selectedCardKey,
+                        runtimeFilters: [],
+                        sort: [],
+                        page: 1,
+                    },
+                },
+            },
+        });
+        return ctx.dispatch(new LoadRuntime(action.area, 'menu-change'));
+    }
     /**
      * Grouping is a backend concern: the table only renders contiguous rows, so
      * the grouped column is pushed down as the single `context.sort` entry and
@@ -1036,6 +1081,9 @@ __decorate([
 __decorate([
     Action(ApplyColumnFilters)
 ], WorkCenterState.prototype, "applyColumnFilters", null);
+__decorate([
+    Action(SelectCard)
+], WorkCenterState.prototype, "selectCard", null);
 __decorate([
     Action(SetGroupBy)
 ], WorkCenterState.prototype, "setGroupBy", null);
@@ -1104,7 +1152,7 @@ WorkCenterState = __decorate([
 ], WorkCenterState);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterState, decorators: [{
             type: Injectable
-        }], propDecorators: { enterArea: [], hydrateFromContext: [], setParams: [], setLookups: [], applyHeaderFilters: [], applyColumnFilters: [], setGroupBy: [], clearAllFilters: [], loadRuntime: [] } });
+        }], propDecorators: { enterArea: [], hydrateFromContext: [], setParams: [], setLookups: [], applyHeaderFilters: [], applyColumnFilters: [], selectCard: [], setGroupBy: [], clearAllFilters: [], loadRuntime: [] } });
 
 class WorkCenterFacade {
     store = inject(Store);
@@ -1148,11 +1196,12 @@ class WorkCenterFacade {
     setLookups(lookups) {
         return this.store.dispatch(new SetLookups(lookups));
     }
+    /**
+     * Switches card and drops the previous card's filters, grouping and sort —
+     * each card has its own columns and filter schema.
+     */
     selectCardAndLoad(area, selectedCardKey) {
-        return this.store.dispatch([
-            new HydrateFromContext(area, { selectedCardKey, page: 1 }),
-            new LoadRuntime(area, 'menu-change'),
-        ]);
+        return this.store.dispatch(new SelectCard(area, selectedCardKey));
     }
     applyTableLazyLoadAndLoad(area, event) {
         const context = this.store.selectSnapshot(WorkCenterState.context);
@@ -1432,6 +1481,15 @@ class WorkCenterEscalationInstanceType {
                         : isFinal
                             ? this.transloco.translate('workCenter.preview.final')
                             : null,
+                // Semantic color for the badge — every step state renders with the
+                // same pill and is told apart by color alone.
+                badgeTone: isClosed
+                    ? 'closed'
+                    : isInitial
+                        ? 'initial'
+                        : isFinal
+                            ? 'final'
+                            : 'accent',
                 style: 'detail',
                 current: currentIds.has(String(step.id)),
             };
@@ -1444,6 +1502,7 @@ class WorkCenterEscalationInstanceType {
         color: 'color',
         subtitle: 'subtitle',
         badge: 'badge',
+        badgeTone: 'badgeTone',
         status: 'status',
         style: 'style',
         current: 'current',
@@ -1820,6 +1879,9 @@ class WorkCenterProcessPreview {
                         : isFinal
                             ? this.transloco.translate('workCenter.preview.final')
                             : null,
+                // Semantic color for the badge — every step state renders with the
+                // same pill and is told apart by color alone.
+                badgeTone: step.isInitial ? 'initial' : isFinal ? 'final' : 'accent',
                 status: step.status ?? null,
                 style: isAppAction || isApprovalCommit ? 'icon' : 'detail',
                 current: currentStepIds.has(String(step.id)),
@@ -1840,6 +1902,7 @@ class WorkCenterProcessPreview {
         color: 'color',
         subtitle: 'subtitle',
         badge: 'badge',
+        badgeTone: 'badgeTone',
         status: 'status',
         style: 'style',
         current: 'current',
@@ -3074,8 +3137,13 @@ class WorkCenterPage {
         if (item.key === this.context().selectedCardKey) {
             return;
         }
+        // The store drops the previous card's filters and grouping; the table's
+        // own filter chips live here, so they have to be cleared alongside.
+        this.tableFilters.set({});
         this.facade.selectCardAndLoad(this.area(), item.key);
         this.cardSelected.emit(item.key);
+        this.groupChanged.emit(null);
+        this.sortChanged.emit([]);
     }
     onRuntimeFiltersApplied(filters) {
         const mappedFilters = filters.map((filter) => ({
@@ -3251,5 +3319,5 @@ const APP_STATES = [WorkCenterState];
  * Generated bundle index. Do not edit.
  */
 
-export { APP_STATES, ApplyColumnFilters, ApplyHeaderFilters, ClearAllFilters, EnterArea, HydrateFromContext, LoadRuntime, SetGroupBy, SetLookups, SetParams, WORK_CENTER_EMPTY_LABEL, WORK_CENTER_GROUP_NONE, WORK_CENTER_LEVEL_GROUP_FIELD, WORK_CENTER_LEVEL_NAME_KEY, WORK_CENTER_MAX_FILTERS, WORK_CENTER_MAX_PAGE_SIZE, WORK_CENTER_MAX_SORT, WORK_CENTER_QUERY_VERSION, WorkCenterActionKey, WorkCenterClientFormModal, WorkCenterFacade, WorkCenterItemModal, WorkCenterItemModalRoute, WorkCenterPage, WorkCenterState, decodeWorkCenterRouteContextKey, encodeWorkCenterRouteContextKey };
+export { APP_STATES, ApplyColumnFilters, ApplyHeaderFilters, ClearAllFilters, EnterArea, HydrateFromContext, LoadRuntime, SelectCard, SetGroupBy, SetLookups, SetParams, WORK_CENTER_EMPTY_LABEL, WORK_CENTER_GROUP_NONE, WORK_CENTER_LEVEL_GROUP_FIELD, WORK_CENTER_LEVEL_NAME_KEY, WORK_CENTER_MAX_FILTERS, WORK_CENTER_MAX_PAGE_SIZE, WORK_CENTER_MAX_SORT, WORK_CENTER_QUERY_VERSION, WorkCenterActionKey, WorkCenterClientFormModal, WorkCenterFacade, WorkCenterItemModal, WorkCenterItemModalRoute, WorkCenterPage, WorkCenterState, decodeWorkCenterRouteContextKey, encodeWorkCenterRouteContextKey };
 //# sourceMappingURL=masterteam-work-center.mjs.map