mtrl 0.3.8 → 0.3.9

package/src/components/fab/api.ts

@@ -1,137 +0,0 @@
-// src/components/fab/api.ts
-import { FabComponent } from './types';
-
-/**
- * API configuration options for the FAB component
- * 
- * @category Components
- * @internal
- */
-interface ApiOptions {
-  /**
-   * Disabled state management API
-   */
-  disabled: {
-    /** Enables the component */
-    enable: () => void;
-    /** Disables the component */
-    disable: () => void;
-  };
-  
-  /**
-   * Lifecycle management API
-   */
-  lifecycle: {
-    /** Destroys the component */
-    destroy: () => void;
-  };
-  
-  /**
-   * Base class name for the FAB
-   */
-  className: string;
-}
-
-/**
- * Base component with element properties
- * 
- * @category Components
- * @internal
- */
-interface ComponentWithElements {
-  /** The DOM element */
-  element: HTMLElement;
-  
-  /** Icon management */
-  icon: {
-    /** Sets icon HTML content */
-    setIcon: (html: string) => any;
-    /** Gets icon HTML content */
-    getIcon: () => string;
-    /** Gets icon DOM element */
-    getElement: () => HTMLElement | null;
-  };
-  
-  /** Gets a class name with component's prefix */
-  getClass: (name: string) => string;
-}
-
-/**
- * Enhances a FAB component with public API methods
- * 
- * Higher-order function that adds the full public API to the FAB component,
- * exposing methods for changing appearance, handling state, and managing position.
- * 
- * @param {ApiOptions} options - API configuration options
- * @returns {Function} Higher-order function that adds API methods to component
- * 
- * @category Components
- * @internal
- */
-export const withAPI = ({ disabled, lifecycle, className }: ApiOptions) => 
-  (component: ComponentWithElements): FabComponent => ({
-    ...component as any,
-    element: component.element as HTMLButtonElement,
-    
-    getValue: () => component.element.value,
-    
-    setValue(value: string) {
-      component.element.value = value;
-      return this;
-    },
-    
-    enable() {
-      disabled.enable();
-      return this;
-    },
-    
-    disable() {
-      disabled.disable();
-      return this;
-    },
-    
-    setIcon(icon: string) {
-      component.icon.setIcon(icon);
-      return this;
-    },
-    
-    getIcon() {
-      return component.icon.getIcon();
-    },
-    
-    setPosition(position: string) {
-      // First remove any existing position classes
-      const positions = ['top-right', 'top-left', 'bottom-right', 'bottom-left'];
-      positions.forEach(pos => {
-        component.element.classList.remove(`${className}--${pos}`);
-      });
-      
-      // Add new position class
-      component.element.classList.add(`${className}--${position}`);
-      return this;
-    },
-    
-    getPosition() {
-      const positions = ['top-right', 'top-left', 'bottom-right', 'bottom-left'];
-      for (const pos of positions) {
-        if (component.element.classList.contains(`${className}--${pos}`)) {
-          return pos;
-        }
-      }
-      return null;
-    },
-    
-    lower() {
-      component.element.classList.add(`${className}--lowered`);
-      return this;
-    },
-    
-    raise() {
-      component.element.classList.remove(`${className}--lowered`);
-      return this;
-    },
-    
-    destroy() {
-      lifecycle.destroy();
-    }
-  });

package/src/components/fab/config.ts

@@ -1,121 +0,0 @@
-// src/components/fab/config.ts
-import { 
-  createComponentConfig, 
-  createElementConfig,
-  BaseComponentConfig 
-} from '../../core/config/component-config';
-import { FabConfig } from './types';
-
-/**
- * Default configuration for the FAB component
- * 
- * Provides reasonable defaults for creating FABs
- * according to Material Design 3 guidelines.
- * 
- * @category Components
- * @internal
- */
-export const defaultConfig: FabConfig = {
-  variant: 'primary',
-  size: 'default',
-  type: 'button',
-  ripple: true
-};
-
-/**
- * Creates the base configuration for FAB component
- * 
- * Merges user-provided configuration with default values and validates
- * the configuration to ensure all required properties have values.
- * 
- * @param {FabConfig} config - User provided configuration
- * @returns {FabConfig} Complete configuration with defaults applied
- * 
- * @category Components
- * @internal
- */
-export const createBaseConfig = (config: FabConfig = {}): FabConfig => 
-  createComponentConfig(defaultConfig, config, 'fab') as FabConfig;
-
-/**
- * Generates element configuration for the FAB component
- * 
- * Transforms the user-friendly FabConfig into the internal format required
- * by the withElement function. Creates all the appropriate CSS classes and attributes
- * needed to properly render the FAB in the DOM.
- * 
- * @param {FabConfig} config - FAB configuration
- * @returns {Object} Element configuration object for withElement
- * 
- * @category Components
- * @internal
- */
-export const getElementConfig = (config: FabConfig) => {
-  // Create the attributes object
-  const attrs: Record<string, any> = {
-    type: config.type || 'button',
-    'aria-label': config.ariaLabel || (config.icon ? 'action' : undefined)
-  };
-  
-  // Add size class
-  const fabSizeClass = `${config.prefix}-fab--${config.size || 'default'}`;
-  let classNames = [fabSizeClass];
-  
-  // Add animation class if specified
-  if (config.animate) {
-    classNames.push(`${config.prefix}-fab--animate-enter`);
-  }
-  
-  // Add position class if specified
-  if (config.position) {
-    classNames.push(`${config.prefix}-fab--${config.position}`);
-  }
-  
-  // Add user classes
-  if (config.class) {
-    classNames.push(config.class);
-  }
-  
-  // Only add disabled attribute if it's explicitly true
-  if (config.disabled === true) {
-    attrs.disabled = true;
-    classNames.push(`${config.prefix}-fab--disabled`);
-  }
-  
-  return createElementConfig(config, {
-    tag: 'button',
-    attrs,
-    className: classNames,
-    forwardEvents: {
-      click: (component) => !component.element.disabled,
-      focus: true,
-      blur: true
-    },
-    interactive: true
-  });
-};
-
-/**
- * Creates API configuration for the FAB component
- * 
- * Provides access to various component sub-features like disabled state
- * and lifecycle management.
- * 
- * @param {Object} comp - Component with disabled and lifecycle features
- * @returns {Object} API configuration object for withAPI
- * 
- * @category Components
- * @internal
- */
-export const getApiConfig = (comp: any) => ({
-  disabled: {
-    enable: () => comp.disabled.enable(),
-    disable: () => comp.disabled.disable()
-  },
-  lifecycle: {
-    destroy: () => comp.lifecycle.destroy()
-  },
-  className: comp.getClass('fab')
-});
-
-export default defaultConfig;