@ngrr/ds 0.1.6 → 0.1.7

package/dist/types/common.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Shared TypeScript interfaces for the DS-Nagarro component library.
+ *
+ * Prop values map directly to Figma variant property names.
+ * Size mapping: Small → "sm" | Medium → "md" | Large → "lg" | xLarge → "xl" | xxLarge → "2xl"
+ */
+/** Universal size scale used across all sizable components */
+export type Size = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+/** Base props forwarded by every component */
+export interface BaseProps {
+    /** Additional CSS class names */
+    className?: string;
+    /** HTML id attribute */
+    id?: string;
+}
+/** Props shared by all form control components */
+export interface FormControlProps extends BaseProps {
+    /** Visible label text */
+    label?: string;
+    /** Accessible label when no visible label is provided */
+    'aria-label'?: string;
+    /** Helper / description text rendered below the input */
+    helpText?: string;
+    /** Error message — also sets aria-invalid */
+    errorMessage?: string;
+    /** Whether the field is in an error state */
+    error?: boolean;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** Associates help and error text via aria-describedby */
+    describedById?: string;
+}
+/** Data table cell renderer families mapped from Figma field types */
+export type DataTableFieldType = 'string' | 'number' | 'date' | 'tag' | 'user' | 'boolean' | 'checkbox' | 'url' | 'empty';
+/** Column sizing strategy */
+export type DataTableColumnWidthMode = 'fixed' | 'hug' | 'stretch';
+/** Text alignment used for headers and cells */
+export type DataTableCellAlign = 'left' | 'center' | 'right';
+/** Sort direction for sortable column headers */
+export type DataTableSortDirection = 'none' | 'asc' | 'desc';
+/** Column definition used by DataTable */
+export interface DataTableColumnDef {
+    id: string;
+    header: string;
+    fieldType: DataTableFieldType;
+    headerVariant?: 'title' | 'checkbox';
+    widthMode?: DataTableColumnWidthMode;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    sortable?: boolean;
+    reorderable?: boolean;
+    frozen?: boolean;
+    align?: DataTableCellAlign;
+}
+/** Row model used by DataTable */
+export interface DataTableRow {
+    id: string;
+    cells: Record<string, unknown>;
+}
+/** Shared state model for data visualization components */
+export type ChartState = 'default' | 'loading' | 'empty' | 'error';
+/** Generic cartesian data point model used by line/bar charts */
+export interface ChartDataPoint {
+    [key: string]: string | number | null | undefined;
+}
+/** Shared series descriptor for cartesian charts */
+export interface ChartSeries {
+    key: string;
+    label: string;
+    color?: string;
+}
+/** Donut/pie slice model */
+export interface ChartDonutSlice {
+    id: string;
+    label: string;
+    value: number;
+    color?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngrr/ds",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "main": "./dist/ds-nagarro.umd.js",
   "module": "./dist/ds-nagarro.es.js",
   "types": "./dist/index.d.ts",
@@ -69,6 +69,7 @@
     "style-dictionary": "^5.3.2",
     "typescript": "^5.7.2",
     "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.5.4",
     "vitest": "^2.1.8"
   }
 }