@moneyforward/mfui-components 2.48.2 → 3.0.0

package/dist/esm/src/DateTimeSelection/MonthRangePicker/MonthRangePickerPanel/MonthRangePickerPanel.types.d.ts

@@ -1,42 +0,0 @@
-/**
- * Props for MonthRangePickerPanel component
- */
-export type MonthRangePickerPanelProps = {
-    /**
-     * Current viewing year/month (from renderPopoverContent options)
-     * Used to determine which year to display in the month grid
-     */
-    viewingValue: Date;
-    /**
-     * Function to change the viewing year (from renderPopoverContent options)
-     * Used by year navigation controls
-     */
-    setViewingValue: (value: Date) => void;
-    /**
-     * Current selected range [start, end] (from renderPopoverContent options)
-     * Used to show current selection state in the month grid
-     */
-    value?: [Date | undefined, Date | undefined];
-    /**
-     * The minimum selectable month.
-     * Months before this value will be disabled.
-     *
-     * @example
-     * ```tsx
-     * // Disable months before January 2020
-     * <MonthRangePickerPanel minMonth={new Date(2020, 0, 1)} />
-     * ```
-     */
-    minMonth?: Date;
-    /**
-     * The maximum selectable month.
-     * Months after this value will be disabled.
-     *
-     * @example
-     * ```tsx
-     * // Disable months after December 2030
-     * <MonthRangePickerPanel maxMonth={new Date(2030, 11, 1)} />
-     * ```
-     */
-    maxMonth?: Date;
-};

package/dist/esm/src/DateTimeSelection/MonthRangePicker/MonthRangePickerPanel/index.d.ts

@@ -1,2 +0,0 @@
-export { MonthRangePickerPanel } from './MonthRangePickerPanel';
-export type { MonthRangePickerPanelProps } from './MonthRangePickerPanel.types';

package/dist/esm/src/DateTimeSelection/MonthRangePicker/index.d.ts

@@ -1,2 +0,0 @@
-export { MonthRangePicker } from './MonthRangePicker';
-export type { MonthRangePickerProps } from './MonthRangePicker.types';

package/dist/esm/src/DateTimeSelection/index.d.ts

@@ -1,4 +0,0 @@
-export * from './DatePicker';
-export * from './MonthPicker';
-export * from './DateRangePicker';
-export * from './MonthRangePicker';

package/dist/esm/src/DateTimeSelection/shared/BasePicker/BasePicker.d.ts

