@refraktor/dates 0.0.3 → 0.0.5

package/src/components/date-picker/date-picker.types.ts

@@ -1,145 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
-import {
-    RefraktorRadius,
-    RefraktorSize,
-    createClassNamesConfig,
-    createComponentConfig,
-    FactoryPayload
-} from "@refraktor/core";
-import type {
-    MonthPickerGetHeaderLabel,
-    MonthPickerGetMonthAriaLabel,
-    MonthPickerGetMonthLabel,
-    MonthPickerGetNavigationAriaLabel
-} from "../month-picker";
-
-export type DatePickerValue = Date;
-export type DatePickerSize = RefraktorSize;
-export type DatePickerRadius = RefraktorRadius;
-
-export type DatePickerNavigationDirection = "previous" | "next";
-
-export type DatePickerOnChange = (value: DatePickerValue) => void;
-
-export type DatePickerGetDayLabel = (value: Date) => ReactNode;
-
-export type DatePickerGetDayAriaLabel = (
-    value: Date,
-    selected: boolean
-) => string;
-
-export type DatePickerGetWeekdayLabel = (
-    dayOfWeek: number,
-    label: string
-) => ReactNode;
-
-export type DatePickerGetHeaderLabel = (
-    month: number,
-    year: number,
-    value: Date
-) => ReactNode;
-
-export type DatePickerGetNavigationAriaLabel = (
-    direction: DatePickerNavigationDirection,
-    value: Date
-) => string;
-
-export type DatePickerClassNames = {
-    root?: string;
-    header?: string;
-    headerControls?: string;
-    headerControl?: string;
-    headerPreviousControl?: string;
-    headerNextControl?: string;
-    headerLabel?: string;
-    weekdays?: string;
-    weekday?: string;
-    grid?: string;
-    day?: string;
-    dayOutside?: string;
-    dayToday?: string;
-    daySelected?: string;
-    dayDisabled?: string;
-    monthPicker?: string;
-};
-
-export interface DatePickerProps
-    extends Omit<
-        ComponentPropsWithoutRef<"div">,
-        "onChange" | "value" | "defaultValue"
-    > {
-    /** Active date (controlled). */
-    value?: DatePickerValue;
-
-    /** Initial active date (uncontrolled). */
-    defaultValue?: DatePickerValue;
-
-    /** Callback called when active date changes. */
-    onChange?: DatePickerOnChange;
-
-    /** Minimum selectable date. */
-    minDate?: Date;
-
-    /** Maximum selectable date. */
-    maxDate?: Date;
-
-    /** Month picker columns @default `3` */
-    monthPickerColumns?: number;
-
-    /** Year picker years rendered in one page @default `9` */
-    yearPickerYearsPerPage?: number;
-
-    /** Year picker columns @default `3` */
-    yearPickerColumns?: number;
-
-    /** Whether all controls are disabled @default `false` */
-    disabled?: boolean;
-
-    /** Component size @default `md` */
-    size?: DatePickerSize;
-
-    /** Border radius @default `default` */
-    radius?: DatePickerRadius;
-
-    /** Custom weekday label renderer. */
-    getWeekdayLabel?: DatePickerGetWeekdayLabel;
-
-    /** Custom day label renderer. */
-    getDayLabel?: DatePickerGetDayLabel;
-
-    /** Custom aria-label generator for day buttons. */
-    getDayAriaLabel?: DatePickerGetDayAriaLabel;
-
-    /** Custom header label renderer for visible month. */
-    getHeaderLabel?: DatePickerGetHeaderLabel;
-
-    /** Custom aria-label generator for previous/next controls. */
-    getNavigationAriaLabel?: DatePickerGetNavigationAriaLabel;
-
-    /** Custom month label renderer in month view. */
-    getMonthLabel?: MonthPickerGetMonthLabel;
-
-    /** Custom aria-label generator for month buttons in month view. */
-    getMonthAriaLabel?: MonthPickerGetMonthAriaLabel;
-
-    /** Custom header label renderer in month view. */
-    getMonthHeaderLabel?: MonthPickerGetHeaderLabel;
-
-    /** Custom aria-label generator for month view navigation controls. */
-    getMonthNavigationAriaLabel?: MonthPickerGetNavigationAriaLabel;
-
-    /** Used for editing root class name. */
-    className?: string;
-
-    /** Used for styling different parts of the component. */
-    classNames?: DatePickerClassNames;
-}
-
-export interface DatePickerFactoryPayload extends FactoryPayload {
-    props: DatePickerProps;
-    ref: HTMLDivElement;
-    compound: {
-        configure: ReturnType<typeof createComponentConfig<DatePickerProps>>;
-        classNames: ReturnType<typeof createClassNamesConfig<DatePickerClassNames>>;
-    };
-}

