@uni-design-system/uni-angular 2.0.1 → 2.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uni-design-system/uni-angular",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/uni-design-system/uni",
@@ -8,43 +8,30 @@
   },
   "publishConfig": {
     "access": "public",
-    "provenance": true
+    "provenance": true,
+    "directory": "dist"
   },
   "private": false,
   "peerDependencies": {
     "@angular/common": "21.2.12",
     "@angular/core": "21.2.12",
     "@emotion/css": "^11.0.0",
-    "@uni-design-system/uni-core": "2.0.1"
+    "@uni-design-system/uni-core": "2.0.3"
   },
-  "devDependencies": {
-    "@analogjs/storybook-angular": "^2.5.1",
-    "@analogjs/vite-plugin-angular": "^2.5.0",
-    "@angular-devkit/architect": "^0.2102.10",
-    "@angular-devkit/build-angular": "^21.2.10",
-    "@angular-devkit/core": "21.2.10",
-    "@angular/compiler": "21.2.12",
-    "@angular/compiler-cli": "21.2.12",
-    "@angular/platform-browser-dynamic": "21.2.12",
-    "@emotion/css": "^11.0.0",
-    "@storybook/addon-a11y": "^10.4.0",
-    "@storybook/addon-docs": "^10.4.0",
-    "@storybook/angular": "^10.4.0",
-    "@storybook/builder-vite": "^10.4.0",
-    "@types/react": "^18.3.28",
-    "ng-packagr": "^21.0.0",
-    "react": "^18.2.0",
-    "storybook": "^10.4.0",
-    "tslib": "^2.8.1",
-    "typescript": "5.9.3",
-    "vite": "^8.0.10",
-    "vite-tsconfig-paths": "^6.1.1",
-    "@uni-design-system/tsconfig": "0.0.0"
+  "module": "fesm2022/uni-design-system-uni-angular.mjs",
+  "typings": "types/uni-design-system-uni-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/uni-design-system-uni-angular.d.ts",
+      "default": "./fesm2022/uni-design-system-uni-angular.mjs"
+    }
   },
-  "scripts": {
-    "build": "pnpm ng-packagr -p ng-package.json",
-    "storybook": "pnpm ng run @uni-design-system/uni-angular:storybook",
-    "build-storybook": "pnpm dlx @angular/cli run @uni-design-system/uni-angular:build-storybook",
-    "release": "pnpm build && pnpm changeset publish"
+  "sideEffects": false,
+  "type": "module",
+  "dependencies": {
+    "tslib": "^2.3.0"
   }
 }

package/.storybook/main.ts

@@ -1,41 +0,0 @@
-import { dirname } from 'path';
-import { fileURLToPath } from 'url';
-import { mergeConfig } from 'vite';
-import type { StorybookConfig as StorybookConfigBase } from '@storybook/angular';
-import type { StorybookConfigVite } from '@storybook/builder-vite';
-
-function getAbsolutePath(value: string) {
-  return dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)));
-}
-
-type StorybookConfig = StorybookConfigBase & StorybookConfigVite;
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [getAbsolutePath('@storybook/addon-a11y'), getAbsolutePath('@storybook/addon-docs')],
-  framework: {
-    name: getAbsolutePath('@storybook/angular') as '@storybook/angular',
-    options: {
-      builder: {
-        name: getAbsolutePath('@storybook/builder-vite') as '@storybook/builder-vite',
-        options: {},
-      },
-    },
-  },
-  staticDirs: ['../../../public'],
-  managerHead: (head) => `${head}<link rel="icon" href="/favicon.ico" />`,
-  async viteFinal(config) {
-    return mergeConfig(config, {
-      optimizeDeps: {
-        exclude: ['@angular/animations', '@angular/animations/browser'],
-      },
-      build: {
-        rollupOptions: {
-          external: ['@angular/animations', '@angular/animations/browser'],
-        },
-      },
-    });
-  },
-};
-
-export default config;

package/.storybook/manager.ts

@@ -1,24 +0,0 @@
-import { addons } from 'storybook/manager-api';
-import { create } from 'storybook/theming';
-
-const theme = create({
-  base: 'light',
-  brandTitle: 'UNI Design System',
-  brandUrl: 'https://uni-design-system.github.io/uni/docs/angular',
-  brandImage: 'uni-storybook-logo.png',
-
-  appBg: 'white',
-});
-
-addons.setConfig({
-  theme,
-  sidebar: {
-    // This filter excludes individual stories from the sidebar list,
-    // leaving only the MDX documentation pages visible.
-    filters: {
-      patterns: (item) => {
-        return item.type === 'docs';
-      },
-    },
-  },
-});

package/.storybook/preview.ts

