datepicker-pashuk 1.0.0

package/dist/types/src/entities/calendar/ui/BaseCalendar/BaseCalendar.d.ts

@@ -0,0 +1,2 @@
+import { BaseCalendarProps } from '@entities/calendar/model/types';
+export declare const BaseCalendar: (props: BaseCalendarProps) => import("react").JSX.Element;

package/dist/types/src/entities/calendar/ui/CalendarCell/CalendarCell.d.ts

@@ -0,0 +1,2 @@
+import { CalendarCellProps } from '@entities/calendar/model/types';
+export declare const CalendarCell: (props: CalendarCellProps) => import("react").JSX.Element;

package/dist/types/src/entities/calendar/ui/CalendarGrid/CalendarGrid.d.ts

@@ -0,0 +1,2 @@
+import { CalendarGridProps } from '@entities/calendar/model/types';
+export declare const CalendarGrid: (props: CalendarGridProps) => import("react").JSX.Element;

package/dist/types/src/entities/calendar/ui/CalendarHeader/CalendarHeader.d.ts

@@ -0,0 +1,2 @@
+import { CalenderHeaderProps } from '@entities/calendar/model/types';
+export declare const CalendarHeader: (props: CalenderHeaderProps) => import("react").JSX.Element;

package/dist/types/src/features/calendar/Calendar.d.ts

@@ -0,0 +1,2 @@
+import { EngineConfig } from '@entities/calendar/model/types';
+export declare const Calendar: (config?: EngineConfig) => import("react").JSX.Element;

package/dist/types/src/features/calendar/model/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const MOCK_DATES: Date[];
+export declare enum THEMED {
+    LIGHT = "light",
+    DARK = "dark"
+}

package/dist/types/src/features/calendarWithInput/CalendarWithInput.d.ts

@@ -0,0 +1,2 @@
+import { CalanderWithInputprops } from './model/types';
+export declare const CalendarWithInput: (props: CalanderWithInputprops) => import("react").JSX.Element;

package/dist/types/src/features/calendarWithInput/model/types.d.ts

@@ -0,0 +1,5 @@
+export interface CalanderWithInputprops {
+    placeholder?: string;
+    label?: string;
+    darkThemed?: boolean;
+}

package/dist/types/src/features/calenderWithTodo/lib/helperTests.d.ts

