@moneyforward/mfui-components 2.48.2 → 3.0.0

package/dist/cjs/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/hooks/useDateRangeTriggerValueController.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDateRangeTriggerValueController = useDateRangeTriggerValueController;
-const react_1 = require("react");
-const dayjs_1 = require("../../../../../utilities/date/dayjs");
-const BaseRangePickerProvider_1 = require("../../BaseRangePickerProvider");
-const createInputProps = (baseProps, value, format, onStringChange, onDateChange, otherDate, isDateDisabled) => ({
-    ...baseProps,
-    value,
-    onChange: (event) => {
-        if (event.defaultPrevented)
-            return;
-        const inputString = event.target.value;
-        baseProps.onChange?.(event);
-        onStringChange(inputString);
-    },
-    onBlur: (event) => {
-        if (event.defaultPrevented)
-            return;
-        baseProps.onBlur?.(event);
-        const dateValue = (0, dayjs_1.dayjs)(value, format, true);
-        if (!dateValue.isValid()) {
-            onDateChange(undefined, otherDate);
-            return;
-        }
-        const currentDate = dateValue.startOf('day').toDate();
-        // Check if the date is disabled due to constraints
-        if (isDateDisabled?.(currentDate)) {
-            // Clear the input if the date violates constraints
-            onDateChange(undefined, otherDate);
-            return;
-        }
-        onDateChange(currentDate, otherDate);
-    },
-});
-/**
- * Controller for the value of the BaseRangePicker component.
- * Automatically ensures dates are in chronological order by swapping them if needed on blur.
- *
- * @param options - The options for the controller.
- *
- * @returns The props for the input elements.
- */
-function useDateRangeTriggerValueController({ startInputProps = {}, endInputProps = {}, format, }) {
-    const { startDate, endDate, startDateString, endDateString, onStartDateChange, onEndDateChange, onStartDateStringChange, onEndDateStringChange, handleClear, isDateDisabled, } = (0, BaseRangePickerProvider_1.useBaseRangePickerContext)();
-    const enhancedStartInputProps = (0, react_1.useMemo)(() => createInputProps(startInputProps, startDateString, format, onStartDateStringChange, onStartDateChange, endDate, isDateDisabled), [startInputProps, startDateString, format, onStartDateStringChange, onStartDateChange, endDate, isDateDisabled]);
-    const enhancedEndInputProps = (0, react_1.useMemo)(() => createInputProps(endInputProps, endDateString, format, onEndDateStringChange, onEndDateChange, startDate, isDateDisabled), [endInputProps, endDateString, format, onEndDateStringChange, onEndDateChange, startDate, isDateDisabled]);
-    return {
-        startInputProps: enhancedStartInputProps,
-        endInputProps: enhancedEndInputProps,
-        handleClear,
-        startDate,
-        endDate,
-    };
-}

package/dist/cjs/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseRangePickerTrigger = void 0;
-var BaseRangePickerTrigger_1 = require("./BaseRangePickerTrigger");
-Object.defineProperty(exports, "BaseRangePickerTrigger", { enumerable: true, get: function () { return BaseRangePickerTrigger_1.BaseRangePickerTrigger; } });

