@shohojdhara/atomix 0.1.26 → 0.1.28

package/src/components/Testimonial/scripts/index.ts

@@ -1,107 +0,0 @@
-import { TESTIMONIAL } from '../../../lib/constants/components';
-
-/**
- * Interface for Testimonial options
- */
-interface TestimonialOptions {
-  size?: 'sm' | 'lg' | '';
-  skeleton?: boolean;
-  [key: string]: any;
-}
-
-/**
- * Interface for Testimonial instance
- */
-interface TestimonialInstance {
-  destroy: () => void;
-}
-
-/**
- * Default options for the Testimonial component
- */
-const DEFAULT_OPTIONS: TestimonialOptions = {
-  size: '',
-  skeleton: false,
-};
-
-/**
- * Class representing a Testimonial component
- */
-class Testimonial implements TestimonialInstance {
-  private selector: string | Element;
-  private $element: HTMLElement | null;
-  private options: TestimonialOptions;
-
-  /**
-   * Creates an instance of Testimonial
-   * @param selector - CSS selector string or DOM Element
-   * @param options - Custom options to override defaults
-   */
-  constructor(selector: string | Element, options = {}) {
-    this.selector = selector || TESTIMONIAL.SELECTORS.TESTIMONIAL;
-    this.$element =
-      typeof selector === 'string'
-        ? document.querySelector<HTMLElement>(selector)
-        : (selector as HTMLElement);
-    this.options = { ...DEFAULT_OPTIONS, ...options } as TestimonialOptions;
-    this._initialize();
-  }
-
-  /**
-   * Initialize the testimonial component
-   */
-  private _initialize(): void {
-    if (!this.$element) return;
-
-    // Apply size classes if specified
-    if (
-      this.options.size === 'sm' &&
-      !this.$element.classList.contains(TESTIMONIAL.CLASSES.SMALL)
-    ) {
-      this.$element.classList.add(TESTIMONIAL.CLASSES.SMALL);
-    } else if (
-      this.options.size === 'lg' &&
-      !this.$element.classList.contains(TESTIMONIAL.CLASSES.LARGE)
-    ) {
-      this.$element.classList.add(TESTIMONIAL.CLASSES.LARGE);
-    }
-  }
-
-  /**
-   * Clean up event listeners
-   */
-  public destroy(): void {
-    // No specific cleanup needed for testimonial component
-  }
-}
-
-/**
- * Initialize all testimonials in the document
- * @param {string|Element} selector - CSS selector string or DOM Element
- * @param {Object} options - Custom options to override defaults
- * @returns {TestimonialInstance[]} Array of Testimonial instances
- */
-export function initializeTestimonials(
-  selector = TESTIMONIAL.SELECTORS.TESTIMONIAL,
-  options = {}
-): TestimonialInstance[] {
-  const testimonialInstances: TestimonialInstance[] = [];
-  const testimonialElements = document.querySelectorAll<HTMLElement>(
-    typeof selector === 'string' ? selector : TESTIMONIAL.SELECTORS.TESTIMONIAL
-  );
-
-  if (!testimonialElements.length) return testimonialInstances;
-
-  testimonialElements.forEach(element => {
-    try {
-      const instance = new Testimonial(element, options);
-      testimonialInstances.push(instance);
-    } catch (error) {
-      console.error('Error initializing testimonial:', error);
-    }
-  });
-
-  return testimonialInstances;
-}
-
-export default Testimonial;

package/src/components/Todo/Todo.stories.tsx