@@ -0,0 +1,91 @@
+import { MouseEvent } from 'react';
+export type BaseCalendarMockProps = {
+    onDayClick?: (date: Date, event?: MouseEvent<HTMLDivElement>) => void;
+    onDayClickDouble?: (date: Date, event?: MouseEvent<HTMLDivElement>) => void;
+};
+export declare const createReactMockEl: () => {
+    BaseCalendar: ({ onDayClick, onDayClickDouble }: BaseCalendarMockProps) => any;
+};
+export declare const TEST_TEXT: {
+    CLICK_NO_EVENT: string;
+    CLICK_WITH_EVENT: string;
+    DBL_NO_EVENT: string;
+    DBL_WITH_EVENT: string;
+    ADD: string;
+    DELETE_LABEL: string;
+    CONFIRM: string;
+    NEW_TASK: string;
+    ADD_BUTTON: string;
+};
+export declare const DEFAULT_DATE: Date;
+export declare const createServiceMock: (todos?: string[]) => {
+    addTodo: jest.Mock<any, any, any>;
+    deleteTodo: jest.Mock<any, any, any>;
+    getTodosByDate: jest.Mock<string[], [], any>;
+    setSelectedDate: jest.Mock<any, any, any>;
+};
+export declare const createViewModelMock: () => {
+    fromMonday: boolean;
+    dateArray: never[];
+    month: string;
+    year: number;
+    yearsArray: number[];
+    canNext: boolean;
+    canPrev: boolean;
+    onClickNext: jest.Mock<any, any, any>;
+    onClickPrevious: jest.Mock<any, any, any>;
+    onDayClick: jest.Mock<any, any, any>;
+    onClickNextYear: jest.Mock<any, any, any>;
+};
+export declare const createPortalMock: (aditiionProps?: {}) => {
+    isOpenPortal: boolean;
+    selectedDate: Date;
+    anchorEl: HTMLDivElement;
+    portalRef: {
+        current: null;
+    };
+    closePortal: jest.Mock<any, any, any>;
+    openPortal: jest.Mock<any, any, any>;
+};
+export declare const setup: (options?: {
+    service?: ReturnType<typeof createServiceMock>;
+    portal?: ReturnType<typeof createPortalMock>;
+}) => {
+    service: {
+        addTodo: jest.Mock<any, any, any>;
+        deleteTodo: jest.Mock<any, any, any>;
+        getTodosByDate: jest.Mock<string[], [], any>;
+        setSelectedDate: jest.Mock<any, any, any>;
+    };
+    portal: {
+        isOpenPortal: boolean;
+        selectedDate: Date;
+        anchorEl: HTMLDivElement;
+        portalRef: {
+            current: null;
+        };
+        closePortal: jest.Mock<any, any, any>;
+        openPortal: jest.Mock<any, any, any>;
+    };
+    user: import("@testing-library/user-event").UserEvent;
+};
+export declare const createElement: () => HTMLDivElement;
+export declare const setupPortal: () => {
+    open: (date?: Date, el?: HTMLDivElement) => Promise<{
+        date: Date;
+        el: HTMLDivElement;
+    }>;
+    close: () => void;
+    rerender: (props?: unknown) => void;
+    result: {
+        current: {
+            isOpenPortal: boolean;
+            selectedDate: Date | null;
+            anchorEl: HTMLElement | null;
+            portalRef: import("react").RefObject<HTMLDivElement | null>;
+            openPortal: (date: Date, element: HTMLElement) => void;
+            closePortal: () => void;
+        };
+    };
+    unmount: () => void;
+};

package/dist/types/src/features/calenderWithTodo/lib/useCalendarPortal.d.ts

@@ -0,0 +1,8 @@
+export declare const useCalendarPortal: () => {
+    isOpenPortal: boolean;
+    selectedDate: Date | null;
+    anchorEl: HTMLElement | null;
+    portalRef: import("react").RefObject<HTMLDivElement | null>;
+    openPortal: (date: Date, element: HTMLElement) => void;
+    closePortal: () => void;
+};

package/dist/types/src/features/calenderWithTodo/ui/CalenderWithTodo.d.ts

@@ -0,0 +1,2 @@
+import { EngineConfig } from '@entities/calendar/model/types';
+export declare const CalendarWithTodo: (config?: EngineConfig) => import("react").JSX.Element;

package/dist/types/src/features/rangeCalender/lib/useDateRangePicker.d.ts

@@ -0,0 +1,23 @@
+import { BaseCalendarProps, EngineConfig } from '@entities/calendar/model/types';
+import { ActiveInputType } from '../model/types';
+export declare const useDateRangePicker: (config?: EngineConfig) => {
+    viewModel: BaseCalendarProps;
+    isOpenCalendar: boolean;
+    start: {
+        value: string;
+        onChange: (val: string) => void;
+        onFocus: () => void;
+        placeholder: string;
+        onClear: () => void;
+    };
+    end: {
+        value: string;
+        onChange: (val: string) => void;
+        onFocus: () => void;
+        placeholder: string;
+        onClear: () => void;
+    };
+    error: string;
+    onClear: (inputType?: ActiveInputType) => void;
+    toggleCalendar: () => void;
+};

package/dist/types/src/features/rangeCalender/model/types.d.ts

@@ -0,0 +1,5 @@
+export declare const INPUT_TYPE: {
+    readonly START: "START";
+    readonly END: "END";
+};
+export type ActiveInputType = keyof typeof INPUT_TYPE;

package/dist/types/src/features/rangeCalender/ui/RangeCalender.d.ts

