@daryasidorovich/modsen-datepicker 1.0.1 → 1.0.2

package/src/services/decorators/withMinMax.test.ts

@@ -1,77 +0,0 @@
-import { isDisabled } from '@/utils/dateChecks';
-
-import { CalendarService } from '../calendarService';
-import { withMinMax } from './withMinMax';
-
-jest.mock('@/utils/dateChecks', () => ({
-  isDisabled: jest.fn(),
-}));
-
-describe('withMinMax:', () => {
-  let calendar: CalendarService;
-
-  beforeEach(() => {
-    calendar = new CalendarService();
-    jest.clearAllMocks();
-  });
-
-  it('returns the same calendar instance', () => {
-    const result = withMinMax(
-      calendar,
-      new Date(2026, 0, 1),
-      new Date(2026, 11, 31)
-    );
-
-    expect(result).toBe(calendar);
-  });
-
-  it('returns true when the date is outside the min/max range', () => {
-    calendar.getIsDisabled = jest.fn().mockReturnValue(false);
-    (isDisabled as jest.Mock).mockReturnValue(true);
-
-    withMinMax(calendar, new Date(2026, 0, 1), new Date(2026, 11, 31));
-    const result = calendar.getIsDisabled(new Date(2027, 0, 1));
-
-    expect(result).toBe(true);
-  });
-
-  it('returns false when the date passes both checks', () => {
-    calendar.getIsDisabled = jest.fn().mockReturnValue(false);
-    (isDisabled as jest.Mock).mockReturnValue(false);
-
-    withMinMax(calendar, new Date(2026, 0, 1), new Date(2026, 11, 31));
-    const result = calendar.getIsDisabled(new Date(2026, 5, 15));
-
-    expect(result).toBe(false);
-  });
-
-  it('works with only minDate provided', () => {
-    calendar.getIsDisabled = jest.fn().mockReturnValue(false);
-    (isDisabled as jest.Mock).mockReturnValue(false);
-
-    const minDate = new Date(2026, 0, 1);
-    withMinMax(calendar, minDate);
-    calendar.getIsDisabled(new Date(2026, 5, 15));
-
-    expect(isDisabled).toHaveBeenCalledWith(
-      new Date(2026, 5, 15),
-      minDate,
-      undefined
-    );
-  });
-
-  it('works with only maxDate provided', () => {
-    calendar.getIsDisabled = jest.fn().mockReturnValue(false);
-    (isDisabled as jest.Mock).mockReturnValue(false);
-
-    const maxDate = new Date(2026, 11, 31);
-    withMinMax(calendar, undefined, maxDate);
-    calendar.getIsDisabled(new Date(2026, 5, 15));
-
-    expect(isDisabled).toHaveBeenCalledWith(
-      new Date(2026, 5, 15),
-      undefined,
-      maxDate
-    );
-  });
-});

package/src/services/decorators/withMinMax.ts

@@ -1,19 +0,0 @@
-import { isDisabled } from '@/utils/dateChecks';
-
-import { CalendarService } from '../calendarService';
-
-export function withMinMax(
-  calendar: CalendarService,
-  minDate?: Date,
-  maxDate?: Date
-) {
-  const original = calendar.getIsDisabled;
-
-  calendar.getIsDisabled = (date: Date): boolean => {
-    if (original(date)) return true;
-
-    return isDisabled(date, minDate, maxDate);
-  };
-
-  return calendar;
-}

package/src/services/holidayService.ts

@@ -1,56 +0,0 @@
-const HOLIDAY_API_URL = process.env.STORYBOOK_HOLIDAY_API_URL;
-const API_KEY = process.env.STORYBOOK_HOLIDAY_API_KEY;
-
-export interface Holiday {
-  name: string;
-  date: string;
-}
-
-export const getHolidays = async (
-  year: number = new Date().getFullYear(),
-  signal?: AbortSignal
-): Promise<Date[]> => {
-  try {
-    let holidayDates;
-    const locale = new Intl.Locale(navigator.language);
-    const countryCode = locale.region;
-
-    if (!countryCode) {
-      throw new Error('Cannot get your country code');
-    }
-
-    if (!API_KEY) {
-      throw new Error('API key is not defined');
-    }
-
-    const url = `${HOLIDAY_API_URL}?key=${API_KEY}&country=${countryCode}&year=${year}`;
-    const response = await fetch(url, { signal });
-
-    if (!response.ok) {
-      throw new Error(`Error while loading holidays`);
-    }
-
-    const data = await response.json();
-
-    if (data.holidays) {
-      holidayDates = data.holidays.map((holiday: Holiday) => {
-        const date = new Date(holiday.date);
-        return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-      });
-
-      return holidayDates;
-    }
-
-    return [];
-  } catch (err) {
-    if (err instanceof Error && err.name === 'AbortError') {
-      throw new Error('Fetch aborted');
-    }
-
-    if (err instanceof Error) {
-      throw err;
-    }
-
-    throw new Error('Failed to fetch holidays');
-  }
-};

