dasar-ui 1.1.0 → 1.3.0

package/projects/dasar-ui/src/lib/styles/theme.ts

@@ -1,70 +0,0 @@
-export const dasarVariables = {
-  font: {
-    sans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-    hero: "'Space Grotesk', sans-serif",
-  },
-  fontWeight: {
-    thin: '300',
-    regular: '400',
-    medium: '500',
-    semibold: '600',
-    bold: '700',
-  },
-  fontSize: {
-    xss: '0.5rem',
-    xs: '0.625rem',
-    sm: '0.75rem',
-    base: '0.875rem',
-    lg: '1rem',
-    xl: '1.125rem',
-  },
-  lineHeight: {
-    normal: '1.5',
-    tight: '1.25',
-  },
-  colors: {
-    primary: {
-      900: '#071727',
-      800: '#0d253f',
-      700: '#12345a',
-      base: '#1b4d8e',
-      500: '#2563eb',
-      300: '#60a5fa',
-      200: '#a2cafa',
-      100: '#bfdbfe',
-      50: '#eff6ff',
-    },
-    neutral: {
-      900: '#111827',
-      800: '#1f2937',
-      700: '#374151',
-      base: '#4b5563',
-      500: '#6b7280',
-      400: '#9ca3af',
-      300: '#d1d5db',
-      200: '#eaecf0',
-      100: '#f3f4f6',
-      50: '#ffffff',
-    },
-    success: { base: '#059669', 50: '#ecfdf5' },
-    danger: { base: '#dc2626', 50: '#fef2f2' },
-    warning: { base: '#d97706', 50: '#fffbeb' },
-  },
-};
-
-export const dasarVariablesTypography = {
-  fontSans: dasarVariables.font.sans,
-  fontHero: dasarVariables.font.hero,
-  fontWeightRegular: dasarVariables.fontWeight.regular,
-  fontWeightMedium: dasarVariables.fontWeight.medium,
-  fontWeightSemibold: dasarVariables.fontWeight.semibold,
-  fontWeightBold: dasarVariables.fontWeight.bold,
-  fontSizeXss: dasarVariables.fontSize.xss,
-  fontSizeXs: dasarVariables.fontSize.xs,
-  fontSizeSm: dasarVariables.fontSize.sm,
-  fontSizeBase: dasarVariables.fontSize.base,
-  fontSizeLg: dasarVariables.fontSize.lg,
-  fontSizeXl: dasarVariables.fontSize.xl,
-  lineHeightNormal: dasarVariables.lineHeight.normal,
-  lineHeightTight: dasarVariables.lineHeight.tight,
-};

package/projects/dasar-ui/src/lib/utils/common.ts

