@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.9 → 0.2.11

package/dist/themes/inheritance.esm.js

@@ -5,7 +5,8 @@ import { defaultTheme } from './themes/default';
  * Deep merge utility for theme inheritance
  * Recursively merges theme configuration with default values
  */
-function deepMerge<T extends Record<string, any>>(target, source)= { ...target };
+function deepMerge<T extends Record<string, any>>(target: T, source: Partial<T>): T {
+  const result = { ...target };
   
   for (const key in source) {
     if (source[key] !== undefined) {
@@ -33,26 +34,28 @@ function deepMerge<T extends Record<string, any>>(target, source)= { ...target }
  * Apply theme inheritance by merging with default theme
  * Any undefined values in the theme will be filled with defaults
  */
-export function applyThemeInheritance(theme), theme);
+export function applyThemeInheritance(theme: Partial<MultiThemeConfig>): MultiThemeConfig {
+  return deepMerge(defaultTheme, theme);
 }
 
 /**
  * Create a theme with inheritance support
  * This is the recommended way to define new themes
  */
-export function createTheme(themeConfig));
+export function createTheme(themeConfig: Partial<MultiThemeConfig>): MultiThemeConfig {
+  return applyThemeInheritance(themeConfig);
 }
 
 /**
  * Validate that a theme has all required properties
  * Returns an array of missing property paths
  */
-export function validateThemeCompleteness(theme)] {
-  const missingPaths] = [];
+export function validateThemeCompleteness(theme: MultiThemeConfig): string[] {
+  const missingPaths: string[] = [];
   
-  function checkObject(obj, defaultObj, path= '') {
+  function checkObject(obj: any, defaultObj: any, path: string = '') {
     for (const key in defaultObj) {
-      const currentPath = path ? `${path}.${key}` ;
+      const currentPath = path ? `${path}.${key}` : key;
       
       if (obj[key] === undefined) {
         missingPaths.push(currentPath);
@@ -76,12 +79,12 @@ export function validateThemeCompleteness(theme)] {
  */
 export const themeInheritanceManager = {
   // Internal theme registry
-  _themes, MultiThemeConfig>(),
+  _themes: new Map<string, MultiThemeConfig>(),
   
   /**
    * Apply inheritance to a theme
    */
-  applyInheritance,
+  applyInheritance: applyThemeInheritance,
   
   /**
    * Create a new theme with inheritance
@@ -91,17 +94,17 @@ export const themeInheritanceManager = {
   /**
    * Get the default theme
    */
-  getDefaultTheme) => defaultTheme,
+  getDefaultTheme: () => defaultTheme,
   
   /**
    * Validate theme completeness
    */
-  validateCompleteness,
+  validateCompleteness: validateThemeCompleteness,
   
   /**
    * Check if a theme has inheritance applied
    */
-  hasInheritance)=> {
+  hasInheritance: (theme: MultiThemeConfig): boolean => {
     const missing = validateThemeCompleteness(theme);
     return missing.length === 0;
   },
@@ -109,9 +112,9 @@ export const themeInheritanceManager = {
   /**
    * Get theme property with fallback to default
    */
-  getProperty, path, fallback?)=> {
+  getProperty: <T>(theme: MultiThemeConfig, path: string, fallback?: T): T => {
     const keys = path.split('.');
-    let current= theme;
+    let current: any = theme;
     
     for (const key of keys) {
       if (current && typeof current === 'object' && key in current) {
@@ -136,7 +139,7 @@ export const themeInheritanceManager = {
   /**
    * Register a theme with inheritance applied
    */
-  registerTheme, theme)=> {
+  registerTheme: (name: string, theme: Partial<MultiThemeConfig>): MultiThemeConfig => {
     const themeWithInheritance = applyThemeInheritance(theme);
     themeInheritanceManager._themes.set(name, themeWithInheritance);
     return themeWithInheritance;
@@ -145,7 +148,7 @@ export const themeInheritanceManager = {
   /**
    * Get complete theme with inheritance applied
    */
-  getCompleteTheme)=> {
+  getCompleteTheme: (name: string): CompleteThemeConfig | null => {
     // First try to get the registered theme
     const registeredTheme = themeInheritanceManager._themes.get(name);
     if (registeredTheme) {
@@ -168,14 +171,14 @@ export const themeInheritanceManager = {
   /**
    * Get all registered theme names
    */
-  getRegisteredThemeNames)] => {
+  getRegisteredThemeNames: (): string[] => {
     return Array.from(themeInheritanceManager._themes.keys());
   },
   
   /**
    * Check if a theme is registered
    */
-  isThemeRegistered)=> {
+  isThemeRegistered: (name: string): boolean => {
     return themeInheritanceManager._themes.has(name);
   }
 };
@@ -184,8 +187,8 @@ export const themeInheritanceManager = {
  * Theme inheritance decorator
  * Use this to automatically apply inheritance when defining themes
  */
-export function withInheritance(themeConfig) {
-  return function <T extends { new (...args])}>(constructor) {
+export function withInheritance(themeConfig: Partial<MultiThemeConfig>) {
+  return function <T extends { new (...args: any[]): any }>(constructor: T) {
     return class extends constructor {
       static theme = applyThemeInheritance(themeConfig);
     };
@@ -196,24 +199,29 @@ export function withInheritance(themeConfig) {
  * Partial theme type for theme definitions
  * Use this when you only want to define specific parts of a theme
  */
-
+export type PartialThemeConfig = Partial<MultiThemeConfig>;
 
 /**
  * Theme override utility
  * Allows you to override specific parts of an existing theme
  */
 export function overrideTheme(
-  baseTheme, 
-  overrides), overrides);
+  baseTheme: MultiThemeConfig, 
+  overrides: Partial<MultiThemeConfig>
+): MultiThemeConfig {
+  return deepMerge(baseTheme, overrides);
 }
 
 /**
  * Convert MultiThemeConfig to CompleteThemeConfig
  */
-export function toCompleteThemeConfig(theme),
-    validation,
-      errors],
-      warnings]
+export function toCompleteThemeConfig(theme: MultiThemeConfig): CompleteThemeConfig {
+  return {
+    ...theme,
+    validation: {
+      isValid: true,
+      errors: [],
+      warnings: []
     }
   };
 }

package/dist/themes/inheritance.js

@@ -5,7 +5,8 @@ import { defaultTheme } from './themes/default';
  * Deep merge utility for theme inheritance
  * Recursively merges theme configuration with default values
  */
-function deepMerge<T extends Record<string, any>>(target, source)= { ...target };
+function deepMerge<T extends Record<string, any>>(target: T, source: Partial<T>): T {
+  const result = { ...target };
   
   for (const key in source) {
     if (source[key] !== undefined) {
@@ -33,26 +34,28 @@ function deepMerge<T extends Record<string, any>>(target, source)= { ...target }
  * Apply theme inheritance by merging with default theme
  * Any undefined values in the theme will be filled with defaults
  */
-export function applyThemeInheritance(theme), theme);
+export function applyThemeInheritance(theme: Partial<MultiThemeConfig>): MultiThemeConfig {
+  return deepMerge(defaultTheme, theme);
 }
 
 /**
  * Create a theme with inheritance support
  * This is the recommended way to define new themes
  */
-export function createTheme(themeConfig));
+export function createTheme(themeConfig: Partial<MultiThemeConfig>): MultiThemeConfig {
+  return applyThemeInheritance(themeConfig);
 }
 
 /**
  * Validate that a theme has all required properties
  * Returns an array of missing property paths
  */
-export function validateThemeCompleteness(theme)] {
-  const missingPaths] = [];
+export function validateThemeCompleteness(theme: MultiThemeConfig): string[] {
+  const missingPaths: string[] = [];
   
-  function checkObject(obj, defaultObj, path= '') {
+  function checkObject(obj: any, defaultObj: any, path: string = '') {
     for (const key in defaultObj) {
-      const currentPath = path ? `${path}.${key}` ;
+      const currentPath = path ? `${path}.${key}` : key;
       
       if (obj[key] === undefined) {
         missingPaths.push(currentPath);
@@ -76,12 +79,12 @@ export function validateThemeCompleteness(theme)] {
  */
 export const themeInheritanceManager = {
   // Internal theme registry
-  _themes, MultiThemeConfig>(),
+  _themes: new Map<string, MultiThemeConfig>(),
   
   /**
    * Apply inheritance to a theme
    */
-  applyInheritance,
+  applyInheritance: applyThemeInheritance,
   
   /**
    * Create a new theme with inheritance
@@ -91,17 +94,17 @@ export const themeInheritanceManager = {
   /**
    * Get the default theme
    */
-  getDefaultTheme) => defaultTheme,
+  getDefaultTheme: () => defaultTheme,
   
   /**
    * Validate theme completeness
    */
-  validateCompleteness,
+  validateCompleteness: validateThemeCompleteness,
   
   /**
    * Check if a theme has inheritance applied
    */
-  hasInheritance)=> {
+  hasInheritance: (theme: MultiThemeConfig): boolean => {
     const missing = validateThemeCompleteness(theme);
     return missing.length === 0;
   },
@@ -109,9 +112,9 @@ export const themeInheritanceManager = {
   /**
    * Get theme property with fallback to default
    */
-  getProperty, path, fallback?)=> {
+  getProperty: <T>(theme: MultiThemeConfig, path: string, fallback?: T): T => {
     const keys = path.split('.');
-    let current= theme;
+    let current: any = theme;
     
     for (const key of keys) {
       if (current && typeof current === 'object' && key in current) {
@@ -136,7 +139,7 @@ export const themeInheritanceManager = {
   /**
    * Register a theme with inheritance applied
    */
-  registerTheme, theme)=> {
+  registerTheme: (name: string, theme: Partial<MultiThemeConfig>): MultiThemeConfig => {
     const themeWithInheritance = applyThemeInheritance(theme);
     themeInheritanceManager._themes.set(name, themeWithInheritance);
     return themeWithInheritance;
@@ -145,7 +148,7 @@ export const themeInheritanceManager = {
   /**
    * Get complete theme with inheritance applied
    */
-  getCompleteTheme)=> {
+  getCompleteTheme: (name: string): CompleteThemeConfig | null => {
     // First try to get the registered theme
     const registeredTheme = themeInheritanceManager._themes.get(name);
     if (registeredTheme) {
@@ -168,14 +171,14 @@ export const themeInheritanceManager = {
   /**
    * Get all registered theme names
    */
-  getRegisteredThemeNames)] => {
+  getRegisteredThemeNames: (): string[] => {
     return Array.from(themeInheritanceManager._themes.keys());
   },
   
   /**
    * Check if a theme is registered
    */
-  isThemeRegistered)=> {
+  isThemeRegistered: (name: string): boolean => {
     return themeInheritanceManager._themes.has(name);
   }
 };
@@ -184,8 +187,8 @@ export const themeInheritanceManager = {
  * Theme inheritance decorator
  * Use this to automatically apply inheritance when defining themes
  */
-export function withInheritance(themeConfig) {
-  return function <T extends { new (...args])}>(constructor) {
+export function withInheritance(themeConfig: Partial<MultiThemeConfig>) {
+  return function <T extends { new (...args: any[]): any }>(constructor: T) {
     return class extends constructor {
       static theme = applyThemeInheritance(themeConfig);
     };
@@ -196,24 +199,29 @@ export function withInheritance(themeConfig) {
  * Partial theme type for theme definitions
  * Use this when you only want to define specific parts of a theme
  */
-
+export type PartialThemeConfig = Partial<MultiThemeConfig>;
 
 /**
  * Theme override utility
  * Allows you to override specific parts of an existing theme
  */
 export function overrideTheme(
-  baseTheme, 
-  overrides), overrides);
+  baseTheme: MultiThemeConfig, 
+  overrides: Partial<MultiThemeConfig>
+): MultiThemeConfig {
+  return deepMerge(baseTheme, overrides);
 }
 
 /**
  * Convert MultiThemeConfig to CompleteThemeConfig
  */
-export function toCompleteThemeConfig(theme),
-    validation,
-      errors],
-      warnings]
+export function toCompleteThemeConfig(theme: MultiThemeConfig): CompleteThemeConfig {
+  return {
+    ...theme,
+    validation: {
+      isValid: true,
+      errors: [],
+      warnings: []
     }
   };
 }