package/dist/cjs/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/utilities/createBaseRangePickerTriggerTestUtility.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createBaseRangePickerTriggerTestUtility = createBaseRangePickerTriggerTestUtility;
-const react_1 = require("@testing-library/react");
-const constants_1 = require("../constants");
-function createBaseRangePickerTriggerTestUtility({ user, calendarLocale, }) {
-    // Element Queries
-    function getStartInput() {
-        return react_1.screen.getByPlaceholderText((0, constants_1.getBaseRangePickerTriggerLabel)('START_DATE_PLACEHOLDER', calendarLocale));
-    }
-    function getEndInput() {
-        return react_1.screen.getByPlaceholderText((0, constants_1.getBaseRangePickerTriggerLabel)('END_DATE_PLACEHOLDER', calendarLocale));
-    }
-    function getClearButton() {
-        return react_1.screen.queryByRole('button', { name: (0, constants_1.getBaseRangePickerTriggerLabel)('CLEAR_BUTTON_LABEL', calendarLocale) });
-    }
-    function getCalendarButton() {
-        return react_1.screen.getByRole('button', {
-            name: (0, constants_1.getBaseRangePickerTriggerLabel)('CALENDAR_BUTTON_LABEL', calendarLocale),
-        });
-    }
-    // Value Queries
-    function getStartValue() {
-        try {
-            return getStartInput().getAttribute('value');
-        }
-        catch {
-            return null;
-        }
-    }
-    function getEndValue() {
-        try {
-            return getEndInput().getAttribute('value');
-        }
-        catch {
-            return null;
-        }
-    }
-    function isClearButtonVisible() {
-        return getClearButton() !== null;
-    }
-    // Actions
-    async function setStartDate(date) {
-        const input = getStartInput();
-        await user.clear(input);
-        await user.type(input, date);
-        await user.tab(); // Trigger blur
-    }
-    async function setEndDate(date) {
-        const input = getEndInput();
-        await user.clear(input);
-        await user.type(input, date);
-        await user.tab(); // Trigger blur
-    }
-    async function clearValues() {
-        const clearButton = getClearButton();
-        if (clearButton) {
-            await user.click(clearButton);
-        }
-    }
-    async function openCalendar() {
-        await user.click(getCalendarButton());
-    }
-    return {
-        getStartInput,
-        getEndInput,
-        getClearButton,
-        getCalendarButton,
-        getStartValue,
-        getEndValue,
-        isClearButtonVisible,
-        setStartDate,
-        setEndDate,
-        clearValues,
-        openCalendar,
-    };
-}

package/dist/cjs/src/DateTimeSelection/shared/BaseRangePicker/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseRangePicker = void 0;
-var BaseRangePicker_1 = require("./BaseRangePicker");
-Object.defineProperty(exports, "BaseRangePicker", { enumerable: true, get: function () { return BaseRangePicker_1.BaseRangePicker; } });

package/dist/cjs/src/DateTimeSelection/shared/BaseRangePicker/utilities/createBaseRangePickerTestUtility.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createBaseRangePickerTestUtility = createBaseRangePickerTestUtility;
-const createBaseRangePickerPopoverTestUtility_1 = require("../BaseRangePickerPopover/utilities/createBaseRangePickerPopoverTestUtility");
-const createBaseRangePickerTriggerTestUtility_1 = require("../BaseRangePickerTrigger/utilities/createBaseRangePickerTriggerTestUtility");
-function createBaseRangePickerTestUtility({ user, calendarLocale }) {
-    const triggerUtils = (0, createBaseRangePickerTriggerTestUtility_1.createBaseRangePickerTriggerTestUtility)({ user, calendarLocale });
-    const popoverUtils = (0, createBaseRangePickerPopoverTestUtility_1.createBaseRangePickerPopoverTestUtility)({ user, calendarLocale });
-    function getPopover() {
-        return document.querySelector('[data-mfui-content="popover-portal-content"]');
-    }
-    return {
-        // Trigger utilities
-        ...triggerUtils,
-        // Popover utilities
-        ...popoverUtils,
-        // Additional utilities
-        getPopover,
-    };
-}