@@ -1,21 +0,0 @@
-import { applicationConfig, type Preview } from '@storybook/angular';
-import { UNI_THEMES } from '../src/lib/theming/theme.token';
-import { UniThemes } from '@uni-design-system/uni-core';
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-  decorators: [
-    applicationConfig({
-      providers: [{ provide: UNI_THEMES, useValue: UniThemes }],
-    }),
-  ],
-};
-
-export default preview;

package/.storybook/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "moduleResolution": "bundler",
-    "module": "ESNext",
-    "esModuleInterop": true,
-    "types": ["node", "vite/client"],
-    "jsx": "react-jsx",
-    "allowSyntheticDefaultImports": true,
-    "resolveJsonModule": true,
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true
-  },
-  "exclude": ["../src/test.ts", "../src/**/*.spec.ts"],
-  "include": [
-    "../src/**/*.ts",
-    "../src/**/*.tsx",
-    "../src/**/*.stories.ts",
-    "./preview.ts",
-    "./main.ts",
-    "./vite.config.ts"
-  ],
-  "files": ["./typings.d.ts"]
-}

package/.storybook/typings.d.ts

@@ -1,4 +0,0 @@
-declare module '*.md' {
-  const content: string;
-  export default content;
-}

package/.storybook/vite.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite';
-import tsconfigPaths from 'vite-tsconfig-paths';
-import angular from '@analogjs/vite-plugin-angular';
-
-export default defineConfig({
-  plugins: [angular(), tsconfigPaths()],
-});

package/.turbo/turbo-build.log

@@ -1,25 +0,0 @@
-$ pnpm ng-packagr -p ng-package.json
-Building Angular Package
-
-------------------------------------------------------------------------------
-Building entry point '@uni-design-system/uni-angular'
-------------------------------------------------------------------------------
-- Compiling with Angular sources in partial compilation mode.
-✔ Compiling with Angular sources in partial compilation mode.
-✔ Generating FESM and DTS bundles
-- Copying assets
-✔ Copying assets
-- Writing package manifest
-ℹ Removing scripts section in package.json as it's considered a potential security vulnerability.
-ℹ Removing devDependencies section in package.json.
-✔ Writing package manifest
-✔ Built @uni-design-system/uni-angular
-
-------------------------------------------------------------------------------
-Built Angular Package
-- from: /home/runner/work/uni/uni/packages/angular
-- to:   /home/runner/work/uni/uni/packages/angular/dist
-------------------------------------------------------------------------------
-
-Build at: 2026-05-19T15:52:43.735Z - Time: 2751ms
-

package/CHANGELOG.md

