@one-paragon/angular-utilities 2.2.6 → 2.2.7

package/src/table-builder/functions/string-filter-function.ts

@@ -1,53 +0,0 @@
-import { FilterFunc, FilterFuncs, FilterInfo } from '../classes/filter-info';
-import { EnumFilterTypes, FilterType, StringFilterTypes } from '../enums/filterTypes';
-import { isNull } from './null-filter-function';
-
-
-const stringEqualFunc:FilterFunc<string> = (filterInfo:FilterInfo) => {
-  const equalsVal = prepareForStringCompare(filterInfo.filterValue);
-  return ((val) => prepareForStringCompare(val) === equalsVal );
-}
-
-const stringContainsFunc:FilterFunc<string> = (filterInfo:FilterInfo) => {
-  const containsVal = prepareForStringCompare(filterInfo.filterValue);
-  return ((val) => prepareForStringCompare(val).includes(containsVal));
-}
-
-const stringDoesNotContainFunc:FilterFunc<string> = (filterInfo:FilterInfo) => {
-  const doesNotContainVal = prepareForStringCompare(filterInfo.filterValue);
-  return ((val) => !prepareForStringCompare(val)?.includes(doesNotContainVal));
-}
-
-const stringStartsWithFunc:FilterFunc<string> = (filterInfo:FilterInfo) => {
-  const startsWith = prepareForStringCompare(filterInfo.filterValue);
-  return ((val) => prepareForStringCompare(val).startsWith(startsWith));
-}
-
-const stringEndsWithFunc:FilterFunc<string> = (filterInfo:FilterInfo) => {
-  const startsWith = prepareForStringCompare(filterInfo.filterValue);
-  return ((val) => prepareForStringCompare(val).endsWith(startsWith));
-}
-
-const multipleStringValuesEqualsFunc:FilterFunc<string[], string> = (filterInfo:FilterInfo) => {
-  const filterVals = (filterInfo.filterValue as string[]).map((v) => prepareForStringCompare(v));
-  return ((val) => {
-    const v = prepareForStringCompare(val);
-    return filterVals.some((s) => v === s)});
-}
-
-export const StringFilterFuncs: FilterFuncs<StringFilterTypes> = {
-  [FilterType.StringEquals]: stringEqualFunc,
-  [FilterType.StringContains]: stringContainsFunc,
-  [FilterType.StringDoesNotContain]: stringDoesNotContainFunc,
-  [FilterType.StringStartWith]: stringStartsWithFunc,
-  [FilterType.StringEndsWith]: stringEndsWithFunc,
-  [FilterType.IsNull]: isNull,
-  [FilterType.In]: multipleStringValuesEqualsFunc,
-};
-
-export const EnumFilterFuncs: FilterFuncs<EnumFilterTypes> = {
-  [FilterType.IsNull]: isNull,
-  [FilterType.In]: multipleStringValuesEqualsFunc,
-};
-
-export const prepareForStringCompare = (val: any): string => (val?.toString().trim().toLowerCase());

package/src/table-builder/interfaces/report-def.ts

