@moneyforward/mfui-components 3.19.0 → 3.21.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/CheckboxCard/CheckboxCard.js +1 -7
- package/dist/src/DateTimeSelection/DatePicker/DatePicker.js +2 -11
- package/dist/src/DateTimeSelection/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/src/DateTimeSelection/DateRangePicker/DateRangePicker.js +10 -2
- package/dist/src/DateTimeSelection/DateRangePicker/DateRangePicker.types.d.ts +14 -0
- package/dist/src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/DateRangePickerPopover.js +13 -5
- package/dist/src/DateTimeSelection/DateRangePicker/DateRangePickerPopover/utilities/createDateRangePickerPopoverTestUtility.js +2 -2
- package/dist/src/DateTimeSelection/DateRangePicker/DateRangePickerProvider/DateRangePickerProvider.js +11 -12
- package/dist/src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/hooks/useDateRangeTriggerValueController.js +4 -3
- package/dist/src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/utilities/createDateRangePickerTriggerTestUtility.js +3 -1
- package/dist/src/DateTimeSelection/FilterDateRangePicker/DateRangePickerContent/DateRangePickerContent.d.ts +6 -0
- package/dist/src/DateTimeSelection/FilterDateRangePicker/DateRangePickerContent/DateRangePickerContent.js +33 -0
- package/dist/src/DateTimeSelection/FilterDateRangePicker/DateRangePickerContent/DateRangePickerContent.types.d.ts +17 -0
- package/dist/src/DateTimeSelection/FilterDateRangePicker/FilterDateRangePicker.d.ts +14 -0
- package/dist/src/DateTimeSelection/FilterDateRangePicker/FilterDateRangePicker.js +42 -0
- package/dist/src/DateTimeSelection/FilterDateRangePicker/FilterDateRangePicker.types.d.ts +78 -0
- package/dist/src/DateTimeSelection/FilterDateRangePicker/FilterDateRangePicker.types.js +1 -0
- package/dist/src/DateTimeSelection/FilterDateRangePicker/index.d.ts +2 -0
- package/dist/src/DateTimeSelection/FilterDateRangePicker/index.js +1 -0
- package/dist/src/DateTimeSelection/FilterMonthPicker/FilterMonthPicker.d.ts +14 -0
- package/dist/src/DateTimeSelection/FilterMonthPicker/FilterMonthPicker.js +75 -0
- package/dist/src/DateTimeSelection/FilterMonthPicker/FilterMonthPicker.types.d.ts +83 -0
- package/dist/src/DateTimeSelection/FilterMonthPicker/FilterMonthPicker.types.js +1 -0
- package/dist/src/DateTimeSelection/FilterMonthPicker/MonthPickerPopover/MonthPickerPopover.d.ts +6 -0
- package/dist/src/DateTimeSelection/FilterMonthPicker/MonthPickerPopover/MonthPickerPopover.js +45 -0
- package/dist/src/DateTimeSelection/FilterMonthPicker/MonthPickerPopover/MonthPickerPopover.types.d.ts +24 -0
- package/dist/src/DateTimeSelection/FilterMonthPicker/MonthPickerPopover/MonthPickerPopover.types.js +1 -0
- package/dist/src/DateTimeSelection/FilterMonthPicker/index.d.ts +2 -0
- package/dist/src/DateTimeSelection/FilterMonthPicker/index.js +1 -0
- package/dist/src/DateTimeSelection/FilterMonthRangePicker/FilterMonthRangePicker.d.ts +15 -0
- package/dist/src/DateTimeSelection/FilterMonthRangePicker/FilterMonthRangePicker.js +89 -0
- package/dist/src/DateTimeSelection/FilterMonthRangePicker/FilterMonthRangePicker.types.d.ts +75 -0
- package/dist/src/DateTimeSelection/FilterMonthRangePicker/FilterMonthRangePicker.types.js +1 -0
- package/dist/src/DateTimeSelection/FilterMonthRangePicker/MonthRangePickerPopover/MonthRangePickerPopover.d.ts +5 -0
- package/dist/src/DateTimeSelection/FilterMonthRangePicker/MonthRangePickerPopover/MonthRangePickerPopover.js +54 -0
- package/dist/src/DateTimeSelection/FilterMonthRangePicker/MonthRangePickerPopover/MonthRangePickerPopover.types.d.ts +19 -0
- package/dist/src/DateTimeSelection/FilterMonthRangePicker/MonthRangePickerPopover/MonthRangePickerPopover.types.js +1 -0
- package/dist/src/DateTimeSelection/FilterMonthRangePicker/index.d.ts +2 -0
- package/dist/src/DateTimeSelection/FilterMonthRangePicker/index.js +1 -0
- package/dist/src/DateTimeSelection/MonthPicker/MonthPicker.d.ts +1 -1
- package/dist/src/DateTimeSelection/MonthPicker/MonthPicker.js +10 -2
- package/dist/src/DateTimeSelection/MonthPicker/MonthPicker.types.d.ts +14 -0
- package/dist/src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthCell/MonthCell.js +2 -25
- package/dist/src/DateTimeSelection/MonthPicker/MonthPickerPanel/MonthPickerPanel.js +1 -1
- package/dist/src/DateTimeSelection/MonthRangePicker/MonthRangePicker.d.ts +1 -1
- package/dist/src/DateTimeSelection/MonthRangePicker/MonthRangePicker.js +14 -5
- package/dist/src/DateTimeSelection/MonthRangePicker/MonthRangePicker.types.d.ts +21 -0
- package/dist/src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/MonthRangePickerMonthCell.d.ts +1 -0
- package/dist/src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/MonthRangePickerMonthCell.js +10 -3
- package/dist/src/DateTimeSelection/MonthRangePicker/MonthRangePickerNavigation/MonthRangePickerNavigation.js +16 -3
- package/dist/src/DateTimeSelection/MonthRangePicker/MonthRangePickerPanel/MonthRangePickerPanel.js +3 -1
- package/dist/src/DateTimeSelection/TimePicker/TimePicker.d.ts +43 -0
- package/dist/src/DateTimeSelection/TimePicker/TimePicker.js +85 -0
- package/dist/src/DateTimeSelection/TimePicker/TimePicker.types.d.ts +61 -0
- package/dist/src/DateTimeSelection/TimePicker/TimePicker.types.js +1 -0
- package/dist/src/DateTimeSelection/TimePicker/constants.d.ts +4 -0
- package/dist/src/DateTimeSelection/TimePicker/constants.js +12 -0
- package/dist/src/DateTimeSelection/TimePicker/index.d.ts +2 -0
- package/dist/src/DateTimeSelection/TimePicker/index.js +1 -0
- package/dist/src/DateTimeSelection/index.d.ts +4 -0
- package/dist/src/DateTimeSelection/index.js +4 -0
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePicker.d.ts +1 -1
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePicker.js +26 -10
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePicker.types.d.ts +19 -0
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/BaseRangePickerProvider.js +40 -19
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/BaseRangePickerProvider.types.d.ts +19 -0
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/BaseRangePickerTrigger.js +4 -6
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/hooks/useDateRangeTriggerValueController.js +4 -3
- package/dist/src/DateTimeSelection/shared/CalendarLocale/CalendarLocaleContext.d.ts +1 -1
- package/dist/src/DateTimeSelection/shared/CalendarLocale/CalendarLocaleContext.js +1 -1
- package/dist/src/DateTimeSelection/shared/DayCell/DayCell.js +2 -3
- package/dist/src/DateTimeSelection/shared/MonthGrid/MonthGrid.js +3 -3
- package/dist/src/DateTimeSelection/shared/YearSelector/YearSelector.js +1 -1
- package/dist/src/DateTimeSelection/shared/utilities/dateParsing.js +27 -9
- package/dist/src/DateTimeSelection/shared/utilities/japaneseCalendar.d.ts +36 -8
- package/dist/src/DateTimeSelection/shared/utilities/japaneseCalendar.js +82 -15
- package/dist/src/DateTimeSelection/shared/utilities/monthCellMonthFormat.d.ts +14 -0
- package/dist/src/DateTimeSelection/shared/utilities/monthCellMonthFormat.js +35 -0
- package/dist/src/MultilineTextBox/index.d.ts +10 -2
- package/dist/src/MultilineTextBox/index.js +9 -1
- package/dist/src/MultipleSelectBox/MultipleSelectBoxTrigger/MultipleSelectBoxTrigger.js +1 -3
- package/dist/src/RadioButtonCard/RadioButtonCard.js +1 -7
- package/dist/src/TextBox/TextBox.js +2 -6
- package/dist/src/{MultilineTextBox/MultilineTextBox.d.ts → Textarea/Textarea.d.ts} +5 -2
- package/dist/src/{MultilineTextBox/MultilineTextBox.js → Textarea/Textarea.js} +9 -5
- package/dist/src/{MultilineTextBox/MultilineTextBox.types.d.ts → Textarea/Textarea.types.d.ts} +2 -2
- package/dist/src/Textarea/Textarea.types.js +1 -0
- package/dist/src/Textarea/index.d.ts +2 -0
- package/dist/src/Textarea/index.js +1 -0
- package/dist/src/Tooltip/Tooltip.js +12 -3
- package/dist/src/Typography/Typography.js +1 -3
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.js +1 -0
- package/dist/styled-system/recipes/filter-date-range-picker-slot-recipe.d.ts +33 -0
- package/dist/styled-system/recipes/filter-date-range-picker-slot-recipe.js +48 -0
- package/dist/styled-system/recipes/filter-month-picker-slot-recipe.d.ts +33 -0
- package/dist/styled-system/recipes/filter-month-picker-slot-recipe.js +44 -0
- package/dist/styled-system/recipes/filter-month-range-picker-slot-recipe.d.ts +33 -0
- package/dist/styled-system/recipes/filter-month-range-picker-slot-recipe.js +44 -0
- package/dist/styled-system/recipes/index.d.ts +5 -1
- package/dist/styled-system/recipes/index.js +5 -1
- package/dist/styled-system/recipes/textarea-slot-recipe.d.ts +52 -0
- package/dist/styled-system/recipes/textarea-slot-recipe.js +64 -0
- package/dist/styled-system/recipes/time-picker-slot-recipe.d.ts +44 -0
- package/dist/styled-system/recipes/time-picker-slot-recipe.js +62 -0
- package/dist/styles.css +601 -25
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +13 -11
- package/dist/src/DateTimeSelection/shared/BasePicker/YearSelector/YearSelector.d.ts +0 -18
- package/dist/src/DateTimeSelection/shared/BasePicker/YearSelector/YearSelector.js +0 -36
- package/dist/styled-system/recipes/multiline-text-box-slot-recipe.d.ts +0 -52
- package/dist/styled-system/recipes/multiline-text-box-slot-recipe.js +0 -64
- /package/dist/src/{MultilineTextBox/MultilineTextBox.types.js → DateTimeSelection/FilterDateRangePicker/DateRangePickerContent/DateRangePickerContent.types.js} +0 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface FilterDateRangePickerSlotRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type FilterDateRangePickerSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof FilterDateRangePickerSlotRecipeVariant]: Array<FilterDateRangePickerSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type FilterDateRangePickerSlotRecipeSlot = "wrapper" | "trigger" | "content" | "calendarIcon" | "clearButtonWrapper" | "popoverWrapper"
|
|
14
|
+
|
|
15
|
+
export type FilterDateRangePickerSlotRecipeVariantProps = {
|
|
16
|
+
[key in keyof FilterDateRangePickerSlotRecipeVariant]?: ConditionalValue<FilterDateRangePickerSlotRecipeVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface FilterDateRangePickerSlotRecipeRecipe {
|
|
20
|
+
__slot: FilterDateRangePickerSlotRecipeSlot
|
|
21
|
+
__type: FilterDateRangePickerSlotRecipeVariantProps
|
|
22
|
+
(props?: FilterDateRangePickerSlotRecipeVariantProps): Pretty<Record<FilterDateRangePickerSlotRecipeSlot, string>>
|
|
23
|
+
raw: (props?: FilterDateRangePickerSlotRecipeVariantProps) => FilterDateRangePickerSlotRecipeVariantProps
|
|
24
|
+
variantMap: FilterDateRangePickerSlotRecipeVariantMap
|
|
25
|
+
variantKeys: Array<keyof FilterDateRangePickerSlotRecipeVariant>
|
|
26
|
+
splitVariantProps<Props extends FilterDateRangePickerSlotRecipeVariantProps>(props: Props): [FilterDateRangePickerSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof FilterDateRangePickerSlotRecipeVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: FilterDateRangePickerSlotRecipeVariantProps) => FilterDateRangePickerSlotRecipeVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Slot class created for the MFUI FilterDateRangePicker component.
|
|
32
|
+
*/
|
|
33
|
+
export declare const filterDateRangePickerSlotRecipe: FilterDateRangePickerSlotRecipeRecipe
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
|
|
2
|
+
import { createRecipe } from './create-recipe.js';
|
|
3
|
+
const filterDateRangePickerSlotRecipeDefaultVariants = {};
|
|
4
|
+
const filterDateRangePickerSlotRecipeCompoundVariants = [];
|
|
5
|
+
const filterDateRangePickerSlotRecipeSlotNames = [
|
|
6
|
+
[
|
|
7
|
+
"wrapper",
|
|
8
|
+
"FilterDateRangePicker__wrapper"
|
|
9
|
+
],
|
|
10
|
+
[
|
|
11
|
+
"trigger",
|
|
12
|
+
"FilterDateRangePicker__trigger"
|
|
13
|
+
],
|
|
14
|
+
[
|
|
15
|
+
"content",
|
|
16
|
+
"FilterDateRangePicker__content"
|
|
17
|
+
],
|
|
18
|
+
[
|
|
19
|
+
"calendarIcon",
|
|
20
|
+
"FilterDateRangePicker__calendarIcon"
|
|
21
|
+
],
|
|
22
|
+
[
|
|
23
|
+
"clearButtonWrapper",
|
|
24
|
+
"FilterDateRangePicker__clearButtonWrapper"
|
|
25
|
+
],
|
|
26
|
+
[
|
|
27
|
+
"popoverWrapper",
|
|
28
|
+
"FilterDateRangePicker__popoverWrapper"
|
|
29
|
+
]
|
|
30
|
+
];
|
|
31
|
+
const filterDateRangePickerSlotRecipeSlotFns = /* @__PURE__ */ filterDateRangePickerSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, filterDateRangePickerSlotRecipeDefaultVariants, getSlotCompoundVariant(filterDateRangePickerSlotRecipeCompoundVariants, slotName))]);
|
|
32
|
+
const filterDateRangePickerSlotRecipeFn = memo((props = {}) => {
|
|
33
|
+
return Object.fromEntries(filterDateRangePickerSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
|
|
34
|
+
});
|
|
35
|
+
const filterDateRangePickerSlotRecipeVariantKeys = [];
|
|
36
|
+
const getVariantProps = (variants) => ({ ...filterDateRangePickerSlotRecipeDefaultVariants, ...compact(variants) });
|
|
37
|
+
export const filterDateRangePickerSlotRecipe = /* @__PURE__ */ Object.assign(filterDateRangePickerSlotRecipeFn, {
|
|
38
|
+
__recipe__: false,
|
|
39
|
+
__name__: 'filterDateRangePickerSlotRecipe',
|
|
40
|
+
raw: (props) => props,
|
|
41
|
+
classNameMap: {},
|
|
42
|
+
variantKeys: filterDateRangePickerSlotRecipeVariantKeys,
|
|
43
|
+
variantMap: {},
|
|
44
|
+
splitVariantProps(props) {
|
|
45
|
+
return splitProps(props, filterDateRangePickerSlotRecipeVariantKeys);
|
|
46
|
+
},
|
|
47
|
+
getVariantProps
|
|
48
|
+
});
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface FilterMonthPickerSlotRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type FilterMonthPickerSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof FilterMonthPickerSlotRecipeVariant]: Array<FilterMonthPickerSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type FilterMonthPickerSlotRecipeSlot = "wrapper" | "trigger" | "content" | "calendarIcon" | "clearButtonWrapper"
|
|
14
|
+
|
|
15
|
+
export type FilterMonthPickerSlotRecipeVariantProps = {
|
|
16
|
+
[key in keyof FilterMonthPickerSlotRecipeVariant]?: ConditionalValue<FilterMonthPickerSlotRecipeVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface FilterMonthPickerSlotRecipeRecipe {
|
|
20
|
+
__slot: FilterMonthPickerSlotRecipeSlot
|
|
21
|
+
__type: FilterMonthPickerSlotRecipeVariantProps
|
|
22
|
+
(props?: FilterMonthPickerSlotRecipeVariantProps): Pretty<Record<FilterMonthPickerSlotRecipeSlot, string>>
|
|
23
|
+
raw: (props?: FilterMonthPickerSlotRecipeVariantProps) => FilterMonthPickerSlotRecipeVariantProps
|
|
24
|
+
variantMap: FilterMonthPickerSlotRecipeVariantMap
|
|
25
|
+
variantKeys: Array<keyof FilterMonthPickerSlotRecipeVariant>
|
|
26
|
+
splitVariantProps<Props extends FilterMonthPickerSlotRecipeVariantProps>(props: Props): [FilterMonthPickerSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof FilterMonthPickerSlotRecipeVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: FilterMonthPickerSlotRecipeVariantProps) => FilterMonthPickerSlotRecipeVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Slot class created for the MFUI FilterMonthPicker component.
|
|
32
|
+
*/
|
|
33
|
+
export declare const filterMonthPickerSlotRecipe: FilterMonthPickerSlotRecipeRecipe
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
|
|
2
|
+
import { createRecipe } from './create-recipe.js';
|
|
3
|
+
const filterMonthPickerSlotRecipeDefaultVariants = {};
|
|
4
|
+
const filterMonthPickerSlotRecipeCompoundVariants = [];
|
|
5
|
+
const filterMonthPickerSlotRecipeSlotNames = [
|
|
6
|
+
[
|
|
7
|
+
"wrapper",
|
|
8
|
+
"FilterMonthPicker__wrapper"
|
|
9
|
+
],
|
|
10
|
+
[
|
|
11
|
+
"trigger",
|
|
12
|
+
"FilterMonthPicker__trigger"
|
|
13
|
+
],
|
|
14
|
+
[
|
|
15
|
+
"content",
|
|
16
|
+
"FilterMonthPicker__content"
|
|
17
|
+
],
|
|
18
|
+
[
|
|
19
|
+
"calendarIcon",
|
|
20
|
+
"FilterMonthPicker__calendarIcon"
|
|
21
|
+
],
|
|
22
|
+
[
|
|
23
|
+
"clearButtonWrapper",
|
|
24
|
+
"FilterMonthPicker__clearButtonWrapper"
|
|
25
|
+
]
|
|
26
|
+
];
|
|
27
|
+
const filterMonthPickerSlotRecipeSlotFns = /* @__PURE__ */ filterMonthPickerSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, filterMonthPickerSlotRecipeDefaultVariants, getSlotCompoundVariant(filterMonthPickerSlotRecipeCompoundVariants, slotName))]);
|
|
28
|
+
const filterMonthPickerSlotRecipeFn = memo((props = {}) => {
|
|
29
|
+
return Object.fromEntries(filterMonthPickerSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
|
|
30
|
+
});
|
|
31
|
+
const filterMonthPickerSlotRecipeVariantKeys = [];
|
|
32
|
+
const getVariantProps = (variants) => ({ ...filterMonthPickerSlotRecipeDefaultVariants, ...compact(variants) });
|
|
33
|
+
export const filterMonthPickerSlotRecipe = /* @__PURE__ */ Object.assign(filterMonthPickerSlotRecipeFn, {
|
|
34
|
+
__recipe__: false,
|
|
35
|
+
__name__: 'filterMonthPickerSlotRecipe',
|
|
36
|
+
raw: (props) => props,
|
|
37
|
+
classNameMap: {},
|
|
38
|
+
variantKeys: filterMonthPickerSlotRecipeVariantKeys,
|
|
39
|
+
variantMap: {},
|
|
40
|
+
splitVariantProps(props) {
|
|
41
|
+
return splitProps(props, filterMonthPickerSlotRecipeVariantKeys);
|
|
42
|
+
},
|
|
43
|
+
getVariantProps
|
|
44
|
+
});
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface FilterMonthRangePickerSlotRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type FilterMonthRangePickerSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof FilterMonthRangePickerSlotRecipeVariant]: Array<FilterMonthRangePickerSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type FilterMonthRangePickerSlotRecipeSlot = "wrapper" | "trigger" | "content" | "calendarIcon" | "clearButtonWrapper"
|
|
14
|
+
|
|
15
|
+
export type FilterMonthRangePickerSlotRecipeVariantProps = {
|
|
16
|
+
[key in keyof FilterMonthRangePickerSlotRecipeVariant]?: ConditionalValue<FilterMonthRangePickerSlotRecipeVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface FilterMonthRangePickerSlotRecipeRecipe {
|
|
20
|
+
__slot: FilterMonthRangePickerSlotRecipeSlot
|
|
21
|
+
__type: FilterMonthRangePickerSlotRecipeVariantProps
|
|
22
|
+
(props?: FilterMonthRangePickerSlotRecipeVariantProps): Pretty<Record<FilterMonthRangePickerSlotRecipeSlot, string>>
|
|
23
|
+
raw: (props?: FilterMonthRangePickerSlotRecipeVariantProps) => FilterMonthRangePickerSlotRecipeVariantProps
|
|
24
|
+
variantMap: FilterMonthRangePickerSlotRecipeVariantMap
|
|
25
|
+
variantKeys: Array<keyof FilterMonthRangePickerSlotRecipeVariant>
|
|
26
|
+
splitVariantProps<Props extends FilterMonthRangePickerSlotRecipeVariantProps>(props: Props): [FilterMonthRangePickerSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof FilterMonthRangePickerSlotRecipeVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: FilterMonthRangePickerSlotRecipeVariantProps) => FilterMonthRangePickerSlotRecipeVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Slot class created for the MFUI FilterMonthRangePicker component.
|
|
32
|
+
*/
|
|
33
|
+
export declare const filterMonthRangePickerSlotRecipe: FilterMonthRangePickerSlotRecipeRecipe
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
|
|
2
|
+
import { createRecipe } from './create-recipe.js';
|
|
3
|
+
const filterMonthRangePickerSlotRecipeDefaultVariants = {};
|
|
4
|
+
const filterMonthRangePickerSlotRecipeCompoundVariants = [];
|
|
5
|
+
const filterMonthRangePickerSlotRecipeSlotNames = [
|
|
6
|
+
[
|
|
7
|
+
"wrapper",
|
|
8
|
+
"FilterMonthRangePicker__wrapper"
|
|
9
|
+
],
|
|
10
|
+
[
|
|
11
|
+
"trigger",
|
|
12
|
+
"FilterMonthRangePicker__trigger"
|
|
13
|
+
],
|
|
14
|
+
[
|
|
15
|
+
"content",
|
|
16
|
+
"FilterMonthRangePicker__content"
|
|
17
|
+
],
|
|
18
|
+
[
|
|
19
|
+
"calendarIcon",
|
|
20
|
+
"FilterMonthRangePicker__calendarIcon"
|
|
21
|
+
],
|
|
22
|
+
[
|
|
23
|
+
"clearButtonWrapper",
|
|
24
|
+
"FilterMonthRangePicker__clearButtonWrapper"
|
|
25
|
+
]
|
|
26
|
+
];
|
|
27
|
+
const filterMonthRangePickerSlotRecipeSlotFns = /* @__PURE__ */ filterMonthRangePickerSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, filterMonthRangePickerSlotRecipeDefaultVariants, getSlotCompoundVariant(filterMonthRangePickerSlotRecipeCompoundVariants, slotName))]);
|
|
28
|
+
const filterMonthRangePickerSlotRecipeFn = memo((props = {}) => {
|
|
29
|
+
return Object.fromEntries(filterMonthRangePickerSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
|
|
30
|
+
});
|
|
31
|
+
const filterMonthRangePickerSlotRecipeVariantKeys = [];
|
|
32
|
+
const getVariantProps = (variants) => ({ ...filterMonthRangePickerSlotRecipeDefaultVariants, ...compact(variants) });
|
|
33
|
+
export const filterMonthRangePickerSlotRecipe = /* @__PURE__ */ Object.assign(filterMonthRangePickerSlotRecipeFn, {
|
|
34
|
+
__recipe__: false,
|
|
35
|
+
__name__: 'filterMonthRangePickerSlotRecipe',
|
|
36
|
+
raw: (props) => props,
|
|
37
|
+
classNameMap: {},
|
|
38
|
+
variantKeys: filterMonthRangePickerSlotRecipeVariantKeys,
|
|
39
|
+
variantMap: {},
|
|
40
|
+
splitVariantProps(props) {
|
|
41
|
+
return splitProps(props, filterMonthRangePickerSlotRecipeVariantKeys);
|
|
42
|
+
},
|
|
43
|
+
getVariantProps
|
|
44
|
+
});
|
|
@@ -5,7 +5,7 @@ export * from './focus-indicator-slot-recipe';
|
|
|
5
5
|
export * from './typography-slot-recipe';
|
|
6
6
|
export * from './button-slot-recipe';
|
|
7
7
|
export * from './text-link-slot-recipe';
|
|
8
|
-
export * from './
|
|
8
|
+
export * from './textarea-slot-recipe';
|
|
9
9
|
export * from './section-message-slot-recipe';
|
|
10
10
|
export * from './dropdown-menu-slot-recipe';
|
|
11
11
|
export * from './dropdown-menu-container-slot-recipe';
|
|
@@ -70,6 +70,7 @@ export * from './status-label-slot-recipe';
|
|
|
70
70
|
export * from './month-cell-slot-recipe';
|
|
71
71
|
export * from './month-grid-slot-recipe';
|
|
72
72
|
export * from './month-picker-panel-slot-recipe';
|
|
73
|
+
export * from './time-picker-slot-recipe';
|
|
73
74
|
export * from './skeleton-slot-recipe';
|
|
74
75
|
export * from './checkbox-group-slot-recipe';
|
|
75
76
|
export * from './multiple-filter-select-box-slot-recipe';
|
|
@@ -78,6 +79,9 @@ export * from './file-drop-zone-slot-recipe';
|
|
|
78
79
|
export * from './embedded-side-pane-slot-recipe';
|
|
79
80
|
export * from './filter-trigger-slot-recipe';
|
|
80
81
|
export * from './filter-date-picker-slot-recipe';
|
|
82
|
+
export * from './filter-date-range-picker-slot-recipe';
|
|
83
|
+
export * from './filter-month-picker-slot-recipe';
|
|
84
|
+
export * from './filter-month-range-picker-slot-recipe';
|
|
81
85
|
export * from './display-table-body-slot-recipe';
|
|
82
86
|
export * from './display-table-cell-slot-recipe';
|
|
83
87
|
export * from './display-table-slot-recipe';
|
|
@@ -4,7 +4,7 @@ export * from './focus-indicator-slot-recipe.js';
|
|
|
4
4
|
export * from './typography-slot-recipe.js';
|
|
5
5
|
export * from './button-slot-recipe.js';
|
|
6
6
|
export * from './text-link-slot-recipe.js';
|
|
7
|
-
export * from './
|
|
7
|
+
export * from './textarea-slot-recipe.js';
|
|
8
8
|
export * from './section-message-slot-recipe.js';
|
|
9
9
|
export * from './dropdown-menu-slot-recipe.js';
|
|
10
10
|
export * from './dropdown-menu-container-slot-recipe.js';
|
|
@@ -69,6 +69,7 @@ export * from './status-label-slot-recipe.js';
|
|
|
69
69
|
export * from './month-cell-slot-recipe.js';
|
|
70
70
|
export * from './month-grid-slot-recipe.js';
|
|
71
71
|
export * from './month-picker-panel-slot-recipe.js';
|
|
72
|
+
export * from './time-picker-slot-recipe.js';
|
|
72
73
|
export * from './skeleton-slot-recipe.js';
|
|
73
74
|
export * from './checkbox-group-slot-recipe.js';
|
|
74
75
|
export * from './multiple-filter-select-box-slot-recipe.js';
|
|
@@ -77,6 +78,9 @@ export * from './file-drop-zone-slot-recipe.js';
|
|
|
77
78
|
export * from './embedded-side-pane-slot-recipe.js';
|
|
78
79
|
export * from './filter-trigger-slot-recipe.js';
|
|
79
80
|
export * from './filter-date-picker-slot-recipe.js';
|
|
81
|
+
export * from './filter-date-range-picker-slot-recipe.js';
|
|
82
|
+
export * from './filter-month-picker-slot-recipe.js';
|
|
83
|
+
export * from './filter-month-range-picker-slot-recipe.js';
|
|
80
84
|
export * from './display-table-body-slot-recipe.js';
|
|
81
85
|
export * from './display-table-cell-slot-recipe.js';
|
|
82
86
|
export * from './display-table-slot-recipe.js';
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TextareaSlotRecipeVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "medium"
|
|
8
|
+
*/
|
|
9
|
+
size: "small" | "medium" | "large"
|
|
10
|
+
/**
|
|
11
|
+
* @default false
|
|
12
|
+
*/
|
|
13
|
+
disabled: boolean
|
|
14
|
+
/**
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
invalid: boolean
|
|
18
|
+
/**
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
21
|
+
enableAutoResize: boolean
|
|
22
|
+
/**
|
|
23
|
+
* @default "both"
|
|
24
|
+
*/
|
|
25
|
+
resize: "none" | "vertical" | "horizontal" | "both"
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
type TextareaSlotRecipeVariantMap = {
|
|
29
|
+
[key in keyof TextareaSlotRecipeVariant]: Array<TextareaSlotRecipeVariant[key]>
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
type TextareaSlotRecipeSlot = "root"
|
|
33
|
+
|
|
34
|
+
export type TextareaSlotRecipeVariantProps = {
|
|
35
|
+
[key in keyof TextareaSlotRecipeVariant]?: ConditionalValue<TextareaSlotRecipeVariant[key]> | undefined
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export interface TextareaSlotRecipeRecipe {
|
|
39
|
+
__slot: TextareaSlotRecipeSlot
|
|
40
|
+
__type: TextareaSlotRecipeVariantProps
|
|
41
|
+
(props?: TextareaSlotRecipeVariantProps): Pretty<Record<TextareaSlotRecipeSlot, string>>
|
|
42
|
+
raw: (props?: TextareaSlotRecipeVariantProps) => TextareaSlotRecipeVariantProps
|
|
43
|
+
variantMap: TextareaSlotRecipeVariantMap
|
|
44
|
+
variantKeys: Array<keyof TextareaSlotRecipeVariant>
|
|
45
|
+
splitVariantProps<Props extends TextareaSlotRecipeVariantProps>(props: Props): [TextareaSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TextareaSlotRecipeVariantProps>>]
|
|
46
|
+
getVariantProps: (props?: TextareaSlotRecipeVariantProps) => TextareaSlotRecipeVariantProps
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Slot class created for the MFUI Textarea component.
|
|
51
|
+
*/
|
|
52
|
+
export declare const textareaSlotRecipe: TextareaSlotRecipeRecipe
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
|
|
2
|
+
import { createRecipe } from './create-recipe.js';
|
|
3
|
+
const textareaSlotRecipeDefaultVariants = {
|
|
4
|
+
"size": "medium",
|
|
5
|
+
"disabled": false,
|
|
6
|
+
"invalid": false,
|
|
7
|
+
"enableAutoResize": false,
|
|
8
|
+
"resize": "both"
|
|
9
|
+
};
|
|
10
|
+
const textareaSlotRecipeCompoundVariants = [];
|
|
11
|
+
const textareaSlotRecipeSlotNames = [
|
|
12
|
+
[
|
|
13
|
+
"root",
|
|
14
|
+
"Textarea__root"
|
|
15
|
+
]
|
|
16
|
+
];
|
|
17
|
+
const textareaSlotRecipeSlotFns = /* @__PURE__ */ textareaSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, textareaSlotRecipeDefaultVariants, getSlotCompoundVariant(textareaSlotRecipeCompoundVariants, slotName))]);
|
|
18
|
+
const textareaSlotRecipeFn = memo((props = {}) => {
|
|
19
|
+
return Object.fromEntries(textareaSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
|
|
20
|
+
});
|
|
21
|
+
const textareaSlotRecipeVariantKeys = [
|
|
22
|
+
"size",
|
|
23
|
+
"disabled",
|
|
24
|
+
"invalid",
|
|
25
|
+
"enableAutoResize",
|
|
26
|
+
"resize"
|
|
27
|
+
];
|
|
28
|
+
const getVariantProps = (variants) => ({ ...textareaSlotRecipeDefaultVariants, ...compact(variants) });
|
|
29
|
+
export const textareaSlotRecipe = /* @__PURE__ */ Object.assign(textareaSlotRecipeFn, {
|
|
30
|
+
__recipe__: false,
|
|
31
|
+
__name__: 'textareaSlotRecipe',
|
|
32
|
+
raw: (props) => props,
|
|
33
|
+
classNameMap: {},
|
|
34
|
+
variantKeys: textareaSlotRecipeVariantKeys,
|
|
35
|
+
variantMap: {
|
|
36
|
+
"size": [
|
|
37
|
+
"small",
|
|
38
|
+
"medium",
|
|
39
|
+
"large"
|
|
40
|
+
],
|
|
41
|
+
"disabled": [
|
|
42
|
+
"true",
|
|
43
|
+
"false"
|
|
44
|
+
],
|
|
45
|
+
"invalid": [
|
|
46
|
+
"true",
|
|
47
|
+
"false"
|
|
48
|
+
],
|
|
49
|
+
"enableAutoResize": [
|
|
50
|
+
"true",
|
|
51
|
+
"false"
|
|
52
|
+
],
|
|
53
|
+
"resize": [
|
|
54
|
+
"none",
|
|
55
|
+
"vertical",
|
|
56
|
+
"horizontal",
|
|
57
|
+
"both"
|
|
58
|
+
]
|
|
59
|
+
},
|
|
60
|
+
splitVariantProps(props) {
|
|
61
|
+
return splitProps(props, textareaSlotRecipeVariantKeys);
|
|
62
|
+
},
|
|
63
|
+
getVariantProps
|
|
64
|
+
});
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TimePickerSlotRecipeVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "medium"
|
|
8
|
+
*/
|
|
9
|
+
size: "small" | "medium" | "large"
|
|
10
|
+
/**
|
|
11
|
+
* @default false
|
|
12
|
+
*/
|
|
13
|
+
disabled: boolean
|
|
14
|
+
/**
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
invalid: boolean
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
type TimePickerSlotRecipeVariantMap = {
|
|
21
|
+
[key in keyof TimePickerSlotRecipeVariant]: Array<TimePickerSlotRecipeVariant[key]>
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
type TimePickerSlotRecipeSlot = "root" | "input" | "clearButton" | "pickerButton"
|
|
25
|
+
|
|
26
|
+
export type TimePickerSlotRecipeVariantProps = {
|
|
27
|
+
[key in keyof TimePickerSlotRecipeVariant]?: ConditionalValue<TimePickerSlotRecipeVariant[key]> | undefined
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export interface TimePickerSlotRecipeRecipe {
|
|
31
|
+
__slot: TimePickerSlotRecipeSlot
|
|
32
|
+
__type: TimePickerSlotRecipeVariantProps
|
|
33
|
+
(props?: TimePickerSlotRecipeVariantProps): Pretty<Record<TimePickerSlotRecipeSlot, string>>
|
|
34
|
+
raw: (props?: TimePickerSlotRecipeVariantProps) => TimePickerSlotRecipeVariantProps
|
|
35
|
+
variantMap: TimePickerSlotRecipeVariantMap
|
|
36
|
+
variantKeys: Array<keyof TimePickerSlotRecipeVariant>
|
|
37
|
+
splitVariantProps<Props extends TimePickerSlotRecipeVariantProps>(props: Props): [TimePickerSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TimePickerSlotRecipeVariantProps>>]
|
|
38
|
+
getVariantProps: (props?: TimePickerSlotRecipeVariantProps) => TimePickerSlotRecipeVariantProps
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* Slot class for the TimePicker component (native <input type="time"> + custom panel).
|
|
43
|
+
*/
|
|
44
|
+
export declare const timePickerSlotRecipe: TimePickerSlotRecipeRecipe
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
|
|
2
|
+
import { createRecipe } from './create-recipe.js';
|
|
3
|
+
const timePickerSlotRecipeDefaultVariants = {
|
|
4
|
+
"size": "medium",
|
|
5
|
+
"disabled": false,
|
|
6
|
+
"invalid": false
|
|
7
|
+
};
|
|
8
|
+
const timePickerSlotRecipeCompoundVariants = [];
|
|
9
|
+
const timePickerSlotRecipeSlotNames = [
|
|
10
|
+
[
|
|
11
|
+
"root",
|
|
12
|
+
"TimePicker__root"
|
|
13
|
+
],
|
|
14
|
+
[
|
|
15
|
+
"input",
|
|
16
|
+
"TimePicker__input"
|
|
17
|
+
],
|
|
18
|
+
[
|
|
19
|
+
"clearButton",
|
|
20
|
+
"TimePicker__clearButton"
|
|
21
|
+
],
|
|
22
|
+
[
|
|
23
|
+
"pickerButton",
|
|
24
|
+
"TimePicker__pickerButton"
|
|
25
|
+
]
|
|
26
|
+
];
|
|
27
|
+
const timePickerSlotRecipeSlotFns = /* @__PURE__ */ timePickerSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, timePickerSlotRecipeDefaultVariants, getSlotCompoundVariant(timePickerSlotRecipeCompoundVariants, slotName))]);
|
|
28
|
+
const timePickerSlotRecipeFn = memo((props = {}) => {
|
|
29
|
+
return Object.fromEntries(timePickerSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
|
|
30
|
+
});
|
|
31
|
+
const timePickerSlotRecipeVariantKeys = [
|
|
32
|
+
"size",
|
|
33
|
+
"disabled",
|
|
34
|
+
"invalid"
|
|
35
|
+
];
|
|
36
|
+
const getVariantProps = (variants) => ({ ...timePickerSlotRecipeDefaultVariants, ...compact(variants) });
|
|
37
|
+
export const timePickerSlotRecipe = /* @__PURE__ */ Object.assign(timePickerSlotRecipeFn, {
|
|
38
|
+
__recipe__: false,
|
|
39
|
+
__name__: 'timePickerSlotRecipe',
|
|
40
|
+
raw: (props) => props,
|
|
41
|
+
classNameMap: {},
|
|
42
|
+
variantKeys: timePickerSlotRecipeVariantKeys,
|
|
43
|
+
variantMap: {
|
|
44
|
+
"size": [
|
|
45
|
+
"small",
|
|
46
|
+
"medium",
|
|
47
|
+
"large"
|
|
48
|
+
],
|
|
49
|
+
"disabled": [
|
|
50
|
+
"true",
|
|
51
|
+
"false"
|
|
52
|
+
],
|
|
53
|
+
"invalid": [
|
|
54
|
+
"true",
|
|
55
|
+
"false"
|
|
56
|
+
]
|
|
57
|
+
},
|
|
58
|
+
splitVariantProps(props) {
|
|
59
|
+
return splitProps(props, timePickerSlotRecipeVariantKeys);
|
|
60
|
+
},
|
|
61
|
+
getVariantProps
|
|
62
|
+
});
|