@@ -1,175 +0,0 @@
-import { DasarThemeProviderComponent } from '../components/dasar-theme-provider/dasar-theme-provider';
-import { DasarThemeService } from '../services/theme.service';
-import { DasarComponentCommonConfig, DasarComponentConfig } from '../models/theme.model';
-import { ClassType } from '../models/type.model';
-
-export function parseClassesToArray(classes: ClassType): string[] {
-  if (!classes) {
-    return [];
-  }
-  // Handle String ("class1 class2")
-  if (typeof classes === 'string') {
-    return classes.split(/\s+/).filter(Boolean);
-  }
-  // Handle Array (["class1", "class2 class3"])
-  if (Array.isArray(classes)) {
-    return classes.flatMap((c) => c.split(/\s+/).filter(Boolean));
-  }
-  // Handle Set (new Set(["class1", "class2"]))
-  if (classes instanceof Set) {
-    return Array.from(classes).flatMap((c) => c.split(/\s+/).filter(Boolean));
-  }
-  // Handle Object/Dictionary ({ 'class1': true, 'class2': false })
-  if (typeof classes === 'object') {
-    return Object.entries(classes)
-      .filter(([_, condition]) => Boolean(condition)) // Keep only truthy values
-      .map(([className]) => className)
-      .flatMap((c) => c.split(/\s+/).filter(Boolean)); // Handle keys with spaces like { 'a b': true }
-  }
-  return [];
-}
-export function safeFormat(date: Date, format: string, locale: string): string {
-  if (!date || isNaN(date.getTime())) return '';
-
-  try {
-    const year = date.getFullYear().toString();
-    const month = date.getMonth() + 1;
-    const day = date.getDate();
-    const hours = date.getHours();
-    const minutes = date.getMinutes();
-    const seconds = date.getSeconds();
-
-    const pad = (num: number) => num.toString().padStart(2, '0');
-
-    // Helper to safely grab localized names (months, weekdays)
-    const getIntl = (opts: Intl.DateTimeFormatOptions) => {
-      try {
-        return new Intl.DateTimeFormat(locale, opts).format(date);
-      } catch {
-        return '';
-      }
-    };
-
-    const tokens: Record<string, string> = {
-      // Year
-      YYYY: year,
-      yyyy: year,
-      YY: year.slice(-2),
-      yy: year.slice(-2),
-
-      // Localized Month
-      MMMM: getIntl({ month: 'long' }),
-      LLLL: getIntl({ month: 'long' }), // Preserved from your original logic
-      MMM: getIntl({ month: 'short' }),
-
-      // Numeric Month
-      MM: pad(month),
-      M: month.toString(),
-
-      // Numeric Day
-      DD: pad(day),
-      dd: pad(day),
-      D: day.toString(),
-      d: day.toString(),
-
-      // Localized Weekday
-      dddd: getIntl({ weekday: 'long' }),
-      ddd: getIntl({ weekday: 'short' }),
-      EEEE: getIntl({ weekday: 'long' }),
-      EEE: getIntl({ weekday: 'short' }),
-      EEEEE: getIntl({ weekday: 'narrow' }),
-
-      // Time
-      HH: pad(hours),
-      H: hours.toString(),
-      hh: pad(hours % 12 || 12),
-      h: (hours % 12 || 12).toString(),
-      mm: pad(minutes),
-      m: minutes.toString(),
-      ss: pad(seconds),
-      s: seconds.toString(),
-
-      // AM/PM
-      A: hours >= 12 ? 'PM' : 'AM',
-      a: hours >= 12 ? 'pm' : 'am',
-    };
-
-    // Sort by length descending to match longest tokens first (e.g. MMMM before MM)
-    const regex = new RegExp(
-      Object.keys(tokens)
-        .sort((a, b) => b.length - a.length)
-        .join('|'),
-      'g',
-    );
-
-    // Replace all tokens in one pass
-    return format.replace(regex, (match) => tokens[match] || match);
-  } catch (e) {
-    // Fallback if anything crashes
-    return new Intl.DateTimeFormat(locale || 'en-US').format(date);
-  }
-}
-export function parseFormattedStringIntoDate(value: string, format: string): Date | null {
-  try {
-    // Convert format string (e.g., dd-MM-yyyy) into a Regex with named groups
-    let regexStr = format
-      .replace('yyyy', '(?<year>\\d{4})')
-      .replace('MM', '(?<month>\\d{2})')
-      .replace('dd', '(?<day>\\d{2})')
-      .replace('HH', '(?<hour>\\d{2})')
-      .replace('mm', '(?<minute>\\d{2})')
-      .replace('ss', '(?<second>\\d{2})');
-
-    const match = value.match(new RegExp(`^${regexStr}$`));
-
-    if (match && match.groups) {
-      const year = parseInt(match.groups['year'], 10);
-      const month = parseInt(match.groups['month'], 10) - 1; // JS Months are 0-11
-      const day = parseInt(match.groups['day'], 10);
-
-      const hour = match.groups['hour'] ? parseInt(match.groups['hour'], 10) : 0;
-      const min = match.groups['minute'] ? parseInt(match.groups['minute'], 10) : 0;
-      const sec = match.groups['second'] ? parseInt(match.groups['second'], 10) : 0;
-
-      const parsedDate = new Date(year, month, day, hour, min, sec);
-      if (!isNaN(parsedDate.getTime())) return parsedDate;
-    }
-  } catch (e) {
-    return null;
-  }
-  return null;
-}
-export function resolveThemeDefault<
-  T,
-  C extends keyof DasarComponentConfig,
-  K extends keyof NonNullable<DasarComponentConfig[C]>,
->(
-  componentKey: C,
-  propKey: K,
-  fallback: NonNullable<NonNullable<DasarComponentConfig[C]>[K]> | T,
-  provider: DasarThemeProviderComponent | null,
-  service: DasarThemeService | null,
-): NonNullable<NonNullable<DasarComponentConfig[C]>[K]> | T {
-  const providerConfig = provider?.componentConfig as any;
-  const serviceConfig = service?.themeVariable()?.components as any;
-
-  // Component-Specific Config (First)
-  if (providerConfig?.[componentKey]?.[propKey] !== undefined) {
-    return providerConfig[componentKey]![propKey] as any;
-  }
-  if (serviceConfig?.[componentKey]?.[propKey] !== undefined) {
-    return serviceConfig[componentKey]![propKey] as any;
-  }
-
-  // Common Config (Applies to all components if the property exists)
-  const commonKey = propKey as unknown as keyof DasarComponentCommonConfig;
-  if (providerConfig?.common?.[commonKey] !== undefined) {
-    return providerConfig.common[commonKey] as any;
-  }
-  if (serviceConfig?.common?.[commonKey] !== undefined) {
-    return serviceConfig.common[commonKey] as any;
-  }
-
-  // Component Default Value
-  return fallback;
-}

