@alaarab/ogrid-angular-radix 2.0.4 → 2.0.5

package/package.json

@@ -1,9 +1,19 @@
 {
   "name": "@alaarab/ogrid-angular-radix",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "OGrid Angular Radix – Lightweight data grid with sorting, filtering, pagination, column chooser, and CSV export. Built with Angular CDK.",
   "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/esm/index.js"
+    }
+  },
+  "files": ["dist", "README.md", "LICENSE"],
+  "sideEffects": false,
   "keywords": ["ogrid", "datagrid", "angular", "angular-cdk", "data-table", "spreadsheet", "grid"],
   "author": "Ala Arab",
   "license": "MIT",
@@ -17,7 +27,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@alaarab/ogrid-angular": "2.0.4",
+    "@alaarab/ogrid-angular": "2.0.5",
     "@angular/cdk": "^21.0.0"
   },
   "peerDependencies": {

package/jest-mocks/angular-cdk-overlay.cjs.js

@@ -1,38 +0,0 @@
-// Mock for @angular/cdk/overlay in tests
-class MockOverlay {
-  position() {
-    return {
-      flexibleConnectedTo() {
-        return {
-          withPositions() {
-            return this;
-          }
-        };
-      }
-    };
-  }
-
-  create(config) {
-    return {
-      attach: jest.fn(),
-      detach: jest.fn(),
-      dispose: jest.fn(),
-      backdropClick: () => ({
-        subscribe: jest.fn()
-      })
-    };
-  }
-}
-
-class MockComponentPortal {
-  constructor(component) {
-    this.component = component;
-  }
-}
-
-module.exports = {
-  Overlay: MockOverlay,
-  OverlayModule: class MockOverlayModule {},
-  ComponentPortal: MockComponentPortal,
-  CdkOverlayOrigin: class MockCdkOverlayOrigin {},
-};

package/jest-mocks/style-mock.js

@@ -1 +0,0 @@
-module.exports = {};

package/jest.config.js

@@ -1,43 +0,0 @@
-/** @type {import('jest').Config} */
-module.exports = {
-  testEnvironment: 'jsdom',
-  roots: ['<rootDir>/src'],
-  testMatch: [
-    '**/__tests__/**/*.test.ts',
-    '**/__tests__/**/*.test.tsx',
-    '**/__tests__/**/*.spec.ts',
-  ],
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
-  transform: {
-    '^.+\\.tsx?$': [
-      'ts-jest',
-      {
-        useESM: false,
-        tsconfig: {
-          esModuleInterop: true,
-          allowSyntheticDefaultImports: true,
-          module: 'commonjs',
-          target: 'es2019',
-          types: ['jest', 'node'],
-          experimentalDecorators: true,
-          useDefineForClassFields: false,
-        },
-      },
-    ],
-  },
-  moduleNameMapper: {
-    '^@alaarab/ogrid-core$': '<rootDir>/../core/src/index.ts',
-    '^@alaarab/ogrid-core/testing$': '<rootDir>/../core/src/testing/index.ts',
-    '^@alaarab/ogrid-angular$': '<rootDir>/../angular/src/index.ts',
-    '^@angular/core/testing$': '<rootDir>/../angular/jest-mocks/angular-core-testing.cjs.js',
-    '^@angular/core$': '<rootDir>/../angular/jest-mocks/angular-core.cjs.js',
-    '^@angular/common$': '<rootDir>/../angular/jest-mocks/angular-common.cjs.js',
-    '^@angular/platform-browser$': '<rootDir>/../angular/jest-mocks/angular-platform-browser.cjs.js',
-    '^@angular/cdk/overlay$': '<rootDir>/jest-mocks/angular-cdk-overlay.cjs.js',
-    '\\.scss$': '<rootDir>/jest-mocks/style-mock.js',
-  },
-  transformIgnorePatterns: [
-    'node_modules/(?!(@angular|primeng)/)',
-  ],
-  testTimeout: 10000,
-};

package/scripts/compile-styles.js

@@ -1,53 +0,0 @@
-/**
- * Compiles all .module.scss files to .module.css and rewrites dist JS imports.
- */
-const fs = require('fs');
-const path = require('path');
-const sass = require('sass');
-
-const SRC_DIR = path.join(__dirname, '..', 'src');
-const DIST_ESM = path.join(__dirname, '..', 'dist', 'esm');
-
-function* walkDir(dir, base = dir) {
-  const entries = fs.readdirSync(dir, { withFileTypes: true });
-  for (const e of entries) {
-    const full = path.join(dir, e.name);
-    const rel = path.relative(base, full);
-    if (e.isDirectory()) {
-      yield* walkDir(full, base);
-    } else if (e.isFile() && e.name.endsWith('.module.scss')) {
-      yield { full, rel };
-    }
-  }
-}
-
-for (const { full, rel } of walkDir(SRC_DIR)) {
-  const outRel = rel.replace(/\.scss$/, '.css');
-  const outPath = path.join(DIST_ESM, outRel);
-  const outDir = path.dirname(outPath);
-  if (!fs.existsSync(outDir)) fs.mkdirSync(outDir, { recursive: true });
-  const result = sass.compile(full);
-  fs.writeFileSync(outPath, result.css, 'utf8');
-  console.log('Compiled:', rel, '→', outRel);
-}
-
-function* walkJs(dir) {
-  if (!fs.existsSync(dir)) return;
-  const entries = fs.readdirSync(dir, { withFileTypes: true });
-  for (const e of entries) {
-    const full = path.join(dir, e.name);
-    if (e.isDirectory()) yield* walkJs(full);
-    else if (e.isFile() && e.name.endsWith('.js')) yield full;
-  }
-}
-
-for (const jsPath of walkJs(DIST_ESM)) {
-  let content = fs.readFileSync(jsPath, 'utf8');
-  if (content.includes('.module.scss')) {
-    content = content.replace(/\.module\.scss/g, '.module.css');
-    fs.writeFileSync(jsPath, content, 'utf8');
-    console.log('Rewrote imports:', path.relative(DIST_ESM, jsPath));
-  }
-}
-
-console.log('Styles compiled and dist JS imports updated.');

package/src/__tests__/column-chooser.component.spec.ts.skip

@@ -1,195 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DebugElement } from '@angular/core';
-import { By } from '@angular/platform-browser';
-import { ColumnChooserComponent } from '../column-chooser/column-chooser.component';
-import type { IColumnDefinition } from '@alaarab/ogrid-angular';
-
-describe('ColumnChooserComponent', () => {
-  let component: ColumnChooserComponent;
-  let fixture: ComponentFixture<ColumnChooserComponent>;
-
-  const mockColumns: IColumnDefinition[] = [
-    { columnId: 'name', name: 'Name' },
-    { columnId: 'status', name: 'Status' },
-    { columnId: 'priority', name: 'Priority' },
-  ];
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ColumnChooserComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(ColumnChooserComponent);
-    component = fixture.componentInstance;
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should display column count in trigger button', () => {
-    fixture.componentRef.setInput('columns', mockColumns);
-    fixture.componentRef.setInput('visibleColumns', new Set(['name', 'status']));
-    fixture.detectChanges();
-
-    const trigger = fixture.debugElement.query(By.css('.ogrid-column-chooser__trigger'));
-    expect(trigger.nativeElement.textContent).toContain('Columns (2/3)');
-  });
-
-  it('should toggle dropdown when trigger clicked', () => {
-    fixture.componentRef.setInput('columns', mockColumns);
-    fixture.componentRef.setInput('visibleColumns', new Set(['name']));
-    fixture.detectChanges();
-
-    const trigger = fixture.debugElement.query(By.css('.ogrid-column-chooser__trigger'));
-
-    // Initially closed
-    expect(component.isOpen()).toBe(false);
-    let dropdown = fixture.debugElement.query(By.css('.ogrid-column-chooser__dropdown'));
-    expect(dropdown).toBeNull();
-
-    // Click to open
-    trigger.nativeElement.click();
-    fixture.detectChanges();
-    expect(component.isOpen()).toBe(true);
-    dropdown = fixture.debugElement.query(By.css('.ogrid-column-chooser__dropdown'));
-    expect(dropdown).toBeTruthy();
-
-    // Click to close
-    trigger.nativeElement.click();
-    fixture.detectChanges();
-    expect(component.isOpen()).toBe(false);
-  });
-
-  it('should show aria-expanded attribute', () => {
-    fixture.componentRef.setInput('columns', mockColumns);
-    fixture.componentRef.setInput('visibleColumns', new Set(['name']));
-    fixture.detectChanges();
-
-    const trigger = fixture.debugElement.query(By.css('.ogrid-column-chooser__trigger'));
-
-    expect(trigger.nativeElement.getAttribute('aria-expanded')).toBe('false');
-
-    component.toggle();
-    fixture.detectChanges();
-
-    expect(trigger.nativeElement.getAttribute('aria-expanded')).toBe('true');
-  });
-
-  it('should render all columns as checkboxes', () => {
-    fixture.componentRef.setInput('columns', mockColumns);
-    fixture.componentRef.setInput('visibleColumns', new Set(['name', 'status']));
-    component.isOpen.set(true);
-    fixture.detectChanges();
-
-    const items = fixture.debugElement.queryAll(By.css('.ogrid-column-chooser__item'));
-    expect(items.length).toBe(3);
-
-    const checkboxes = fixture.debugElement.queryAll(By.css('input[type="checkbox"]'));
-    expect(checkboxes.length).toBe(3);
-  });
-
-  it('should check visible columns', () => {
-    fixture.componentRef.setInput('columns', mockColumns);
-    fixture.componentRef.setInput('visibleColumns', new Set(['name', 'priority']));
-    component.isOpen.set(true);
-    fixture.detectChanges();
-
-    const checkboxes = fixture.debugElement.queryAll(By.css('input[type="checkbox"]'));
-    expect(checkboxes[0].nativeElement.checked).toBe(true); // name
-    expect(checkboxes[1].nativeElement.checked).toBe(false); // status
-    expect(checkboxes[2].nativeElement.checked).toBe(true); // priority
-  });
-
-  it('should emit visibilityChange when checkbox toggled', () => {
-    fixture.componentRef.setInput('columns', mockColumns);
-    fixture.componentRef.setInput('visibleColumns', new Set(['name']));
-    component.isOpen.set(true);
-    fixture.detectChanges();
-
-    const visibilityChangeSpy = jest.fn();
-    component.visibilityChange.subscribe(visibilityChangeSpy);
-
-    const checkboxes = fixture.debugElement.queryAll(By.css('input[type="checkbox"]'));
-
-    // Toggle status checkbox (currently unchecked)
-    checkboxes[1].nativeElement.checked = true;
-    checkboxes[1].nativeElement.dispatchEvent(new Event('change'));
-    fixture.detectChanges();
-
-    expect(visibilityChangeSpy).toHaveBeenCalledWith({
-      columnKey: 'status',
-      visible: true,
-    });
-  });
-
-  it('should emit visibilityChange for all columns when selectAll clicked', () => {
-    fixture.componentRef.setInput('columns', mockColumns);
-    fixture.componentRef.setInput('visibleColumns', new Set(['name']));
-    component.isOpen.set(true);
-    fixture.detectChanges();
-
-    const visibilityChangeSpy = jest.fn();
-    component.visibilityChange.subscribe(visibilityChangeSpy);
-
-    const selectAllBtn = fixture.debugElement.queryAll(By.css('.ogrid-column-chooser__btn'))[1];
-    selectAllBtn.nativeElement.click();
-    fixture.detectChanges();
-
-    // Should emit for status and priority (not already visible)
-    expect(visibilityChangeSpy).toHaveBeenCalledTimes(2);
-    expect(visibilityChangeSpy).toHaveBeenCalledWith({ columnKey: 'status', visible: true });
-    expect(visibilityChangeSpy).toHaveBeenCalledWith({ columnKey: 'priority', visible: true });
-  });
-
-  it('should emit visibilityChange for all columns when clearAll clicked', () => {
-    fixture.componentRef.setInput('columns', mockColumns);
-    fixture.componentRef.setInput('visibleColumns', new Set(['name', 'status', 'priority']));
-    component.isOpen.set(true);
-    fixture.detectChanges();
-
-    const visibilityChangeSpy = jest.fn();
-    component.visibilityChange.subscribe(visibilityChangeSpy);
-
-    const clearAllBtn = fixture.debugElement.queryAll(By.css('.ogrid-column-chooser__btn'))[0];
-    clearAllBtn.nativeElement.click();
-    fixture.detectChanges();
-
-    // Should emit for all 3 columns
-    expect(visibilityChangeSpy).toHaveBeenCalledTimes(3);
-    expect(visibilityChangeSpy).toHaveBeenCalledWith({ columnKey: 'name', visible: false });
-    expect(visibilityChangeSpy).toHaveBeenCalledWith({ columnKey: 'status', visible: false });
-    expect(visibilityChangeSpy).toHaveBeenCalledWith({ columnKey: 'priority', visible: false });
-  });
-
-  it('should close dropdown when clicking outside', () => {
-    fixture.componentRef.setInput('columns', mockColumns);
-    fixture.componentRef.setInput('visibleColumns', new Set(['name']));
-    component.isOpen.set(true);
-    fixture.detectChanges();
-
-    // Simulate click outside
-    const outsideElement = document.createElement('div');
-    document.body.appendChild(outsideElement);
-
-    const event = new MouseEvent('click', { bubbles: true });
-    Object.defineProperty(event, 'target', { value: outsideElement, enumerable: true });
-
-    component.onDocumentClick(event);
-    fixture.detectChanges();
-
-    expect(component.isOpen()).toBe(false);
-
-    document.body.removeChild(outsideElement);
-  });
-
-  it('should display correct header text', () => {
-    fixture.componentRef.setInput('columns', mockColumns);
-    fixture.componentRef.setInput('visibleColumns', new Set(['name', 'status']));
-    component.isOpen.set(true);
-    fixture.detectChanges();
-
-    const header = fixture.debugElement.query(By.css('.ogrid-column-chooser__header'));
-    expect(header.nativeElement.textContent).toContain('Select Columns (2 of 3)');
-  });
-});