@@ -1,7 +0,0 @@
-import { type BasePickerProps } from './BasePicker.types';
-/**
- * The BasePicker component.
- * This component uses the composition component of the TextBox component. Please refer to the TextBox documentation for their usage.
- * This component extends the props of TextBox component.
- */
-export declare function BasePicker({ targetDOMNode, enableAutoUnmount, open, onOpenChange, onOpenStateChanged, disableAutoOpen, format, baseFormat, customFormatValue, value, defaultValue, onChange, calendarIconButtonProps, renderPopoverContent, onBlur, allowedPlacements, calendarLocale, disabled, ...textBoxProps }: BasePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/DateTimeSelection/shared/BasePicker/BasePicker.types.d.ts

@@ -1,131 +0,0 @@
-import type React from 'react';
-import { type ChangeEvent } from 'react';
-import { type TextBoxProps } from '../../../TextBox';
-import { type IconButtonProps } from '../../../IconButton';
-import { type PopoverProps } from '../../../Popover';
-export type BasePickerProps = {
-    /**
-     * The value of the picker popover.
-     * If the value is undefined, when opening the picker popover, the picker popover will show the current date.
-     *
-     * @default undefined
-     */
-    value?: Date;
-    /**
-     * The default value of the picker popover, for uncontrolled components.
-     *
-     * @default undefined
-     */
-    defaultValue?: Date;
-    /**
-     * Whether the picker popover is open or not, to let you manually control the open state.
-     *
-     * @default false
-     */
-    open?: boolean;
-    /**
-     * Callback when the picker popover is open or closed.
-     *
-     * @param open - Whether the picker popover is open or not.
-     *
-     * @default undefined
-     *
-     * @deprecated Please use `onOpenStateChanged` instead.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Callback when the picker popover is opened or closed.
-     *
-     * @param open - Whether the picker popover is opened or not.
-     *
-     * @default undefined
-     */
-    onOpenStateChanged?: (open: boolean) => void;
-    /**
-     * Whether to disable automatically opening the picker popover when the input is focused.
-     * If true, the picker popover will not automatically open when the input is focused.
-     *
-     * @default false - Automatically open the Popover when we click on the TextBox.
-     */
-    disableAutoOpen?: boolean;
-    /**
-     * Callback when the picker popover value is changed.
-     *
-     * @param value - The new value of the picker popover.
-     *
-     * @param event - The event object, only available when the picker popover value is changed by editing the input.
-     *
-     * @default undefined
-     */
-    onChange?: (value: Date | undefined, event: ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * The format of the picker popover value.
-     * The format follows the ISO 8601 standard.
-     *
-     * @default 'YYYY/MM/DD'
-     *
-     * @see https://en.wikipedia.org/wiki/ISO_8601
-     */
-    format?: string;
-    /**
-     * Custom function to format a Date object to a string for display.
-     * When provided, this function will be used instead of the default dayjs formatting.
-     *
-     * @param date - The date to format
-     *
-     * @returns The formatted date string
-     *
-     * @default undefined
-     */
-    customFormatValue?: (date: Date) => string;
-    /**
-     * The target DOM node to render the picker popover.
-     *
-     * If provided, the popover is rendered inside this node. Otherwise, a
-     * suitable DOM node is chosen automatically.
-     *
-     * @default null
-     */
-    targetDOMNode?: PopoverProps['targetDOMNode'];
-    /**
-     * Enable auto unmounting of the popover content when it's not displayed.
-     * When true, the popover content will return null instead of hiding via CSS.
-     *
-     * @default true
-     */
-    enableAutoUnmount?: boolean;
-    /**
-     * Props for the calendar icon button.
-     *
-     * @property aria-label - The alternative text for the calendar icon button. Default is 'カレンダーを開く' or 'カレンダーを閉じる' switched by whether calendar is open or not.
-     */
-    calendarIconButtonProps?: Pick<IconButtonProps, 'aria-label'>;
-    /**
-     * Locale used for internal labels (e.g., calendar icon open/close labels).
-     * Defaults to Japanese to preserve backward compatibility.
-     *
-     * @default 'ja'
-     */
-    calendarLocale?: 'ja' | 'en';
-    /**
-     * Custom render function for the popover content. This is required to make BasePicker truly generic.
-     *
-     * @param options - The options object containing viewingValue, setViewingValue, value, and onChange
-     *
-     * @returns React.ReactNode to render as the popover content
-     */
-    renderPopoverContent: (options: {
-        viewingValue: Date;
-        setViewingValue: (date: Date) => void;
-        value?: Date;
-        onChange?: (value: Date | undefined, event: React.MouseEvent<HTMLButtonElement>) => void;
-    }) => React.ReactNode;
-    /**
-     * The base format of the date, which is used for internal calculations.
-     *
-     * @default 'YYYY-MM-DD'
-     *
-     * @see https://en.wikipedia.org/wiki/ISO_8601
-     */
-    baseFormat?: string;
-} & Omit<TextBoxProps, 'value' | 'defaultValue' | 'onChange'> & Pick<PopoverProps, 'allowedPlacements'>;

package/dist/esm/src/DateTimeSelection/shared/BasePicker/BasePickerProvider/BasePickerProvider.d.ts

@@ -1,65 +0,0 @@
-type BasePickerContextValue = {
-    /**
-     * The value that user is currently viewing
-     */
-    viewingValue: Date;
-    /**
-     * Function to set the viewing value
-     */
-    setViewingValue: (date: Date) => void;
-    /**
-     * The date that should be focused after value change.
-     * This is needed to maintain keyboard navigation focus when navigating between values.
-     * When a user navigates to a date in a different value (e.g. using arrow keys),
-     * the DateCell components are unmounted and remounted during the value transition.
-     * We store the target date here so we can restore focus to the correct cell
-     * after the new value's cells are mounted.
-     */
-    pendingFocusDate: string | null;
-    /**
-     * Function to set the date that should be focused after viewing value change
-     */
-    setPendingFocusDate: (date: string | null) => void;
-    /**
-     * The base format of the date string
-     */
-    baseFormat: string;
-};
-type BasePickerProviderProps = {
-    /**
-     * The initial viewing value
-     */
-    initialViewingValue?: Date;
-    /**
-     * The currently selected date
-     */
-    value?: Date;
-    /**
-     * The internal value from input field
-     */
-    internalValue?: string;
-    /**
-     * The format of the date string
-     */
-    format?: string;
-    /**
-     * The base format of the date string
-     */
-    baseFormat?: string;
-    /**
-     * The children components
-     */
-    children: React.ReactNode;
-};
-/**
- * Provider component for BasePicker context
- * This provider manages the viewingValue state and provides functions to manipulate it
- */
-export declare function BasePickerProvider({ initialViewingValue, value, internalValue, format, baseFormat, children, }: BasePickerProviderProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Hook to access BasePicker context
- *
- * @throws {Error} If used outside of BasePickerProvider
- */
-export declare function useBasePickerContext(): BasePickerContextValue;
-export {};

package/dist/esm/src/DateTimeSelection/shared/BasePicker/BasePickerProvider/index.d.ts

@@ -1 +0,0 @@
-export { BasePickerProvider, useBasePickerContext } from './BasePickerProvider';

package/dist/esm/src/DateTimeSelection/shared/BasePicker/YearSelector/YearSelector.d.ts

@@ -1,18 +0,0 @@
-import { type SelectBoxProps } from '../../../../SelectBox';
-/**
- * Props for YearSelector component
- */
-type YearSelectorProps = {
-    /**
-     * Internal value of the DatePicker
-     */
-    value?: Date;
-    /**
-     * This callback will be triggered whenever you click on a year.
-     *
-     * @param year - The year that user selected.
-     */
-    onChange: (year: number) => void;
-} & Pick<SelectBoxProps, 'targetDOMNode'>;
-export declare function YearSelector({ value, onChange, targetDOMNode }: YearSelectorProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/src/DateTimeSelection/shared/BasePicker/basePickerUtilities/useBasePickerDisplayController.d.ts

@@ -1,37 +0,0 @@
-import { type RefObject } from 'react';
-import { type TextBoxProps } from '../../../../TextBox';
-type Options = {
-    /**
-     * The open state of the BasePicker component.
-     */
-    open: boolean;
-    /**
-     * Callback when the open state of the BasePicker component is changed.
-     *
-     * @param open - The new open state.
-     */
-    onOpenStateChanged?: (open: boolean) => void;
-    /**
-     * The ref of the TextBox.
-     * This is used to focus the TextBox when the BasePicker is closed on some cases.
-     */
-    textBoxRef: RefObject<HTMLInputElement | null>;
-    /**
-     * Callback when the key is pressed on the TextBox.
-     */
-    onKeyDown?: TextBoxProps['onKeyDown'];
-};
-/**
- * Controller for the display of the BasePicker component.
- *
- * @param options - The options for the controller.
- *
- * @returns The internal open state, and the function to toggle the open state.
- */
-export declare function useBasePickerDisplayController({ open, onOpenStateChanged, textBoxRef }: Options): {
-    isBasePickerOpen: boolean;
-    toggleBasePicker: () => void;
-    onPickerPopoverChange: () => void;
-    onPickerPopoverWrapperKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-};
-export {};

package/dist/esm/src/DateTimeSelection/shared/BasePicker/basePickerUtilities/useBasePickerValueController.d.ts

@@ -1,80 +0,0 @@
-import type React from 'react';
-import { type ChangeEvent } from 'react';
-import { type TextBoxProps } from '../../../../TextBox';
-type UseBasePickerValueControllerOptions = {
-    /**
-     * The value of the BasePicker component.
-     */
-    value: Date | undefined;
-    /**
-     * The default value of the BasePicker component.
-     */
-    defaultValue: Date | undefined;
-    /**
-     * The format of the BasePicker component, in ISO 8601 format.
-     */
-    format: string;
-    /**
-     * Custom function to format a Date object to a string for display.
-     * When provided, this function will be used instead of the default dayjs formatting.
-     */
-    customFormatValue?: (date: Date) => string;
-    /**
-     * Callback when the value of the BasePicker component is changed.
-     *
-     * @param value - The new value.
-     *
-     * @param event - The event that triggered the change, if triggered from TextBox
-     *
-     * @default undefined
-     */
-    onChange?: (value: Date | undefined, event: ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Callback when the value of the popover component is changed.
-     *
-     * @param value - The new value.
-     *
-     * @default undefined
-     */
-    onPickerPopoverChange?: (value: Date | undefined, event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * User's onBlur callback.
-     * Note: This is no longer used in useBasePickerValueController as onBlur is now handled
-     * by the Popover component to avoid duplicate calls.
-     *
-     * @param event - The blur event
-     *
-     * @default undefined
-     */
-    onBlur?: TextBoxProps['onBlur'];
-    /**
-     * Whether the popover is currently open.
-     * Note: This is no longer used in useBasePickerValueController.
-     */
-    isPopoverOpen: boolean;
-    /**
-     * Ref to the trigger element (wrapper containing both input and calendar icon).
-     * Note: This is no longer used in useBasePickerValueController.
-     */
-    triggerRef: React.RefObject<HTMLElement | null>;
-};
-/**
- * Controller for the value of the BasePicker component.
- *
- * @param options - The options for the controller.
- *
- * @returns The props for the input element and the picker popover.
- */
-export declare function useBasePickerValueController({ value, defaultValue, format, customFormatValue, onChange, onPickerPopoverChange, }: UseBasePickerValueControllerOptions): {
-    inputProps: {
-        value: string;
-        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-        onBlur: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
-        onClear: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    };
-    pickerPopoverProps: {
-        value: Date | undefined;
-        onChange: (newValue: Date | undefined, event: React.MouseEvent<HTMLButtonElement>) => void;
-    };
-};
-export {};

package/dist/esm/src/DateTimeSelection/shared/BasePicker/constants.d.ts

@@ -1,31 +0,0 @@
-import { type BasePickerProps } from './BasePicker.types';
-/**
- * Default labels for the DatePicker components with Japanese text
- */
-export declare const LABEL_GO_TO_PREV_MONTH = "\u524D\u306E\u6708";
-export declare const LABEL_GO_TO_NEXT_MONTH = "\u6B21\u306E\u6708";
-export declare const LABEL_OPEN_CALENDAR = "\u30AB\u30EC\u30F3\u30C0\u30FC\u3092\u958B\u304F";
-export declare const LABEL_CLOSE_CALENDAR = "\u30AB\u30EC\u30F3\u30C0\u30FC\u3092\u9589\u3058\u308B";
-export declare const LABEL_TODAY = "\u4ECA\u65E5";
-type LabelKey = 'GO_TO_PREV_MONTH' | 'GO_TO_NEXT_MONTH' | 'OPEN_CALENDAR' | 'CLOSE_CALENDAR' | 'TODAY';
-export declare const BASE_PICKER_LABELS: Record<NonNullable<BasePickerProps['calendarLocale']>, Record<LabelKey, string>>;
-export declare const DAY_ABBREVIATIONS: Record<NonNullable<BasePickerProps['calendarLocale']>, string[]>;
-export declare const DAY_FULL_NAMES: Record<NonNullable<BasePickerProps['calendarLocale']>, string[]>;
-export declare function getBasePickerLabel(key: LabelKey, locale?: NonNullable<BasePickerProps['calendarLocale']>): string;
-/**
- * The minimum year that can be selected in the DatePicker
- */
-export declare const MINIMUM_VIEWABLE_YEAR = 1800;
-/**
- * The maximum year that can be selected in the DatePicker
- */
-export declare const MAXIMUM_VIEWABLE_YEAR = 2099;
-/**
- * The minimum date that can be navigated to. The previous month button will be disabled when viewing January of this year.
- */
-export declare const MINIMUM_NAVIGABLE_DATE: Date;
-/**
- * The maximum date that can be navigated to. The next month button will be disabled when viewing December of this year.
- */
-export declare const MAXIMUM_NAVIGABLE_DATE: Date;
-export {};

package/dist/esm/src/DateTimeSelection/shared/BasePicker/index.d.ts

@@ -1,2 +0,0 @@
-export { BasePicker } from './BasePicker';
-export { type BasePickerProps } from './BasePicker.types';

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePicker.d.ts

@@ -1,6 +0,0 @@
-import { type BaseRangePickerProps } from './BaseRangePicker.types';
-/**
- * BaseRangePicker component
- * A generic component for selecting a range of dates with configurable format
- */
-export declare function BaseRangePicker({ value, defaultValue, disabled, invalid, targetDOMNode, onChange, format, onOpenStateChanged, disableAutoOpen, onBlur, allowedPlacements, enableClearButton, clearButtonProps, minDate, maxDate, enableAutoUnmount, minWidth, renderPopoverContent, startInputProps, endInputProps, calendarLocale, }: BaseRangePickerProps): import("react/jsx-runtime").JSX.Element;