package/dist/cjs/src/DateTimeSelection/shared/CalendarGrid/CalendarGrid.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarGrid = CalendarGrid;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const css_1 = require("../../../../styled-system/css");
-const DayCell_1 = require("../DayCell");
-const DateCell_1 = require("../DateCell");
-const useDates_1 = require("./utilities/useDates");
-const computeDataForStyling_1 = require("./utilities/computeDataForStyling");
-const dateUtilities_1 = require("./utilities/dateUtilities");
-const dayjs_1 = require("../../../utilities/date/dayjs");
-const recipes_1 = require("../../../../styled-system/recipes");
-function CalendarGrid({ viewingValue, minDate, maxDate, checkDisabledDate, onKeyboardNavigation, pendingFocusDate, onPendingFocusDateChange, value, renderDateCell, className, onDateClick, }) {
-    const dates = (0, useDates_1.useDates)(viewingValue);
-    const computedDataForStyles = (0, react_1.useMemo)(() => (0, computeDataForStyling_1.computeDataForStyling)(viewingValue), [viewingValue]);
-    const computedPropsForDates = (0, react_1.useMemo)(() => {
-        const newDates = dates.map((dateNumber) => {
-            if (!dateNumber)
-                return null;
-            const date = new Date(viewingValue.getFullYear(), viewingValue.getMonth(), dateNumber);
-            const isDisabledByProps = (minDate && date < minDate) || (maxDate && date > maxDate);
-            const isDisabledByCallback = checkDisabledDate?.(date);
-            const disabled = isDisabledByProps || !!isDisabledByCallback;
-            const isSelected = value ? (0, dateUtilities_1.checkIsSameDate)(value, date) : false;
-            return {
-                date,
-                selected: isSelected,
-                onClick: (event) => onDateClick?.(date, event),
-                disabled,
-                hasBorderTopLeftRadius: computedDataForStyles.datesHasBorderTopLeftRadius.has(dateNumber),
-                hasBorderTopRightRadius: computedDataForStyles.datesHasBorderTopRightRadius.has(dateNumber),
-                hasBorderBottomLeftRadius: computedDataForStyles.datesHasBorderBottomLeftRadius.has(dateNumber),
-                hasBorderBottomRightRadius: computedDataForStyles.datesHasBorderBottomRightRadius.has(dateNumber),
-                hasRightBorder: computedDataForStyles.datesHasBorderRight.has(dateNumber),
-                hasBottomBorder: computedDataForStyles.datesHasBorderBottom.has(dateNumber),
-                isLastWeekDate: computedDataForStyles.lastWeekDates.has(dateNumber),
-                shouldBeTabbable: false, // Will be set correctly below
-                onKeyDown: onKeyboardNavigation,
-            };
-        });
-        // Determine which date should be tabbable (only one date should be tabbable)
-        // Priority: selected date > today's date > first non-disabled date
-        let tabbableDateIndex = -1;
-        // First, try to find the selected date if it exists and is not disabled
-        if (value) {
-            tabbableDateIndex = newDates.findIndex((dateItem) => dateItem && dateItem.selected && !dateItem.disabled);
-        }
-        // If no selected date or selected date is disabled, try today's date
-        if (tabbableDateIndex === -1) {
-            const todayFormatted = (0, dayjs_1.dayjs)().format('YYYY-MM-DD');
-            tabbableDateIndex = newDates.findIndex((dateItem) => dateItem && !dateItem.disabled && (0, dayjs_1.dayjs)(dateItem.date).format('YYYY-MM-DD') === todayFormatted);
-        }
-        // If today's date is not available, use the first non-disabled date
-        if (tabbableDateIndex === -1) {
-            tabbableDateIndex = newDates.findIndex((dateItem) => dateItem && !dateItem.disabled);
-        }
-        // Set shouldBeTabbable for the determined date
-        if (tabbableDateIndex !== -1) {
-            const tabbableDate = newDates[tabbableDateIndex];
-            if (tabbableDate) {
-                tabbableDate.shouldBeTabbable = true;
-            }
-        }
-        return newDates;
-    }, [
-        dates,
-        viewingValue,
-        computedDataForStyles,
-        value,
-        checkDisabledDate,
-        maxDate,
-        minDate,
-        onKeyboardNavigation,
-        onDateClick,
-    ]);
-    (0, react_1.useEffect)(() => {
-        if (!pendingFocusDate)
-            return;
-        const targetCell = document.querySelector(`[data-mfui-date="${pendingFocusDate}"]`);
-        if (targetCell && !targetCell.disabled) {
-            targetCell.focus();
-        }
-        onPendingFocusDateChange?.(null);
-    }, [viewingValue, pendingFocusDate, onPendingFocusDateChange]);
-    const classes = (0, recipes_1.calendarGridSlotRecipe)();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, css_1.cx)(classes.calendarGrid, 'mfui-CalendarGrid__calendarGrid', className), children: [Array(7)
-                .fill(null)
-                .map((_, index) => ((0, jsx_runtime_1.jsx)(DayCell_1.DayCell, { day: index }, index))), computedPropsForDates.map((dateItem, index) => {
-                // All props are generated internally and guaranteed to have required fields
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
-                if (!dateItem)
-                    return (0, jsx_runtime_1.jsx)("div", {}, `empty-date-${String(index)}`);
-                return renderDateCell ? (renderDateCell(dateItem)) : ((0, jsx_runtime_1.jsx)(DateCell_1.DateCell, { ...dateItem }, `date-${dateItem.date.toISOString()}`));
-            })] }));
-}

