@alextheman/components 6.8.1 → 6.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.cts +31 -31
- package/dist/index.d.ts +31 -31
- package/package.json +17 -16
package/dist/index.d.cts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
1
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
2
|
import { CollapseProps } from "@mui/material/Collapse";
|
|
3
3
|
import { PaletteMode, SxProps, Theme } from "@mui/material/styles";
|
|
4
|
-
import * as react from "react";
|
|
4
|
+
import * as _$react from "react";
|
|
5
5
|
import { CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, Dispatch, ElementType, JSX, MouseEvent, MouseEventHandler, ReactNode, Ref, SetStateAction } from "react";
|
|
6
6
|
import Button$1, { ButtonOwnProps, ButtonProps } from "@mui/material/Button";
|
|
7
7
|
import { LinkProps } from "@mui/material/Link";
|
|
@@ -17,7 +17,7 @@ import { TypographyProps } from "@mui/material/Typography";
|
|
|
17
17
|
|
|
18
18
|
//#region src/components/Artwork.d.ts
|
|
19
19
|
/** The artwork associated with the package's theme song, _An Interface For You And I_. */
|
|
20
|
-
declare function Artwork(): react_jsx_runtime0.JSX.Element;
|
|
20
|
+
declare function Artwork(): _$react_jsx_runtime0.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
//#region src/components/CollapsableItem.d.ts
|
|
23
23
|
interface CollapsableItemProps {
|
|
@@ -64,7 +64,7 @@ declare function CollapsableItem({
|
|
|
64
64
|
openIcon,
|
|
65
65
|
closedIcon,
|
|
66
66
|
useDefaultStyling
|
|
67
|
-
}: CollapsableItemProps): react_jsx_runtime0.JSX.Element;
|
|
67
|
+
}: CollapsableItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
68
68
|
//#endregion
|
|
69
69
|
//#region src/components/DropdownMenu.d.ts
|
|
70
70
|
interface DropdownMenuProps {
|
|
@@ -89,7 +89,7 @@ declare function DropdownMenu({
|
|
|
89
89
|
isClosedIcon,
|
|
90
90
|
onOpen,
|
|
91
91
|
onClose
|
|
92
|
-
}: DropdownMenuProps): react_jsx_runtime0.JSX.Element;
|
|
92
|
+
}: DropdownMenuProps): _$react_jsx_runtime0.JSX.Element;
|
|
93
93
|
//#endregion
|
|
94
94
|
//#region src/components/ExternalLink.d.ts
|
|
95
95
|
interface ExternalLinkProps extends Omit<LinkProps, "to" | "target" | "rel"> {
|
|
@@ -111,7 +111,7 @@ declare function ExternalLink({
|
|
|
111
111
|
children,
|
|
112
112
|
ref,
|
|
113
113
|
...linkProps
|
|
114
|
-
}: ExternalLinkProps): react_jsx_runtime0.JSX.Element;
|
|
114
|
+
}: ExternalLinkProps): _$react_jsx_runtime0.JSX.Element;
|
|
115
115
|
//#endregion
|
|
116
116
|
//#region src/components/FileInput.d.ts
|
|
117
117
|
declare const FileType: {
|
|
@@ -146,7 +146,7 @@ declare function FileInput({
|
|
|
146
146
|
accept,
|
|
147
147
|
useDropzone,
|
|
148
148
|
...buttonProps
|
|
149
|
-
}: FileInputProps): react_jsx_runtime0.JSX.Element;
|
|
149
|
+
}: FileInputProps): _$react_jsx_runtime0.JSX.Element;
|
|
150
150
|
//#endregion
|
|
151
151
|
//#region src/components/FileInputList.d.ts
|
|
152
152
|
interface FileInputListProps extends Omit<FileInputProps, "onFileInput"> {
|
|
@@ -161,7 +161,7 @@ declare function FileInputList({
|
|
|
161
161
|
setFiles,
|
|
162
162
|
multiple,
|
|
163
163
|
...fileInputProps
|
|
164
|
-
}: FileInputListProps): react_jsx_runtime0.JSX.Element;
|
|
164
|
+
}: FileInputListProps): _$react_jsx_runtime0.JSX.Element;
|
|
165
165
|
//#endregion
|
|
166
166
|
//#region src/components/InternalLink.d.ts
|
|
167
167
|
interface InternalLinkProps extends Omit<LinkProps, "href" | "component"> {
|
|
@@ -195,7 +195,7 @@ declare function InternalLink({
|
|
|
195
195
|
children,
|
|
196
196
|
ref,
|
|
197
197
|
...linkProps
|
|
198
|
-
}: InternalLinkProps): react_jsx_runtime0.JSX.Element;
|
|
198
|
+
}: InternalLinkProps): _$react_jsx_runtime0.JSX.Element;
|
|
199
199
|
//#endregion
|
|
200
200
|
//#region src/types/ContextHookOptions.d.ts
|
|
201
201
|
interface ContextHookOptions<S extends boolean = true> {
|
|
@@ -225,7 +225,7 @@ declare function DropdownMenu2({
|
|
|
225
225
|
buttonProps,
|
|
226
226
|
openIcon,
|
|
227
227
|
closedIcon
|
|
228
|
-
}: DropdownMenu2Props): react_jsx_runtime0.JSX.Element;
|
|
228
|
+
}: DropdownMenu2Props): _$react_jsx_runtime0.JSX.Element;
|
|
229
229
|
//#endregion
|
|
230
230
|
//#region src/providers/DropdownMenu2/DropdownMenuExternalLink.d.ts
|
|
231
231
|
interface DropdownMenuExternalLinkProps extends MenuItemOwnProps {
|
|
@@ -240,7 +240,7 @@ declare function DropdownMenuExternalLink({
|
|
|
240
240
|
children,
|
|
241
241
|
onClick,
|
|
242
242
|
...menuItemProps
|
|
243
|
-
}: DropdownMenuExternalLinkProps): react_jsx_runtime0.JSX.Element;
|
|
243
|
+
}: DropdownMenuExternalLinkProps): _$react_jsx_runtime0.JSX.Element;
|
|
244
244
|
//#endregion
|
|
245
245
|
//#region src/providers/DropdownMenu2/DropdownMenuInternalLink.d.ts
|
|
246
246
|
interface DropdownMenuInternalLinkProps extends MenuItemOwnProps {
|
|
@@ -255,7 +255,7 @@ declare function DropdownMenuInternalLink({
|
|
|
255
255
|
children,
|
|
256
256
|
onClick,
|
|
257
257
|
...menuItemProps
|
|
258
|
-
}: DropdownMenuInternalLinkProps): react_jsx_runtime0.JSX.Element;
|
|
258
|
+
}: DropdownMenuInternalLinkProps): _$react_jsx_runtime0.JSX.Element;
|
|
259
259
|
//#endregion
|
|
260
260
|
//#region src/providers/DropdownMenu2/DropdownMenuItem.d.ts
|
|
261
261
|
type DropdownMenuItemProps<RootComponent extends ElementType = typeof Button$1> = {
|
|
@@ -270,7 +270,7 @@ declare function DropdownMenuItem<RootComponent extends ElementType>({
|
|
|
270
270
|
ref,
|
|
271
271
|
onClick,
|
|
272
272
|
...menuItemProps
|
|
273
|
-
}: DropdownMenuItemProps<RootComponent>): react_jsx_runtime0.JSX.Element;
|
|
273
|
+
}: DropdownMenuItemProps<RootComponent>): _$react_jsx_runtime0.JSX.Element;
|
|
274
274
|
//#endregion
|
|
275
275
|
//#region src/providers/LoaderProvider/LoaderProvider.d.ts
|
|
276
276
|
interface LoaderProviderBaseProps<DataType> {
|
|
@@ -310,7 +310,7 @@ declare function LoaderProvider<DataType>({
|
|
|
310
310
|
children,
|
|
311
311
|
loadingComponent,
|
|
312
312
|
...contextProps
|
|
313
|
-
}: LoaderProviderProps<DataType>): react_jsx_runtime0.JSX.Element;
|
|
313
|
+
}: LoaderProviderProps<DataType>): _$react_jsx_runtime0.JSX.Element;
|
|
314
314
|
//#endregion
|
|
315
315
|
//#region src/providers/LoaderProvider/LoaderData.d.ts
|
|
316
316
|
interface LoaderDataProps<T> {
|
|
@@ -333,7 +333,7 @@ declare function LoaderData<DataType>({
|
|
|
333
333
|
children,
|
|
334
334
|
dataParser: loaderDataParser,
|
|
335
335
|
loadingComponent
|
|
336
|
-
}: LoaderDataProps<DataType>): react_jsx_runtime0.JSX.Element;
|
|
336
|
+
}: LoaderDataProps<DataType>): _$react_jsx_runtime0.JSX.Element;
|
|
337
337
|
//#endregion
|
|
338
338
|
//#region src/providers/LoaderProvider/LoaderError.d.ts
|
|
339
339
|
interface LoaderErrorBaseProps {
|
|
@@ -365,7 +365,7 @@ declare function LoaderError({
|
|
|
365
365
|
nullComponent,
|
|
366
366
|
nullableComponent,
|
|
367
367
|
logError: propsLogError
|
|
368
|
-
}: LoaderErrorProps): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
|
|
368
|
+
}: LoaderErrorProps): string | number | bigint | boolean | _$react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
|
|
369
369
|
//#endregion
|
|
370
370
|
//#region src/providers/ModeProvider.d.ts
|
|
371
371
|
interface ModeContextValue {
|
|
@@ -382,7 +382,7 @@ interface ModeProviderProps {
|
|
|
382
382
|
declare function ModeProvider({
|
|
383
383
|
children,
|
|
384
384
|
mode: modeProp
|
|
385
|
-
}: ModeProviderProps): react_jsx_runtime0.JSX.Element;
|
|
385
|
+
}: ModeProviderProps): _$react_jsx_runtime0.JSX.Element;
|
|
386
386
|
//#endregion
|
|
387
387
|
//#region src/providers/ScreenSizeProvider.d.ts
|
|
388
388
|
interface ScreenSizeProps {
|
|
@@ -409,7 +409,7 @@ declare function ScreenSizeProvider({
|
|
|
409
409
|
children,
|
|
410
410
|
largeScreenWidth,
|
|
411
411
|
largeScreenHeight
|
|
412
|
-
}: ScreenSizeProps): react_jsx_runtime0.JSX.Element;
|
|
412
|
+
}: ScreenSizeProps): _$react_jsx_runtime0.JSX.Element;
|
|
413
413
|
//#endregion
|
|
414
414
|
//#region src/providers/SnackbarProvider.d.ts
|
|
415
415
|
interface SnackbarProviderProps {
|
|
@@ -425,7 +425,7 @@ declare function useSnackbar<Strict extends boolean = true>({
|
|
|
425
425
|
declare function SnackbarProvider({
|
|
426
426
|
children,
|
|
427
427
|
autoHideDuration
|
|
428
|
-
}: SnackbarProviderProps): react_jsx_runtime0.JSX.Element;
|
|
428
|
+
}: SnackbarProviderProps): _$react_jsx_runtime0.JSX.Element;
|
|
429
429
|
//#endregion
|
|
430
430
|
//#region src/components/Loader.d.ts
|
|
431
431
|
type LoaderProps<DataType> = Omit<LoaderProviderProps<DataType>, "children" | "logError"> & Omit<LoaderErrorProps, "errorComponent" | "children"> & Omit<LoaderDataProps<DataType>, "showOnError" | "onUndefined" | "onNull" | "onNullable">;
|
|
@@ -444,11 +444,11 @@ declare function Loader<DataType>({
|
|
|
444
444
|
logError,
|
|
445
445
|
loadingComponent,
|
|
446
446
|
...loaderProviderProps
|
|
447
|
-
}: LoaderProps<DataType>): react_jsx_runtime0.JSX.Element;
|
|
447
|
+
}: LoaderProps<DataType>): _$react_jsx_runtime0.JSX.Element;
|
|
448
448
|
//#endregion
|
|
449
449
|
//#region src/components/ModeToggle.d.ts
|
|
450
450
|
/** A toggle to switch between dark mode and light mode. Must be used in a `ModeProvider`. */
|
|
451
|
-
declare function ModeToggle(): react_jsx_runtime0.JSX.Element;
|
|
451
|
+
declare function ModeToggle(): _$react_jsx_runtime0.JSX.Element;
|
|
452
452
|
//#endregion
|
|
453
453
|
//#region src/components/NavigationBottom.d.ts
|
|
454
454
|
interface NavItemBottom {
|
|
@@ -464,7 +464,7 @@ interface NavigationBottomProps {
|
|
|
464
464
|
declare function NavigationBottom({
|
|
465
465
|
children,
|
|
466
466
|
navItems
|
|
467
|
-
}: NavigationBottomProps): react_jsx_runtime0.JSX.Element;
|
|
467
|
+
}: NavigationBottomProps): _$react_jsx_runtime0.JSX.Element;
|
|
468
468
|
//#endregion
|
|
469
469
|
//#region src/components/NavigationDrawer.d.ts
|
|
470
470
|
interface NavMenuItem {
|
|
@@ -486,7 +486,7 @@ declare function NavigationDrawer({
|
|
|
486
486
|
navItems,
|
|
487
487
|
children,
|
|
488
488
|
headerElements
|
|
489
|
-
}: NavigationDrawerProps): react_jsx_runtime0.JSX.Element;
|
|
489
|
+
}: NavigationDrawerProps): _$react_jsx_runtime0.JSX.Element;
|
|
490
490
|
//#endregion
|
|
491
491
|
//#region src/components/Page.d.ts
|
|
492
492
|
interface PageProps {
|
|
@@ -505,7 +505,7 @@ declare function Page({
|
|
|
505
505
|
subtitle,
|
|
506
506
|
action,
|
|
507
507
|
children
|
|
508
|
-
}: PageProps): react_jsx_runtime0.JSX.Element;
|
|
508
|
+
}: PageProps): _$react_jsx_runtime0.JSX.Element;
|
|
509
509
|
//#endregion
|
|
510
510
|
//#region src/components/ReactPlayground.d.ts
|
|
511
511
|
interface ReactPlaygroundProps extends ComponentProps<typeof LiveProvider> {
|
|
@@ -515,7 +515,7 @@ declare function ReactPlayground({
|
|
|
515
515
|
code,
|
|
516
516
|
previewStyles,
|
|
517
517
|
...liveProviderProps
|
|
518
|
-
}: ReactPlaygroundProps): react_jsx_runtime0.JSX.Element;
|
|
518
|
+
}: ReactPlaygroundProps): _$react_jsx_runtime0.JSX.Element;
|
|
519
519
|
//#endregion
|
|
520
520
|
//#region src/components/SkeletonRow.d.ts
|
|
521
521
|
interface SkeletonRowProps {
|
|
@@ -523,7 +523,7 @@ interface SkeletonRowProps {
|
|
|
523
523
|
}
|
|
524
524
|
declare function SkeletonRow({
|
|
525
525
|
columns
|
|
526
|
-
}: SkeletonRowProps): react_jsx_runtime0.JSX.Element;
|
|
526
|
+
}: SkeletonRowProps): _$react_jsx_runtime0.JSX.Element;
|
|
527
527
|
//#endregion
|
|
528
528
|
//#region src/components/SubmitButton.d.ts
|
|
529
529
|
interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
|
|
@@ -534,7 +534,7 @@ declare function SubmitButton({
|
|
|
534
534
|
disableClean,
|
|
535
535
|
label,
|
|
536
536
|
...buttonProps
|
|
537
|
-
}: SubmitButtonProps): react_jsx_runtime0.JSX.Element;
|
|
537
|
+
}: SubmitButtonProps): _$react_jsx_runtime0.JSX.Element;
|
|
538
538
|
//#endregion
|
|
539
539
|
//#region src/components/SwitchWithIcons.d.ts
|
|
540
540
|
interface SwitchWithIconsProps extends Omit<SwitchProps, "icon" | "checkedIcon"> {
|
|
@@ -553,7 +553,7 @@ declare function SwitchWithIcons({
|
|
|
553
553
|
uncheckedIcon: UncheckedIcon,
|
|
554
554
|
uncheckedIconStyles,
|
|
555
555
|
...switchProps
|
|
556
|
-
}: SwitchWithIconsProps): react_jsx_runtime0.JSX.Element;
|
|
556
|
+
}: SwitchWithIconsProps): _$react_jsx_runtime0.JSX.Element;
|
|
557
557
|
//#endregion
|
|
558
558
|
//#region src/deprecated/DarkModeToggle.d.ts
|
|
559
559
|
/** @deprecated This component has been renamed to `ModeToggle`. */
|
|
@@ -585,7 +585,7 @@ declare function IconWithPopover({
|
|
|
585
585
|
onClose,
|
|
586
586
|
iconProps,
|
|
587
587
|
children
|
|
588
|
-
}: IconWithPopoverProps): react_jsx_runtime0.JSX.Element;
|
|
588
|
+
}: IconWithPopoverProps): _$react_jsx_runtime0.JSX.Element;
|
|
589
589
|
//#endregion
|
|
590
590
|
//#region src/deprecated/ListItemInternalLink.d.ts
|
|
591
591
|
interface ListItemInternalLinkProps extends Omit<ListItemButtonProps, "href"> {
|
|
@@ -596,7 +596,7 @@ interface ListItemInternalLinkProps extends Omit<ListItemButtonProps, "href"> {
|
|
|
596
596
|
declare function ListItemInternalLink({
|
|
597
597
|
children,
|
|
598
598
|
...listItemButtonProps
|
|
599
|
-
}: ListItemInternalLinkProps): react_jsx_runtime0.JSX.Element;
|
|
599
|
+
}: ListItemInternalLinkProps): _$react_jsx_runtime0.JSX.Element;
|
|
600
600
|
//#endregion
|
|
601
601
|
//#region src/deprecated/PopoverText.d.ts
|
|
602
602
|
interface PopoverTextProps extends TypographyProps {
|
|
@@ -609,7 +609,7 @@ declare function PopoverText({
|
|
|
609
609
|
text,
|
|
610
610
|
sx,
|
|
611
611
|
...typographyProps
|
|
612
|
-
}: PopoverTextProps): react_jsx_runtime0.JSX.Element;
|
|
612
|
+
}: PopoverTextProps): _$react_jsx_runtime0.JSX.Element;
|
|
613
613
|
//#endregion
|
|
614
614
|
//#region src/hooks/useHash.d.ts
|
|
615
615
|
declare function useHash<S extends string>(initialHash: S | undefined): [S, Dispatch<SetStateAction<S>>];
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TypographyProps } from "@mui/material/Typography";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
3
|
import { CollapseProps } from "@mui/material/Collapse";
|
|
4
|
-
import * as react from "react";
|
|
4
|
+
import * as _$react from "react";
|
|
5
5
|
import { CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, Dispatch, ElementType, JSX, MouseEvent, MouseEventHandler, ReactNode, Ref, SetStateAction } from "react";
|
|
6
6
|
import MUIButton, { ButtonOwnProps, ButtonProps } from "@mui/material/Button";
|
|
7
7
|
import { LinkProps } from "@mui/material/Link";
|
|
@@ -17,7 +17,7 @@ import { SvgIconTypeMap } from "@mui/material/SvgIcon";
|
|
|
17
17
|
|
|
18
18
|
//#region src/components/Artwork.d.ts
|
|
19
19
|
/** The artwork associated with the package's theme song, _An Interface For You And I_. */
|
|
20
|
-
declare function Artwork(): react_jsx_runtime0.JSX.Element;
|
|
20
|
+
declare function Artwork(): _$react_jsx_runtime0.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
//#region src/components/CollapsableItem.d.ts
|
|
23
23
|
interface CollapsableItemProps {
|
|
@@ -64,7 +64,7 @@ declare function CollapsableItem({
|
|
|
64
64
|
openIcon,
|
|
65
65
|
closedIcon,
|
|
66
66
|
useDefaultStyling
|
|
67
|
-
}: CollapsableItemProps): react_jsx_runtime0.JSX.Element;
|
|
67
|
+
}: CollapsableItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
68
68
|
//#endregion
|
|
69
69
|
//#region src/components/DropdownMenu.d.ts
|
|
70
70
|
interface DropdownMenuProps {
|
|
@@ -89,7 +89,7 @@ declare function DropdownMenu({
|
|
|
89
89
|
isClosedIcon,
|
|
90
90
|
onOpen,
|
|
91
91
|
onClose
|
|
92
|
-
}: DropdownMenuProps): react_jsx_runtime0.JSX.Element;
|
|
92
|
+
}: DropdownMenuProps): _$react_jsx_runtime0.JSX.Element;
|
|
93
93
|
//#endregion
|
|
94
94
|
//#region src/components/ExternalLink.d.ts
|
|
95
95
|
interface ExternalLinkProps extends Omit<LinkProps, "to" | "target" | "rel"> {
|
|
@@ -111,7 +111,7 @@ declare function ExternalLink({
|
|
|
111
111
|
children,
|
|
112
112
|
ref,
|
|
113
113
|
...linkProps
|
|
114
|
-
}: ExternalLinkProps): react_jsx_runtime0.JSX.Element;
|
|
114
|
+
}: ExternalLinkProps): _$react_jsx_runtime0.JSX.Element;
|
|
115
115
|
//#endregion
|
|
116
116
|
//#region src/components/FileInput.d.ts
|
|
117
117
|
declare const FileType: {
|
|
@@ -146,7 +146,7 @@ declare function FileInput({
|
|
|
146
146
|
accept,
|
|
147
147
|
useDropzone,
|
|
148
148
|
...buttonProps
|
|
149
|
-
}: FileInputProps): react_jsx_runtime0.JSX.Element;
|
|
149
|
+
}: FileInputProps): _$react_jsx_runtime0.JSX.Element;
|
|
150
150
|
//#endregion
|
|
151
151
|
//#region src/components/FileInputList.d.ts
|
|
152
152
|
interface FileInputListProps extends Omit<FileInputProps, "onFileInput"> {
|
|
@@ -161,7 +161,7 @@ declare function FileInputList({
|
|
|
161
161
|
setFiles,
|
|
162
162
|
multiple,
|
|
163
163
|
...fileInputProps
|
|
164
|
-
}: FileInputListProps): react_jsx_runtime0.JSX.Element;
|
|
164
|
+
}: FileInputListProps): _$react_jsx_runtime0.JSX.Element;
|
|
165
165
|
//#endregion
|
|
166
166
|
//#region src/components/InternalLink.d.ts
|
|
167
167
|
interface InternalLinkProps extends Omit<LinkProps, "href" | "component"> {
|
|
@@ -195,7 +195,7 @@ declare function InternalLink({
|
|
|
195
195
|
children,
|
|
196
196
|
ref,
|
|
197
197
|
...linkProps
|
|
198
|
-
}: InternalLinkProps): react_jsx_runtime0.JSX.Element;
|
|
198
|
+
}: InternalLinkProps): _$react_jsx_runtime0.JSX.Element;
|
|
199
199
|
//#endregion
|
|
200
200
|
//#region src/types/ContextHookOptions.d.ts
|
|
201
201
|
interface ContextHookOptions<S extends boolean = true> {
|
|
@@ -225,7 +225,7 @@ declare function DropdownMenu2({
|
|
|
225
225
|
buttonProps,
|
|
226
226
|
openIcon,
|
|
227
227
|
closedIcon
|
|
228
|
-
}: DropdownMenu2Props): react_jsx_runtime0.JSX.Element;
|
|
228
|
+
}: DropdownMenu2Props): _$react_jsx_runtime0.JSX.Element;
|
|
229
229
|
//#endregion
|
|
230
230
|
//#region src/providers/DropdownMenu2/DropdownMenuExternalLink.d.ts
|
|
231
231
|
interface DropdownMenuExternalLinkProps extends MenuItemOwnProps {
|
|
@@ -240,7 +240,7 @@ declare function DropdownMenuExternalLink({
|
|
|
240
240
|
children,
|
|
241
241
|
onClick,
|
|
242
242
|
...menuItemProps
|
|
243
|
-
}: DropdownMenuExternalLinkProps): react_jsx_runtime0.JSX.Element;
|
|
243
|
+
}: DropdownMenuExternalLinkProps): _$react_jsx_runtime0.JSX.Element;
|
|
244
244
|
//#endregion
|
|
245
245
|
//#region src/providers/DropdownMenu2/DropdownMenuInternalLink.d.ts
|
|
246
246
|
interface DropdownMenuInternalLinkProps extends MenuItemOwnProps {
|
|
@@ -255,7 +255,7 @@ declare function DropdownMenuInternalLink({
|
|
|
255
255
|
children,
|
|
256
256
|
onClick,
|
|
257
257
|
...menuItemProps
|
|
258
|
-
}: DropdownMenuInternalLinkProps): react_jsx_runtime0.JSX.Element;
|
|
258
|
+
}: DropdownMenuInternalLinkProps): _$react_jsx_runtime0.JSX.Element;
|
|
259
259
|
//#endregion
|
|
260
260
|
//#region src/providers/DropdownMenu2/DropdownMenuItem.d.ts
|
|
261
261
|
type DropdownMenuItemProps<RootComponent extends ElementType = typeof MUIButton> = {
|
|
@@ -270,7 +270,7 @@ declare function DropdownMenuItem<RootComponent extends ElementType>({
|
|
|
270
270
|
ref,
|
|
271
271
|
onClick,
|
|
272
272
|
...menuItemProps
|
|
273
|
-
}: DropdownMenuItemProps<RootComponent>): react_jsx_runtime0.JSX.Element;
|
|
273
|
+
}: DropdownMenuItemProps<RootComponent>): _$react_jsx_runtime0.JSX.Element;
|
|
274
274
|
//#endregion
|
|
275
275
|
//#region src/providers/LoaderProvider/LoaderProvider.d.ts
|
|
276
276
|
interface LoaderProviderBaseProps<DataType> {
|
|
@@ -310,7 +310,7 @@ declare function LoaderProvider<DataType>({
|
|
|
310
310
|
children,
|
|
311
311
|
loadingComponent,
|
|
312
312
|
...contextProps
|
|
313
|
-
}: LoaderProviderProps<DataType>): react_jsx_runtime0.JSX.Element;
|
|
313
|
+
}: LoaderProviderProps<DataType>): _$react_jsx_runtime0.JSX.Element;
|
|
314
314
|
//#endregion
|
|
315
315
|
//#region src/providers/LoaderProvider/LoaderData.d.ts
|
|
316
316
|
interface LoaderDataProps<T> {
|
|
@@ -333,7 +333,7 @@ declare function LoaderData<DataType>({
|
|
|
333
333
|
children,
|
|
334
334
|
dataParser: loaderDataParser,
|
|
335
335
|
loadingComponent
|
|
336
|
-
}: LoaderDataProps<DataType>): react_jsx_runtime0.JSX.Element;
|
|
336
|
+
}: LoaderDataProps<DataType>): _$react_jsx_runtime0.JSX.Element;
|
|
337
337
|
//#endregion
|
|
338
338
|
//#region src/providers/LoaderProvider/LoaderError.d.ts
|
|
339
339
|
interface LoaderErrorBaseProps {
|
|
@@ -365,7 +365,7 @@ declare function LoaderError({
|
|
|
365
365
|
nullComponent,
|
|
366
366
|
nullableComponent,
|
|
367
367
|
logError: propsLogError
|
|
368
|
-
}: LoaderErrorProps): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
|
|
368
|
+
}: LoaderErrorProps): string | number | bigint | boolean | _$react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
|
|
369
369
|
//#endregion
|
|
370
370
|
//#region src/providers/ModeProvider.d.ts
|
|
371
371
|
interface ModeContextValue {
|
|
@@ -382,7 +382,7 @@ interface ModeProviderProps {
|
|
|
382
382
|
declare function ModeProvider({
|
|
383
383
|
children,
|
|
384
384
|
mode: modeProp
|
|
385
|
-
}: ModeProviderProps): react_jsx_runtime0.JSX.Element;
|
|
385
|
+
}: ModeProviderProps): _$react_jsx_runtime0.JSX.Element;
|
|
386
386
|
//#endregion
|
|
387
387
|
//#region src/providers/ScreenSizeProvider.d.ts
|
|
388
388
|
interface ScreenSizeProps {
|
|
@@ -409,7 +409,7 @@ declare function ScreenSizeProvider({
|
|
|
409
409
|
children,
|
|
410
410
|
largeScreenWidth,
|
|
411
411
|
largeScreenHeight
|
|
412
|
-
}: ScreenSizeProps): react_jsx_runtime0.JSX.Element;
|
|
412
|
+
}: ScreenSizeProps): _$react_jsx_runtime0.JSX.Element;
|
|
413
413
|
//#endregion
|
|
414
414
|
//#region src/providers/SnackbarProvider.d.ts
|
|
415
415
|
interface SnackbarProviderProps {
|
|
@@ -425,7 +425,7 @@ declare function useSnackbar<Strict extends boolean = true>({
|
|
|
425
425
|
declare function SnackbarProvider({
|
|
426
426
|
children,
|
|
427
427
|
autoHideDuration
|
|
428
|
-
}: SnackbarProviderProps): react_jsx_runtime0.JSX.Element;
|
|
428
|
+
}: SnackbarProviderProps): _$react_jsx_runtime0.JSX.Element;
|
|
429
429
|
//#endregion
|
|
430
430
|
//#region src/components/Loader.d.ts
|
|
431
431
|
type LoaderProps<DataType> = Omit<LoaderProviderProps<DataType>, "children" | "logError"> & Omit<LoaderErrorProps, "errorComponent" | "children"> & Omit<LoaderDataProps<DataType>, "showOnError" | "onUndefined" | "onNull" | "onNullable">;
|
|
@@ -444,11 +444,11 @@ declare function Loader<DataType>({
|
|
|
444
444
|
logError,
|
|
445
445
|
loadingComponent,
|
|
446
446
|
...loaderProviderProps
|
|
447
|
-
}: LoaderProps<DataType>): react_jsx_runtime0.JSX.Element;
|
|
447
|
+
}: LoaderProps<DataType>): _$react_jsx_runtime0.JSX.Element;
|
|
448
448
|
//#endregion
|
|
449
449
|
//#region src/components/ModeToggle.d.ts
|
|
450
450
|
/** A toggle to switch between dark mode and light mode. Must be used in a `ModeProvider`. */
|
|
451
|
-
declare function ModeToggle(): react_jsx_runtime0.JSX.Element;
|
|
451
|
+
declare function ModeToggle(): _$react_jsx_runtime0.JSX.Element;
|
|
452
452
|
//#endregion
|
|
453
453
|
//#region src/components/NavigationBottom.d.ts
|
|
454
454
|
interface NavItemBottom {
|
|
@@ -464,7 +464,7 @@ interface NavigationBottomProps {
|
|
|
464
464
|
declare function NavigationBottom({
|
|
465
465
|
children,
|
|
466
466
|
navItems
|
|
467
|
-
}: NavigationBottomProps): react_jsx_runtime0.JSX.Element;
|
|
467
|
+
}: NavigationBottomProps): _$react_jsx_runtime0.JSX.Element;
|
|
468
468
|
//#endregion
|
|
469
469
|
//#region src/components/NavigationDrawer.d.ts
|
|
470
470
|
interface NavMenuItem {
|
|
@@ -486,7 +486,7 @@ declare function NavigationDrawer({
|
|
|
486
486
|
navItems,
|
|
487
487
|
children,
|
|
488
488
|
headerElements
|
|
489
|
-
}: NavigationDrawerProps): react_jsx_runtime0.JSX.Element;
|
|
489
|
+
}: NavigationDrawerProps): _$react_jsx_runtime0.JSX.Element;
|
|
490
490
|
//#endregion
|
|
491
491
|
//#region src/components/Page.d.ts
|
|
492
492
|
interface PageProps {
|
|
@@ -505,7 +505,7 @@ declare function Page({
|
|
|
505
505
|
subtitle,
|
|
506
506
|
action,
|
|
507
507
|
children
|
|
508
|
-
}: PageProps): react_jsx_runtime0.JSX.Element;
|
|
508
|
+
}: PageProps): _$react_jsx_runtime0.JSX.Element;
|
|
509
509
|
//#endregion
|
|
510
510
|
//#region src/components/ReactPlayground.d.ts
|
|
511
511
|
interface ReactPlaygroundProps extends ComponentProps<typeof LiveProvider> {
|
|
@@ -515,7 +515,7 @@ declare function ReactPlayground({
|
|
|
515
515
|
code,
|
|
516
516
|
previewStyles,
|
|
517
517
|
...liveProviderProps
|
|
518
|
-
}: ReactPlaygroundProps): react_jsx_runtime0.JSX.Element;
|
|
518
|
+
}: ReactPlaygroundProps): _$react_jsx_runtime0.JSX.Element;
|
|
519
519
|
//#endregion
|
|
520
520
|
//#region src/components/SkeletonRow.d.ts
|
|
521
521
|
interface SkeletonRowProps {
|
|
@@ -523,7 +523,7 @@ interface SkeletonRowProps {
|
|
|
523
523
|
}
|
|
524
524
|
declare function SkeletonRow({
|
|
525
525
|
columns
|
|
526
|
-
}: SkeletonRowProps): react_jsx_runtime0.JSX.Element;
|
|
526
|
+
}: SkeletonRowProps): _$react_jsx_runtime0.JSX.Element;
|
|
527
527
|
//#endregion
|
|
528
528
|
//#region src/components/SubmitButton.d.ts
|
|
529
529
|
interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
|
|
@@ -534,7 +534,7 @@ declare function SubmitButton({
|
|
|
534
534
|
disableClean,
|
|
535
535
|
label,
|
|
536
536
|
...buttonProps
|
|
537
|
-
}: SubmitButtonProps): react_jsx_runtime0.JSX.Element;
|
|
537
|
+
}: SubmitButtonProps): _$react_jsx_runtime0.JSX.Element;
|
|
538
538
|
//#endregion
|
|
539
539
|
//#region src/components/SwitchWithIcons.d.ts
|
|
540
540
|
interface SwitchWithIconsProps extends Omit<SwitchProps, "icon" | "checkedIcon"> {
|
|
@@ -553,7 +553,7 @@ declare function SwitchWithIcons({
|
|
|
553
553
|
uncheckedIcon: UncheckedIcon,
|
|
554
554
|
uncheckedIconStyles,
|
|
555
555
|
...switchProps
|
|
556
|
-
}: SwitchWithIconsProps): react_jsx_runtime0.JSX.Element;
|
|
556
|
+
}: SwitchWithIconsProps): _$react_jsx_runtime0.JSX.Element;
|
|
557
557
|
//#endregion
|
|
558
558
|
//#region src/deprecated/DarkModeToggle.d.ts
|
|
559
559
|
/** @deprecated This component has been renamed to `ModeToggle`. */
|
|
@@ -585,7 +585,7 @@ declare function IconWithPopover({
|
|
|
585
585
|
onClose,
|
|
586
586
|
iconProps,
|
|
587
587
|
children
|
|
588
|
-
}: IconWithPopoverProps): react_jsx_runtime0.JSX.Element;
|
|
588
|
+
}: IconWithPopoverProps): _$react_jsx_runtime0.JSX.Element;
|
|
589
589
|
//#endregion
|
|
590
590
|
//#region src/deprecated/ListItemInternalLink.d.ts
|
|
591
591
|
interface ListItemInternalLinkProps extends Omit<ListItemButtonProps, "href"> {
|
|
@@ -596,7 +596,7 @@ interface ListItemInternalLinkProps extends Omit<ListItemButtonProps, "href"> {
|
|
|
596
596
|
declare function ListItemInternalLink({
|
|
597
597
|
children,
|
|
598
598
|
...listItemButtonProps
|
|
599
|
-
}: ListItemInternalLinkProps): react_jsx_runtime0.JSX.Element;
|
|
599
|
+
}: ListItemInternalLinkProps): _$react_jsx_runtime0.JSX.Element;
|
|
600
600
|
//#endregion
|
|
601
601
|
//#region src/deprecated/PopoverText.d.ts
|
|
602
602
|
interface PopoverTextProps extends TypographyProps {
|
|
@@ -609,7 +609,7 @@ declare function PopoverText({
|
|
|
609
609
|
text,
|
|
610
610
|
sx,
|
|
611
611
|
...typographyProps
|
|
612
|
-
}: PopoverTextProps): react_jsx_runtime0.JSX.Element;
|
|
612
|
+
}: PopoverTextProps): _$react_jsx_runtime0.JSX.Element;
|
|
613
613
|
//#endregion
|
|
614
614
|
//#region src/hooks/useHash.d.ts
|
|
615
615
|
declare function useHash<S extends string>(initialHash: S | undefined): [S, Dispatch<SetStateAction<S>>];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alextheman/components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.9.1",
|
|
4
4
|
"description": "A package containing common React components used across my projects.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -20,7 +20,8 @@
|
|
|
20
20
|
"dist"
|
|
21
21
|
],
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@alextheman/utility": "^5.
|
|
23
|
+
"@alextheman/utility": "^5.7.0",
|
|
24
|
+
"@tanstack/react-form": "^1.28.5",
|
|
24
25
|
"common-tags": "^1.8.2",
|
|
25
26
|
"react-icons": "^5.6.0",
|
|
26
27
|
"react-live": "^4.1.8",
|
|
@@ -32,21 +33,21 @@
|
|
|
32
33
|
"@emotion/styled": "^11.14.1",
|
|
33
34
|
"@mui/material": "^7.3.9",
|
|
34
35
|
"@playwright/test": "^1.58.2",
|
|
35
|
-
"@storybook/addon-docs": "^10.3.
|
|
36
|
-
"@storybook/addon-vitest": "^10.3.
|
|
37
|
-
"@storybook/react-vite": "^10.3.
|
|
36
|
+
"@storybook/addon-docs": "^10.3.3",
|
|
37
|
+
"@storybook/addon-vitest": "^10.3.3",
|
|
38
|
+
"@storybook/react-vite": "^10.3.3",
|
|
38
39
|
"@types/common-tags": "^1.8.4",
|
|
39
40
|
"@types/node": "^25.5.0",
|
|
40
41
|
"@types/react": "^19.2.14",
|
|
41
42
|
"@types/react-dom": "^19.2.3",
|
|
42
|
-
"@typescript-eslint/types": "^8.57.
|
|
43
|
-
"@vitest/browser-playwright": "^4.1.
|
|
44
|
-
"@vitest/coverage-v8": "^4.1.
|
|
43
|
+
"@typescript-eslint/types": "^8.57.2",
|
|
44
|
+
"@vitest/browser-playwright": "^4.1.2",
|
|
45
|
+
"@vitest/coverage-v8": "^4.1.2",
|
|
45
46
|
"alex-c-line": "^2.3.0",
|
|
46
47
|
"dotenv-cli": "^11.0.0",
|
|
47
48
|
"esbuild": "^0.27.4",
|
|
48
49
|
"eslint": "^10.1.0",
|
|
49
|
-
"eslint-plugin-storybook": "^10.3.
|
|
50
|
+
"eslint-plugin-storybook": "^10.3.3",
|
|
50
51
|
"execa": "^9.6.1",
|
|
51
52
|
"globals": "^17.4.0",
|
|
52
53
|
"husky": "^9.1.7",
|
|
@@ -55,15 +56,15 @@
|
|
|
55
56
|
"react": "^19.2.4",
|
|
56
57
|
"react-docgen-typescript": "^2.4.0",
|
|
57
58
|
"react-dom": "^19.2.4",
|
|
58
|
-
"react-hook-form": "^7.
|
|
59
|
-
"react-router-dom": "^7.13.
|
|
60
|
-
"storybook": "^10.3.
|
|
59
|
+
"react-hook-form": "^7.72.0",
|
|
60
|
+
"react-router-dom": "^7.13.2",
|
|
61
|
+
"storybook": "^10.3.3",
|
|
61
62
|
"styled-components": "^6.3.12",
|
|
62
63
|
"tempy": "^3.2.0",
|
|
63
|
-
"tsdown": "^0.21.
|
|
64
|
+
"tsdown": "^0.21.6",
|
|
64
65
|
"typescript": "^5.9.3",
|
|
65
|
-
"typescript-eslint": "^8.57.
|
|
66
|
-
"vitest": "^4.1.
|
|
66
|
+
"typescript-eslint": "^8.57.2",
|
|
67
|
+
"vitest": "^4.1.2"
|
|
67
68
|
},
|
|
68
69
|
"peerDependencies": {
|
|
69
70
|
"@emotion/react": ">=11.0.0",
|
|
@@ -102,7 +103,7 @@
|
|
|
102
103
|
"prepare-local-eslint-plugin": "dotenv -e .env -- sh -c 'ESLINT_PLUGIN_PATH=${LOCAL_ESLINT_PLUGIN_PATH:-../eslint-plugin}; pnpm --prefix \"$ESLINT_PLUGIN_PATH\" run build && pnpm uninstall @alextheman/eslint-plugin && pnpm install --save-dev file:\"$ESLINT_PLUGIN_PATH\"'",
|
|
103
104
|
"prepare-local-utility": "dotenv -e .env -- sh -c 'UTILITY_PATH=${LOCAL_UTILITY_PATH:-../utility}; pnpm --prefix \"$UTILITY_PATH\" run build && pnpm uninstall @alextheman/utility && pnpm install file:\"$UTILITY_PATH\"'",
|
|
104
105
|
"storybook": "storybook dev -p 6006",
|
|
105
|
-
"test": "vitest run
|
|
106
|
+
"test": "vitest run",
|
|
106
107
|
"test-end-to-end": "playwright test",
|
|
107
108
|
"test-update-ci-snapshots": "docker run --rm -it -v \"$PWD\":/work -v \"$HOME/.pnpm-store\":/pnpm-store -w /work mcr.microsoft.com/playwright:v1.58.2-jammy bash -lc \"npm i -g pnpm@10.29.3 && pnpm config set store-dir /pnpm-store && pnpm install && pnpm test-update-snapshots\"",
|
|
108
109
|
"test-update-snapshots": "playwright test --update-snapshots",
|