@@ -1,254 +0,0 @@
-import { Dictionary } from './dictionary';
-import { PipeTransform, Predicate, TemplateRef } from '@angular/core';
-import { TableBuilderExport } from '../classes/TableBuilderConfig';
-import { QueryParamsHandling } from '@angular/router';
-import { StylerStyle } from '../../utilities/directives/styler';
-
-
-export enum FieldType {
-    Unknown = 0,
-    Date = 1,
-    /**
-     * @deprecated If `additional.link` is set the column will be treated as a link.
-     */
-    Link = 2,
-    ImageUrl = 3,
-    Currency = 4,
-    Array = 5,
-    Hidden = 6,
-    Number = 7,
-    String = 8,
-    Boolean = 9,
-    PhoneNumber = 10,
-    /**
-     * @deprecated For mapped properties use proper type (for sorting and filtering) with `map`.
-     * For unmapped properties use `FieldType.NotMapped` with map.
-     */
-    Expression = 11,
-    Enum = 12,
-    DateTime = 13,
-    NotMapped = 14,
-}
-
-export enum SortDirection {
-    asc= 'asc',
-    desc= 'desc'
-}
-
-export enum Target {
-  Blank = '_blank',
-  Self = '_self',
-  Parent = '_parent',
-  Top = '_top'
-}
-
-interface BaseMeta <T = any> {
-  displayName?: string;
-  order?: number;
-  preSort?: SortDef;
-  sortLogic?: {
-    /**
-     * defaults to last
-     */
-    nulls?: 'first' | 'last';
-    sortBy?: ((t: T) => any) | 'use map';
-  }
-  noSort?: boolean;
-  width?: string;
-  noExport?: boolean;
-  filterLogic?: {
-    filterBy?: ((t: T) => any) | 'use map';
-    /**
-     * defaults to the MetaData's Field type
-     */
-    filterType?: FieldType;
-  },
-  noFilter?: boolean;
-  customCell?: boolean;
-  /**
-   * @deprecated Use `map`
-   */
-  transform?: ((o: T, ...args: any[])=> any) | ((o: string, ...args: any[])=> any) | PipeTransform;
-  click?: (element: T, key?: string, event?: MouseEvent ) => void;
-  template?: TemplateRef<any>;
-  classes?: Dictionary<Predicate<T> | true>;
-  toolTip?: string | ((t:T) => string);
-  useIcon?: boolean;
-  map? : (t: T) => any;
-}
-type Path<T, U = never, P = never> =
-  (T extends P ? never : T extends object ?
-    { [K in keyof T]: K extends string | number ? `${K}` | (T[K] extends (Array<any> | undefined) ? `${K}.${keyof Array<any> & (string | number)}` : `${K}.${Path<T[K], T[K], P | U >}`) : never; }[keyof T]
-    : never)
-
-export interface BaseMappedMetaData<T = any, AdditionalFields extends string[] = []> extends BaseMeta<T> {
-  key: (Path<T> | AdditionalFields[number]) & string;
-    /**
-   * if used with map, `mapItem` will only be used where the row is not available, ex. group header
-   */
-    mapItem?: (i: any) => any;
-}
-
-export interface MappedMetaData<T = any, AdditionalFields extends string[] = []> extends BaseMappedMetaData<T, AdditionalFields> {
-  fieldType: FieldType.String | FieldType.PhoneNumber | FieldType.ImageUrl | FieldType.Link | FieldType.Hidden | FieldType.Unknown;
-  additional?: Additional<T>;
-  mapItem?: (i: string) => any;
-}
-
-export interface MappedNumberMetaData<T = any, AdditionalFields extends string[] = []> extends BaseMappedMetaData<T, AdditionalFields> {
-  fieldType: FieldType.Number | FieldType.Currency;
-  mapItem?: (i: number) => any;
-  additional?: NumberAdditional<T>;
-}
-
-export interface MappedEnumMetaData<T = any, AdditionalFields extends string[] = []> extends BaseMappedMetaData<T, AdditionalFields> {
-  fieldType: FieldType.Enum;
-  mapItem?: (i: number) => any;
-  additional?: EnumAdditional<T>;
-}
-
-export interface MappedDateMetaData<T = any, AdditionalFields extends string[] = []> extends BaseMappedMetaData<T, AdditionalFields> {
-  fieldType: FieldType.Date | FieldType.DateTime;
-  mapItem?: (i: Date) => any;
-  additional?: Additional<T, Date>;
-}
-
-export interface MappedBooleanMetaData<T = any, AdditionalFields extends string[] = []> extends BaseMappedMetaData<T, AdditionalFields> {
-  fieldType: FieldType.Boolean;
-  mapItem?: (i: boolean) => any;
-  additional?: BooleanAdditional<T>;
-}
-
-export interface MappedArrayMetaData<T = any, AdditionalFields extends string[] = []> extends BaseMappedMetaData<T, AdditionalFields> {
-  fieldType: FieldType.Array;
-  mapItem?: (i: string) => any;
-  additional?: ArrayAdditional<T>;
-}
-
-export type MetaData<T = any, AdditionalFields extends string[] = []> =
-  MappedMetaData<T, AdditionalFields>
-  | NotMappedMetaData<T>
-  | MappedNumberMetaData<T, AdditionalFields>
-  | MappedEnumMetaData<T, AdditionalFields>
-  | MappedBooleanMetaData<T, AdditionalFields>
-  | MappedDateMetaData<T, AdditionalFields>
-  | MappedArrayMetaData<T, AdditionalFields>
-  ;
-
-export interface NotMappedMetaData<T = any> extends BaseMeta<T> {
-  key: string;
-  fieldType: FieldType.NotMapped | FieldType.Expression;
-  additional?: Additional<T>;
-}
-export interface ReportDef<DataType = any> {
-    data: DataType[];
-    metaData: MetaData [];
-    totalRecords?: number;
-    count: number;
-}
-
-export interface SortDef {
-    direction: SortDirection;
-    precedence?: number;
-}
-
-export interface FilterOptions<T = string> {
-  filterableValues : T[]
-}
-export interface DateTimeOptions {
-  format?: string;
-  includeSeconds?: boolean;
-  includeMilliseconds: boolean;
-}
-type interpolatedRoute = string;
-interface BaseAdditional<T = any> {
-  link? : {
-    base?: string;
-    urlKey?: string;
-    target?: Target;
-    useRouterLink?: boolean;
-    /**
-     * If you want to use a route with interpolated params, you can use this. Wrap the property name in curly braces.
-     * For example, if interpolatedRoute = /users/{id}/edit, {id} will be replaced with the value of the element's id property.
-     */
-    interpolatedRoute?: interpolatedRoute | ((t: T) => string);
-    routerLinkOptions?:{
-      queryParams?: [string, interpolatedRoute | ((t: T) => string)][];
-      fragment?: string;
-      preserveFragment?: boolean;
-      queryParamsHandling?: QueryParamsHandling;
-    }
-  }
-  export?: MetaDataExport<T>;
-  dateFormat?: string;
-  dateTimeOptions?: DateTimeOptions;
-  styles?: StylerStyle<T>;
-  columnPartStyles?: {
-    header?: Dictionary<string>,
-    body?: StylerStyle<T>,
-    innerBody?: StylerStyle<T>,
-    footer?: Dictionary<string>,
-  }
-  columnPartClasses?: {
-    header?: Dictionary<Predicate<T> | true>,
-    footer?: Dictionary<Predicate<T> | true>,
-  }
-  footer?: { type: any };
-}
-export interface Additional<T = any, V = string> extends BaseAdditional<T> {
-  filterOptions?: FilterOptions<V>;
-  footer?: { type: never };
-}
-
-interface NumberAdditional<T = any> extends BaseAdditional<T> {
-  filterOptions?: FilterOptions<number>;
-  footer?: { type: 'sum' };
-}
-
-interface EnumAdditional<T = any> extends BaseAdditional<T> {
-  filterOptions?: FilterOptions<number>;
-  enumMap?: {[key:number]:string};
-  footer?: { type: never };
-}
-
-interface BooleanAdditional<T = any> extends BaseAdditional<T> {
-  filterOptions?: FilterOptions<never>;
-  footer?: { type: never };
-  boolean? : {
-    showForFalse? : true | { icon : string },
-    forTrue? : { icon : string }
-  }
-}
-
-export enum ArrayStyle {
-  CommaDelimited,
-  NewLine
-}
-
-export interface ArrayAdditional<T = any> extends Additional<T> {
-    limit?: number;
-    arrayStyle?: ArrayStyle;
-}
-
-interface MetaDataExport<T> extends TableBuilderExport {
-  /**
-   * This will supersede all other mappings when exporting.
-   */
-  mapForExport?: (t: T) => string;
-}
-
-
-export function metaDataArrToDict<T = MetaData>(arr: MetaData[], transform?: (m : MetaData) => T): Dictionary<T>{
-  const dict = {};
-  if(transform){
-    arr.forEach(e => dict[e.key] = transform(e));
-  } else {
-    arr.forEach(e => dict[e.key] = e);
-  }
-  return dict;
-}
-
-export interface CustomCellMeta extends Pick<MetaData, 'key' | 'displayName' | 'preSort' | 'fieldType' | 'order' | 'width'>{
-  customCell: true;
-  noExport?: boolean;
-}

