@moneyforward/mfui-components 3.29.1 → 3.31.1
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/Button/Button.d.ts +4 -4
- package/dist/src/CheckboxCard/CheckboxCard.d.ts +2 -2
- package/dist/src/CheckboxCard/CheckboxCard.js +1 -1
- package/dist/src/DataTable/DataTable.js +2 -2
- package/dist/src/DataTable/DataTable.types.d.ts +9 -0
- package/dist/src/DataTable/DataTableCell/DataTableCell.js +3 -2
- package/dist/src/DataTable/DataTableHeaderCell/DataTableHeaderCell.js +2 -1
- package/dist/src/DataTable/DataTableProvider.d.ts +2 -2
- package/dist/src/DataTable/DataTableProvider.js +4 -1
- package/dist/src/DataTable/DataTableRow/DataTableRow.js +34 -3
- package/dist/src/DateTimeSelection/DateRangePicker/DateRangePickerProvider/DateRangePickerProvider.d.ts +2 -2
- package/dist/src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/constants.d.ts +4 -4
- package/dist/src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/hooks/useDateRangeTriggerInputClick.d.ts +1 -1
- package/dist/src/DateTimeSelection/DateRangePicker/utilities/createDateRangePickerTestUtility.d.ts +1 -1
- package/dist/src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/constants.d.ts +5 -5
- package/dist/src/DateTimeSelection/TimePicker/TimePicker.d.ts +9 -9
- package/dist/src/DateTimeSelection/shared/BasePicker/basePickerUtilities/useBasePickerValueController.d.ts +1 -1
- package/dist/src/DateTimeSelection/shared/BasePicker/constants.d.ts +1 -1
- package/dist/src/DateTimeSelection/shared/BasePicker/constants.js +2 -0
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/constants.d.ts +6 -6
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/BaseRangePickerProvider.d.ts +2 -2
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/BaseRangePickerTrigger.js +1 -1
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/hooks/useDateRangeTriggerInputClick.d.ts +1 -1
- package/dist/src/DateTimeSelection/shared/BaseRangePicker/utilities/createBaseRangePickerTestUtility.d.ts +1 -1
- package/dist/src/DateTimeSelection/shared/YearSelector/YearSelector.js +7 -1
- package/dist/src/DateTimeSelection/shared/accessibility/constants.d.ts +6 -6
- package/dist/src/Dialog/Dialog.d.ts +4 -4
- package/dist/src/Disclosure/Disclosure.d.ts +21 -10
- package/dist/src/DropdownMenu/DropdownMenu.d.ts +3 -3
- package/dist/src/DropdownMenu/DropdownMenu.js +26 -2
- package/dist/src/DropdownMenu/DropdownMenuButtonTrigger.d.ts +2 -2
- package/dist/src/DropdownMenu/DropdownMenuContainer/DropdownMenuContainer.js +28 -3
- package/dist/src/DropdownMenu/DropdownMenuContainer/DropdownMenuContainer.types.d.ts +5 -2
- package/dist/src/DropdownMenu/DropdownMenuItem/DropdownMenuItem.d.ts +1 -1
- package/dist/src/DropdownMenu/DropdownMenuItem/DropdownMenuItem.js +29 -6
- package/dist/src/DropdownMenu/DropdownMenuItem/DropdownMenuItem.types.d.ts +6 -0
- package/dist/src/EmbeddedSidePane/EmbeddedSidePane.d.ts +1 -1
- package/dist/src/FileBox/FileBox.d.ts +4 -4
- package/dist/src/FileBox/FileBox.js +1 -1
- package/dist/src/FileDropZone/FileDropZone.d.ts +4 -4
- package/dist/src/FileDropZone/utils/fileHelpers.d.ts +3 -3
- package/dist/src/FilterTrigger/FilterTrigger.d.ts +2 -2
- package/dist/src/Heading/Heading.d.ts +2 -2
- package/dist/src/HelpMessage/HelpMessage.d.ts +3 -3
- package/dist/src/IconButton/IconButton.d.ts +6 -6
- package/dist/src/KeyValue/KeyValue.d.ts +2 -2
- package/dist/src/MainNavigation/BaseMainNavigation.d.ts +1 -1
- package/dist/src/MainNavigation/BaseMainNavigation.js +4 -2
- package/dist/src/MainNavigation/MainNavigation.js +3 -3
- package/dist/src/MainNavigation/MainNavigation.types.d.ts +18 -0
- package/dist/src/MultipleSelectBox/MultipleSelectBox.js +1 -1
- package/dist/src/MultipleSelectBox/hooks/useApplyControls.d.ts +1 -1
- package/dist/src/MultipleSelectBox/hooks/useSelectedValues.d.ts +1 -1
- package/dist/src/NumberBox/NumberBox.d.ts +1 -1
- package/dist/src/NumberBox/NumberBox.js +68 -21
- package/dist/src/Pagination/ItemsCount/ItemsCount.js +1 -1
- package/dist/src/Popover/Popover.js +1 -1
- package/dist/src/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/RadioButtonCard/RadioButtonCard.d.ts +2 -2
- package/dist/src/RadioButtonCard/RadioButtonCard.js +1 -1
- package/dist/src/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/src/SearchBox/SearchBox.js +18 -4
- package/dist/src/SectionMessage/SectionMessage.d.ts +5 -5
- package/dist/src/SectionMessage/SectionMessage.js +11 -4
- package/dist/src/SectionMessage/SectionMessage.types.d.ts +4 -4
- package/dist/src/SelectBox/SelectBox.js +1 -1
- package/dist/src/SelectBox/SelectBoxOption.js +1 -1
- package/dist/src/SelectBox/SelectBoxOptionGroup.js +1 -1
- package/dist/src/SidePane/SidePane.d.ts +9 -7
- package/dist/src/SidePane/SidePane.js +8 -4
- package/dist/src/SidePane/hooks/useSidePaneStateController.d.ts +7 -2
- package/dist/src/SidePane/hooks/useSidePaneStateController.js +11 -5
- package/dist/src/Sidebar/Sidebar.d.ts +10 -1
- package/dist/src/Sidebar/Sidebar.js +40 -10
- package/dist/src/Sidebar/Sidebar.types.d.ts +39 -2
- package/dist/src/Sidebar/SidebarContext.d.ts +3 -0
- package/dist/src/Sidebar/SidebarContext.js +2 -0
- package/dist/src/Sidebar/SidebarMenuHeading/SidebarMenuHeading.d.ts +49 -0
- package/dist/src/Sidebar/SidebarMenuHeading/SidebarMenuHeading.js +113 -0
- package/dist/src/Sidebar/SidebarMenuHeading/SidebarMenuHeading.types.d.ts +36 -0
- package/dist/src/Sidebar/SidebarMenuHeading/SidebarMenuHeading.types.js +1 -0
- package/dist/src/Sidebar/SidebarMenuHeading/index.d.ts +2 -0
- package/dist/src/Sidebar/SidebarMenuHeading/index.js +1 -0
- package/dist/src/Sidebar/SidebarNavigationItem.js +6 -3
- package/dist/src/Sidebar/hooks/useSidebarResize.d.ts +2 -1
- package/dist/src/Sidebar/hooks/useSidebarResize.js +31 -3
- package/dist/src/Sidebar/index.d.ts +2 -1
- package/dist/src/Stack/Stack.d.ts +5 -5
- package/dist/src/StatusLabel/StatusLabel.d.ts +2 -2
- package/dist/src/Stepper/Step/Step.js +1 -1
- package/dist/src/SubNavigation/SubNavigation.js +1 -1
- package/dist/src/Tag/Tag.d.ts +1 -1
- package/dist/src/Tag/Tag.js +2 -2
- package/dist/src/Tag/Tag.types.d.ts +7 -0
- package/dist/src/TextBox/TextBox.d.ts +6 -6
- package/dist/src/TextLink/TextLink.d.ts +2 -2
- package/dist/src/Textarea/Textarea.d.ts +4 -4
- package/dist/src/Toast/Toast.d.ts +3 -3
- package/dist/src/Toast/Toast.js +9 -5
- package/dist/src/Toast/Toast.types.d.ts +3 -5
- package/dist/src/Toast/api/toast.d.ts +18 -2
- package/dist/src/Tooltip/Tooltip.d.ts +3 -3
- package/dist/src/Tooltip/Tooltip.js +1 -1
- package/dist/src/Tooltip/Tooltip.types.d.ts +2 -0
- package/dist/src/Tooltip/hooks/useTooltipDisplayController.js +14 -2
- package/dist/src/utilities/dom/dispatchNativeInputValueWithEvent.d.ts +1 -1
- package/dist/src/utilities/dom/useFocusTrap.d.ts +1 -1
- package/dist/src/utilities/react/useIsomorphicLayoutEffect.d.ts +2 -2
- package/dist/styled-system/css/conditions.d.ts +3 -3
- package/dist/styled-system/helpers.d.ts +36 -35
- package/dist/styled-system/jsx/factory-helper.d.ts +4 -4
- package/dist/styled-system/recipes/create-recipe.d.ts +2 -2
- package/dist/styled-system/recipes/data-table-cell-slot-recipe.d.ts +1 -0
- package/dist/styled-system/recipes/data-table-cell-slot-recipe.js +4 -0
- package/dist/styled-system/recipes/data-table-header-cell-slot-recipe.d.ts +1 -0
- package/dist/styled-system/recipes/data-table-header-cell-slot-recipe.js +4 -0
- package/dist/styled-system/recipes/dropdown-menu-item-slot-recipe.d.ts +1 -1
- package/dist/styled-system/recipes/dropdown-menu-item-slot-recipe.js +12 -0
- package/dist/styled-system/recipes/index.d.ts +2 -1
- package/dist/styled-system/recipes/index.js +1 -0
- package/dist/styled-system/recipes/section-message-slot-recipe.d.ts +1 -1
- package/dist/styled-system/recipes/section-message-slot-recipe.js +3 -1
- package/dist/styled-system/recipes/sidebar-menu-heading-slot-recipe.d.ts +33 -0
- package/dist/styled-system/recipes/sidebar-menu-heading-slot-recipe.js +44 -0
- package/dist/styled-system/recipes/sidebar-slot-recipe.d.ts +1 -1
- package/dist/styled-system/recipes/sidebar-slot-recipe.js +4 -0
- package/dist/styles.css +158 -14
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +11 -11
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useLayoutEffect } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* `useLayoutEffect` that falls back to `useEffect` on the server.
|
|
4
4
|
*
|
|
@@ -8,4 +8,4 @@ import { useEffect } from 'react';
|
|
|
8
8
|
*
|
|
9
9
|
* @see https://react.dev/reference/react/useLayoutEffect#caveats
|
|
10
10
|
*/
|
|
11
|
-
export declare const useIsomorphicLayoutEffect: typeof
|
|
11
|
+
export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export function isCondition(value: any): boolean;
|
|
2
|
-
export function finalizeConditions(paths: any): any;
|
|
3
|
-
export function sortConditions(paths: any): any;
|
|
1
|
+
export declare function isCondition(value: any): boolean;
|
|
2
|
+
export declare function finalizeConditions(paths: any): any;
|
|
3
|
+
export declare function sortConditions(paths: any): any;
|
|
@@ -1,44 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
declare function isObject(value: any): boolean;
|
|
2
|
+
declare function compact(value: any): {
|
|
3
3
|
[k: string]: any;
|
|
4
4
|
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
declare var isBaseCondition: (v: any) => boolean;
|
|
6
|
+
declare function filterBaseConditions(c: any): any;
|
|
7
|
+
declare function toHash(value: any): string;
|
|
8
|
+
declare function withoutSpace(str: any): any;
|
|
9
|
+
declare var memo: (fn: any) => (...args: any[]) => any;
|
|
10
|
+
declare function mergeProps(...sources: any[]): any;
|
|
11
|
+
declare function walkObject(target: any, predicate: any, options?: {}): any;
|
|
12
|
+
declare function mapObject(obj: any, fn: any): any;
|
|
13
|
+
declare function createCss(context: any): (...args: any[]) => any;
|
|
14
|
+
declare function createMergeCss(context: any): {
|
|
10
15
|
mergeCss: (...args: any[]) => any;
|
|
11
16
|
assignCss: (...styles: any[]) => any;
|
|
12
17
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
18
|
+
declare var hypenateProperty: (...args: any[]) => any;
|
|
19
|
+
declare var isCssFunction: (v: any) => boolean;
|
|
20
|
+
declare var isCssUnit: (v: any) => boolean;
|
|
21
|
+
declare var isCssVar: (v: any) => boolean;
|
|
22
|
+
declare var patternFns: {
|
|
23
|
+
map: typeof mapObject;
|
|
24
|
+
isCssFunction: typeof isCssFunction;
|
|
25
|
+
isCssVar: typeof isCssVar;
|
|
26
|
+
isCssUnit: typeof isCssUnit;
|
|
27
|
+
};
|
|
28
|
+
declare var getPatternStyles: (pattern: any, styles: any) => any;
|
|
29
|
+
declare var getSlotRecipes: (recipe?: {}) => {
|
|
17
30
|
[k: string]: any;
|
|
18
31
|
};
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
export
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
export { mapObject as map };
|
|
27
|
-
export { isCssFunction };
|
|
28
|
-
export { isCssVar };
|
|
29
|
-
export { isCssUnit };
|
|
30
|
-
}
|
|
31
|
-
export function splitProps(props: any, ...keys: any[]): {}[];
|
|
32
|
-
export function toHash(value: any): string;
|
|
33
|
-
export function uniq(...items: any[]): any[];
|
|
34
|
-
export function walkObject(target: any, predicate: any, options?: {}): any;
|
|
35
|
-
export function withoutSpace(str: any): any;
|
|
36
|
-
export function normalizeHTMLProps(props: any): any;
|
|
37
|
-
export namespace normalizeHTMLProps {
|
|
32
|
+
declare var getSlotCompoundVariant: (compoundVariants: any, slotName: any) => any;
|
|
33
|
+
declare function splitProps(props: any, ...keys: any[]): {}[];
|
|
34
|
+
declare var uniq: (...items: any[]) => any[];
|
|
35
|
+
export { compact, createCss, createMergeCss, filterBaseConditions, getPatternStyles, getSlotCompoundVariant, getSlotRecipes, hypenateProperty, isBaseCondition, isObject, mapObject, memo, mergeProps, patternFns, splitProps, toHash, uniq, walkObject, withoutSpace };
|
|
36
|
+
declare var htmlProps: string[];
|
|
37
|
+
declare function normalizeHTMLProps(props: any): any;
|
|
38
|
+
declare namespace normalizeHTMLProps {
|
|
38
39
|
export { htmlProps as keys };
|
|
39
40
|
}
|
|
40
|
-
|
|
41
|
-
declare function
|
|
42
|
-
declare function
|
|
43
|
-
|
|
44
|
-
|
|
41
|
+
export { normalizeHTMLProps };
|
|
42
|
+
export declare function __spreadValues(a: any, b: any): any;
|
|
43
|
+
export declare function __objRest(source: any, exclude: any): {
|
|
44
|
+
[k: string]: any;
|
|
45
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
1
|
+
export declare const defaultShouldForwardProp: (prop: any, variantKeys: any) => boolean;
|
|
2
|
+
export declare const composeShouldForwardProps: (tag: any, shouldForwardProp: any) => any;
|
|
3
|
+
export declare const composeCvaFn: (cvaA: any, cvaB: any) => any;
|
|
4
|
+
export declare const getDisplayName: (Component: any) => any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare const createRecipe: (name: any, defaultVariants: any, compoundVariants: any) => {
|
|
2
2
|
recipeFn: (variants: any, withCompoundVariants?: boolean) => any;
|
|
3
3
|
getVariantProps: (variants: any) => any;
|
|
4
4
|
__getCompoundVariantCss__: (variants: any) => any;
|
|
5
5
|
};
|
|
6
|
-
export
|
|
6
|
+
export declare const mergeRecipes: (recipeA: any, recipeB: any) => any;
|
|
@@ -52,6 +52,7 @@ const dataTableCellSlotRecipeVariantKeys = [
|
|
|
52
52
|
"isCheckboxCell",
|
|
53
53
|
"rowHighlighted",
|
|
54
54
|
"fixedColumn",
|
|
55
|
+
"verticalBorder",
|
|
55
56
|
"edgeFixedColumn",
|
|
56
57
|
"layout",
|
|
57
58
|
"type"
|
|
@@ -77,6 +78,9 @@ export const dataTableCellSlotRecipe = /* @__PURE__ */ Object.assign(dataTableCe
|
|
|
77
78
|
"fixedColumn": [
|
|
78
79
|
"true"
|
|
79
80
|
],
|
|
81
|
+
"verticalBorder": [
|
|
82
|
+
"true"
|
|
83
|
+
],
|
|
80
84
|
"edgeFixedColumn": [
|
|
81
85
|
"left",
|
|
82
86
|
"right"
|
|
@@ -5,6 +5,7 @@ import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
|
5
5
|
interface DataTableHeaderCellSlotRecipeVariant {
|
|
6
6
|
size: "small" | "medium"
|
|
7
7
|
fixedColumn: boolean
|
|
8
|
+
verticalBorder: boolean
|
|
8
9
|
edgeFixedColumn: "left" | "right"
|
|
9
10
|
isCheckboxCell: boolean
|
|
10
11
|
type: "text" | "amount"
|
|
@@ -35,6 +35,7 @@ const dataTableHeaderCellSlotRecipeFn = memo((props = {}) => {
|
|
|
35
35
|
const dataTableHeaderCellSlotRecipeVariantKeys = [
|
|
36
36
|
"size",
|
|
37
37
|
"fixedColumn",
|
|
38
|
+
"verticalBorder",
|
|
38
39
|
"edgeFixedColumn",
|
|
39
40
|
"isCheckboxCell",
|
|
40
41
|
"type"
|
|
@@ -54,6 +55,9 @@ export const dataTableHeaderCellSlotRecipe = /* @__PURE__ */ Object.assign(dataT
|
|
|
54
55
|
"fixedColumn": [
|
|
55
56
|
"true"
|
|
56
57
|
],
|
|
58
|
+
"verticalBorder": [
|
|
59
|
+
"true"
|
|
60
|
+
],
|
|
57
61
|
"edgeFixedColumn": [
|
|
58
62
|
"left",
|
|
59
63
|
"right"
|
|
@@ -10,7 +10,7 @@ type DropdownMenuItemSlotRecipeVariantMap = {
|
|
|
10
10
|
[key in keyof DropdownMenuItemSlotRecipeVariant]: Array<DropdownMenuItemSlotRecipeVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
type DropdownMenuItemSlotRecipeSlot = "root"
|
|
13
|
+
type DropdownMenuItemSlotRecipeSlot = "root" | "content" | "disabledMessage" | "disabledMessageIcon"
|
|
14
14
|
|
|
15
15
|
export type DropdownMenuItemSlotRecipeVariantProps = {
|
|
16
16
|
[key in keyof DropdownMenuItemSlotRecipeVariant]?: ConditionalValue<DropdownMenuItemSlotRecipeVariant[key]> | undefined
|
|
@@ -6,6 +6,18 @@ const dropdownMenuItemSlotRecipeSlotNames = [
|
|
|
6
6
|
[
|
|
7
7
|
"root",
|
|
8
8
|
"DropdownMenuItem__root"
|
|
9
|
+
],
|
|
10
|
+
[
|
|
11
|
+
"content",
|
|
12
|
+
"DropdownMenuItem__content"
|
|
13
|
+
],
|
|
14
|
+
[
|
|
15
|
+
"disabledMessage",
|
|
16
|
+
"DropdownMenuItem__disabledMessage"
|
|
17
|
+
],
|
|
18
|
+
[
|
|
19
|
+
"disabledMessageIcon",
|
|
20
|
+
"DropdownMenuItem__disabledMessageIcon"
|
|
9
21
|
]
|
|
10
22
|
];
|
|
11
23
|
const dropdownMenuItemSlotRecipeSlotFns = /* @__PURE__ */ dropdownMenuItemSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dropdownMenuItemSlotRecipeDefaultVariants, getSlotCompoundVariant(dropdownMenuItemSlotRecipeCompoundVariants, slotName))]);
|
|
@@ -99,4 +99,5 @@ export * from './toggle-switch-slot-recipe';
|
|
|
99
99
|
export * from './navigation-list-slot-recipe';
|
|
100
100
|
export * from './navigation-list-item-slot-recipe';
|
|
101
101
|
export * from './form-footer-slot-recipe';
|
|
102
|
-
export * from './sidebar-slot-recipe';
|
|
102
|
+
export * from './sidebar-slot-recipe';
|
|
103
|
+
export * from './sidebar-menu-heading-slot-recipe';
|
|
@@ -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 SectionMessageSlotRecipeVariant {
|
|
6
|
-
messageType: "neutral" | "success" | "error" | "caution"
|
|
6
|
+
messageType: "neutral" | "success" | "error" | "caution" | "busy" | "progress"
|
|
7
7
|
region: "inline" | "page"
|
|
8
8
|
disableResponsive: boolean
|
|
9
9
|
}
|
|
@@ -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 SidebarMenuHeadingSlotRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type SidebarMenuHeadingSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof SidebarMenuHeadingSlotRecipeVariant]: Array<SidebarMenuHeadingSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type SidebarMenuHeadingSlotRecipeSlot = "tooltip" | "numberRow" | "numberText" | "numberIcon" | "status"
|
|
14
|
+
|
|
15
|
+
export type SidebarMenuHeadingSlotRecipeVariantProps = {
|
|
16
|
+
[key in keyof SidebarMenuHeadingSlotRecipeVariant]?: ConditionalValue<SidebarMenuHeadingSlotRecipeVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface SidebarMenuHeadingSlotRecipeRecipe {
|
|
20
|
+
__slot: SidebarMenuHeadingSlotRecipeSlot
|
|
21
|
+
__type: SidebarMenuHeadingSlotRecipeVariantProps
|
|
22
|
+
(props?: SidebarMenuHeadingSlotRecipeVariantProps): Pretty<Record<SidebarMenuHeadingSlotRecipeSlot, string>>
|
|
23
|
+
raw: (props?: SidebarMenuHeadingSlotRecipeVariantProps) => SidebarMenuHeadingSlotRecipeVariantProps
|
|
24
|
+
variantMap: SidebarMenuHeadingSlotRecipeVariantMap
|
|
25
|
+
variantKeys: Array<keyof SidebarMenuHeadingSlotRecipeVariant>
|
|
26
|
+
splitVariantProps<Props extends SidebarMenuHeadingSlotRecipeVariantProps>(props: Props): [SidebarMenuHeadingSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SidebarMenuHeadingSlotRecipeVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: SidebarMenuHeadingSlotRecipeVariantProps) => SidebarMenuHeadingSlotRecipeVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Slot class created for the MFUI Sidebar tenant/user menu heading sub-component.
|
|
32
|
+
*/
|
|
33
|
+
export declare const sidebarMenuHeadingSlotRecipe: SidebarMenuHeadingSlotRecipeRecipe
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
|
|
2
|
+
import { createRecipe } from './create-recipe.js';
|
|
3
|
+
const sidebarMenuHeadingSlotRecipeDefaultVariants = {};
|
|
4
|
+
const sidebarMenuHeadingSlotRecipeCompoundVariants = [];
|
|
5
|
+
const sidebarMenuHeadingSlotRecipeSlotNames = [
|
|
6
|
+
[
|
|
7
|
+
"tooltip",
|
|
8
|
+
"SidebarMenuHeading__tooltip"
|
|
9
|
+
],
|
|
10
|
+
[
|
|
11
|
+
"numberRow",
|
|
12
|
+
"SidebarMenuHeading__numberRow"
|
|
13
|
+
],
|
|
14
|
+
[
|
|
15
|
+
"numberText",
|
|
16
|
+
"SidebarMenuHeading__numberText"
|
|
17
|
+
],
|
|
18
|
+
[
|
|
19
|
+
"numberIcon",
|
|
20
|
+
"SidebarMenuHeading__numberIcon"
|
|
21
|
+
],
|
|
22
|
+
[
|
|
23
|
+
"status",
|
|
24
|
+
"SidebarMenuHeading__status"
|
|
25
|
+
]
|
|
26
|
+
];
|
|
27
|
+
const sidebarMenuHeadingSlotRecipeSlotFns = /* @__PURE__ */ sidebarMenuHeadingSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sidebarMenuHeadingSlotRecipeDefaultVariants, getSlotCompoundVariant(sidebarMenuHeadingSlotRecipeCompoundVariants, slotName))]);
|
|
28
|
+
const sidebarMenuHeadingSlotRecipeFn = memo((props = {}) => {
|
|
29
|
+
return Object.fromEntries(sidebarMenuHeadingSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
|
|
30
|
+
});
|
|
31
|
+
const sidebarMenuHeadingSlotRecipeVariantKeys = [];
|
|
32
|
+
const getVariantProps = (variants) => ({ ...sidebarMenuHeadingSlotRecipeDefaultVariants, ...compact(variants) });
|
|
33
|
+
export const sidebarMenuHeadingSlotRecipe = /* @__PURE__ */ Object.assign(sidebarMenuHeadingSlotRecipeFn, {
|
|
34
|
+
__recipe__: false,
|
|
35
|
+
__name__: 'sidebarMenuHeadingSlotRecipe',
|
|
36
|
+
raw: (props) => props,
|
|
37
|
+
classNameMap: {},
|
|
38
|
+
variantKeys: sidebarMenuHeadingSlotRecipeVariantKeys,
|
|
39
|
+
variantMap: {},
|
|
40
|
+
splitVariantProps(props) {
|
|
41
|
+
return splitProps(props, sidebarMenuHeadingSlotRecipeVariantKeys);
|
|
42
|
+
},
|
|
43
|
+
getVariantProps
|
|
44
|
+
});
|
|
@@ -10,7 +10,7 @@ type SidebarSlotRecipeVariantMap = {
|
|
|
10
10
|
[key in keyof SidebarSlotRecipeVariant]: Array<SidebarSlotRecipeVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
type SidebarSlotRecipeSlot = "root" | "header" | "leftPane" | "logo" | "navigationWrapper" | "mainNavigation" | "extraNavigation" | "navigationList" | "navigationListItem" | "navigationDivider" | "navigationLink" | "navigationLinkInner" | "navigationLinkIcon" | "navigationLinkLabel" | "navigationLinkLabelInner" | "footer" | "footerSlot" | "serviceMenu" | "footerIconMenu" | "footerUserIdMenu" | "footerUserIdMenuItem" | "handle"
|
|
13
|
+
type SidebarSlotRecipeSlot = "root" | "header" | "leftPane" | "logo" | "rightPane" | "navigationWrapper" | "mainNavigation" | "extraNavigation" | "navigationList" | "navigationListItem" | "navigationDivider" | "navigationLink" | "navigationLinkInner" | "navigationLinkIcon" | "navigationLinkLabel" | "navigationLinkLabelInner" | "footer" | "footerSlot" | "serviceMenu" | "footerIconMenu" | "footerUserIdMenu" | "footerUserIdMenuItem" | "handle"
|
|
14
14
|
|
|
15
15
|
export type SidebarSlotRecipeVariantProps = {
|
|
16
16
|
[key in keyof SidebarSlotRecipeVariant]?: ConditionalValue<SidebarSlotRecipeVariant[key]> | undefined
|