@@ -1,107 +0,0 @@
-import React from 'react';
-import { Meta, StoryObj } from '@storybook/react';
-import { Todo } from './Todo';
-import { generateUUID } from '../../lib/utils';
-
-const meta: Meta<typeof Todo> = {
-  title: 'Components/Todo',
-  component: Todo,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-  argTypes: {
-    items: { control: 'object' },
-    title: { control: 'text' },
-    onAddTodo: { action: 'added' },
-    onToggleTodo: { action: 'toggled' },
-    onDeleteTodo: { action: 'deleted' },
-    size: {
-      control: { type: 'select' },
-      options: ['sm', 'md', 'lg'],
-    },
-    placeholder: { control: 'text' },
-    showCompleted: { control: 'boolean' },
-    className: { control: 'text' },
-    disabled: { control: 'boolean' },
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof Todo>;
-
-export const Default: Story = {
-  args: {
-    items: [
-      { id: '1', text: 'Learn React', completed: true },
-      { id: '2', text: 'Build a todo app', completed: false },
-      { id: '3', text: 'Deploy to production', completed: false },
-    ],
-    title: 'Todo List',
-    placeholder: 'Add a new task',
-    size: 'md',
-    showCompleted: true,
-    disabled: false,
-  },
-};
-
-export const WithManyItems: Story = {
-  args: {
-    items: [
-      { id: generateUUID(), text: 'Complete project documentation', completed: false },
-      { id: generateUUID(), text: 'Review pull requests', completed: true },
-      { id: generateUUID(), text: 'Update dependencies', completed: false },
-      { id: generateUUID(), text: 'Write unit tests', completed: false },
-      { id: generateUUID(), text: 'Fix accessibility issues', completed: true },
-    ],
-    title: 'Project Tasks',
-    showCompleted: true,
-  },
-};
-
-export const Small: Story = {
-  args: {
-    ...Default.args,
-    size: 'sm',
-  },
-};
-
-export const Large: Story = {
-  args: {
-    ...Default.args,
-    size: 'lg',
-  },
-};
-
-export const HideCompleted: Story = {
-  args: {
-    items: [
-      { id: generateUUID(), text: 'Learn React', completed: true },
-      { id: generateUUID(), text: 'Build a todo app', completed: false },
-      { id: generateUUID(), text: 'Deploy to production', completed: false },
-    ],
-    showCompleted: false,
-    title: 'Active Tasks',
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    ...Default.args,
-    disabled: true,
-  },
-};
-
-export const CustomTitle: Story = {
-  args: {
-    ...Default.args,
-    title: 'My Custom Todo List',
-  },
-};
-
-export const NoTitle: Story = {
-  args: {
-    ...Default.args,
-    title: '',
-  },
-};

package/src/components/Todo/Todo.tsx

@@ -1,158 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { TodoProps } from '../../lib/types/components';
-import { useTodo } from '../../lib/composables/useTodo';
-import { Icon } from '../Icon/Icon';
-import { TODO } from '../../lib/constants/components';
-import { generateUUID } from '../../lib/utils';
-
-export const Todo: React.FC<TodoProps> = ({
-  items = [],
-  title = 'Todo List',
-  onAddTodo,
-  onToggleTodo,
-  onDeleteTodo,
-  size = 'md',
-  placeholder = 'Add a new todo',
-  showCompleted = true,
-  className = '',
-  disabled = false,
-}) => {
-  const { inputText, setInputText, addTodo, generateTodoClasses, generateItemClasses } = useTodo({
-    items,
-    title,
-    size,
-    placeholder,
-    showCompleted,
-    disabled,
-  });
-
-  // State to manage local items
-  const [localItems, setLocalItems] = useState(items);
-
-  // Update local items when props change
-  useEffect(() => {
-    setLocalItems(items);
-  }, [items]);
-
-  // Handle item toggle
-  const handleToggle = (id: string) => {
-    if (disabled) return;
-
-    setLocalItems(prevItems =>
-      prevItems.map(item => (item.id === id ? { ...item, completed: !item.completed } : item))
-    );
-
-    if (onToggleTodo) {
-      onToggleTodo(id);
-    }
-  };
-
-  // Handle item delete
-  const handleDelete = (id: string) => {
-    if (disabled) return;
-
-    setLocalItems(prevItems => prevItems.filter(item => item.id !== id));
-
-    if (onDeleteTodo) {
-      onDeleteTodo(id);
-    }
-  };
-
-  // Handle form submission
-  const handleFormSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (disabled || !inputText.trim()) return;
-
-    // Create a new todo item with a unique ID
-    const newTodo = {
-      id: generateUUID(),
-      text: inputText.trim(),
-      completed: false,
-    };
-
-    // Update local state
-    setLocalItems(prevItems => [...prevItems, newTodo]);
-
-    // Call parent callback if provided
-    if (onAddTodo) {
-      onAddTodo(inputText);
-    }
-
-    // Clear the input field
-    setInputText('');
-  };
-
-  // Filter items based on showCompleted prop
-  const filteredItems = showCompleted ? localItems : localItems.filter(item => !item.completed);
-
-  // Generate component classes
-  const todoClass = generateTodoClasses({ size, className, disabled });
-
-  return (
-    <div className={todoClass}>
-      {title && <h2 className="c-todo__title">{title}</h2>}
-
-      <form className="c-todo__form" onSubmit={handleFormSubmit}>
-        <div className="c-todo__form-group">
-          <input
-            type="text"
-            className="c-todo__input c-input"
-            placeholder={placeholder}
-            value={inputText}
-            onChange={e => setInputText(e.target.value)}
-            disabled={disabled}
-            aria-label="Add a new todo"
-          />
-          <button
-            type="submit"
-            className="c-todo__add-btn c-btn c-btn--primary"
-            disabled={disabled || !inputText.trim()}
-            aria-label="Add todo"
-          >
-            <Icon name="Plus" size="sm" />
-          </button>
-        </div>
-      </form>
-
-      <ul className="c-todo__list">
-        {filteredItems.length === 0 ? (
-          <li className="c-todo__empty">No items to display</li>
-        ) : (
-          filteredItems.map(item => (
-            <li key={item.id} className={generateItemClasses(item)}>
-              <div className="c-todo__item-content">
-                <label className="c-todo__checkbox-label">
-                  <input
-                    type="checkbox"
-                    className="c-todo__checkbox c-checkbox"
-                    checked={item.completed}
-                    onChange={() => handleToggle(item.id)}
-                    disabled={disabled}
-                    aria-label={`Mark "${item.text}" as ${item.completed ? 'incomplete' : 'complete'}`}
-                  />
-                  <span className="c-todo__item-text">{item.text}</span>
-                </label>
-
-                <button
-                  type="button"
-                  className="c-todo__delete-btn c-btn c-btn--error c-btn--sm"
-                  onClick={() => handleDelete(item.id)}
-                  disabled={disabled}
-                  aria-label={`Delete "${item.text}"`}
-                >
-                  <Icon name="Trash" size="sm" />
-                </button>
-              </div>
-            </li>
-          ))
-        )}
-      </ul>
-    </div>
-  );
-};
-
-Todo.displayName = 'Todo';
-
-export type { TodoProps };
-
-export default Todo;

package/src/components/Todo/index.ts

@@ -1 +0,0 @@
-export { default } from './Todo';

package/src/components/Todo/scripts/bundle.ts

@@ -1,14 +0,0 @@
-import { Todo, TodoEvents } from './index';
-import { initializeAllTodos, filterTodoItems, sortTodoItems } from './todoInteractions';
-
-// Initialize global namespace if not exists
-window.Atomix = window.Atomix || {};
-
-// Add Todo to global namespace
-window.Atomix.Todo = Todo;
-window.Atomix.TodoEvents = TodoEvents;
-window.Atomix.initializeAllTodos = initializeAllTodos;
-window.Atomix.filterTodoItems = filterTodoItems;
-window.Atomix.sortTodoItems = sortTodoItems;
-
-export default Todo;