package/dist/cjs/src/DateTimeSelection/shared/CalendarGrid/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CalendarGrid"), exports);

package/dist/cjs/src/DateTimeSelection/shared/CalendarGrid/utilities/computeDataForStyling.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeDataForStyling = computeDataForStyling;
-const dateUtilities_1 = require("./dateUtilities");
-/**
- * Compute data for styling the calendar view
- *
- * @param viewingValue - The value that is currently viewing
- *
- * @returns The data for styling the calendar view
- */
-function computeDataForStyling(viewingValue) {
-    const year = viewingValue.getFullYear();
-    const month = viewingValue.getMonth();
-    const firstDate = viewingValue.getDate(); // of course, it's 1, but for readability
-    const firstDateDay = viewingValue.getDay();
-    const datesHasBorderTopLeftRadius = new Set();
-    // First date of the month has borderTopLeftRadius
-    datesHasBorderTopLeftRadius.add(1);
-    // First Monday of the month has borderTopLeftRadius
-    // Because Monday is 1, so we will use 8 to represent Monday and % 7 to get the correct date
-    const firstMonday = firstDate + ((8 - firstDateDay) % 7);
-    datesHasBorderTopLeftRadius.add(firstMonday);
-    const datesHasBorderTopRightRadius = new Set();
-    // First Sunday of the month has borderTopRightRadius
-    const firstSunday = viewingValue.getDate() + ((7 - firstDateDay) % 7);
-    datesHasBorderTopRightRadius.add(firstSunday);
-    const lastDate = new Date(year, month + 1, 0);
-    const datesHasBorderBottomLeftRadius = new Set();
-    // Last Monday of the month has borderBottomLeftRadius
-    const lastMonday = lastDate.getDate() - ((lastDate.getDay() + 6) % 7);
-    datesHasBorderBottomLeftRadius.add(lastMonday);
-    const datesHasBorderBottomRightRadius = new Set();
-    // Last date of the month has borderBottomRightRadius
-    datesHasBorderBottomRightRadius.add(lastDate.getDate());
-    // Last Sunday of the month has borderBottomRightRadius
-    const lastSunday = lastDate.getDate() - lastDate.getDay();
-    datesHasBorderBottomRightRadius.add(lastSunday);
-    const datesHasBorderRight = new Set();
-    // All Sundays have borderRight
-    Array((0, dateUtilities_1.getTotalDaysInMonth)(month, year))
-        .fill(0)
-        .forEach((_date, dateIndex) => {
-        const day = new Date(year, month, dateIndex + 1).getDay();
-        if (day === 0) {
-            datesHasBorderRight.add(dateIndex + 1);
-        }
-    });
-    // The Last date of the month has borderRight
-    datesHasBorderRight.add(lastDate.getDate());
-    const datesHasBorderBottom = new Set();
-    // Last 7 days of viewing month has border bottom
-    Array(7)
-        .fill(0)
-        .forEach((_, index) => {
-        datesHasBorderBottom.add(lastDate.getDate() - index);
-    });
-    const lastWeekDates = new Set();
-    // Last dates of the last week of the viewing month
-    // Simply by adding the last date, then subtracting the index, util it's Monday
-    for (let i = 0; i < 7; i++) {
-        const date = lastDate.getDate() - i;
-        if (new Date(year, month, date).getDay() === 1) {
-            lastWeekDates.add(date);
-            break;
-        }
-        lastWeekDates.add(date);
-    }
-    return {
-        datesHasBorderTopLeftRadius,
-        datesHasBorderTopRightRadius,
-        datesHasBorderBottomLeftRadius,
-        datesHasBorderBottomRightRadius,
-        datesHasBorderRight,
-        datesHasBorderBottom,
-        lastWeekDates,
-    };
-}

