angular-slickgrid 9.0.0 → 9.0.1

package/test/cypress/support/drag.ts

@@ -1,101 +0,0 @@
-import { convertPosition } from './common';
-
-declare global {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace Cypress {
-    interface Chainable {
-      // triggerHover: (elements: NodeListOf<HTMLElement>) => void;
-      dragOutside(
-        viewport?: string,
-        ms?: number,
-        px?: number,
-        options?: { parentSelector?: string; scrollbarDimension?: number; rowHeight?: number }
-      ): Chainable<HTMLElement>;
-      dragStart(options?: { cellWidth?: number; cellHeight?: number }): Chainable<HTMLElement>;
-      dragCell(addRow: number, addCell: number, options?: { cellWidth?: number; cellHeight?: number }): Chainable<HTMLElement>;
-      dragEnd(gridSelector?: string): Chainable<HTMLElement>;
-    }
-  }
-}
-// @ts-ignore
-Cypress.Commands.add('dragStart', { prevSubject: true }, (subject: HTMLElement, { cellWidth = 90, cellHeight = 35 } = {}) => {
-  return cy
-    .wrap(subject)
-    .click({ force: true })
-    .trigger('mousedown', { which: 1 } as any, { force: true })
-    .trigger('mousemove', cellWidth / 3, cellHeight / 3);
-});
-
-// use a different command name than 'drag' so that it doesn't conflict with the '@4tw/cypress-drag-drop' lib
-Cypress.Commands.add(
-  'dragCell',
-  // @ts-ignore
-  { prevSubject: true },
-  (subject: HTMLElement, addRow: number, addCell: number, { cellWidth = 90, cellHeight = 35 } = {}) => {
-    return cy.wrap(subject).trigger('mousemove', cellWidth * (addCell + 0.5), cellHeight * (addRow + 0.5), { force: true });
-  }
-);
-
-Cypress.Commands.add(
-  'dragOutside',
-  (viewport = 'topLeft', ms = 0, px = 0, { parentSelector = 'div[class^="slickgrid_"]', scrollbarDimension = 17 } = {}) => {
-    const $parent = cy.$$(parentSelector);
-    const gridWidth = $parent.width() as number;
-    const gridHeight = $parent.height() as number;
-    let x = gridWidth / 2;
-    let y = gridHeight / 2;
-    const position = convertPosition(viewport);
-    if (position.x === 'left') {
-      x = -px;
-    } else if (position.x === 'right') {
-      x = gridWidth - scrollbarDimension + 3 + px;
-    }
-    if (position.y === 'top') {
-      y = -px;
-    } else if (position.y === 'bottom') {
-      y = gridHeight - scrollbarDimension + 3 + px;
-    }
-
-    cy.get(parentSelector).trigger('mousemove', x, y, { force: true });
-    if (ms) {
-      cy.wait(ms);
-    }
-    return;
-  }
-);
-
-Cypress.Commands.add('dragEnd', { prevSubject: 'optional' }, (_subject, gridSelector = 'div[class^="slickgrid_"]') => {
-  cy.get(gridSelector).trigger('mouseup', { force: true });
-  return;
-});
-
-export function getScrollDistanceWhenDragOutsideGrid(
-  selector: string,
-  viewport: string,
-  dragDirection: string,
-  fromRow: number,
-  fromCol: number,
-  px = 140
-) {
-  return (cy as any).convertPosition(viewport).then((_viewportPosition: { x: number; y: number }) => {
-    const viewportSelector = `${selector} .slick-viewport-${_viewportPosition.x}.slick-viewport-${_viewportPosition.y}`;
-    (cy as any).getNthCell(fromRow, fromCol, viewport, { parentSelector: selector }).dragStart();
-    return cy.get(viewportSelector).then(($viewport) => {
-      const scrollTopBefore = $viewport.scrollTop();
-      const scrollLeftBefore = $viewport.scrollLeft();
-      cy.dragOutside(dragDirection, 300, px, { parentSelector: selector });
-      return cy.get(viewportSelector).then(($viewportAfter) => {
-        cy.dragEnd(selector);
-        const scrollTopAfter = $viewportAfter.scrollTop();
-        const scrollLeftAfter = $viewportAfter.scrollLeft();
-        cy.get(viewportSelector).scrollTo(0, 0, { ensureScrollable: false });
-        return cy.wrap({
-          scrollTopBefore,
-          scrollLeftBefore,
-          scrollTopAfter,
-          scrollLeftAfter,
-        });
-      });
-    });
-  });
-}