package/src/table-builder/ngrx/tableBuilderStateStore.ts

@@ -1,197 +0,0 @@
-import { ComponentStore } from "@ngrx/component-store";
-import { Injectable, Signal } from "@angular/core";
-import { Dictionary } from "../interfaces/dictionary";
-import { PersistedTableState } from "../classes/TableState";
-
-@Injectable({ providedIn: 'root' })
-export class TableBuilderStateStore extends ComponentStore<GlobalStorageState> {
-  constructor(){
-    super(loadGlobalStorageState() || defaultStorageState)
-  }
-
-  //selectors
-  $selectLocalTableProfile = (profileKey:string): Signal<Profile | undefined> => this.selectSignal(state =>
-    state.localProfiles[profileKey]);
-
-  $selectLocalTableStateForView = (tableId: string) => this.selectSignal(
-    this.$selectLocalTableProfile(tableId),
-    (profile) => {
-      if(profile?.current) {
-        return profile.states[profile.current];
-      }
-      if(profile?.localSavedState) return profile.localSavedState;
-      return null;
-    }
-  )
-
-  $selectLocalProfileCurrentKey = (key:string) => this.selectSignal(
-    this.$selectLocalTableProfile(key),
-    (profile) => profile?.current);
-
-  $selectLocalProfileDefaultKey = (key:string) => this.selectSignal(
-    this.$selectLocalTableProfile(key),
-    (profile) => profile?.default);
-
-  $selectLocalProfileKeys = (tableId:string) => this.selectSignal(
-    this.$selectLocalTableProfile(tableId),
-    (profile) => Object.keys(profile?.states || {})
-  );
-
-
-  // reducers
-
-
-  saveTableSettingsToLocalAndStorage = (tableId: string, stateName: string, tableState: PersistedTableState, asDefault?: boolean) => {
-    this.saveTableStateToStorage(tableId, stateName, tableState, asDefault);
-    this.saveTableStateToLocal({ tableId, tableState, stateName, asDefault });
-  }
-
-  saveTableStateToLocal = this.updater((state, props: { tableId: string, tableState: PersistedTableState, stateName?: string, asDefault?: boolean }) => {
-    let profile = state.localProfiles[props.tableId];
-    if(!profile?.states) {
-      profile = { states: {} };
-    }
-    if(!props.stateName){
-      profile = { ...profile, localSavedState: props.tableState };
-    } else {
-      profile = { ...profile, states: { ...profile.states, [props.stateName]: props.tableState } };
-    }
-    if(props.asDefault){
-      profile.default = props.stateName;
-    }
-    return { ...state, localProfiles: { ...state.localProfiles, [props.tableId]: profile } }
-  });
-
-  saveTableStateToStorage = (tableId: string, stateName: string, tableState: PersistedTableState, asDefault = false) => {
-    const globalSavedState: PersistedGlobalStorageSate = JSON.parse(localStorage.getItem('global-state-storage') ?? JSON.stringify(defaultStorageState) );
-    globalSavedState.localProfiles[tableId] ??= { states: {} }
-    globalSavedState.localProfiles[tableId].states[stateName] = tableState;
-    if(asDefault){
-      globalSavedState.localProfiles[tableId].default = stateName;
-    }
-    localStorage.setItem('global-state-storage', JSON.stringify( globalSavedState));
-  }
-
-  addNewStateToLocalAndStorage = (tableId: string, newStateName: string, tableState: PersistedTableState, asDefault?: boolean) => {
-    this.saveTableSettingsToLocalAndStorage(tableId, newStateName, tableState, asDefault);
-    this.setLocalCurrentState({ tableId: tableId, currentStateKey: newStateName });
-  }
-
-  setLocalCurrentState = this.updater((state, props: { tableId: string, currentStateKey: string }) => {
-    const profile = state.localProfiles[props.tableId] || { states: {} };
-    profile.current = props.currentStateKey;
-    return { ...state, localProfiles: { ...state.localProfiles, [props.tableId]: { ...profile } } };
-  });
-
-  setDefaultInLocalAndStorage = (tableId: string, newDefault: string) => {
-    this.setDefaultInLocal({ default: newDefault, key: tableId });
-    this.setDefaultInStorage(tableId, newDefault);
-  }
-
-  setDefaultInLocal = this.updater((state, props: { key: string, default: string }) => {
-    if(state.localProfiles[props.key]?.states[props.default]) {
-      return ({ ...state, localProfiles: { ...state.localProfiles, [props.key]: { ...state.localProfiles[props.key], default: props.default } } });
-    }
-    return state;
-  });
-
-  unsetDefaultFromLocalAndStorage = (tableId: string) => {
-    this.unsetDefaultFromLocal(tableId);
-    this.unsetDefaultFromStorage(tableId);
-  }
-
-  unsetDefaultFromLocal = (tableId: string) => {
-    this.patchState(tables => {
-      const profile = { ...tables.localProfiles[tableId] };
-      if(profile) {
-        delete profile.default;
-      }
-      return { ...tables, localProfiles: { ...tables.localProfiles, [tableId]: profile } };
-    });
-  }
-
-  unsetDefaultFromStorage = (tableId: string) => {
-    const globalSavedState: GlobalStorageState = JSON.parse(localStorage.getItem('global-state-storage') ?? JSON.stringify(defaultStorageState) );
-    if(globalSavedState.localProfiles[tableId]) {
-      delete globalSavedState.localProfiles[tableId].default;
-      localStorage.setItem('global-state-storage', JSON.stringify( globalSavedState));
-    }
-  }
-
-  setDefaultInStorage = (tableId: string, stateName: string) => {
-    const tableProfile = this.$selectLocalTableProfile(tableId)();
-    const globalSavedState: GlobalStorageState = JSON.parse(localStorage.getItem('global-state-storage') ?? JSON.stringify(defaultStorageState) );
-    let savedProfile = globalSavedState.localProfiles[stateName];
-    if(!savedProfile?.states) {
-      savedProfile = { default: stateName, states: tableProfile!.states };
-    } else {
-      savedProfile.default = stateName;
-    }
-    globalSavedState.localProfiles[tableId] = savedProfile;
-    localStorage.setItem('global-state-storage', JSON.stringify( globalSavedState));
-  }
-
-  deleteLocalProfilesState = this.updater((state, props: { key: string, stateKey: string }) => {
-    let profile = state.localProfiles[props.key];
-    if(profile) {
-      const current = profile.current === props.stateKey ? profile.default : profile.current;
-      profile = { ...profile, current, states: { ...profile.states } };
-      delete profile.states[props.stateKey];
-      if(current === props.stateKey) {
-        profile.current = undefined;
-      }
-      return { ...state, localProfiles: { ...state.localProfiles, [props.key]: profile } };
-    } else {
-      return state;
-    }
-  });
-
-  deleteProfileFromLocalAndStorage = (key: string, stateKey: string) => {
-    const globalSavedState: GlobalStorageState = JSON.parse(localStorage.getItem('global-state-storage') ?? JSON.stringify(defaultStorageState) );
-    if(!globalSavedState.localProfiles[key]) {
-      return;
-    } else {
-      delete (globalSavedState.localProfiles[key].states ?? {})[stateKey];
-    }
-    if(globalSavedState.localProfiles[key].default === stateKey) {
-      globalSavedState.localProfiles[key].default = undefined;
-    }
-    localStorage.setItem('global-state-storage', JSON.stringify( globalSavedState));
-    this.deleteLocalProfilesState({ key, stateKey })
-  }
-}
-
-function loadGlobalStorageState() : GlobalStorageState | void {
-  const storage = localStorage.getItem('global-state-storage');
-
-  if(storage) {
-    const s: GlobalStorageState = (JSON.parse(storage) as PersistedGlobalStorageSate);
-    s.localProfiles ??= {};
-    for(const key in s.localProfiles){
-      const profile = s.localProfiles[key];
-      s.localProfiles[key] = { ...profile, current: profile.default } as Profile
-    }
-    return { ...defaultStorageState, ...s };
-  }
-}
-
-interface PersistedProfile {
-  states: Dictionary<PersistedTableState>;
-  default?: string;
-}
-export interface Profile extends PersistedProfile {
-  current?: string;
-  localSavedState?: PersistedTableState;
-}
-
-export interface GlobalStorageState {
-  localProfiles: Dictionary<Profile>;
-}
-
-interface PersistedGlobalStorageSate {
-  localProfiles: Dictionary<PersistedProfile>;
-}
-
-export const defaultStorageState: GlobalStorageState = {
-  localProfiles: {}
-}