package/src/components/date-picker/index.ts

@@ -1,15 +0,0 @@
-export { default as DatePicker } from "./date-picker";
-export type {
-    DatePickerClassNames,
-    DatePickerGetDayAriaLabel,
-    DatePickerGetDayLabel,
-    DatePickerGetHeaderLabel,
-    DatePickerGetNavigationAriaLabel,
-    DatePickerGetWeekdayLabel,
-    DatePickerNavigationDirection,
-    DatePickerOnChange,
-    DatePickerProps,
-    DatePickerRadius,
-    DatePickerSize,
-    DatePickerValue
-} from "./date-picker.types";

package/src/components/dates-provider/context.ts

@@ -1,18 +0,0 @@
-import { createContext, useContext } from "react";
-import type { DatesContextValue } from "./types";
-
-const DatesContext = createContext<DatesContextValue | null>(null);
-
-export const DatesContextProvider = DatesContext.Provider;
-
-export const useDatesContext = () => {
-    const context = useContext(DatesContext);
-
-    if (context === null) {
-        throw new Error(
-            "[@refraktor/dates] DatesProvider was not found in the tree"
-        );
-    }
-
-    return context;
-};

package/src/components/dates-provider/dates-provider.tsx

@@ -1,136 +0,0 @@
-import dayjs from "dayjs";
-import localeData from "dayjs/plugin/localeData";
-import type { ConfigType } from "dayjs";
-import { useCallback, useMemo } from "react";
-import { DatesContextProvider } from "./context";
-import type {
-    DatesContextValue,
-    DatesProviderProps,
-    DayOfWeek,
-    WeekdayFormat
-} from "./types";
-
-dayjs.extend(localeData);
-
-const DEFAULT_FIRST_DAY_OF_WEEK: DayOfWeek = 1;
-const DEFAULT_WEEKDAY_FORMAT: WeekdayFormat = "short";
-const DEFAULT_CONSISTENT_WEEKS = true;
-const DEFAULT_LOCALE = "en";
-
-type DayjsWithLocales = typeof dayjs & {
-    Ls?: Record<string, unknown>;
-};
-
-const normalizeLocale = (locale: string) => {
-    const normalizedLocale = locale.trim().toLowerCase().replace(/_/g, "-");
-
-    if (!normalizedLocale) {
-        throw new Error(
-            "[@refraktor/dates] Invalid locale. Provide a non-empty locale string."
-        );
-    }
-
-    return normalizedLocale;
-};
-
-const assertLocaleIsRegistered = (locale: string) => {
-    const locales = (dayjs as DayjsWithLocales).Ls ?? {};
-
-    if (locales[locale]) return;
-
-    throw new Error(
-        `[@refraktor/dates] Locale "${locale}" is not registered in dayjs. Import it before rendering DatesProvider (example: import "dayjs/locale/${locale}").`
-    );
-};
-
-const isDayOfWeek = (value: number): value is DayOfWeek =>
-    Number.isInteger(value) && value >= 0 && value <= 6;
-
-const normalizeFirstDayOfWeek = (value: number): DayOfWeek => {
-    if (!isDayOfWeek(value)) {
-        throw new Error(
-            `[@refraktor/dates] Invalid firstDayOfWeek "${value}". Expected a number between 0 and 6.`
-        );
-    }
-
-    return value;
-};
-
-const rotateWeekdays = (
-    weekdays: readonly string[],
-    firstDayOfWeek: DayOfWeek
-) => [...weekdays.slice(firstDayOfWeek), ...weekdays.slice(0, firstDayOfWeek)];
-
-const getWeekdaysByFormat = (
-    locale: string,
-    format: WeekdayFormat,
-    firstDayOfWeek: DayOfWeek
-) => {
-    const localeData = dayjs().locale(locale).localeData();
-
-    const weekdays =
-        format === "long"
-            ? localeData.weekdays()
-            : format === "narrow"
-              ? localeData.weekdaysMin()
-              : localeData.weekdaysShort();
-
-    return rotateWeekdays(weekdays, firstDayOfWeek);
-};
-
-export const DatesProvider = ({
-    children,
-    locale = DEFAULT_LOCALE,
-    firstDayOfWeek = DEFAULT_FIRST_DAY_OF_WEEK,
-    weekdayFormat = DEFAULT_WEEKDAY_FORMAT,
-    consistentWeeks = DEFAULT_CONSISTENT_WEEKS
-}: DatesProviderProps) => {
-    const normalizedLocale = normalizeLocale(locale);
-    const normalizedFirstDayOfWeek = normalizeFirstDayOfWeek(firstDayOfWeek);
-
-    assertLocaleIsRegistered(normalizedLocale);
-
-    const createDate = useCallback(
-        (value?: ConfigType) => dayjs(value).locale(normalizedLocale),
-        [normalizedLocale]
-    );
-
-    const weekdays = useMemo(
-        () =>
-            getWeekdaysByFormat(
-                normalizedLocale,
-                weekdayFormat,
-                normalizedFirstDayOfWeek
-            ),
-        [normalizedFirstDayOfWeek, normalizedLocale, weekdayFormat]
-    );
-
-    const contextValue = useMemo<DatesContextValue>(
-        () => ({
-            locale: normalizedLocale,
-            firstDayOfWeek: normalizedFirstDayOfWeek,
-            weekdayFormat,
-            consistentWeeks,
-            weekdays,
-            createDate
-        }),
-        [
-            normalizedLocale,
-            normalizedFirstDayOfWeek,
-            weekdayFormat,
-            consistentWeeks,
-            weekdays,
-            createDate
-        ]
-    );
-
-    return (
-        <DatesContextProvider value={contextValue}>
-            {children}
-        </DatesContextProvider>
-    );
-};
-
-DatesProvider.displayName = "@refraktor/dates/DatesProvider";
-
-export default DatesProvider;