package/test/cypress/support/index.ts

@@ -1,20 +0,0 @@
-// ***********************************************************
-// This example support/index.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-import './commands';
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')

package/test/cypress/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "esModuleInterop": true,
-    "lib": ["es2021", "dom"],
-    "types": ["cypress", "node"]
-  },
-  "include": ["**/*.ts"]
-}

package/test/cypress.config.ts

@@ -1,34 +0,0 @@
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  projectId: 'hqnfoi',
-  video: false,
-  viewportWidth: 1200,
-  viewportHeight: 1020,
-  fixturesFolder: 'test/cypress/fixtures',
-  screenshotsFolder: 'test/cypress/screenshots',
-  videosFolder: 'test/cypress/videos',
-  defaultCommandTimeout: 5000,
-  pageLoadTimeout: 90000,
-  numTestsKeptInMemory: 5,
-  retries: {
-    experimentalStrategy: 'detect-flake-and-pass-on-threshold',
-    experimentalOptions: {
-      maxRetries: 2,
-      passesRequired: 1,
-    },
-
-    // you must also explicitly set openMode and runMode to
-    // either true or false when using experimental retries
-    openMode: false, // Cypress UI
-    runMode: true, // run in CI
-  },
-  e2e: {
-    baseUrl: 'http://localhost:4300/#',
-    experimentalRunAllSpecs: true,
-    supportFile: 'test/cypress/support/index.ts',
-    specPattern: 'test/cypress/e2e/**/*.cy.ts',
-    excludeSpecPattern: process.env.CI ? ['**/node_modules/**', '**/000-*.cy.ts'] : ['**/node_modules/**'],
-    testIsolation: false,
-  },
-});

package/test/mockSlickEvent.ts

@@ -1,77 +0,0 @@
-import type { Handler, SlickEvent, SlickEventData } from '@slickgrid-universal/common';
-type MergeTypes<A, B> = { [key in keyof A]: key extends keyof B ? B[key] : A[key] } & B;
-
-// @ts-ignore
-export class MockSlickEvent<ArgType = any> implements SlickEvent {
-  protected handlers: Handler<any>[] = [];
-
-  notify(args: ArgType, event?: SlickEventData | Event | MergeTypes<SlickEventData, Event> | null, scope?: any) {
-    scope = scope || this;
-
-    let returnValue: any;
-    for (const handler of this.handlers) {
-      returnValue = handler.call(scope, event as SlickEventData, args);
-    }
-
-    return returnValue;
-  }
-
-  subscribe(handler: Handler<ArgType>): any {
-    this.handlers.push(handler);
-  }
-
-  unsubscribe(handler?: Handler<ArgType>) {
-    this.handlers.forEach((handlerFn, index) => {
-      if (handlerFn === handler) {
-        this.handlers.splice(index, 1);
-      }
-    });
-  }
-}
-
-export class MockSlickEventHandler {
-  protected handlers: any[] = [];
-
-  notify(eventName: string, data?: any) {
-    const pubSub = this.handlers.find((subscription) => subscription.name === eventName);
-    if (typeof pubSub?.handler === 'function') {
-      pubSub.handler(data);
-    }
-  }
-
-  subscribe<T = any>(event: MockSlickEvent, handler: Handler<T>): any {
-    this.handlers.push({ event, handler });
-    if (event.subscribe) {
-      event.subscribe(handler);
-    }
-
-    return this;
-  }
-
-  unsubscribe<T = any>(event: MockSlickEvent, handler: Handler<T>) {
-    let i = this.handlers.length;
-    while (i--) {
-      if (this.handlers[i].event === event && this.handlers[i].handler === handler) {
-        this.handlers.splice(i, 1);
-        if (event.unsubscribe) {
-          event.unsubscribe(handler);
-        }
-        break;
-      }
-    }
-
-    return this; // allow chaining
-  }
-
-  unsubscribeAll() {
-    let i = this.handlers.length;
-    while (i--) {
-      if (this.handlers[i].event.unsubscribe) {
-        this.handlers[i].event.unsubscribe(this.handlers[i].handler);
-      }
-    }
-    this.handlers = [];
-
-    return this; // allow chaining
-  }
-}

package/test/rxjsResourceStub.ts