package/src/table-builder/pipes/column-total.pipe.ts

@@ -1,16 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { MetaData } from '../interfaces/report-def';
-import { sumBy } from 'lodash';
-
-@Pipe({
-  name: 'columnTotal',
-})
-export class ColumnTotalPipe implements PipeTransform {
-  transform(data: any[], metaData: MetaData) {
-    const dataToCalculate = data.filter(d => !d.isGroupHeader)
-    switch (metaData.additional!.footer!.type) {
-      case 'sum':
-        return sumBy(dataToCalculate, metaData.key);
-    }
-  }
-}

package/src/table-builder/pipes/format-filter-type.pipe.ts

@@ -1,12 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { FilterType } from '../enums/filterTypes';
-
-@Pipe({ name: 'formatFilterType' })
-export class FormatFilterTypePipe implements PipeTransform {
-  transform(filterType: FilterType, value: any){
-    if(filterType === FilterType.IsNull){
-      return value ? filterType : 'Is Not Blank'
-    }
-    return filterType;
-  }
-}

package/src/table-builder/pipes/format-filter-value.pipe.ts

@@ -1,67 +0,0 @@
-import { Pipe, PipeTransform, computed, inject } from '@angular/core';
-import { TableStore } from '../classes/table-store';
-import { FieldType, MetaData } from '../interfaces/report-def';
-import { DatePipe } from '@angular/common';
-import { FilterType } from '../enums/filterTypes';
-import { spaceCase } from '../../utilities/pipes/space-case.pipes';
-import { DateTimeFilterFuncs } from '../functions/date-filter-function';
-import { currencyFormatter, dateFormatter } from '../services/transform-creator';
-
-
-@Pipe({ name: 'formatFilterValue' })
-export class FormatFilterValuePipe implements PipeTransform {
-  tableState = inject(TableStore);
-  private datePipe = inject(DatePipe);
-
-  transform(value: any, key: string, filterType: FilterType) {
-    return computed(() => transform(value, this.tableState.$getMetaData(key)(), filterType));
-  }
-}
-
-const transform = (value: any, meta: MetaData, filterType: FilterType): string => {
-  if(filterType === FilterType.IsNull) {
-    return '';
-  }
-  if(value && (filterType === FilterType.In )){
-    if(meta.fieldType === FieldType.Enum) {
-      return value.map( (v: any) => spaceCase(meta.additional!.enumMap![v])).join(', ') ?? value;
-    }
-    if(meta.fieldType === FieldType.Date || meta.fieldType === FieldType.DateTime) {
-      return value.map( (v: any) => mapDate(v, meta, filterType)).join(', ') ?? value;
-    }
-    if(meta.fieldType === FieldType.Number || meta.fieldType === FieldType.Currency) {
-      return value.map( (v: any) => mapNumber(v, meta)).join(', ') ?? value;
-    }
-    return value.join(', ') ?? value;
-  }
-  if(filterType === FilterType.NumberBetween && (meta.fieldType === FieldType.Number || meta.fieldType === FieldType.Currency)){
-    return mapNumber(value.Start, meta) + ' - ' + mapNumber(value.End, meta);
-  }
-  if(filterType === FilterType.DateBetween){
-    return mapDate(value.Start, meta, filterType) + ' - ' + mapDate(value.End, meta, filterType);
-  }
-  if(meta.fieldType === FieldType.Date || meta.fieldType === FieldType.DateTime){
-    return mapDate(value, meta, filterType);
-  }
-  if(meta.fieldType === FieldType.Currency){
-    return mapNumber(value, meta);
-  }
-  return value
-}
-
-function mapDate(value: any, meta: MetaData, filterType: FilterType){
-  if(meta.fieldType === FieldType.Date){
-    return dateFormatter(value, 'shortDate');
-  }
-  if(meta.fieldType === FieldType.DateTime){
-    return (!!DateTimeFilterFuncs[filterType] ? dateFormatter(value, 'shortDate') : dateFormatter(value, 'short')) || '';
-  }
-  return value
-}
-
-function mapNumber(value: any, meta: MetaData){
-  if(meta.fieldType === FieldType.Currency){
-    return currencyFormatter(value);
-  }
-  return value;
-}

package/src/table-builder/pipes/key-display.ts

@@ -1,13 +0,0 @@
-import { Pipe, PipeTransform, computed, inject } from '@angular/core';
-import { TableStore } from '../classes/table-store';
-import { spaceCase } from '../../utilities/pipes/space-case.pipes';
-import { Observable } from 'rxjs';
-import { map } from 'rxjs/operators';
-
-@Pipe({ name: 'keyDisplay' })
-export class KeyDisplayPipe implements PipeTransform {
-  tableState = inject(TableStore);
-
-  transform = (key: string) =>
-    computed(() => this.tableState.$getMetaData(key)()?.displayName || spaceCase(key))
-}