@useloops/design-system 1.4.73 → 1.4.75

package/dist/index.d.ts

@@ -1,12 +1,12 @@
 import * as react from 'react';
 import react__default, { ReactElement, FunctionComponent, ChangeEvent, PropsWithChildren, ReactNode, Dispatch, SetStateAction } from 'react';
 import * as _mui_material from '@mui/material';
-import { AvatarGroupProps as AvatarGroupProps$1, SxProps, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, FormControlLabelProps as FormControlLabelProps$1, Theme, Breakpoint, IconButtonProps as IconButtonProps$1, ButtonGroupProps, LinkProps as LinkProps$1, SelectProps as SelectProps$1, MenuItemProps, SelectChangeEvent, PaperProps, SwitchProps as SwitchProps$1, TextFieldProps as TextFieldProps$1, TypographyProps as TypographyProps$1, MenuProps, PaletteMode, Direction } from '@mui/material';
+import { AvatarGroupProps as AvatarGroupProps$1, SxProps, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps, MenuItemProps, FormControlLabelProps as FormControlLabelProps$1, Theme, Breakpoint, IconButtonProps as IconButtonProps$1, ButtonGroupProps, LinkProps as LinkProps$1, TextFieldProps as TextFieldProps$1, SelectProps as SelectProps$1, SelectChangeEvent, PaperProps, SwitchProps as SwitchProps$1, TypographyProps as TypographyProps$1, PaletteMode, Direction } from '@mui/material';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UniqueIdentifier } from '@dnd-kit/core';
 import { Theme as Theme$1 } from '@mui/material/styles';
 import * as _mui_system from '@mui/system';
 import { SxProps as SxProps$1, Theme as Theme$2 } from '@mui/system';
+import { UniqueIdentifier } from '@dnd-kit/core';
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import { SubmitHandler } from 'react-hook-form';
@@ -287,39 +287,27 @@ interface DifferentialProps {
 }
 declare const Differential: FunctionComponent<DifferentialProps>;
 