package/src/setupTests.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/src/store/localStorage.ts

@@ -1,33 +0,0 @@
-import { Task } from './types';
-
-const STORAGE_KEY = 'tasks';
-
-export const loadTasksFromStorage = (): Task[] => {
-  try {
-    const stored = localStorage.getItem(STORAGE_KEY);
-    if (stored) {
-      const parsed = JSON.parse(stored);
-      return parsed.map((task: Task) => ({
-        ...task,
-        date: new Date(task.date),
-      }));
-    }
-  } catch (error) {
-    throw new Error(
-      error instanceof Error
-        ? error.message
-        : 'Failed to load tasks from storage'
-    );
-  }
-  return [];
-};
-
-export const saveTasksToStorage = (tasks: Task[]): void => {
-  try {
-    localStorage.setItem(STORAGE_KEY, JSON.stringify(tasks));
-  } catch (error) {
-    throw new Error(
-      error instanceof Error ? error.message : 'Failed to save tasks to storage'
-    );
-  }
-};

package/src/store/tasksStore.test.tsx

@@ -1,208 +0,0 @@
-import { render, screen, waitFor } from '@testing-library/react';
-import { userEvent } from '@testing-library/user-event';
-import { TasksProvider, useTasks } from '@/store/tasksStore';
-import { loadTasksFromStorage, saveTasksToStorage } from './localStorage';
-
-jest.mock('@/store/localStorage', () => ({
-  loadTasksFromStorage: jest.fn(),
-  saveTasksToStorage: jest.fn(),
-}));
-
-const TestComponent = () => {
-  const {
-    tasks,
-    error,
-    getTasksByDate,
-    hasTasks,
-    addTask,
-    editTask,
-    deleteTask,
-    toggleTask,
-  } = useTasks();
-
-  return (
-    <div>
-      {error && <div data-testid="error">{error}</div>}
-
-      <div data-testid="tasks-count">Count: {tasks.length}</div>
-      <ul data-testid="tasks-list">
-        {Array.isArray(tasks) &&
-          tasks.map((task) => (
-            <li key={task.id}>
-              <p data-testid={`task-title-${task.id}`}>{task.title}</p>
-              <span data-testid={`task-completed-${task.id}`}>
-                {task.completed ? 'yes' : 'no'}
-              </span>
-              <button
-                data-testid={`toggle-${task.id}`}
-                onClick={() => toggleTask(task.id)}
-              >
-                Toggle
-              </button>
-              <button
-                data-testid={`delete-${task.id}`}
-                onClick={() => deleteTask(task.id)}
-              >
-                Delete
-              </button>
-              <button
-                data-testid={`edit-${task.id}`}
-                onClick={() => editTask(task.id, { title: 'Edited task' })}
-              ></button>
-            </li>
-          ))}
-      </ul>
-
-      <div data-testid="has-tasks-today">
-        Has tasks today:
-        {Array.isArray(tasks) && hasTasks(new Date()) ? 'yes' : 'no'}
-      </div>
-      <div data-testid="tasks-by-date">
-        Tasks today: {Array.isArray(tasks) && getTasksByDate(new Date()).length}
-      </div>
-
-      <button
-        data-testid="add-task-btn"
-        onClick={() => addTask(new Date(), 'New task')}
-      >
-        Add Task
-      </button>
-    </div>
-  );
-};
-
-describe('TasksContext:', () => {
-  beforeEach(() => {
-    jest.resetAllMocks();
-  });
-
-  const mockTasks = [
-    { id: '1', date: new Date(), title: 'Task 1', completed: false },
-    { id: '2', date: new Date(), title: 'Task 2', completed: true },
-  ];
-
-  test('loads tasks from localStorage on mount:', () => {
-    (loadTasksFromStorage as jest.Mock).mockReturnValue(mockTasks);
-
-    render(
-      <TasksProvider>
-        <TestComponent />
-      </TasksProvider>
-    );
-
-    expect(screen.getByTestId('tasks-count')).toHaveTextContent('Count: 2');
-
-    expect(screen.getByTestId('task-title-1')).toHaveTextContent('Task 1');
-    expect(screen.getByTestId('task-title-2')).toHaveTextContent('Task 2');
-  });
-
-  test('adds task correctly:', async () => {
-    (loadTasksFromStorage as jest.Mock).mockReturnValue([]);
-
-    render(
-      <TasksProvider>
-        <TestComponent />
-      </TasksProvider>
-    );
-
-    expect(screen.getByTestId('tasks-count')).toHaveTextContent('Count: 0');
-
-    await userEvent.click(screen.getByTestId('add-task-btn'));
-
-    expect(screen.getByTestId('tasks-count')).toHaveTextContent('Count: 1');
-    expect(screen.getByText('New task')).toBeInTheDocument();
-
-    expect(saveTasksToStorage).toHaveBeenCalled();
-    expect(saveTasksToStorage).toHaveBeenCalledWith([
-      expect.objectContaining({ title: 'New task' }),
-    ]);
-  });
-
-  test('edits task correctly:', async () => {
-    (loadTasksFromStorage as jest.Mock).mockReturnValue(mockTasks);
-
-    render(
-      <TasksProvider>
-        <TestComponent />
-      </TasksProvider>
-    );
-
-    await userEvent.click(screen.getByTestId('edit-1'));
-
-    expect(screen.getByTestId('task-title-1')).toHaveTextContent('Edited task');
-  });
-
-  test('deletes task correctly', async () => {
-    (loadTasksFromStorage as jest.Mock).mockReturnValue(mockTasks);
-
-    render(
-      <TasksProvider>
-        <TestComponent />
-      </TasksProvider>
-    );
-
-    expect(screen.getByTestId('task-title-1')).toBeInTheDocument();
-
-    await userEvent.click(screen.getByTestId('delete-1'));
-
-    expect(screen.queryByTestId('task-title-1')).not.toBeInTheDocument();
-    expect(screen.getByTestId('tasks-count')).toHaveTextContent('Count: 1');
-  });
-
-  test('toggles task completion status', async () => {
-    (loadTasksFromStorage as jest.Mock).mockReturnValue(mockTasks);
-
-    render(
-      <TasksProvider>
-        <TestComponent />
-      </TasksProvider>
-    );
-
-    expect(screen.getByTestId('task-completed-1')).toHaveTextContent('no');
-
-    await userEvent.click(screen.getByTestId('toggle-1'));
-
-    expect(screen.getByTestId('task-completed-1')).toHaveTextContent('yes');
-  });
-
-  test('checks if tasks exist for a date', () => {
-    (loadTasksFromStorage as jest.Mock).mockReturnValue(mockTasks);
-
-    render(
-      <TasksProvider>
-        <TestComponent />
-      </TasksProvider>
-    );
-
-    expect(screen.getByTestId('has-tasks-today')).toHaveTextContent('yes');
-  });
-
-  test('gets tasks by date', () => {
-    (loadTasksFromStorage as jest.Mock).mockReturnValue(mockTasks);
-
-    render(
-      <TasksProvider>
-        <TestComponent />
-      </TasksProvider>
-    );
-
-    expect(screen.getByTestId('tasks-by-date')).toHaveTextContent(
-      'Tasks today: 2'
-    );
-  });
-
-  test('handles loading error', () => {
-    const errorMessage = 'Failed to load tasks';
-    (loadTasksFromStorage as jest.Mock).mockImplementation(() => {
-      throw new Error(errorMessage);
-    });
-
-    render(
-      <TasksProvider>
-        <TestComponent />
-      </TasksProvider>
-    );
-
-    expect(screen.getByTestId('error')).toHaveTextContent(errorMessage);
-  });
-});

