@codeplex-sac/ui 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.
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+ import { AlertProps } from '@mui/material/Alert';
3
+ export type CodeplexAlertVariant = 'info' | 'success' | 'warning' | 'danger';
4
+ export type CodeplexAlertStyle = 'standard' | 'filled' | 'outlined';
5
+ export interface CodeplexAlertProps extends Omit<AlertProps, 'variant' | 'severity' | 'onClose'> {
6
+ variant?: CodeplexAlertVariant;
7
+ design?: CodeplexAlertStyle;
8
+ title?: string;
9
+ description?: string;
10
+ dismissible?: boolean;
11
+ open?: boolean;
12
+ onClose?: () => void;
13
+ color?: AlertProps['color'];
14
+ action?: React.ReactNode;
15
+ }
16
+ export declare const CodeplexAlert: ({ variant, design, title, description, icon, dismissible, open, onClose, className, children, action, sx, ...props }: CodeplexAlertProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ import { AutocompleteProps, AutocompleteRenderInputParams } from '@mui/material/Autocomplete';
3
+ import { TextFieldProps } from '@mui/material/TextField';
4
+ export interface CodeplexAutocompleteProps<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput'> {
5
+ label?: string;
6
+ placeholder?: string;
7
+ helperText?: string;
8
+ error?: boolean;
9
+ required?: boolean;
10
+ inputProps?: TextFieldProps;
11
+ renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
12
+ }
13
+ export declare function CodeplexAutocomplete<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>({ label, placeholder, helperText, error, required, inputProps, renderInput, ...props }: CodeplexAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ import { AvatarProps } from '@mui/material/Avatar';
2
+ import { AvatarGroupProps } from '@mui/material/AvatarGroup';
3
+ export type CodeplexAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
4
+ export interface CodeplexAvatarProps extends AvatarProps {
5
+ size?: CodeplexAvatarSize | number;
6
+ alt?: string;
7
+ src?: string;
8
+ }
9
+ export declare const CodeplexAvatar: ({ size, sx, children, ...props }: CodeplexAvatarProps) => import("react/jsx-runtime").JSX.Element;
10
+ export interface CodeplexAvatarGroupProps extends AvatarGroupProps {
11
+ total?: number;
12
+ }
13
+ export declare const CodeplexAvatarGroup: ({ children, spacing, max, ...props }: CodeplexAvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const stringAvatar: (name: string) => {
15
+ sx: {
16
+ bgcolor: string;
17
+ };
18
+ children: string;
19
+ };
@@ -0,0 +1,4 @@
1
+ import { BadgeProps } from '@mui/material/Badge';
2
+ export interface CodeplexBadgeProps extends BadgeProps {
3
+ }
4
+ export declare const CodeplexBadge: ({ children, color, ...props }: CodeplexBadgeProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexBannerVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';
3
+ export interface CodeplexBannerProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ title?: string;
5
+ description?: string;
6
+ variant?: CodeplexBannerVariant;
7
+ icon?: string;
8
+ dismissible?: boolean;
9
+ open?: boolean;
10
+ onClose?: () => void;
11
+ fullWidth?: boolean;
12
+ }
13
+ export declare const CodeplexBanner: ({ title, description, variant, icon, dismissible, open, onClose, fullWidth, className, children, ...props }: CodeplexBannerProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,4 @@
1
+ import { ButtonGroupProps } from '@mui/material/ButtonGroup';
2
+ export interface CodeplexButtonGroupProps extends ButtonGroupProps {
3
+ }
4
+ export declare const CodeplexButtonGroup: ({ children, size, variant, color, ...props }: CodeplexButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+ import { CardProps } from '@mui/material/Card';
3
+ export type CodeplexCardVariant = 'default' | 'outline' | 'soft';
4
+ export type CodeplexCardPadding = 'none' | 'sm' | 'md' | 'lg';
5
+ export interface CodeplexCardProps extends Omit<CardProps, 'variant'> {
6
+ variant?: CodeplexCardVariant;
7
+ padding?: CodeplexCardPadding;
8
+ hoverable?: boolean;
9
+ clickable?: boolean;
10
+ media?: React.ReactNode;
11
+ header?: React.ReactNode;
12
+ footer?: React.ReactNode;
13
+ }
14
+ export declare const CodeplexCard: ({ variant, padding, hoverable, clickable, className, media, header, footer, children, ...props }: CodeplexCardProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ import { CheckboxProps } from '@mui/material/Checkbox';
3
+ import { default as FormGroup } from '@mui/material/FormGroup';
4
+ export interface CodeplexCheckboxProps extends CheckboxProps {
5
+ label?: string;
6
+ labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
7
+ }
8
+ export declare const CodeplexCheckbox: React.ForwardRefExoticComponent<Omit<CodeplexCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
9
+ export { FormGroup as CodeplexFormGroup };
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ import { DialogProps, DialogTitleProps, DialogContentProps, DialogContentTextProps, DialogActionsProps } from '@mui/material';
3
+ export interface CodeplexDialogProps extends DialogProps {
4
+ }
5
+ export declare const CodeplexDialog: React.FC<CodeplexDialogProps>;
6
+ export interface CodeplexDialogTitleProps extends DialogTitleProps {
7
+ }
8
+ export declare const CodeplexDialogTitle: React.FC<CodeplexDialogTitleProps>;
9
+ export interface CodeplexDialogContentProps extends DialogContentProps {
10
+ }
11
+ export declare const CodeplexDialogContent: React.FC<CodeplexDialogContentProps>;
12
+ export interface CodeplexDialogContentTextProps extends DialogContentTextProps {
13
+ }
14
+ export declare const CodeplexDialogContentText: React.FC<CodeplexDialogContentTextProps>;
15
+ export interface CodeplexDialogActionsProps extends DialogActionsProps {
16
+ }
17
+ export declare const CodeplexDialogActions: React.FC<CodeplexDialogActionsProps>;
@@ -0,0 +1,8 @@
1
+ export interface CodeplexInputHelperProps {
2
+ helperText?: string;
3
+ error?: string;
4
+ value?: string | number;
5
+ maxLength?: number;
6
+ showCount?: boolean;
7
+ }
8
+ export declare const CodeplexInputHelper: ({ helperText, error, value, maxLength, showCount }: CodeplexInputHelperProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexJumbotronAlign = 'left' | 'center';
3
+ export interface CodeplexJumbotronProps extends React.HTMLAttributes<HTMLElement> {
4
+ eyebrow?: string;
5
+ title: string;
6
+ subtitle?: string;
7
+ align?: CodeplexJumbotronAlign;
8
+ primaryLabel?: string;
9
+ secondaryLabel?: string;
10
+ onPrimary?: () => void;
11
+ onSecondary?: () => void;
12
+ fullHeight?: boolean;
13
+ backgroundImageUrl?: string;
14
+ darkOverlay?: boolean;
15
+ }
16
+ export declare const CodeplexJumbotron: ({ eyebrow, title, subtitle, align, primaryLabel, secondaryLabel, onPrimary, onSecondary, fullHeight, backgroundImageUrl, darkOverlay, className, children, ...props }: CodeplexJumbotronProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexKbdSize = 'sm' | 'md' | 'lg';
3
+ export interface CodeplexKbdProps extends React.HTMLAttributes<HTMLElement> {
4
+ keys?: string[];
5
+ size?: CodeplexKbdSize;
6
+ }
7
+ export declare const CodeplexKbd: ({ keys, size, className, children, ...props }: CodeplexKbdProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export interface CodeplexRequirementsPopupProps {
2
+ requirements: string[];
3
+ className?: string;
4
+ }
5
+ export declare const CodeplexRequirementsPopup: ({ requirements, className, }: CodeplexRequirementsPopupProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export interface CodeplexSmartLabelProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ htmlFor?: string;
4
+ label: string;
5
+ required?: boolean;
6
+ requirements?: string[];
7
+ }
8
+ export declare const CodeplexSmartLabel: ({ htmlFor, label, required, requirements, className, children, ...props }: CodeplexSmartLabelProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { TextFieldProps } from '@mui/material/TextField';
2
+ export interface CodeplexNumberFieldProps extends Omit<TextFieldProps, 'onChange'> {
3
+ min?: number;
4
+ max?: number;
5
+ step?: number;
6
+ value?: number;
7
+ defaultValue?: number;
8
+ onChange?: (value: number | null) => void;
9
+ }
10
+ export declare const CodeplexNumberField: ({ min, max, step, value: controlledValue, defaultValue, onChange, InputProps, disabled, ...props }: CodeplexNumberFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,17 @@
1
+ import { LinearProgressProps } from '@mui/material/LinearProgress';
2
+ export type CodeplexProgressVariant = 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
3
+ export type CodeplexProgressSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
+ export interface CodeplexProgressProps extends Omit<LinearProgressProps, 'variant' | 'color'> {
5
+ value?: number;
6
+ max?: number;
7
+ label?: string;
8
+ showPercentage?: boolean;
9
+ labelInside?: boolean;
10
+ indeterminate?: boolean;
11
+ size?: CodeplexProgressSize;
12
+ variant?: CodeplexProgressVariant;
13
+ color?: LinearProgressProps['color'];
14
+ striped?: boolean;
15
+ animated?: boolean;
16
+ }
17
+ export declare const CodeplexProgress: ({ value, max, label, showPercentage, labelInside, indeterminate, size, variant, color, striped, animated, className, sx, ...props }: CodeplexProgressProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ import { RadioProps } from '@mui/material/Radio';
3
+ import { RadioGroupProps } from '@mui/material/RadioGroup';
4
+ export interface CodeplexRadioProps extends RadioProps {
5
+ label?: string;
6
+ labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
7
+ }
8
+ export declare const CodeplexRadio: React.ForwardRefExoticComponent<Omit<CodeplexRadioProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
9
+ export interface CodeplexRadioGroupProps extends RadioGroupProps {
10
+ label?: string;
11
+ options?: Array<{
12
+ value: string;
13
+ label: string;
14
+ disabled?: boolean;
15
+ }>;
16
+ }
17
+ export declare const CodeplexRadioGroup: ({ label, options, children, ...props }: CodeplexRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,11 @@
1
+ import { RatingProps } from '@mui/material/Rating';
2
+ export type CodeplexRatingSize = 'small' | 'medium' | 'large';
3
+ export type CodeplexRatingVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
4
+ export interface CodeplexRatingProps extends Omit<RatingProps, 'onChange'> {
5
+ value?: number;
6
+ showValue?: boolean;
7
+ tooltips?: string[];
8
+ variant?: CodeplexRatingVariant;
9
+ onChange?: (value: number | null) => void;
10
+ }
11
+ export declare const CodeplexRating: ({ value, max, readOnly, size, variant, showValue, tooltips, className, onChange, ...props }: CodeplexRatingProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { ReactNode } from 'react';
2
+ import { SelectProps } from '@mui/material/Select';
3
+ import { default as MenuItem } from '@mui/material/MenuItem';
4
+ export interface CodeplexSelectOption {
5
+ value: string | number;
6
+ label: string;
7
+ disabled?: boolean;
8
+ }
9
+ export interface CodeplexSelectProps extends Omit<SelectProps, 'renderValue'> {
10
+ label?: string;
11
+ options?: CodeplexSelectOption[];
12
+ helperText?: ReactNode;
13
+ placeholder?: string;
14
+ renderValue?: (value: any) => ReactNode;
15
+ }
16
+ export declare const CodeplexSelect: ({ label, value, onChange, options, multiple, helperText, error, disabled, required, placeholder, variant, displayEmpty, renderValue, children, sx, ...props }: CodeplexSelectProps) => import("react/jsx-runtime").JSX.Element;
17
+ export { MenuItem as CodeplexMenuItem };
18
+ export { default as CodeplexListSubheader } from '@mui/material/ListSubheader';
@@ -0,0 +1,4 @@
1
+ import { SkeletonProps } from '@mui/material/Skeleton';
2
+ export interface CodeplexSkeletonProps extends SkeletonProps {
3
+ }
4
+ export declare const CodeplexSkeleton: ({ variant, animation, ...props }: CodeplexSkeletonProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { SliderProps } from '@mui/material/Slider';
2
+ export interface CodeplexSliderProps extends SliderProps {
3
+ label?: string;
4
+ helperText?: string;
5
+ }
6
+ export declare const CodeplexSlider: ({ label, helperText, className, sx, ...props }: CodeplexSliderProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import { CircularProgressProps } from '@mui/material/CircularProgress';
2
+ export type CodeplexSpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
+ export type CodeplexSpinnerColor = 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'white' | 'gray';
4
+ export type CodeplexSpinnerType = 'border' | 'dots' | 'ping';
5
+ export interface CodeplexSpinnerProps extends Omit<CircularProgressProps, 'size' | 'color'> {
6
+ size?: CodeplexSpinnerSize | number;
7
+ color?: CodeplexSpinnerColor;
8
+ type?: CodeplexSpinnerType;
9
+ label?: string;
10
+ labelPosition?: 'right' | 'bottom';
11
+ fullScreen?: boolean;
12
+ }
13
+ export declare const CodeplexSpinner: ({ size, color, type, label, labelPosition, fullScreen, className, sx, ...props }: CodeplexSpinnerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { SwitchProps } from '@mui/material/Switch';
2
+ export interface CodeplexSwitchProps extends Omit<SwitchProps, 'size'> {
3
+ label?: string;
4
+ labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
5
+ size?: 'small' | 'medium';
6
+ }
7
+ export declare const CodeplexSwitch: ({ label, labelPlacement, size, sx, ...props }: CodeplexSwitchProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import { TextFieldProps } from '@mui/material/TextField';
2
+ export type CodeplexTextFieldProps = TextFieldProps;
3
+ export declare const CodeplexTextField: (props: CodeplexTextFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ import { SnackbarProps } from '@mui/material/Snackbar';
3
+ import { AlertProps } from '@mui/material/Alert';
4
+ export type CodeplexToastVariant = 'info' | 'success' | 'warning' | 'error';
5
+ export type CodeplexToastPosition = 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
6
+ export interface CodeplexToastProps extends Omit<SnackbarProps, 'open' | 'onClose' | 'anchorOrigin'> {
7
+ open: boolean;
8
+ variant?: CodeplexToastVariant;
9
+ title?: string;
10
+ subtitle?: string;
11
+ position?: CodeplexToastPosition;
12
+ showIcon?: boolean;
13
+ dismissible?: boolean;
14
+ duration?: number | null;
15
+ onClose?: (event?: React.SyntheticEvent | Event, reason?: string) => void;
16
+ alertProps?: AlertProps;
17
+ }
18
+ export declare const CodeplexToast: ({ open, variant, title, subtitle, position, showIcon, dismissible, duration, onClose, alertProps, children, ...props }: CodeplexToastProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexTooltipSide = 'top' | 'bottom' | 'left' | 'right';
3
+ export interface CodeplexTooltipProps {
4
+ content: React.ReactNode;
5
+ side?: CodeplexTooltipSide;
6
+ delayMs?: number;
7
+ arrow?: boolean;
8
+ disabled?: boolean;
9
+ className?: string;
10
+ onOpenChange?: (open: boolean) => void;
11
+ children: React.ReactNode;
12
+ }
13
+ export declare const CodeplexTooltip: ({ content, side, delayMs, arrow, disabled, className, onOpenChange, children, }: CodeplexTooltipProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ export interface TransferListItem {
2
+ id: string | number;
3
+ label: string;
4
+ disabled?: boolean;
5
+ }
6
+ export interface CodeplexTransferListProps {
7
+ left: TransferListItem[];
8
+ right: TransferListItem[];
9
+ onChange: (left: TransferListItem[], right: TransferListItem[]) => void;
10
+ leftTitle?: string;
11
+ rightTitle?: string;
12
+ height?: number | string;
13
+ }
14
+ export declare const CodeplexTransferList: ({ left, right, onChange, leftTitle, rightTitle, height }: CodeplexTransferListProps) => import("react/jsx-runtime").JSX.Element;
package/lib/ui.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare function Ui(): import("react/jsx-runtime").JSX.Element;
2
+ export default Ui;
package/package.json ADDED
@@ -0,0 +1,27 @@
1
+ {
2
+ "name": "@codeplex-sac/ui",
3
+ "version": "0.0.1",
4
+ "main": "./index.js",
5
+ "types": "./index.d.ts",
6
+ "exports": {
7
+ ".": {
8
+ "types": "./index.d.ts",
9
+ "import": "./index.mjs",
10
+ "require": "./index.js"
11
+ }
12
+ },
13
+ "publishConfig": {
14
+ "access": "public"
15
+ },
16
+ "peerDependencies": {
17
+ "react": "^19.0.0",
18
+ "react-dom": "^19.0.0"
19
+ },
20
+ "module": "./dist/index.mjs",
21
+ "dependencies": {
22
+ "@emotion/react": "^11.14.0",
23
+ "@emotion/styled": "^11.14.1",
24
+ "@mui/icons-material": "^7.3.6",
25
+ "@mui/material": "^7.3.6"
26
+ }
27
+ }