@moneyforward/mfui-components 3.15.0 → 3.17.0
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/src/DateTimeSelection/DatePicker/DatePickerCalendar/DatePickerCalendar.js +20 -1
- package/dist/src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthPickerPanel.js +20 -1
- package/dist/src/DateTimeSelection/shared/YearSelector/YearSelector.d.ts +7 -1
- package/dist/src/DateTimeSelection/shared/YearSelector/YearSelector.js +5 -3
- package/dist/src/FormFooter/FormFooter.types.d.ts +2 -1
- package/dist/src/MultipleSelectBox/MultipleSelectBox.js +2 -2
- package/dist/src/MultipleSelectBox/MultipleSelectBoxTrigger/MultipleSelectBoxTrigger.js +1 -1
- package/dist/src/MultipleSelectBox/hooks/useApplyControls.d.ts +1 -0
- package/dist/src/MultipleSelectBox/hooks/useApplyControls.js +16 -0
- package/dist/src/MultipleSelectBox/hooks/useSearchBox.js +4 -1
- package/dist/src/SearchBox/SearchBox.d.ts +3 -2
- package/dist/src/SearchBox/SearchBox.js +14 -2
- package/dist/src/SearchBox/SearchBox.types.d.ts +19 -1
- package/dist/src/SelectBox/hooks/useSearchBox.js +7 -4
- package/dist/src/SidePane/SidePane.d.ts +3 -0
- package/dist/src/SidePane/SidePane.js +4 -2
- package/dist/src/SidePane/SidePane.types.d.ts +14 -0
- package/dist/src/SubNavigation/SubNavigation.d.ts +1 -1
- package/dist/src/SubNavigation/SubNavigation.js +17 -15
- package/dist/src/SubNavigation/SubNavigation.types.d.ts +58 -0
- package/dist/src/SubNavigation/index.d.ts +1 -1
- package/dist/src/Tag/Tag.types.d.ts +17 -1
- package/dist/src/utilities/string/normalizeFullWidth.d.ts +20 -0
- package/dist/src/utilities/string/normalizeFullWidth.js +20 -0
- package/dist/styled-system/recipes/form-footer-slot-recipe.d.ts +1 -1
- package/dist/styled-system/recipes/form-footer-slot-recipe.js +2 -1
- package/dist/styled-system/recipes/side-pane-slot-recipe.d.ts +1 -1
- package/dist/styled-system/recipes/side-pane-slot-recipe.js +8 -0
- package/dist/styled-system/recipes/sub-navigation-slot-recipe.d.ts +1 -1
- package/dist/styled-system/recipes/sub-navigation-slot-recipe.js +4 -0
- package/dist/styles.css +32 -17
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +3 -3
|
@@ -54,6 +54,25 @@ export function DatePickerCalendar({ value, onChange, minDate, maxDate, checkDis
|
|
|
54
54
|
newDate.setFullYear(year);
|
|
55
55
|
setViewingValue(newDate);
|
|
56
56
|
}, [setViewingValue, viewingValue]);
|
|
57
|
+
const shouldFilterYears = !!(minDate || maxDate);
|
|
58
|
+
const filterYear = useCallback((y) => {
|
|
59
|
+
const normalizedMinDate = minDate ? new Date(minDate) : undefined;
|
|
60
|
+
const normalizedMaxDate = maxDate ? new Date(maxDate) : undefined;
|
|
61
|
+
for (let month = 0; month < 12; month++) {
|
|
62
|
+
const date = new Date(y, month, 1);
|
|
63
|
+
let isDisabledByProps = false;
|
|
64
|
+
if (normalizedMinDate && date < new Date(normalizedMinDate.getFullYear(), normalizedMinDate.getMonth(), 1)) {
|
|
65
|
+
isDisabledByProps = true;
|
|
66
|
+
}
|
|
67
|
+
if (normalizedMaxDate && date > new Date(normalizedMaxDate.getFullYear(), normalizedMaxDate.getMonth(), 1)) {
|
|
68
|
+
isDisabledByProps = true;
|
|
69
|
+
}
|
|
70
|
+
if (!isDisabledByProps) {
|
|
71
|
+
return true;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
return false;
|
|
75
|
+
}, [minDate, maxDate]);
|
|
57
76
|
const onDateClick = useCallback((date, event) => {
|
|
58
77
|
setValue(date, event);
|
|
59
78
|
}, [setValue]);
|
|
@@ -82,5 +101,5 @@ export function DatePickerCalendar({ value, onChange, minDate, maxDate, checkDis
|
|
|
82
101
|
const localizedPreviousMonthAria = useMemo(() => getBasePickerLabel('GO_TO_PREV_MONTH', calendarLocale), [calendarLocale]);
|
|
83
102
|
const localizedNextMonthAria = useMemo(() => getBasePickerLabel('GO_TO_NEXT_MONTH', calendarLocale), [calendarLocale]);
|
|
84
103
|
const localizedTodayLabel = useMemo(() => getBasePickerLabel('TODAY', calendarLocale), [calendarLocale]);
|
|
85
|
-
return (_jsxs("div", { ...rest, className: cx(classes.root, 'mfui-DatePickerCalendar__root'), children: [_jsxs("div", { className: cx(classes.main, 'mfui-DatePickerCalendar__main'), children: [_jsxs("div", { className: cx(classes.header, 'mfui-DatePickerCalendar__header'), children: [_jsx(IconButton, { "aria-label": prevMonthIconButtonProps?.['aria-label'] ?? localizedPreviousMonthAria, disabled: isPrevMonthDisabled, onClick: goToPreviousMonth, children: _jsx(PickerBefore, {}) }), _jsxs("div", { className: cx(classes.yearMonthSelector, 'mfui-DatePickerCalendar__yearMonthSelector'), children: [_jsx("div", { className: cx(classes.monthContainer, 'mfui-DatePickerCalendar__monthContainer'), children: _jsx(Typography, { variant: "contentHeading", className: cx(classes.headerTitle, 'mfui-DatePickerCalendar__headerTitle'), children: _jsx("span", { children: headerMonthLabel }) }) }), _jsx("div", { className: cx(classes.yearContainer, 'mfui-DatePickerCalendar__yearContainer'), children: _jsx(YearSelector, { value: viewingValue, onChange: handleSelectYear }) })] }), _jsx(IconButton, { "aria-label": nextMonthIconButtonProps?.['aria-label'] ?? localizedNextMonthAria, disabled: isNextMonthDisabled, onClick: goToNextMonth, children: _jsx(PickerAfter, {}) })] }), _jsx(CalendarGrid, { viewingValue: viewingValue, minDate: minDate, maxDate: maxDate, checkDisabledDate: checkDisabledDate, value: internalValue, renderDateCell: customRenderDateCell, pendingFocusDate: pendingFocusDate ?? undefined, onDateClick: onDateClick, onPendingFocusDateChange: setPendingFocusDate })] }), !hideTodayButton && (_jsx("div", { className: cx(classes.footer, 'mfui-DatePickerCalendar__footer'), children: _jsx(Button, { size: "small", onClick: handleTodayButtonClick, children: todayButtonProps?.label ?? localizedTodayLabel }) }))] }));
|
|
104
|
+
return (_jsxs("div", { ...rest, className: cx(classes.root, 'mfui-DatePickerCalendar__root'), children: [_jsxs("div", { className: cx(classes.main, 'mfui-DatePickerCalendar__main'), children: [_jsxs("div", { className: cx(classes.header, 'mfui-DatePickerCalendar__header'), children: [_jsx(IconButton, { "aria-label": prevMonthIconButtonProps?.['aria-label'] ?? localizedPreviousMonthAria, disabled: isPrevMonthDisabled, onClick: goToPreviousMonth, children: _jsx(PickerBefore, {}) }), _jsxs("div", { className: cx(classes.yearMonthSelector, 'mfui-DatePickerCalendar__yearMonthSelector'), children: [_jsx("div", { className: cx(classes.monthContainer, 'mfui-DatePickerCalendar__monthContainer'), children: _jsx(Typography, { variant: "contentHeading", className: cx(classes.headerTitle, 'mfui-DatePickerCalendar__headerTitle'), children: _jsx("span", { children: headerMonthLabel }) }) }), _jsx("div", { className: cx(classes.yearContainer, 'mfui-DatePickerCalendar__yearContainer'), children: _jsx(YearSelector, { value: viewingValue, filterYear: shouldFilterYears ? filterYear : undefined, onChange: handleSelectYear }) })] }), _jsx(IconButton, { "aria-label": nextMonthIconButtonProps?.['aria-label'] ?? localizedNextMonthAria, disabled: isNextMonthDisabled, onClick: goToNextMonth, children: _jsx(PickerAfter, {}) })] }), _jsx(CalendarGrid, { viewingValue: viewingValue, minDate: minDate, maxDate: maxDate, checkDisabledDate: checkDisabledDate, value: internalValue, renderDateCell: customRenderDateCell, pendingFocusDate: pendingFocusDate ?? undefined, onDateClick: onDateClick, onPendingFocusDateChange: setPendingFocusDate })] }), !hideTodayButton && (_jsx("div", { className: cx(classes.footer, 'mfui-DatePickerCalendar__footer'), children: _jsx(Button, { size: "small", onClick: handleTodayButtonClick, children: todayButtonProps?.label ?? localizedTodayLabel }) }))] }));
|
|
86
105
|
}
|
|
@@ -66,6 +66,25 @@ export function MonthPickerPanel({ viewingValue, setViewingValue, value, onChang
|
|
|
66
66
|
const handleYearSelect = useCallback((newYear) => {
|
|
67
67
|
setViewingValue(new Date(newYear, 0, 1));
|
|
68
68
|
}, [setViewingValue]);
|
|
69
|
+
const shouldFilterYears = !!(minMonth || maxMonth || checkDisabledMonth);
|
|
70
|
+
const filterYear = useCallback((y) => {
|
|
71
|
+
const normalizedMinMonth = minMonth ? new Date(minMonth) : undefined;
|
|
72
|
+
const normalizedMaxMonth = maxMonth ? new Date(maxMonth) : undefined;
|
|
73
|
+
for (let month = 0; month < 12; month++) {
|
|
74
|
+
const date = new Date(y, month, 1);
|
|
75
|
+
let isDisabledByProps = false;
|
|
76
|
+
if (normalizedMinMonth && date < new Date(normalizedMinMonth.getFullYear(), normalizedMinMonth.getMonth(), 1)) {
|
|
77
|
+
isDisabledByProps = true;
|
|
78
|
+
}
|
|
79
|
+
if (normalizedMaxMonth && date > new Date(normalizedMaxMonth.getFullYear(), normalizedMaxMonth.getMonth(), 1)) {
|
|
80
|
+
isDisabledByProps = true;
|
|
81
|
+
}
|
|
82
|
+
if (!isDisabledByProps && !checkDisabledMonth?.(date)) {
|
|
83
|
+
return true;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
return false;
|
|
87
|
+
}, [minMonth, maxMonth, checkDisabledMonth]);
|
|
69
88
|
// Effect to handle focus when popup opens or when month changes
|
|
70
89
|
useEffect(() => {
|
|
71
90
|
if (!pendingFocusDate)
|
|
@@ -90,7 +109,7 @@ export function MonthPickerPanel({ viewingValue, setViewingValue, value, onChang
|
|
|
90
109
|
setPendingFocusDate(null);
|
|
91
110
|
}, [viewingValue, pendingFocusDate, setPendingFocusDate, baseFormat]);
|
|
92
111
|
const classNames = monthPickerPanelSlotRecipe();
|
|
93
|
-
return (_jsxs("div", { ...props, className: cx(classNames.root, 'mfui-MonthPickerPanel__root', className), children: [_jsxs("div", { className: cx(classNames.navigation, 'mfui-MonthPickerPanel__navigation'), children: [!isPreviousYearDisabled ? (_jsx(IconButton, { "aria-label": getMonthPickerLabel(locale ?? 'ja', 'prevYear'), onClick: handlePreviousYear, children: _jsx(PickerBefore, {}) })) : (_jsx(YearNavigationPlaceholder, { className: cx(classNames.yearNavigationPlaceholder, 'mfui-MonthPickerPanel__yearNavigationPlaceholder') })), _jsx(YearSelector, { value: viewingValue, triggerWrapperProps: { className: cx(classNames.yearSelector, 'mfui-MonthPickerPanel__yearSelector') }, onChange: handleYearSelect }), !isNextYearDisabled ? (_jsx(IconButton, { "aria-label": getMonthPickerLabel(locale ?? 'ja', 'nextYear'), onClick: handleNextYear, children: _jsx(PickerAfter, {}) })) : (_jsx(YearNavigationPlaceholder, { className: cx(classNames.yearNavigationPlaceholder, 'mfui-MonthPickerPanel__yearNavigationPlaceholder') }))] }), _jsx(MonthPickerMonthGrid, { viewingValue: viewingValue, value: value, minMonth: minMonth, maxMonth: maxMonth, checkDisabledMonth: checkDisabledMonth, onChange: onChange })] }));
|
|
112
|
+
return (_jsxs("div", { ...props, className: cx(classNames.root, 'mfui-MonthPickerPanel__root', className), children: [_jsxs("div", { className: cx(classNames.navigation, 'mfui-MonthPickerPanel__navigation'), children: [!isPreviousYearDisabled ? (_jsx(IconButton, { "aria-label": getMonthPickerLabel(locale ?? 'ja', 'prevYear'), onClick: handlePreviousYear, children: _jsx(PickerBefore, {}) })) : (_jsx(YearNavigationPlaceholder, { className: cx(classNames.yearNavigationPlaceholder, 'mfui-MonthPickerPanel__yearNavigationPlaceholder') })), _jsx(YearSelector, { value: viewingValue, triggerWrapperProps: { className: cx(classNames.yearSelector, 'mfui-MonthPickerPanel__yearSelector') }, filterYear: shouldFilterYears ? filterYear : undefined, onChange: handleYearSelect }), !isNextYearDisabled ? (_jsx(IconButton, { "aria-label": getMonthPickerLabel(locale ?? 'ja', 'nextYear'), onClick: handleNextYear, children: _jsx(PickerAfter, {}) })) : (_jsx(YearNavigationPlaceholder, { className: cx(classNames.yearNavigationPlaceholder, 'mfui-MonthPickerPanel__yearNavigationPlaceholder') }))] }), _jsx(MonthPickerMonthGrid, { viewingValue: viewingValue, value: value, minMonth: minMonth, maxMonth: maxMonth, checkDisabledMonth: checkDisabledMonth, onChange: onChange })] }));
|
|
94
113
|
}
|
|
95
114
|
// Create a placeholder div that matches IconButton dimensions to prevent layout shift
|
|
96
115
|
function YearNavigationPlaceholder({ className }) {
|
|
@@ -13,6 +13,12 @@ type YearSelectorProps = {
|
|
|
13
13
|
* @param year - The year that user selected.
|
|
14
14
|
*/
|
|
15
15
|
onChange: (year: number) => void;
|
|
16
|
+
/**
|
|
17
|
+
* Filter function to determine which years appear in the dropdown.
|
|
18
|
+
* Return `true` for years that should be shown.
|
|
19
|
+
* When omitted, all years are shown.
|
|
20
|
+
*/
|
|
21
|
+
filterYear?: (year: number) => boolean;
|
|
16
22
|
} & Pick<SelectBoxProps, 'targetDOMNode' | 'triggerProps' | 'triggerWrapperProps'>;
|
|
17
|
-
export declare function YearSelector({ value, onChange, triggerProps, triggerWrapperProps, targetDOMNode }: YearSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare function YearSelector({ value, onChange, filterYear, triggerProps, triggerWrapperProps, targetDOMNode, }: YearSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
18
24
|
export {};
|
|
@@ -7,11 +7,12 @@ import { cx } from '../../../../styled-system/css';
|
|
|
7
7
|
import { useCalendarLocale } from '../CalendarLocale/CalendarLocaleContext';
|
|
8
8
|
import { useDisplayJapaneseCalendar } from '../CalendarLocale/DisplayJapaneseCalendarContext';
|
|
9
9
|
import { yearToEraLabel } from '../utilities/japaneseCalendar';
|
|
10
|
-
export function YearSelector({ value, onChange, triggerProps, triggerWrapperProps, targetDOMNode }) {
|
|
10
|
+
export function YearSelector({ value, onChange, filterYear, triggerProps, triggerWrapperProps, targetDOMNode, }) {
|
|
11
11
|
const calendarLocale = useCalendarLocale();
|
|
12
12
|
const displayJapaneseCalendar = useDisplayJapaneseCalendar();
|
|
13
13
|
const internalYearString = useMemo(() => (value ?? new Date()).getFullYear().toString(), [value]);
|
|
14
|
-
const options = useMemo(() => Array.from({ length: MAXIMUM_VIEWABLE_YEAR - MINIMUM_VIEWABLE_YEAR + 1 })
|
|
14
|
+
const options = useMemo(() => Array.from({ length: MAXIMUM_VIEWABLE_YEAR - MINIMUM_VIEWABLE_YEAR + 1 })
|
|
15
|
+
.map((_, i) => {
|
|
15
16
|
const year = MINIMUM_VIEWABLE_YEAR + i;
|
|
16
17
|
let label;
|
|
17
18
|
if (displayJapaneseCalendar) {
|
|
@@ -24,7 +25,8 @@ export function YearSelector({ value, onChange, triggerProps, triggerWrapperProp
|
|
|
24
25
|
label = String(year);
|
|
25
26
|
}
|
|
26
27
|
return { value: String(year), label };
|
|
27
|
-
})
|
|
28
|
+
})
|
|
29
|
+
.filter((option) => !filterYear || filterYear(Number(option.value))), [calendarLocale, displayJapaneseCalendar, filterYear]);
|
|
28
30
|
const selectedOption = useMemo(() => options.find((o) => o.value === internalYearString), [options, internalYearString]);
|
|
29
31
|
const handleChange = useCallback((option) => {
|
|
30
32
|
if (option) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
|
-
export type FormFooterPosition = 'fixed' | 'stacking';
|
|
2
|
+
export type FormFooterPosition = 'fixed' | 'stacking' | 'sticky';
|
|
3
3
|
export type FormFooterSectionPosition = 'fill' | 'center';
|
|
4
4
|
export type FormFooterProps = {
|
|
5
5
|
/**
|
|
@@ -11,6 +11,7 @@ export type FormFooterProps = {
|
|
|
11
11
|
*
|
|
12
12
|
* - `"stacking"`: Displayed inline at the bottom of its container. Use for creation forms where preventing mid-session abandonment is important.
|
|
13
13
|
* - `"fixed"`: Pinned to the bottom of the viewport at all times with a separator border. Use for edit screens where users return frequently.
|
|
14
|
+
* - `"sticky"`: Sits inline below the last form field, and pins to the bottom of the nearest scrolling ancestor (e.g. inside `SidePane`) when the form overflows. Use inside scrollable containers such as `SidePane`.
|
|
14
15
|
*
|
|
15
16
|
* @default "stacking"
|
|
16
17
|
*/
|
|
@@ -59,7 +59,7 @@ placeholder, emptyMessage, disabled, invalid, targetDOMNode, name, onChange, val
|
|
|
59
59
|
onToggle: (nextValue) => {
|
|
60
60
|
onOpenStateChanged?.(nextValue);
|
|
61
61
|
if (nextValue && enableApplyControls) {
|
|
62
|
-
|
|
62
|
+
openWithSelectedOptions(localSelectedOptions);
|
|
63
63
|
}
|
|
64
64
|
},
|
|
65
65
|
onClose: () => {
|
|
@@ -107,7 +107,7 @@ placeholder, emptyMessage, disabled, invalid, targetDOMNode, name, onChange, val
|
|
|
107
107
|
});
|
|
108
108
|
// Disable infinite scroll when there's an error
|
|
109
109
|
const enableInfiniteScroll = baseEnabledInfiniteScroll && !infiniteScrollError;
|
|
110
|
-
const { temporaryValues, updateTemporaryValues, initializeTemporaryValues, handleCancelButtonClick, handleApplyButtonClick, } = useApplyControls({
|
|
110
|
+
const { temporaryValues, updateTemporaryValues, openWithSelectedOptions, initializeTemporaryValues, handleCancelButtonClick, handleApplyButtonClick, } = useApplyControls({
|
|
111
111
|
options: flattenedOptions,
|
|
112
112
|
onValuesChange: updateSelectedOptions,
|
|
113
113
|
closeOptionPanel,
|
|
@@ -33,7 +33,7 @@ placeholder, renderDisplayValue, updateSelectedValues, clearButtonProps, disable
|
|
|
33
33
|
return (_jsx(Typography, { variant: textVariant, className: cx(classes.placeholder, 'mfui-MultipleSelectBoxTrigger__placeholder'), "data-mfui-content": "multiple-select-box-trigger-placeholder", children: placeholder }));
|
|
34
34
|
}
|
|
35
35
|
if (showDisplayValueAsTag) {
|
|
36
|
-
return (_jsx("div", { className: cx(classes.tagList, 'mfui-MultipleSelectBoxTrigger__tagList'), "data-mfui-content": "multiple-select-box-trigger-selected-options", children: selectedOptions.map((option, index) => (_jsx(Tag, { className: cx(classes.tagItem, 'mfui-MultipleSelectBoxTrigger__tagItem'), label: option.label, onClose: (event) => {
|
|
36
|
+
return (_jsx("div", { className: cx(classes.tagList, 'mfui-MultipleSelectBoxTrigger__tagList'), "data-mfui-content": "multiple-select-box-trigger-selected-options", children: selectedOptions.map((option, index) => (_jsx(Tag, { className: cx(classes.tagItem, 'mfui-MultipleSelectBoxTrigger__tagItem'), label: option.label, disabled: disabled, onClose: (event) => {
|
|
37
37
|
event.stopPropagation();
|
|
38
38
|
onDeselectTag(option.value);
|
|
39
39
|
} }, option.value ?? `tag-${option.label}-${String(index)}`))) }));
|
|
@@ -23,6 +23,7 @@ type UseApplyControlsProps<T extends AllowedValueTypes = string, AdditionalProps
|
|
|
23
23
|
export declare function useApplyControls<T extends AllowedValueTypes = string, AdditionalProps extends Record<string, unknown> = Record<string, never>>({ options, onValuesChange, closeOptionPanel }: UseApplyControlsProps<T, AdditionalProps>): {
|
|
24
24
|
temporaryValues: Set<MultipleSelectBoxOption<T, AdditionalProps>["value"]>;
|
|
25
25
|
updateTemporaryValues: (values: MultipleSelectBoxOption<T, AdditionalProps>["value"][]) => void;
|
|
26
|
+
openWithSelectedOptions: (selectedOptions: MultipleSelectBoxOption<T, AdditionalProps>[]) => void;
|
|
26
27
|
initializeTemporaryValues: () => void;
|
|
27
28
|
handleCancelButtonClick: () => void;
|
|
28
29
|
handleApplyButtonClick: () => void;
|
|
@@ -33,6 +33,21 @@ export function useApplyControls({ options, onValuesChange, closeOptionPanel })
|
|
|
33
33
|
return newMap;
|
|
34
34
|
});
|
|
35
35
|
}, [options]);
|
|
36
|
+
// Initialize temporary state from full option objects when the panel opens.
|
|
37
|
+
// This must receive full option objects (not just value keys) so that previously-applied
|
|
38
|
+
// options are preserved even when they are not in the currently-visible filtered list.
|
|
39
|
+
const openWithSelectedOptions = useCallback((selectedOptions) => {
|
|
40
|
+
const newMap = new Map();
|
|
41
|
+
const newValues = new Set();
|
|
42
|
+
for (const option of selectedOptions) {
|
|
43
|
+
if (option.value != null) {
|
|
44
|
+
newMap.set(option.value, option);
|
|
45
|
+
newValues.add(option.value);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
setTemporaryValues(newValues);
|
|
49
|
+
setTemporaryOptionsMap(newMap);
|
|
50
|
+
}, []);
|
|
36
51
|
// Initialize temporary selection state (called when the panel closes without applying)
|
|
37
52
|
const initializeTemporaryValues = useCallback(() => {
|
|
38
53
|
setTemporaryValues(new Set());
|
|
@@ -52,6 +67,7 @@ export function useApplyControls({ options, onValuesChange, closeOptionPanel })
|
|
|
52
67
|
return {
|
|
53
68
|
temporaryValues,
|
|
54
69
|
updateTemporaryValues,
|
|
70
|
+
openWithSelectedOptions,
|
|
55
71
|
initializeTemporaryValues,
|
|
56
72
|
handleCancelButtonClick,
|
|
57
73
|
handleApplyButtonClick,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { useEffect, useMemo, useRef, useState } from 'react';
|
|
3
|
+
import { normalizeFullWidth } from '../../utilities/string/normalizeFullWidth';
|
|
3
4
|
/**
|
|
4
5
|
* Custom hook to handle search functionality within a SelectBox component.
|
|
5
6
|
*
|
|
@@ -21,7 +22,9 @@ export const useSearchBox = (options, enableSearchOptions, onSearchOptions) => {
|
|
|
21
22
|
if (!enableSearchOptions || onSearchOptions) {
|
|
22
23
|
return options;
|
|
23
24
|
}
|
|
24
|
-
|
|
25
|
+
// Normalize full-width/half-width on both sides so "FPT" matches "FPT", etc.
|
|
26
|
+
const searchTerm = normalizeFullWidth(searchText.trim()).toLowerCase();
|
|
27
|
+
return options.filter((option) => normalizeFullWidth(option.label).toLowerCase().includes(searchTerm));
|
|
25
28
|
}, [enableSearchOptions, options, searchText, onSearchOptions]);
|
|
26
29
|
const onSearchTextChange = (event) => {
|
|
27
30
|
setSearchText(event.target.value);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { type SearchBoxProps } from './SearchBox.types';
|
|
2
1
|
/**
|
|
3
2
|
* The component wrapped the TextBox component with Search icon.
|
|
4
3
|
* Some props in the TextBox component are not supported.
|
|
5
4
|
*/
|
|
6
|
-
export declare const SearchBox: import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const SearchBox: import("react").ForwardRefExoticComponent<Omit<import("..").TextBoxProps, "prefixSlot" | "suffixSlot"> & {
|
|
6
|
+
normalizeFullWidth?: boolean;
|
|
7
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,10 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from 'react';
|
|
2
|
+
import { forwardRef, useCallback } from 'react';
|
|
3
3
|
import { Search } from '@moneyforward/mfui-icons-react';
|
|
4
4
|
import { TextBox } from '../TextBox';
|
|
5
5
|
import { cx } from '../../styled-system/css';
|
|
6
|
+
import { normalizeFullWidth } from '../utilities/string/normalizeFullWidth';
|
|
6
7
|
/**
|
|
7
8
|
* The component wrapped the TextBox component with Search icon.
|
|
8
9
|
* Some props in the TextBox component are not supported.
|
|
9
10
|
*/
|
|
10
|
-
export const SearchBox = forwardRef(({ className,
|
|
11
|
+
export const SearchBox = forwardRef(({ className, normalizeFullWidth: shouldNormalizeFullWidth = false, onChange, ...rest }, ref) => {
|
|
12
|
+
const handleChange = useCallback((event) => {
|
|
13
|
+
if (shouldNormalizeFullWidth) {
|
|
14
|
+
// Rewrite the native input so the displayed value reflects the normalization
|
|
15
|
+
// and the consumer's onChange sees the canonical half-width / composed-kana form.
|
|
16
|
+
// eslint-disable-next-line no-param-reassign
|
|
17
|
+
event.target.value = normalizeFullWidth(event.target.value);
|
|
18
|
+
}
|
|
19
|
+
onChange?.(event);
|
|
20
|
+
}, [shouldNormalizeFullWidth, onChange]);
|
|
21
|
+
return (_jsx(TextBox, { ref: ref, prefixSlot: _jsx(Search, {}), className: cx('mfui-SearchBox__root', className), onChange: handleChange, ...rest }));
|
|
22
|
+
});
|
|
@@ -6,4 +6,22 @@ import { type TextBoxProps } from '../TextBox';
|
|
|
6
6
|
*
|
|
7
7
|
* - 'prefixSlot' and 'suffixSlot' props
|
|
8
8
|
*/
|
|
9
|
-
export type SearchBoxProps = Omit<TextBoxProps, 'prefixSlot' | 'suffixSlot'
|
|
9
|
+
export type SearchBoxProps = Omit<TextBoxProps, 'prefixSlot' | 'suffixSlot'> & {
|
|
10
|
+
/**
|
|
11
|
+
* When true, full-width ASCII characters, the ideographic space, and
|
|
12
|
+
* half-width katakana (including combining voicing marks) in the typed
|
|
13
|
+
* value are normalized before firing `onChange` — applying Unicode NFKC
|
|
14
|
+
* compatibility normalization. For example `FPT` becomes `FPT` and
|
|
15
|
+
* `パズル` becomes `パズル`.
|
|
16
|
+
*
|
|
17
|
+
* Enable this when the consuming product does its own client-side
|
|
18
|
+
* filtering and wants matches to be width-insensitive.
|
|
19
|
+
*
|
|
20
|
+
* Defaults to `false` so existing consumers see no behavior change.
|
|
21
|
+
*
|
|
22
|
+
* Note: SelectBox and MultipleSelectBox perform this normalization
|
|
23
|
+
* internally, so you do not need to enable this prop when passing
|
|
24
|
+
* a SearchBox to those components.
|
|
25
|
+
*/
|
|
26
|
+
normalizeFullWidth?: boolean;
|
|
27
|
+
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
|
+
import { normalizeFullWidth } from '../../utilities/string/normalizeFullWidth';
|
|
3
4
|
/**
|
|
4
5
|
* Custom hook to handle search functionality within a SelectBox component.
|
|
5
6
|
*
|
|
@@ -22,24 +23,26 @@ export const useSearchBox = (options, enableSearchOptions, onSearchOptions) => {
|
|
|
22
23
|
if (!enableSearchOptions || onSearchOptions) {
|
|
23
24
|
return options;
|
|
24
25
|
}
|
|
25
|
-
// Only perform client-side filtering if onSearchOptions is not provided
|
|
26
|
-
|
|
26
|
+
// Only perform client-side filtering if onSearchOptions is not provided.
|
|
27
|
+
// Normalize full-width/half-width on both sides so "FPT" matches "FPT", etc.
|
|
28
|
+
const searchTerm = normalizeFullWidth(searchText.trim()).toLocaleLowerCase();
|
|
27
29
|
if (!searchTerm) {
|
|
28
30
|
return options;
|
|
29
31
|
}
|
|
32
|
+
const matches = (label) => normalizeFullWidth(label).toLocaleLowerCase().includes(searchTerm);
|
|
30
33
|
return options
|
|
31
34
|
.map((option) => {
|
|
32
35
|
if (!option)
|
|
33
36
|
return null;
|
|
34
37
|
if ('options' in option && Array.isArray(option.options)) {
|
|
35
|
-
const filteredNestedOptions = option.options.filter((nestedOption) => nestedOption.label
|
|
38
|
+
const filteredNestedOptions = option.options.filter((nestedOption) => matches(nestedOption.label));
|
|
36
39
|
if (filteredNestedOptions.length === 0)
|
|
37
40
|
return null;
|
|
38
41
|
if (filteredNestedOptions.length === option.options.length)
|
|
39
42
|
return option;
|
|
40
43
|
return { ...option, options: filteredNestedOptions };
|
|
41
44
|
}
|
|
42
|
-
return option.label
|
|
45
|
+
return matches(option.label) ? option : null;
|
|
43
46
|
})
|
|
44
47
|
.filter(Boolean);
|
|
45
48
|
}, [enableSearchOptions, options, searchText, onSearchOptions]);
|
|
@@ -17,6 +17,9 @@ export declare const SidePane: import("react").ForwardRefExoticComponent<{
|
|
|
17
17
|
enableModal?: boolean;
|
|
18
18
|
disableBackdropClose?: boolean;
|
|
19
19
|
enableAutoUnmount?: boolean;
|
|
20
|
+
formFooterProps?: Pick<import("..").FormFooterProps, "optionsSlot" | "actionsSlot"> & {
|
|
21
|
+
position?: Exclude<import("..").FormFooterProps["position"], "fixed">;
|
|
22
|
+
};
|
|
20
23
|
insideProps?: {
|
|
21
24
|
className?: string;
|
|
22
25
|
};
|
|
@@ -10,13 +10,14 @@ import { useSidePaneStateController } from './hooks/useSidePaneStateController';
|
|
|
10
10
|
import { useFocusTrap } from '../utilities/dom/useFocusTrap';
|
|
11
11
|
import { compatibleForwardRef } from '../utilities/react/compatibleForwardRef';
|
|
12
12
|
import { Portal, TargetDomNodeProvider, useAutomaticTargetDomNode } from '../Portal';
|
|
13
|
+
import { FormFooter } from '../FormFooter';
|
|
13
14
|
/**
|
|
14
15
|
* The general purpose SidePane component.
|
|
15
16
|
* This component extends the props of `<div>` element with `role="dialog"`.
|
|
16
17
|
*
|
|
17
18
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
|
|
18
19
|
*/
|
|
19
|
-
export const SidePane = compatibleForwardRef(({ open, title, renderHeading, onClose, className, children, actionSlot, position = 'right', enableModal = false, enableAutoUnmount = true, disableBackdropClose = false, closeButtonProps, targetDOMNode, insideProps, ...props }, ref) => {
|
|
20
|
+
export const SidePane = compatibleForwardRef(({ open, title, renderHeading, onClose, className, children, actionSlot, formFooterProps, position = 'right', enableModal = false, enableAutoUnmount = true, disableBackdropClose = false, closeButtonProps, targetDOMNode, insideProps, ...props }, ref) => {
|
|
20
21
|
const classes = sidePaneSlotRecipe({ position, nonModal: !enableModal });
|
|
21
22
|
const { localOpen, handleCloseSidePane, handleStopCloseSidePane, sidePaneElement, setSidePaneElement } = useSidePaneStateController({
|
|
22
23
|
open,
|
|
@@ -53,9 +54,10 @@ export const SidePane = compatibleForwardRef(({ open, title, renderHeading, onCl
|
|
|
53
54
|
}, [closeButtonProps?.isCollapseIcon, position]);
|
|
54
55
|
const targetElement = useAutomaticTargetDomNode(targetDOMNode, sidePaneElement);
|
|
55
56
|
const shouldRenderContent = enableAutoUnmount ? localOpen : true;
|
|
57
|
+
const resolvedFormFooterPosition = formFooterProps?.position ?? 'sticky';
|
|
56
58
|
const headingNode = title ? (_jsx(Heading, { variant: "pageHeading2", tag: "h2", children: title })) : null;
|
|
57
59
|
return (_jsx(TargetDomNodeProvider, { targetDomNode: sidePaneElement, children: shouldRenderContent ? (_jsx(Portal, { targetDOMNode: targetElement, children: _jsxs("div", { ref: setSidePaneElement, role: "dialog", ...props, className: cx(classes.root, 'mfui-SidePane__root', className), tabIndex: -1, style: {
|
|
58
60
|
...props.style,
|
|
59
61
|
...(!enableAutoUnmount && !localOpen && { display: 'none' }),
|
|
60
|
-
}, onKeyDown: handleOnKeyDown, children: [enableModal ? (_jsx("div", { "data-mfui-content": "backdrop", className: cx(classes.backdrop, 'mfui-SidePane__backdrop'), onClick: handleBackdropClick })) : null, _jsxs("div", { "data-mfui-content": "inside", className: cx(classes.inside, 'mfui-SidePane__inside', insideProps?.className), onClick: handleStopCloseSidePane, children: [_jsxs("header", { className: cx(classes.header, 'mfui-SidePane__header'), children: [renderHeading ? (renderHeading({ headingNode })) : (_jsx("div", { className: cx(classes.title, 'mfui-SidePane__title'), children: headingNode })), _jsxs("div", { className: cx(classes.actionSlotWrapper, 'mfui-SidePane__actionSlotWrapper'), children: [!!actionSlot && (_jsx("div", { className: cx(classes.actionSlot, 'mfui-SidePane__actionSlot'), children: actionSlot })), _jsx("div", { className: cx(classes.closeButtonWrapper, 'mfui-SidePane__closeButtonWrapper'), children: _jsx(IconButton, { "aria-label": closeButtonProps?.['aria-label'] ?? '閉じる', onClick: handleCloseSidePane, children: closeButtonIcon }) })] })] }),
|
|
62
|
+
}, onKeyDown: handleOnKeyDown, children: [enableModal ? (_jsx("div", { "data-mfui-content": "backdrop", className: cx(classes.backdrop, 'mfui-SidePane__backdrop'), onClick: handleBackdropClick })) : null, _jsxs("div", { "data-mfui-content": "inside", className: cx(classes.inside, 'mfui-SidePane__inside', insideProps?.className), onClick: handleStopCloseSidePane, children: [_jsxs("header", { className: cx(classes.header, 'mfui-SidePane__header'), children: [renderHeading ? (renderHeading({ headingNode })) : (_jsx("div", { className: cx(classes.title, 'mfui-SidePane__title'), children: headingNode })), _jsxs("div", { className: cx(classes.actionSlotWrapper, 'mfui-SidePane__actionSlotWrapper'), children: [!!actionSlot && (_jsx("div", { className: cx(classes.actionSlot, 'mfui-SidePane__actionSlot'), children: actionSlot })), _jsx("div", { className: cx(classes.closeButtonWrapper, 'mfui-SidePane__closeButtonWrapper'), children: _jsx(IconButton, { "aria-label": closeButtonProps?.['aria-label'] ?? '閉じる', onClick: handleCloseSidePane, children: closeButtonIcon }) })] })] }), _jsxs("main", { className: cx(classes.content, 'mfui-SidePane__content'), children: [_jsx("div", { className: cx(classes.contentBody, 'mfui-SidePane__contentBody'), children: children }), resolvedFormFooterPosition === 'stacking' ? (_jsx("div", { className: cx(classes.footer, 'mfui-SidePane__footer'), children: _jsx(FormFooter, { sectionPosition: "fill", ...formFooterProps, position: resolvedFormFooterPosition }) })) : null] }), formFooterProps && resolvedFormFooterPosition !== 'stacking' ? (_jsx("div", { className: cx(classes.footer, 'mfui-SidePane__footer'), children: _jsx(FormFooter, { sectionPosition: "fill", ...formFooterProps, position: resolvedFormFooterPosition }) })) : null] })] }) })) : null }));
|
|
61
63
|
});
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
2
|
import { type SidePaneSlotRecipeVariant } from '../../styled-system/recipes';
|
|
3
|
+
import { type FormFooterProps } from '../FormFooter';
|
|
3
4
|
export type OnCloseFunction = () => void;
|
|
4
5
|
export type SidePaneRenderOptions = {
|
|
5
6
|
/**
|
|
@@ -109,6 +110,19 @@ export type SidePaneProps = {
|
|
|
109
110
|
* @default true
|
|
110
111
|
*/
|
|
111
112
|
enableAutoUnmount?: boolean;
|
|
113
|
+
/**
|
|
114
|
+
* Props to render a `FormFooter` inside the SidePane.
|
|
115
|
+
*
|
|
116
|
+
* - `position: 'sticky'` (default): the footer is always pinned to the pane bottom, outside the scrollable content area.
|
|
117
|
+
* - `position: 'stacking'`: the footer flows after the content inside the scroll area.
|
|
118
|
+
*
|
|
119
|
+
* `position: 'fixed'` is not supported here because it anchors to the viewport rather than the pane.
|
|
120
|
+
*
|
|
121
|
+
* @default undefined
|
|
122
|
+
*/
|
|
123
|
+
formFooterProps?: Pick<FormFooterProps, 'optionsSlot' | 'actionsSlot'> & {
|
|
124
|
+
position?: Exclude<FormFooterProps['position'], 'fixed'>;
|
|
125
|
+
};
|
|
112
126
|
/**
|
|
113
127
|
* Additional props to apply to the inside container element of the SidePane.
|
|
114
128
|
* This element wraps the header and content sections.
|
|
@@ -2,4 +2,4 @@ import { type SubNavigationProps } from './SubNavigation.types';
|
|
|
2
2
|
/**
|
|
3
3
|
* This component is for the navigation links under the main navigation.
|
|
4
4
|
*/
|
|
5
|
-
export declare function SubNavigation({ orientation, navigationItems, customLinkComponent, className, }: SubNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function SubNavigation({ orientation, navigationItems, customLinkComponent, renderNavigationLabel, headerSlot, className, }: SubNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { DisclosureBasicCollapsed, Lock } from '@moneyforward/mfui-icons-react';
|
|
3
3
|
import { cx } from '../../styled-system/css';
|
|
4
4
|
import { subNavigationSlotRecipe } from '../../styled-system/recipes';
|
|
@@ -7,10 +7,10 @@ import { Typography } from '../Typography';
|
|
|
7
7
|
/**
|
|
8
8
|
* This component is for the navigation links under the main navigation.
|
|
9
9
|
*/
|
|
10
|
-
export function SubNavigation({ orientation = 'vertical', navigationItems, customLinkComponent, className, }) {
|
|
10
|
+
export function SubNavigation({ orientation = 'vertical', navigationItems, customLinkComponent, renderNavigationLabel, headerSlot, className, }) {
|
|
11
11
|
const hasLabelIcon = navigationItems.some(({ labelIcon }) => !!labelIcon);
|
|
12
12
|
const classes = subNavigationSlotRecipe({ orientation, hasLabelIcon });
|
|
13
|
-
return (
|
|
13
|
+
return (_jsxs("nav", { className: cx(classes.root, 'mfui-SubNavigation__root', className), children: [headerSlot ? (_jsx("div", { className: cx(classes.subNavigationHeader, 'mfui-SubNavigation__subNavigationHeader'), children: headerSlot })) : null, _jsx("ul", { className: cx(classes.list, 'mfui-SubNavigation__list'), children: navigationItems.map((navigationItem, index) => (_jsx("li", { className: cx(classes.listItem, 'mfui-SubNavigation__listItem'), children: renderNavigationItem(navigationItem, customLinkComponent, classes, 0, renderNavigationLabel) }, index))) })] }));
|
|
14
14
|
}
|
|
15
15
|
/**
|
|
16
16
|
* Render a navigation item based on the following conditions:
|
|
@@ -28,25 +28,27 @@ export function SubNavigation({ orientation = 'vertical', navigationItems, custo
|
|
|
28
28
|
*
|
|
29
29
|
* @param nestLevel - The nest level of the navigation item.
|
|
30
30
|
*
|
|
31
|
+
* @param renderNavigationLabel - Custom render function for each navigation item's label.
|
|
32
|
+
*
|
|
31
33
|
* @returns The rendered navigation item.
|
|
32
34
|
*/
|
|
33
|
-
const renderNavigationItem = (navigationItem, customLinkComponent, classes, nestLevel) => {
|
|
35
|
+
const renderNavigationItem = (navigationItem, customLinkComponent, classes, nestLevel, renderNavigationLabel) => {
|
|
34
36
|
const { label, href, labelIcon, statusSlot, locked, lockIconProps, children } = navigationItem;
|
|
35
37
|
if (children === undefined) {
|
|
36
|
-
return (_jsx(NavigationLink, { navigationItem: navigationItem, customLinkComponent: customLinkComponent, classes: classes }));
|
|
38
|
+
return (_jsx(NavigationLink, { navigationItem: navigationItem, customLinkComponent: customLinkComponent, classes: classes, renderNavigationLabel: renderNavigationLabel }));
|
|
37
39
|
}
|
|
38
40
|
if (href) {
|
|
39
41
|
// The the parent item will be rendered as a link with separated disclosure icon button.
|
|
40
|
-
return (_jsxs(_Fragment, { children: [_jsx(NavigationLink, { navigationItem: navigationItem, customLinkComponent: customLinkComponent, classes: classes }), _jsx(NestedNavigationList, { summarySlot: _jsx("div", { "data-mfui-content": "sub-navigation-disclosure-icon", className: cx(classes.disclosureIcon, 'mfui-SubNavigation__disclosureIcon'), children: _jsx(DisclosureBasicCollapsed, { "aria-label": label }) }), nestedNavigationItems: children, customLinkComponent: customLinkComponent, classes: classes, nestLevel: nestLevel + 1 })] }));
|
|
42
|
+
return (_jsxs(_Fragment, { children: [_jsx(NavigationLink, { navigationItem: navigationItem, customLinkComponent: customLinkComponent, classes: classes, renderNavigationLabel: renderNavigationLabel }), _jsx(NestedNavigationList, { summarySlot: _jsx("div", { "data-mfui-content": "sub-navigation-disclosure-icon", className: cx(classes.disclosureIcon, 'mfui-SubNavigation__disclosureIcon'), children: _jsx(DisclosureBasicCollapsed, { "aria-label": label }) }), nestedNavigationItems: children, customLinkComponent: customLinkComponent, classes: classes, nestLevel: nestLevel + 1, renderNavigationLabel: renderNavigationLabel })] }));
|
|
41
43
|
}
|
|
42
44
|
// The the parent item will be rendered as a disclosure button with an icon.
|
|
43
|
-
return (_jsx(NestedNavigationList, { summarySlot: _jsxs(_Fragment, { children: [_jsx(NavigationLabelGroup, { label, labelIcon, locked, lockIconProps, statusSlot, classes }), _jsx("div", { "data-mfui-content": "sub-navigation-disclosure-icon", className: cx(classes.disclosureIcon, 'mfui-SubNavigation__disclosureIcon'), children: _jsx(DisclosureBasicCollapsed, { "aria-label": "" }) })] }), nestedNavigationItems: children, customLinkComponent: customLinkComponent, classes: classes, nestLevel: nestLevel + 1 }));
|
|
45
|
+
return (_jsx(NestedNavigationList, { summarySlot: _jsxs(_Fragment, { children: [_jsx(NavigationLabelGroup, { label, labelIcon, locked, lockIconProps, statusSlot, classes, renderNavigationLabel }), _jsx("div", { "data-mfui-content": "sub-navigation-disclosure-icon", className: cx(classes.disclosureIcon, 'mfui-SubNavigation__disclosureIcon'), children: _jsx(DisclosureBasicCollapsed, { "aria-label": "" }) })] }), nestedNavigationItems: children, customLinkComponent: customLinkComponent, classes: classes, nestLevel: nestLevel + 1, renderNavigationLabel: renderNavigationLabel }));
|
|
44
46
|
};
|
|
45
47
|
/**
|
|
46
48
|
* This is a group of a text label, an optional icon, and a status.
|
|
47
49
|
* This is used for all navigation links and parent items for disclosure buttons in SubNavigation.
|
|
48
50
|
*/
|
|
49
|
-
function NavigationLabelGroup({ label, labelIcon, locked, lockIconProps, statusSlot, classes, }) {
|
|
51
|
+
function NavigationLabelGroup({ label, labelIcon, locked, lockIconProps, statusSlot, classes, renderNavigationLabel, }) {
|
|
50
52
|
// If locked=true, display <Lock /> icon in preference to any other status of the statusSlot option.
|
|
51
53
|
const renderStatus = () => {
|
|
52
54
|
if (locked) {
|
|
@@ -57,31 +59,31 @@ function NavigationLabelGroup({ label, labelIcon, locked, lockIconProps, statusS
|
|
|
57
59
|
}
|
|
58
60
|
return null;
|
|
59
61
|
};
|
|
60
|
-
return (_jsxs(_Fragment, { children: [labelIcon ? _jsx("div", { className: cx(classes.labelIcon, 'mfui-SubNavigation__labelIcon'), children: labelIcon }) : null, _jsx(Typography, { variant: "strongControlLabel", className: cx(classes.label, 'mfui-SubNavigation__label'), children: label }), renderStatus()] }));
|
|
62
|
+
return (_jsxs(_Fragment, { children: [labelIcon ? _jsx("div", { className: cx(classes.labelIcon, 'mfui-SubNavigation__labelIcon'), children: labelIcon }) : null, renderNavigationLabel ? (renderNavigationLabel(label)) : (_jsx(Typography, { variant: "strongControlLabel", className: cx(classes.label, 'mfui-SubNavigation__label'), children: label })), renderStatus()] }));
|
|
61
63
|
}
|
|
62
64
|
/**
|
|
63
65
|
* This is a link that has NavigationLabelGroup.
|
|
64
66
|
* This is used for all navigation links in SubNavigation.
|
|
65
67
|
*/
|
|
66
|
-
function NavigationLink({ navigationItem, customLinkComponent, classes, }) {
|
|
68
|
+
function NavigationLink({ navigationItem, customLinkComponent, classes, renderNavigationLabel, }) {
|
|
67
69
|
const { label, href, isCurrent, isExternal, labelIcon, statusSlot, locked, lockIconProps } = navigationItem;
|
|
68
70
|
if (navigationItem.children === undefined && navigationItem.onClick) {
|
|
69
71
|
const { onClick } = navigationItem;
|
|
70
72
|
return (_jsx(FocusIndicator, { children: _jsx("button", { type: "button", className: cx(classes.link, 'mfui-SubNavigation__link'), "aria-current": isCurrent ? 'page' : undefined, onClick: () => {
|
|
71
73
|
onClick(navigationItem.href);
|
|
72
|
-
}, children: _jsx(NavigationLabelGroup, { label, labelIcon, locked, lockIconProps, statusSlot, classes }) }) }));
|
|
74
|
+
}, children: _jsx(NavigationLabelGroup, { label, labelIcon, locked, lockIconProps, statusSlot, classes, renderNavigationLabel }) }) }));
|
|
73
75
|
}
|
|
74
76
|
if (customLinkComponent && !isExternal) {
|
|
75
77
|
const Tag = customLinkComponent;
|
|
76
|
-
return (_jsx(FocusIndicator, { children: _jsx(Tag, { href: href, className: cx(classes.link, 'mfui-SubNavigation__link'), "aria-current": isCurrent ? 'page' : undefined, children: _jsx(NavigationLabelGroup, { label, labelIcon, locked, lockIconProps, statusSlot, classes }) }) }));
|
|
78
|
+
return (_jsx(FocusIndicator, { children: _jsx(Tag, { href: href, className: cx(classes.link, 'mfui-SubNavigation__link'), "aria-current": isCurrent ? 'page' : undefined, children: _jsx(NavigationLabelGroup, { label, labelIcon, locked, lockIconProps, statusSlot, classes, renderNavigationLabel }) }) }));
|
|
77
79
|
}
|
|
78
|
-
return (_jsx(FocusIndicator, { children: _jsx("a", { href: href, target: isExternal ? '_blank' : undefined, className: cx(classes.link, 'mfui-SubNavigation__link'), "aria-current": isCurrent ? 'page' : undefined, rel: "noreferrer", children: _jsx(NavigationLabelGroup, { label, labelIcon, locked, lockIconProps, statusSlot, classes }) }) }));
|
|
80
|
+
return (_jsx(FocusIndicator, { children: _jsx("a", { href: href, target: isExternal ? '_blank' : undefined, className: cx(classes.link, 'mfui-SubNavigation__link'), "aria-current": isCurrent ? 'page' : undefined, rel: "noreferrer", children: _jsx(NavigationLabelGroup, { label, labelIcon, locked, lockIconProps, statusSlot, classes, renderNavigationLabel }) }) }));
|
|
79
81
|
}
|
|
80
82
|
/**
|
|
81
83
|
* This is a details element that contains a list of nested navigation links.
|
|
82
84
|
*/
|
|
83
|
-
function NestedNavigationList({ summarySlot, nestedNavigationItems, customLinkComponent, classes, nestLevel, }) {
|
|
85
|
+
function NestedNavigationList({ summarySlot, nestedNavigationItems, customLinkComponent, classes, nestLevel, renderNavigationLabel, }) {
|
|
84
86
|
// Check whether all descendants have isCurrent=true by calling itself recursively.
|
|
85
87
|
const isCurrentPathInChildren = (children) => children?.some(({ isCurrent, children }) => isCurrent || (children && isCurrentPathInChildren(children))) || false;
|
|
86
|
-
return (_jsxs("details", { open: isCurrentPathInChildren(nestedNavigationItems), className: cx(classes.details, 'mfui-SubNavigation__details'), children: [_jsx(FocusIndicator, { children: _jsx("summary", { className: cx(classes.summary, 'mfui-SubNavigation__summary'), children: summarySlot }) }), _jsx("ul", { className: cx(classes.list, 'mfui-SubNavigation__list'), children: nestedNavigationItems.map((nestedNavigationItem, index) => (_jsx("li", { className: cx(classes.nestedListItem, 'mfui-SubNavigation__nestedListItem'), "data-mfui-nest-level": nestLevel, children: nestedNavigationItem.children === undefined ? (_jsx(NavigationLink, { navigationItem: nestedNavigationItem, customLinkComponent: customLinkComponent, classes: classes })) : (renderNavigationItem(nestedNavigationItem, customLinkComponent, classes, nestLevel + 1)) }, index))) })] }));
|
|
88
|
+
return (_jsxs("details", { open: isCurrentPathInChildren(nestedNavigationItems), className: cx(classes.details, 'mfui-SubNavigation__details'), children: [_jsx(FocusIndicator, { children: _jsx("summary", { className: cx(classes.summary, 'mfui-SubNavigation__summary'), children: summarySlot }) }), _jsx("ul", { className: cx(classes.list, 'mfui-SubNavigation__list'), children: nestedNavigationItems.map((nestedNavigationItem, index) => (_jsx("li", { className: cx(classes.nestedListItem, 'mfui-SubNavigation__nestedListItem'), "data-mfui-nest-level": nestLevel, children: nestedNavigationItem.children === undefined ? (_jsx(NavigationLink, { navigationItem: nestedNavigationItem, customLinkComponent: customLinkComponent, classes: classes, renderNavigationLabel: renderNavigationLabel })) : (renderNavigationItem(nestedNavigationItem, customLinkComponent, classes, nestLevel + 1, renderNavigationLabel)) }, index))) })] }));
|
|
87
89
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type ReactNode, type ElementType, type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export type SubNavigationRenderLabelFunction = (label: string) => ReactNode;
|
|
2
3
|
export type SubNavigationProps = VerticalSubNavigationProps | HorizontalSubNavigationProps;
|
|
3
4
|
type VerticalSubNavigationProps = BaseSubNavigationProps & {
|
|
4
5
|
/**
|
|
@@ -47,6 +48,63 @@ type BaseSubNavigationProps = {
|
|
|
47
48
|
* e.g. next/link
|
|
48
49
|
*/
|
|
49
50
|
customLinkComponent?: ElementType;
|
|
51
|
+
/**
|
|
52
|
+
* Custom render function for each navigation item's label.
|
|
53
|
+
* Receives the item's raw `label` string and returns a ReactNode rendered inside
|
|
54
|
+
* the default `<Typography variant="strongControlLabel">` wrapper.
|
|
55
|
+
* When omitted, the label string is rendered directly (default behavior).
|
|
56
|
+
*
|
|
57
|
+
* Use this to truncate long labels or otherwise customize how labels are displayed
|
|
58
|
+
* without losing the built-in semantic markup.
|
|
59
|
+
*
|
|
60
|
+
* To show a tooltip on both hover and focus, wrap the entire link with a `Tooltip`
|
|
61
|
+
* via `customLinkComponent` instead — placing a `Tooltip` inside `renderNavigationLabel`
|
|
62
|
+
* only works for hover because the tooltip trigger ends up inside the focusable `<a>`,
|
|
63
|
+
* and focus events do not propagate inward to child elements.
|
|
64
|
+
*
|
|
65
|
+
* @param label - The label string of the navigation item.
|
|
66
|
+
*
|
|
67
|
+
* @returns ReactNode - Custom content rendered inside the label wrapper.
|
|
68
|
+
*
|
|
69
|
+
* @example
|
|
70
|
+
* ```tsx
|
|
71
|
+
* // Truncate labels that exceed 2 lines
|
|
72
|
+
* <SubNavigation
|
|
73
|
+
* navigationItems={items}
|
|
74
|
+
* renderNavigationLabel={(label) => (
|
|
75
|
+
* <span
|
|
76
|
+
* style={{
|
|
77
|
+
* display: '-webkit-box',
|
|
78
|
+
* WebkitLineClamp: 2,
|
|
79
|
+
* WebkitBoxOrient: 'vertical',
|
|
80
|
+
* overflow: 'hidden',
|
|
81
|
+
* }}
|
|
82
|
+
* >
|
|
83
|
+
* {label}
|
|
84
|
+
* </span>
|
|
85
|
+
* )}
|
|
86
|
+
* />
|
|
87
|
+
* ```
|
|
88
|
+
*/
|
|
89
|
+
renderNavigationLabel?: SubNavigationRenderLabelFunction;
|
|
90
|
+
/**
|
|
91
|
+
* Content displayed above the navigation list, rendered inside a padded wrapper.
|
|
92
|
+
* Use this to add a feature shortcut, promotional content, or other header-level
|
|
93
|
+
* UI at the top of the navigation.
|
|
94
|
+
*
|
|
95
|
+
* @example
|
|
96
|
+
* ```tsx
|
|
97
|
+
* <SubNavigation
|
|
98
|
+
* navigationItems={items}
|
|
99
|
+
* headerSlot={
|
|
100
|
+
* <Button priority="primary" href="/upgrade">
|
|
101
|
+
* Upgrade plan
|
|
102
|
+
* </Button>
|
|
103
|
+
* }
|
|
104
|
+
* />
|
|
105
|
+
* ```
|
|
106
|
+
*/
|
|
107
|
+
headerSlot?: ReactNode;
|
|
50
108
|
/**
|
|
51
109
|
* For overriding styles if you need.
|
|
52
110
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { SubNavigation } from './SubNavigation';
|
|
2
|
-
export type { SubNavigationProps } from './SubNavigation.types';
|
|
2
|
+
export type { SubNavigationProps, SubNavigationRenderLabelFunction } from './SubNavigation.types';
|
|
@@ -54,7 +54,23 @@ export type TagProps = {
|
|
|
54
54
|
*/
|
|
55
55
|
onClick?: undefined;
|
|
56
56
|
/**
|
|
57
|
-
* This
|
|
57
|
+
* Optional flag to disable the close button. This option is only available when "onClose" is provided.
|
|
58
|
+
*
|
|
59
|
+
* @default false
|
|
60
|
+
*/
|
|
61
|
+
disabled?: boolean;
|
|
62
|
+
/**
|
|
63
|
+
* The handler to close the tag. When this prop is provided, the close button will be shown.
|
|
64
|
+
* Required in this variant to allow the disabled prop.
|
|
65
|
+
*/
|
|
66
|
+
onClose: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
67
|
+
} | {
|
|
68
|
+
/**
|
|
69
|
+
* Optional click event handler. If provided, the Tag will be rendered as a button element.
|
|
70
|
+
*/
|
|
71
|
+
onClick?: undefined;
|
|
72
|
+
/**
|
|
73
|
+
* This prop is not available when neither "onClick" nor "onClose" is provided.
|
|
58
74
|
*
|
|
59
75
|
* @default false
|
|
60
76
|
*/
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Normalize full-width characters to their half/full-width canonical form
|
|
3
|
+
* using Unicode NFKC compatibility normalization.
|
|
4
|
+
*
|
|
5
|
+
* Covers in one pass:
|
|
6
|
+
* - Full-width ASCII letters, digits, and symbols (`A-Z`, `a-z`, `0-9`, `!-~`) → half-width
|
|
7
|
+
* - Ideographic space (U+3000) → regular space
|
|
8
|
+
* - Half-width katakana (`アイウ`) → full-width katakana (`アイウ`), including
|
|
9
|
+
* combining voicing marks (e.g. `パズル` → `パズル`)
|
|
10
|
+
*
|
|
11
|
+
* Used by SearchBox (opt-in `normalizeFullWidth` prop) and by SelectBox /
|
|
12
|
+
* MultipleSelectBox client-side filter hooks so typing "FPT" matches an
|
|
13
|
+
* option labeled "FPT", and typing "パズル" matches "パズル".
|
|
14
|
+
*
|
|
15
|
+
* Does NOT interconvert hiragana and katakana — callers that need that
|
|
16
|
+
* convention should layer an additional transform on top.
|
|
17
|
+
*
|
|
18
|
+
* @param value - The string to normalize.
|
|
19
|
+
*/
|
|
20
|
+
export declare const normalizeFullWidth: (value: string) => string;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Normalize full-width characters to their half/full-width canonical form
|
|
3
|
+
* using Unicode NFKC compatibility normalization.
|
|
4
|
+
*
|
|
5
|
+
* Covers in one pass:
|
|
6
|
+
* - Full-width ASCII letters, digits, and symbols (`A-Z`, `a-z`, `0-9`, `!-~`) → half-width
|
|
7
|
+
* - Ideographic space (U+3000) → regular space
|
|
8
|
+
* - Half-width katakana (`アイウ`) → full-width katakana (`アイウ`), including
|
|
9
|
+
* combining voicing marks (e.g. `パズル` → `パズル`)
|
|
10
|
+
*
|
|
11
|
+
* Used by SearchBox (opt-in `normalizeFullWidth` prop) and by SelectBox /
|
|
12
|
+
* MultipleSelectBox client-side filter hooks so typing "FPT" matches an
|
|
13
|
+
* option labeled "FPT", and typing "パズル" matches "パズル".
|
|
14
|
+
*
|
|
15
|
+
* Does NOT interconvert hiragana and katakana — callers that need that
|
|
16
|
+
* convention should layer an additional transform on top.
|
|
17
|
+
*
|
|
18
|
+
* @param value - The string to normalize.
|
|
19
|
+
*/
|
|
20
|
+
export const normalizeFullWidth = (value) => value.normalize('NFKC');
|
|
@@ -3,7 +3,7 @@ import type { ConditionalValue } from '../types/index';
|
|
|
3
3
|
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
4
|
|
|
5
5
|
interface FormFooterSlotRecipeVariant {
|
|
6
|
-
position: "stacking" | "fixed"
|
|
6
|
+
position: "stacking" | "fixed" | "sticky"
|
|
7
7
|
sectionPosition: "center" | "fill"
|
|
8
8
|
}
|
|
9
9
|
|
|
@@ -11,7 +11,7 @@ type SidePaneSlotRecipeVariantMap = {
|
|
|
11
11
|
[key in keyof SidePaneSlotRecipeVariant]: Array<SidePaneSlotRecipeVariant[key]>
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
type SidePaneSlotRecipeSlot = "root" | "backdrop" | "inside" | "header" | "title" | "actionSlotWrapper" | "actionSlot" | "closeButtonWrapper" | "content"
|
|
14
|
+
type SidePaneSlotRecipeSlot = "root" | "backdrop" | "inside" | "header" | "title" | "actionSlotWrapper" | "actionSlot" | "closeButtonWrapper" | "content" | "contentBody" | "footer"
|
|
15
15
|
|
|
16
16
|
export type SidePaneSlotRecipeVariantProps = {
|
|
17
17
|
[key in keyof SidePaneSlotRecipeVariant]?: ConditionalValue<SidePaneSlotRecipeVariant[key]> | undefined
|
|
@@ -38,6 +38,14 @@ const sidePaneSlotRecipeSlotNames = [
|
|
|
38
38
|
[
|
|
39
39
|
"content",
|
|
40
40
|
"SidePane__content"
|
|
41
|
+
],
|
|
42
|
+
[
|
|
43
|
+
"contentBody",
|
|
44
|
+
"SidePane__contentBody"
|
|
45
|
+
],
|
|
46
|
+
[
|
|
47
|
+
"footer",
|
|
48
|
+
"SidePane__footer"
|
|
41
49
|
]
|
|
42
50
|
];
|
|
43
51
|
const sidePaneSlotRecipeSlotFns = /* @__PURE__ */ sidePaneSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sidePaneSlotRecipeDefaultVariants, getSlotCompoundVariant(sidePaneSlotRecipeCompoundVariants, slotName))]);
|
|
@@ -11,7 +11,7 @@ type SubNavigationSlotRecipeVariantMap = {
|
|
|
11
11
|
[key in keyof SubNavigationSlotRecipeVariant]: Array<SubNavigationSlotRecipeVariant[key]>
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
type SubNavigationSlotRecipeSlot = "root" | "list" | "listItem" | "link" | "labelIcon" | "label" | "statusSlot" | "details" | "summary" | "disclosureIcon" | "nestedListItem"
|
|
14
|
+
type SubNavigationSlotRecipeSlot = "root" | "subNavigationHeader" | "list" | "listItem" | "link" | "labelIcon" | "label" | "statusSlot" | "details" | "summary" | "disclosureIcon" | "nestedListItem"
|
|
15
15
|
|
|
16
16
|
export type SubNavigationSlotRecipeVariantProps = {
|
|
17
17
|
[key in keyof SubNavigationSlotRecipeVariant]?: ConditionalValue<SubNavigationSlotRecipeVariant[key]> | undefined
|
package/dist/styles.css
CHANGED
|
@@ -2366,16 +2366,25 @@
|
|
|
2366
2366
|
.mfui-hERVbP {
|
|
2367
2367
|
flex: 1 1 0%;
|
|
2368
2368
|
overflow: auto;
|
|
2369
|
-
padding-inline: var(--mfui-spacing-mfui\.size\.padding\.main-content\.horizontal\.comfort);
|
|
2370
2369
|
flex-shrink: 0;
|
|
2371
|
-
|
|
2372
|
-
|
|
2370
|
+
display: flex;
|
|
2371
|
+
flex-direction: column;
|
|
2373
2372
|
font-family: var(--mfui-fonts-mfui\.typography\.font-family\.body);
|
|
2374
2373
|
font-weight: var(--mfui-font-weights-mfui\.typography\.font-weight\.body);
|
|
2375
2374
|
font-size: var(--mfui-font-sizes-mfui\.typography\.font-size\.body);
|
|
2376
2375
|
line-height: var(--mfui-line-heights-mfui\.typography\.line-height\.body);
|
|
2377
2376
|
}
|
|
2378
2377
|
|
|
2378
|
+
.mfui-jVWTKD {
|
|
2379
|
+
padding-inline: var(--mfui-spacing-mfui\.size\.padding\.main-content\.horizontal\.comfort);
|
|
2380
|
+
padding-block-start: var(--mfui-spacing-mfui\.size\.padding\.main-content\.top\.comfort);
|
|
2381
|
+
padding-block-end: var(--mfui-spacing-mfui\.size\.padding\.main-content\.bottom\.comfort);
|
|
2382
|
+
}
|
|
2383
|
+
|
|
2384
|
+
.mfui-iAowQz {
|
|
2385
|
+
flex-shrink: 0;
|
|
2386
|
+
}
|
|
2387
|
+
|
|
2379
2388
|
.mfui-lbCmDn {
|
|
2380
2389
|
border-style: solid;
|
|
2381
2390
|
border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.none);
|
|
@@ -2964,6 +2973,13 @@
|
|
|
2964
2973
|
background-color: var(--mfui-colors-mfui\.color\.base\.background\.none);
|
|
2965
2974
|
}
|
|
2966
2975
|
|
|
2976
|
+
.mfui-XFuwI {
|
|
2977
|
+
padding-block: var(--mfui-spacing-mfui\.size\.padding\.control-container\.vertical\.comfort);
|
|
2978
|
+
padding-inline: var(--mfui-spacing-mfui\.size\.padding\.sub-navigation\.horizontal\.comfort);
|
|
2979
|
+
display: flex;
|
|
2980
|
+
flex-direction: column;
|
|
2981
|
+
}
|
|
2982
|
+
|
|
2967
2983
|
.mfui-erQjxT {
|
|
2968
2984
|
list-style: none;
|
|
2969
2985
|
}
|
|
@@ -5147,8 +5163,10 @@ li:last-child > .mfui-cXGJls {
|
|
|
5147
5163
|
.mfui-iEbmF {
|
|
5148
5164
|
padding-inline: var(--mfui-spacing-mfui\.size\.padding\.main-content\.horizontal\.comfort);
|
|
5149
5165
|
display: flex;
|
|
5150
|
-
flex-direction:
|
|
5166
|
+
flex-direction: row;
|
|
5167
|
+
flex-wrap: wrap;
|
|
5151
5168
|
align-items: flex-start;
|
|
5169
|
+
column-gap: var(--mfui-spacing-mfui\.size\.spacing\.paragraph\.horizontal\.comfort);
|
|
5152
5170
|
}
|
|
5153
5171
|
|
|
5154
5172
|
.mfui-fpqRil {
|
|
@@ -5157,10 +5175,9 @@ li:last-child > .mfui-cXGJls {
|
|
|
5157
5175
|
}
|
|
5158
5176
|
|
|
5159
5177
|
.mfui-fpqRil,.mfui-eTbFbc {
|
|
5160
|
-
flex:
|
|
5178
|
+
flex: 1 0 auto;
|
|
5161
5179
|
display: flex;
|
|
5162
5180
|
align-items: center;
|
|
5163
|
-
width: 100%;
|
|
5164
5181
|
height: var(--mfui-sizes-mfui\.size\.dimension\.control-container\.height\.comfort);
|
|
5165
5182
|
}
|
|
5166
5183
|
|
|
@@ -5177,15 +5194,6 @@ li:last-child > .mfui-cXGJls {
|
|
|
5177
5194
|
}
|
|
5178
5195
|
.mfui-jDhUBB,.mfui-ggXIiJ,.mfui-clKroC {
|
|
5179
5196
|
display: none;
|
|
5180
|
-
}
|
|
5181
|
-
.mfui-iEbmF {
|
|
5182
|
-
gap: var(--mfui-spacing-mfui\.size\.spacing\.paragraph\.horizontal\.comfort);
|
|
5183
|
-
flex-direction: row;
|
|
5184
|
-
}
|
|
5185
|
-
.mfui-fpqRil,.mfui-eTbFbc {
|
|
5186
|
-
flex: 1 0 0;
|
|
5187
|
-
width: auto;
|
|
5188
|
-
min-width: 0;
|
|
5189
5197
|
}
|
|
5190
5198
|
}
|
|
5191
5199
|
|
|
@@ -7124,16 +7132,23 @@ li:last-child > .mfui-cXGJls {
|
|
|
7124
7132
|
|
|
7125
7133
|
.mfui-jAKHYi {
|
|
7126
7134
|
position: fixed;
|
|
7135
|
+
left: 0;
|
|
7136
|
+
right: 0;
|
|
7137
|
+
}
|
|
7138
|
+
|
|
7139
|
+
.mfui-jAKHYi,.mfui-erGtCj {
|
|
7127
7140
|
z-index: 1;
|
|
7128
7141
|
background-color: var(--mfui-colors-mfui\.color\.base\.background\.none);
|
|
7129
7142
|
bottom: 0;
|
|
7130
|
-
left: 0;
|
|
7131
|
-
right: 0;
|
|
7132
7143
|
border-top-width: var(--mfui-border-widths-mfui\.size\.border\.fixed-cell\.horizontal\.comfort);
|
|
7133
7144
|
border-top-style: solid;
|
|
7134
7145
|
border-top-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
|
|
7135
7146
|
}
|
|
7136
7147
|
|
|
7148
|
+
.mfui-erGtCj {
|
|
7149
|
+
position: sticky;
|
|
7150
|
+
}
|
|
7151
|
+
|
|
7137
7152
|
.mfui-hhFgaB {
|
|
7138
7153
|
max-width: var(--mfui-sizes-mfui\.layout\.area\.horizontal\.fixed);
|
|
7139
7154
|
width: 100%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"root":["../src/index.ts","../src/Accordion/Accordion.tsx","../src/Accordion/Accordion.types.ts","../src/Accordion/index.ts","../src/Badge/Badge.tsx","../src/Badge/Badge.types.ts","../src/Badge/index.ts","../src/Breadcrumbs/Breadcrumbs.tsx","../src/Breadcrumbs/Breadcrumbs.types.ts","../src/Breadcrumbs/index.ts","../src/Button/Button.tsx","../src/Button/Button.types.ts","../src/Button/index.ts","../src/Checkbox/Checkbox.tsx","../src/Checkbox/Checkbox.types.ts","../src/Checkbox/index.ts","../src/CheckboxCard/CheckboxCard.tsx","../src/CheckboxCard/CheckboxCard.types.ts","../src/CheckboxCard/index.ts","../src/CheckboxGroup/CheckboxGroup.tsx","../src/CheckboxGroup/CheckboxGroup.types.ts","../src/CheckboxGroup/CheckboxGroupContext.ts","../src/CheckboxGroup/index.ts","../src/DataGrid/index.ts","../src/DataTable/DataTable.tsx","../src/DataTable/DataTable.types.ts","../src/DataTable/DataTableProvider.tsx","../src/DataTable/index.ts","../src/DataTable/DataTableBody/DataTableBody.tsx","../src/DataTable/DataTableBody/DataTableBody.types.ts","../src/DataTable/DataTableBody/index.ts","../src/DataTable/DataTableCell/DataTableCell.tsx","../src/DataTable/DataTableCell/DataTableCell.types.ts","../src/DataTable/DataTableCell/index.ts","../src/DataTable/DataTableHeader/DataTableHeader.tsx","../src/DataTable/DataTableHeader/DataTableHeader.types.ts","../src/DataTable/DataTableHeader/index.ts","../src/DataTable/DataTableHeaderCell/DataTableHeaderCell.tsx","../src/DataTable/DataTableHeaderCell/DataTableHeaderCell.types.ts","../src/DataTable/DataTableHeaderCell/index.ts","../src/DataTable/DataTableHeaderRow/DataTableHeaderRow.tsx","../src/DataTable/DataTableHeaderRow/DataTableHeaderRow.types.ts","../src/DataTable/DataTableHeaderRow/index.ts","../src/DataTable/DataTableRow/DataTableRow.tsx","../src/DataTable/DataTableRow/DataTableRow.types.ts","../src/DataTable/DataTableRow/index.ts","../src/DataTable/utils/getColumnWidthFromContentWidth.ts","../src/DataTable/utils/handleCheckbox.ts","../src/DateTimeSelection/index.ts","../src/DateTimeSelection/DatePicker/DatePicker.tsx","../src/DateTimeSelection/DatePicker/index.ts","../src/DateTimeSelection/DatePicker/DatePickerCalendar/DatePickerCalendar.tsx","../src/DateTimeSelection/DatePicker/DatePickerCalendar/index.ts","../src/DateTimeSelection/DatePicker/DatePickerDateCell/DatePickerDateCell.tsx","../src/DateTimeSelection/DatePicker/DatePickerDateCell/DatePickerDateCell.types.ts","../src/DateTimeSelection/DatePicker/DatePickerDateCell/index.ts","../src/DateTimeSelection/DatePicker/DatePickerPanel/DatePickerPanel.tsx","../src/DateTimeSelection/DatePicker/DatePickerPanel/DatePickerPanel.types.ts","../src/DateTimeSelection/DatePicker/DatePickerPanel/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePicker.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePicker.types.ts","../src/DateTimeSelection/DateRangePicker/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerPopover.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerPopover.types.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/Popover.types.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerCalendar/DateRangePickerCalendar.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerCalendar/DateRangePickerCalendar.types.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerCalendar/DateRangePickerDateCell.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerCalendar/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerFooter/DateRangePickerFooter.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerFooter/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/utilities/createDateRangePickerPopoverTestUtility.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerProvider/DateRangePickerProvider.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerProvider/DateRangePickerProvider.types.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerProvider/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/DateRangePickerTrigger.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/DateRangePickerTrigger.types.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/constants.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/hooks/useDateRangeTriggerInputClick.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/hooks/useDateRangeTriggerValueController.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/utilities/createDateRangePickerTriggerTestUtility.ts","../src/DateTimeSelection/DateRangePicker/utilities/createDateRangePickerTestUtility.ts","../src/DateTimeSelection/MonthPicker/MonthPicker.tsx","../src/DateTimeSelection/MonthPicker/MonthPicker.types.ts","../src/DateTimeSelection/MonthPicker/constants.ts","../src/DateTimeSelection/MonthPicker/index.ts","../src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthGrid.tsx","../src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthPickerPanel.tsx","../src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthCell/MonthCell.tsx","../src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthCell/MonthCell.types.ts","../src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthCell/index.ts","../src/DateTimeSelection/MonthPicker/utilities/useMonthPickerKeyboardNavigation.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePicker.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePicker.types.ts","../src/DateTimeSelection/MonthRangePicker/index.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerContent/MonthRangePickerContent.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerContent/MonthRangePickerContent.types.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerContent/index.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/MonthRangePickerMonthCell.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/MonthRangePickerMonthCell.types.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/constants.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/index.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthGrid/MonthRangePickerMonthGrid.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthGrid/MonthRangePickerMonthGrid.types.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthGrid/index.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerNavigation/MonthRangePickerNavigation.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerNavigation/MonthRangePickerNavigation.types.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerNavigation/index.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerPanel/MonthRangePickerPanel.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerPanel/MonthRangePickerPanel.types.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerPanel/index.ts","../src/DateTimeSelection/shared/index.ts","../src/DateTimeSelection/shared/BasePicker/BasePicker.tsx","../src/DateTimeSelection/shared/BasePicker/BasePicker.types.ts","../src/DateTimeSelection/shared/BasePicker/constants.ts","../src/DateTimeSelection/shared/BasePicker/index.ts","../src/DateTimeSelection/shared/BasePicker/BasePickerProvider/BasePickerProvider.tsx","../src/DateTimeSelection/shared/BasePicker/BasePickerProvider/index.tsx","../src/DateTimeSelection/shared/BasePicker/YearSelector/YearSelector.tsx","../src/DateTimeSelection/shared/BasePicker/basePickerUtilities/useBasePickerDisplayController.ts","../src/DateTimeSelection/shared/BasePicker/basePickerUtilities/useBasePickerValueController.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePicker.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePicker.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerPopover.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerPopover.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/Popover.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/constants.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/BaseRangePickerCalendar.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/BaseRangePickerCalendar.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/BaseRangePickerDateCell.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/constants.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerFooter/BaseRangePickerFooter.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerFooter/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/utilities/createBaseRangePickerPopoverTestUtility.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/BaseRangePickerProvider.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/BaseRangePickerProvider.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/BaseRangePickerTrigger.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/BaseRangePickerTrigger.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/constants.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/hooks/useDateRangeTriggerInputClick.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/hooks/useDateRangeTriggerValueController.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/utilities/createBaseRangePickerTriggerTestUtility.ts","../src/DateTimeSelection/shared/BaseRangePicker/utilities/createBaseRangePickerTestUtility.ts","../src/DateTimeSelection/shared/CalendarGrid/CalendarGrid.tsx","../src/DateTimeSelection/shared/CalendarGrid/index.ts","../src/DateTimeSelection/shared/CalendarGrid/utilities/computeDataForStyling.ts","../src/DateTimeSelection/shared/CalendarGrid/utilities/dateUtilities.ts","../src/DateTimeSelection/shared/CalendarGrid/utilities/useDates.ts","../src/DateTimeSelection/shared/CalendarLocale/CalendarLocaleContext.tsx","../src/DateTimeSelection/shared/CalendarLocale/DisplayJapaneseCalendarContext.tsx","../src/DateTimeSelection/shared/DateCell/DateCell.tsx","../src/DateTimeSelection/shared/DateCell/DateCell.types.ts","../src/DateTimeSelection/shared/DateCell/index.ts","../src/DateTimeSelection/shared/DayCell/DayCell.tsx","../src/DateTimeSelection/shared/DayCell/index.ts","../src/DateTimeSelection/shared/MonthCell/MonthCell.tsx","../src/DateTimeSelection/shared/MonthCell/MonthCell.types.ts","../src/DateTimeSelection/shared/MonthCell/index.ts","../src/DateTimeSelection/shared/MonthGrid/MonthGrid.tsx","../src/DateTimeSelection/shared/MonthGrid/MonthGrid.types.ts","../src/DateTimeSelection/shared/MonthGrid/index.ts","../src/DateTimeSelection/shared/YearSelector/YearSelector.tsx","../src/DateTimeSelection/shared/YearSelector/constants.ts","../src/DateTimeSelection/shared/YearSelector/index.ts","../src/DateTimeSelection/shared/accessibility/constants.ts","../src/DateTimeSelection/shared/accessibility/generateDateLabel.ts","../src/DateTimeSelection/shared/accessibility/getDateAriaAttributes.ts","../src/DateTimeSelection/shared/accessibility/index.ts","../src/DateTimeSelection/shared/utilities/dateParsing.ts","../src/DateTimeSelection/shared/utilities/japaneseCalendar.ts","../src/Dialog/Dialog.tsx","../src/Dialog/Dialog.types.ts","../src/Dialog/index.ts","../src/Dialog/hooks/useDialogStateController.ts","../src/Disclosure/Disclosure.tsx","../src/Disclosure/Disclosure.types.ts","../src/Disclosure/index.ts","../src/DisplayTable/DisplayTable.tsx","../src/DisplayTable/DisplayTable.types.ts","../src/DisplayTable/DisplayTableProvider.tsx","../src/DisplayTable/index.ts","../src/DisplayTable/DisplayTableBody/DisplayTableBody.tsx","../src/DisplayTable/DisplayTableBody/DisplayTableBody.types.ts","../src/DisplayTable/DisplayTableBody/index.ts","../src/DisplayTable/DisplayTableCell/DisplayTableCell.tsx","../src/DisplayTable/DisplayTableCell/DisplayTableCell.types.ts","../src/DisplayTable/DisplayTableCell/index.ts","../src/DisplayTable/DisplayTableHeader/DisplayTableHeader.tsx","../src/DisplayTable/DisplayTableHeader/DisplayTableHeader.types.ts","../src/DisplayTable/DisplayTableHeader/index.ts","../src/DisplayTable/DisplayTableHeaderCell/DisplayTableHeaderCell.tsx","../src/DisplayTable/DisplayTableHeaderCell/DisplayTableHeaderCell.types.ts","../src/DisplayTable/DisplayTableHeaderCell/index.ts","../src/DisplayTable/DisplayTableHeaderRow/DisplayTableHeaderRow.tsx","../src/DisplayTable/DisplayTableHeaderRow/DisplayTableHeaderRow.types.ts","../src/DisplayTable/DisplayTableHeaderRow/index.ts","../src/DisplayTable/DisplayTableRow/DisplayTableRow.tsx","../src/DisplayTable/DisplayTableRow/DisplayTableRow.types.ts","../src/DisplayTable/DisplayTableRow/index.ts","../src/DropdownMenu/DropdownMenu.tsx","../src/DropdownMenu/DropdownMenu.types.ts","../src/DropdownMenu/DropdownMenuContext.ts","../src/DropdownMenu/index.ts","../src/DropdownMenu/DropdownMenuContainer/DropdownMenuContainer.tsx","../src/DropdownMenu/DropdownMenuContainer/DropdownMenuContainer.types.ts","../src/DropdownMenu/DropdownMenuContainer/index.ts","../src/DropdownMenu/DropdownMenuDivider/DropdownMenuDivider.tsx","../src/DropdownMenu/DropdownMenuDivider/DropdownMenuDivider.types.ts","../src/DropdownMenu/DropdownMenuDivider/index.ts","../src/DropdownMenu/DropdownMenuHeading/DropdownMenuHeading.tsx","../src/DropdownMenu/DropdownMenuHeading/DropdownMenuHeading.types.ts","../src/DropdownMenu/DropdownMenuHeading/index.ts","../src/DropdownMenu/DropdownMenuItem/DropdownMenuItem.tsx","../src/DropdownMenu/DropdownMenuItem/DropdownMenuItem.types.ts","../src/DropdownMenu/DropdownMenuItem/index.ts","../src/EmbeddedSidePane/EmbeddedSidePane.tsx","../src/EmbeddedSidePane/EmbeddedSidePane.types.ts","../src/EmbeddedSidePane/index.ts","../src/FileBox/FileBox.tsx","../src/FileBox/FileBox.types.ts","../src/FileBox/index.ts","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/FileDropZone.types.ts","../src/FileDropZone/index.ts","../src/FileDropZone/utils/fileHelpers.ts","../src/FilterSelectBox/FilterSelectBox.tsx","../src/FilterSelectBox/FilterSelectBox.types.ts","../src/FilterSelectBox/index.ts","../src/FilterTrigger/FilterTrigger.tsx","../src/FilterTrigger/FilterTrigger.types.ts","../src/FilterTrigger/index.ts","../src/FocusIndicator/FocusIndicator.tsx","../src/FocusIndicator/FocusIndicator.types.ts","../src/FocusIndicator/index.ts","../src/FormFooter/FormFooter.tsx","../src/FormFooter/FormFooter.types.ts","../src/FormFooter/index.ts","../src/GlobalHeader/GlobalHeader.tsx","../src/GlobalHeader/GlobalHeader.types.ts","../src/GlobalHeader/index.ts","../src/Heading/Heading.tsx","../src/Heading/Heading.types.ts","../src/Heading/index.ts","../src/HelpMessage/HelpMessage.tsx","../src/HelpMessage/HelpMessage.types.ts","../src/HelpMessage/index.ts","../src/IconButton/IconButton.tsx","../src/IconButton/IconButton.types.ts","../src/IconButton/index.ts","../src/KeyValue/KeyValue.tsx","../src/KeyValue/KeyValue.types.ts","../src/KeyValue/index.ts","../src/MainNavigation/BaseMainNavigation.tsx","../src/MainNavigation/MainNavigation.tsx","../src/MainNavigation/MainNavigation.types.ts","../src/MainNavigation/NarrowViewportMainNavigation.tsx","../src/MainNavigation/NavigationLink.tsx","../src/MainNavigation/index.ts","../src/MultilineTextBox/MultilineTextBox.tsx","../src/MultilineTextBox/MultilineTextBox.types.ts","../src/MultilineTextBox/index.ts","../src/MultipleFilterSelectBox/MultipleFilterSelectBox.tsx","../src/MultipleFilterSelectBox/MultipleFilterSelectBox.types.ts","../src/MultipleFilterSelectBox/index.ts","../src/MultipleSelectBox/MultipleSelectBox.tsx","../src/MultipleSelectBox/MultipleSelectBox.types.ts","../src/MultipleSelectBox/index.ts","../src/MultipleSelectBox/MultipleSelectBoxTrigger/MultipleSelectBoxTrigger.tsx","../src/MultipleSelectBox/MultipleSelectBoxTrigger/MultipleSelectBoxTrigger.types.ts","../src/MultipleSelectBox/MultipleSelectBoxTrigger/index.ts","../src/MultipleSelectBox/hooks/useApplyControls.ts","../src/MultipleSelectBox/hooks/useCreateOption.ts","../src/MultipleSelectBox/hooks/useInitialFocusOnOptionPanelOpen.ts","../src/MultipleSelectBox/hooks/useOptionKeyboardNavigation.ts","../src/MultipleSelectBox/hooks/useOptionSelectionManagement.ts","../src/MultipleSelectBox/hooks/useSearchBox.ts","../src/MultipleSelectBox/hooks/useSelectedValues.ts","../src/MultipleSelectBox/hooks/useVirtualizedMultipleSelectBoxOptions.ts","../src/MultipleSelectBox/utils/flattenOptions.ts","../src/MultipleSelectBox/utils/insertOptionValueInSortedOrder.ts","../src/MultipleSelectBox/utils/isSelectableOption.ts","../src/NavigationList/NavigationList.tsx","../src/NavigationList/NavigationList.types.ts","../src/NavigationList/index.ts","../src/NavigationList/NavigationListItem/NavigationListItem.tsx","../src/NavigationList/NavigationListItem/NavigationListItem.types.ts","../src/NavigationList/NavigationListItem/index.ts","../src/NumberBox/NumberBox.tsx","../src/NumberBox/NumberBox.types.ts","../src/NumberBox/index.ts","../src/PageHeader/PageHeader.tsx","../src/PageHeader/PageHeader.types.ts","../src/PageHeader/index.ts","../src/Pagination/Pagination.tsx","../src/Pagination/Pagination.types.ts","../src/Pagination/index.ts","../src/Pagination/ItemsCount/ItemsCount.tsx","../src/Pagination/ItemsCount/ItemsCount.types.ts","../src/Pagination/ItemsCount/index.ts","../src/Pagination/ItemsPerPage/ItemsPerPage.tsx","../src/Pagination/ItemsPerPage/ItemsPerPage.types.ts","../src/Pagination/ItemsPerPage/index.ts","../src/Pagination/PagePicker/PagePicker.tsx","../src/Pagination/PagePicker/PagePicker.types.ts","../src/Pagination/PagePicker/index.ts","../src/Pagination/shared/commonStyles.ts","../src/Panel/Panel.tsx","../src/Panel/Panel.types.ts","../src/Panel/index.ts","../src/Popover/Popover.tsx","../src/Popover/Popover.types.ts","../src/Popover/PopoverContext.tsx","../src/Popover/index.ts","../src/Portal/Portal.tsx","../src/Portal/Portal.types.ts","../src/Portal/TargetDomNodeContext.tsx","../src/Portal/index.ts","../src/Portal/utils/useIsServer.ts","../src/ProgressIndicator/ProgressIndicator.tsx","../src/ProgressIndicator/ProgressIndicator.types.ts","../src/ProgressIndicator/index.ts","../src/RadioButton/RadioButton.tsx","../src/RadioButton/RadioButton.types.ts","../src/RadioButton/index.ts","../src/RadioButtonCard/RadioButtonCard.tsx","../src/RadioButtonCard/RadioButtonCard.types.ts","../src/RadioButtonCard/index.ts","../src/RadioGroup/RadioGroup.tsx","../src/RadioGroup/RadioGroup.types.ts","../src/RadioGroup/RadioGroupContext.ts","../src/RadioGroup/index.ts","../src/SearchBox/SearchBox.tsx","../src/SearchBox/SearchBox.types.ts","../src/SearchBox/index.ts","../src/SectionMessage/SectionMessage.tsx","../src/SectionMessage/SectionMessage.types.ts","../src/SectionMessage/index.ts","../src/SelectBox/SelectBox.tsx","../src/SelectBox/SelectBox.types.ts","../src/SelectBox/SelectBoxOption.tsx","../src/SelectBox/SelectBoxOptionGroup.tsx","../src/SelectBox/index.ts","../src/SelectBox/hooks/useKeyboardNavigation.ts","../src/SelectBox/hooks/useSearchBox.ts","../src/SelectBox/hooks/useTypeAhead.ts","../src/SelectBox/hooks/useVirtualizedOptions.ts","../src/SelectBox/utils/findFlatOptionIndexByValue.ts","../src/SelectBox/utils/findOptionByValue.ts","../src/SelectBox/utils/getFlatOptions.ts","../src/SelectBox/utils/isSelectableOption.ts","../src/SidePane/SidePane.tsx","../src/SidePane/SidePane.types.ts","../src/SidePane/constants.ts","../src/SidePane/index.ts","../src/SidePane/hooks/useSidePaneOpenStateWithAnimation.ts","../src/SidePane/hooks/useSidePaneStateController.ts","../src/Skeleton/Skeleton.tsx","../src/Skeleton/Skeleton.types.ts","../src/Skeleton/index.ts","../src/SplitView/SplitView.tsx","../src/SplitView/SplitView.types.ts","../src/SplitView/constants.ts","../src/SplitView/index.ts","../src/SplitView/hooks/useSplitViewAnimation.ts","../src/SplitView/hooks/useSplitViewDrag.ts","../src/SplitView/hooks/useSplitViewKeyboard.ts","../src/SplitView/hooks/useSplitViewPanelVisibility.ts","../src/SplitView/hooks/useSplitViewResize.ts","../src/SplitView/utils/animation.ts","../src/SplitView/utils/calculatePanelSize.ts","../src/SplitView/utils/parseSize.ts","../src/SplitView/utils/styles.ts","../src/Stack/Stack.tsx","../src/Stack/Stack.types.ts","../src/Stack/index.ts","../src/StatusLabel/StatusLabel.tsx","../src/StatusLabel/StatusLabel.types.ts","../src/StatusLabel/index.ts","../src/SubNavigation/SubNavigation.tsx","../src/SubNavigation/SubNavigation.types.ts","../src/SubNavigation/index.ts","../src/Tabs/TabContext.ts","../src/Tabs/Tabs.tsx","../src/Tabs/Tabs.types.ts","../src/Tabs/index.ts","../src/Tabs/TabItem/TabItem.tsx","../src/Tabs/TabItem/TabItem.types.ts","../src/Tabs/TabItem/index.ts","../src/Tabs/TabItem/hooks/useArrowKeyHandler.ts","../src/Tabs/TabList/TabList.tsx","../src/Tabs/TabList/TabList.types.ts","../src/Tabs/TabList/index.ts","../src/Tabs/TabList/TabMenu/TabMenu.tsx","../src/Tabs/TabList/TabMenu/index.ts","../src/Tabs/TabList/TabMenu/hooks/useArrowKeysHandler.ts","../src/Tabs/TabList/TabMenu/hooks/useDisabledButtons.ts","../src/Tabs/TabList/TabMenu/hooks/useTabMenuButtonsController.ts","../src/Tabs/TabList/hooks/useShouldShowMenuController.ts","../src/Tabs/TabPanel/TabPanel.tsx","../src/Tabs/TabPanel/TabPanel.types.ts","../src/Tabs/TabPanel/index.ts","../src/Tabs/hooks/useCalculatedSelectedTabId.ts","../src/Tabs/hooks/useDataFromChildren.ts","../src/Tag/Tag.tsx","../src/Tag/Tag.types.ts","../src/Tag/index.ts","../src/TextBox/TextBox.tsx","../src/TextBox/TextBox.types.ts","../src/TextBox/index.ts","../src/TextLink/TextLink.tsx","../src/TextLink/TextLink.types.ts","../src/TextLink/index.ts","../src/Toast/Toast.tsx","../src/Toast/Toast.types.ts","../src/Toast/helpers.ts","../src/Toast/index.ts","../src/Toast/ToastContainer/ToastContainer.tsx","../src/Toast/ToastContainer/ToastContainer.types.ts","../src/Toast/api/toast.tsx","../src/Toast/api/toast.types.ts","../src/ToggleSwitch/ToggleSwitch.tsx","../src/ToggleSwitch/ToggleSwitch.types.ts","../src/ToggleSwitch/index.ts","../src/Tooltip/GlobalTooltipManager.ts","../src/Tooltip/Tooltip.constants.ts","../src/Tooltip/Tooltip.tsx","../src/Tooltip/Tooltip.types.ts","../src/Tooltip/index.ts","../src/Tooltip/hooks/useOpenStateDelayed.ts","../src/Tooltip/hooks/usePopoverController.ts","../src/Tooltip/hooks/useTooltipDisplayController.ts","../src/Tooltip/icons/ArrowDownIcon.tsx","../src/Tooltip/icons/ArrowIcon.tsx","../src/Tooltip/icons/ArrowRightIcon.tsx","../src/Typography/Typography.tsx","../src/Typography/Typography.types.ts","../src/Typography/index.ts","../src/shared/index.ts","../src/shared/ClearButton/ClearButton.tsx","../src/shared/ClearButton/index.ts","../src/types/helpers.ts","../src/types/responsive.ts","../src/utilities/date/dayjs.ts","../src/utilities/dom/dispatchNativeInputValueWithEvent.ts","../src/utilities/dom/findSiblingElements.ts","../src/utilities/dom/getFocusableNodes.ts","../src/utilities/dom/getRootNode.ts","../src/utilities/dom/getTargetDomNode.ts","../src/utilities/dom/mergeRefs.ts","../src/utilities/dom/observeRect.ts","../src/utilities/dom/useFixedColumns.ts","../src/utilities/dom/useFocusTrap.ts","../src/utilities/dom/useInfiniteScroll.ts","../src/utilities/dom/useIsTextOverflowed.ts","../src/utilities/dom/useIsTouchDevice.ts","../src/utilities/dom/useMiddleTruncatedText.ts","../src/utilities/dom/useOnClickOutside.ts","../src/utilities/dom/usePopoverMenuPlacement.ts","../src/utilities/effect/useUpdateEffect.ts","../src/utilities/pandacss/index.ts","../src/utilities/react/compatibleForwardRef.ts","../src/utilities/react/isComponentOrWrapped.ts","../src/utilities/responsive/index.ts","../src/utilities/responsive/useIsNarrowViewport.ts","../src/utilities/state/useDisclosure.ts","../src/utilities/state/useInputHasValue.ts","../src/utilities/state/useLatest.ts","../src/utilities/state/useTransformedState.ts","../styled-system/helpers.js","../styled-system/css/conditions.js","../styled-system/css/css.d.ts","../styled-system/css/css.js","../styled-system/css/cva.d.ts","../styled-system/css/cva.js","../styled-system/css/cx.d.ts","../styled-system/css/cx.js","../styled-system/css/index.d.ts","../styled-system/css/index.js","../styled-system/css/sva.d.ts","../styled-system/css/sva.js","../styled-system/jsx/aspect-ratio.d.ts","../styled-system/jsx/aspect-ratio.js","../styled-system/jsx/bleed.d.ts","../styled-system/jsx/bleed.js","../styled-system/jsx/box.d.ts","../styled-system/jsx/box.js","../styled-system/jsx/center.d.ts","../styled-system/jsx/center.js","../styled-system/jsx/circle.d.ts","../styled-system/jsx/circle.js","../styled-system/jsx/container.d.ts","../styled-system/jsx/container.js","../styled-system/jsx/cq.d.ts","../styled-system/jsx/cq.js","../styled-system/jsx/create-style-context.d.ts","../styled-system/jsx/create-style-context.js","../styled-system/jsx/divider.d.ts","../styled-system/jsx/divider.js","../styled-system/jsx/factory-helper.js","../styled-system/jsx/factory.d.ts","../styled-system/jsx/factory.js","../styled-system/jsx/flex.d.ts","../styled-system/jsx/flex.js","../styled-system/jsx/float.d.ts","../styled-system/jsx/float.js","../styled-system/jsx/grid-item.d.ts","../styled-system/jsx/grid-item.js","../styled-system/jsx/grid.d.ts","../styled-system/jsx/grid.js","../styled-system/jsx/hstack.d.ts","../styled-system/jsx/hstack.js","../styled-system/jsx/index.d.ts","../styled-system/jsx/index.js","../styled-system/jsx/is-valid-prop.d.ts","../styled-system/jsx/is-valid-prop.js","../styled-system/jsx/link-overlay.d.ts","../styled-system/jsx/link-overlay.js","../styled-system/jsx/spacer.d.ts","../styled-system/jsx/spacer.js","../styled-system/jsx/square.d.ts","../styled-system/jsx/square.js","../styled-system/jsx/stack.d.ts","../styled-system/jsx/stack.js","../styled-system/jsx/visually-hidden.d.ts","../styled-system/jsx/visually-hidden.js","../styled-system/jsx/vstack.d.ts","../styled-system/jsx/vstack.js","../styled-system/jsx/wrap.d.ts","../styled-system/jsx/wrap.js","../styled-system/patterns/aspect-ratio.d.ts","../styled-system/patterns/aspect-ratio.js","../styled-system/patterns/bleed.d.ts","../styled-system/patterns/bleed.js","../styled-system/patterns/box.d.ts","../styled-system/patterns/box.js","../styled-system/patterns/center.d.ts","../styled-system/patterns/center.js","../styled-system/patterns/circle.d.ts","../styled-system/patterns/circle.js","../styled-system/patterns/container.d.ts","../styled-system/patterns/container.js","../styled-system/patterns/cq.d.ts","../styled-system/patterns/cq.js","../styled-system/patterns/divider.d.ts","../styled-system/patterns/divider.js","../styled-system/patterns/flex.d.ts","../styled-system/patterns/flex.js","../styled-system/patterns/float.d.ts","../styled-system/patterns/float.js","../styled-system/patterns/grid-item.d.ts","../styled-system/patterns/grid-item.js","../styled-system/patterns/grid.d.ts","../styled-system/patterns/grid.js","../styled-system/patterns/hstack.d.ts","../styled-system/patterns/hstack.js","../styled-system/patterns/index.d.ts","../styled-system/patterns/index.js","../styled-system/patterns/link-overlay.d.ts","../styled-system/patterns/link-overlay.js","../styled-system/patterns/spacer.d.ts","../styled-system/patterns/spacer.js","../styled-system/patterns/square.d.ts","../styled-system/patterns/square.js","../styled-system/patterns/stack.d.ts","../styled-system/patterns/stack.js","../styled-system/patterns/visually-hidden.d.ts","../styled-system/patterns/visually-hidden.js","../styled-system/patterns/vstack.d.ts","../styled-system/patterns/vstack.js","../styled-system/patterns/wrap.d.ts","../styled-system/patterns/wrap.js","../styled-system/recipes/accordion-slot-recipe.d.ts","../styled-system/recipes/accordion-slot-recipe.js","../styled-system/recipes/badge-slot-recipe.d.ts","../styled-system/recipes/badge-slot-recipe.js","../styled-system/recipes/base-main-navigation-slot-recipe.d.ts","../styled-system/recipes/base-main-navigation-slot-recipe.js","../styled-system/recipes/base-range-picker-trigger-slot-recipe.d.ts","../styled-system/recipes/base-range-picker-trigger-slot-recipe.js","../styled-system/recipes/breadcrumbs-slot-recipe.d.ts","../styled-system/recipes/breadcrumbs-slot-recipe.js","../styled-system/recipes/button-slot-recipe.d.ts","../styled-system/recipes/button-slot-recipe.js","../styled-system/recipes/calendar-grid-slot-recipe.d.ts","../styled-system/recipes/calendar-grid-slot-recipe.js","../styled-system/recipes/checkbox-card-slot-recipe.d.ts","../styled-system/recipes/checkbox-card-slot-recipe.js","../styled-system/recipes/checkbox-group-slot-recipe.d.ts","../styled-system/recipes/checkbox-group-slot-recipe.js","../styled-system/recipes/checkbox-slot-recipe.d.ts","../styled-system/recipes/checkbox-slot-recipe.js","../styled-system/recipes/clear-button-slot-recipe.d.ts","../styled-system/recipes/clear-button-slot-recipe.js","../styled-system/recipes/create-recipe.js","../styled-system/recipes/data-table-body-slot-recipe.d.ts","../styled-system/recipes/data-table-body-slot-recipe.js","../styled-system/recipes/data-table-cell-slot-recipe.d.ts","../styled-system/recipes/data-table-cell-slot-recipe.js","../styled-system/recipes/data-table-header-cell-slot-recipe.d.ts","../styled-system/recipes/data-table-header-cell-slot-recipe.js","../styled-system/recipes/data-table-header-row-slot-recipe.d.ts","../styled-system/recipes/data-table-header-row-slot-recipe.js","../styled-system/recipes/data-table-header-slot-recipe.d.ts","../styled-system/recipes/data-table-header-slot-recipe.js","../styled-system/recipes/data-table-row-slot-recipe.d.ts","../styled-system/recipes/data-table-row-slot-recipe.js","../styled-system/recipes/data-table-slot-recipe.d.ts","../styled-system/recipes/data-table-slot-recipe.js","../styled-system/recipes/date-cell-slot-recipe.d.ts","../styled-system/recipes/date-cell-slot-recipe.js","../styled-system/recipes/date-picker-calendar-slot-recipe.d.ts","../styled-system/recipes/date-picker-calendar-slot-recipe.js","../styled-system/recipes/date-picker-panel-slot-recipe.d.ts","../styled-system/recipes/date-picker-panel-slot-recipe.js","../styled-system/recipes/date-range-picker-popover-slot-recipe.d.ts","../styled-system/recipes/date-range-picker-popover-slot-recipe.js","../styled-system/recipes/day-cell-slot-recipe.d.ts","../styled-system/recipes/day-cell-slot-recipe.js","../styled-system/recipes/dialog-slot-recipe.d.ts","../styled-system/recipes/dialog-slot-recipe.js","../styled-system/recipes/disclosure-slot-recipe.d.ts","../styled-system/recipes/disclosure-slot-recipe.js","../styled-system/recipes/display-table-body-slot-recipe.d.ts","../styled-system/recipes/display-table-body-slot-recipe.js","../styled-system/recipes/display-table-cell-slot-recipe.d.ts","../styled-system/recipes/display-table-cell-slot-recipe.js","../styled-system/recipes/display-table-header-cell-slot-recipe.d.ts","../styled-system/recipes/display-table-header-cell-slot-recipe.js","../styled-system/recipes/display-table-header-row-slot-recipe.d.ts","../styled-system/recipes/display-table-header-row-slot-recipe.js","../styled-system/recipes/display-table-header-slot-recipe.d.ts","../styled-system/recipes/display-table-header-slot-recipe.js","../styled-system/recipes/display-table-row-slot-recipe.d.ts","../styled-system/recipes/display-table-row-slot-recipe.js","../styled-system/recipes/display-table-slot-recipe.d.ts","../styled-system/recipes/display-table-slot-recipe.js","../styled-system/recipes/dropdown-menu-container-slot-recipe.d.ts","../styled-system/recipes/dropdown-menu-container-slot-recipe.js","../styled-system/recipes/dropdown-menu-divider-slot-recipe.d.ts","../styled-system/recipes/dropdown-menu-divider-slot-recipe.js","../styled-system/recipes/dropdown-menu-heading-slot-recipe.d.ts","../styled-system/recipes/dropdown-menu-heading-slot-recipe.js","../styled-system/recipes/dropdown-menu-item-slot-recipe.d.ts","../styled-system/recipes/dropdown-menu-item-slot-recipe.js","../styled-system/recipes/dropdown-menu-slot-recipe.d.ts","../styled-system/recipes/dropdown-menu-slot-recipe.js","../styled-system/recipes/embedded-side-pane-slot-recipe.d.ts","../styled-system/recipes/embedded-side-pane-slot-recipe.js","../styled-system/recipes/file-box-slot-recipe.d.ts","../styled-system/recipes/file-box-slot-recipe.js","../styled-system/recipes/file-drop-zone-slot-recipe.d.ts","../styled-system/recipes/file-drop-zone-slot-recipe.js","../styled-system/recipes/filter-select-box-slot-recipe.d.ts","../styled-system/recipes/filter-select-box-slot-recipe.js","../styled-system/recipes/filter-trigger-slot-recipe.d.ts","../styled-system/recipes/filter-trigger-slot-recipe.js","../styled-system/recipes/focus-indicator-slot-recipe.d.ts","../styled-system/recipes/focus-indicator-slot-recipe.js","../styled-system/recipes/form-footer-slot-recipe.d.ts","../styled-system/recipes/form-footer-slot-recipe.js","../styled-system/recipes/global-header-slot-recipe.d.ts","../styled-system/recipes/global-header-slot-recipe.js","../styled-system/recipes/heading-slot-recipe.d.ts","../styled-system/recipes/heading-slot-recipe.js","../styled-system/recipes/help-message-recipe.d.ts","../styled-system/recipes/help-message-recipe.js","../styled-system/recipes/icon-button-slot-recipe.d.ts","../styled-system/recipes/icon-button-slot-recipe.js","../styled-system/recipes/index.d.ts","../styled-system/recipes/index.js","../styled-system/recipes/items-count-slot-recipe.d.ts","../styled-system/recipes/items-count-slot-recipe.js","../styled-system/recipes/items-per-page-slot-recipe.d.ts","../styled-system/recipes/items-per-page-slot-recipe.js","../styled-system/recipes/key-value-slot-recipe.d.ts","../styled-system/recipes/key-value-slot-recipe.js","../styled-system/recipes/month-cell-slot-recipe.d.ts","../styled-system/recipes/month-cell-slot-recipe.js","../styled-system/recipes/month-grid-slot-recipe.d.ts","../styled-system/recipes/month-grid-slot-recipe.js","../styled-system/recipes/month-picker-panel-slot-recipe.d.ts","../styled-system/recipes/month-picker-panel-slot-recipe.js","../styled-system/recipes/month-range-picker-content-slot-recipe.d.ts","../styled-system/recipes/month-range-picker-content-slot-recipe.js","../styled-system/recipes/month-range-picker-navigation-slot-recipe.d.ts","../styled-system/recipes/month-range-picker-navigation-slot-recipe.js","../styled-system/recipes/month-range-picker-panel-slot-recipe.d.ts","../styled-system/recipes/month-range-picker-panel-slot-recipe.js","../styled-system/recipes/multiline-text-box-slot-recipe.d.ts","../styled-system/recipes/multiline-text-box-slot-recipe.js","../styled-system/recipes/multiple-filter-select-box-slot-recipe.d.ts","../styled-system/recipes/multiple-filter-select-box-slot-recipe.js","../styled-system/recipes/multiple-select-box-slot-recipe.d.ts","../styled-system/recipes/multiple-select-box-slot-recipe.js","../styled-system/recipes/multiple-select-box-trigger-recipe.d.ts","../styled-system/recipes/multiple-select-box-trigger-recipe.js","../styled-system/recipes/narrow-viewport-main-navigation-slot-recipe.d.ts","../styled-system/recipes/narrow-viewport-main-navigation-slot-recipe.js","../styled-system/recipes/navigation-list-item-slot-recipe.d.ts","../styled-system/recipes/navigation-list-item-slot-recipe.js","../styled-system/recipes/navigation-list-slot-recipe.d.ts","../styled-system/recipes/navigation-list-slot-recipe.js","../styled-system/recipes/page-header-slot-recipe.d.ts","../styled-system/recipes/page-header-slot-recipe.js","../styled-system/recipes/page-picker-slot-recipe.d.ts","../styled-system/recipes/page-picker-slot-recipe.js","../styled-system/recipes/pagination-slot-recipe.d.ts","../styled-system/recipes/pagination-slot-recipe.js","../styled-system/recipes/panel-slot-recipe.d.ts","../styled-system/recipes/panel-slot-recipe.js","../styled-system/recipes/popover-slot-recipe.d.ts","../styled-system/recipes/popover-slot-recipe.js","../styled-system/recipes/progress-indicator-slot-recipe.d.ts","../styled-system/recipes/progress-indicator-slot-recipe.js","../styled-system/recipes/radio-button-card-slot-recipe.d.ts","../styled-system/recipes/radio-button-card-slot-recipe.js","../styled-system/recipes/radio-button-slot-recipe.d.ts","../styled-system/recipes/radio-button-slot-recipe.js","../styled-system/recipes/radio-group-slot-recipe.d.ts","../styled-system/recipes/radio-group-slot-recipe.js","../styled-system/recipes/section-message-slot-recipe.d.ts","../styled-system/recipes/section-message-slot-recipe.js","../styled-system/recipes/select-box-slot-recipe.d.ts","../styled-system/recipes/select-box-slot-recipe.js","../styled-system/recipes/side-pane-slot-recipe.d.ts","../styled-system/recipes/side-pane-slot-recipe.js","../styled-system/recipes/skeleton-slot-recipe.d.ts","../styled-system/recipes/skeleton-slot-recipe.js","../styled-system/recipes/split-view-slot-recipe.d.ts","../styled-system/recipes/split-view-slot-recipe.js","../styled-system/recipes/stack-slot-recipe.d.ts","../styled-system/recipes/stack-slot-recipe.js","../styled-system/recipes/status-label-slot-recipe.d.ts","../styled-system/recipes/status-label-slot-recipe.js","../styled-system/recipes/sub-navigation-slot-recipe.d.ts","../styled-system/recipes/sub-navigation-slot-recipe.js","../styled-system/recipes/tab-item-slot-recipe.d.ts","../styled-system/recipes/tab-item-slot-recipe.js","../styled-system/recipes/tab-list-slot-recipe.d.ts","../styled-system/recipes/tab-list-slot-recipe.js","../styled-system/recipes/tab-menu-slot-recipe.d.ts","../styled-system/recipes/tab-menu-slot-recipe.js","../styled-system/recipes/tab-panel-slot-recipe.d.ts","../styled-system/recipes/tab-panel-slot-recipe.js","../styled-system/recipes/tabs-slot-recipe.d.ts","../styled-system/recipes/tabs-slot-recipe.js","../styled-system/recipes/tag-slot-recipe.d.ts","../styled-system/recipes/tag-slot-recipe.js","../styled-system/recipes/text-box-slot-recipe.d.ts","../styled-system/recipes/text-box-slot-recipe.js","../styled-system/recipes/text-link-slot-recipe.d.ts","../styled-system/recipes/text-link-slot-recipe.js","../styled-system/recipes/toast-slot-recipe.d.ts","../styled-system/recipes/toast-slot-recipe.js","../styled-system/recipes/toggle-switch-slot-recipe.d.ts","../styled-system/recipes/toggle-switch-slot-recipe.js","../styled-system/recipes/tooltip-slot-recipe.d.ts","../styled-system/recipes/tooltip-slot-recipe.js","../styled-system/recipes/typography-slot-recipe.d.ts","../styled-system/recipes/typography-slot-recipe.js","../styled-system/recipes/year-selector-slot-recipe.d.ts","../styled-system/recipes/year-selector-slot-recipe.js","../styled-system/tokens/index.d.ts","../styled-system/tokens/index.js","../styled-system/tokens/tokens.d.ts","../styled-system/types/composition.d.ts","../styled-system/types/conditions.d.ts","../styled-system/types/csstype.d.ts","../styled-system/types/global.d.ts","../styled-system/types/index.d.ts","../styled-system/types/jsx.d.ts","../styled-system/types/parts.d.ts","../styled-system/types/pattern.d.ts","../styled-system/types/prop-type.d.ts","../styled-system/types/recipe.d.ts","../styled-system/types/selectors.d.ts","../styled-system/types/static-css.d.ts","../styled-system/types/style-props.d.ts","../styled-system/types/system-types.d.ts"],"version":"5.9.3"}
|
|
1
|
+
{"root":["../src/index.ts","../src/Accordion/Accordion.tsx","../src/Accordion/Accordion.types.ts","../src/Accordion/index.ts","../src/Badge/Badge.tsx","../src/Badge/Badge.types.ts","../src/Badge/index.ts","../src/Breadcrumbs/Breadcrumbs.tsx","../src/Breadcrumbs/Breadcrumbs.types.ts","../src/Breadcrumbs/index.ts","../src/Button/Button.tsx","../src/Button/Button.types.ts","../src/Button/index.ts","../src/Checkbox/Checkbox.tsx","../src/Checkbox/Checkbox.types.ts","../src/Checkbox/index.ts","../src/CheckboxCard/CheckboxCard.tsx","../src/CheckboxCard/CheckboxCard.types.ts","../src/CheckboxCard/index.ts","../src/CheckboxGroup/CheckboxGroup.tsx","../src/CheckboxGroup/CheckboxGroup.types.ts","../src/CheckboxGroup/CheckboxGroupContext.ts","../src/CheckboxGroup/index.ts","../src/DataGrid/index.ts","../src/DataTable/DataTable.tsx","../src/DataTable/DataTable.types.ts","../src/DataTable/DataTableProvider.tsx","../src/DataTable/index.ts","../src/DataTable/DataTableBody/DataTableBody.tsx","../src/DataTable/DataTableBody/DataTableBody.types.ts","../src/DataTable/DataTableBody/index.ts","../src/DataTable/DataTableCell/DataTableCell.tsx","../src/DataTable/DataTableCell/DataTableCell.types.ts","../src/DataTable/DataTableCell/index.ts","../src/DataTable/DataTableHeader/DataTableHeader.tsx","../src/DataTable/DataTableHeader/DataTableHeader.types.ts","../src/DataTable/DataTableHeader/index.ts","../src/DataTable/DataTableHeaderCell/DataTableHeaderCell.tsx","../src/DataTable/DataTableHeaderCell/DataTableHeaderCell.types.ts","../src/DataTable/DataTableHeaderCell/index.ts","../src/DataTable/DataTableHeaderRow/DataTableHeaderRow.tsx","../src/DataTable/DataTableHeaderRow/DataTableHeaderRow.types.ts","../src/DataTable/DataTableHeaderRow/index.ts","../src/DataTable/DataTableRow/DataTableRow.tsx","../src/DataTable/DataTableRow/DataTableRow.types.ts","../src/DataTable/DataTableRow/index.ts","../src/DataTable/utils/getColumnWidthFromContentWidth.ts","../src/DataTable/utils/handleCheckbox.ts","../src/DateTimeSelection/index.ts","../src/DateTimeSelection/DatePicker/DatePicker.tsx","../src/DateTimeSelection/DatePicker/index.ts","../src/DateTimeSelection/DatePicker/DatePickerCalendar/DatePickerCalendar.tsx","../src/DateTimeSelection/DatePicker/DatePickerCalendar/index.ts","../src/DateTimeSelection/DatePicker/DatePickerDateCell/DatePickerDateCell.tsx","../src/DateTimeSelection/DatePicker/DatePickerDateCell/DatePickerDateCell.types.ts","../src/DateTimeSelection/DatePicker/DatePickerDateCell/index.ts","../src/DateTimeSelection/DatePicker/DatePickerPanel/DatePickerPanel.tsx","../src/DateTimeSelection/DatePicker/DatePickerPanel/DatePickerPanel.types.ts","../src/DateTimeSelection/DatePicker/DatePickerPanel/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePicker.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePicker.types.ts","../src/DateTimeSelection/DateRangePicker/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerPopover.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerPopover.types.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/Popover.types.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerCalendar/DateRangePickerCalendar.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerCalendar/DateRangePickerCalendar.types.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerCalendar/DateRangePickerDateCell.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerCalendar/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerFooter/DateRangePickerFooter.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerFooter/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/utilities/createDateRangePickerPopoverTestUtility.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerProvider/DateRangePickerProvider.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerProvider/DateRangePickerProvider.types.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerProvider/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/DateRangePickerTrigger.tsx","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/DateRangePickerTrigger.types.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/constants.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/index.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/hooks/useDateRangeTriggerInputClick.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/hooks/useDateRangeTriggerValueController.ts","../src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/utilities/createDateRangePickerTriggerTestUtility.ts","../src/DateTimeSelection/DateRangePicker/utilities/createDateRangePickerTestUtility.ts","../src/DateTimeSelection/MonthPicker/MonthPicker.tsx","../src/DateTimeSelection/MonthPicker/MonthPicker.types.ts","../src/DateTimeSelection/MonthPicker/constants.ts","../src/DateTimeSelection/MonthPicker/index.ts","../src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthGrid.tsx","../src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthPickerPanel.tsx","../src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthCell/MonthCell.tsx","../src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthCell/MonthCell.types.ts","../src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthCell/index.ts","../src/DateTimeSelection/MonthPicker/utilities/useMonthPickerKeyboardNavigation.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePicker.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePicker.types.ts","../src/DateTimeSelection/MonthRangePicker/index.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerContent/MonthRangePickerContent.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerContent/MonthRangePickerContent.types.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerContent/index.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/MonthRangePickerMonthCell.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/MonthRangePickerMonthCell.types.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/constants.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/index.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthGrid/MonthRangePickerMonthGrid.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthGrid/MonthRangePickerMonthGrid.types.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthGrid/index.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerNavigation/MonthRangePickerNavigation.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerNavigation/MonthRangePickerNavigation.types.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerNavigation/index.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerPanel/MonthRangePickerPanel.tsx","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerPanel/MonthRangePickerPanel.types.ts","../src/DateTimeSelection/MonthRangePicker/MonthRangePickerPanel/index.ts","../src/DateTimeSelection/shared/index.ts","../src/DateTimeSelection/shared/BasePicker/BasePicker.tsx","../src/DateTimeSelection/shared/BasePicker/BasePicker.types.ts","../src/DateTimeSelection/shared/BasePicker/constants.ts","../src/DateTimeSelection/shared/BasePicker/index.ts","../src/DateTimeSelection/shared/BasePicker/BasePickerProvider/BasePickerProvider.tsx","../src/DateTimeSelection/shared/BasePicker/BasePickerProvider/index.tsx","../src/DateTimeSelection/shared/BasePicker/YearSelector/YearSelector.tsx","../src/DateTimeSelection/shared/BasePicker/basePickerUtilities/useBasePickerDisplayController.ts","../src/DateTimeSelection/shared/BasePicker/basePickerUtilities/useBasePickerValueController.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePicker.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePicker.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerPopover.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerPopover.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/Popover.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/constants.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/BaseRangePickerCalendar.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/BaseRangePickerCalendar.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/BaseRangePickerDateCell.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/constants.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerFooter/BaseRangePickerFooter.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerFooter/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/utilities/createBaseRangePickerPopoverTestUtility.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/BaseRangePickerProvider.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/BaseRangePickerProvider.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/BaseRangePickerTrigger.tsx","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/BaseRangePickerTrigger.types.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/constants.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/index.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/hooks/useDateRangeTriggerInputClick.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/hooks/useDateRangeTriggerValueController.ts","../src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/utilities/createBaseRangePickerTriggerTestUtility.ts","../src/DateTimeSelection/shared/BaseRangePicker/utilities/createBaseRangePickerTestUtility.ts","../src/DateTimeSelection/shared/CalendarGrid/CalendarGrid.tsx","../src/DateTimeSelection/shared/CalendarGrid/index.ts","../src/DateTimeSelection/shared/CalendarGrid/utilities/computeDataForStyling.ts","../src/DateTimeSelection/shared/CalendarGrid/utilities/dateUtilities.ts","../src/DateTimeSelection/shared/CalendarGrid/utilities/useDates.ts","../src/DateTimeSelection/shared/CalendarLocale/CalendarLocaleContext.tsx","../src/DateTimeSelection/shared/CalendarLocale/DisplayJapaneseCalendarContext.tsx","../src/DateTimeSelection/shared/DateCell/DateCell.tsx","../src/DateTimeSelection/shared/DateCell/DateCell.types.ts","../src/DateTimeSelection/shared/DateCell/index.ts","../src/DateTimeSelection/shared/DayCell/DayCell.tsx","../src/DateTimeSelection/shared/DayCell/index.ts","../src/DateTimeSelection/shared/MonthCell/MonthCell.tsx","../src/DateTimeSelection/shared/MonthCell/MonthCell.types.ts","../src/DateTimeSelection/shared/MonthCell/index.ts","../src/DateTimeSelection/shared/MonthGrid/MonthGrid.tsx","../src/DateTimeSelection/shared/MonthGrid/MonthGrid.types.ts","../src/DateTimeSelection/shared/MonthGrid/index.ts","../src/DateTimeSelection/shared/YearSelector/YearSelector.tsx","../src/DateTimeSelection/shared/YearSelector/constants.ts","../src/DateTimeSelection/shared/YearSelector/index.ts","../src/DateTimeSelection/shared/accessibility/constants.ts","../src/DateTimeSelection/shared/accessibility/generateDateLabel.ts","../src/DateTimeSelection/shared/accessibility/getDateAriaAttributes.ts","../src/DateTimeSelection/shared/accessibility/index.ts","../src/DateTimeSelection/shared/utilities/dateParsing.ts","../src/DateTimeSelection/shared/utilities/japaneseCalendar.ts","../src/Dialog/Dialog.tsx","../src/Dialog/Dialog.types.ts","../src/Dialog/index.ts","../src/Dialog/hooks/useDialogStateController.ts","../src/Disclosure/Disclosure.tsx","../src/Disclosure/Disclosure.types.ts","../src/Disclosure/index.ts","../src/DisplayTable/DisplayTable.tsx","../src/DisplayTable/DisplayTable.types.ts","../src/DisplayTable/DisplayTableProvider.tsx","../src/DisplayTable/index.ts","../src/DisplayTable/DisplayTableBody/DisplayTableBody.tsx","../src/DisplayTable/DisplayTableBody/DisplayTableBody.types.ts","../src/DisplayTable/DisplayTableBody/index.ts","../src/DisplayTable/DisplayTableCell/DisplayTableCell.tsx","../src/DisplayTable/DisplayTableCell/DisplayTableCell.types.ts","../src/DisplayTable/DisplayTableCell/index.ts","../src/DisplayTable/DisplayTableHeader/DisplayTableHeader.tsx","../src/DisplayTable/DisplayTableHeader/DisplayTableHeader.types.ts","../src/DisplayTable/DisplayTableHeader/index.ts","../src/DisplayTable/DisplayTableHeaderCell/DisplayTableHeaderCell.tsx","../src/DisplayTable/DisplayTableHeaderCell/DisplayTableHeaderCell.types.ts","../src/DisplayTable/DisplayTableHeaderCell/index.ts","../src/DisplayTable/DisplayTableHeaderRow/DisplayTableHeaderRow.tsx","../src/DisplayTable/DisplayTableHeaderRow/DisplayTableHeaderRow.types.ts","../src/DisplayTable/DisplayTableHeaderRow/index.ts","../src/DisplayTable/DisplayTableRow/DisplayTableRow.tsx","../src/DisplayTable/DisplayTableRow/DisplayTableRow.types.ts","../src/DisplayTable/DisplayTableRow/index.ts","../src/DropdownMenu/DropdownMenu.tsx","../src/DropdownMenu/DropdownMenu.types.ts","../src/DropdownMenu/DropdownMenuContext.ts","../src/DropdownMenu/index.ts","../src/DropdownMenu/DropdownMenuContainer/DropdownMenuContainer.tsx","../src/DropdownMenu/DropdownMenuContainer/DropdownMenuContainer.types.ts","../src/DropdownMenu/DropdownMenuContainer/index.ts","../src/DropdownMenu/DropdownMenuDivider/DropdownMenuDivider.tsx","../src/DropdownMenu/DropdownMenuDivider/DropdownMenuDivider.types.ts","../src/DropdownMenu/DropdownMenuDivider/index.ts","../src/DropdownMenu/DropdownMenuHeading/DropdownMenuHeading.tsx","../src/DropdownMenu/DropdownMenuHeading/DropdownMenuHeading.types.ts","../src/DropdownMenu/DropdownMenuHeading/index.ts","../src/DropdownMenu/DropdownMenuItem/DropdownMenuItem.tsx","../src/DropdownMenu/DropdownMenuItem/DropdownMenuItem.types.ts","../src/DropdownMenu/DropdownMenuItem/index.ts","../src/EmbeddedSidePane/EmbeddedSidePane.tsx","../src/EmbeddedSidePane/EmbeddedSidePane.types.ts","../src/EmbeddedSidePane/index.ts","../src/FileBox/FileBox.tsx","../src/FileBox/FileBox.types.ts","../src/FileBox/index.ts","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/FileDropZone.types.ts","../src/FileDropZone/index.ts","../src/FileDropZone/utils/fileHelpers.ts","../src/FilterSelectBox/FilterSelectBox.tsx","../src/FilterSelectBox/FilterSelectBox.types.ts","../src/FilterSelectBox/index.ts","../src/FilterTrigger/FilterTrigger.tsx","../src/FilterTrigger/FilterTrigger.types.ts","../src/FilterTrigger/index.ts","../src/FocusIndicator/FocusIndicator.tsx","../src/FocusIndicator/FocusIndicator.types.ts","../src/FocusIndicator/index.ts","../src/FormFooter/FormFooter.tsx","../src/FormFooter/FormFooter.types.ts","../src/FormFooter/index.ts","../src/GlobalHeader/GlobalHeader.tsx","../src/GlobalHeader/GlobalHeader.types.ts","../src/GlobalHeader/index.ts","../src/Heading/Heading.tsx","../src/Heading/Heading.types.ts","../src/Heading/index.ts","../src/HelpMessage/HelpMessage.tsx","../src/HelpMessage/HelpMessage.types.ts","../src/HelpMessage/index.ts","../src/IconButton/IconButton.tsx","../src/IconButton/IconButton.types.ts","../src/IconButton/index.ts","../src/KeyValue/KeyValue.tsx","../src/KeyValue/KeyValue.types.ts","../src/KeyValue/index.ts","../src/MainNavigation/BaseMainNavigation.tsx","../src/MainNavigation/MainNavigation.tsx","../src/MainNavigation/MainNavigation.types.ts","../src/MainNavigation/NarrowViewportMainNavigation.tsx","../src/MainNavigation/NavigationLink.tsx","../src/MainNavigation/index.ts","../src/MultilineTextBox/MultilineTextBox.tsx","../src/MultilineTextBox/MultilineTextBox.types.ts","../src/MultilineTextBox/index.ts","../src/MultipleFilterSelectBox/MultipleFilterSelectBox.tsx","../src/MultipleFilterSelectBox/MultipleFilterSelectBox.types.ts","../src/MultipleFilterSelectBox/index.ts","../src/MultipleSelectBox/MultipleSelectBox.tsx","../src/MultipleSelectBox/MultipleSelectBox.types.ts","../src/MultipleSelectBox/index.ts","../src/MultipleSelectBox/MultipleSelectBoxTrigger/MultipleSelectBoxTrigger.tsx","../src/MultipleSelectBox/MultipleSelectBoxTrigger/MultipleSelectBoxTrigger.types.ts","../src/MultipleSelectBox/MultipleSelectBoxTrigger/index.ts","../src/MultipleSelectBox/hooks/useApplyControls.ts","../src/MultipleSelectBox/hooks/useCreateOption.ts","../src/MultipleSelectBox/hooks/useInitialFocusOnOptionPanelOpen.ts","../src/MultipleSelectBox/hooks/useOptionKeyboardNavigation.ts","../src/MultipleSelectBox/hooks/useOptionSelectionManagement.ts","../src/MultipleSelectBox/hooks/useSearchBox.ts","../src/MultipleSelectBox/hooks/useSelectedValues.ts","../src/MultipleSelectBox/hooks/useVirtualizedMultipleSelectBoxOptions.ts","../src/MultipleSelectBox/utils/flattenOptions.ts","../src/MultipleSelectBox/utils/insertOptionValueInSortedOrder.ts","../src/MultipleSelectBox/utils/isSelectableOption.ts","../src/NavigationList/NavigationList.tsx","../src/NavigationList/NavigationList.types.ts","../src/NavigationList/index.ts","../src/NavigationList/NavigationListItem/NavigationListItem.tsx","../src/NavigationList/NavigationListItem/NavigationListItem.types.ts","../src/NavigationList/NavigationListItem/index.ts","../src/NumberBox/NumberBox.tsx","../src/NumberBox/NumberBox.types.ts","../src/NumberBox/index.ts","../src/PageHeader/PageHeader.tsx","../src/PageHeader/PageHeader.types.ts","../src/PageHeader/index.ts","../src/Pagination/Pagination.tsx","../src/Pagination/Pagination.types.ts","../src/Pagination/index.ts","../src/Pagination/ItemsCount/ItemsCount.tsx","../src/Pagination/ItemsCount/ItemsCount.types.ts","../src/Pagination/ItemsCount/index.ts","../src/Pagination/ItemsPerPage/ItemsPerPage.tsx","../src/Pagination/ItemsPerPage/ItemsPerPage.types.ts","../src/Pagination/ItemsPerPage/index.ts","../src/Pagination/PagePicker/PagePicker.tsx","../src/Pagination/PagePicker/PagePicker.types.ts","../src/Pagination/PagePicker/index.ts","../src/Pagination/shared/commonStyles.ts","../src/Panel/Panel.tsx","../src/Panel/Panel.types.ts","../src/Panel/index.ts","../src/Popover/Popover.tsx","../src/Popover/Popover.types.ts","../src/Popover/PopoverContext.tsx","../src/Popover/index.ts","../src/Portal/Portal.tsx","../src/Portal/Portal.types.ts","../src/Portal/TargetDomNodeContext.tsx","../src/Portal/index.ts","../src/Portal/utils/useIsServer.ts","../src/ProgressIndicator/ProgressIndicator.tsx","../src/ProgressIndicator/ProgressIndicator.types.ts","../src/ProgressIndicator/index.ts","../src/RadioButton/RadioButton.tsx","../src/RadioButton/RadioButton.types.ts","../src/RadioButton/index.ts","../src/RadioButtonCard/RadioButtonCard.tsx","../src/RadioButtonCard/RadioButtonCard.types.ts","../src/RadioButtonCard/index.ts","../src/RadioGroup/RadioGroup.tsx","../src/RadioGroup/RadioGroup.types.ts","../src/RadioGroup/RadioGroupContext.ts","../src/RadioGroup/index.ts","../src/SearchBox/SearchBox.tsx","../src/SearchBox/SearchBox.types.ts","../src/SearchBox/index.ts","../src/SectionMessage/SectionMessage.tsx","../src/SectionMessage/SectionMessage.types.ts","../src/SectionMessage/index.ts","../src/SelectBox/SelectBox.tsx","../src/SelectBox/SelectBox.types.ts","../src/SelectBox/SelectBoxOption.tsx","../src/SelectBox/SelectBoxOptionGroup.tsx","../src/SelectBox/index.ts","../src/SelectBox/hooks/useKeyboardNavigation.ts","../src/SelectBox/hooks/useSearchBox.ts","../src/SelectBox/hooks/useTypeAhead.ts","../src/SelectBox/hooks/useVirtualizedOptions.ts","../src/SelectBox/utils/findFlatOptionIndexByValue.ts","../src/SelectBox/utils/findOptionByValue.ts","../src/SelectBox/utils/getFlatOptions.ts","../src/SelectBox/utils/isSelectableOption.ts","../src/SidePane/SidePane.tsx","../src/SidePane/SidePane.types.ts","../src/SidePane/constants.ts","../src/SidePane/index.ts","../src/SidePane/hooks/useSidePaneOpenStateWithAnimation.ts","../src/SidePane/hooks/useSidePaneStateController.ts","../src/Skeleton/Skeleton.tsx","../src/Skeleton/Skeleton.types.ts","../src/Skeleton/index.ts","../src/SplitView/SplitView.tsx","../src/SplitView/SplitView.types.ts","../src/SplitView/constants.ts","../src/SplitView/index.ts","../src/SplitView/hooks/useSplitViewAnimation.ts","../src/SplitView/hooks/useSplitViewDrag.ts","../src/SplitView/hooks/useSplitViewKeyboard.ts","../src/SplitView/hooks/useSplitViewPanelVisibility.ts","../src/SplitView/hooks/useSplitViewResize.ts","../src/SplitView/utils/animation.ts","../src/SplitView/utils/calculatePanelSize.ts","../src/SplitView/utils/parseSize.ts","../src/SplitView/utils/styles.ts","../src/Stack/Stack.tsx","../src/Stack/Stack.types.ts","../src/Stack/index.ts","../src/StatusLabel/StatusLabel.tsx","../src/StatusLabel/StatusLabel.types.ts","../src/StatusLabel/index.ts","../src/SubNavigation/SubNavigation.tsx","../src/SubNavigation/SubNavigation.types.ts","../src/SubNavigation/index.ts","../src/Tabs/TabContext.ts","../src/Tabs/Tabs.tsx","../src/Tabs/Tabs.types.ts","../src/Tabs/index.ts","../src/Tabs/TabItem/TabItem.tsx","../src/Tabs/TabItem/TabItem.types.ts","../src/Tabs/TabItem/index.ts","../src/Tabs/TabItem/hooks/useArrowKeyHandler.ts","../src/Tabs/TabList/TabList.tsx","../src/Tabs/TabList/TabList.types.ts","../src/Tabs/TabList/index.ts","../src/Tabs/TabList/TabMenu/TabMenu.tsx","../src/Tabs/TabList/TabMenu/index.ts","../src/Tabs/TabList/TabMenu/hooks/useArrowKeysHandler.ts","../src/Tabs/TabList/TabMenu/hooks/useDisabledButtons.ts","../src/Tabs/TabList/TabMenu/hooks/useTabMenuButtonsController.ts","../src/Tabs/TabList/hooks/useShouldShowMenuController.ts","../src/Tabs/TabPanel/TabPanel.tsx","../src/Tabs/TabPanel/TabPanel.types.ts","../src/Tabs/TabPanel/index.ts","../src/Tabs/hooks/useCalculatedSelectedTabId.ts","../src/Tabs/hooks/useDataFromChildren.ts","../src/Tag/Tag.tsx","../src/Tag/Tag.types.ts","../src/Tag/index.ts","../src/TextBox/TextBox.tsx","../src/TextBox/TextBox.types.ts","../src/TextBox/index.ts","../src/TextLink/TextLink.tsx","../src/TextLink/TextLink.types.ts","../src/TextLink/index.ts","../src/Toast/Toast.tsx","../src/Toast/Toast.types.ts","../src/Toast/helpers.ts","../src/Toast/index.ts","../src/Toast/ToastContainer/ToastContainer.tsx","../src/Toast/ToastContainer/ToastContainer.types.ts","../src/Toast/api/toast.tsx","../src/Toast/api/toast.types.ts","../src/ToggleSwitch/ToggleSwitch.tsx","../src/ToggleSwitch/ToggleSwitch.types.ts","../src/ToggleSwitch/index.ts","../src/Tooltip/GlobalTooltipManager.ts","../src/Tooltip/Tooltip.constants.ts","../src/Tooltip/Tooltip.tsx","../src/Tooltip/Tooltip.types.ts","../src/Tooltip/index.ts","../src/Tooltip/hooks/useOpenStateDelayed.ts","../src/Tooltip/hooks/usePopoverController.ts","../src/Tooltip/hooks/useTooltipDisplayController.ts","../src/Tooltip/icons/ArrowDownIcon.tsx","../src/Tooltip/icons/ArrowIcon.tsx","../src/Tooltip/icons/ArrowRightIcon.tsx","../src/Typography/Typography.tsx","../src/Typography/Typography.types.ts","../src/Typography/index.ts","../src/shared/index.ts","../src/shared/ClearButton/ClearButton.tsx","../src/shared/ClearButton/index.ts","../src/types/helpers.ts","../src/types/responsive.ts","../src/utilities/date/dayjs.ts","../src/utilities/dom/dispatchNativeInputValueWithEvent.ts","../src/utilities/dom/findSiblingElements.ts","../src/utilities/dom/getFocusableNodes.ts","../src/utilities/dom/getRootNode.ts","../src/utilities/dom/getTargetDomNode.ts","../src/utilities/dom/mergeRefs.ts","../src/utilities/dom/observeRect.ts","../src/utilities/dom/useFixedColumns.ts","../src/utilities/dom/useFocusTrap.ts","../src/utilities/dom/useInfiniteScroll.ts","../src/utilities/dom/useIsTextOverflowed.ts","../src/utilities/dom/useIsTouchDevice.ts","../src/utilities/dom/useMiddleTruncatedText.ts","../src/utilities/dom/useOnClickOutside.ts","../src/utilities/dom/usePopoverMenuPlacement.ts","../src/utilities/effect/useUpdateEffect.ts","../src/utilities/pandacss/index.ts","../src/utilities/react/compatibleForwardRef.ts","../src/utilities/react/isComponentOrWrapped.ts","../src/utilities/responsive/index.ts","../src/utilities/responsive/useIsNarrowViewport.ts","../src/utilities/state/useDisclosure.ts","../src/utilities/state/useInputHasValue.ts","../src/utilities/state/useLatest.ts","../src/utilities/state/useTransformedState.ts","../src/utilities/string/normalizeFullWidth.ts","../styled-system/helpers.js","../styled-system/css/conditions.js","../styled-system/css/css.d.ts","../styled-system/css/css.js","../styled-system/css/cva.d.ts","../styled-system/css/cva.js","../styled-system/css/cx.d.ts","../styled-system/css/cx.js","../styled-system/css/index.d.ts","../styled-system/css/index.js","../styled-system/css/sva.d.ts","../styled-system/css/sva.js","../styled-system/jsx/aspect-ratio.d.ts","../styled-system/jsx/aspect-ratio.js","../styled-system/jsx/bleed.d.ts","../styled-system/jsx/bleed.js","../styled-system/jsx/box.d.ts","../styled-system/jsx/box.js","../styled-system/jsx/center.d.ts","../styled-system/jsx/center.js","../styled-system/jsx/circle.d.ts","../styled-system/jsx/circle.js","../styled-system/jsx/container.d.ts","../styled-system/jsx/container.js","../styled-system/jsx/cq.d.ts","../styled-system/jsx/cq.js","../styled-system/jsx/create-style-context.d.ts","../styled-system/jsx/create-style-context.js","../styled-system/jsx/divider.d.ts","../styled-system/jsx/divider.js","../styled-system/jsx/factory-helper.js","../styled-system/jsx/factory.d.ts","../styled-system/jsx/factory.js","../styled-system/jsx/flex.d.ts","../styled-system/jsx/flex.js","../styled-system/jsx/float.d.ts","../styled-system/jsx/float.js","../styled-system/jsx/grid-item.d.ts","../styled-system/jsx/grid-item.js","../styled-system/jsx/grid.d.ts","../styled-system/jsx/grid.js","../styled-system/jsx/hstack.d.ts","../styled-system/jsx/hstack.js","../styled-system/jsx/index.d.ts","../styled-system/jsx/index.js","../styled-system/jsx/is-valid-prop.d.ts","../styled-system/jsx/is-valid-prop.js","../styled-system/jsx/link-overlay.d.ts","../styled-system/jsx/link-overlay.js","../styled-system/jsx/spacer.d.ts","../styled-system/jsx/spacer.js","../styled-system/jsx/square.d.ts","../styled-system/jsx/square.js","../styled-system/jsx/stack.d.ts","../styled-system/jsx/stack.js","../styled-system/jsx/visually-hidden.d.ts","../styled-system/jsx/visually-hidden.js","../styled-system/jsx/vstack.d.ts","../styled-system/jsx/vstack.js","../styled-system/jsx/wrap.d.ts","../styled-system/jsx/wrap.js","../styled-system/patterns/aspect-ratio.d.ts","../styled-system/patterns/aspect-ratio.js","../styled-system/patterns/bleed.d.ts","../styled-system/patterns/bleed.js","../styled-system/patterns/box.d.ts","../styled-system/patterns/box.js","../styled-system/patterns/center.d.ts","../styled-system/patterns/center.js","../styled-system/patterns/circle.d.ts","../styled-system/patterns/circle.js","../styled-system/patterns/container.d.ts","../styled-system/patterns/container.js","../styled-system/patterns/cq.d.ts","../styled-system/patterns/cq.js","../styled-system/patterns/divider.d.ts","../styled-system/patterns/divider.js","../styled-system/patterns/flex.d.ts","../styled-system/patterns/flex.js","../styled-system/patterns/float.d.ts","../styled-system/patterns/float.js","../styled-system/patterns/grid-item.d.ts","../styled-system/patterns/grid-item.js","../styled-system/patterns/grid.d.ts","../styled-system/patterns/grid.js","../styled-system/patterns/hstack.d.ts","../styled-system/patterns/hstack.js","../styled-system/patterns/index.d.ts","../styled-system/patterns/index.js","../styled-system/patterns/link-overlay.d.ts","../styled-system/patterns/link-overlay.js","../styled-system/patterns/spacer.d.ts","../styled-system/patterns/spacer.js","../styled-system/patterns/square.d.ts","../styled-system/patterns/square.js","../styled-system/patterns/stack.d.ts","../styled-system/patterns/stack.js","../styled-system/patterns/visually-hidden.d.ts","../styled-system/patterns/visually-hidden.js","../styled-system/patterns/vstack.d.ts","../styled-system/patterns/vstack.js","../styled-system/patterns/wrap.d.ts","../styled-system/patterns/wrap.js","../styled-system/recipes/accordion-slot-recipe.d.ts","../styled-system/recipes/accordion-slot-recipe.js","../styled-system/recipes/badge-slot-recipe.d.ts","../styled-system/recipes/badge-slot-recipe.js","../styled-system/recipes/base-main-navigation-slot-recipe.d.ts","../styled-system/recipes/base-main-navigation-slot-recipe.js","../styled-system/recipes/base-range-picker-trigger-slot-recipe.d.ts","../styled-system/recipes/base-range-picker-trigger-slot-recipe.js","../styled-system/recipes/breadcrumbs-slot-recipe.d.ts","../styled-system/recipes/breadcrumbs-slot-recipe.js","../styled-system/recipes/button-slot-recipe.d.ts","../styled-system/recipes/button-slot-recipe.js","../styled-system/recipes/calendar-grid-slot-recipe.d.ts","../styled-system/recipes/calendar-grid-slot-recipe.js","../styled-system/recipes/checkbox-card-slot-recipe.d.ts","../styled-system/recipes/checkbox-card-slot-recipe.js","../styled-system/recipes/checkbox-group-slot-recipe.d.ts","../styled-system/recipes/checkbox-group-slot-recipe.js","../styled-system/recipes/checkbox-slot-recipe.d.ts","../styled-system/recipes/checkbox-slot-recipe.js","../styled-system/recipes/clear-button-slot-recipe.d.ts","../styled-system/recipes/clear-button-slot-recipe.js","../styled-system/recipes/create-recipe.js","../styled-system/recipes/data-table-body-slot-recipe.d.ts","../styled-system/recipes/data-table-body-slot-recipe.js","../styled-system/recipes/data-table-cell-slot-recipe.d.ts","../styled-system/recipes/data-table-cell-slot-recipe.js","../styled-system/recipes/data-table-header-cell-slot-recipe.d.ts","../styled-system/recipes/data-table-header-cell-slot-recipe.js","../styled-system/recipes/data-table-header-row-slot-recipe.d.ts","../styled-system/recipes/data-table-header-row-slot-recipe.js","../styled-system/recipes/data-table-header-slot-recipe.d.ts","../styled-system/recipes/data-table-header-slot-recipe.js","../styled-system/recipes/data-table-row-slot-recipe.d.ts","../styled-system/recipes/data-table-row-slot-recipe.js","../styled-system/recipes/data-table-slot-recipe.d.ts","../styled-system/recipes/data-table-slot-recipe.js","../styled-system/recipes/date-cell-slot-recipe.d.ts","../styled-system/recipes/date-cell-slot-recipe.js","../styled-system/recipes/date-picker-calendar-slot-recipe.d.ts","../styled-system/recipes/date-picker-calendar-slot-recipe.js","../styled-system/recipes/date-picker-panel-slot-recipe.d.ts","../styled-system/recipes/date-picker-panel-slot-recipe.js","../styled-system/recipes/date-range-picker-popover-slot-recipe.d.ts","../styled-system/recipes/date-range-picker-popover-slot-recipe.js","../styled-system/recipes/day-cell-slot-recipe.d.ts","../styled-system/recipes/day-cell-slot-recipe.js","../styled-system/recipes/dialog-slot-recipe.d.ts","../styled-system/recipes/dialog-slot-recipe.js","../styled-system/recipes/disclosure-slot-recipe.d.ts","../styled-system/recipes/disclosure-slot-recipe.js","../styled-system/recipes/display-table-body-slot-recipe.d.ts","../styled-system/recipes/display-table-body-slot-recipe.js","../styled-system/recipes/display-table-cell-slot-recipe.d.ts","../styled-system/recipes/display-table-cell-slot-recipe.js","../styled-system/recipes/display-table-header-cell-slot-recipe.d.ts","../styled-system/recipes/display-table-header-cell-slot-recipe.js","../styled-system/recipes/display-table-header-row-slot-recipe.d.ts","../styled-system/recipes/display-table-header-row-slot-recipe.js","../styled-system/recipes/display-table-header-slot-recipe.d.ts","../styled-system/recipes/display-table-header-slot-recipe.js","../styled-system/recipes/display-table-row-slot-recipe.d.ts","../styled-system/recipes/display-table-row-slot-recipe.js","../styled-system/recipes/display-table-slot-recipe.d.ts","../styled-system/recipes/display-table-slot-recipe.js","../styled-system/recipes/dropdown-menu-container-slot-recipe.d.ts","../styled-system/recipes/dropdown-menu-container-slot-recipe.js","../styled-system/recipes/dropdown-menu-divider-slot-recipe.d.ts","../styled-system/recipes/dropdown-menu-divider-slot-recipe.js","../styled-system/recipes/dropdown-menu-heading-slot-recipe.d.ts","../styled-system/recipes/dropdown-menu-heading-slot-recipe.js","../styled-system/recipes/dropdown-menu-item-slot-recipe.d.ts","../styled-system/recipes/dropdown-menu-item-slot-recipe.js","../styled-system/recipes/dropdown-menu-slot-recipe.d.ts","../styled-system/recipes/dropdown-menu-slot-recipe.js","../styled-system/recipes/embedded-side-pane-slot-recipe.d.ts","../styled-system/recipes/embedded-side-pane-slot-recipe.js","../styled-system/recipes/file-box-slot-recipe.d.ts","../styled-system/recipes/file-box-slot-recipe.js","../styled-system/recipes/file-drop-zone-slot-recipe.d.ts","../styled-system/recipes/file-drop-zone-slot-recipe.js","../styled-system/recipes/filter-select-box-slot-recipe.d.ts","../styled-system/recipes/filter-select-box-slot-recipe.js","../styled-system/recipes/filter-trigger-slot-recipe.d.ts","../styled-system/recipes/filter-trigger-slot-recipe.js","../styled-system/recipes/focus-indicator-slot-recipe.d.ts","../styled-system/recipes/focus-indicator-slot-recipe.js","../styled-system/recipes/form-footer-slot-recipe.d.ts","../styled-system/recipes/form-footer-slot-recipe.js","../styled-system/recipes/global-header-slot-recipe.d.ts","../styled-system/recipes/global-header-slot-recipe.js","../styled-system/recipes/heading-slot-recipe.d.ts","../styled-system/recipes/heading-slot-recipe.js","../styled-system/recipes/help-message-recipe.d.ts","../styled-system/recipes/help-message-recipe.js","../styled-system/recipes/icon-button-slot-recipe.d.ts","../styled-system/recipes/icon-button-slot-recipe.js","../styled-system/recipes/index.d.ts","../styled-system/recipes/index.js","../styled-system/recipes/items-count-slot-recipe.d.ts","../styled-system/recipes/items-count-slot-recipe.js","../styled-system/recipes/items-per-page-slot-recipe.d.ts","../styled-system/recipes/items-per-page-slot-recipe.js","../styled-system/recipes/key-value-slot-recipe.d.ts","../styled-system/recipes/key-value-slot-recipe.js","../styled-system/recipes/month-cell-slot-recipe.d.ts","../styled-system/recipes/month-cell-slot-recipe.js","../styled-system/recipes/month-grid-slot-recipe.d.ts","../styled-system/recipes/month-grid-slot-recipe.js","../styled-system/recipes/month-picker-panel-slot-recipe.d.ts","../styled-system/recipes/month-picker-panel-slot-recipe.js","../styled-system/recipes/month-range-picker-content-slot-recipe.d.ts","../styled-system/recipes/month-range-picker-content-slot-recipe.js","../styled-system/recipes/month-range-picker-navigation-slot-recipe.d.ts","../styled-system/recipes/month-range-picker-navigation-slot-recipe.js","../styled-system/recipes/month-range-picker-panel-slot-recipe.d.ts","../styled-system/recipes/month-range-picker-panel-slot-recipe.js","../styled-system/recipes/multiline-text-box-slot-recipe.d.ts","../styled-system/recipes/multiline-text-box-slot-recipe.js","../styled-system/recipes/multiple-filter-select-box-slot-recipe.d.ts","../styled-system/recipes/multiple-filter-select-box-slot-recipe.js","../styled-system/recipes/multiple-select-box-slot-recipe.d.ts","../styled-system/recipes/multiple-select-box-slot-recipe.js","../styled-system/recipes/multiple-select-box-trigger-recipe.d.ts","../styled-system/recipes/multiple-select-box-trigger-recipe.js","../styled-system/recipes/narrow-viewport-main-navigation-slot-recipe.d.ts","../styled-system/recipes/narrow-viewport-main-navigation-slot-recipe.js","../styled-system/recipes/navigation-list-item-slot-recipe.d.ts","../styled-system/recipes/navigation-list-item-slot-recipe.js","../styled-system/recipes/navigation-list-slot-recipe.d.ts","../styled-system/recipes/navigation-list-slot-recipe.js","../styled-system/recipes/page-header-slot-recipe.d.ts","../styled-system/recipes/page-header-slot-recipe.js","../styled-system/recipes/page-picker-slot-recipe.d.ts","../styled-system/recipes/page-picker-slot-recipe.js","../styled-system/recipes/pagination-slot-recipe.d.ts","../styled-system/recipes/pagination-slot-recipe.js","../styled-system/recipes/panel-slot-recipe.d.ts","../styled-system/recipes/panel-slot-recipe.js","../styled-system/recipes/popover-slot-recipe.d.ts","../styled-system/recipes/popover-slot-recipe.js","../styled-system/recipes/progress-indicator-slot-recipe.d.ts","../styled-system/recipes/progress-indicator-slot-recipe.js","../styled-system/recipes/radio-button-card-slot-recipe.d.ts","../styled-system/recipes/radio-button-card-slot-recipe.js","../styled-system/recipes/radio-button-slot-recipe.d.ts","../styled-system/recipes/radio-button-slot-recipe.js","../styled-system/recipes/radio-group-slot-recipe.d.ts","../styled-system/recipes/radio-group-slot-recipe.js","../styled-system/recipes/section-message-slot-recipe.d.ts","../styled-system/recipes/section-message-slot-recipe.js","../styled-system/recipes/select-box-slot-recipe.d.ts","../styled-system/recipes/select-box-slot-recipe.js","../styled-system/recipes/side-pane-slot-recipe.d.ts","../styled-system/recipes/side-pane-slot-recipe.js","../styled-system/recipes/skeleton-slot-recipe.d.ts","../styled-system/recipes/skeleton-slot-recipe.js","../styled-system/recipes/split-view-slot-recipe.d.ts","../styled-system/recipes/split-view-slot-recipe.js","../styled-system/recipes/stack-slot-recipe.d.ts","../styled-system/recipes/stack-slot-recipe.js","../styled-system/recipes/status-label-slot-recipe.d.ts","../styled-system/recipes/status-label-slot-recipe.js","../styled-system/recipes/sub-navigation-slot-recipe.d.ts","../styled-system/recipes/sub-navigation-slot-recipe.js","../styled-system/recipes/tab-item-slot-recipe.d.ts","../styled-system/recipes/tab-item-slot-recipe.js","../styled-system/recipes/tab-list-slot-recipe.d.ts","../styled-system/recipes/tab-list-slot-recipe.js","../styled-system/recipes/tab-menu-slot-recipe.d.ts","../styled-system/recipes/tab-menu-slot-recipe.js","../styled-system/recipes/tab-panel-slot-recipe.d.ts","../styled-system/recipes/tab-panel-slot-recipe.js","../styled-system/recipes/tabs-slot-recipe.d.ts","../styled-system/recipes/tabs-slot-recipe.js","../styled-system/recipes/tag-slot-recipe.d.ts","../styled-system/recipes/tag-slot-recipe.js","../styled-system/recipes/text-box-slot-recipe.d.ts","../styled-system/recipes/text-box-slot-recipe.js","../styled-system/recipes/text-link-slot-recipe.d.ts","../styled-system/recipes/text-link-slot-recipe.js","../styled-system/recipes/toast-slot-recipe.d.ts","../styled-system/recipes/toast-slot-recipe.js","../styled-system/recipes/toggle-switch-slot-recipe.d.ts","../styled-system/recipes/toggle-switch-slot-recipe.js","../styled-system/recipes/tooltip-slot-recipe.d.ts","../styled-system/recipes/tooltip-slot-recipe.js","../styled-system/recipes/typography-slot-recipe.d.ts","../styled-system/recipes/typography-slot-recipe.js","../styled-system/recipes/year-selector-slot-recipe.d.ts","../styled-system/recipes/year-selector-slot-recipe.js","../styled-system/tokens/index.d.ts","../styled-system/tokens/index.js","../styled-system/tokens/tokens.d.ts","../styled-system/types/composition.d.ts","../styled-system/types/conditions.d.ts","../styled-system/types/csstype.d.ts","../styled-system/types/global.d.ts","../styled-system/types/index.d.ts","../styled-system/types/jsx.d.ts","../styled-system/types/parts.d.ts","../styled-system/types/pattern.d.ts","../styled-system/types/prop-type.d.ts","../styled-system/types/recipe.d.ts","../styled-system/types/selectors.d.ts","../styled-system/types/static-css.d.ts","../styled-system/types/style-props.d.ts","../styled-system/types/system-types.d.ts"],"version":"5.9.3"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@moneyforward/mfui-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.17.0",
|
|
4
4
|
"description": "React UI Component Library for all Money Forward products",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
"@floating-ui/react-dom": "^2.1.2",
|
|
62
62
|
"@tanstack/react-virtual": "^3.13.18",
|
|
63
63
|
"dayjs": "^1.11.13",
|
|
64
|
-
"@moneyforward/mfui-
|
|
65
|
-
"@moneyforward/mfui-
|
|
64
|
+
"@moneyforward/mfui-design-tokens": "^3.1.0",
|
|
65
|
+
"@moneyforward/mfui-icons-react": "^3.2.0"
|
|
66
66
|
},
|
|
67
67
|
"scripts": {
|
|
68
68
|
"prepare:panda": "panda codegen",
|