@@ -0,0 +1,2 @@
+import { EngineConfig } from '@entities/calendar/model/types';
+export declare const RangeCalender: (_config?: EngineConfig) => import("react").JSX.Element;

package/dist/types/src/index.d.ts

@@ -0,0 +1,5 @@
+import './app/styles/index.scss';
+export { Calendar } from './features/calendar/Calendar';
+export { CalendarWithInput } from './features/calendarWithInput/CalendarWithInput';
+export { CalendarWithTodo } from '@features/calenderWithTodo/ui/CalenderWithTodo';
+export { RangeCalender } from '@features/rangeCalender/ui/RangeCalender';

package/dist/types/src/shared/lib/getThemed.d.ts

@@ -0,0 +1,2 @@
+import { THEMED } from '@features/calendar/model/constants';
+export declare const getTheme: (darkThemed?: boolean) => THEMED;

package/dist/types/src/shared/lib/useCalendarService.d.ts

@@ -0,0 +1,6 @@
+import { DatepickerService } from '@entities/calendar/model/service';
+import { BaseCalendarProps, EngineConfig } from '@entities/calendar/model/types';
+export declare const useCalendarService: (config?: EngineConfig, withTodo?: boolean) => {
+    service: DatepickerService;
+    viewModel: BaseCalendarProps;
+};

package/dist/types/src/shared/model/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const DATE_PARTS_LENGTH = 3;
+export declare const MAX_INPUT_LENGTH = 10;
+export declare const FIRST_INDEX = 1;

package/dist/types/src/shared/model/helperTest.d.ts

@@ -0,0 +1,33 @@
+import { DatepickerService } from '@entities/calendar/model/service';
+export declare const VIEW_MODEL_SERVICE: {
+    INITIAL: {
+        value: string;
+    };
+    UPDATED: {
+        value: string;
+    };
+};
+export declare const createServiceMock: () => {
+    service: {
+        subscribe: jest.Mock<jest.Mock<any, any, any>, [cb: () => void], any>;
+        getViewModel: jest.Mock<{
+            value: string;
+        }, [], any>;
+    };
+    updateViewModel: (nextValue: (typeof VIEW_MODEL_SERVICE)[keyof typeof VIEW_MODEL_SERVICE]) => void;
+    unsubscribe: jest.Mock<any, any, any>;
+};
+export declare const setupService: () => {
+    triggerUpdate: (nextState?: {
+        value: string;
+    }) => void;
+    unsubscribe: jest.Mock<any, any, any>;
+    rerender: (props?: unknown) => void;
+    result: {
+        current: {
+            service: DatepickerService;
+            viewModel: import("../../entities/calendar/model/types").BaseCalendarProps;
+        };
+    };
+    unmount: () => void;
+};

package/dist/types/src/shared/ui/ErrorBoundary/types/types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface Props {
+    children?: ReactNode;
+}
+export interface State {
+    hasError: boolean;
+}

package/dist/types/src/shared/ui/ErrorBoundary/ui/ErrorBoundary.d.ts

@@ -0,0 +1,9 @@
+import { Component, ErrorInfo } from 'react';
+import { Props, State } from '../types/types';
+export declare class ErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(_: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    private handleReload;
+    render(): string | number | bigint | boolean | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null | undefined;
+}

package/dist/types/src/shared/ui/Input/lib/maskDate.d.ts

@@ -0,0 +1 @@
+export declare const maskDate: (value: string) => string;

package/dist/types/src/shared/ui/Input/model/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const START_DATE_INDEX_ = 0;
+export declare const START_MONTH_INDEX = 2;
+export declare const START_YEAR_INDEX = 4;
+export declare const MAX_DATE_LENGTH = 10;

package/dist/types/src/shared/ui/Input/model/types.d.ts

@@ -0,0 +1,9 @@
+export interface InputProps {
+    value: string;
+    placeholder?: string;
+    error?: string;
+    label?: string;
+    onChange: (_value: string) => void;
+    onClear: () => void;
+    handleIsOpen: () => void;
+}