package/dist/cjs/src/DateTimeSelection/shared/CalendarGrid/utilities/dateUtilities.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTotalDaysInMonth = getTotalDaysInMonth;
-exports.checkIsSameDate = checkIsSameDate;
-/**
- * Get the total days in a month
- *
- * @param month - The month number (0-11)
- *
- * @param year - The year number
- *
- * @returns The total days in the month
- */
-function getTotalDaysInMonth(month, year) {
-    return new Date(year, month + 1, 0).getDate();
-}
-/**
- * Check if two dates are the same
- *
- * @param dateA - The first date
- *
- * @param dateB - The second date
- *
- * @returns true if the dates are the same, false otherwise
- */
-function checkIsSameDate(dateA, dateB) {
-    return (dateA.getDate() === dateB.getDate() &&
-        dateA.getMonth() === dateB.getMonth() &&
-        dateA.getFullYear() === dateB.getFullYear());
-}

package/dist/cjs/src/DateTimeSelection/shared/CalendarGrid/utilities/useDates.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDates = useDates;
-const react_1 = require("react");
-const dateUtilities_1 = require("./dateUtilities");
-/**
- * Separate the viewing value into dates
- * To make sure it always start with Monday, it will fill the blank by null value
- *
- * @param viewingValue - The date that user is viewing
- *
- * @returns The chunked dates as the example
- *
- * @example
- * [
- *  null, 1, 2, 3, 4, 5, 6,
- *  7, 8, 9, 10, 11, 12, 13,
- *  14, 15, 16, 17, 18, 19, 20,
- *  21, 22, 23, 24, 25, 26, 27,
- *  28, 29, 30, 31, null, null, null
- * ]
- */
-function useDates(viewingValue) {
-    return (0, react_1.useMemo)(() => {
-        // Count empty dates at start
-        const emptyDatesStart = Array(viewingValue.getDay() === 0 ? 6 : viewingValue.getDay() - 1).fill(null);
-        // Count empty dates at the end
-        const emptyDatesEnd = Array(7 - ((viewingValue.getDay() + (0, dateUtilities_1.getTotalDaysInMonth)(viewingValue.getMonth(), viewingValue.getFullYear())) % 7)).fill(null);
-        // List up dates of viewing value
-        const dates = Array((0, dateUtilities_1.getTotalDaysInMonth)(viewingValue.getMonth(), viewingValue.getFullYear()))
-            .fill(0)
-            .map((_, dateIndex) => dateIndex + 1);
-        return [...emptyDatesStart, ...dates, ...emptyDatesEnd];
-    }, [viewingValue]);
-}

package/dist/cjs/src/DateTimeSelection/shared/CalendarLocale/CalendarLocaleContext.js

@@ -1,14 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarLocaleProvider = CalendarLocaleProvider;
-exports.useCalendarLocale = useCalendarLocale;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const CalendarLocaleContext = (0, react_1.createContext)('ja');
-function CalendarLocaleProvider({ value, children, }) {
-    return (0, jsx_runtime_1.jsx)(CalendarLocaleContext.Provider, { value: value, children: children });
-}
-function useCalendarLocale() {
-    return (0, react_1.useContext)(CalendarLocaleContext);
-}

package/dist/cjs/src/DateTimeSelection/shared/DateCell/DateCell.js

