@vibe/core 4.5.26 → 4.5.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/components/date-picker/dist/DatePicker/DateContentHoverContext.js +2 -0
- package/dist/components/date-picker/dist/DatePicker/DateContentHoverContext.js.map +1 -0
- package/dist/components/date-picker/dist/DatePicker/DatePicker.js +2 -0
- package/dist/components/date-picker/dist/DatePicker/DatePicker.js.map +1 -0
- package/dist/components/date-picker/dist/DatePicker/DatePicker.module.scss.js +2 -0
- package/dist/components/date-picker/dist/DatePicker/DatePickerHeader.js +2 -0
- package/dist/components/date-picker/dist/DatePicker/DatePickerHeader.js.map +1 -0
- package/dist/components/date-picker/dist/DatePicker/DatePickerHeader.module.scss.js +2 -0
- package/dist/components/date-picker/dist/DatePicker/RangeDayContent.js +2 -0
- package/dist/components/date-picker/dist/DatePicker/RangeDayContent.js.map +1 -0
- package/dist/components/date-picker/dist/DatePicker/SingleDayContent.js +2 -0
- package/dist/components/date-picker/dist/DatePicker/SingleDayContent.js.map +1 -0
- package/dist/components/date-picker/dist/DatePicker/datePickerHooks.js +2 -0
- package/dist/components/date-picker/dist/DatePicker/datePickerHooks.js.map +1 -0
- package/dist/components/date-picker/dist/DatePicker/utils.js +2 -0
- package/dist/components/date-picker/dist/DatePicker/utils.js.map +1 -0
- package/dist/components/index.d.ts +2 -2
- package/dist/components/search/dist/Search/Search.module.scss.js +1 -1
- package/dist/components/split-button/dist/SplitButton/SplitButton.js +2 -0
- package/dist/components/split-button/dist/SplitButton/SplitButton.js.map +1 -0
- package/dist/components/split-button/dist/SplitButton/SplitButton.module.scss.js +2 -0
- package/dist/components/split-button/dist/SplitButton/SplitButtonConstants.js +2 -0
- package/dist/components/split-button/dist/SplitButton/SplitButtonConstants.js.map +1 -0
- package/dist/components/split-button/dist/SplitButton/SplitButtonMenu/SplitButtonMenu.js +2 -0
- package/dist/components/split-button/dist/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map +1 -0
- package/dist/components/split-button/dist/_virtual/_tslib.js +2 -0
- package/dist/components/split-button/dist/_virtual/_tslib.js.map +1 -0
- package/dist/metadata/components.json +3 -4
- package/dist/metadata.json +3 -4
- package/dist/mocked_classnames/components/index.d.ts +2 -2
- package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/index.js +1 -1
- package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/src/components/next/List/List.module.scss.js +1 -1
- package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/index.js +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +4 -2
- package/dist/components/DatePicker/DateContentHoverContext.d.ts +0 -12
- package/dist/components/DatePicker/DatePicker.d.ts +0 -8
- package/dist/components/DatePicker/DatePicker.types.d.ts +0 -34
- package/dist/components/DatePicker/DatePickerHeader.d.ts +0 -17
- package/dist/components/DatePicker/RangeDayContent.d.ts +0 -3
- package/dist/components/DatePicker/SingleDayContent.d.ts +0 -3
- package/dist/components/DatePicker/datePickerHooks.d.ts +0 -18
- package/dist/components/DatePicker/index.d.ts +0 -2
- package/dist/components/DatePicker/utils.d.ts +0 -13
- package/dist/components/SplitButton/SplitButton.d.ts +0 -44
- package/dist/components/SplitButton/SplitButtonConstants.d.ts +0 -22
- package/dist/components/SplitButton/SplitButtonMenu/SplitButtonMenu.d.ts +0 -9
- package/dist/components/SplitButton/index.d.ts +0 -2
- package/dist/mocked_classnames/components/DatePicker/DateContentHoverContext.d.ts +0 -12
- package/dist/mocked_classnames/components/DatePicker/DatePicker.d.ts +0 -8
- package/dist/mocked_classnames/components/DatePicker/DatePicker.types.d.ts +0 -34
- package/dist/mocked_classnames/components/DatePicker/DatePickerHeader.d.ts +0 -17
- package/dist/mocked_classnames/components/DatePicker/RangeDayContent.d.ts +0 -3
- package/dist/mocked_classnames/components/DatePicker/SingleDayContent.d.ts +0 -3
- package/dist/mocked_classnames/components/DatePicker/datePickerHooks.d.ts +0 -18
- package/dist/mocked_classnames/components/DatePicker/index.d.ts +0 -2
- package/dist/mocked_classnames/components/DatePicker/utils.d.ts +0 -13
- package/dist/mocked_classnames/components/SplitButton/SplitButton.d.ts +0 -44
- package/dist/mocked_classnames/components/SplitButton/SplitButtonConstants.d.ts +0 -22
- package/dist/mocked_classnames/components/SplitButton/SplitButtonMenu/SplitButtonMenu.d.ts +0 -9
- package/dist/mocked_classnames/components/SplitButton/index.d.ts +0 -2
- package/dist/mocked_classnames/src/components/DatePicker/DateContentHoverContext.js +0 -2
- package/dist/mocked_classnames/src/components/DatePicker/DateContentHoverContext.js.map +0 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePicker.js +0 -2
- package/dist/mocked_classnames/src/components/DatePicker/DatePicker.js.map +0 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.js +0 -2
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.js.map +0 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/DatePicker/RangeDayContent.js +0 -2
- package/dist/mocked_classnames/src/components/DatePicker/RangeDayContent.js.map +0 -1
- package/dist/mocked_classnames/src/components/DatePicker/SingleDayContent.js +0 -2
- package/dist/mocked_classnames/src/components/DatePicker/SingleDayContent.js.map +0 -1
- package/dist/mocked_classnames/src/components/DatePicker/datePickerHooks.js +0 -2
- package/dist/mocked_classnames/src/components/DatePicker/datePickerHooks.js.map +0 -1
- package/dist/mocked_classnames/src/components/DatePicker/utils.js +0 -2
- package/dist/mocked_classnames/src/components/DatePicker/utils.js.map +0 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.js +0 -2
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.js.map +0 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/SplitButton/SplitButtonConstants.js +0 -2
- package/dist/mocked_classnames/src/components/SplitButton/SplitButtonConstants.js.map +0 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js +0 -2
- package/dist/mocked_classnames/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map +0 -1
- package/dist/src/components/DatePicker/DateContentHoverContext.js +0 -2
- package/dist/src/components/DatePicker/DateContentHoverContext.js.map +0 -1
- package/dist/src/components/DatePicker/DatePicker.js +0 -2
- package/dist/src/components/DatePicker/DatePicker.js.map +0 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +0 -2
- package/dist/src/components/DatePicker/DatePicker.module.scss.js.map +0 -1
- package/dist/src/components/DatePicker/DatePickerHeader.js +0 -2
- package/dist/src/components/DatePicker/DatePickerHeader.js.map +0 -1
- package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +0 -2
- package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js.map +0 -1
- package/dist/src/components/DatePicker/RangeDayContent.js +0 -2
- package/dist/src/components/DatePicker/RangeDayContent.js.map +0 -1
- package/dist/src/components/DatePicker/SingleDayContent.js +0 -2
- package/dist/src/components/DatePicker/SingleDayContent.js.map +0 -1
- package/dist/src/components/DatePicker/datePickerHooks.js +0 -2
- package/dist/src/components/DatePicker/datePickerHooks.js.map +0 -1
- package/dist/src/components/DatePicker/utils.js +0 -2
- package/dist/src/components/DatePicker/utils.js.map +0 -1
- package/dist/src/components/SplitButton/SplitButton.js +0 -2
- package/dist/src/components/SplitButton/SplitButton.js.map +0 -1
- package/dist/src/components/SplitButton/SplitButton.module.scss.js +0 -2
- package/dist/src/components/SplitButton/SplitButton.module.scss.js.map +0 -1
- package/dist/src/components/SplitButton/SplitButtonConstants.js +0 -2
- package/dist/src/components/SplitButton/SplitButtonConstants.js.map +0 -1
- package/dist/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js +0 -2
- package/dist/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map +0 -1
- /package/dist/{mocked_classnames/src/components → components/date-picker/dist}/DatePicker/DatePicker.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/date-picker/dist}/DatePicker/DatePickerHeader.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/split-button/dist}/SplitButton/SplitButton.module.scss.js.map +0 -0
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import type { DialogTriggerEvent } from "@vibe/dialog";
|
|
2
|
-
export declare const DIALOG_MOVE_BY: {
|
|
3
|
-
main: number;
|
|
4
|
-
secondary: number;
|
|
5
|
-
};
|
|
6
|
-
export declare const DEFAULT_DIALOG_SHOW_TRIGGER: DialogTriggerEvent[];
|
|
7
|
-
export declare const DEFAULT_DIALOG_HIDE_TRIGGER: DialogTriggerEvent[];
|
|
8
|
-
export declare const SECONDARY_BUTTON_WRAPPER_CLASSNAME = "monday-style-split-button__secondary-button-wrapper";
|
|
9
|
-
export declare const EMPTY_ARR: string[];
|
|
10
|
-
export declare const ENTER_KEYS: string[];
|
|
11
|
-
export declare const DialogPosition: {
|
|
12
|
-
readonly BOTTOM: "bottom";
|
|
13
|
-
readonly BOTTOM_START: "bottom-start";
|
|
14
|
-
readonly BOTTOM_END: "bottom-end";
|
|
15
|
-
};
|
|
16
|
-
export declare const SplitButtonSecondaryContentPosition: {
|
|
17
|
-
readonly BOTTOM_START: "bottom-start";
|
|
18
|
-
readonly BOTTOM_MIDDLE: "bottom";
|
|
19
|
-
readonly BOTTOM_END: "bottom-end";
|
|
20
|
-
};
|
|
21
|
-
export type SplitButtonSecondaryContentPositionType = (typeof SplitButtonSecondaryContentPosition)[keyof typeof SplitButtonSecondaryContentPosition];
|
|
22
|
-
export declare const SECONDARY_BUTTON_ARIA_LABEL = "additional actions";
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { type MenuProps } from "@vibe/menu";
|
|
3
|
-
export type SplitButtonMenuProps = Omit<MenuProps, "focusItemIndexOnMount"> & {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
};
|
|
6
|
-
declare const SplitButtonMenu: React.ForwardRefExoticComponent<Omit<MenuProps, "focusItemIndexOnMount"> & {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
} & React.RefAttributes<HTMLElement>>;
|
|
9
|
-
export default SplitButtonMenu;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare const DayContentHoverContext: React.Context<{
|
|
3
|
-
hover: Date | undefined;
|
|
4
|
-
setHover: (_hover: Date | undefined) => void;
|
|
5
|
-
}>;
|
|
6
|
-
export declare const DayContentHoverProvider: ({ children }: {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
}) => React.JSX.Element;
|
|
9
|
-
export declare const useDayContentHoverContext: () => {
|
|
10
|
-
hover: Date | undefined;
|
|
11
|
-
setHover: (_hover: Date | undefined) => void;
|
|
12
|
-
};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import type { VibeComponentProps } from "@vibe/shared";
|
|
2
|
-
import type { Intent } from "./utils";
|
|
3
|
-
interface DatePickerBaseProps extends VibeComponentProps {
|
|
4
|
-
mode?: "single" | "range";
|
|
5
|
-
date: Date | undefined;
|
|
6
|
-
endDate?: Date | undefined;
|
|
7
|
-
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
8
|
-
showWeekNumber?: boolean;
|
|
9
|
-
isDateDisabled?: (date: Date) => boolean;
|
|
10
|
-
locale?: Locale;
|
|
11
|
-
monthSelectionAriaLabel?: string;
|
|
12
|
-
yearSelectionAriaLabel?: string;
|
|
13
|
-
nextButtonAriaLabel?: string;
|
|
14
|
-
prevButtonAriaLabel?: string;
|
|
15
|
-
dayClassName?: string;
|
|
16
|
-
selectedDayClassName?: string;
|
|
17
|
-
dropdownsClassName?: string;
|
|
18
|
-
intent?: Intent;
|
|
19
|
-
dialogContainerSelector?: string;
|
|
20
|
-
}
|
|
21
|
-
interface DatePickerSingleProps extends DatePickerBaseProps {
|
|
22
|
-
mode?: "single";
|
|
23
|
-
onDateChange: (date: Date | undefined) => void;
|
|
24
|
-
}
|
|
25
|
-
export type DatePickerRange = {
|
|
26
|
-
date: Date | undefined;
|
|
27
|
-
endDate: Date | undefined;
|
|
28
|
-
};
|
|
29
|
-
interface DatePickerRangeProps extends DatePickerBaseProps {
|
|
30
|
-
mode: "range";
|
|
31
|
-
onDateChange: (range: DatePickerRange) => void;
|
|
32
|
-
}
|
|
33
|
-
export type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
|
|
34
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { type FC } from "react";
|
|
2
|
-
import { type Locale } from "date-fns";
|
|
3
|
-
export interface DatePickerHeaderProps {
|
|
4
|
-
setDisplayMonth: (displayMonth: Date) => void;
|
|
5
|
-
monthSelectionAriaLabel?: string;
|
|
6
|
-
yearSelectionAriaLabel?: string;
|
|
7
|
-
nextButtonAriaLabel?: string;
|
|
8
|
-
prevButtonAriaLabel?: string;
|
|
9
|
-
locale?: Locale;
|
|
10
|
-
className?: string;
|
|
11
|
-
dropdownsClassName?: string;
|
|
12
|
-
dialogContainerSelector?: string;
|
|
13
|
-
}
|
|
14
|
-
declare const DatePickerHeader: FC<DatePickerHeaderProps>;
|
|
15
|
-
export default DatePickerHeader;
|
|
16
|
-
export declare function getYearButtonLabel(displayMonth: Date, locale: Locale): string;
|
|
17
|
-
export declare function getMonthButtonLabel(displayMonth: Date, locale: Locale): string;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { type Locale } from "date-fns";
|
|
2
|
-
export interface DatePickerDropdownItem {
|
|
3
|
-
id: string;
|
|
4
|
-
label: string;
|
|
5
|
-
value: string;
|
|
6
|
-
}
|
|
7
|
-
export declare const useMonthsOptionItems: ({ locale }: {
|
|
8
|
-
locale?: Locale;
|
|
9
|
-
}) => {
|
|
10
|
-
id: string;
|
|
11
|
-
label: string;
|
|
12
|
-
}[];
|
|
13
|
-
export declare const useYearsOptionItems: ({ locale }: {
|
|
14
|
-
locale?: Locale;
|
|
15
|
-
}) => {
|
|
16
|
-
id: string;
|
|
17
|
-
label: string;
|
|
18
|
-
}[];
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type DateRange, type Matcher } from "react-day-picker";
|
|
2
|
-
export type Intent = "to" | "from";
|
|
3
|
-
export declare function addToRange(day: Date, { from, to }: DateRange, intent: Intent): DateRange;
|
|
4
|
-
export declare const AddToRangeMiddle = "addToRangeMiddle";
|
|
5
|
-
export declare const AddToRangeStart = "addToRangeStart";
|
|
6
|
-
export declare const AddToRangeEnd = "addToRangeEnd";
|
|
7
|
-
export declare const RemoveFromRange = "removeFromRange";
|
|
8
|
-
export declare const HoveredDayExists = "HoveredDayExists";
|
|
9
|
-
export declare const HalfRangeSelected = "HalfRangeSelected";
|
|
10
|
-
type GetDateNextStateResult = typeof AddToRangeMiddle | typeof AddToRangeStart | typeof AddToRangeEnd | typeof RemoveFromRange | undefined;
|
|
11
|
-
export declare function addToRangeNextState(day: Date, dayToAdd: Date, range: DateRange, intent: Intent): GetDateNextStateResult;
|
|
12
|
-
export declare function addToRangeModifiers(dayToAdd: Date, range: DateRange, intent: Intent): Record<string, Matcher>;
|
|
13
|
-
export {};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import React, { type ReactElement } from "react";
|
|
2
|
-
import { type SplitButtonSecondaryContentPositionType } from "./SplitButtonConstants";
|
|
3
|
-
import { type ButtonProps } from "@vibe/button";
|
|
4
|
-
import { type DialogSize } from "@vibe/dialog";
|
|
5
|
-
export interface SplitButtonProps extends ButtonProps {
|
|
6
|
-
/**
|
|
7
|
-
* The element or renderer that is displayed inside the dialog opened by clicking the secondary button.
|
|
8
|
-
*/
|
|
9
|
-
secondaryDialogContent?: ReactElement | (() => string | ReactElement);
|
|
10
|
-
/**
|
|
11
|
-
* Callback fired when the secondary dialog is shown.
|
|
12
|
-
*/
|
|
13
|
-
onSecondaryDialogDidShow?: () => void;
|
|
14
|
-
/**
|
|
15
|
-
* Callback fired when the secondary dialog is hidden.
|
|
16
|
-
*/
|
|
17
|
-
onSecondaryDialogDidHide?: () => void;
|
|
18
|
-
/**
|
|
19
|
-
* The z-index applied to the secondary dialog.
|
|
20
|
-
*/
|
|
21
|
-
zIndex?: number;
|
|
22
|
-
/**
|
|
23
|
-
* Class name applied to the wrapper of the secondary dialog.
|
|
24
|
-
*/
|
|
25
|
-
secondaryDialogClassName?: string;
|
|
26
|
-
/**
|
|
27
|
-
* The position of the secondary dialog.
|
|
28
|
-
*/
|
|
29
|
-
secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;
|
|
30
|
-
/**
|
|
31
|
-
* The padding size inside the secondary dialog.
|
|
32
|
-
*/
|
|
33
|
-
dialogPaddingSize?: DialogSize;
|
|
34
|
-
/**
|
|
35
|
-
* The CSS selector of the container where the dialog should be rendered.
|
|
36
|
-
*/
|
|
37
|
-
dialogContainerSelector?: string;
|
|
38
|
-
/**
|
|
39
|
-
* If true, clicking inside the dialog will close it.
|
|
40
|
-
*/
|
|
41
|
-
shouldCloseOnClickInsideDialog?: boolean;
|
|
42
|
-
}
|
|
43
|
-
declare const SplitButton: ({ secondaryDialogContent, onSecondaryDialogDidShow, onSecondaryDialogDidHide, shouldCloseOnClickInsideDialog, zIndex, secondaryDialogClassName, secondaryDialogPosition, dialogContainerSelector, dialogPaddingSize, disabled, success, loading, kind, color, className, leftIcon, rightIcon, onClick, children, marginLeft, marginRight, active, id, "data-testid": dataTestId, ...buttonProps }: SplitButtonProps) => React.JSX.Element;
|
|
44
|
-
export default SplitButton;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import type { DialogTriggerEvent } from "@vibe/dialog";
|
|
2
|
-
export declare const DIALOG_MOVE_BY: {
|
|
3
|
-
main: number;
|
|
4
|
-
secondary: number;
|
|
5
|
-
};
|
|
6
|
-
export declare const DEFAULT_DIALOG_SHOW_TRIGGER: DialogTriggerEvent[];
|
|
7
|
-
export declare const DEFAULT_DIALOG_HIDE_TRIGGER: DialogTriggerEvent[];
|
|
8
|
-
export declare const SECONDARY_BUTTON_WRAPPER_CLASSNAME = "monday-style-split-button__secondary-button-wrapper";
|
|
9
|
-
export declare const EMPTY_ARR: string[];
|
|
10
|
-
export declare const ENTER_KEYS: string[];
|
|
11
|
-
export declare const DialogPosition: {
|
|
12
|
-
readonly BOTTOM: "bottom";
|
|
13
|
-
readonly BOTTOM_START: "bottom-start";
|
|
14
|
-
readonly BOTTOM_END: "bottom-end";
|
|
15
|
-
};
|
|
16
|
-
export declare const SplitButtonSecondaryContentPosition: {
|
|
17
|
-
readonly BOTTOM_START: "bottom-start";
|
|
18
|
-
readonly BOTTOM_MIDDLE: "bottom";
|
|
19
|
-
readonly BOTTOM_END: "bottom-end";
|
|
20
|
-
};
|
|
21
|
-
export type SplitButtonSecondaryContentPositionType = (typeof SplitButtonSecondaryContentPosition)[keyof typeof SplitButtonSecondaryContentPosition];
|
|
22
|
-
export declare const SECONDARY_BUTTON_ARIA_LABEL = "additional actions";
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { type MenuProps } from "@vibe/menu";
|
|
3
|
-
export type SplitButtonMenuProps = Omit<MenuProps, "focusItemIndexOnMount"> & {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
};
|
|
6
|
-
declare const SplitButtonMenu: React.ForwardRefExoticComponent<Omit<MenuProps, "focusItemIndexOnMount"> & {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
} & React.RefAttributes<HTMLElement>>;
|
|
9
|
-
export default SplitButtonMenu;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{createContext as o,useState as t,useMemo as i,useContext as n}from"react";import{noop as l}from"es-toolkit";var v=o({hover:void 0,setHover:l}),u=function(o){var n=o.children,l=t(void 0),u=r(l,2),a=u[0],c=u[1],m=i((function(){return{hover:a,setHover:c}}),[a]);return e.createElement(v.Provider,{value:m},n)},a=function(){return n(v)};export{v as DayContentHoverContext,u as DayContentHoverProvider,a as useDayContentHoverContext};
|
|
2
|
-
//# sourceMappingURL=DateContentHoverContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateContentHoverContext.js","sources":["../../../../../src/components/DatePicker/DateContentHoverContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\nimport { noop } from \"es-toolkit\";\n\nexport const DayContentHoverContext = createContext<{\n hover: Date | undefined;\n setHover: (_hover: Date | undefined) => void;\n}>({ hover: undefined, setHover: noop });\n\nexport const DayContentHoverProvider = ({ children }: { children: React.ReactNode }) => {\n const [hover, setHover] = useState<Date | undefined>(undefined);\n const value = useMemo(() => ({ hover, setHover }), [hover]);\n return <DayContentHoverContext.Provider value={value}>{children}</DayContentHoverContext.Provider>;\n};\n\nexport const useDayContentHoverContext = () => useContext(DayContentHoverContext);\n"],"names":["DayContentHoverContext","createContext","hover","undefined","setHover","noop","DayContentHoverProvider","_ref","children","_useState","useState","_useState2","_slicedToArray","value","useMemo","React","createElement","Provider","useDayContentHoverContext","useContext"],"mappings":"qMAGaA,IAAAA,EAAyBC,EAGnC,CAAEC,WAAOC,EAAWC,SAAUC,IAEpBC,EAA0B,SAAHC,GAAmD,IAA7CC,EAAQD,EAARC,SACxCC,EAA0BC,OAA2BP,GAAUQ,EAAAC,EAAAH,EAAA,GAAxDP,EAAKS,EAAA,GAAEP,EAAQO,EAAA,GAChBE,EAAQC,GAAQ,WAAA,MAAO,CAAEZ,MAAAA,EAAOE,SAAAA,EAAU,GAAG,CAACF,IACpD,OAAOa,EAAAC,cAAChB,EAAuBiB,SAAQ,CAACJ,MAAOA,GAAQL,EACzD,EAEaU,EAA4B,WAAH,OAASC,EAAWnB,EAAuB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e,slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{useMemo as r,useState as n,useRef as o,useEffect as i,useCallback as d,createContext as s}from"react";import l from"classnames";import{InternalModifier as c,DayPicker as u}from"react-day-picker";import m from"./DatePicker.module.scss.js";import f from"./DatePickerHeader.js";import{AddToRangeMiddle as k,AddToRangeStart as v,RemoveFromRange as D,HoveredDayExists as g,AddToRangeEnd as y,HalfRangeSelected as P,addToRange as b,addToRangeModifiers as p}from"./utils.js";import{RangeDayContent as h}from"./RangeDayContent.js";import{SingleDayContent as C}from"./SingleDayContent.js";import{DayContentHoverProvider as S,DayContentHoverContext as R}from"./DateContentHoverContext.js";var A,N={hours:9,minutes:0},E=(e(e(e(e(e(e(e(e(e(e(A={},c.Outside,m.datePickerDayOutside),c.Selected,m.datePickerDaySelected),c.Today,m.datePickerDayToday),c.Disabled,m.datePickerDayDisabled),c.RangeStart,m.datePickerDayRangeStart),c.RangeEnd,m.datePickerDayRangeEnd),c.RangeMiddle,m.datePickerDayRangeMiddle),k,m.datePickerAddToRangeMiddle),v,m.datePickerAddToRangeStart),y,m.datePickerAddToRangeEnd),e(e(e(A,D,m.datePickerRemoveFromRange),g,m.datePickerHoveredDayExists),P,m.datePickerHalfRangeSelected)),j=s({}),w=function(){return a.createElement(j.Consumer,null,(function(e){return a.createElement(f,Object.assign({},e))}))},H=function(s){var f=s.className,k=s.dayClassName,v=s.selectedDayClassName,D=s.id,g=s["data-testid"],y=s.mode,P=void 0===y?"single":y,A=s.date,H=s.endDate,L=s.onDateChange,M=s.firstDayOfWeek,O=void 0===M?0:M,x=s.showWeekNumber,T=s.isDateDisabled,B=s.locale,W=s.nextButtonAriaLabel,_=void 0===W?"Next":W,q=s.prevButtonAriaLabel,F=void 0===q?"Previous":q,Y=s.monthSelectionAriaLabel,z=void 0===Y?"Month":Y,G=s.yearSelectionAriaLabel,I=void 0===G?"Year":G,J=s.dropdownsClassName,K=s.intent,Q=void 0===K?"to":K,U=s.dialogContainerSelector,V=r((function(){return"single"===P?A:{from:A,to:H}}),[A,H,P]),X=n(A||new Date),Z=t(X,2),$=Z[0],ee=Z[1],te=o(),ae=o(),re=o(!1);i((function(){var e=+ae.current!=+H,t=!re.current;+te.current!=+A?t&&A&&ee(A):e&&t&&H&&ee(H),te.current=A,ae.current=H,re.current=!1}),[A,H]);var ne=d((function(e,t){if(re.current=!0,"range"===P){var a=b(t,V,Q);L({date:null==a?void 0:a.from,endDate:null==a?void 0:a.to})}else{var r=e,n=A?{hours:A.getHours(),minutes:A.getMinutes()}:N;r.setHours(n.hours,n.minutes),L(r)}}),[A,Q,P,L,V]),oe=r((function(){return{setDisplayMonth:ee,locale:B,nextButtonAriaLabel:_,prevButtonAriaLabel:F,monthSelectionAriaLabel:z,yearSelectionAriaLabel:I,dropdownsClassName:J,dialogContainerSelector:U}}),[B,z,_,ee,F,I,J,U]),ie=r((function(){return Object.assign(Object.assign({},E),e({},c.Selected,l(E[c.Selected],v)))}),[v]),de=r((function(){return{months:m.datePickerMonths,head:m.datePickerHead,table:m.datePickerTable,tbody:m.datePickerBody,day:l(m.datePickerDay,k)}}),[k]);return a.createElement("div",{id:D,className:l(m.datePicker,e({},m.withWeekNumber,x),f),"data-testid":g,"data-vibe":"DatePicker"},a.createElement(S,null,a.createElement(j.Provider,{value:oe},a.createElement(R.Consumer,null,(function(e){var t=p(e.hover,V,Q);return a.createElement(u,{fixedWeeks:!0,showOutsideDays:!0,showWeekNumber:x,mode:P,required:!0,weekStartsOn:O,disabled:T,selected:V,onSelect:ne,month:$,onMonthChange:ee,components:{Caption:w,DayContent:"single"===P?C:h},classNames:de,modifiers:t,modifiersClassNames:ie,locale:B})})))))};export{N as DEFAULT_TIME,H as default};
|
|
2
|
-
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { type FC, createContext, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type DateRange, DayPicker as ReactDatePicker, InternalModifier as DayModifier } from \"react-day-picker\";\nimport styles from \"./DatePicker.module.scss\";\nimport DatePickerHeader, { type DatePickerHeaderProps } from \"./DatePickerHeader\";\nimport { type DatePickerProps, type DatePickerRange } from \"./DatePicker.types\";\nimport {\n AddToRangeEnd,\n AddToRangeMiddle,\n AddToRangeStart,\n HalfRangeSelected,\n HoveredDayExists,\n RemoveFromRange,\n addToRange,\n addToRangeModifiers\n} from \"./utils\";\nimport { RangeDayContent } from \"./RangeDayContent\";\nimport { SingleDayContent } from \"./SingleDayContent\";\nimport { DayContentHoverContext, DayContentHoverProvider } from \"./DateContentHoverContext\";\n\nexport const DEFAULT_TIME = { hours: 9, minutes: 0 };\n\nconst MODIFIERS_CLASS_NAMES = {\n [DayModifier.Outside]: styles.datePickerDayOutside,\n [DayModifier.Selected]: styles.datePickerDaySelected,\n [DayModifier.Today]: styles.datePickerDayToday,\n [DayModifier.Disabled]: styles.datePickerDayDisabled,\n [DayModifier.RangeStart]: styles.datePickerDayRangeStart,\n [DayModifier.RangeEnd]: styles.datePickerDayRangeEnd,\n [DayModifier.RangeMiddle]: styles.datePickerDayRangeMiddle,\n [AddToRangeMiddle]: styles.datePickerAddToRangeMiddle,\n [AddToRangeStart]: styles.datePickerAddToRangeStart,\n [AddToRangeEnd]: styles.datePickerAddToRangeEnd,\n [RemoveFromRange]: styles.datePickerRemoveFromRange,\n [HoveredDayExists]: styles.datePickerHoveredDayExists,\n [HalfRangeSelected]: styles.datePickerHalfRangeSelected\n};\n\nconst DatePickerHeaderContext = createContext<DatePickerHeaderProps>({} as DatePickerHeaderProps);\n\nconst Caption = () => (\n <DatePickerHeaderContext.Consumer>{props => <DatePickerHeader {...props} />}</DatePickerHeaderContext.Consumer>\n);\n\nconst DatePicker: FC<DatePickerProps> = ({\n className,\n dayClassName,\n selectedDayClassName,\n id,\n \"data-testid\": dataTestId,\n mode = \"single\",\n date,\n endDate,\n onDateChange,\n firstDayOfWeek = 0,\n showWeekNumber,\n isDateDisabled,\n locale,\n nextButtonAriaLabel = \"Next\",\n prevButtonAriaLabel = \"Previous\",\n monthSelectionAriaLabel = \"Month\",\n yearSelectionAriaLabel = \"Year\",\n dropdownsClassName,\n intent = \"to\",\n dialogContainerSelector\n}) => {\n const selected = useMemo(() => (mode === \"single\" ? date : { from: date, to: endDate }), [date, endDate, mode]);\n const [displayMonth, setDisplayMonth] = useState(date || new Date());\n\n const prevDateRef = useRef<Date | undefined>();\n const prevEndDateRef = useRef<Date | undefined>();\n const lastChangeByInnerSelection = useRef(false);\n useEffect(() => {\n const dateChanged = +prevDateRef.current !== +date;\n const endDateChanged = +prevEndDateRef.current !== +endDate;\n const shouldSetDisplayMonth = !lastChangeByInnerSelection.current;\n\n if (dateChanged) {\n shouldSetDisplayMonth && date && setDisplayMonth(date);\n } else if (endDateChanged) {\n shouldSetDisplayMonth && endDate && setDisplayMonth(endDate);\n }\n\n prevDateRef.current = date;\n prevEndDateRef.current = endDate;\n lastChangeByInnerSelection.current = false;\n }, [date, endDate]);\n\n const onPickerDateChange = useCallback(\n (newValue: Date | DateRange, selectedDay: Date) => {\n lastChangeByInnerSelection.current = true;\n\n if (mode === \"range\") {\n const newRange = addToRange(selectedDay, selected as DateRange, intent);\n (onDateChange as (range: DatePickerRange) => void)({ date: newRange?.from, endDate: newRange?.to });\n } else {\n const newDate = newValue as Date;\n const { hours, minutes } = date ? { hours: date.getHours(), minutes: date.getMinutes() } : DEFAULT_TIME;\n newDate.setHours(hours, minutes);\n (onDateChange as (date: Date | undefined) => void)(newDate);\n }\n },\n [date, intent, mode, onDateChange, selected]\n );\n\n const DatePickerHeaderContextValue = useMemo<DatePickerHeaderProps>(\n () => ({\n setDisplayMonth,\n locale,\n nextButtonAriaLabel,\n prevButtonAriaLabel,\n monthSelectionAriaLabel,\n yearSelectionAriaLabel,\n dropdownsClassName,\n dialogContainerSelector\n }),\n [\n locale,\n monthSelectionAriaLabel,\n nextButtonAriaLabel,\n setDisplayMonth,\n prevButtonAriaLabel,\n yearSelectionAriaLabel,\n dropdownsClassName,\n dialogContainerSelector\n ]\n );\n\n const modifiersClassNames = useMemo(\n () => ({\n ...MODIFIERS_CLASS_NAMES,\n [DayModifier.Selected]: cx(MODIFIERS_CLASS_NAMES[DayModifier.Selected], selectedDayClassName)\n }),\n [selectedDayClassName]\n );\n\n const classNames = useMemo(\n () => ({\n months: styles.datePickerMonths,\n head: styles.datePickerHead,\n table: styles.datePickerTable,\n tbody: styles.datePickerBody,\n day: cx(styles.datePickerDay, dayClassName)\n }),\n [dayClassName]\n );\n\n return (\n <div\n id={id}\n className={cx(styles.datePicker, { [styles.withWeekNumber]: showWeekNumber }, className)}\n data-testid={dataTestId}\n data-vibe=\"DatePicker\"\n >\n <DayContentHoverProvider>\n <DatePickerHeaderContext.Provider value={DatePickerHeaderContextValue}>\n <DayContentHoverContext.Consumer>\n {({ hover }) => {\n const modifiers = addToRangeModifiers(hover, selected as DateRange, intent);\n return (\n <ReactDatePicker\n fixedWeeks\n showOutsideDays\n showWeekNumber={showWeekNumber}\n mode={mode as \"single\"} // cast to avoid type errors from ReactDatePicker\n required\n weekStartsOn={firstDayOfWeek}\n disabled={isDateDisabled}\n selected={selected as Date} // cast to avoid type errors from ReactDatePicker\n onSelect={onPickerDateChange}\n month={displayMonth}\n onMonthChange={setDisplayMonth}\n components={{ Caption, DayContent: mode === \"single\" ? SingleDayContent : RangeDayContent }}\n classNames={classNames}\n modifiers={modifiers}\n modifiersClassNames={modifiersClassNames}\n locale={locale}\n />\n );\n }}\n </DayContentHoverContext.Consumer>\n </DatePickerHeaderContext.Provider>\n </DayContentHoverProvider>\n </div>\n );\n};\n\nexport default DatePicker;\n"],"names":["DEFAULT_TIME","hours","minutes","MODIFIERS_CLASS_NAMES","_defineProperty","_MODIFIERS_CLASS_NAME","DayModifier","Outside","styles","datePickerDayOutside","Selected","datePickerDaySelected","Today","datePickerDayToday","Disabled","datePickerDayDisabled","RangeStart","datePickerDayRangeStart","RangeEnd","datePickerDayRangeEnd","RangeMiddle","datePickerDayRangeMiddle","AddToRangeMiddle","datePickerAddToRangeMiddle","AddToRangeStart","datePickerAddToRangeStart","AddToRangeEnd","datePickerAddToRangeEnd","RemoveFromRange","datePickerRemoveFromRange","HoveredDayExists","datePickerHoveredDayExists","HalfRangeSelected","datePickerHalfRangeSelected","DatePickerHeaderContext","createContext","Caption","React","createElement","Consumer","props","DatePickerHeader","DatePicker","_ref","className","dayClassName","selectedDayClassName","id","dataTestId","_ref$mode","mode","date","endDate","onDateChange","_ref$firstDayOfWeek","firstDayOfWeek","showWeekNumber","isDateDisabled","locale","_ref$nextButtonAriaLa","nextButtonAriaLabel","_ref$prevButtonAriaLa","prevButtonAriaLabel","_ref$monthSelectionAr","monthSelectionAriaLabel","_ref$yearSelectionAri","yearSelectionAriaLabel","dropdownsClassName","_ref$intent","intent","dialogContainerSelector","selected","useMemo","from","to","_useState","useState","Date","_useState2","_slicedToArray","displayMonth","setDisplayMonth","prevDateRef","useRef","prevEndDateRef","lastChangeByInnerSelection","useEffect","endDateChanged","current","shouldSetDisplayMonth","onPickerDateChange","useCallback","newValue","selectedDay","newRange","addToRange","newDate","_ref2","getHours","getMinutes","setHours","DatePickerHeaderContextValue","modifiersClassNames","Object","assign","cx","classNames","months","datePickerMonths","head","datePickerHead","table","datePickerTable","tbody","datePickerBody","day","datePickerDay","datePicker","withWeekNumber","DayContentHoverProvider","Provider","value","DayContentHoverContext","_ref3","modifiers","addToRangeModifiers","hover","ReactDatePicker","fixedWeeks","showOutsideDays","required","weekStartsOn","disabled","onSelect","month","onMonthChange","components","DayContent","SingleDayContent","RangeDayContent"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={datePicker:"datePicker",datePickerMonths:"datePickerMonths",withWeekNumber:"withWeekNumber",datePickerHead:"datePickerHead",datePickerBody:"datePickerBody",datePickerTable:"datePickerTable",datePickerDay:"datePickerDay",datePickerDayContent:"datePickerDayContent",datePickerDayDisabled:"datePickerDayDisabled",datePickerAddToRangeStart:"datePickerAddToRangeStart",datePickerAddToRangeEnd:"datePickerAddToRangeEnd",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle",datePickerDayRangeStart:"datePickerDayRangeStart",datePickerDayRangeEnd:"datePickerDayRangeEnd",datePickerDayOutside:"datePickerDayOutside",datePickerDaySelected:"datePickerDaySelected",datePickerDayRangeMiddle:"datePickerDayRangeMiddle",datePickerRemoveFromRange:"datePickerRemoveFromRange",datePickerHalfRangeSelected:"datePickerHalfRangeSelected"};!function(e){const a="s_id-601bce29f4a5_4_5_25";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker {\n --day-picker-header-height: 34px;\n --day-picker-content-height: 234px;\n --day-picker-day-width: 30px;\n --day-picker-day-height: 30px;\n --day-picker-days-horizontal-gap: 4px;\n --day-picker-days-vertical-gap: 2px;\n --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker .datePickerMonths {\n display: flex;\n flex-direction: row;\n gap: var(--space-16);\n align-items: flex-start;\n}\n.datePicker.withWeekNumber {\n --day-picker-days-horizontal-gap: 2px;\n width: 284px;\n margin: 0;\n}\n.datePicker.withWeekNumber .datePickerHead td:first-child {\n width: var(--day-picker-day-width);\n border-start-start-radius: var(--border-radius-medium);\n border-start-end-radius: var(--border-radius-medium);\n background-color: var(--primary-background-hover-color);\n}\n.datePicker.withWeekNumber .datePickerHead td:first-child::after {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n display: flex;\n justify-content: center;\n content: "No.";\n}\n.datePicker.withWeekNumber .datePickerBody td:first-child {\n background-color: var(--primary-background-hover-color);\n}\n.datePicker.withWeekNumber .datePickerBody tr:last-child td:first-child {\n border-end-start-radius: var(--border-radius-medium);\n border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker .datePickerTable {\n margin-top: var(--space-8);\n border-collapse: collapse;\n height: var(--day-picker-content-height);\n}\n.datePicker .datePickerHead th {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n padding-block: var(--space-2);\n text-align: center;\n height: var(--day-picker-day-height);\n}\n.datePicker .datePickerBody td {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n text-align: center;\n padding: 0;\n}\n.datePicker .datePickerBody .datePickerDay {\n color: var(--primary-text-color);\n font: var(--font-text2-normal);\n width: var(--day-picker-day-width);\n height: var(--day-picker-day-height);\n background: none;\n border: none;\n cursor: pointer;\n border-radius: var(--border-radius-small);\n margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n padding: 0;\n}\n.datePicker .datePickerBody .datePickerDay .datePickerDayContent {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-small);\n}\n.datePicker .datePickerBody .datePickerDay:focus-visible {\n outline: none;\n}\n.datePicker .datePickerBody .datePickerDay:focus-visible .datePickerDayContent {\n outline: 2px solid var(--primary-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayDisabled {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.datePicker .datePickerBody .datePickerDay:not(.datePickerDayDisabled):not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd):not(.datePickerAddToRangeMiddle):not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) .datePickerDayContent:hover {\n background: var(--primary-background-hover-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayOutside {\n color: var(--disabled-text-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDaySelected:not(.datePickerDayRangeMiddle):not(.datePickerRemoveFromRange) {\n background: var(--primary-color);\n color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd):not(.datePickerRemoveFromRange), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart):not(.datePickerRemoveFromRange) {\n background: var(--primary-color);\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange {\n background: var(--primary-color);\n color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange:not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange:not(.datePickerDayRangeStart) {\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n margin-inline-end: 0;\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n margin-inline-start: 0;\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\n background-color: var(--primary-selected-color);\n border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n border-top: none;\n border-bottom: none;\n width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\n background: var(--primary-selected-color);\n margin: var(--day-picker-days-vertical-gap) 0;\n border-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerRemoveFromRange:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeStart), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n background: var(--day-picker-day-change-range);\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\n border: none;\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n margin-inline-start: var(--day-picker-days-horizontal-gap);\n border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n border-start-start-radius: var(--border-radius-small);\n border-end-start-radius: var(--border-radius-small);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerRemoveFromRange {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n margin-inline-end: 0;\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\n border: none;\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n margin-inline-end: var(--day-picker-days-horizontal-gap);\n border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n border-start-end-radius: var(--border-radius-small);\n border-end-end-radius: var(--border-radius-small);\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerRemoveFromRange {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n margin-inline-start: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle) {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\n border-inline-start-width: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\n border-inline-end-width: 0;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\n border-radius: var(--border-radius-small) !important;\n border-color: var(--primary-color) !important;\n background-color: var(--primary-color) !important;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart:not(.datePickerHalfRangeSelected) {\n margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\n border-radius: var(--border-radius-small) !important;\n border-color: var(--primary-color) !important;\n background-color: var(--primary-color) !important;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd:not(.datePickerHalfRangeSelected) {\n margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
|
|
2
|
-
//# sourceMappingURL=DatePicker.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e,{useCallback as n,useMemo as r}from"react";import t from"classnames";import{useDayPicker as a,useNavigation as o}from"react-day-picker";import{IconButton as l}from"@vibe/icon-button/mockedClassNames";import{Flex as i}from"@vibe/layout/mockedClassNames";import{Dropdown as s}from"@vibe/dropdown/mockedClassNames";import{DropdownChevronLeft as c,DropdownChevronRight as u}from"@vibe/icons";import m from"./DatePickerHeader.module.scss.js";import{useMonthsOptionItems as f,useYearsOptionItems as p}from"./datePickerHooks.js";import{format as d}from"date-fns";var b=function(d){var b=d.setDisplayMonth,k=d.monthSelectionAriaLabel,y=d.yearSelectionAriaLabel,g=d.nextButtonAriaLabel,C=d.prevButtonAriaLabel,M=d.locale,N=d.className,D=a().month,w=o(),E=w.goToMonth,j=w.nextMonth,B=w.previousMonth,z=n((function(){return E(j)}),[E,j]),A=n((function(){return E(B)}),[E,B]),L=f({locale:M}),O=p({locale:M}),x=r((function(){return L.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[L]),H=r((function(){return O.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[O]),P=r((function(){return h(D,M)}),[D,M]),F=r((function(){return v(D,M)}),[D,M]),R=n((function(e){var n=e.value,r=new Date(D);r.setMonth(+n),b(r)}),[D,b]),S=n((function(e){var n=e.value,r=new Date(D);r.setFullYear(+n),b(r)}),[D,b]),W=r((function(){return x.find((function(e){return e.value===""+D.getMonth()}))}),[x,D]),Y=r((function(){return H.find((function(e){return e.value===""+D.getFullYear()}))}),[H,D]);return e.createElement("div",{className:t(m.datePickerHeader,N)},e.createElement(i,{gap:"small"},e.createElement(s,{className:m.monthButtonDropdown,"aria-label":k,options:x,value:W,onChange:R,menuWrapperClassName:m.monthButtonDropdown,size:"small",valueRenderer:function(e){return P},searchable:!1,clearable:!1,borderless:!0}),e.createElement(s,{className:m.yearButtonDropdown,"aria-label":y,options:H,value:Y,onChange:S,menuWrapperClassName:m.yearButtonDropdown,size:"small",valueRenderer:function(e){return F},searchable:!1,clearable:!1,borderless:!0})),e.createElement(i,null,e.createElement(l,{kind:"tertiary",size:"small","aria-label":C,onClick:A,icon:c}),e.createElement(l,{kind:"tertiary",size:"small","aria-label":g,onClick:z,icon:u})))};function v(e,n){return d(e,"yyyy",{locale:n})}function h(e,n){return d(e,"MMM",{locale:n})}export{b as default,h as getMonthButtonLabel,v as getYearButtonLabel};
|
|
2
|
-
//# sourceMappingURL=DatePickerHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/DatePicker/DatePickerHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { useDayPicker, useNavigation } from \"react-day-picker\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport { Dropdown } from \"@vibe/dropdown\";\nimport { DropdownChevronRight, DropdownChevronLeft } from \"@vibe/icons\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport { useMonthsOptionItems, useYearsOptionItems, type DatePickerDropdownItem } from \"./datePickerHooks\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerHeaderProps {\n setDisplayMonth: (displayMonth: Date) => void;\n monthSelectionAriaLabel?: string;\n yearSelectionAriaLabel?: string;\n nextButtonAriaLabel?: string;\n prevButtonAriaLabel?: string;\n locale?: Locale;\n className?: string;\n dropdownsClassName?: string;\n dialogContainerSelector?: string;\n}\n\nconst DatePickerHeader: FC<DatePickerHeaderProps> = ({\n setDisplayMonth,\n monthSelectionAriaLabel,\n yearSelectionAriaLabel,\n nextButtonAriaLabel,\n prevButtonAriaLabel,\n locale,\n className,\n dialogContainerSelector: _dialogContainerSelector\n}) => {\n const { month: displayMonth } = useDayPicker();\n const { goToMonth, nextMonth, previousMonth } = useNavigation();\n const goToNextMonth = useCallback(() => goToMonth(nextMonth), [goToMonth, nextMonth]);\n const goToPreviousMonth = useCallback(() => goToMonth(previousMonth), [goToMonth, previousMonth]);\n const monthsData = useMonthsOptionItems({ locale });\n const yearsData = useYearsOptionItems({ locale });\n\n const months = useMemo(() => monthsData.map(item => ({ ...item, value: item.id })), [monthsData]);\n const years = useMemo(() => yearsData.map(item => ({ ...item, value: item.id })), [yearsData]);\n const monthButtonLabel = useMemo(() => getMonthButtonLabel(displayMonth, locale), [displayMonth, locale]);\n const yearsButtonLabel = useMemo(() => getYearButtonLabel(displayMonth, locale), [displayMonth, locale]);\n\n const onMonthSelect = useCallback(\n (option: DatePickerDropdownItem) => {\n const month = option.value;\n const date = new Date(displayMonth);\n date.setMonth(+month);\n setDisplayMonth(date);\n },\n [displayMonth, setDisplayMonth]\n );\n\n const onYearSelect = useCallback(\n (option: DatePickerDropdownItem) => {\n const year = option.value;\n const date = new Date(displayMonth);\n date.setFullYear(+year);\n setDisplayMonth(date);\n },\n [displayMonth, setDisplayMonth]\n );\n\n const selectedMonth = useMemo(\n () => months.find(month => month.value === displayMonth.getMonth().toString()),\n [months, displayMonth]\n );\n const selectedYear = useMemo(\n () => years.find(year => year.value === displayMonth.getFullYear().toString()),\n [years, displayMonth]\n );\n\n return (\n <div className={cx(styles.datePickerHeader, className)}>\n <Flex gap=\"small\">\n <Dropdown\n className={styles.monthButtonDropdown}\n aria-label={monthSelectionAriaLabel}\n options={months}\n value={selectedMonth}\n onChange={onMonthSelect}\n menuWrapperClassName={styles.monthButtonDropdown}\n size=\"small\"\n valueRenderer={(_option: DatePickerDropdownItem) => monthButtonLabel}\n searchable={false}\n clearable={false}\n borderless\n />\n <Dropdown\n className={styles.yearButtonDropdown}\n aria-label={yearSelectionAriaLabel}\n options={years}\n value={selectedYear}\n onChange={onYearSelect}\n menuWrapperClassName={styles.yearButtonDropdown}\n size=\"small\"\n valueRenderer={(_option: DatePickerDropdownItem) => yearsButtonLabel}\n searchable={false}\n clearable={false}\n borderless\n />\n </Flex>\n <Flex>\n <IconButton\n kind=\"tertiary\"\n size=\"small\"\n aria-label={prevButtonAriaLabel}\n onClick={goToPreviousMonth}\n icon={DropdownChevronLeft}\n />\n <IconButton\n kind=\"tertiary\"\n size=\"small\"\n aria-label={nextButtonAriaLabel}\n onClick={goToNextMonth}\n icon={DropdownChevronRight}\n />\n </Flex>\n </div>\n );\n};\n\nexport default DatePickerHeader;\n\nexport function getYearButtonLabel(displayMonth: Date, locale: Locale) {\n return format(displayMonth, \"yyyy\", { locale });\n}\n\nexport function getMonthButtonLabel(displayMonth: Date, locale: Locale) {\n return format(displayMonth, \"MMM\", { locale });\n}\n"],"names":["DatePickerHeader","_ref","setDisplayMonth","monthSelectionAriaLabel","yearSelectionAriaLabel","nextButtonAriaLabel","prevButtonAriaLabel","locale","className","displayMonth","useDayPicker","month","_useNavigation","useNavigation","goToMonth","nextMonth","previousMonth","goToNextMonth","useCallback","goToPreviousMonth","monthsData","useMonthsOptionItems","yearsData","useYearsOptionItems","months","useMemo","map","item","Object","assign","value","id","years","monthButtonLabel","getMonthButtonLabel","yearsButtonLabel","getYearButtonLabel","onMonthSelect","option","date","Date","setMonth","onYearSelect","year","setFullYear","selectedMonth","find","getMonth","selectedYear","getFullYear","React","createElement","cx","styles","datePickerHeader","Flex","gap","Dropdown","monthButtonDropdown","options","onChange","menuWrapperClassName","size","valueRenderer","_option","searchable","clearable","borderless","yearButtonDropdown","IconButton","kind","onClick","icon","DropdownChevronLeft","DropdownChevronRight","format"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={monthButtonDropdown:"monthButtonDropdown",yearButtonDropdown:"yearButtonDropdown",datePickerHeader:"datePickerHeader"};!function(e){const t="s_id-a12251d5376d_4_5_25";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown {\n min-width: 70px;\n justify-content: space-between;\n}\n.yearButtonDropdown {\n justify-content: space-between;\n}\n.datePickerHeader {\n font: var(--font-text2-normal);\n height: var(--day-picker-header-height);\n color: var(--primary-text-color);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.datePickerHeader button:focus:not(:active), .datePickerHeader button:focus-visible {\n box-shadow: 0 0 0 2px var(--primary-color);\n background: var(--primary-background-color) !important;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=DatePickerHeader.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from"classnames";import t,{useRef as r,useEffect as n}from"react";import{DayContent as o}from"react-day-picker";import{useDayContentHoverContext as s}from"./DateContentHoverContext.js";import a from"./DatePicker.module.scss.js";var i=function(i){var m=i.date,u=i.activeModifiers,c=s().setHover,l=r(null);return n((function(){var e=l.current.closest("td"),t=function(){return c(m)},r=function(){return c(void 0)};return null==e||e.addEventListener("mouseenter",t),null==e||e.addEventListener("mouseleave",r),function(){null==e||e.removeEventListener("mouseenter",t),null==e||e.removeEventListener("mouseleave",r)}}),[m,c]),t.createElement("div",{ref:l,className:e(a.datePickerDayContent,u)},t.createElement(o,Object.assign({},i)))};export{i as RangeDayContent};
|
|
2
|
-
//# sourceMappingURL=RangeDayContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RangeDayContent.js","sources":["../../../../../src/components/DatePicker/RangeDayContent.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useEffect, useRef } from \"react\";\nimport {\n type DayContentProps as DatePickerDayContentProps,\n DayContent as DatePickerDayContent\n} from \"react-day-picker\";\nimport { useDayContentHoverContext } from \"./DateContentHoverContext\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport const RangeDayContent = (props: DatePickerDayContentProps) => {\n const { date, activeModifiers } = props;\n const { setHover } = useDayContentHoverContext();\n\n const ref = useRef<HTMLDivElement>(null);\n useEffect(() => {\n const td = ref.current.closest(\"td\");\n const onMouseEnter = () => setHover(date);\n const onMouseLeave = () => setHover(undefined);\n\n td?.addEventListener(\"mouseenter\", onMouseEnter);\n td?.addEventListener(\"mouseleave\", onMouseLeave);\n\n return () => {\n td?.removeEventListener(\"mouseenter\", onMouseEnter);\n td?.removeEventListener(\"mouseleave\", onMouseLeave);\n };\n }, [date, setHover]);\n\n return (\n <div ref={ref} className={cx(styles.datePickerDayContent, activeModifiers)}>\n <DatePickerDayContent {...props} />\n </div>\n );\n};\n"],"names":["RangeDayContent","props","date","activeModifiers","setHover","useDayContentHoverContext","ref","useRef","useEffect","td","current","closest","onMouseEnter","onMouseLeave","undefined","addEventListener","removeEventListener","React","createElement","className","cx","styles","datePickerDayContent","DatePickerDayContent","Object","assign"],"mappings":"iPASaA,EAAkB,SAACC,GAC9B,IAAQC,EAA0BD,EAA1BC,KAAMC,EAAoBF,EAApBE,gBACNC,EAAaC,IAAbD,SAEFE,EAAMC,EAAuB,MAenC,OAdAC,GAAU,WACR,IAAMC,EAAKH,EAAII,QAAQC,QAAQ,MACzBC,EAAe,WAAH,OAASR,EAASF,EAAK,EACnCW,EAAe,WAAH,OAAST,OAASU,EAAU,EAK9C,OAHAL,SAAAA,EAAIM,iBAAiB,aAAcH,GACnCH,SAAAA,EAAIM,iBAAiB,aAAcF,GAE5B,WACLJ,SAAAA,EAAIO,oBAAoB,aAAcJ,GACtCH,SAAAA,EAAIO,oBAAoB,aAAcH,GAE1C,GAAG,CAACX,EAAME,IAGRa,EAAAC,cAAA,MAAA,CAAKZ,IAAKA,EAAKa,UAAWC,EAAGC,EAAOC,qBAAsBnB,IACxDc,EAAAC,cAACK,EAAyBC,OAAAC,OAAA,CAAA,EAAAxB,IAGhC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from"react";import{DayContent as r}from"react-day-picker";import t from"./DatePicker.module.scss.js";var a=function(a){return e.createElement("div",{className:t.datePickerDayContent},e.createElement(r,Object.assign({},a)))};export{a as SingleDayContent};
|
|
2
|
-
//# sourceMappingURL=SingleDayContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SingleDayContent.js","sources":["../../../../../src/components/DatePicker/SingleDayContent.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n type DayContentProps as DatePickerDayContentProps,\n DayContent as DatePickerDayContent\n} from \"react-day-picker\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport const SingleDayContent = (dayContentProps: DatePickerDayContentProps) => (\n <div className={styles.datePickerDayContent}>\n <DatePickerDayContent {...dayContentProps} />\n </div>\n);\n"],"names":["SingleDayContent","dayContentProps","React","createElement","className","styles","datePickerDayContent","DatePickerDayContent","Object","assign"],"mappings":"kHAOaA,EAAmB,SAACC,GAA0C,OACzEC,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,sBACrBJ,EAAAC,cAACI,EAAyBC,OAAAC,OAAA,CAAA,EAAAR,IACtB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useMemo as r}from"react";import{format as e}from"date-fns";var t=[0,1,2,3,4,5,6,7,8,9,10,11],n=function(n){var a=n.locale;return r((function(){return t.map((function(r){var t=new Date;return t.setMonth(r,1),{id:""+r,label:e(t,"LLL",{locale:a})}}))}),[a])},a=function(t){var n=t.locale;return r((function(){return Array.from({length:201},(function(r,e){var t=new Date;return t.setFullYear(t.getFullYear()-100+e),t})).map((function(r){return{id:""+r.getFullYear(),label:e(r,"yyyy",{locale:n})}}))}),[n])};export{n as useMonthsOptionItems,a as useYearsOptionItems};
|
|
2
|
-
//# sourceMappingURL=datePickerHooks.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"datePickerHooks.js","sources":["../../../../../src/components/DatePicker/datePickerHooks.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerDropdownItem {\n id: string;\n label: string;\n value: string;\n}\n\nconst monthsIndexes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];\nexport const useMonthsOptionItems = ({ locale }: { locale?: Locale }) =>\n useMemo(\n () =>\n monthsIndexes.map(monthIndex => {\n const month = new Date();\n month.setMonth(monthIndex, 1);\n return { id: monthIndex.toString(), label: format(month, \"LLL\", { locale }) };\n }),\n [locale]\n );\n\n// returns a list of all years from 100 years ago to 100 years in the future\nconst YEARS_AGO = 100;\nconst YEARS_IN_FUTURE = 100;\nexport const useYearsOptionItems = ({ locale }: { locale?: Locale }) =>\n useMemo(\n () =>\n Array.from({ length: YEARS_AGO + YEARS_IN_FUTURE + 1 }, (_, i) => {\n const date = new Date();\n date.setFullYear(date.getFullYear() - YEARS_AGO + i);\n return date;\n }).map(year => ({\n id: year.getFullYear().toString(),\n label: format(year, \"yyyy\", { locale })\n })),\n [locale]\n );\n"],"names":["monthsIndexes","useMonthsOptionItems","_ref","locale","useMemo","map","monthIndex","month","Date","setMonth","id","label","format","useYearsOptionItems","_ref2","Array","from","length","YEARS_AGO","_","i","date","setFullYear","getFullYear","year"],"mappings":"kEASA,IAAMA,EAAgB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAAI,IAC5CC,EAAuB,SAAHC,GAAA,IAAMC,EAAMD,EAANC,OAAM,OAC3CC,GACE,WAAA,OACEJ,EAAcK,KAAI,SAAAC,GAChB,IAAMC,EAAQ,IAAIC,KAElB,OADAD,EAAME,SAASH,EAAY,GACpB,CAAEI,GAAIJ,KAAuBK,MAAOC,EAAOL,EAAO,MAAO,CAAEJ,OAAAA,IACpE,MACF,CAACA,GACF,EAKUU,EAAsB,SAAHC,GAAA,IAAMX,EAAMW,EAANX,OAAM,OAC1CC,GACE,WAAA,OACEW,MAAMC,KAAK,CAAEC,OAAQC,MAAmC,SAACC,EAAGC,GAC1D,IAAMC,EAAO,IAAIb,KAEjB,OADAa,EAAKC,YAAYD,EAAKE,cAPZ,IAOwCH,GAC3CC,CACT,IAAGhB,KAAI,SAAAmB,GAAI,MAAK,CACdd,GAAIc,KAAKD,cACTZ,MAAOC,EAAOY,EAAM,OAAQ,CAAErB,OAAAA,IAC/B,MACH,CAACA,GACF"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isBefore as o,isSameDay as t,isAfter as f}from"date-fns";function n(r,n,e){var i=n.from,u=n.to;if(!i&&!u)return"from"===e?{from:r,to:void 0}:{from:void 0,to:r};if(!i)return o(r,u)?{from:r,to:u}:{from:u,to:r};if(!u)return o(r,i)?{from:r,to:i}:{from:i,to:r};if("to"===e){if(t(r,i)&&t(r,u))return{from:void 0};if(t(r,i))return{from:void 0};if(o(r,i))return{from:r,to:u};if(f(r,i)&&o(r,u))return{from:i,to:r};if(f(r,u)||t(r,u))return{from:i,to:r}}else{if(t(r,i)&&t(r,u))return{from:void 0};if(t(r,u))return{from:r,to:r};if(f(r,u))return{from:i,to:r};if(o(r,u)&&f(r,i))return{from:r,to:u};if(o(r,i))return{from:r,to:u};if(t(r,u))return{from:r}}return{from:i,to:r}}var e=function(r,n){return!(!n.from||!n.to)&&((f(r,n.from)||t(r,n.from))&&(o(r,n.to)||t(r,n.to)))},i="addToRangeMiddle",u="addToRangeStart",m="addToRangeEnd",d="removeFromRange",a="HoveredDayExists",v="HalfRangeSelected";function c(r,o,f,a){if(o){var v=n(o,f,a);if(e(r,v)||e(r,f)){if(t(r,v.to)&&!t(r,f.to))return m;if(t(r,v.from)&&!t(r,f.from))return u;if(e(r,v)){if(e(r,f))return;return t(r,v.from)?u:t(r,v.to)?m:e(o,f)?void 0:i}return e(o,f)?d:void 0}}}function l(o,t,f){return r(r(r(r(r(r({},a,(function(){return!!o})),v,(function(){return!(!t||!(!t.from&&t.to||t.from&&!t.to))})),i,(function(r){return c(r,o,t,f)===i})),u,(function(r){return c(r,o,t,f)===u})),m,(function(r){return c(r,o,t,f)===m})),d,(function(r){return c(r,o,t,f)===d}))}export{m as AddToRangeEnd,i as AddToRangeMiddle,u as AddToRangeStart,v as HalfRangeSelected,a as HoveredDayExists,d as RemoveFromRange,n as addToRange,l as addToRangeModifiers,c as addToRangeNextState};
|
|
2
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["import { isAfter, isBefore, isSameDay } from \"date-fns\";\nimport { type DateRange, type Matcher } from \"react-day-picker\";\n\nexport type Intent = \"to\" | \"from\";\n\nexport function addToRange(day: Date, { from, to }: DateRange, intent: Intent): DateRange {\n if (!from && !to) {\n return intent === \"from\" ? { from: day, to: undefined } : { from: undefined, to: day };\n }\n\n if (!from) {\n if (isBefore(day, to)) {\n return { from: day, to };\n }\n\n return { from: to, to: day };\n }\n\n if (!to) {\n if (isBefore(day, from)) {\n return { from: day, to: from };\n }\n\n return { from, to: day };\n }\n\n if (intent === \"to\") {\n if (isSameDay(day, from) && isSameDay(day, to)) {\n return { from: undefined };\n }\n\n if (isSameDay(day, from)) {\n // both from & to selected + user clicks on start -> clear selection\n return { from: undefined };\n }\n\n if (isBefore(day, from)) {\n return { from: day, to };\n }\n\n if (isAfter(day, from) && isBefore(day, to)) {\n return { from, to: day };\n }\n\n if (isAfter(day, to) || isSameDay(day, to)) {\n return { from, to: day };\n }\n } else {\n // intent is from\n if (isSameDay(day, from) && isSameDay(day, to)) {\n return { from: undefined };\n }\n\n if (isSameDay(day, to)) {\n return { from: day, to: day };\n }\n\n if (isAfter(day, to)) {\n return { from, to: day };\n }\n\n if (isBefore(day, to) && isAfter(day, from)) {\n return { from: day, to };\n }\n\n if (isBefore(day, from)) {\n return { from: day, to };\n }\n\n if (isSameDay(day, to)) {\n // both from & to selected + user clicks on end -> end becomes start\n return { from: day };\n }\n }\n\n return { from, to: day };\n}\n\nconst isInRange = (day: Date, range: DateRange): boolean => {\n if (!range.from || !range.to) {\n return false;\n }\n\n return (\n (isAfter(day, range.from) || isSameDay(day, range.from)) && (isBefore(day, range.to) || isSameDay(day, range.to))\n );\n};\n\nexport const AddToRangeMiddle = \"addToRangeMiddle\";\nexport const AddToRangeStart = \"addToRangeStart\";\nexport const AddToRangeEnd = \"addToRangeEnd\";\nexport const RemoveFromRange = \"removeFromRange\";\nexport const HoveredDayExists = \"HoveredDayExists\";\nexport const HalfRangeSelected = \"HalfRangeSelected\";\n\ntype GetDateNextStateResult =\n | typeof AddToRangeMiddle\n | typeof AddToRangeStart\n | typeof AddToRangeEnd\n | typeof RemoveFromRange\n | undefined;\n\nexport function addToRangeNextState(\n day: Date,\n dayToAdd: Date,\n range: DateRange,\n intent: Intent\n): GetDateNextStateResult {\n if (!dayToAdd) {\n return undefined;\n }\n\n const nextRange = addToRange(dayToAdd, range, intent);\n\n if (!isInRange(day, nextRange) && !isInRange(day, range)) {\n return undefined;\n }\n\n if (isSameDay(day, nextRange.to) && !isSameDay(day, range.to)) {\n return AddToRangeEnd;\n }\n\n if (isSameDay(day, nextRange.from) && !isSameDay(day, range.from)) {\n return AddToRangeStart;\n }\n\n if (isInRange(day, nextRange)) {\n if (isInRange(day, range)) {\n return undefined;\n }\n\n if (isSameDay(day, nextRange.from)) {\n return AddToRangeStart;\n }\n\n if (isSameDay(day, nextRange.to)) {\n return AddToRangeEnd;\n }\n\n return !isInRange(dayToAdd, range) ? AddToRangeMiddle : undefined;\n }\n\n return isInRange(dayToAdd, range) ? RemoveFromRange : undefined;\n}\n\nexport function addToRangeModifiers(dayToAdd: Date, range: DateRange, intent: Intent): Record<string, Matcher> {\n return {\n [HoveredDayExists]: () => !!dayToAdd,\n [HalfRangeSelected]: () => !!(range && ((!range.from && range.to) || (range.from && !range.to))),\n [AddToRangeMiddle]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeMiddle,\n [AddToRangeStart]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeStart,\n [AddToRangeEnd]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeEnd,\n [RemoveFromRange]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === RemoveFromRange\n };\n}\n"],"names":["addToRange","day","_ref","intent","from","to","undefined","isBefore","isSameDay","isAfter","isInRange","range","AddToRangeMiddle","AddToRangeStart","AddToRangeEnd","RemoveFromRange","HoveredDayExists","HalfRangeSelected","addToRangeNextState","dayToAdd","nextRange","addToRangeModifiers","_defineProperty"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e,defineProperty as o,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../_virtual/_tslib.js";import{camelCase as i}from"es-toolkit";import{isInsideClass as a,useEventListener as r,useKeyEvent as l,getStyle as s,NOOP as c}from"@vibe/shared";import{getTestId as d,ComponentDefaultTestId as m}from"../../tests/testIds.js";import u from"classnames";import f,{useState as g,useRef as p,useCallback as v,useMemo as b}from"react";import{SECONDARY_BUTTON_WRAPPER_CLASSNAME as k,ENTER_KEYS as y,DEFAULT_DIALOG_SHOW_TRIGGER as C,DEFAULT_DIALOG_HIDE_TRIGGER as N,DIALOG_MOVE_BY as D,SECONDARY_BUTTON_ARIA_LABEL as h}from"./SplitButtonConstants.js";import{Button as S}from"@vibe/button/mockedClassNames";import{DropdownChevronDown as T}from"@vibe/icons";import{DialogContentContainer as I,Dialog as B}from"@vibe/dialog/mockedClassNames";import O from"./SplitButton.module.scss.js";import{ComponentVibeId as P}from"../../tests/constants.js";var _=function(_){var E=_.secondaryDialogContent,j=_.onSecondaryDialogDidShow,A=void 0===j?c:j,L=_.onSecondaryDialogDidHide,w=void 0===L?c:L,x=_.shouldCloseOnClickInsideDialog,z=_.zIndex,R=void 0===z?null:z,U=_.secondaryDialogClassName,F=void 0===U?"":U,H=_.secondaryDialogPosition,W=void 0===H?"bottom-start":H,Y=_.dialogContainerSelector,M=_.dialogPaddingSize,q=void 0===M?"medium":M,G=_.disabled,J=_.loading,K=_.kind,Q=void 0===K?"primary":K,V=_.color,X=void 0===V?"primary":V,Z=_.className,$=_.leftIcon,ee=_.rightIcon,oe=_.onClick,te=_.children,ne=_.marginLeft,ie=_.marginRight,ae=_.active,re=_.id,le=_["data-testid"],se=n(_,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),ce=g(!1),de=e(ce,2),me=de[0],ue=de[1],fe=g(!1),ge=e(fe,2),pe=ge[0],ve=ge[1],be=g(!1),ke=e(be,2),ye=ke[0],Ce=ke[1],Ne=p(null),De=p(null),he=v((function(){return ve(!0)}),[ve]),Se=v((function(){return ve(!1)}),[ve]),Te=v((function(e){return!G&&!a(e.target,k)}),[G]),Ie=v((function(e){Te(e)&&Ce(!0)}),[Ce,Te]),Be=v((function(){return Ce(!1)}),[Ce]),Oe=v((function(e){Te(e)&&Ce(!0)}),[Ce,Te]),Pe=v((function(){ue(!0),A()}),[ue,A]),_e=v((function(e,o){ue(!1),w(),"esckey"===o&&De.current.focus()}),[ue,w]);r({eventName:"mouseenter",callback:he,ref:Ne}),r({eventName:"mouseleave",callback:Se,ref:Ne}),r({eventName:"mousedown",callback:Ie,ref:Ne}),r({eventName:"mouseup",callback:Be,ref:Ne}),r({eventName:"transitionend",callback:Be,ref:Ne}),l({keys:y,ref:Ne,callback:Oe});var Ee=b((function(){return u(O.button,s(O,i("kind-"+Q)),s(O,i("color-"+X)),o(o(o(o(o({},O.mainActive,ae),O.active,ye),O.splitContentOpen,me),O.hovered,pe),O.disabled,G),Z)}),[Z,Q,X,ae,ye,me,pe,G]),je=b((function(){return G?[]:C}),[G]),Ae=b((function(){return x?[].concat(t(N),["onContentClick"]):N}),[x]),Le=v((function(){var e="function"==typeof E?E():E;return f.createElement(I,{type:"popover",size:q},e)}),[E,q]),we=b((function(){if("bottom"!==W)return"bottom-start"===W?"bottom":"top"}),[W]);return f.createElement("div",{className:Ee,ref:Ne,id:re,"data-testid":le||d(m.SPLIT_BUTTON,re),"data-vibe":P.SPLIT_BUTTON},f.createElement(S,Object.assign({},se,{preventClickAnimation:!0,leftIcon:$,rightIcon:ee,rightFlat:!0,color:X,kind:Q,active:ae,onClick:oe,className:O.mainButton,marginLeft:ne,onFocus:he,onBlur:Se,disabled:G,loading:J,"data-testid":d(m.SPLIT_BUTTON_PRIMARY_BUTTON,re)}),te),f.createElement("div",{className:O.secondaryButtonWrapper},f.createElement(B,{wrapperClassName:F,zIndex:R,content:Le,position:W,containerSelector:Y,startingEdge:we,animationType:"expand",moveBy:D,onDialogDidShow:Pe,onDialogDidHide:_e,showTrigger:je,hideTrigger:Ae},f.createElement(S,Object.assign({},se,{ref:De,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:X,kind:Q,className:O.secondaryButton,active:me,marginRight:ie,onFocus:he,onBlur:Se,disabled:G,"aria-label":h,"aria-haspopup":!0,"aria-expanded":me,"data-testid":d(m.SPLIT_BUTTON_SECONDARY_BUTTON,re)}),f.createElement("div",{className:O.secondaryButtonIconWrapper},f.createElement(T,{"aria-hidden":"true"}))))))};export{_ as default};
|
|
2
|
-
//# sourceMappingURL=SplitButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SplitButton.js","sources":["../../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP, isInsideClass } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n type SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\n// Utils import\n\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport {\n DialogContentContainer,\n type DialogSize,\n type DialogStartingEdge,\n type DialogTriggerEvent,\n Dialog,\n type DialogEvent,\n type DialogPosition\n} from \"@vibe/dialog\";\nimport styles from \"./SplitButton.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /**\n * The element or renderer that is displayed inside the dialog opened by clicking the secondary button.\n */\n secondaryDialogContent?: ReactElement | (() => string | ReactElement);\n /**\n * Callback fired when the secondary dialog is shown.\n */\n onSecondaryDialogDidShow?: () => void;\n /**\n * Callback fired when the secondary dialog is hidden.\n */\n onSecondaryDialogDidHide?: () => void;\n /**\n * The z-index applied to the secondary dialog.\n */\n zIndex?: number;\n /**\n * Class name applied to the wrapper of the secondary dialog.\n */\n secondaryDialogClassName?: string;\n /**\n * The position of the secondary dialog.\n */\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /**\n * The padding size inside the secondary dialog.\n */\n dialogPaddingSize?: DialogSize;\n /**\n * The CSS selector of the container where the dialog should be rendered.\n */\n dialogContainerSelector?: string;\n /**\n * If true, clicking inside the dialog will close it.\n */\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName = \"\",\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = \"medium\",\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind = \"primary\",\n color = \"primary\",\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog)\n return [...DEFAULT_DIALOG_HIDE_TRIGGER, \"onContentClick\"] as DialogTriggerEvent[];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type=\"popover\" size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition: DialogStartingEdge | undefined = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return undefined;\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n data-vibe={ComponentVibeId.SPLIT_BUTTON}\n >\n <Button\n {\n ...buttonProps /* We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType=\"expand\"\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n aria-label={SECONDARY_BUTTON_ARIA_LABEL}\n aria-haspopup\n aria-expanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\nexport default SplitButton;\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","_a$secondaryDialogCla","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","_a$kind","kind","_a$color","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","actionsContent","content","React","createElement","DialogContentContainer","type","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","SECONDARY_BUTTON_ARIA_LABEL","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){const r="s_id-de44e8b791c3_4_5_25";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button {\n display: inline-flex;\n border-radius: var(--border-radius-small);\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button .mainButton {\n margin-inline-end: 0;\n}\n\n.button .secondaryButton {\n margin-inline-start: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n display: inline-flex;\n padding: 0 4px;\n}\n\n.active {\n transform: scale(0.95);\n}\n\n.disabled {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n background-color: var(--primary-selected-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n background-color: var(--primary-selected-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n border-color: transparent;\n background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n border-color: transparent;\n background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n border-inline-start: 1px solid transparent;\n margin-inline-start: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n border-inline-start: 1px solid;\n border-color: var(--ui-border-color);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n background-color: var(--primary-hover-color);\n border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n border-inline-start: 1px solid;\n border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n background-color: var(--brand-hover-color);\n border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n border-inline-start: 1px solid;\n border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n border-inline-start: 1px solid;\n border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n border-inline-start: 1px solid;\n border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n border-inline-start: 1px solid;\n border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n border-inline-end: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n background-color: var(--primary-selected-color);\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton {\n color: var(--primary-color);\n border-color: var(--primary-color);\n background-color: var(--primary-selected-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton:hover {\n color: var(--brand-color);\n border-color: var(--brand-color);\n background-color: var(--brand-selected-color);\n}");export{n as default};
|
|
2
|
-
//# sourceMappingURL=SplitButton.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{keyCodes as s}from"../../constants/keyCodes.js";import"../../constants/sizes.js";var t={main:8,secondary:0},o=["click"],c=["clickoutside","click","esckey"],i="monday-style-split-button__secondary-button-wrapper",n=[s.ENTER],a="additional actions";export{c as DEFAULT_DIALOG_HIDE_TRIGGER,o as DEFAULT_DIALOG_SHOW_TRIGGER,t as DIALOG_MOVE_BY,n as ENTER_KEYS,a as SECONDARY_BUTTON_ARIA_LABEL,i as SECONDARY_BUTTON_WRAPPER_CLASSNAME};
|
|
2
|
-
//# sourceMappingURL=SplitButtonConstants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SplitButtonConstants.js","sources":["../../../../../src/components/SplitButton/SplitButtonConstants.ts"],"sourcesContent":["// Constants\nimport { keyCodes } from \"../../constants\";\nimport type { DialogTriggerEvent } from \"@vibe/dialog\";\n\nexport const DIALOG_MOVE_BY = { main: 8, secondary: 0 };\nexport const DEFAULT_DIALOG_SHOW_TRIGGER: DialogTriggerEvent[] = [\"click\"];\nexport const DEFAULT_DIALOG_HIDE_TRIGGER: DialogTriggerEvent[] = [\"clickoutside\", \"click\", \"esckey\"];\nexport const SECONDARY_BUTTON_WRAPPER_CLASSNAME = \"monday-style-split-button__secondary-button-wrapper\";\nexport const EMPTY_ARR: string[] = [];\n\nexport const ENTER_KEYS = [keyCodes.ENTER];\n\n//TODO Remove once change dialogPosition to const\nexport const DialogPosition = {\n BOTTOM: \"bottom\",\n BOTTOM_START: \"bottom-start\",\n BOTTOM_END: \"bottom-end\"\n} as const;\n\nexport const SplitButtonSecondaryContentPosition = {\n BOTTOM_START: DialogPosition.BOTTOM_START,\n BOTTOM_MIDDLE: DialogPosition.BOTTOM,\n BOTTOM_END: DialogPosition.BOTTOM_END\n} as const;\n\nexport type SplitButtonSecondaryContentPositionType =\n (typeof SplitButtonSecondaryContentPosition)[keyof typeof SplitButtonSecondaryContentPosition];\n\nexport const SECONDARY_BUTTON_ARIA_LABEL = \"additional actions\";\n"],"names":["DIALOG_MOVE_BY","main","secondary","DEFAULT_DIALOG_SHOW_TRIGGER","DEFAULT_DIALOG_HIDE_TRIGGER","SECONDARY_BUTTON_WRAPPER_CLASSNAME","ENTER_KEYS","keyCodes","ENTER","SECONDARY_BUTTON_ARIA_LABEL"],"mappings":"wFAIO,IAAMA,EAAiB,CAAEC,KAAM,EAAGC,UAAW,GACvCC,EAAoD,CAAC,SACrDC,EAAoD,CAAC,eAAgB,QAAS,UAC9EC,EAAqC,sDAGrCC,EAAa,CAACC,EAASC,OAkBvBC,EAA8B"}
|
package/dist/mocked_classnames/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__rest as e}from"../../../../_virtual/_tslib.js";import r,{forwardRef as t,useRef as m}from"react";import{useMergeRef as o}from"@vibe/shared";import{Menu as i}from"@vibe/menu/mockedClassNames";var n=t((function(t,n){var a=t.children,s=e(t,["children"]),l=m(null),c=o(n,l);return r.createElement(i,Object.assign({focusItemIndexOnMount:0},s,{ref:c}),a)}));export{n as default};
|
|
2
|
-
//# sourceMappingURL=SplitButtonMenu.js.map
|
package/dist/mocked_classnames/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SplitButtonMenu.js","sources":["../../../../../../src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { Menu, type MenuProps } from \"@vibe/menu\";\n\nexport type SplitButtonMenuProps = Omit<MenuProps, \"focusItemIndexOnMount\"> & { children: React.ReactNode };\n\nconst SplitButtonMenu = forwardRef(\n ({ children, ...splitButtonMenuProps }: SplitButtonMenuProps, ref: React.ForwardedRef<HTMLElement>) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <Menu focusItemIndexOnMount={0} {...splitButtonMenuProps} ref={mergedRef}>\n {children}\n </Menu>\n );\n }\n);\n\nexport default SplitButtonMenu;\n"],"names":["SplitButtonMenu","forwardRef","_a","ref","children","splitButtonMenuProps","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Menu","Object","assign","focusItemIndexOnMount"],"mappings":"wMAMMA,IAAAA,EAAkBC,GACtB,SAACC,EAA6DC,GAA7D,IAAEC,EAAyDF,EAAzDE,SAAaC,EAAoBC,EAAAJ,EAAnC,cACOK,EAAeC,EAAO,MACtBC,EAAYC,EAAYP,EAAKI,GAEnC,OACEI,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAC,sBAAuB,GAAOX,EAAoB,CAAEF,IAAKM,IAC5DL,EAGP"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{createContext as o,useState as t,useMemo as i,useContext as n}from"react";import{noop as l}from"es-toolkit";var v=o({hover:void 0,setHover:l}),u=function(o){var n=o.children,l=t(void 0),u=r(l,2),a=u[0],c=u[1],m=i((function(){return{hover:a,setHover:c}}),[a]);return e.createElement(v.Provider,{value:m},n)},a=function(){return n(v)};export{v as DayContentHoverContext,u as DayContentHoverProvider,a as useDayContentHoverContext};
|
|
2
|
-
//# sourceMappingURL=DateContentHoverContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateContentHoverContext.js","sources":["../../../../src/components/DatePicker/DateContentHoverContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\nimport { noop } from \"es-toolkit\";\n\nexport const DayContentHoverContext = createContext<{\n hover: Date | undefined;\n setHover: (_hover: Date | undefined) => void;\n}>({ hover: undefined, setHover: noop });\n\nexport const DayContentHoverProvider = ({ children }: { children: React.ReactNode }) => {\n const [hover, setHover] = useState<Date | undefined>(undefined);\n const value = useMemo(() => ({ hover, setHover }), [hover]);\n return <DayContentHoverContext.Provider value={value}>{children}</DayContentHoverContext.Provider>;\n};\n\nexport const useDayContentHoverContext = () => useContext(DayContentHoverContext);\n"],"names":["DayContentHoverContext","createContext","hover","undefined","setHover","noop","DayContentHoverProvider","_ref","children","_useState","useState","_useState2","_slicedToArray","value","useMemo","React","createElement","Provider","useDayContentHoverContext","useContext"],"mappings":"qMAGaA,IAAAA,EAAyBC,EAGnC,CAAEC,WAAOC,EAAWC,SAAUC,IAEpBC,EAA0B,SAAHC,GAAmD,IAA7CC,EAAQD,EAARC,SACxCC,EAA0BC,OAA2BP,GAAUQ,EAAAC,EAAAH,EAAA,GAAxDP,EAAKS,EAAA,GAAEP,EAAQO,EAAA,GAChBE,EAAQC,GAAQ,WAAA,MAAO,CAAEZ,MAAAA,EAAOE,SAAAA,EAAU,GAAG,CAACF,IACpD,OAAOa,EAAAC,cAAChB,EAAuBiB,SAAQ,CAACJ,MAAOA,GAAQL,EACzD,EAEaU,EAA4B,WAAH,OAASC,EAAWnB,EAAuB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e,slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{useMemo as r,useState as n,useRef as o,useEffect as i,useCallback as d,createContext as s}from"react";import l from"classnames";import{InternalModifier as c,DayPicker as u}from"react-day-picker";import m from"./DatePicker.module.scss.js";import f from"./DatePickerHeader.js";import{AddToRangeMiddle as k,AddToRangeStart as v,RemoveFromRange as D,HoveredDayExists as g,AddToRangeEnd as y,HalfRangeSelected as P,addToRange as b,addToRangeModifiers as p}from"./utils.js";import{RangeDayContent as h}from"./RangeDayContent.js";import{SingleDayContent as C}from"./SingleDayContent.js";import{DayContentHoverProvider as S,DayContentHoverContext as R}from"./DateContentHoverContext.js";var A,N={hours:9,minutes:0},E=(e(e(e(e(e(e(e(e(e(e(A={},c.Outside,m.datePickerDayOutside),c.Selected,m.datePickerDaySelected),c.Today,m.datePickerDayToday),c.Disabled,m.datePickerDayDisabled),c.RangeStart,m.datePickerDayRangeStart),c.RangeEnd,m.datePickerDayRangeEnd),c.RangeMiddle,m.datePickerDayRangeMiddle),k,m.datePickerAddToRangeMiddle),v,m.datePickerAddToRangeStart),y,m.datePickerAddToRangeEnd),e(e(e(A,D,m.datePickerRemoveFromRange),g,m.datePickerHoveredDayExists),P,m.datePickerHalfRangeSelected)),j=s({}),w=function(){return a.createElement(j.Consumer,null,(function(e){return a.createElement(f,Object.assign({},e))}))},H=function(s){var f=s.className,k=s.dayClassName,v=s.selectedDayClassName,D=s.id,g=s["data-testid"],y=s.mode,P=void 0===y?"single":y,A=s.date,H=s.endDate,L=s.onDateChange,M=s.firstDayOfWeek,O=void 0===M?0:M,x=s.showWeekNumber,T=s.isDateDisabled,B=s.locale,W=s.nextButtonAriaLabel,_=void 0===W?"Next":W,q=s.prevButtonAriaLabel,F=void 0===q?"Previous":q,Y=s.monthSelectionAriaLabel,z=void 0===Y?"Month":Y,G=s.yearSelectionAriaLabel,I=void 0===G?"Year":G,J=s.dropdownsClassName,K=s.intent,Q=void 0===K?"to":K,U=s.dialogContainerSelector,V=r((function(){return"single"===P?A:{from:A,to:H}}),[A,H,P]),X=n(A||new Date),Z=t(X,2),$=Z[0],ee=Z[1],te=o(),ae=o(),re=o(!1);i((function(){var e=+ae.current!=+H,t=!re.current;+te.current!=+A?t&&A&&ee(A):e&&t&&H&&ee(H),te.current=A,ae.current=H,re.current=!1}),[A,H]);var ne=d((function(e,t){if(re.current=!0,"range"===P){var a=b(t,V,Q);L({date:null==a?void 0:a.from,endDate:null==a?void 0:a.to})}else{var r=e,n=A?{hours:A.getHours(),minutes:A.getMinutes()}:N;r.setHours(n.hours,n.minutes),L(r)}}),[A,Q,P,L,V]),oe=r((function(){return{setDisplayMonth:ee,locale:B,nextButtonAriaLabel:_,prevButtonAriaLabel:F,monthSelectionAriaLabel:z,yearSelectionAriaLabel:I,dropdownsClassName:J,dialogContainerSelector:U}}),[B,z,_,ee,F,I,J,U]),ie=r((function(){return Object.assign(Object.assign({},E),e({},c.Selected,l(E[c.Selected],v)))}),[v]),de=r((function(){return{months:m.datePickerMonths,head:m.datePickerHead,table:m.datePickerTable,tbody:m.datePickerBody,day:l(m.datePickerDay,k)}}),[k]);return a.createElement("div",{id:D,className:l(m.datePicker,e({},m.withWeekNumber,x),f),"data-testid":g,"data-vibe":"DatePicker"},a.createElement(S,null,a.createElement(j.Provider,{value:oe},a.createElement(R.Consumer,null,(function(e){var t=p(e.hover,V,Q);return a.createElement(u,{fixedWeeks:!0,showOutsideDays:!0,showWeekNumber:x,mode:P,required:!0,weekStartsOn:O,disabled:T,selected:V,onSelect:ne,month:$,onMonthChange:ee,components:{Caption:w,DayContent:"single"===P?C:h},classNames:de,modifiers:t,modifiersClassNames:ie,locale:B})})))))};export{N as DEFAULT_TIME,H as default};
|
|
2
|
-
//# sourceMappingURL=DatePicker.js.map
|