package/dist/types/src/shared/ui/Input/ui/Input.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from '../model/types';
+export declare const Input: (props: InputProps) => import("react").JSX.Element;

package/dist/types/src/shared/ui/Input/ui/InputWithState.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from '../model/types';
+export declare const InputWithState: (args: InputProps) => import("react").JSX.Element;

package/dist/types/src/shared/ui/Input/ui/assets/CalendarIcon.d.ts

@@ -0,0 +1 @@
+export declare const CalendarIcon: () => import("react").JSX.Element;

package/dist/types/src/shared/ui/Input/ui/assets/CloseIcon.d.ts

@@ -0,0 +1 @@
+export declare const CloseIcon: () => import("react").JSX.Element;

package/dist/types/src/shared/ui/Input/ui/assets/index.d.ts

@@ -0,0 +1,2 @@
+export { CalendarIcon } from './CalendarIcon';
+export { CloseIcon } from './CloseIcon';

package/dist/types/src/shared/ui/Portal/model/types.d.ts

@@ -0,0 +1,18 @@
+import { RefObject } from 'react';
+import { THEMED } from '@features/calendar/model/constants';
+export interface PortalProps {
+    anchorEl: HTMLElement | null;
+    portalRef: RefObject<HTMLDivElement | null>;
+    onAddTodo: (date: Date, text: string) => void;
+    getTodos: (date: Date) => string[];
+    onClose: () => void;
+    selectedDate: Date | null;
+    isOpenPortal: boolean;
+    id: string;
+    onDeleteTodo: (date: Date, todo: string) => void;
+    themed: THEMED;
+}
+export interface PortalPosition {
+    top: string;
+    left: string;
+}

package/dist/types/src/shared/ui/Portal/ui/Portal.d.ts

@@ -0,0 +1,2 @@
+import { PortalProps } from '../model/types';
+export declare const Portal: (props: PortalProps) => import("react").ReactPortal | null;

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "datepicker-pashuk",
+  "type": "module",
+  "version": "1.0.0",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "repository": "https://github.com/LesiaPashuk/datepicker.git",
+  "author": "LesiaPashuk <alesya5704747@icloud.com>",
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@commitlint/cli": "^20.5.0",
+    "@commitlint/config-conventional": "^20.5.0",
+    "@eslint/js": "^10.0.1",
+    "@rollup/plugin-alias": "^6.0.0",
+    "@rollup/plugin-commonjs": "^29.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@storybook/addon-a11y": "^10.3.3",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/addon-onboarding": "^10.3.3",
+    "@storybook/addon-vitest": "^10.3.3",
+    "@storybook/react-vite": "^10.3.3",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/jest": "^30.0.0",
+    "@types/react": "19",
+    "@types/react-dom": "19",
+    "@typescript-eslint/eslint-plugin": "^8.57.2",
+    "@typescript-eslint/parser": "^8.57.2",
+    "@vitest/browser-playwright": "^4.1.1",
+    "@vitest/coverage-v8": "^4.1.1",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "chromatic": "^16.0.0",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-storybook": "^10.3.3",
+    "husky": "^9.1.7",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
+    "lint-staged": "^16.4.0",
+    "playwright": "^1.58.2",
+    "postcss": "^8.5.8",
+    "prettier": "^3.8.1",
+    "react": "19",
+    "react-dom": "19",
+    "rollup": "^4.60.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.98.0",
+    "storybook": "^10.3.3",
+    "ts-jest": "^29.4.6",
+    "tslib": "^2.8.1",
+    "typescript": "^5.2.2",
+    "vitest": "^4.1.1"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "scripts": {
+    "type-check": "tsc --noEmit",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "test:watch": "jest --watch",
+    "prepare": "husky",
+    "build": "rollup -c",
+    "test": "jest --passWithNoTests",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "chromatic": "chromatic --exit-zero-on-changes",
+    "release": "npm publish --access public"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx,js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  }
+}