@@ -1,48 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateCell = DateCell;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dayjs_1 = __importDefault(require("dayjs"));
-const css_1 = require("../../../../styled-system/css");
-const FocusIndicator_1 = require("../../../FocusIndicator");
-const Typography_1 = require("../../../Typography");
-const recipes_1 = require("../../../../styled-system/recipes");
-/**
- * DateCell is a button that represents a date in the Calendar component.
- *
- * The appearance of the DateCell is determined by the selected, today, and disabled props.
- * The borderRadiusCorner, hasRightBorder, hasBottomBorder, and isLastWeekDate props are calculated in the Calendar component and passed down to the DateCell component.
- * This component extends the props of `<button>` element.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
- */
-function DateCell({ date, selected = false, inRange = false, disabled = false, hasBorderTopLeftRadius = false, hasBorderTopRightRadius = false, hasBorderBottomLeftRadius = false, hasBorderBottomRightRadius = false, hasRightBorder, hasBottomBorder, isLastWeekDate, shouldBeTabbable, onKeyDown, ...rest }) {
-    const { isToday, formattedDate } = (0, react_1.useMemo)(() => {
-        const today = new Date();
-        return {
-            // isToday is implemented by comparing the date with the current date, ignore the time part
-            isToday: date.getFullYear() === today.getFullYear() &&
-                date.getMonth() === today.getMonth() &&
-                date.getDate() === today.getDate(),
-            formattedDate: (0, dayjs_1.default)(date).format('YYYY-MM-DD'),
-        };
-    }, [date]);
-    const classNames = (0, recipes_1.dateCellSlotRecipe)({
-        selected,
-        today: isToday,
-        inRange,
-        disabled,
-        hasBorderTopLeftRadius,
-        hasBorderTopRightRadius,
-        hasBorderBottomLeftRadius,
-        hasBorderBottomRightRadius,
-        hasRightBorder,
-        hasBottomBorder,
-        isLastWeekDate,
-    });
-    return ((0, jsx_runtime_1.jsx)(FocusIndicator_1.FocusIndicator, { position: "inside", children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, css_1.cx)(classNames.root, 'group', 'mfui-DateCell__root', rest.className), disabled: disabled, "aria-current": isToday ? 'date' : undefined, "data-selected": selected, "data-mfui-in-range": inRange, "data-mfui-date": formattedDate, tabIndex: shouldBeTabbable ? undefined : -1, onKeyDown: onKeyDown, ...rest, children: (0, jsx_runtime_1.jsx)("span", { className: (0, css_1.cx)(classNames.todayIndicator, 'mfui-DateCell__todayIndicator'), children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, { as: "span", variant: selected || inRange ? 'strongControlLabel' : 'controlLabel', className: (0, css_1.cx)(classNames.text, 'mfui-DateCell__text'), children: date.getDate() }) }) }) }));
-}

package/dist/cjs/src/DateTimeSelection/shared/DateCell/DateCell.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/DateTimeSelection/shared/DateCell/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateCell = void 0;
-var DateCell_1 = require("./DateCell");
-Object.defineProperty(exports, "DateCell", { enumerable: true, get: function () { return DateCell_1.DateCell; } });

package/dist/cjs/src/DateTimeSelection/shared/DayCell/DayCell.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DayCell = DayCell;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const css_1 = require("../../../../styled-system/css");
-const recipes_1 = require("../../../../styled-system/recipes");
-const Typography_1 = require("../../../Typography");
-const constants_1 = require("../BasePicker/constants");
-const CalendarLocaleContext_1 = require("../CalendarLocale/CalendarLocaleContext");
-/**
- * DayCell is a cell that represents a day of the week in the Calendar component.
- */
-function DayCell({ day }) {
-    const calendarLocale = (0, CalendarLocaleContext_1.useCalendarLocale)();
-    const classNames = (0, recipes_1.dayCellSlotRecipe)();
-    const safeLocale = calendarLocale ?? 'ja';
-    const abbreviation = constants_1.DAY_ABBREVIATIONS[safeLocale][day];
-    const fullName = constants_1.DAY_FULL_NAMES[safeLocale][day];
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(classNames.root, 'mfui-DayCell__root'), "aria-label": fullName, children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, { "aria-hidden": true, variant: "contentHeading", className: (0, css_1.cx)(classNames.label, 'mfui-DayCell__label'), children: abbreviation }) }));
-}

