@recursica/mui-adapter 0.37.0 → 0.39.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/CHANGELOG.md +30 -0
- package/dist/index.d.ts +17 -21
- package/dist/mui-adapter.cjs +50 -50
- package/dist/mui-adapter.cjs.map +1 -1
- package/dist/mui-adapter.css +1 -1
- package/dist/mui-adapter.js +3188 -3167
- package/dist/mui-adapter.js.map +1 -1
- package/package.json +5 -3
- package/src/Introduction.stories.tsx +2 -1
- package/src/OverStyling.tsx +1 -2
- package/src/Version.tsx +2 -2
- package/src/components/Accordion/Accordion.stories.tsx +36 -0
- package/src/components/{Autocomplete/Autocomplete.stories.tsx → AutoComplete/AutoComplete.stories.tsx} +2 -2
- package/src/components/{Autocomplete/Autocomplete.tsx → AutoComplete/AutoComplete.tsx} +5 -5
- package/src/components/AutoComplete/index.ts +1 -0
- package/src/components/FormControlLayout/FormControlLayout.stories.tsx +36 -0
- package/src/components/Label/Label.stories.tsx +63 -54
- package/src/components/Loader/Loader.animate.dom.test.tsx +72 -0
- package/src/components/Loader/Loader.module.css +10 -0
- package/src/components/Loader/Loader.stories.tsx +20 -0
- package/src/components/Loader/Loader.tsx +8 -1
- package/src/components/Table/TABLE_IMPLEMENTATION_NOTES.md +11 -0
- package/src/components/Table/Table.module.css +14 -0
- package/src/components/Table/Table.stories.tsx +1 -1
- package/src/components/Table/USAGE.md +2 -2
- package/src/components/TimePicker/TIMEPICKER_IMPLEMENTATION_NOTES.md +8 -1
- package/src/components/TimePicker/TimePicker.module.css +43 -0
- package/src/components/TimePicker/TimePicker.stories.tsx +22 -0
- package/src/components/TimePicker/TimePicker.tsx +24 -6
- package/src/components/index.ts +1 -2
- package/src/index.ts +3 -4
- package/src/components/Autocomplete/index.ts +0 -1
- package/src/components/Box/Box.stories.tsx +0 -68
- package/src/components/Box/Box.test.tsx +0 -1
- package/src/components/Box/Box.tsx +0 -24
- package/src/components/Box/IMPLEMENTATION_NOTES.md +0 -5
- package/src/components/Box/USAGE.md +0 -48
- package/src/components/Box/index.ts +0 -1
- /package/src/components/{Autocomplete/Autocomplete.module.css → AutoComplete/AutoComplete.module.css} +0 -0
- /package/src/components/{Autocomplete/Autocomplete.test.tsx → AutoComplete/AutoComplete.test.tsx} +0 -0
- /package/src/components/{Autocomplete/AUTOCOMPLETE_IMPLEMENTATION_NOTES.md → AutoComplete/IMPLEMENTATION_NOTES.md} +0 -0
- /package/src/components/{Autocomplete → AutoComplete}/USAGE.md +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,35 @@
|
|
|
1
1
|
# @recursica/mui-adapter
|
|
2
2
|
|
|
3
|
+
## 0.39.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- cb3796a: Added an `animate` prop to `Loader` (default `true`) — set `false` to freeze its CSS animation for a deterministic render, e.g. a visual-regression snapshot. The `Static*` Loader stories now use it, and the animated `Default`/`LayerTwoOval` stories are excluded from adapter-tester's visual regression.
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- cb3796a: Fixed `Table` currency columns so header and footer cells right-align to match value cells. `Table.Th`/`Table.Cell` header context now supports `variant="currency"`.
|
|
12
|
+
- cb3796a: Added `leftSection` support to `TimePicker` for an optional leading icon, matching `TextField`'s convention.
|
|
13
|
+
- Updated dependencies [cb3796a]
|
|
14
|
+
- Updated dependencies [cb3796a]
|
|
15
|
+
- Updated dependencies [cb3796a]
|
|
16
|
+
- @recursica/adapter-common@0.28.0
|
|
17
|
+
|
|
18
|
+
## 0.38.0
|
|
19
|
+
|
|
20
|
+
### Minor Changes
|
|
21
|
+
|
|
22
|
+
- c31d5ae: Added an `animate` prop to `Loader` (default `true`) — set `false` to freeze its CSS animation for a deterministic render, e.g. a visual-regression snapshot. The `Static*` Loader stories now use it, and the animated `Default`/`LayerTwoOval` stories are excluded from adapter-tester's visual regression.
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- c31d5ae: Fixed `Table` currency columns so header and footer cells right-align to match value cells. `Table.Th`/`Table.Cell` header context now supports `variant="currency"`.
|
|
27
|
+
- c31d5ae: Added `leftSection` support to `TimePicker` for an optional leading icon, matching `TextField`'s convention.
|
|
28
|
+
- Updated dependencies [c31d5ae]
|
|
29
|
+
- Updated dependencies [c31d5ae]
|
|
30
|
+
- Updated dependencies [c31d5ae]
|
|
31
|
+
- @recursica/adapter-common@0.27.0
|
|
32
|
+
|
|
3
33
|
## 0.37.0
|
|
4
34
|
|
|
5
35
|
### Minor Changes
|
package/dist/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { AlertProps } from '@mui/material';
|
|
|
5
5
|
import { AutocompleteProps } from '@mui/material';
|
|
6
6
|
import { AvatarProps as AvatarProps_2 } from '@mui/material';
|
|
7
7
|
import { BadgeProps as BadgeProps_2 } from '@mui/material';
|
|
8
|
-
import { BoxProps
|
|
8
|
+
import { BoxProps } from '@mui/material';
|
|
9
9
|
import { BreadcrumbsProps } from '@mui/material';
|
|
10
10
|
import { ButtonProps as ButtonProps_2 } from '@mui/material';
|
|
11
11
|
import { CardOwnProps } from '@mui/material';
|
|
@@ -189,9 +189,9 @@ declare const AssistiveElement_2: default_2.ForwardRefExoticComponent<(Omit<Omit
|
|
|
189
189
|
|
|
190
190
|
declare type AssistiveElementProps = RecursicaOverStyled<Omit<FormHelperTextProps, "error" | "component"> & RecursicaAssistiveElementProps>;
|
|
191
191
|
|
|
192
|
-
export declare const
|
|
192
|
+
export declare const AutoComplete: typeof rawComponents.AutoComplete;
|
|
193
193
|
|
|
194
|
-
declare const
|
|
194
|
+
declare const AutoComplete_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaAutocompleteProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
195
195
|
overStyled?: false | undefined;
|
|
196
196
|
}, "ref"> | Omit<Omit<RecursicaAutocompleteProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
|
|
197
197
|
m?: string | number | RecursicaSpacing;
|
|
@@ -210,7 +210,7 @@ declare const Autocomplete_2: default_2.ForwardRefExoticComponent<(Omit<Omit<Wit
|
|
|
210
210
|
overStyled: true;
|
|
211
211
|
}, "ref">) & default_2.RefAttributes<HTMLInputElement>>;
|
|
212
212
|
|
|
213
|
-
declare type
|
|
213
|
+
declare type AutoCompleteProps = RecursicaOverStyled<RecursicaAutocompleteProps>;
|
|
214
214
|
|
|
215
215
|
export declare const Avatar: typeof rawComponents.Avatar;
|
|
216
216
|
|
|
@@ -273,18 +273,6 @@ declare type BadgeProps = RecursicaOverStyled<Omit<BadgeProps_2, "variant" | "si
|
|
|
273
273
|
*/
|
|
274
274
|
export declare type BlockedStylingKeys = "className" | "classNames" | "classes" | "style" | "styles" | "vars" | "sx" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex";
|
|
275
275
|
|
|
276
|
-
export declare const Box: <C extends React.ElementType = "div">(props: rawComponents.BoxProps<C> & {
|
|
277
|
-
ref?: React.ForwardedRef<any>;
|
|
278
|
-
}) => React.ReactElement | null;
|
|
279
|
-
|
|
280
|
-
declare const Box_2: <C extends default_2.ElementType = "div">(props: BoxProps<C> & {
|
|
281
|
-
ref?: default_2.ForwardedRef<any>;
|
|
282
|
-
}) => default_2.ReactElement | null;
|
|
283
|
-
|
|
284
|
-
declare type BoxProps<C extends default_2.ElementType = "div"> = BoxProps_2<C, {
|
|
285
|
-
component?: C;
|
|
286
|
-
}>;
|
|
287
|
-
|
|
288
276
|
export declare const Breadcrumb: typeof rawComponents.Breadcrumb;
|
|
289
277
|
|
|
290
278
|
declare const Breadcrumb_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<BreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
@@ -617,7 +605,7 @@ declare interface FlexOwnProps {
|
|
|
617
605
|
wrap?: React.CSSProperties["flexWrap"];
|
|
618
606
|
}
|
|
619
607
|
|
|
620
|
-
declare type FlexProps = WithRecursicaSpacing<OmitSx<
|
|
608
|
+
declare type FlexProps = WithRecursicaSpacing<OmitSx<BoxProps & FlexOwnProps>>;
|
|
621
609
|
|
|
622
610
|
export declare type ForbiddenStyles = {
|
|
623
611
|
[K in BlockedStylingKeys]?: never;
|
|
@@ -1296,14 +1284,12 @@ declare namespace rawComponents {
|
|
|
1296
1284
|
AssistiveElementProps,
|
|
1297
1285
|
AssistiveElement_2 as AssistiveElement,
|
|
1298
1286
|
RecursicaAutocompleteProps,
|
|
1299
|
-
|
|
1300
|
-
|
|
1287
|
+
AutoCompleteProps,
|
|
1288
|
+
AutoComplete_2 as AutoComplete,
|
|
1301
1289
|
AvatarProps,
|
|
1302
1290
|
Avatar_2 as Avatar,
|
|
1303
1291
|
BadgeProps,
|
|
1304
1292
|
Badge_2 as Badge,
|
|
1305
|
-
BoxProps,
|
|
1306
|
-
Box_2 as Box,
|
|
1307
1293
|
BreadcrumbProps,
|
|
1308
1294
|
Breadcrumb_2 as Breadcrumb,
|
|
1309
1295
|
ButtonProps,
|
|
@@ -2165,6 +2151,12 @@ export declare interface RecursicaLoaderProps {
|
|
|
2165
2151
|
variant?: "oval" | "bars" | "dots";
|
|
2166
2152
|
/** Map to Recursica sizes */
|
|
2167
2153
|
size?: "sm" | "md" | "lg" | RecursicaSize;
|
|
2154
|
+
/** Freezes the loader's CSS animation when `false` — the loader still
|
|
2155
|
+
* renders its normal shape, just without motion. Defaults to `true` (the
|
|
2156
|
+
* normal, animated loader). Use `false` for a deterministic rendering,
|
|
2157
|
+
* e.g. a visual-regression snapshot, where a moving animation would
|
|
2158
|
+
* otherwise diff differently every run. */
|
|
2159
|
+
animate?: boolean;
|
|
2168
2160
|
}
|
|
2169
2161
|
|
|
2170
2162
|
/**
|
|
@@ -2449,6 +2441,8 @@ export declare interface RecursicaTableHeaderCellProps {
|
|
|
2449
2441
|
sorted?: "asc" | "desc" | false;
|
|
2450
2442
|
/** Disables the header cell, dimming it and applying the disabled cell colors */
|
|
2451
2443
|
disabled?: boolean;
|
|
2444
|
+
/** `"currency"` right-aligns the header cell to match a currency column's value cells */
|
|
2445
|
+
variant?: "default" | "currency";
|
|
2452
2446
|
}
|
|
2453
2447
|
|
|
2454
2448
|
/**
|
|
@@ -2591,6 +2585,8 @@ declare interface RecursicaTimePickerProps_2 {
|
|
|
2591
2585
|
minTime?: string;
|
|
2592
2586
|
/** Maximum possible time string. Format is `HH:mm` normally, or `HH:mm:ss` when `withSeconds` is true. */
|
|
2593
2587
|
maxTime?: string;
|
|
2588
|
+
/** Section rendered inside the time field on the left (e.g. icon). Naming rationale: see `RecursicaTextFieldProps.leftSection`. */
|
|
2589
|
+
leftSection?: default_2.ReactNode;
|
|
2594
2590
|
}
|
|
2595
2591
|
|
|
2596
2592
|
export declare interface RecursicaToastProps extends RecursicaToastProps_2 {
|