@astral/ui 4.68.1 → 4.70.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/components/ActionGroup/MainActions/hooks/useMainActions/useMainActions.d.ts +3 -2
- package/components/ActionGroup/MainActions/styles.d.ts +2 -1
- package/components/ActionGroup/SecondaryVisibleActions/styles.d.ts +2 -1
- package/components/Alert/styles.d.ts +2 -1
- package/components/AutoSaveIndicator/ErrorState/styles.d.ts +2 -1
- package/components/AutoSaveIndicator/styles.d.ts +2 -1
- package/components/Button/Button.d.ts +2 -1
- package/components/Button/types.d.ts +4 -3
- package/components/CardGridInfinite/Card/SecondaryActionButton/styles.d.ts +2 -1
- package/components/CheckableTag/CheckableTag.d.ts +0 -1
- package/components/CheckableTag/CheckableTag.js +0 -1
- package/components/CollapsibleTypography/styles.d.ts +2 -1
- package/components/ConfirmDialog/styles.d.ts +2 -1
- package/components/DashboardAlert/styles.d.ts +2 -1
- package/components/DashboardLayout/Container/styles.js +1 -1
- package/components/DashboardLayout/DashboardLayout.d.ts +1 -1
- package/components/DashboardLayout/DashboardLayout.js +1 -1
- package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/DashboardSidebar.js +5 -5
- package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/constants.js +1 -1
- package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/constants.js +1 -1
- package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/styles.d.ts +6 -6
- package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/styles.js +8 -8
- package/{node/components → components/DashboardLayout}/DashboardSidebar/types.d.ts +1 -1
- package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/useCloseSidebarOnMobile/useCloseSidebarOnMobile.js +3 -3
- package/{node/components → components/DashboardLayout}/DashboardSidebar/useLogic/useLogic.d.ts +2 -2
- package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/useLogic.js +7 -7
- package/components/DashboardLayout/Header/styles.d.ts +2 -1
- package/components/DashboardLayout/Header/styles.js +1 -1
- package/components/DashboardLayout/index.d.ts +1 -0
- package/components/DashboardLayout/public.d.ts +1 -1
- package/components/DashboardSidebarButton/styles.d.ts +2 -1
- package/components/DashboardSidebarSkeleton/DashboardSidebarSkeleton.js +1 -1
- package/components/DataGrid/DataGrid.js +1 -2
- package/components/DataGrid/Row/NestedChildren/styles.d.ts +2 -1
- package/components/DataGrid/Row/Row.js +5 -2
- package/components/DataGrid/Row/constants.d.ts +1 -0
- package/components/DataGrid/Row/constants.js +1 -0
- package/components/DataGrid/Row/styles.d.ts +2 -1
- package/components/DataGrid/Row/styles.js +23 -11
- package/components/DataGrid/Row/useLogic/useLogic.d.ts +2 -1
- package/components/DataGrid/Row/useLogic/useLogic.js +3 -1
- package/components/DataGrid/types.d.ts +0 -3
- package/components/DataGridActionCell/DataGridMainActions/Action/MainIconButton/styles.d.ts +2 -1
- package/components/DataGridActionCell/DataGridMainActions/Action/MobileMainButton/styles.d.ts +2 -1
- package/components/DataGridActionCell/SecondaryActionsButton/styles.d.ts +2 -1
- package/components/DataGridInfinite/DataGridInfinite.js +2 -2
- package/components/DatePicker/styles.d.ts +2 -1
- package/components/FlowButton/styles.d.ts +2 -1
- package/components/IconButton/IconButton.d.ts +2 -1
- package/components/IconButton/styles.d.ts +2 -1
- package/components/LegacyNotification/NotificationTemplate/styles.d.ts +2 -1
- package/components/MenuOrganization/OrganizationButton/styles.d.ts +2 -1
- package/components/MenuOrganization/OrganizationItem/styles.d.ts +2 -1
- package/components/NewStepper/Step/styles.d.ts +2 -1
- package/components/Notification/NotificationStackContainer/NotificationStackContainer.js +1 -1
- package/components/Notification/NotificationStackContainer/styles.d.ts +2 -1
- package/components/Notification/NotificationTemplate/styles.d.ts +2 -1
- package/components/NotificationList/ListItem/ListItem.js +1 -1
- package/components/PageHeader/MobilePageActions/styles.d.ts +1 -1
- package/components/PageHeader/PageActions/PageActions.d.ts +1 -1
- package/components/PageHeader/PageActions/SecondaryActions/styles.d.ts +2 -1
- package/components/PageHeader/PageActions/SecondaryVisibleActions/styles.d.ts +2 -1
- package/components/PageHeader/PageActions/styles.d.ts +2 -1
- package/components/PageHeader/Title/styles.d.ts +2 -1
- package/components/Pagination/PaginationItem/PaginationItem.js +1 -1
- package/components/Pagination/PaginationItem/styles.d.ts +2 -1
- package/components/PinButton/styles.d.ts +2 -1
- package/components/Product/styles.d.ts +2 -1
- package/components/Profile/styles.d.ts +2 -1
- package/components/SearchField/styles.d.ts +2 -1
- package/components/StaticCalendar/StaticCalendarButton/styles.d.ts +2 -1
- package/components/Tag/styles.d.ts +2 -1
- package/components/Tree/TreeItem/styles.d.ts +2 -1
- package/components/index.d.ts +1 -1
- package/hook-form/EditableText/EditingForm/styles.d.ts +2 -1
- package/hook-form/FormFilters/FormFiltersDialog/ResetButton/styles.d.ts +2 -1
- package/hook-form/FormPageLayout/FormPageFooter/SecondaryActions/styles.d.ts +4 -2
- package/hook-form/FormPageLayout/FormPageFooter/styles.d.ts +2 -1
- package/hook-form/FormPageLayoutBase/FormMobileActions/styles.d.ts +2 -1
- package/hook-form/FormWizard/Footer/styles.d.ts +2 -1
- package/hook-form/FormWizardPageLayout/FormWizardFooter/styles.d.ts +2 -1
- package/node/components/ActionGroup/MainActions/hooks/useMainActions/useMainActions.d.ts +3 -2
- package/node/components/ActionGroup/MainActions/styles.d.ts +2 -1
- package/node/components/ActionGroup/SecondaryVisibleActions/styles.d.ts +2 -1
- package/node/components/Alert/styles.d.ts +2 -1
- package/node/components/AutoSaveIndicator/ErrorState/styles.d.ts +2 -1
- package/node/components/AutoSaveIndicator/styles.d.ts +2 -1
- package/node/components/Button/Button.d.ts +2 -1
- package/node/components/Button/types.d.ts +4 -3
- package/node/components/CardGridInfinite/Card/SecondaryActionButton/styles.d.ts +2 -1
- package/node/components/CheckableTag/CheckableTag.d.ts +0 -1
- package/node/components/CheckableTag/CheckableTag.js +0 -1
- package/node/components/CollapsibleTypography/styles.d.ts +2 -1
- package/node/components/ConfirmDialog/styles.d.ts +2 -1
- package/node/components/DashboardAlert/styles.d.ts +2 -1
- package/node/components/DashboardLayout/Container/styles.js +6 -6
- package/node/components/DashboardLayout/DashboardLayout.d.ts +1 -1
- package/node/components/DashboardLayout/DashboardLayout.js +1 -1
- package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/DashboardSidebar.js +5 -5
- package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/constants.js +1 -1
- package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/constants.js +1 -1
- package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/styles.d.ts +1 -1
- package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/styles.js +12 -12
- package/{components → node/components/DashboardLayout}/DashboardSidebar/types.d.ts +1 -1
- package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/useCloseSidebarOnMobile/useCloseSidebarOnMobile.js +3 -3
- package/{components → node/components/DashboardLayout}/DashboardSidebar/useLogic/useLogic.d.ts +2 -2
- package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/useLogic.js +7 -7
- package/node/components/DashboardLayout/Header/styles.d.ts +2 -1
- package/node/components/DashboardLayout/Header/styles.js +20 -20
- package/node/components/DashboardLayout/index.d.ts +1 -0
- package/node/components/DashboardLayout/public.d.ts +1 -1
- package/node/components/DashboardSidebarButton/styles.d.ts +2 -1
- package/node/components/DashboardSidebarSkeleton/DashboardSidebarSkeleton.js +1 -1
- package/node/components/DataGrid/DataGrid.js +1 -2
- package/node/components/DataGrid/Row/NestedChildren/styles.d.ts +2 -1
- package/node/components/DataGrid/Row/Row.js +5 -2
- package/node/components/DataGrid/Row/constants.d.ts +1 -0
- package/node/components/DataGrid/Row/constants.js +1 -0
- package/node/components/DataGrid/Row/styles.d.ts +2 -1
- package/node/components/DataGrid/Row/styles.js +23 -11
- package/node/components/DataGrid/Row/useLogic/useLogic.d.ts +2 -1
- package/node/components/DataGrid/Row/useLogic/useLogic.js +3 -1
- package/node/components/DataGrid/types.d.ts +0 -3
- package/node/components/DataGridActionCell/DataGridMainActions/Action/MainIconButton/styles.d.ts +2 -1
- package/node/components/DataGridActionCell/DataGridMainActions/Action/MobileMainButton/styles.d.ts +2 -1
- package/node/components/DataGridActionCell/SecondaryActionsButton/styles.d.ts +2 -1
- package/node/components/DataGridInfinite/DataGridInfinite.js +2 -2
- package/node/components/DatePicker/styles.d.ts +2 -1
- package/node/components/FlowButton/styles.d.ts +2 -1
- package/node/components/IconButton/IconButton.d.ts +2 -1
- package/node/components/IconButton/styles.d.ts +2 -1
- package/node/components/LegacyNotification/NotificationTemplate/styles.d.ts +2 -1
- package/node/components/MenuOrganization/OrganizationButton/styles.d.ts +2 -1
- package/node/components/MenuOrganization/OrganizationItem/styles.d.ts +2 -1
- package/node/components/NewStepper/Step/styles.d.ts +2 -1
- package/node/components/Notification/NotificationStackContainer/NotificationStackContainer.js +1 -1
- package/node/components/Notification/NotificationStackContainer/styles.d.ts +2 -1
- package/node/components/Notification/NotificationTemplate/styles.d.ts +2 -1
- package/node/components/NotificationList/ListItem/ListItem.js +1 -1
- package/node/components/PageHeader/MobilePageActions/styles.d.ts +1 -1
- package/node/components/PageHeader/PageActions/PageActions.d.ts +1 -1
- package/node/components/PageHeader/PageActions/SecondaryActions/styles.d.ts +2 -1
- package/node/components/PageHeader/PageActions/SecondaryVisibleActions/styles.d.ts +2 -1
- package/node/components/PageHeader/PageActions/styles.d.ts +2 -1
- package/node/components/PageHeader/Title/styles.d.ts +2 -1
- package/node/components/Pagination/PaginationItem/PaginationItem.js +1 -1
- package/node/components/Pagination/PaginationItem/styles.d.ts +2 -1
- package/node/components/PinButton/styles.d.ts +2 -1
- package/node/components/Product/styles.d.ts +2 -1
- package/node/components/Profile/styles.d.ts +2 -1
- package/node/components/SearchField/styles.d.ts +2 -1
- package/node/components/StaticCalendar/StaticCalendarButton/styles.d.ts +2 -1
- package/node/components/Tag/styles.d.ts +2 -1
- package/node/components/Tree/TreeItem/styles.d.ts +2 -1
- package/node/components/index.d.ts +1 -1
- package/node/hook-form/EditableText/EditingForm/styles.d.ts +2 -1
- package/node/hook-form/FormFilters/FormFiltersDialog/ResetButton/styles.d.ts +2 -1
- package/node/hook-form/FormPageLayout/FormPageFooter/SecondaryActions/styles.d.ts +4 -2
- package/node/hook-form/FormPageLayout/FormPageFooter/styles.d.ts +2 -1
- package/node/hook-form/FormPageLayoutBase/FormMobileActions/styles.d.ts +2 -1
- package/node/hook-form/FormWizard/Footer/styles.d.ts +2 -1
- package/node/hook-form/FormWizardPageLayout/FormWizardFooter/styles.d.ts +2 -1
- package/package.json +1 -1
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/DashboardSidebar.d.ts +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/SidebarNav.d.ts +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/SidebarNav.js +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/constants.d.ts +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/index.d.ts +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/index.js +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/constants.d.ts +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/index.d.ts +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/index.js +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/types.js +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/index.d.ts +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/index.js +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/useCloseSidebarOnMobile/index.d.ts +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/useCloseSidebarOnMobile/index.js +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/useCloseSidebarOnMobile/useCloseSidebarOnMobile.d.ts +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/index.d.ts +0 -0
- /package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/index.js +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/DashboardSidebar.d.ts +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/SidebarNav.d.ts +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/SidebarNav.js +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/constants.d.ts +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/index.d.ts +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/index.js +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/constants.d.ts +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/index.d.ts +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/index.js +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/types.js +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/index.d.ts +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/index.js +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/useCloseSidebarOnMobile/index.d.ts +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/useCloseSidebarOnMobile/index.js +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/useCloseSidebarOnMobile/useCloseSidebarOnMobile.d.ts +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/index.d.ts +0 -0
- /package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/index.js +0 -0
|
@@ -14,12 +14,13 @@ export declare const ItemContent: import("../../styled").StyledComponent<{
|
|
|
14
14
|
$isDisabled: boolean;
|
|
15
15
|
$level: number;
|
|
16
16
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
17
|
-
export declare const CollapseButton: import("../../styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
17
|
+
export declare const CollapseButton: import("../../styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
18
18
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
19
19
|
loading?: boolean | undefined;
|
|
20
20
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
21
21
|
component?: import("react").ElementType | undefined;
|
|
22
22
|
selected?: boolean | undefined;
|
|
23
|
+
size?: "large" | "medium" | undefined;
|
|
23
24
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
24
25
|
theme?: import("@emotion/react").Theme | undefined;
|
|
25
26
|
} & {
|
package/components/index.d.ts
CHANGED
|
@@ -34,7 +34,7 @@ export { Counter, type CounterProps } from './Counter';
|
|
|
34
34
|
export { DashboardAlert, type DashboardAlertProps } from './DashboardAlert';
|
|
35
35
|
export { type DashboardLayoutProps, DashboardLayout, } from './DashboardLayout';
|
|
36
36
|
export { DashboardContext, type DashboardContextProps, } from './DashboardContext';
|
|
37
|
-
export type { DashboardSidebarProps } from './
|
|
37
|
+
export type { DashboardSidebarProps } from './DashboardLayout';
|
|
38
38
|
export { DashboardSidebarButton as SidebarButton } from './DashboardSidebarButton';
|
|
39
39
|
export { DashboardSidebarCounter as SidebarCounter, type DashboardSidebarCounterProps as SidebarCounterProps, } from './DashboardSidebarCounter';
|
|
40
40
|
export { DashboardMenuSidebarButton as MenuSidebarButton, type DashboardMenuSidebarButtonProps as MenuSidebarButtonProps, } from './DashboardMenuSidebarButton';
|
|
@@ -17,12 +17,13 @@ export declare const FormFooter: import("../../../components/styled").StyledComp
|
|
|
17
17
|
theme?: import("@emotion/react").Theme | undefined;
|
|
18
18
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
19
19
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
|
|
20
|
-
export declare const CancelButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
20
|
+
export declare const CancelButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
21
21
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
22
22
|
loading?: boolean | undefined;
|
|
23
23
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
24
24
|
component?: import("react").ElementType | undefined;
|
|
25
25
|
selected?: boolean | undefined;
|
|
26
|
+
size?: "large" | "medium" | undefined;
|
|
26
27
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
27
28
|
theme?: import("@emotion/react").Theme | undefined;
|
|
28
29
|
}, {}, {}>;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const MobileResetButtonWrapper: import("../../../../components/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
2
|
+
export declare const MobileResetButtonWrapper: import("../../../../components/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
3
3
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
4
4
|
loading?: boolean | undefined;
|
|
5
5
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
6
6
|
component?: import("react").ElementType | undefined;
|
|
7
7
|
selected?: boolean | undefined;
|
|
8
|
+
size?: "large" | "medium" | undefined;
|
|
8
9
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
9
10
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
11
|
}, {}, {}>;
|
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledButton: import("../../../../components/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
2
|
+
export declare const StyledButton: import("../../../../components/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
3
3
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
4
4
|
loading?: boolean | undefined;
|
|
5
5
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
6
6
|
component?: import("react").ElementType | undefined;
|
|
7
7
|
selected?: boolean | undefined;
|
|
8
|
+
size?: "large" | "medium" | undefined;
|
|
8
9
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
9
10
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
11
|
}, {}, {}>;
|
|
11
|
-
export declare const StyledMobileButton: import("../../../../components/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
12
|
+
export declare const StyledMobileButton: import("../../../../components/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
12
13
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
13
14
|
loading?: boolean | undefined;
|
|
14
15
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
15
16
|
component?: import("react").ElementType | undefined;
|
|
16
17
|
selected?: boolean | undefined;
|
|
18
|
+
size?: "large" | "medium" | undefined;
|
|
17
19
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
18
20
|
theme?: import("@emotion/react").Theme | undefined;
|
|
19
21
|
}, {}, {}>;
|
|
@@ -5,12 +5,13 @@ export declare const ActionsWrapper: import("../../../components/styled").Styled
|
|
|
5
5
|
} & {
|
|
6
6
|
$isShowMoreButton?: boolean | undefined;
|
|
7
7
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
export declare const ShowMoreButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
8
|
+
export declare const ShowMoreButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
9
9
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
10
10
|
loading?: boolean | undefined;
|
|
11
11
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
12
12
|
component?: import("react").ElementType | undefined;
|
|
13
13
|
selected?: boolean | undefined;
|
|
14
|
+
size?: "large" | "medium" | undefined;
|
|
14
15
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
15
16
|
theme?: import("@emotion/react").Theme | undefined;
|
|
16
17
|
} & {
|
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
export declare const StyledIconDropDownButton: import("../../../components/styled").StyledComponent<Omit<import("../../../components/IconDropdownButton").IconDropdownButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
}, {}, {}>;
|
|
5
|
-
export declare const StyledButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
5
|
+
export declare const StyledButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
6
6
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
7
7
|
loading?: boolean | undefined;
|
|
8
8
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
9
9
|
component?: import("react").ElementType | undefined;
|
|
10
10
|
selected?: boolean | undefined;
|
|
11
|
+
size?: "large" | "medium" | undefined;
|
|
11
12
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
12
13
|
theme?: import("@emotion/react").Theme | undefined;
|
|
13
14
|
}, {}, {}>;
|
|
@@ -3,12 +3,13 @@ export declare const Wrapper: import("../../../components/styled").StyledCompone
|
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
|
|
6
|
-
export declare const PrevButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
6
|
+
export declare const PrevButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
7
7
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
8
8
|
loading?: boolean | undefined;
|
|
9
9
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
10
10
|
component?: import("react").ElementType | undefined;
|
|
11
11
|
selected?: boolean | undefined;
|
|
12
|
+
size?: "large" | "medium" | undefined;
|
|
12
13
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
13
14
|
theme?: import("@emotion/react").Theme | undefined;
|
|
14
15
|
}, {}, {}>;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const PrevButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
2
|
+
export declare const PrevButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
3
3
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
4
4
|
loading?: boolean | undefined;
|
|
5
5
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
6
6
|
component?: import("react").ElementType | undefined;
|
|
7
7
|
selected?: boolean | undefined;
|
|
8
|
+
size?: "large" | "medium" | undefined;
|
|
8
9
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
9
10
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
11
|
}, {}, {}>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type ElementType } from 'react';
|
|
2
|
+
import type { ButtonSize } from '../../../../Button';
|
|
2
3
|
import type { MainActionsProps, MultipleAction, SingleAction } from '../../../types';
|
|
3
4
|
export declare const useMainActions: <TMainActionComponent extends ElementType>({ actions, size, isDisabled, }: MainActionsProps<TMainActionComponent>) => ({
|
|
4
5
|
tooltipProps: {
|
|
@@ -9,7 +10,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
|
|
|
9
10
|
buttonProps: Omit<MultipleAction<TMainActionComponent>, "text" | "note" | "disabled" | "disabledReason" | "isNested" | "actions" | "isBlockingOperation"> & {
|
|
10
11
|
disabled: boolean | undefined;
|
|
11
12
|
name: string;
|
|
12
|
-
size:
|
|
13
|
+
size: ButtonSize;
|
|
13
14
|
};
|
|
14
15
|
isNested: true;
|
|
15
16
|
nestedActions: {
|
|
@@ -330,7 +331,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
|
|
|
330
331
|
buttonProps: Omit<SingleAction<TMainActionComponent>, "text" | "note" | "disabled" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
|
|
331
332
|
disabled: boolean | undefined;
|
|
332
333
|
children: string;
|
|
333
|
-
size:
|
|
334
|
+
size: ButtonSize;
|
|
334
335
|
};
|
|
335
336
|
nestedActions: never[];
|
|
336
337
|
})[];
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
2
|
+
export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
3
3
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
4
4
|
loading?: boolean | undefined;
|
|
5
5
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
6
6
|
component?: import("react").ElementType | undefined;
|
|
7
7
|
selected?: boolean | undefined;
|
|
8
|
+
size?: "large" | "medium" | undefined;
|
|
8
9
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
9
10
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
11
|
}, {}, {}>;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
2
|
+
export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
3
3
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
4
4
|
loading?: boolean | undefined;
|
|
5
5
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
6
6
|
component?: import("react").ElementType | undefined;
|
|
7
7
|
selected?: boolean | undefined;
|
|
8
|
+
size?: "large" | "medium" | undefined;
|
|
8
9
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
9
10
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
11
|
}, {}, {}>;
|
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
export declare const StyledGrid: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../Grid/GridComponent").GridComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
} & import("../Grid/styles").StyledGridProps, {}, {}>;
|
|
5
|
-
export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
5
|
+
export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
6
6
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
7
7
|
loading?: boolean | undefined;
|
|
8
8
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
9
9
|
component?: import("react").ElementType | undefined;
|
|
10
10
|
selected?: boolean | undefined;
|
|
11
|
+
size?: "large" | "medium" | undefined;
|
|
11
12
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
12
13
|
theme?: import("@emotion/react").Theme | undefined;
|
|
13
14
|
}, {}, {}>;
|
|
@@ -3,12 +3,13 @@ export declare const ErrorWrapper: import("@emotion/styled/dist/declarations/src
|
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
-
export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
6
|
+
export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
7
7
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
8
8
|
loading?: boolean | undefined;
|
|
9
9
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
10
10
|
component?: import("react").ElementType | undefined;
|
|
11
11
|
selected?: boolean | undefined;
|
|
12
|
+
size?: "large" | "medium" | undefined;
|
|
12
13
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
13
14
|
theme?: import("@emotion/react").Theme | undefined;
|
|
14
15
|
}, {}, {}>;
|
|
@@ -17,12 +17,13 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
|
|
|
17
17
|
} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
|
|
18
18
|
theme?: import("@emotion/react").Theme | undefined;
|
|
19
19
|
}, {}, {}>;
|
|
20
|
-
export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
20
|
+
export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
21
21
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
22
22
|
loading?: boolean | undefined;
|
|
23
23
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
24
24
|
component?: import("react").ElementType | undefined;
|
|
25
25
|
selected?: boolean | undefined;
|
|
26
|
+
size?: "large" | "medium" | undefined;
|
|
26
27
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
27
28
|
theme?: import("@emotion/react").Theme | undefined;
|
|
28
29
|
}, {}, {}>;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { type ElementType } from 'react';
|
|
2
|
-
export declare const Button: <TComponent extends ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
2
|
+
export declare const Button: <TComponent extends ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
3
3
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
4
4
|
loading?: boolean | undefined;
|
|
5
5
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
6
6
|
component?: TComponent | undefined;
|
|
7
7
|
selected?: boolean | undefined;
|
|
8
|
+
size?: "large" | "medium" | undefined;
|
|
8
9
|
} & Omit<import("react").ComponentPropsWithRef<ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
|
|
9
10
|
export default Button;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ButtonProps as MuiButtonProps } from '@mui/material/Button';
|
|
2
2
|
import { type ComponentPropsWithRef, type ElementType } from 'react';
|
|
3
3
|
import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
|
|
4
|
-
import { type ButtonColors, type
|
|
4
|
+
import { type ButtonColors, type ButtonStates, type ButtonVariants } from './enums';
|
|
5
5
|
declare module '@mui/material/Button' {
|
|
6
6
|
interface ButtonPropsVariantOverrides {
|
|
7
7
|
contained: true;
|
|
@@ -20,9 +20,9 @@ declare module '@mui/material/Button' {
|
|
|
20
20
|
}
|
|
21
21
|
export type ButtonColor = `${ButtonColors}`;
|
|
22
22
|
export type ButtonVariant = `${ButtonVariants}`;
|
|
23
|
-
export type ButtonSize =
|
|
23
|
+
export type ButtonSize = 'medium' | 'large';
|
|
24
24
|
export type ButtonState = `${ButtonStates}`;
|
|
25
|
-
export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps>, 'variant' | 'color' | 'centerRipple' | 'disableRipple' | 'TouchRippleProps' | 'disableTouchRipple' | 'disableFocusRipple' | 'focusRipple' | 'touchRippleRef' | 'component'> & {
|
|
25
|
+
export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps>, 'variant' | 'color' | 'centerRipple' | 'disableRipple' | 'TouchRippleProps' | 'disableTouchRipple' | 'disableFocusRipple' | 'focusRipple' | 'touchRippleRef' | 'component' | 'size'> & {
|
|
26
26
|
/**
|
|
27
27
|
* Тип кнопки
|
|
28
28
|
*/
|
|
@@ -43,4 +43,5 @@ export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<Wit
|
|
|
43
43
|
* Состояние кнопки - selected
|
|
44
44
|
*/
|
|
45
45
|
selected?: boolean;
|
|
46
|
+
size?: 'medium' | 'large';
|
|
46
47
|
} & Omit<ComponentPropsWithRef<ElementType extends TComponent ? 'button' : TComponent>, ''>;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
2
|
+
export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
3
3
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
4
4
|
loading?: boolean | undefined;
|
|
5
5
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
6
6
|
component?: import("react").ElementType | undefined;
|
|
7
7
|
selected?: boolean | undefined;
|
|
8
|
+
size?: "large" | "medium" | undefined;
|
|
8
9
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
9
10
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
11
|
}, {}, {}>;
|
|
@@ -38,7 +38,6 @@ export type CheckableTagProps = Omit<TagProps, 'onChange' | 'startAddon' | 'endA
|
|
|
38
38
|
* onChange={handleChecked}
|
|
39
39
|
* endAddon={(props: TagBadgeProps) => (<TagBadge {...props} badgeContent={'12'} />)}
|
|
40
40
|
* />
|
|
41
|
-
* @deprecated Используйте компонент Chip
|
|
42
41
|
*/
|
|
43
42
|
export declare const CheckableTag: import("react").ForwardRefExoticComponent<Omit<TagProps, "onChange" | "variant" | "startAddon" | "endAddon"> & {
|
|
44
43
|
/**
|
|
@@ -15,7 +15,6 @@ const styles_1 = require("./styles");
|
|
|
15
15
|
* onChange={handleChecked}
|
|
16
16
|
* endAddon={(props: TagBadgeProps) => (<TagBadge {...props} badgeContent={'12'} />)}
|
|
17
17
|
* />
|
|
18
|
-
* @deprecated Используйте компонент Chip
|
|
19
18
|
*/
|
|
20
19
|
exports.CheckableTag = (0, react_1.forwardRef)(({ checked, variant = 'light', color = 'grey', onChange, disabled, startAddon: StartAddon, endAddon: EndAddon, ...tagProps }, ref) => {
|
|
21
20
|
const checkableStartAddon = StartAddon
|
|
@@ -18,12 +18,13 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
|
|
|
18
18
|
} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
|
|
19
19
|
theme?: import("@emotion/react").Theme | undefined;
|
|
20
20
|
} & CollapsibleTypographyWrapperProps, {}, {}>;
|
|
21
|
-
export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
21
|
+
export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
22
22
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
23
23
|
loading?: boolean | undefined;
|
|
24
24
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
25
25
|
component?: import("react").ElementType | undefined;
|
|
26
26
|
selected?: boolean | undefined;
|
|
27
|
+
size?: "large" | "medium" | undefined;
|
|
27
28
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
28
29
|
theme?: import("@emotion/react").Theme | undefined;
|
|
29
30
|
} & {
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const CancelButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
2
|
+
export declare const CancelButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
3
3
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
4
4
|
loading?: boolean | undefined;
|
|
5
5
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
6
6
|
component?: import("react").ElementType | undefined;
|
|
7
7
|
selected?: boolean | undefined;
|
|
8
|
+
size?: "large" | "medium" | undefined;
|
|
8
9
|
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
|
|
9
10
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
11
|
}, {}, {}>;
|
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
export declare const StyledAlert: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Alert").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
}, {}, {}>;
|
|
5
|
-
export declare const StyledButton: <TComponent extends import("react").ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
5
|
+
export declare const StyledButton: <TComponent extends import("react").ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
|
|
6
6
|
variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
|
|
7
7
|
loading?: boolean | undefined;
|
|
8
8
|
color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
|
|
9
9
|
component?: TComponent | undefined;
|
|
10
10
|
selected?: boolean | undefined;
|
|
11
|
+
size?: "large" | "medium" | undefined;
|
|
11
12
|
} & Omit<import("react").ComponentPropsWithRef<import("react").ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Root = void 0;
|
|
4
|
-
const constants_1 = require("../../DashboardSidebar/constants");
|
|
5
4
|
const styled_1 = require("../../styled");
|
|
6
|
-
const
|
|
5
|
+
const DashboardSidebar_1 = require("../DashboardSidebar");
|
|
6
|
+
const constants_1 = require("./constants");
|
|
7
7
|
exports.Root = styled_1.styled.div `
|
|
8
8
|
display: grid;
|
|
9
9
|
grid-template-columns: auto 1fr;
|
|
@@ -21,7 +21,7 @@ exports.Root = styled_1.styled.div `
|
|
|
21
21
|
|
|
22
22
|
/* Причина игнора: Не критично для отображения */
|
|
23
23
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
24
|
-
&:has(.${
|
|
24
|
+
&:has(.${DashboardSidebar_1.dashboardSidebarClassnames.root}) {
|
|
25
25
|
column-gap: ${({ theme }) => theme.spacing(4)};
|
|
26
26
|
|
|
27
27
|
${({ theme }) => theme.breakpoints.down('sm')} {
|
|
@@ -44,15 +44,15 @@ exports.Root = styled_1.styled.div `
|
|
|
44
44
|
padding: 0;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
&.${
|
|
47
|
+
&.${constants_1.containerClassnames.compact} {
|
|
48
48
|
max-width: 1572px;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
&.${
|
|
51
|
+
&.${constants_1.containerClassnames.wide} {
|
|
52
52
|
max-width: 1920px;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
&.${
|
|
55
|
+
&.${constants_1.containerClassnames.focusedMode} {
|
|
56
56
|
max-width: 100%;
|
|
57
57
|
}
|
|
58
58
|
`;
|
|
@@ -6,6 +6,6 @@ import { type DashboardLayoutProps } from './types';
|
|
|
6
6
|
export declare const DashboardLayout: {
|
|
7
7
|
({ children, isFocusedMode, isLoading, mobileHeaderPriorityFeature, desktopViewMode, }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
Header: import("react").ForwardRefExoticComponent<import("./Header").HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
-
Sidebar: import("react").ForwardRefExoticComponent<import("
|
|
9
|
+
Sidebar: import("react").ForwardRefExoticComponent<import("./DashboardSidebar").DashboardSidebarProps & import("react").RefAttributes<HTMLBaseElement>>;
|
|
10
10
|
Main: import("react").ForwardRefExoticComponent<import("./Main").MainProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
11
|
};
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.DashboardLayout = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const DashboardContext_1 = require("../DashboardContext");
|
|
6
|
-
const DashboardSidebar_1 = require("
|
|
6
|
+
const DashboardSidebar_1 = require("./DashboardSidebar");
|
|
7
7
|
const DashboardWrapper_1 = require("./DashboardWrapper");
|
|
8
8
|
const Header_1 = require("./Header");
|
|
9
9
|
const Main_1 = require("./Main");
|
package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/DashboardSidebar.js
RENAMED
|
@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.DashboardSidebar = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
const DashboardSidebarSkeleton_1 = require("
|
|
7
|
-
const NavMenu_1 = require("
|
|
8
|
-
const PinButton_1 = require("
|
|
9
|
-
const cva_1 = require("
|
|
10
|
-
const getInertProps_1 = require("
|
|
6
|
+
const DashboardSidebarSkeleton_1 = require("../../DashboardSidebarSkeleton");
|
|
7
|
+
const NavMenu_1 = require("../../NavMenu");
|
|
8
|
+
const PinButton_1 = require("../../PinButton");
|
|
9
|
+
const cva_1 = require("../../utils/cva");
|
|
10
|
+
const getInertProps_1 = require("../../utils/getInertProps");
|
|
11
11
|
const constants_1 = require("./constants");
|
|
12
12
|
const SidebarNav_1 = require("./SidebarNav");
|
|
13
13
|
const styles_1 = require("./styles");
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.sidebarNavClassnames = void 0;
|
|
4
|
-
const createUIKitClassname_1 = require("
|
|
4
|
+
const createUIKitClassname_1 = require("../../../utils/createUIKitClassname");
|
|
5
5
|
exports.sidebarNavClassnames = {
|
|
6
6
|
root: (0, createUIKitClassname_1.createUIKitClassname)('dashboard-layout-sidebar__navigation'),
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.LABEL_WIDTH = exports.dashboardSidebarClassnames = void 0;
|
|
4
|
-
const createUIKitClassname_1 = require("
|
|
4
|
+
const createUIKitClassname_1 = require("../../utils/createUIKitClassname");
|
|
5
5
|
exports.dashboardSidebarClassnames = {
|
|
6
6
|
root: (0, createUIKitClassname_1.createUIKitClassname)('dashboard-layout-sidebar'),
|
|
7
7
|
hasProfile: (0, createUIKitClassname_1.createUIKitClassname)('dashboard-layout-sidebar_has-profile'),
|
|
@@ -6,7 +6,7 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
|
|
|
6
6
|
$isPinned: boolean;
|
|
7
7
|
$alertHeight: number;
|
|
8
8
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
-
export declare const StyledPaper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("
|
|
9
|
+
export declare const StyledPaper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../Paper").PaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
|
|
10
10
|
theme?: import("@emotion/react").Theme | undefined;
|
|
11
11
|
}, {}, {}>;
|
|
12
12
|
export declare const SidebarRoot: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Footer = exports.SidebarContent = exports.SidebarHeader = exports.SidebarRoot = exports.StyledPaper = exports.Wrapper = void 0;
|
|
4
|
-
const constants_1 = require("
|
|
5
|
-
const constants_2 = require("
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
4
|
+
const constants_1 = require("../../constants");
|
|
5
|
+
const constants_2 = require("../../MenuOrganization/constants");
|
|
6
|
+
const OrganizationButton_1 = require("../../MenuOrganization/OrganizationButton");
|
|
7
|
+
const Item_1 = require("../../NavMenu/Item");
|
|
8
|
+
const Paper_1 = require("../../Paper");
|
|
9
|
+
const PinButton_1 = require("../../PinButton");
|
|
10
|
+
const styled_1 = require("../../styled");
|
|
11
|
+
const constants_3 = require("../constants");
|
|
12
12
|
const constants_4 = require("./constants");
|
|
13
13
|
exports.Wrapper = (0, styled_1.styled)('div', {
|
|
14
14
|
shouldForwardProp: (prop) => !['$isPinned', '$alertHeight'].includes(prop),
|
|
@@ -23,7 +23,7 @@ exports.Wrapper = (0, styled_1.styled)('div', {
|
|
|
23
23
|
${({ theme }) => theme.breakpoints.down('sm')} {
|
|
24
24
|
position: absolute;
|
|
25
25
|
z-index: ${({ theme }) => theme.zIndex.appBar - 1};
|
|
26
|
-
top: ${({ $alertHeight }) => `calc(${$alertHeight}px + ${
|
|
26
|
+
top: ${({ $alertHeight }) => `calc(${$alertHeight}px + ${constants_3.HEADER_HEIGHT_MOBILE}) `};
|
|
27
27
|
bottom: 0;
|
|
28
28
|
transform: ${({ $isPinned }) => $isPinned ? 'translateX(0px)' : 'translateX(-100vw)'};
|
|
29
29
|
|
|
@@ -39,7 +39,7 @@ exports.Wrapper = (0, styled_1.styled)('div', {
|
|
|
39
39
|
}};
|
|
40
40
|
|
|
41
41
|
&.${constants_4.dashboardSidebarClassnames.hasMenuOrganization}, &.${constants_4.dashboardSidebarClassnames.hasProfile} {
|
|
42
|
-
top: ${({ $alertHeight }) => `calc(${$alertHeight}px + ${
|
|
42
|
+
top: ${({ $alertHeight }) => `calc(${$alertHeight}px + ${constants_3.HEADER_HEIGHT_MOBILE} + ${OrganizationButton_1.MOBILE_BUTTON_HEIGHT}) `};
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
`;
|
|
@@ -92,11 +92,11 @@ exports.SidebarHeader = styled_1.styled.header `
|
|
|
92
92
|
|
|
93
93
|
/* Причина игнора: Не критично для отображения */
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
|
-
&:has(.${
|
|
95
|
+
&:has(.${constants_2.menuOrganizationClassnames.button}) {
|
|
96
96
|
padding: 0;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
& .${
|
|
99
|
+
& .${constants_2.menuOrganizationClassnames.button} {
|
|
100
100
|
height: ${OrganizationButton_1.MOBILE_BUTTON_HEIGHT};
|
|
101
101
|
padding: ${({ theme }) => theme.spacing(3, 4)};
|
|
102
102
|
}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useCloseSidebarOnMobile = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
const DashboardSidebarProvider_1 = require("
|
|
6
|
-
const NavMenu_1 = require("
|
|
7
|
-
const useViewportType_1 = require("
|
|
5
|
+
const DashboardSidebarProvider_1 = require("../../../../../DashboardSidebarProvider");
|
|
6
|
+
const NavMenu_1 = require("../../../../../NavMenu");
|
|
7
|
+
const useViewportType_1 = require("../../../../../useViewportType");
|
|
8
8
|
const SidebarNav_1 = require("../../../SidebarNav");
|
|
9
9
|
const useCloseSidebarOnMobile = () => {
|
|
10
10
|
const { isMobile } = (0, useViewportType_1.useViewportType)();
|