package/dist/cjs/src/DateTimeSelection/shared/DayCell/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DayCell = void 0;
-var DayCell_1 = require("./DayCell");
-Object.defineProperty(exports, "DayCell", { enumerable: true, get: function () { return DayCell_1.DayCell; } });

package/dist/cjs/src/DateTimeSelection/shared/MonthCell/MonthCell.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MonthCell = MonthCell;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dayjs_1 = require("../../../utilities/date/dayjs");
-const css_1 = require("../../../../styled-system/css");
-const FocusIndicator_1 = require("../../../FocusIndicator");
-const Typography_1 = require("../../../Typography");
-const recipes_1 = require("../../../../styled-system/recipes");
-/**
- * MonthCell is a button that represents a month in calendar-like components.
- *
- * The appearance of the MonthCell is determined by the selected, currentMonth, and disabled props.
- * The border radius and borders are automatically calculated based on the month's position:
- * - Month 1 (January): Top left radius
- * - Month 3 (March): Top right radius + right border
- * - Month 10 (October): Bottom left radius
- * - Month 12 (December): Bottom right radius + right border + bottom border
- * - Months 3,6,9,12: Right border
- * - Months 10,11,12: Bottom border
- *
- * This component extends the props of `<button>` element.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
- */
-function MonthCell({ date, selected = false, inRange = false, disabled = false, monthFormat = 'M月', shouldBeTabbable, onKeyDown, ...rest }) {
-    const { isCurrentMonth, formattedMonth, monthLabel, borderProps } = (0, react_1.useMemo)(() => {
-        const today = new Date();
-        const month = date.getMonth() + 1; // 1-based month number
-        return {
-            isCurrentMonth: date.getFullYear() === today.getFullYear() && date.getMonth() === today.getMonth(),
-            formattedMonth: (0, dayjs_1.dayjs)(date).format('YYYY-MM'),
-            monthLabel: (0, dayjs_1.dayjs)(date).format(monthFormat),
-            borderProps: {
-                // Border radius based on corner positions
-                hasBorderTopLeftRadius: month === 1, // January
-                hasBorderTopRightRadius: month === 3, // March
-                hasBorderBottomLeftRadius: month === 10, // October
-                hasBorderBottomRightRadius: month === 12, // December
-                // Border edges based on position
-                hasRightBorder: month % 3 === 0, // March, June, September, December
-                hasBottomBorder: month >= 10, // October, November, December
-            },
-        };
-    }, [date, monthFormat]);
-    const classNames = (0, recipes_1.monthCellSlotRecipe)({
-        selected,
-        currentMonth: isCurrentMonth,
-        inRange,
-        disabled,
-        ...borderProps,
-    });
-    return ((0, jsx_runtime_1.jsx)(FocusIndicator_1.FocusIndicator, { position: "inside", children: (0, jsx_runtime_1.jsxs)("button", { type: "button", className: (0, css_1.cx)(classNames.root, 'group', 'mfui-MonthCell__root', rest.className), disabled: disabled, "aria-current": isCurrentMonth ? 'date' : undefined, "data-selected": selected, "data-mfui-in-range": inRange, "data-mfui-month": formattedMonth, tabIndex: shouldBeTabbable ? undefined : -1, onKeyDown: onKeyDown, ...rest, children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: selected || inRange ? 'strongControlLabel' : 'controlLabel', className: (0, css_1.cx)(classNames.text, 'mfui-MonthCell__text'), children: monthLabel }), (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(classNames.currentMonthIndicator, 'mfui-MonthCell__currentMonthIndicator') })] }) }));
-}

package/dist/cjs/src/DateTimeSelection/shared/MonthCell/MonthCell.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/DateTimeSelection/shared/MonthCell/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MonthCell = void 0;
-var MonthCell_1 = require("./MonthCell");
-Object.defineProperty(exports, "MonthCell", { enumerable: true, get: function () { return MonthCell_1.MonthCell; } });