@@ -1,69 +0,0 @@
-import type { RxJsFacade } from '@slickgrid-universal/common';
-import {
-  EMPTY,
-  iif,
-  isObservable,
-  firstValueFrom,
-  Observable,
-  type ObservableInput,
-  of,
-  type OperatorFunction,
-  type ObservedValueOf,
-  Subject,
-  switchMap,
-} from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-
-export class RxJsResourceStub implements RxJsFacade {
-  readonly className = 'RxJsResource';
-
-  /**
-   * The same Observable instance returned by any call to without a scheduler.
-   * This returns the EMPTY constant from RxJS
-   */
-  get EMPTY(): Observable<never> {
-    return EMPTY;
-  }
-
-  /** Simple method to create an Observable */
-  createObservable<T>(): Observable<T> {
-    return new Observable<T>();
-  }
-
-  /** Simple method to create a Subject */
-  createSubject<T>(): Subject<T> {
-    return new Subject<T>();
-  }
-
-  /** same Observable instance returned by any call to without a scheduler. It is preferrable to use this over empty() */
-  empty(): Observable<never> {
-    return EMPTY;
-  }
-
-  firstValueFrom<T>(source: Observable<T>): Promise<T> {
-    return firstValueFrom(source);
-  }
-
-  iif<T = never, F = never>(condition: () => boolean, trueResult?: any, falseResult?: any): Observable<T | F> {
-    return iif<T, F>(condition, trueResult, falseResult);
-  }
-
-  /** Tests to see if the object is an RxJS Observable */
-  isObservable(obj: any): boolean {
-    return isObservable(obj);
-  }
-
-  /** Converts the arguments to an observable sequence. */
-  of(value: any): Observable<any> {
-    return of(value);
-  }
-
-  switchMap<T, O extends ObservableInput<any>>(project: (value: T, index: number) => O): OperatorFunction<T, ObservedValueOf<O>> {
-    return switchMap(project);
-  }
-
-  /** Emits the values emitted by the source Observable until a `notifier` Observable emits a value. */
-  takeUntil<T>(notifier: Observable<any>): any {
-    return takeUntil<T>(notifier);
-  }
-}

package/test/test-setup.ts

@@ -1,6 +0,0 @@
-import '@analogjs/vitest-angular/setup-zone';
-
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
-import { getTestBed } from '@angular/core/testing';
-
-getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());

package/test/translateServiceStub.ts