@@ -1,28 +0,0 @@
-# @uni-design-system/uni-angular
-
-## 2.0.1
-
-### Patch Changes
-
-- [`be0fb26`](https://github.com/uni-design-system/uni/commit/be0fb2626c248fed37c2609d50eb1bfae40269e4) Thanks [@gaenglish](https://github.com/gaenglish)! - Setting Fixed Versioning for all packages.
-
-- Updated dependencies [[`e2cad74`](https://github.com/uni-design-system/uni/commit/e2cad74631b3a9d2caf4816bcadedf19db99fec4), [`be0fb26`](https://github.com/uni-design-system/uni/commit/be0fb2626c248fed37c2609d50eb1bfae40269e4)]:
-  - @uni-design-system/uni-core@2.0.1
-
-## 2.0.0
-
-### Patch Changes
-
-- Updated dependencies [[`4a049de`](https://github.com/uni-design-system/uni/commit/4a049def689d56d6b6cc1d2da73c9facd93ed515)]:
-  - @uni-design-system/uni-core@1.1.0
-
-## 1.0.0
-
-### Major Changes
-
-- [`7d18157`](https://github.com/uni-design-system/uni/commit/7d18157cb131098688b70286513643423c37c756) Thanks [@gaenglish](https://github.com/gaenglish)! - init release
-
-### Patch Changes
-
-- Updated dependencies [[`7d18157`](https://github.com/uni-design-system/uni/commit/7d18157cb131098688b70286513643423c37c756)]:
-  - @uni-design-system/uni-core@1.0.0

package/angular.json

@@ -1,47 +0,0 @@
-{
-  "$schema": "../../node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "@uni-design-system/uni-angular": {
-      "projectType": "library",
-      "root": "",
-      "sourceRoot": "src",
-      "prefix": "uni",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
-          "options": {
-            "project": "ng-package.json"
-          }
-        },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "src/test.ts",
-            "tsConfig": "tsconfig.spec.json",
-            "karmaConfig": "karma.conf.js"
-          }
-        },
-        "storybook": {
-          "builder": "@storybook/angular:start-storybook",
-          "options": {
-            "configDir": ".storybook",
-            "browserTarget": "@uni-design-system/uni-angular:build",
-            "compodoc": false,
-            "port": 6007
-          }
-        },
-        "build-storybook": {
-          "builder": "@storybook/angular:build-storybook",
-          "options": {
-            "configDir": ".storybook",
-            "browserTarget": "@uni-design-system/uni-angular:build",
-            "compodoc": false,
-            "outputDir": "storybook-static"
-          }
-        }
-      }
-    }
-  }
-}

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/.pnpm/ng-packagr@21.2.3_@angular+compiler-cli@21.2.11_@angular+compiler@21.2.11_typescript@6.0.3__tslib@2.8.1_typescript@6.0.3/node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "dest": "dist"
-}

package/src/lib/button.component.ts

@@ -1,28 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common'; // Still useful for pipes/directives
-
-@Component({
-  selector: 'uni-button',
-  standalone: true, // Optional but explicit
-  imports: [CommonModule],
-  template: `
-    <button [style.background-color]="bgColor" [style.color]="textColor">
-      {{ label }}
-    </button>
-  `,
-  styles: [
-    `
-      button {
-        padding: 12px 24px;
-        border-radius: 4px;
-        border: none;
-        cursor: pointer;
-      }
-    `,
-  ],
-})
-export class UniButtonComponent {
-  @Input() label: string = 'Button';
-  bgColor = '#000000';
-  textColor = '#fff';
-}

package/src/lib/button.stories.ts

@@ -1,20 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { UniButtonComponent } from './button.component';
-
-const meta: Meta<UniButtonComponent> = {
-  title: 'Components/UniButton',
-  component: UniButtonComponent, // Storybook 11+ handles standalone components automatically here
-  render: (args) => ({
-    props: args,
-    // We don't need 'template' if we just want to render the component as is
-  }),
-};
-
-export default meta;
-type Story = StoryObj<UniButtonComponent>;
-
-export const Primary: Story = {
-  args: {
-    label: 'My Angular Component',
-  },
-};

package/src/lib/cdk/datasource/base-datasource.ts

@@ -1,113 +0,0 @@
-import { computed, signal, Signal, WritableSignal } from '@angular/core';
-
-export type SortDirection = 'asc' | 'desc' | 'indet';
-
-export interface Sort<T> {
-  column?: keyof T;
-  direction: SortDirection;
-}
-
-export abstract class UniBaseDatasource<T> {
-  abstract records: Signal<T[]>;
-  abstract recordCount: Signal<number>;
-
-  selections = signal<T[]>([]);
-
-  sort: WritableSignal<Sort<T>> = signal({
-    column: undefined,
-    direction: 'indet',
-  });
-
-  sortColumn = computed(() => this.sort().column);
-  sortDirection = computed(() => this.sort().direction);
-
-  abstract pageIndex: Signal<number>;
-  abstract pageSize: Signal<number>;
-  abstract pageCount: Signal<number>;
-
-  pages = computed(() => Array.from({ length: this.pageCount() }, (_, index) => index + 1));
-
-  startIndex = computed(() => {
-    const pageSize = this.pageSize();
-    const pageIndex = this.pageIndex();
-    return pageSize > 0 ? pageIndex * pageSize : 0;
-  });
-
-  endIndex = computed(() => {
-    const pageSize = this.pageSize();
-    const total = this.recordCount();
-
-    // If unpaginated (pageSize = 0), return total count
-    if (pageSize === 0) {
-      return total;
-    }
-
-    const start = this.startIndex();
-    return Math.min(start + pageSize, total);
-  });
-
-  disablePrevious = computed(() => {
-    const pageSize = this.pageSize();
-    return pageSize === 0 ? true : this.pageIndex() === 0;
-  });
-
-  disableNext = computed(() => {
-    const pageSize = this.pageSize();
-    return pageSize === 0 ? true : this.pageIndex() + 1 >= this.pageCount();
-  });
-
-  truncatedPages = computed(() => {
-    const currentPage = this.pageIndex() + 1;
-    const displayRange = 3;
-    const totalPages = this.pageCount();
-
-    const pages: (number | string)[] = [];
-    const startPage = Math.max(1, currentPage - displayRange);
-    const endPage = Math.min(totalPages, currentPage + displayRange);
-
-    if (startPage > 1) {
-      pages.push(1);
-      if (startPage > 2) {
-        pages.push('...');
-      }
-    }
-
-    for (let i = startPage; i <= endPage; i++) {
-      pages.push(i);
-    }
-
-    if (endPage < totalPages) {
-      if (endPage < totalPages - 1) {
-        pages.push('...');
-      }
-      pages.push(totalPages);
-    }
-    return pages;
-  });
-
-  isSelected(row: T): boolean {
-    return this.selections().some((selection) => selection === row);
-  }
-
-  toggleSelection(row: T) {
-    this.selections.update((selections) => {
-      return selections.includes(row) ? selections.filter((i) => i !== row) : [...selections, row];
-    });
-  }
-
-  clearSelections() {
-    this.selections.set([]);
-  }
-
-  selectAll() {
-    this.selections.set([...this.records()]);
-  }
-
-  abstract sortRecords(sort: Sort<T>): void;
-  abstract firstPage(): void;
-  abstract nextPage(): void;
-  abstract previousPage(): void;
-  abstract lastPage(): void;
-  abstract jumpToPage(page: number): void;
-  abstract setPageSize(size: number): void;
-}

package/src/lib/cdk/datasource/datasource.types.ts

@@ -1,10 +0,0 @@
-import { UniBaseDatasource } from './base-datasource';
-import { UniRecordDatasource } from './record-datasource';
-import { UniServerSideDatasource } from './server-side-datasource';
-
-export type UniDatasource<T> = UniBaseDatasource<T>;
-
-export type { Sort, SortDirection } from './base-datasource';
-export type { DataLoader, PageRequest, PageResponse } from './server-side-datasource';
-
-export { UniBaseDatasource, UniRecordDatasource, UniServerSideDatasource };

package/src/lib/cdk/datasource/record-datasource.ts

@@ -1,115 +0,0 @@
-import { computed, signal } from '@angular/core';
-import { UniBaseDatasource, Sort } from './base-datasource';
-
-export class UniRecordDatasource<T> extends UniBaseDatasource<T> {
-  private _pageNumber = signal(1);
-  private _pageSize = signal<number>(0); // 0 = unpaginated (show all)
-
-  initialRecords = signal<T[]>([]);
-  override recordCount = computed((): number => this.initialRecords().filter(this.filter()).length);
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  filter = signal<(value: T) => boolean>((value) => true);
-
-  override pageIndex = signal<number>(0);
-  override pageSize = computed(() => this._pageSize());
-
-  override pageCount = computed(() => {
-    const pageSize = this.pageSize();
-    return pageSize > 0 ? Math.ceil(this.recordCount() / pageSize) : 1;
-  });
-
-  override records = computed(() => {
-    const { column, direction } = this.sort();
-    const filter = this.filter();
-    const pageSize = this.pageSize();
-
-    let filteredRecords = this.initialRecords().filter(filter);
-
-    // Apply sorting if specified
-    if (column && direction !== 'indet') {
-      filteredRecords = [...filteredRecords].sort((a, b) => {
-        const valueA = a[column];
-        const valueB = b[column];
-
-        const isString = typeof valueA === 'string';
-        const isAsc = direction === 'asc';
-
-        return isString
-          ? stringCompare(valueA as string, valueB as string, isAsc)
-          : numberCompare(valueA as number, valueB as number, isAsc);
-      });
-    }
-
-    // Apply pagination only if pageSize > 0
-    if (pageSize > 0) {
-      return filteredRecords.slice(this.startIndex(), this.endIndex());
-    }
-
-    // Return all records (unpaginated)
-    return filteredRecords;
-  });
-
-  constructor(data: T[]) {
-    super();
-    this.initialRecords.set(data);
-  }
-
-  override sortRecords(sort: Sort<T>) {
-    this.sort.set(sort);
-  }
-
-  override firstPage() {
-    this.pageIndex.set(0);
-  }
-
-  override nextPage() {
-    if (this.pageIndex() < this.pageCount() - 1) {
-      this.pageIndex.update((i) => i + 1);
-    }
-  }
-
-  override previousPage() {
-    this.pageIndex.update((i) => (i > 1 ? i - 1 : 0));
-  }
-
-  override lastPage() {
-    this.pageIndex.set(this.pageCount() - 1);
-  }
-
-  override jumpToPage(page: number) {
-    const i = page - 1;
-    if (i >= 0 && i < this.pageCount()) {
-      this.pageIndex.set(i);
-    }
-  }
-
-  override setPageSize(size: number) {
-    this._pageSize.set(size);
-    if (size > 0) {
-      this._pageNumber.set(1);
-      this.pageIndex.set(0);
-    }
-  }
-
-  setFilter(filter: (value: T) => boolean) {
-    this.filter.set(filter);
-  }
-
-  clearFilter() {
-    this.filter.set(() => true);
-  }
-}
-
-function stringCompare(a = 'zzz', b = 'zzz', isAsc: boolean): number {
-  a = a.toString();
-  b = b.toString();
-
-  return isAsc
-    ? a.localeCompare(b, undefined, { sensitivity: 'base' })
-    : b.localeCompare(a, undefined, { sensitivity: 'base' });
-}
-
-function numberCompare(a = 0, b = 0, isAsc: boolean): number {
-  return isAsc ? a - b : b - a;
-}