-interface Props$1 {
-    id: UniqueIdentifier;
-    top?: JSX.Element;
-    bottom?: JSX.Element;
-}
-declare function SortableItem({ children, top, bottom, id }: PropsWithChildren<Props$1>): react_jsx_runtime.JSX.Element;
-declare function DragHandle(): react_jsx_runtime.JSX.Element;
-
-interface BaseItem {
-    id: UniqueIdentifier;
-}
-interface SortableListProps<T extends BaseItem> {
-    items: T[];
-    onChange(items: T[]): void;
-    renderItem(item: T, isOverlay?: boolean, isDragActive?: boolean): ReactNode;
-    disabled?: boolean;
-    direction?: 'horizontal' | 'vertical';
+interface DropdownMenuItemProps {
+    icon?: ReactElement;
+    label: string;
+    onClick: () => void;
+    menuItemProps?: MenuItemProps;
 }
-declare function SortableList<T extends BaseItem>({ items, onChange, renderItem, disabled, direction }: SortableListProps<T>): react_jsx_runtime.JSX.Element | undefined;
-declare namespace SortableList {
-    var Item: typeof SortableItem;
-    var DragHandle: typeof DragHandle;
+interface DropdownMenuProps extends MenuProps {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    handleClose: () => void;
+    handleClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    items?: DropdownMenuItemProps[];
 }
+declare const DropdownMenu: FunctionComponent<DropdownMenuProps>;
 
-interface RankProps extends Omit<SortableListProps<any>, 'renderItem'> {
-    labelTop: string;
-    labelBottom: string;
-    fullWidth?: boolean;
-    options: any[];
-    internalChange?: () => void;
-    value?: any[];
-}
-declare const Rank: FunctionComponent<RankProps>;
+declare const useDropdownMenu: () => {
+    open: boolean;
+    handleClick: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
+    handleClose: () => void;
+    anchorEl: HTMLElement | null;
+};
 
 interface FormControlLabelProps {
     control: FormControlLabelProps$1['control'];
@@ -450,6 +438,17 @@ declare const Loader: FunctionComponent<LoaderProps>;
 
 declare const Logo: FunctionComponent<React.SVGProps<SVGSVGElement>>;
 
+type InputFieldBaseProps = TextFieldProps$1;
+
+type NumberFieldProps = InputFieldBaseProps & {
+    startAdornment?: ReactElement;
+    endAdornment?: ReactElement;
+    min?: number;
+    max?: number;
+    internalChange?: () => void;
+};
+declare const NumberField: FunctionComponent<NumberFieldProps>;
+
 interface PillProps {
     body: string;
     variation?: 'default' | 'peach' | 'peachDark' | 'purple';
@@ -507,6 +506,40 @@ interface RadioGroupProps {
 }
 declare const RadioGroup: FunctionComponent<RadioGroupProps>;
 
+interface Props$1 {
+    id: UniqueIdentifier;
+    top?: JSX.Element;
+    bottom?: JSX.Element;
+}
+declare function SortableItem({ children, top, bottom, id }: PropsWithChildren<Props$1>): react_jsx_runtime.JSX.Element;
+declare function DragHandle(): react_jsx_runtime.JSX.Element;
+
+interface BaseItem {
+    id: UniqueIdentifier;
+}
+interface SortableListProps<T extends BaseItem> {
+    items: T[];
+    onChange(items: T[]): void;
+    renderItem(item: T, isOverlay?: boolean, isDragActive?: boolean): ReactNode;
+    disabled?: boolean;
+    direction?: 'horizontal' | 'vertical';
+}
+declare function SortableList<T extends BaseItem>({ items, onChange, renderItem, disabled, direction }: SortableListProps<T>): react_jsx_runtime.JSX.Element | undefined;
+declare namespace SortableList {
+    var Item: typeof SortableItem;
+    var DragHandle: typeof DragHandle;
+}
+
+interface RankProps extends Omit<SortableListProps<any>, 'renderItem'> {
+    labelTop: string;
+    labelBottom: string;
+    fullWidth?: boolean;
+    options: any[];
+    internalChange?: () => void;
+    value?: any[];
+}
+declare const Rank: FunctionComponent<RankProps>;
+
 type SelectOption = {
     label: string;
     value: string;
@@ -537,6 +570,7 @@ type SelectProps = {
     sizing?: 'xs' | 'md' | 'lg';
     sx?: SelectProps$1['sx'];
     value?: SelectProps$1['value'];
+    renderListItem?: (label: string) => ReactElement;
 };
 declare const Select: FunctionComponent<SelectProps>;
 
@@ -582,8 +616,6 @@ interface SwitchProps extends SwitchProps$1 {
 }
 declare const Switch: _emotion_styled.StyledComponent<SwitchProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
 
-type InputFieldBaseProps = TextFieldProps$1;
-
 type TextareaProps = InputFieldBaseProps & {
     startAdornment?: ReactElement;
     endAdornment?: ReactElement;
@@ -629,28 +661,6 @@ interface TooltipProps extends PropsWithChildren {
 }
 declare const Tooltip: FunctionComponent<TooltipProps>;
 
-interface DropdownMenuItemProps {
-    icon?: ReactElement;
-    label: string;
-    onClick: () => void;
-    menuItemProps?: MenuItemProps;
-}
-interface DropdownMenuProps extends MenuProps {
-    open: boolean;
-    anchorEl: HTMLElement | null;
-    handleClose: () => void;
-    handleClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    items?: DropdownMenuItemProps[];
-}
-declare const DropdownMenu: FunctionComponent<DropdownMenuProps>;
-
-declare const useDropdownMenu: () => {
-    open: boolean;
-    handleClick: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
-    handleClose: () => void;
-    anchorEl: HTMLElement | null;
-};
-
 interface BackgroundOptions {
     texture?: 'none' | 'noise1';
     gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone4';
@@ -695,7 +705,7 @@ type DifferentialType = BaseField & DifferentialProps;
 type LikertType = BaseField & LikertProps;
 type RadioGroupType = BaseField & RadioGroupProps;
 type DragAndDropRankingType = BaseField & RankProps;
-type DynamicFieldType = 'textfield' | 'textarea' | 'select' | 'checkbox' | 'checkboxGroup' | 'slider' | 'differential' | 'likert' | 'starRating' | 'radioGroup' | 'ranking';
+type DynamicFieldType = 'textfield' | 'numberfield' | 'textarea' | 'select' | 'checkbox' | 'checkboxGroup' | 'slider' | 'differential' | 'likert' | 'starRating' | 'radioGroup' | 'ranking';
 type FieldType = DynamicFieldType | 'html';
 type FieldTypes = CheckboxType | CheckboxGroupType | SelectType | TextFieldType | SliderType | DifferentialType | LikertType | RadioGroupType | DragAndDropRankingType;
 interface BaseField {
@@ -1159,4 +1169,4 @@ declare module '@mui/system' {
     }
 }
 
-export { AnnualController, type AnnualControllerProps, AuthContainerSurface, type AuthContainerSurfaceProps, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, CheckboxGroup as CheckBoxGroup, Checkbox, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, GridOverlay, type GridOverlayProps, Icon, IconButton, IconButtonGroup, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, PlanTierCardScale, type PlanTierCardScaleProps, Portal, type PortalProps, PoweredByWatermarkLogo, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, Select, type SelectProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Textarea as TextArea, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, type TextareaProps, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, backgroundCreator, chooseArticle, defaultInputValidation, emailValidation, passwordValidation, useDropdownMenu };
+export { AnnualController, type AnnualControllerProps, AuthContainerSurface, type AuthContainerSurfaceProps, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, CheckboxGroup as CheckBoxGroup, Checkbox, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, GridOverlay, type GridOverlayProps, Icon, IconButton, IconButtonGroup, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, NumberField, type NumberFieldProps, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, PlanTierCardScale, type PlanTierCardScaleProps, Portal, type PortalProps, PoweredByWatermarkLogo, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, Select, type SelectProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Textarea as TextArea, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, type TextareaProps, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, backgroundCreator, chooseArticle, defaultInputValidation, emailValidation, passwordValidation, useDropdownMenu };