@@ -1,230 +0,0 @@
-export class TranslateServiceStub {
-  currentLang = 'en';
-
-  use(locale: string) {
-    return new Promise((resolve) => resolve((this.currentLang = locale)));
-  }
-
-  instant(translationKey: string): string {
-    let output = translationKey;
-    switch (translationKey) {
-      case 'ALL_SELECTED':
-        output = this.currentLang === 'en' ? 'All Selected' : 'Tout sélectionnés';
-        break;
-      case 'ALL_X_RECORDS_SELECTED':
-        output = this.currentLang === 'en' ? 'All {{x}} records selected' : 'Sur tous les {{x}} éléments sélectionnés';
-        break;
-      case 'APPLY_MASS_UPDATE':
-        output = this.currentLang === 'en' ? 'Apply Mass Update' : 'Mettre à jour en masse';
-        break;
-      case 'APPLY_TO_SELECTION':
-        output = this.currentLang === 'en' ? 'Update Selection' : 'Mettre à jour la sélection';
-        break;
-      case 'CANCEL':
-        output = this.currentLang === 'en' ? 'Cancel' : 'Annuler';
-        break;
-      case 'CLEAR_ALL_GROUPING':
-        output = this.currentLang === 'en' ? 'Clear all Grouping' : 'Supprimer tous les groupes';
-        break;
-      case 'CLEAR_ALL_FILTERS':
-        output = this.currentLang === 'en' ? 'Clear all Filters' : 'Supprimer tous les filtres';
-        break;
-      case 'CLEAR_ALL_SORTING':
-        output = this.currentLang === 'en' ? 'Clear all Sorting' : 'Supprimer tous les tris';
-        break;
-      case 'CLEAR_PINNING':
-        output = this.currentLang === 'en' ? 'Unfreeze Columns/Rows' : 'Dégeler les colonnes/rangées';
-        break;
-      case 'COLUMNS':
-        output = this.currentLang === 'en' ? 'Columns' : 'Colonnes';
-        break;
-      case 'COMMANDS':
-        output = this.currentLang === 'en' ? 'Commands' : 'Commandes';
-        break;
-      case 'COLLAPSE_ALL_GROUPS':
-        output = this.currentLang === 'en' ? 'Collapse all Groups' : 'Réduire tous les groupes';
-        break;
-      case 'CONTAINS':
-        output = this.currentLang === 'en' ? 'Contains' : 'Contient';
-        break;
-      case 'COPY':
-        output = this.currentLang === 'en' ? 'Copy' : 'Copier';
-        break;
-      case 'DURATION':
-        output = this.currentLang === 'en' ? 'Duration' : 'Durée';
-        break;
-      case 'EMPTY_DATA_WARNING_MESSAGE':
-        output = this.currentLang === 'en' ? 'No data to display.' : 'Aucune donnée à afficher.';
-        break;
-      case 'ENDS_WITH':
-        output = this.currentLang === 'en' ? 'Ends With' : 'Se termine par';
-        break;
-      case 'EQUALS':
-        output = this.currentLang === 'en' ? 'Equals' : 'Égale';
-        break;
-      case 'EQUAL_TO':
-        output = this.currentLang === 'en' ? 'Equal to' : 'Égal à';
-        break;
-      case 'EXPAND_ALL_GROUPS':
-        output = this.currentLang === 'en' ? 'Expand all Groups' : 'Étendre tous les groupes';
-        break;
-      case 'EXPORT_TO_CSV':
-        output = this.currentLang === 'en' ? 'Export in CSV format' : 'Exporter en format CSV';
-        break;
-      case 'EXPORT_TO_EXCEL':
-        output = this.currentLang === 'en' ? 'Export to Excel' : 'Exporter vers Excel';
-        break;
-      case 'EXPORT_TO_TAB_DELIMITED':
-        output = this.currentLang === 'en' ? 'Export in Text format (Tab delimited)' : 'Exporter en format texte (délimité par tabulation)';
-        break;
-      case 'EXPORT_TO_TEXT_FORMAT':
-        output = this.currentLang === 'en' ? 'Export in Text format' : 'Exporter en format texte';
-        break;
-      case 'FEMALE':
-        output = this.currentLang === 'en' ? 'Female' : 'Femme';
-        break;
-      case 'FIRST_NAME':
-        output = this.currentLang === 'en' ? 'First Name' : 'Prénom';
-        break;
-      case 'FORCE_FIT_COLUMNS':
-        output = this.currentLang === 'en' ? 'Force fit columns' : 'Ajustement forcé des colonnes';
-        break;
-      case 'FREEZE_COLUMNS':
-        output = this.currentLang === 'en' ? 'Freeze Columns' : 'Geler les colonnes';
-        break;
-      case 'GREATER_THAN':
-        output = this.currentLang === 'en' ? 'Greater than' : 'Plus grand que';
-        break;
-      case 'GREATER_THAN_OR_EQUAL_TO':
-        output = this.currentLang === 'en' ? 'Greater than or equal to' : 'Plus grand ou égal à';
-        break;
-      case 'GROUP_BY':
-        output = this.currentLang === 'en' ? 'Grouped By' : 'Groupé par';
-        break;
-      case 'GROUP_NAME':
-        output = this.currentLang === 'en' ? 'Group Name' : 'Nom du Groupe';
-        break;
-      case 'HELLO':
-        output = this.currentLang === 'en' ? 'Hello' : 'Bonjour';
-        break;
-      case 'HELP':
-        output = this.currentLang === 'en' ? 'Help' : 'Aide';
-        break;
-      case 'HIDE_COLUMN':
-        output = this.currentLang === 'en' ? 'Hide Column' : 'Cacher la colonne';
-        break;
-      case 'LAST_NAME':
-        output = this.currentLang === 'en' ? 'Last Name' : 'Nom de famille';
-        break;
-      case 'LAST_UPDATE':
-        output = this.currentLang === 'en' ? 'Last Update' : 'Dernière mise à jour';
-        break;
-      case 'LESS_THAN':
-        output = this.currentLang === 'en' ? 'Less than or equal to' : 'Plus petit que';
-        break;
-      case 'LESS_THAN_OR_EQUAL_TO':
-        output = this.currentLang === 'en' ? 'Less than or equal to' : 'Plus petit ou égal à';
-        break;
-      case 'MALE':
-        output = this.currentLang === 'en' ? 'Male' : 'Mâle';
-        break;
-      case 'ITEMS':
-        output = this.currentLang === 'en' ? 'items' : 'éléments';
-        break;
-      case 'ITEMS_PER_PAGE':
-        output = this.currentLang === 'en' ? 'items per page' : 'éléments par page';
-        break;
-      case 'LOADING':
-        output = this.currentLang === 'en' ? 'Loading...' : 'Chargement...';
-        break;
-      case 'NOT_EQUAL_TO':
-        output = this.currentLang === 'en' ? 'Not equal to' : 'Non égal à';
-        break;
-      case 'OF':
-        output = this.currentLang === 'en' ? 'of' : 'de';
-        break;
-      case 'OK':
-        output = this.currentLang === 'en' ? 'OK' : 'Terminé';
-        break;
-      case 'OPTIONS_LIST':
-        output = this.currentLang === 'en' ? 'Options List' : "Liste d'options";
-        break;
-      case 'OTHER':
-        output = this.currentLang === 'en' ? 'Other' : 'Autre';
-        break;
-      case 'PAGE':
-        output = this.currentLang === 'en' ? 'Page' : 'Page';
-        break;
-      case 'REFRESH_DATASET':
-        output = this.currentLang === 'en' ? 'Refresh Dataset' : 'Rafraîchir les données';
-        break;
-      case 'REMOVE_FILTER':
-        output = this.currentLang === 'en' ? 'Remove Filter' : 'Supprimer le filtre';
-        break;
-      case 'REMOVE_SORT':
-        output = this.currentLang === 'en' ? 'Remove Sort' : 'Supprimer le tri';
-        break;
-      case 'SORT_ASCENDING':
-        output = this.currentLang === 'en' ? 'Sort Ascending' : 'Trier par ordre croissant';
-        break;
-      case 'SORT_DESCENDING':
-        output = this.currentLang === 'en' ? 'Sort Descending' : 'Trier par ordre décroissant';
-        break;
-      case 'SAVE':
-        output = this.currentLang === 'en' ? 'Save' : 'Sauvegarder';
-        break;
-      case 'STARTS_WITH':
-        output = this.currentLang === 'en' ? 'Starts With' : 'Commence par';
-        break;
-      case 'SYNCHRONOUS_RESIZE':
-        output = this.currentLang === 'en' ? 'Synchronous resize' : 'Redimension synchrone';
-        break;
-      case 'TITLE':
-        output = this.currentLang === 'en' ? 'Title' : 'Titre';
-        break;
-      case 'TOGGLE_FILTER_ROW':
-        output = this.currentLang === 'en' ? 'Toggle Filter Row' : 'Basculer la ligne des filtres';
-        break;
-      case 'TOGGLE_PRE_HEADER_ROW':
-        output = this.currentLang === 'en' ? 'Toggle Pre-Header Row' : 'Basculer la ligne de pré-en-tête';
-        break;
-      case 'TRUE':
-        output = this.currentLang === 'en' ? 'True' : 'Vrai';
-        break;
-      case 'USER_PROFILE':
-        output = this.currentLang === 'en' ? 'User Profile' : `Profile d'usager`;
-        break;
-      case 'COMPANY_PROFILE':
-        output = this.currentLang === 'en' ? 'Company Profile' : `Profile de compagnie`;
-        break;
-      case 'SALES':
-        output = this.currentLang === 'en' ? 'Sales' : 'Ventes';
-        break;
-      case 'SALES_REP':
-        output = this.currentLang === 'en' ? 'Sales Rep.' : 'Représentant des ventes';
-        break;
-      case 'SELECT_ALL':
-        output = this.currentLang === 'en' ? 'Select All' : 'Sélectionner tout';
-        break;
-      case 'FINANCE_MANAGER':
-        output = this.currentLang === 'en' ? 'Finance Manager' : 'Responsable des finances';
-        break;
-      case 'HUMAN_RESOURCES':
-        output = this.currentLang === 'en' ? 'Human Resources' : 'Ressources humaines';
-        break;
-      case 'IT_ADMIN':
-        output = this.currentLang === 'en' ? 'IT Admin' : 'Administrateur IT';
-        break;
-      case 'DEVELOPER':
-        output = this.currentLang === 'en' ? 'Developer' : 'Développeur';
-        break;
-      case 'X_OF_Y_SELECTED':
-        output = this.currentLang === 'en' ? '# of % selected' : '# de % sélectionnés';
-        break;
-      case 'X_OF_Y_MASS_SELECTED':
-        output = this.currentLang === 'en' ? '{{x}} of {{y}} records selected' : '{{x}} de {{y}} éléments sélectionnés';
-        break;
-    }
-    return output;
-  }
-}