sage-nexus-ui 1.0.17 → 1.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AccordionGroup.d.ts +22 -0
- package/dist/components/AccordionSingle.d.ts +17 -0
- package/dist/components/NexusHome.d.ts +5 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/index.d.ts +59 -19
- package/dist/index.mjs +1 -1
- package/dist/stories/Accordion.stories.d.ts +16 -0
- package/package.json +1 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type AccordionSummaryProps, type SxProps, type Theme } from "@mui/material";
|
|
2
|
+
import type { ReactNode } from "react";
|
|
3
|
+
export interface AccordionGroupProps {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
sx?: SxProps<Theme>;
|
|
6
|
+
}
|
|
7
|
+
export declare const AccordionGroup: ({ children, sx }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export interface AccordionGroupItemProps {
|
|
9
|
+
/** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
|
|
10
|
+
summary: ReactNode;
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
defaultExpanded?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
|
|
15
|
+
summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
|
|
16
|
+
/** Override the default ExpandMoreIcon. */
|
|
17
|
+
expandIcon?: ReactNode;
|
|
18
|
+
sx?: SxProps<Theme>;
|
|
19
|
+
/** sx applied to the AccordionDetails wrapper. */
|
|
20
|
+
detailsSx?: SxProps<Theme>;
|
|
21
|
+
}
|
|
22
|
+
export declare const AccordionGroupItem: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionGroupItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type AccordionSummaryProps, type SxProps, type Theme } from "@mui/material";
|
|
2
|
+
import type { ReactNode } from "react";
|
|
3
|
+
export interface AccordionSingleProps {
|
|
4
|
+
/** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
|
|
5
|
+
summary: ReactNode;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
defaultExpanded?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
/** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
|
|
10
|
+
summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
|
|
11
|
+
/** Override the default ExpandMoreIcon. */
|
|
12
|
+
expandIcon?: ReactNode;
|
|
13
|
+
sx?: SxProps<Theme>;
|
|
14
|
+
/** sx applied to the AccordionDetails wrapper. */
|
|
15
|
+
detailsSx?: SxProps<Theme>;
|
|
16
|
+
}
|
|
17
|
+
export declare const AccordionSingle: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionSingleProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
export * from "./DateFormats";
|
|
2
2
|
export { ActionBar } from "./ActionBar";
|
|
3
|
+
export { AccordionGroup, AccordionGroupItem } from "./AccordionGroup";
|
|
4
|
+
export type { AccordionGroupProps, AccordionGroupItemProps } from "./AccordionGroup";
|
|
5
|
+
export { AccordionSingle } from "./AccordionSingle";
|
|
6
|
+
export type { AccordionSingleProps } from "./AccordionSingle";
|
|
3
7
|
export { H1, H2, H3, H4, ActionBarTitle, Body1, Body2, Caption, } from "./Typography";
|
|
4
8
|
export { AiButton } from "./AiButton";
|
|
5
9
|
export type { AiButtonProps } from "./AiButton";
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import react__default, { ReactNode, ReactElement, CSSProperties, PropsWithChildren } from 'react';
|
|
3
|
-
import { TypographyProps, ButtonProps, PaperProps, CardProps as CardProps$1, BoxProps, SxProps as SxProps$1, ChipProps } from '@mui/material';
|
|
4
|
-
export { PaperProps } from '@mui/material';
|
|
5
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
-
import { SxProps } from '@mui/
|
|
7
|
-
|
|
4
|
+
import { SxProps, Theme, AccordionSummaryProps, TypographyProps, ButtonProps, PaperProps, CardProps as CardProps$1, BoxProps, ChipProps } from '@mui/material';
|
|
5
|
+
export { PaperProps } from '@mui/material';
|
|
6
|
+
import { SxProps as SxProps$1 } from '@mui/system';
|
|
7
|
+
import { Theme as Theme$1, SxProps as SxProps$2 } from '@mui/material/styles';
|
|
8
8
|
|
|
9
9
|
declare const getFiscalPeriod: (date: Date) => {
|
|
10
10
|
fiscalYear: number;
|
|
@@ -20,6 +20,43 @@ interface ActionBarProps {
|
|
|
20
20
|
}
|
|
21
21
|
declare const ActionBar: ({ title, extraLeft, extraRight, }: ActionBarProps) => ReactElement;
|
|
22
22
|
|
|
23
|
+
interface AccordionGroupProps {
|
|
24
|
+
children: ReactNode;
|
|
25
|
+
sx?: SxProps<Theme>;
|
|
26
|
+
}
|
|
27
|
+
declare const AccordionGroup: ({ children, sx }: AccordionGroupProps) => react_jsx_runtime.JSX.Element;
|
|
28
|
+
interface AccordionGroupItemProps {
|
|
29
|
+
/** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
|
|
30
|
+
summary: ReactNode;
|
|
31
|
+
children: ReactNode;
|
|
32
|
+
defaultExpanded?: boolean;
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
/** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
|
|
35
|
+
summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
|
|
36
|
+
/** Override the default ExpandMoreIcon. */
|
|
37
|
+
expandIcon?: ReactNode;
|
|
38
|
+
sx?: SxProps<Theme>;
|
|
39
|
+
/** sx applied to the AccordionDetails wrapper. */
|
|
40
|
+
detailsSx?: SxProps<Theme>;
|
|
41
|
+
}
|
|
42
|
+
declare const AccordionGroupItem: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionGroupItemProps) => react_jsx_runtime.JSX.Element;
|
|
43
|
+
|
|
44
|
+
interface AccordionSingleProps {
|
|
45
|
+
/** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
|
|
46
|
+
summary: ReactNode;
|
|
47
|
+
children: ReactNode;
|
|
48
|
+
defaultExpanded?: boolean;
|
|
49
|
+
disabled?: boolean;
|
|
50
|
+
/** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
|
|
51
|
+
summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
|
|
52
|
+
/** Override the default ExpandMoreIcon. */
|
|
53
|
+
expandIcon?: ReactNode;
|
|
54
|
+
sx?: SxProps<Theme>;
|
|
55
|
+
/** sx applied to the AccordionDetails wrapper. */
|
|
56
|
+
detailsSx?: SxProps<Theme>;
|
|
57
|
+
}
|
|
58
|
+
declare const AccordionSingle: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionSingleProps) => react_jsx_runtime.JSX.Element;
|
|
59
|
+
|
|
23
60
|
/**
|
|
24
61
|
* Typed wrappers around MUI Typography that fix the `variant` prop and
|
|
25
62
|
* inherit colour from the sageTheme TYPOGRAPHY_COLOURS map.
|
|
@@ -88,9 +125,9 @@ interface CheckboxGroupProps {
|
|
|
88
125
|
labels?: string[];
|
|
89
126
|
selectedValues?: string[];
|
|
90
127
|
onChange?: (values: string[]) => void;
|
|
91
|
-
rootSx?: SxProps<Theme>;
|
|
92
|
-
groupSx?: SxProps<Theme>;
|
|
93
|
-
titleSx?: SxProps<Theme>;
|
|
128
|
+
rootSx?: SxProps$1<Theme$1>;
|
|
129
|
+
groupSx?: SxProps$1<Theme$1>;
|
|
130
|
+
titleSx?: SxProps$1<Theme$1>;
|
|
94
131
|
}
|
|
95
132
|
declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
|
|
96
133
|
|
|
@@ -103,13 +140,16 @@ interface LocationMultiSelectProps {
|
|
|
103
140
|
emptyLabel?: string;
|
|
104
141
|
selectedLocations?: string[];
|
|
105
142
|
onLocationsChange?: (next: string[]) => void;
|
|
106
|
-
formControlSx?: SxProps$1
|
|
107
|
-
menuSx?: SxProps$1
|
|
108
|
-
selectSx?: SxProps$1
|
|
143
|
+
formControlSx?: SxProps<Theme$1>;
|
|
144
|
+
menuSx?: SxProps<Theme$1>;
|
|
145
|
+
selectSx?: SxProps<Theme$1>;
|
|
109
146
|
}
|
|
110
147
|
declare const LocationMultiSelect: react__default.FC<LocationMultiSelectProps>;
|
|
111
148
|
|
|
112
|
-
|
|
149
|
+
interface NexusHomeProps {
|
|
150
|
+
href?: string;
|
|
151
|
+
}
|
|
152
|
+
declare const NexusHome: React.FC<NexusHomeProps>;
|
|
113
153
|
|
|
114
154
|
type LogoProps = {
|
|
115
155
|
size?: "sm" | "md" | "lg";
|
|
@@ -151,8 +191,8 @@ interface SearchInputProps {
|
|
|
151
191
|
onSearchChange: (value: string) => void;
|
|
152
192
|
placeholder?: string;
|
|
153
193
|
searchValue?: string;
|
|
154
|
-
sx?: SxProps$1
|
|
155
|
-
styles?: SxProps$1
|
|
194
|
+
sx?: SxProps<Theme$1>;
|
|
195
|
+
styles?: SxProps<Theme$1>;
|
|
156
196
|
}
|
|
157
197
|
declare const SearchInput: react__default.FC<SearchInputProps>;
|
|
158
198
|
|
|
@@ -231,7 +271,7 @@ declare module "@mui/material/Typography" {
|
|
|
231
271
|
}
|
|
232
272
|
}
|
|
233
273
|
|
|
234
|
-
declare const createSageTheme: (mode?: ThemeMode) => Theme;
|
|
274
|
+
declare const createSageTheme: (mode?: ThemeMode) => Theme$1;
|
|
235
275
|
|
|
236
276
|
declare const useTokens: () => ModeTokens;
|
|
237
277
|
|
|
@@ -251,7 +291,7 @@ type GradientBorderOptions = {
|
|
|
251
291
|
borderRadius?: number;
|
|
252
292
|
padding?: number;
|
|
253
293
|
};
|
|
254
|
-
declare const getGradientBorderStyles: (theme: Theme, options?: GradientBorderOptions) => {
|
|
294
|
+
declare const getGradientBorderStyles: (theme: Theme$1, options?: GradientBorderOptions) => {
|
|
255
295
|
position: string;
|
|
256
296
|
borderRadius: number;
|
|
257
297
|
border: string;
|
|
@@ -270,8 +310,8 @@ declare const getGradientBorderStyles: (theme: Theme, options?: GradientBorderOp
|
|
|
270
310
|
pointerEvents: string;
|
|
271
311
|
};
|
|
272
312
|
};
|
|
273
|
-
declare const leftPipe: SxProps$2<Theme>;
|
|
274
|
-
declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme>;
|
|
313
|
+
declare const leftPipe: SxProps$2<Theme$1>;
|
|
314
|
+
declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme$1>;
|
|
275
315
|
|
|
276
|
-
export { ActionBar, ActionBarTitle, AiButton, AiCard, AiGlassCard, AiGlassPaper, AiPaper, Body1, Body2, Caption, Card, CheckboxGroup, GlassCard, GlassPaper, GreenWaveBackground, H1, H2, H3, H4, LocationMultiSelect, MuiAppThemeProvider, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, SkillChip, StatusChip, ThemeModeProvider, ThemeToggle, colours, createSageTheme, expandableText, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
|
|
277
|
-
export type { AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GradientBorderOptions, GreenWaveBackgroundProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, ThemeMode };
|
|
316
|
+
export { AccordionGroup, AccordionGroupItem, AccordionSingle, ActionBar, ActionBarTitle, AiButton, AiCard, AiGlassCard, AiGlassPaper, AiPaper, Body1, Body2, Caption, Card, CheckboxGroup, GlassCard, GlassPaper, GreenWaveBackground, H1, H2, H3, H4, LocationMultiSelect, MuiAppThemeProvider, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, SkillChip, StatusChip, ThemeModeProvider, ThemeToggle, colours, createSageTheme, expandableText, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
|
|
317
|
+
export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GradientBorderOptions, GreenWaveBackgroundProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, ThemeMode };
|