@codeplex-sac/navigation 0.0.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/README.md +7 -0
- package/index.d.ts +9 -0
- package/index.mjs +18702 -0
- package/lib/bottom-navigation/bottom-navigation.d.ts +13 -0
- package/lib/breadcrumbs/breadcrumbs.d.ts +13 -0
- package/lib/drawer/drawer.d.ts +11 -0
- package/lib/link/link.d.ts +8 -0
- package/lib/menu/menu.d.ts +11 -0
- package/lib/pagination/pagination.d.ts +8 -0
- package/lib/speed-dial/speed-dial.d.ts +10 -0
- package/lib/stepper/stepper.d.ts +16 -0
- package/lib/tabs/tabs.d.ts +12 -0
- package/package.json +20 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { BottomNavigationActionProps, BottomNavigationProps, SxProps, Theme } from '@mui/material';
|
|
2
|
+
export interface CodeplexBottomNavigationItem extends Omit<BottomNavigationActionProps, 'label' | 'icon'> {
|
|
3
|
+
label: string | React.ReactNode;
|
|
4
|
+
icon: React.ReactNode;
|
|
5
|
+
value: any;
|
|
6
|
+
}
|
|
7
|
+
export interface CodeplexBottomNavigationProps extends BottomNavigationProps {
|
|
8
|
+
items: CodeplexBottomNavigationItem[];
|
|
9
|
+
fixed?: boolean;
|
|
10
|
+
withPaper?: boolean;
|
|
11
|
+
containerSx?: SxProps<Theme>;
|
|
12
|
+
}
|
|
13
|
+
export declare const CodeplexBottomNavigation: ({ items, fixed, withPaper, containerSx, sx, ...props }: CodeplexBottomNavigationProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BreadcrumbsProps } from '@mui/material';
|
|
3
|
+
export interface CodeplexBreadcrumbItem {
|
|
4
|
+
label: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
icon?: React.ReactElement;
|
|
7
|
+
}
|
|
8
|
+
export interface CodeplexBreadcrumbsProps extends BreadcrumbsProps {
|
|
9
|
+
items: CodeplexBreadcrumbItem[];
|
|
10
|
+
homeHref?: string;
|
|
11
|
+
activeColor?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const CodeplexBreadcrumbs: ({ items, homeHref, activeColor, separator, ...props }: CodeplexBreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { DrawerProps, SwipeableDrawerProps } from '@mui/material';
|
|
3
|
+
export interface CodeplexDrawerProps extends DrawerProps {
|
|
4
|
+
swipeable?: boolean;
|
|
5
|
+
width?: number | string;
|
|
6
|
+
header?: React.ReactNode;
|
|
7
|
+
footer?: React.ReactNode;
|
|
8
|
+
showCloseIcon?: boolean;
|
|
9
|
+
onOpen?: SwipeableDrawerProps['onOpen'];
|
|
10
|
+
}
|
|
11
|
+
export declare const CodeplexDrawer: ({ swipeable, width, header, footer, children, onOpen, onClose, showCloseIcon, PaperProps, slotProps, ...props }: CodeplexDrawerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { LinkProps } from '@mui/material';
|
|
2
|
+
export interface CodeplexLinkProps extends LinkProps {
|
|
3
|
+
/**
|
|
4
|
+
* If true, renders as a button (for a11y) but looks like a link.
|
|
5
|
+
*/
|
|
6
|
+
component?: React.ElementType;
|
|
7
|
+
}
|
|
8
|
+
export declare const CodeplexLink: ({ component, ...props }: CodeplexLinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { MenuProps, MenuItemProps } from '@mui/material';
|
|
3
|
+
export interface CodeplexMenuItemType extends Omit<MenuItemProps, 'children'> {
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
}
|
|
8
|
+
export interface CodeplexMenuProps extends MenuProps {
|
|
9
|
+
items?: CodeplexMenuItemType[];
|
|
10
|
+
}
|
|
11
|
+
export declare const CodeplexMenu: ({ items, children, ...props }: CodeplexMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { PaginationProps } from '@mui/material';
|
|
2
|
+
export interface CodeplexPaginationProps extends PaginationProps {
|
|
3
|
+
/**
|
|
4
|
+
* If true, centers the pagination horizontally.
|
|
5
|
+
*/
|
|
6
|
+
centered?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const CodeplexPagination: ({ centered, sx, ...props }: CodeplexPaginationProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SpeedDialProps, SpeedDialActionProps } from '@mui/material';
|
|
3
|
+
export interface CodeplexSpeedDialActionType extends Omit<SpeedDialActionProps, 'icon' | 'tooltipTitle'> {
|
|
4
|
+
icon: React.ReactNode;
|
|
5
|
+
tooltipTitle: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export interface CodeplexSpeedDialProps extends SpeedDialProps {
|
|
8
|
+
actions?: CodeplexSpeedDialActionType[];
|
|
9
|
+
}
|
|
10
|
+
export declare const CodeplexSpeedDial: ({ actions, icon, children, ...props }: CodeplexSpeedDialProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StepperProps } from '@mui/material';
|
|
2
|
+
export interface CodeplexStep {
|
|
3
|
+
label: string;
|
|
4
|
+
caption?: string;
|
|
5
|
+
optional?: boolean;
|
|
6
|
+
error?: boolean;
|
|
7
|
+
completed?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface CodeplexStepperProps extends StepperProps {
|
|
10
|
+
steps: CodeplexStep[];
|
|
11
|
+
activeStep: number;
|
|
12
|
+
alternativeLabel?: boolean;
|
|
13
|
+
nonLinear?: boolean;
|
|
14
|
+
onStepClick?: (index: number) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare const CodeplexStepper: ({ steps, activeStep, alternativeLabel, nonLinear, onStepClick, ...props }: CodeplexStepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { TabsProps, TabProps } from '@mui/material';
|
|
3
|
+
export interface CodeplexTabItem extends Omit<TabProps, 'children'> {
|
|
4
|
+
label: string | React.ReactNode;
|
|
5
|
+
value: any;
|
|
6
|
+
icon?: React.ReactElement;
|
|
7
|
+
iconPosition?: 'top' | 'start' | 'end' | 'bottom';
|
|
8
|
+
}
|
|
9
|
+
export interface CodeplexTabsProps extends TabsProps {
|
|
10
|
+
items: CodeplexTabItem[];
|
|
11
|
+
}
|
|
12
|
+
export declare const CodeplexTabs: ({ items, ...props }: CodeplexTabsProps) => import("react/jsx-runtime").JSX.Element;
|
package/package.json
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@codeplex-sac/navigation",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"main": "./index.js",
|
|
5
|
+
"types": "./index.d.ts",
|
|
6
|
+
"exports": {
|
|
7
|
+
".": {
|
|
8
|
+
"import": "./index.mjs",
|
|
9
|
+
"require": "./index.js"
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
"peerDependencies": {
|
|
13
|
+
"react": "^19.0.0",
|
|
14
|
+
"react-dom": "^19.0.0"
|
|
15
|
+
},
|
|
16
|
+
"dependencies": {
|
|
17
|
+
"@mui/material": "^7.3.6",
|
|
18
|
+
"@mui/icons-material": "^7.3.6"
|
|
19
|
+
}
|
|
20
|
+
}
|