@recursica/mantine-adapter 0.38.0 → 0.38.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/CHANGELOG.md +6 -0
- package/dist/index.d.ts +2892 -2
- package/package.json +1 -1
- package/dist/src/OverStyling.d.ts +0 -1
- package/dist/src/Version.d.ts +0 -1
- package/dist/src/components/Accordion/Accordion.d.ts +0 -21
- package/dist/src/components/Accordion/index.d.ts +0 -1
- package/dist/src/components/AssistiveElement/AssistiveElement.d.ts +0 -5
- package/dist/src/components/AutoComplete/AutoComplete.d.ts +0 -11
- package/dist/src/components/Avatar/Avatar.d.ts +0 -18
- package/dist/src/components/Avatar/index.d.ts +0 -1
- package/dist/src/components/Badge/Badge.d.ts +0 -18
- package/dist/src/components/Breadcrumb/Breadcrumb.d.ts +0 -5
- package/dist/src/components/Button/Button.d.ts +0 -30
- package/dist/src/components/Button/index.d.ts +0 -1
- package/dist/src/components/Card/Card.d.ts +0 -59
- package/dist/src/components/Checkbox/Checkbox.d.ts +0 -13
- package/dist/src/components/Checkbox/CheckboxGroup.d.ts +0 -9
- package/dist/src/components/Chip/Chip.d.ts +0 -6
- package/dist/src/components/Container/Container.d.ts +0 -23
- package/dist/src/components/DatePicker/DatePicker.d.ts +0 -9
- package/dist/src/components/Dropdown/BareDropdown.d.ts +0 -19
- package/dist/src/components/Dropdown/Dropdown.d.ts +0 -9
- package/dist/src/components/FileInput/FileInput.d.ts +0 -3
- package/dist/src/components/FileUpload/FileUpload.d.ts +0 -3
- package/dist/src/components/Flex/Flex.d.ts +0 -52
- package/dist/src/components/FormControlLayout/FormControlLayout.d.ts +0 -16
- package/dist/src/components/FormControlWrapper/FormControlWrapper.d.ts +0 -7
- package/dist/src/components/Grid/Grid.d.ts +0 -91
- package/dist/src/components/Group/Group.d.ts +0 -23
- package/dist/src/components/HoverCard/HoverCard.d.ts +0 -45
- package/dist/src/components/Label/Label.d.ts +0 -6
- package/dist/src/components/Label/index.d.ts +0 -1
- package/dist/src/components/Link/Link.d.ts +0 -23
- package/dist/src/components/Link/index.d.ts +0 -1
- package/dist/src/components/Loader/Loader.d.ts +0 -5
- package/dist/src/components/Menu/Menu.d.ts +0 -116
- package/dist/src/components/Modal/Modal.d.ts +0 -54
- package/dist/src/components/Modal/index.d.ts +0 -1
- package/dist/src/components/NumberInput/NumberInput.d.ts +0 -9
- package/dist/src/components/Pagination/Pagination.d.ts +0 -69
- package/dist/src/components/Pagination/Pagination.icons.d.ts +0 -8
- package/dist/src/components/Pagination/index.d.ts +0 -1
- package/dist/src/components/Panel/Panel.d.ts +0 -74
- package/dist/src/components/Popover/Popover.d.ts +0 -47
- package/dist/src/components/Popover/index.d.ts +0 -1
- package/dist/src/components/Radio/Radio.d.ts +0 -13
- package/dist/src/components/Radio/RadioGroup.d.ts +0 -9
- package/dist/src/components/ReadOnlyField/ReadOnlyBooleanField.d.ts +0 -5
- package/dist/src/components/ReadOnlyField/ReadOnlyField.d.ts +0 -12
- package/dist/src/components/ReadOnlyField/ReadOnlySwitchField.d.ts +0 -5
- package/dist/src/components/ReadOnlyField/ReadOnlyTextField.d.ts +0 -8
- package/dist/src/components/ReadOnlyField/WithReadOnlyWrapper.d.ts +0 -28
- package/dist/src/components/ReadOnlyField/index.d.ts +0 -5
- package/dist/src/components/SegmentedControl/SegmentedControl.d.ts +0 -11
- package/dist/src/components/Slider/Slider.d.ts +0 -15
- package/dist/src/components/Stack/Stack.d.ts +0 -42
- package/dist/src/components/Stepper/Stepper.d.ts +0 -15
- package/dist/src/components/Switch/Switch.d.ts +0 -13
- package/dist/src/components/Switch/SwitchGroup.d.ts +0 -9
- package/dist/src/components/Table/Table.d.ts +0 -33
- package/dist/src/components/Tabs/Tabs.d.ts +0 -19
- package/dist/src/components/Text/Text.d.ts +0 -24
- package/dist/src/components/TextArea/TextArea.d.ts +0 -9
- package/dist/src/components/TextField/TextField.d.ts +0 -9
- package/dist/src/components/TimePicker/TimePicker.d.ts +0 -10
- package/dist/src/components/Timeline/Timeline.d.ts +0 -16
- package/dist/src/components/Timeline/TimelineItem.d.ts +0 -14
- package/dist/src/components/Title/Title.d.ts +0 -8
- package/dist/src/components/Toast/Toast.d.ts +0 -11
- package/dist/src/components/Toast/index.d.ts +0 -1
- package/dist/src/components/Tooltip/Tooltip.d.ts +0 -33
- package/dist/src/components/TransferList/TransferList.d.ts +0 -4
- package/dist/src/components/Tree/Tree.d.ts +0 -18
- package/dist/src/components/Tree/index.d.ts +0 -1
- package/dist/src/components/index.d.ts +0 -52
- package/dist/src/index.d.ts +0 -220
- package/dist/src/types/index.d.ts +0 -6
- package/dist/src/utils/ColorSchemeWrapper.d.ts +0 -3
- package/dist/src/utils/RequireAccessibleLabel.d.ts +0 -1
- package/dist/src/utils/copyToClipboard.d.ts +0 -8
- package/dist/src/utils/filterStylingProps.d.ts +0 -28
- package/dist/src/utils/index.d.ts +0 -1
- package/dist/vite.config.d.ts +0 -2
- package/dist/vitest.workspace.d.ts +0 -2
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { HoverCardProps as MantineHoverCardProps, HoverCardTargetProps as MantineHoverCardTargetProps, HoverCardDropdownProps as MantineHoverCardDropdownProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaHoverCardProps } from '@recursica/adapter-common';
|
|
4
|
-
/**
|
|
5
|
-
* Recursica HoverCard component wrapping Mantine's composable HoverCard.
|
|
6
|
-
*
|
|
7
|
-
* Displays a dropdown panel when the user hovers over a target element.
|
|
8
|
-
* Uses the composable dot-notation pattern:
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <HoverCard withBeak>
|
|
11
|
-
* <HoverCard.Target>
|
|
12
|
-
* <Button>Hover me</Button>
|
|
13
|
-
* </HoverCard.Target>
|
|
14
|
-
* <HoverCard.Dropdown>
|
|
15
|
-
* Content displayed on hover
|
|
16
|
-
* </HoverCard.Dropdown>
|
|
17
|
-
* </HoverCard>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export type HoverCardProps = RecursicaOverStyled<MantineHoverCardProps & RecursicaHoverCardProps>;
|
|
21
|
-
declare const HoverCardBase: {
|
|
22
|
-
({ overStyled, withBeak, ...rest }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
displayName: string;
|
|
24
|
-
};
|
|
25
|
-
/**
|
|
26
|
-
* Wrapper for the element that triggers the hover card.
|
|
27
|
-
* Requires a single child element that supports ref forwarding.
|
|
28
|
-
*/
|
|
29
|
-
export type HoverCardTargetProps = MantineHoverCardTargetProps;
|
|
30
|
-
declare const HoverCardTarget: {
|
|
31
|
-
(props: HoverCardTargetProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
displayName: string;
|
|
33
|
-
};
|
|
34
|
-
/** The dropdown panel displayed when hovering over the target. */
|
|
35
|
-
export type HoverCardDropdownProps = RecursicaOverStyled<MantineHoverCardDropdownProps>;
|
|
36
|
-
declare const HoverCardDropdown: {
|
|
37
|
-
({ overStyled, ...rest }: HoverCardDropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
displayName: string;
|
|
39
|
-
};
|
|
40
|
-
type HoverCardComponent = typeof HoverCardBase & {
|
|
41
|
-
Target: typeof HoverCardTarget;
|
|
42
|
-
Dropdown: typeof HoverCardDropdown;
|
|
43
|
-
};
|
|
44
|
-
export declare const HoverCard: HoverCardComponent;
|
|
45
|
-
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { InputLabelProps } from '@mantine/core';
|
|
3
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
-
import { RecursicaLabelProps } from '@recursica/adapter-common';
|
|
5
|
-
export type LabelProps = RecursicaOverStyled<Omit<InputLabelProps, "size"> & RecursicaLabelProps>;
|
|
6
|
-
export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Label';
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { AnchorProps as MantineAnchorProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaLinkProps } from '@recursica/adapter-common';
|
|
4
|
-
export type LinkProps = RecursicaOverStyled<Omit<MantineAnchorProps, "underline"> & Omit<RecursicaLinkProps, "component">>;
|
|
5
|
-
/**
|
|
6
|
-
* Recursica Link component wrapping Mantine's Anchor.
|
|
7
|
-
*
|
|
8
|
-
* Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering (e.g. react-router Link).
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <Link component="a" href="https://example.com">External Link</Link>
|
|
12
|
-
* <Link renderRoot={(props) => <RouterLink to="/home" {...props} />}>Home</Link>
|
|
13
|
-
* ```
|
|
14
|
-
*/
|
|
15
|
-
export declare const Link: (<C = "a">(props: import('@mantine/core').PolymorphicComponentProps<C, LinkProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((LinkProps & {
|
|
16
|
-
component?: any;
|
|
17
|
-
}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "color" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "icon" | "inherit" | "inline" | "size" | "__staticSelector" | "component" | "gradient" | "lineClamp" | "truncate"> & {
|
|
18
|
-
ref?: any;
|
|
19
|
-
renderRoot?: (props: any) => any;
|
|
20
|
-
}) | (LinkProps & {
|
|
21
|
-
component: React.ElementType;
|
|
22
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
23
|
-
})>, never> & Record<string, never>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Link';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { LoaderProps as MantineLoaderProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaLoaderProps } from '@recursica/adapter-common';
|
|
4
|
-
export type LoaderProps = RecursicaOverStyled<Omit<MantineLoaderProps, "variant" | "size" | "type"> & RecursicaLoaderProps>;
|
|
5
|
-
export declare const Loader: import('react').ForwardRefExoticComponent<LoaderProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import { MenuProps as MantineMenuProps, MenuTargetProps as MantineMenuTargetProps, MenuDropdownProps as MantineMenuDropdownProps, MenuItemProps as MantineMenuItemProps, MenuDividerProps as MantineMenuDividerProps, MenuLabelProps as MantineMenuLabelProps, MenuSubProps as MantineMenuSubProps, MenuSubTargetProps as MantineMenuSubTargetProps, MenuSubDropdownProps as MantineMenuSubDropdownProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaMenuProps } from '@recursica/adapter-common';
|
|
4
|
-
/**
|
|
5
|
-
* Recursica Menu component wrapping Mantine's composable Menu.
|
|
6
|
-
*
|
|
7
|
-
* Usage follows the composable dot-notation pattern:
|
|
8
|
-
* ```tsx
|
|
9
|
-
* <Menu>
|
|
10
|
-
* <Menu.Target><Button>Open</Button></Menu.Target>
|
|
11
|
-
* <Menu.Dropdown>
|
|
12
|
-
* <Menu.Label>Section</Menu.Label>
|
|
13
|
-
* <Menu.Item>Action</Menu.Item>
|
|
14
|
-
* <Menu.Divider />
|
|
15
|
-
* <Menu.Item>Another action</Menu.Item>
|
|
16
|
-
* </Menu.Dropdown>
|
|
17
|
-
* </Menu>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export type MenuProps = RecursicaOverStyled<MantineMenuProps & RecursicaMenuProps>;
|
|
21
|
-
declare const MenuBase: {
|
|
22
|
-
({ overStyled, ...rest }: MenuProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
displayName: string;
|
|
24
|
-
};
|
|
25
|
-
/**
|
|
26
|
-
* Wrapper for the element that triggers the menu.
|
|
27
|
-
* Requires a single child element that supports ref forwarding.
|
|
28
|
-
*/
|
|
29
|
-
export type MenuTargetProps = MantineMenuTargetProps;
|
|
30
|
-
declare const MenuTarget: {
|
|
31
|
-
(props: MenuTargetProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
displayName: string;
|
|
33
|
-
};
|
|
34
|
-
/** The dropdown panel containing menu items, dividers, and labels. */
|
|
35
|
-
export type MenuDropdownProps = RecursicaOverStyled<MantineMenuDropdownProps>;
|
|
36
|
-
declare const MenuDropdown: import('react').ForwardRefExoticComponent<MenuDropdownProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
37
|
-
/**
|
|
38
|
-
* An individual actionable item within the menu dropdown.
|
|
39
|
-
*
|
|
40
|
-
* **Note:** Mantine's `color` prop is stripped in strict mode to enforce
|
|
41
|
-
* design token adherence. Use `overStyled={true}` if you need to bypass.
|
|
42
|
-
*/
|
|
43
|
-
export type MenuItemProps = RecursicaOverStyled<Omit<MantineMenuItemProps, "color">>;
|
|
44
|
-
/**
|
|
45
|
-
* An individual actionable item within the menu dropdown.
|
|
46
|
-
*
|
|
47
|
-
* Supports polymorphism via the `component` prop for link-style items.
|
|
48
|
-
* @example
|
|
49
|
-
* ```tsx
|
|
50
|
-
* <Menu.Item component="a" href="/settings">Settings</Menu.Item>
|
|
51
|
-
* ```
|
|
52
|
-
*/
|
|
53
|
-
declare const MenuItem: (<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, MenuItemProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((MenuItemProps & {
|
|
54
|
-
component?: any;
|
|
55
|
-
}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "overStyled" | "disabled" | "component" | "leftSection" | "rightSection" | "data-disabled" | "closeMenuOnClick"> & {
|
|
56
|
-
ref?: any;
|
|
57
|
-
renderRoot?: (props: any) => any;
|
|
58
|
-
}) | (MenuItemProps & {
|
|
59
|
-
component: React.ElementType;
|
|
60
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
61
|
-
})>, never> & Record<string, never>;
|
|
62
|
-
/** A visual separator between groups of menu items. */
|
|
63
|
-
export type MenuDividerProps = RecursicaOverStyled<MantineMenuDividerProps>;
|
|
64
|
-
declare const MenuDivider: import('react').ForwardRefExoticComponent<MenuDividerProps & import('react').RefAttributes<HTMLHRElement>>;
|
|
65
|
-
/** A non-interactive section label used to categorize groups of menu items. */
|
|
66
|
-
export type MenuLabelProps = RecursicaOverStyled<MantineMenuLabelProps>;
|
|
67
|
-
declare const MenuLabel: import('react').ForwardRefExoticComponent<MenuLabelProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
68
|
-
/** Container for a submenu, wrapping Menu.Sub.Target and Menu.Sub.Dropdown. */
|
|
69
|
-
export type MenuSubProps = MantineMenuSubProps;
|
|
70
|
-
declare const MenuSubBase: {
|
|
71
|
-
(props: MenuSubProps): import("react/jsx-runtime").JSX.Element;
|
|
72
|
-
displayName: string;
|
|
73
|
-
};
|
|
74
|
-
/** Wrapper for the element that triggers the submenu. */
|
|
75
|
-
export type MenuSubTargetProps = MantineMenuSubTargetProps;
|
|
76
|
-
declare const MenuSubTarget: {
|
|
77
|
-
(props: MenuSubTargetProps): import("react/jsx-runtime").JSX.Element;
|
|
78
|
-
displayName: string;
|
|
79
|
-
};
|
|
80
|
-
/**
|
|
81
|
-
* A menu item that acts as a submenu trigger.
|
|
82
|
-
* Renders within Menu.Sub.Target and displays a chevron indicator.
|
|
83
|
-
*/
|
|
84
|
-
export type MenuSubItemProps = RecursicaOverStyled<Omit<MantineMenuItemProps, "color">>;
|
|
85
|
-
/**
|
|
86
|
-
* A menu item that acts as a submenu trigger.
|
|
87
|
-
*
|
|
88
|
-
* Supports polymorphism via the `component` prop.
|
|
89
|
-
*/
|
|
90
|
-
declare const MenuSubItem: (<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, MenuSubItemProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((MenuSubItemProps & {
|
|
91
|
-
component?: any;
|
|
92
|
-
}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "overStyled" | "disabled" | "component" | "leftSection" | "rightSection" | "data-disabled" | "closeMenuOnClick"> & {
|
|
93
|
-
ref?: any;
|
|
94
|
-
renderRoot?: (props: any) => any;
|
|
95
|
-
}) | (MenuSubItemProps & {
|
|
96
|
-
component: React.ElementType;
|
|
97
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
98
|
-
})>, never> & Record<string, never>;
|
|
99
|
-
/** The dropdown panel for a submenu. */
|
|
100
|
-
export type MenuSubDropdownProps = RecursicaOverStyled<MantineMenuSubDropdownProps>;
|
|
101
|
-
declare const MenuSubDropdown: import('react').ForwardRefExoticComponent<MenuSubDropdownProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
102
|
-
type MenuSubComponent = typeof MenuSubBase & {
|
|
103
|
-
Target: typeof MenuSubTarget;
|
|
104
|
-
Item: typeof MenuSubItem;
|
|
105
|
-
Dropdown: typeof MenuSubDropdown;
|
|
106
|
-
};
|
|
107
|
-
type MenuComponent = typeof MenuBase & {
|
|
108
|
-
Target: typeof MenuTarget;
|
|
109
|
-
Dropdown: typeof MenuDropdown;
|
|
110
|
-
Item: typeof MenuItem;
|
|
111
|
-
Divider: typeof MenuDivider;
|
|
112
|
-
Label: typeof MenuLabel;
|
|
113
|
-
Sub: MenuSubComponent;
|
|
114
|
-
};
|
|
115
|
-
export declare const Menu: MenuComponent;
|
|
116
|
-
export {};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { ModalProps as MantineModalProps, ModalRootProps as MantineModalRootProps, ModalOverlayProps as MantineModalOverlayProps, ModalContentProps as MantineModalContentProps, ModalHeaderProps as MantineModalHeaderProps, ModalTitleProps as MantineModalTitleProps, ModalCloseButtonProps as MantineModalCloseButtonProps } from '@mantine/core';
|
|
3
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
-
import { RecursicaModalProps } from '@recursica/adapter-common';
|
|
5
|
-
/**
|
|
6
|
-
* Properties for the strictly-tokenized Modal component.
|
|
7
|
-
* Native Mantine abstract properties like `size`, `radius`, and `shadow` have been stripped out
|
|
8
|
-
* because they directly conflict with the non-negotiable pixel boundaries defined in the Recursica UI Kit.
|
|
9
|
-
*/
|
|
10
|
-
export type ModalProps = RecursicaOverStyled<Omit<MantineModalProps, "size" | "radius" | "shadow"> & RecursicaModalProps>;
|
|
11
|
-
/**
|
|
12
|
-
* The `Modal.Footer` provides a perfectly padded container for modal actions.
|
|
13
|
-
*
|
|
14
|
-
* **Recursica Abstract:**
|
|
15
|
-
* By default, this container aligns its children to the right (`justify-content: flex-end`)
|
|
16
|
-
* and applies the standard Figma button-gap spacing.
|
|
17
|
-
*
|
|
18
|
-
* > [!IMPORTANT]
|
|
19
|
-
* > **Button Hierarchy:** Recursica design language explicitly requires that the
|
|
20
|
-
* > primary action button MUST be the right-most element, with the secondary
|
|
21
|
-
* > (outline variant) action placed immediately to the left of it.
|
|
22
|
-
*/
|
|
23
|
-
export type ModalFooterProps = RecursicaOverStyled<React.ComponentPropsWithoutRef<"div">>;
|
|
24
|
-
declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
-
declare const ModalBody: React.ForwardRefExoticComponent<Omit<import('@mantine/core').ModalBodyProps & React.RefAttributes<HTMLDivElement> & {
|
|
26
|
-
component?: any;
|
|
27
|
-
renderRoot?: (props: Record<string, any>) => React.ReactNode;
|
|
28
|
-
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
-
export type ModalRootProps = RecursicaOverStyled<MantineModalRootProps>;
|
|
30
|
-
declare const ModalRoot: React.ForwardRefExoticComponent<ModalRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
export type ModalOverlayProps = RecursicaOverStyled<MantineModalOverlayProps>;
|
|
32
|
-
declare const ModalOverlay: React.ForwardRefExoticComponent<ModalOverlayProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
-
export type ModalContentProps = RecursicaOverStyled<MantineModalContentProps>;
|
|
34
|
-
declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
35
|
-
export type ModalHeaderProps = RecursicaOverStyled<MantineModalHeaderProps>;
|
|
36
|
-
declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLElement>>;
|
|
37
|
-
export type ModalTitleProps = RecursicaOverStyled<MantineModalTitleProps>;
|
|
38
|
-
declare const ModalTitle: React.ForwardRefExoticComponent<ModalTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
39
|
-
export type ModalCloseButtonProps = RecursicaOverStyled<MantineModalCloseButtonProps>;
|
|
40
|
-
declare const ModalCloseButton: React.ForwardRefExoticComponent<ModalCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
41
|
-
interface ModalComponent extends React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> {
|
|
42
|
-
Root: typeof ModalRoot;
|
|
43
|
-
Overlay: typeof ModalOverlay;
|
|
44
|
-
Content: typeof ModalContent;
|
|
45
|
-
Header: typeof ModalHeader;
|
|
46
|
-
Title: typeof ModalTitle;
|
|
47
|
-
CloseButton: typeof ModalCloseButton;
|
|
48
|
-
Body: typeof ModalBody;
|
|
49
|
-
Footer: typeof ModalFooter;
|
|
50
|
-
}
|
|
51
|
-
export declare const Modal: ModalComponent & {
|
|
52
|
-
Footer: typeof ModalFooter;
|
|
53
|
-
};
|
|
54
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Modal';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { NumberInputProps as MantineNumberInputProps } from '@mantine/core';
|
|
3
|
-
import { ReadOnlyControlProps, RecursicaNumberInputProps as BaseRecursicaNumberInputProps } from '@recursica/adapter-common';
|
|
4
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
-
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
-
export interface RecursicaNumberInputProps extends Omit<MantineNumberInputProps, "size" | "variant" | "radius" | "wrapperProps" | "classNames" | "styles">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps, BaseRecursicaNumberInputProps {
|
|
7
|
-
}
|
|
8
|
-
export type NumberInputProps = RecursicaOverStyled<RecursicaNumberInputProps>;
|
|
9
|
-
export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { Pagination as MantinePagination, PaginationProps as MantinePaginationProps, PaginationRootProps as MantinePaginationRootProps, PaginationControlProps as MantinePaginationControlProps, PaginationDotsProps as MantinePaginationDotsProps } from '@mantine/core';
|
|
3
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
-
import { PaginationIcon } from './Pagination.icons';
|
|
5
|
-
import { RecursicaPaginationProps } from '@recursica/adapter-common';
|
|
6
|
-
export type PaginationProps = RecursicaOverStyled<MantinePaginationProps & RecursicaPaginationProps>;
|
|
7
|
-
export type PaginationRootProps = RecursicaOverStyled<MantinePaginationRootProps>;
|
|
8
|
-
export type PaginationEdgeProps<T extends React.ElementType> = RecursicaOverStyled<React.ComponentProps<T> & {
|
|
9
|
-
/** If set to true, displays text labels alongside the icon. */
|
|
10
|
-
withLabel?: boolean;
|
|
11
|
-
icon?: any;
|
|
12
|
-
}>;
|
|
13
|
-
declare const _PaginationRoot: React.ForwardRefExoticComponent<PaginationRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
-
declare const _PaginationNext: React.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, import('@mantine/core').PaginationEdgeProps>) => React.ReactElement) & Omit<React.FunctionComponent<(import('@mantine/core').PaginationEdgeProps & {
|
|
15
|
-
component?: any;
|
|
16
|
-
} & Omit<Omit<any, "ref">, "component" | keyof import('@mantine/core').PaginationEdgeProps> & {
|
|
17
|
-
ref?: any;
|
|
18
|
-
renderRoot?: (props: any) => any;
|
|
19
|
-
}) | (import('@mantine/core').PaginationEdgeProps & {
|
|
20
|
-
component: React.ElementType;
|
|
21
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
22
|
-
})>, never> & Record<string, never>> & React.RefAttributes<HTMLButtonElement>>;
|
|
23
|
-
declare const _PaginationPrevious: React.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, import('@mantine/core').PaginationEdgeProps>) => React.ReactElement) & Omit<React.FunctionComponent<(import('@mantine/core').PaginationEdgeProps & {
|
|
24
|
-
component?: any;
|
|
25
|
-
} & Omit<Omit<any, "ref">, "component" | keyof import('@mantine/core').PaginationEdgeProps> & {
|
|
26
|
-
ref?: any;
|
|
27
|
-
renderRoot?: (props: any) => any;
|
|
28
|
-
}) | (import('@mantine/core').PaginationEdgeProps & {
|
|
29
|
-
component: React.ElementType;
|
|
30
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
31
|
-
})>, never> & Record<string, never>> & React.RefAttributes<HTMLButtonElement>>;
|
|
32
|
-
declare const _PaginationFirst: React.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, import('@mantine/core').PaginationEdgeProps>) => React.ReactElement) & Omit<React.FunctionComponent<(import('@mantine/core').PaginationEdgeProps & {
|
|
33
|
-
component?: any;
|
|
34
|
-
} & Omit<Omit<any, "ref">, "component" | keyof import('@mantine/core').PaginationEdgeProps> & {
|
|
35
|
-
ref?: any;
|
|
36
|
-
renderRoot?: (props: any) => any;
|
|
37
|
-
}) | (import('@mantine/core').PaginationEdgeProps & {
|
|
38
|
-
component: React.ElementType;
|
|
39
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
40
|
-
})>, never> & Record<string, never>> & React.RefAttributes<HTMLButtonElement>>;
|
|
41
|
-
declare const _PaginationLast: React.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, import('@mantine/core').PaginationEdgeProps>) => React.ReactElement) & Omit<React.FunctionComponent<(import('@mantine/core').PaginationEdgeProps & {
|
|
42
|
-
component?: any;
|
|
43
|
-
} & Omit<Omit<any, "ref">, "component" | keyof import('@mantine/core').PaginationEdgeProps> & {
|
|
44
|
-
ref?: any;
|
|
45
|
-
renderRoot?: (props: any) => any;
|
|
46
|
-
}) | (import('@mantine/core').PaginationEdgeProps & {
|
|
47
|
-
component: React.ElementType;
|
|
48
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
49
|
-
})>, never> & Record<string, never>> & React.RefAttributes<HTMLButtonElement>>;
|
|
50
|
-
declare const _Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
|
|
51
|
-
export type PaginationControlProps = RecursicaOverStyled<MantinePaginationControlProps>;
|
|
52
|
-
declare const _PaginationControl: React.ForwardRefExoticComponent<PaginationControlProps & React.RefAttributes<HTMLButtonElement>>;
|
|
53
|
-
export type PaginationDotsProps = RecursicaOverStyled<MantinePaginationDotsProps>;
|
|
54
|
-
declare const _PaginationDots: React.ForwardRefExoticComponent<PaginationDotsProps & React.RefAttributes<HTMLDivElement>>;
|
|
55
|
-
/**
|
|
56
|
-
* Recursica Pagination component wrapping Mantine's Pagination.
|
|
57
|
-
*/
|
|
58
|
-
export declare const Pagination: typeof _Pagination & {
|
|
59
|
-
Root: typeof _PaginationRoot;
|
|
60
|
-
Items: typeof MantinePagination.Items;
|
|
61
|
-
Control: typeof _PaginationControl;
|
|
62
|
-
Dots: typeof _PaginationDots;
|
|
63
|
-
Next: typeof _PaginationNext;
|
|
64
|
-
Previous: typeof _PaginationPrevious;
|
|
65
|
-
First: typeof _PaginationFirst;
|
|
66
|
-
Last: typeof _PaginationLast;
|
|
67
|
-
Icon: typeof PaginationIcon;
|
|
68
|
-
};
|
|
69
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export type PaginationIconType = "next" | "prev" | "first" | "last";
|
|
2
|
-
export declare const PaginationIcon: ({ type, className, ...props }: React.ComponentProps<"svg"> & {
|
|
3
|
-
type: PaginationIconType;
|
|
4
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export declare const NextWithLabel: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare const PrevWithLabel: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare const FirstWithLabel: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare const LastWithLabel: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Pagination, type PaginationProps, type PaginationRootProps, } from './Pagination';
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { Drawer as MantineDrawer, DrawerProps as MantineDrawerProps, DrawerRootProps as MantineDrawerRootProps, DrawerOverlayProps as MantineDrawerOverlayProps, DrawerContentProps as MantineDrawerContentProps, DrawerHeaderProps as MantineDrawerHeaderProps, DrawerTitleProps as MantineDrawerTitleProps, DrawerCloseButtonProps as MantineDrawerCloseButtonProps, DrawerBodyProps as MantineDrawerBodyProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaPanelProps as BaseRecursicaPanelProps } from '@recursica/adapter-common';
|
|
4
|
-
/**
|
|
5
|
-
* Recursica Panel root props. Extends Mantine Drawer.
|
|
6
|
-
*/
|
|
7
|
-
export interface RecursicaPanelProps extends Omit<MantineDrawerProps, "size" | "styles" | "classNames" | "style" | "position" | "opened">, BaseRecursicaPanelProps {
|
|
8
|
-
}
|
|
9
|
-
export type PanelProps = RecursicaOverStyled<RecursicaPanelProps>;
|
|
10
|
-
/**
|
|
11
|
-
* Recursica Panel component wrapping Mantine's Drawer.
|
|
12
|
-
*
|
|
13
|
-
* Panels slide in or expand from the edge of the screen to reveal
|
|
14
|
-
* additional content or functionality. They are commonly used to provide
|
|
15
|
-
* supplementary information, navigation options, or toolsets without
|
|
16
|
-
* cluttering the main interface.
|
|
17
|
-
*
|
|
18
|
-
* ```tsx
|
|
19
|
-
* <Panel opened={opened} onClose={close} title="Panel Title" placement="right">
|
|
20
|
-
* <Panel.Body>
|
|
21
|
-
* Content goes here
|
|
22
|
-
* </Panel.Body>
|
|
23
|
-
* </Panel>
|
|
24
|
-
* ```
|
|
25
|
-
*
|
|
26
|
-
* Mantine Drawer sub-components available via dot-notation:
|
|
27
|
-
* - `Panel.Header` — Top section with title and close button
|
|
28
|
-
* - `Panel.Title` — Title text within the header
|
|
29
|
-
* - `Panel.CloseButton` — Close button within the header
|
|
30
|
-
* - `Panel.Body` — Scrollable body content area
|
|
31
|
-
* - `Panel.Content` — Outer content container
|
|
32
|
-
* - `Panel.Overlay` — Background overlay
|
|
33
|
-
* - `Panel.Root` — Root element for advanced composition
|
|
34
|
-
* - `Panel.Stack` — Stacked drawer context
|
|
35
|
-
*/
|
|
36
|
-
declare const PanelBase: {
|
|
37
|
-
({ overStyled, placement, keepMounted, wrapHeaderText, ...rest }: PanelProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
displayName: string;
|
|
39
|
-
};
|
|
40
|
-
export type PanelFooterProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement>>;
|
|
41
|
-
/**
|
|
42
|
-
* Panel footer section with action buttons.
|
|
43
|
-
* Separated from the body by a divider. Remains fixed at the bottom.
|
|
44
|
-
* This is a Recursica-specific sub-component; Mantine Drawer does not
|
|
45
|
-
* natively provide a footer.
|
|
46
|
-
*/
|
|
47
|
-
export declare const PanelFooter: import('react').ForwardRefExoticComponent<PanelFooterProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
48
|
-
export type PanelRootProps = RecursicaOverStyled<MantineDrawerRootProps>;
|
|
49
|
-
export declare const PanelRoot: import('react').ForwardRefExoticComponent<PanelRootProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
50
|
-
export type PanelOverlayProps = RecursicaOverStyled<MantineDrawerOverlayProps>;
|
|
51
|
-
export declare const PanelOverlay: import('react').ForwardRefExoticComponent<PanelOverlayProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
52
|
-
export type PanelContentProps = RecursicaOverStyled<MantineDrawerContentProps>;
|
|
53
|
-
export declare const PanelContent: import('react').ForwardRefExoticComponent<PanelContentProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
54
|
-
export type PanelHeaderProps = RecursicaOverStyled<MantineDrawerHeaderProps>;
|
|
55
|
-
export declare const PanelHeader: import('react').ForwardRefExoticComponent<PanelHeaderProps & import('react').RefAttributes<HTMLElement>>;
|
|
56
|
-
export type PanelTitleProps = RecursicaOverStyled<MantineDrawerTitleProps>;
|
|
57
|
-
export declare const PanelTitle: import('react').ForwardRefExoticComponent<PanelTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
|
|
58
|
-
export type PanelCloseButtonProps = RecursicaOverStyled<MantineDrawerCloseButtonProps>;
|
|
59
|
-
export declare const PanelCloseButton: import('react').ForwardRefExoticComponent<PanelCloseButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
60
|
-
export type PanelBodyProps = RecursicaOverStyled<MantineDrawerBodyProps>;
|
|
61
|
-
export declare const PanelBody: import('react').ForwardRefExoticComponent<PanelBodyProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
62
|
-
type PanelComponent = typeof PanelBase & {
|
|
63
|
-
Root: typeof PanelRoot;
|
|
64
|
-
Overlay: typeof PanelOverlay;
|
|
65
|
-
Content: typeof PanelContent;
|
|
66
|
-
Header: typeof PanelHeader;
|
|
67
|
-
Title: typeof PanelTitle;
|
|
68
|
-
CloseButton: typeof PanelCloseButton;
|
|
69
|
-
Body: typeof PanelBody;
|
|
70
|
-
Stack: typeof MantineDrawer.Stack;
|
|
71
|
-
Footer: typeof PanelFooter;
|
|
72
|
-
};
|
|
73
|
-
export declare const Panel: PanelComponent;
|
|
74
|
-
export {};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { PopoverProps as MantinePopoverProps, PopoverTargetProps as MantinePopoverTargetProps, PopoverDropdownProps as MantinePopoverDropdownProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaPopoverProps } from '@recursica/adapter-common';
|
|
4
|
-
/**
|
|
5
|
-
* Recursica Popover component wrapping Mantine's composable Popover.
|
|
6
|
-
*
|
|
7
|
-
* Displays a dropdown panel when the user clicks or interacts with a target element.
|
|
8
|
-
* Uses the composable dot-notation pattern:
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <Popover withBeak>
|
|
11
|
-
* <Popover.Target>
|
|
12
|
-
* <Button>Click me</Button>
|
|
13
|
-
* </Popover.Target>
|
|
14
|
-
* <Popover.Dropdown>
|
|
15
|
-
* Content displayed in popover
|
|
16
|
-
* </Popover.Dropdown>
|
|
17
|
-
* </Popover>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export type PopoverProps = Omit<RecursicaOverStyled<Omit<MantinePopoverProps, "position"> & RecursicaPopoverProps>, "position"> & {
|
|
21
|
-
position?: MantinePopoverProps["position"];
|
|
22
|
-
};
|
|
23
|
-
declare const PopoverBase: {
|
|
24
|
-
({ overStyled, withBeak, ...rest }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
27
|
-
/**
|
|
28
|
-
* Wrapper for the element that triggers the popover.
|
|
29
|
-
* Requires a single child element that supports ref forwarding.
|
|
30
|
-
*/
|
|
31
|
-
export type PopoverTargetProps = MantinePopoverTargetProps;
|
|
32
|
-
declare const PopoverTarget: {
|
|
33
|
-
(props: PopoverTargetProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
displayName: string;
|
|
35
|
-
};
|
|
36
|
-
/** The dropdown panel displayed from the popover. */
|
|
37
|
-
export type PopoverDropdownProps = RecursicaOverStyled<MantinePopoverDropdownProps>;
|
|
38
|
-
declare const PopoverDropdown: {
|
|
39
|
-
({ overStyled, ...rest }: PopoverDropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
-
displayName: string;
|
|
41
|
-
};
|
|
42
|
-
type PopoverComponent = typeof PopoverBase & {
|
|
43
|
-
Target: typeof PopoverTarget;
|
|
44
|
-
Dropdown: typeof PopoverDropdown;
|
|
45
|
-
};
|
|
46
|
-
export declare const Popover: PopoverComponent;
|
|
47
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Popover';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { RadioProps as MantineRadioProps } from '@mantine/core';
|
|
2
|
-
import { ReadOnlyControlProps, RequireAccessibleLabel, RecursicaRadioProps } from '@recursica/adapter-common';
|
|
3
|
-
import { RadioGroup } from './RadioGroup';
|
|
4
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
-
import { FormControlLayoutProps } from '../FormControlLayout/FormControlLayout';
|
|
6
|
-
export type RadioWrapperProps = Omit<MantineRadioProps, "size" | "color" | "radius" | "iconColor" | "variant"> & RecursicaRadioProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
|
|
7
|
-
export type RecursicaRadioPropsAlias = RequireAccessibleLabel<RadioWrapperProps>;
|
|
8
|
-
export type RadioProps = RecursicaOverStyled<RecursicaRadioPropsAlias>;
|
|
9
|
-
type RadioComponent = React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> & {
|
|
10
|
-
Group: typeof RadioGroup;
|
|
11
|
-
};
|
|
12
|
-
export declare const Radio: RadioComponent;
|
|
13
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { RadioGroupProps as MantineRadioGroupProps } from '@mantine/core';
|
|
3
|
-
import { ReadOnlyControlProps, RecursicaRadioGroupProps as BaseRecursicaRadioGroupProps } from '@recursica/adapter-common';
|
|
4
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
-
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
-
export interface RecursicaRadioGroupProps extends Omit<MantineRadioGroupProps, "size" | "labelProps" | "defaultValue" | "value" | "onChange">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, BaseRecursicaRadioGroupProps {
|
|
7
|
-
}
|
|
8
|
-
export type RadioGroupProps = RecursicaOverStyled<RecursicaRadioGroupProps>;
|
|
9
|
-
export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { ReadOnlyControlProps, RecursicaReadOnlyFieldProps as BaseRecursicaReadOnlyFieldProps } from '@recursica/adapter-common';
|
|
3
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
-
import { FormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
5
|
-
export interface RecursicaReadOnlyFieldProps extends Omit<FormControlWrapperProps, "children" | "overStyled" | "controlMaxWidth" | "controlMinWidth">, Pick<ReadOnlyControlProps, "emptyValueComponent">, BaseRecursicaReadOnlyFieldProps {
|
|
6
|
-
}
|
|
7
|
-
export type ReadOnlyFieldProps = RecursicaOverStyled<RecursicaReadOnlyFieldProps>;
|
|
8
|
-
/**
|
|
9
|
-
* A native generic form control wrapper exclusively responsible for displaying fixed data.
|
|
10
|
-
* Internally maps to structural ReadOnly primitive blocks bridging standard `FormControlWrapper` layouts natively.
|
|
11
|
-
*/
|
|
12
|
-
export declare const ReadOnlyField: React.ForwardRefExoticComponent<ReadOnlyFieldProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
export interface RecursicaReadOnlyTextFieldProps {
|
|
4
|
-
/** The value strictly rendered as text output */
|
|
5
|
-
value?: any;
|
|
6
|
-
}
|
|
7
|
-
export type ReadOnlyTextFieldProps = RecursicaOverStyled<RecursicaReadOnlyTextFieldProps>;
|
|
8
|
-
export declare const ReadOnlyTextField: React.FC<ReadOnlyTextFieldProps>;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { ReadOnlyFieldType } from '@recursica/adapter-common';
|
|
3
|
-
import { FormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
4
|
-
export interface WithReadOnlyWrapperProps extends Omit<FormControlWrapperProps, "children" | "overStyled"> {
|
|
5
|
-
/** Injects whether the field defaults to reading mode natively */
|
|
6
|
-
readOnly?: boolean;
|
|
7
|
-
/** Explicit React component directly overtaking the baseline text renderer when read-only mode is active */
|
|
8
|
-
readOnlyComponent?: React.ElementType<any>;
|
|
9
|
-
/** Custom renderer explicitly responsible for formatting missing/empty value mappings (overriding default 'N/A') */
|
|
10
|
-
emptyValueComponent?: React.ElementType<{
|
|
11
|
-
value?: any;
|
|
12
|
-
}>;
|
|
13
|
-
/** The full native props dictionary securely forwarded into the custom readOnlyComponent if active */
|
|
14
|
-
readOnlyNativeProps?: any;
|
|
15
|
-
/** Instructs the underlying generic ReadOnlyField which raw visual structure to bridge automatically */
|
|
16
|
-
readOnlyType?: ReadOnlyFieldType;
|
|
17
|
-
/** The isolated raw data value intercepted explicitly into the ReadOnly formatters */
|
|
18
|
-
readOnlyValue?: any;
|
|
19
|
-
/** Safely enables deep Mantine overrides transparently bypassing block filters */
|
|
20
|
-
overStyled?: boolean;
|
|
21
|
-
/** The nested active node dynamically exposed exclusively when read-only bounds are disabled */
|
|
22
|
-
activeComponent: React.ReactNode;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Universal execution barrier trapping readOnly states globally.
|
|
26
|
-
* Natively delegates active logic down avoiding duplicative internal component bindings dynamically.
|
|
27
|
-
*/
|
|
28
|
-
export declare const WithReadOnlyWrapper: React.ForwardRefExoticComponent<WithReadOnlyWrapperProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { SegmentedControlProps as MantineSegmentedControlProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaSegmentedControlProps } from '@recursica/adapter-common';
|
|
4
|
-
export type SegmentedControlProps = RecursicaOverStyled<Omit<MantineSegmentedControlProps, "variant" | "size" | "radius" | "color" | "classNames" | "className" | "disabled"> & {
|
|
5
|
-
className?: string;
|
|
6
|
-
classNames?: Partial<Record<string, string>>;
|
|
7
|
-
} & RecursicaSegmentedControlProps>;
|
|
8
|
-
/**
|
|
9
|
-
* Recursica SegmentedControl component wrapping Mantine's SegmentedControl.
|
|
10
|
-
*/
|
|
11
|
-
export declare const SegmentedControl: import('react').ForwardRefExoticComponent<SegmentedControlProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { SliderProps as MantineSliderProps, InputWrapperProps } from '@mantine/core';
|
|
3
|
-
import { ReadOnlyControlProps, RecursicaSliderProps as BaseRecursicaSliderProps } from '@recursica/adapter-common';
|
|
4
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
-
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
-
export interface RecursicaSliderProps extends Omit<MantineSliderProps, "size" | "variant" | "radius" | "wrapperProps" | "classNames" | "styles" | "label">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, Pick<InputWrapperProps, "error" | "required" | "withAsterisk">, ReadOnlyControlProps, BaseRecursicaSliderProps {
|
|
7
|
-
}
|
|
8
|
-
export type SliderProps = RecursicaOverStyled<RecursicaSliderProps>;
|
|
9
|
-
/**
|
|
10
|
-
* Recursica Slider component wrapping Mantine's Slider.
|
|
11
|
-
*
|
|
12
|
-
* Implements a bidirectional text input field next to the slider track, responsive layouts,
|
|
13
|
-
* custom typography-bound min/max labels, an optional leading icon, and an explicit read-only layout.
|
|
14
|
-
*/
|
|
15
|
-
export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
|