package/src/components/dates-provider/index.ts

@@ -1,10 +0,0 @@
-export { default as DatesProvider } from "./dates-provider";
-export { useDatesContext } from "./context";
-export { useDates } from "./use-dates";
-export type {
-    CreateDate,
-    DatesContextValue,
-    DatesProviderProps,
-    DayOfWeek,
-    WeekdayFormat
-} from "./types";

package/src/components/dates-provider/types.ts

@@ -1,33 +0,0 @@
-import type { ConfigType, Dayjs } from "dayjs";
-import type { ReactNode } from "react";
-
-export type WeekdayFormat = "narrow" | "short" | "long";
-export type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
-
-export type CreateDate = (value?: ConfigType) => Dayjs;
-
-export type DatesProviderProps = {
-    /** Content wrapped by the dates provider. */
-    children: ReactNode;
-
-    /** Locale key imported by the user in dayjs. @default `en` */
-    locale?: string;
-
-    /** First day shown in week headers/grid. @default `1` (Monday) */
-    firstDayOfWeek?: DayOfWeek;
-
-    /** Weekday label style. @default `short` */
-    weekdayFormat?: WeekdayFormat;
-
-    /** Keep calendar grid at six rows. @default `true` */
-    consistentWeeks?: boolean;
-};
-
-export type DatesContextValue = {
-    locale: string;
-    firstDayOfWeek: DayOfWeek;
-    weekdayFormat: WeekdayFormat;
-    consistentWeeks: boolean;
-    weekdays: string[];
-    createDate: CreateDate;
-};

package/src/components/dates-provider/use-dates.ts

@@ -1,5 +0,0 @@
-import { useDatesContext } from "./context";
-
-export function useDates() {
-    return useDatesContext();
-}

package/src/components/index.ts

@@ -1,9 +0,0 @@
-export * from "./dates-provider";
-export * from "./date-picker";
-export * from "./date-input";
-export * from "./month-picker";
-export * from "./month-input";
-export * from "./year-picker";
-export * from "./year-input";
-export * from "./time-picker";
-export * from "./time-input";

package/src/components/month-input/index.ts

@@ -1,13 +0,0 @@
-export { default as MonthInput } from "./month-input";
-export type {
-    MonthInputClassNames,
-    MonthInputFactoryPayload,
-    MonthInputMiddlewares,
-    MonthInputOnChange,
-    MonthInputPositioning,
-    MonthInputProps,
-    MonthInputRadius,
-    MonthInputSize,
-    MonthInputValue,
-    MonthInputValueFormat
-} from "./month-input.types";