package/src/store/tasksStore.tsx

@@ -1,146 +0,0 @@
-import {
-  createContext,
-  ReactNode,
-  useCallback,
-  useContext,
-  useEffect,
-  useState,
-} from 'react';
-
-import { isSameDay } from '@/utils/dateChecks';
-
-import { loadTasksFromStorage, saveTasksToStorage } from './localStorage';
-import { Task, TasksContextValue } from './types';
-
-const TasksContext = createContext<TasksContextValue | null>(null);
-
-interface TasksProviderProps {
-  children: ReactNode;
-}
-
-export const TasksProvider = ({ children }: TasksProviderProps) => {
-  const [tasks, setTasks] = useState<Task[]>([]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string>('');
-
-  const loadTasks = useCallback(() => {
-    setLoading(true);
-    setError('');
-    try {
-      const loadedTasks = loadTasksFromStorage();
-      setTasks(loadedTasks);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to load tasks');
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-
-  useEffect(() => {
-    loadTasks();
-  }, [loadTasks]);
-
-  const getTasksByDate = (date: Date) => {
-    return tasks.filter((task) => isSameDay(task.date, date));
-  };
-
-  const hasTasks = (date: Date) => {
-    return tasks.some((task) => isSameDay(task.date, date));
-  };
-
-  const addTask = (date: Date, title: string) => {
-    const newTask = {
-      id: Date.now().toString(),
-      date,
-      title,
-      completed: false,
-    };
-
-    setTasks((prev) => {
-      const updated = [...prev, newTask];
-      saveTasksToStorage(updated);
-      return updated;
-    });
-
-    return newTask;
-  };
-
-  const editTask = (id: string, updates: Partial<Omit<Task, 'id'>>) => {
-    let result: Task | undefined;
-
-    setTasks((prevTasks) => {
-      const updatedTasks = prevTasks.map((task) => {
-        if (task.id === id) {
-          result = { ...task, ...updates };
-          return result;
-        }
-        return task;
-      });
-
-      saveTasksToStorage(updatedTasks);
-      return updatedTasks;
-    });
-
-    return result;
-  };
-
-  const deleteTask = (id: string) => {
-    let deleted = false;
-
-    setTasks((prev) => {
-      const updated = prev.filter((task) => {
-        if (task.id === id) {
-          deleted = true;
-          return false;
-        }
-        return true;
-      });
-      saveTasksToStorage(updated);
-      return updated;
-    });
-
-    return deleted;
-  };
-
-  const toggleTask = (id: string) => {
-    let toggledTask;
-
-    setTasks((prev) => {
-      const updated = prev.map((task) => {
-        if (task.id === id) {
-          toggledTask = { ...task, completed: !task.completed };
-          return toggledTask;
-        }
-        return task;
-      });
-      saveTasksToStorage(updated);
-      return updated;
-    });
-
-    return toggledTask;
-  };
-
-  const value = {
-    tasks,
-    loading,
-    error,
-    getTasksByDate,
-    hasTasks,
-    addTask,
-    editTask,
-    deleteTask,
-    toggleTask,
-    loadTasks,
-  };
-  return (
-    <TasksContext.Provider value={value}>{children}</TasksContext.Provider>
-  );
-};
-
-export const useTasks = () => {
-  const context = useContext(TasksContext);
-  if (!context) {
-    throw new Error('Error while loading context');
-  }
-  return context;
-};

package/src/store/types.ts

@@ -1,22 +0,0 @@
-export interface Task {
-  id: string;
-  date: Date;
-  title: string;
-  completed: boolean;
-}
-
-export interface TasksContextValue {
-  tasks: Task[];
-  loading: boolean;
-  error: string;
-  getTasksByDate: (date: Date) => Task[];
-  hasTasks: (date: Date) => boolean;
-  addTask: (date: Date, title: string) => Task;
-  editTask: (
-    id: string,
-    updates: Partial<Omit<Task, 'id'>>
-  ) => Task | undefined;
-  deleteTask: (id: string) => boolean;
-  toggleTask: (id: string) => Task | undefined;
-  loadTasks: () => void;
-}

package/src/stories/Button.stories.ts

@@ -1,54 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { fn } from 'storybook/test';
-
-import { Button } from './Button';
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-const meta = {
-  title: 'Example/Button',
-  component: Button,
-  parameters: {
-    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
-    layout: 'centered',
-  },
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ['autodocs'],
-  // More on argTypes: https://storybook.js.org/docs/api/arg-types
-  argTypes: {
-    backgroundColor: { control: 'color' },
-  },
-  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#story-args
-  args: { onClick: fn() },
-} satisfies Meta<typeof Button>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-export const Primary: Story = {
-  args: {
-    primary: true,
-    label: 'Button',
-  },
-};
-
-export const Secondary: Story = {
-  args: {
-    label: 'Button',
-  },
-};
-
-export const Large: Story = {
-  args: {
-    size: 'large',
-    label: 'Button',
-  },
-};
-
-export const Small: Story = {
-  args: {
-    size: 'small',
-    label: 'Button',
-  },
-};

package/src/stories/Button.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-
-import './button.css';
-
-export interface ButtonProps {
-  /** Is this the principal call to action on the page? */
-  primary?: boolean;
-  /** What background color to use */
-  backgroundColor?: string;
-  /** How large should the button be? */
-  size?: 'small' | 'medium' | 'large';
-  /** Button contents */
-  label: string;
-  /** Optional click handler */
-  onClick?: () => void;
-}
-
-/** Primary UI component for user interaction */
-export const Button = ({
-  primary = false,
-  size = 'medium',
-  backgroundColor,
-  label,
-  ...props
-}: ButtonProps) => {
-  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
-  return (
-    <button
-      type="button"
-      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
-      style={{ backgroundColor }}
-      {...props}
-    >
-      {label}
-    </button>
-  );
-};