package/projects/dasar-ui/src/public-api.ts

@@ -1,23 +0,0 @@
-// components
-export * from './lib/components/dasar-button-group/dasar-button-group';
-export * from './lib/components/dasar-number-input/dasar-number-input';
-export * from './lib/components/dasar-pagination/dasar-pagination';
-export * from './lib/components/dasar-textarea/dasar-textarea';
-export * from './lib/components/dasar-table/dasar-table';
-export * from './lib/components/dasar-menu/dasar-menu';
-export * from './lib/components/dasar-tabs/dasar-tabs';
-export * from './lib/components/dasar-pivot-table/dasar-pivot-table';
-export * from './lib/components/dasar-datepicker/dasar-datepicker';
-export * from './lib/components/dasar-calendar/dasar-calendar';
-export * from './lib/components/dasar-select/dasar-select';
-export * from './lib/components/dasar-icon/dasar-icon';
-export * from './lib/components/dasar-card/dasar-card';
-export * from './lib/components/dasar-chip/dasar-chip';
-export * from './lib/components/dasar-input/dasar-input';
-// adjusted
-export * from './lib/components/dasar-theme-provider/dasar-theme-provider';
-export * from './lib/components/dasar-button/dasar-button';
-// services
-export * from './lib/services/theme.service';
-// models
-export * from './lib/models/theme.model';

package/projects/dasar-ui/tsconfig.lib.json

@@ -1,21 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "rootDir": "./src",
-    "paths": {
-      "@components/*": ["./src/lib/components/*"],
-      "@services/*": ["./src/lib/services/*"],
-      "@models/*": ["./src/lib/models/*"],
-      "@styles/*": ["./src/lib/styles/*"],
-      "dasar-ui": ["./src/public-api.ts"]
-    },
-    "declaration": true,
-    "declarationMap": true,
-    "types": []
-  },
-  "include": ["src/**/*.ts", "src/**/*.d.ts"],
-  "exclude": ["**/*.spec.ts"]
-}

package/projects/dasar-ui/tsconfig.lib.prod.json

@@ -1,11 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/projects/dasar-ui/tsconfig.spec.json

@@ -1,11 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": ["vitest/globals"],
-    "rootDir": "./src"
-  },
-  "include": ["src/**/*.d.ts", "src/**/*.spec.ts"]
-}

package/tsconfig.json

@@ -1,37 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "isolatedModules": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "preserve"
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true
-  },
-  "files": [],
-  "references": [
-    {
-      "path": "./projects/dasar-ui/tsconfig.lib.json"
-    },
-    {
-      "path": "./projects/dasar-ui/tsconfig.spec.json"
-    },
-    {
-      "path": "./projects/consumer-app/tsconfig.app.json"
-    },
-    {
-      "path": "./projects/consumer-app/tsconfig.spec.json"
-    }
-  ]
-}