@useloops/design-system 1.4.117 → 1.4.119

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import * as react from 'react';
-import react__default, { ReactElement, FunctionComponent, ChangeEvent, PropsWithChildren, ReactNode, Dispatch, SetStateAction } from 'react';
+import react, { ReactElement, FunctionComponent, ChangeEvent, PropsWithChildren, ReactNode, FC, 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, MenuProps, MenuItemProps, FormControlLabelProps as FormControlLabelProps$1, Theme, Breakpoint, IconButtonProps as IconButtonProps$1, ButtonGroupProps, LinkProps as LinkProps$1, SelectProps as SelectProps$1, SelectChangeEvent, TextFieldProps as TextFieldProps$1, PaperProps, SwitchProps as SwitchProps$1, TypographyProps as TypographyProps$1, PaletteMode, Direction } from '@mui/material';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -10,8 +9,8 @@ import { NumericFormatProps } from 'react-number-format';
 import { InputFieldBaseProps as InputFieldBaseProps$1 } from 'WebCore/InputFieldBase';
 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';
+import { CustomFieldProps as CustomFieldProps$1 } from 'WebCore/CustomField';
 
 interface ColorRange {
     0: string;
@@ -278,6 +277,19 @@ interface ColorBackgroundContainerProps {
 }
 declare const ColorBackgroundContainer: FunctionComponent<ColorBackgroundContainerProps>;
 
+type CustomFieldProps = {
+    inputField: react.FC<{
+        onChange: (data: unknown) => void;
+    }>;
+    onChange?: (data: unknown) => void;
+    defaultValue?: unknown;
+    value?: unknown;
+    placeholder?: string;
+    transformValue?: (value?: unknown) => void;
+    internalChange?: () => void;
+};
+declare const CustomField: FunctionComponent<CustomFieldProps>;
+
 interface DifferentialProps {
     labelLeft: string;
     labelRight: string;
@@ -306,7 +318,7 @@ declare const DropdownMenu: FunctionComponent<DropdownMenuProps>;
 
 declare const useDropdownMenu: () => {
     open: boolean;
-    handleClick: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
+    handleClick: (event: react.MouseEvent<HTMLButtonElement>) => void;
     handleClose: () => void;
     anchorEl: HTMLElement | null;
 };
@@ -633,13 +645,16 @@ interface StarRatingProps {
 }
 declare const StarRating: FunctionComponent<StarRatingProps>;
 
-interface SurfaceProps extends PaperProps {
-    variation: 'default' | 'sunken' | 'raised' | 'overlay';
-    borderradius?: GenericSizeMap;
+type SurfaceVariation = 'default' | 'sunken' | 'raised' | 'overlay';
+type BorderRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+interface SurfaceProps extends PropsWithChildren {
+    variation?: SurfaceVariation;
+    borderradius?: BorderRadius;
+    sx?: SxProps<Theme>;
+    ref?: PaperProps['ref'];
 }
-declare const Surface: _emotion_styled.StyledComponent<_mui_material.PaperOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "sx" | "className" | "style" | "classes" | "children" | "elevation" | "square" | "variant"> & _mui_system.MUIStyledCommonProps<Theme> & SurfaceProps, {}, {}>;
+declare const Surface: FC<SurfaceProps>;
 
 interface SwitchProps extends SwitchProps$1 {
 }
@@ -779,9 +794,13 @@ type HTMLType = {
     content: HtmlProps['children'];
     defaultValue?: never;
 } & BaseField;
-type DynamicFieldType = 'textfield' | 'numberfield' | 'textarea' | 'select' | 'checkbox' | 'checkboxGroup' | 'slider' | 'differential' | 'likert' | 'starRating' | 'radioGroup' | 'ranking' | 'richTextfield';
+type CustomFieldType = {
+    fieldType: 'customfield';
+    defaultValue?: CustomFieldProps$1['value'];
+} & BaseField & CustomFieldProps$1;
+type DynamicFieldType = 'textfield' | 'numberfield' | 'textarea' | 'select' | 'checkbox' | 'checkboxGroup' | 'slider' | 'differential' | 'likert' | 'starRating' | 'radioGroup' | 'ranking' | 'richTextfield' | 'customfield';
 type FieldType = DynamicFieldType | 'html';
-type FieldTypes = CheckboxType | CheckboxGroupType | TextareaType | SelectType | TextFieldType | SliderType | DifferentialType | RichTextFieldType | LikertType | RadioGroupType | DragAndDropRankingType | NumberFieldType | StarRatingType | HTMLType;
+type FieldTypes = CheckboxType | CheckboxGroupType | TextareaType | SelectType | TextFieldType | SliderType | DifferentialType | RichTextFieldType | LikertType | RadioGroupType | DragAndDropRankingType | NumberFieldType | StarRatingType | HTMLType | CustomFieldType;
 interface BaseField {
     name: string;
     ref?: any;
@@ -836,6 +855,7 @@ declare const passwordValidation: (min?: number) => {
 
 interface AuthContainerSurfaceProps extends SurfaceProps {
     headContent?: ReactNode;
+    sx?: SxProps<Theme>;
 }
 declare const AuthContainerSurface: FunctionComponent<AuthContainerSurfaceProps>;
 
@@ -1241,4 +1261,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, Html, type HtmlProps, 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, RichTextField, type RichTextFieldProps, 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, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, GridOverlay, type GridOverlayProps, Html, type HtmlProps, 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, RichTextField, type RichTextFieldProps, 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 };