@useloops/design-system 1.4.95 → 1.4.97

package/dist/index.d.ts

@@ -244,7 +244,7 @@ interface CheckboxProps {
     disabled?: boolean;
     id?: string;
     required?: boolean;
-    value?: any;
+    value?: boolean;
 }
 declare const Checkbox: FunctionComponent<CheckboxProps>;
 
@@ -334,6 +334,11 @@ interface GridOverlayProps {
 }
 declare const GridOverlay: FunctionComponent<GridOverlayProps>;
 
+interface HtmlProps {
+    children: ReactElement;
+}
+declare const Html: FunctionComponent<HtmlProps>;
+
 interface IconProps {
     name: 'arrow-forward' | 'expand-more' | 'close' | 'play' | 'positive' | 'negative' | 'neutral' | 'info' | 'check-circle' | 'error-outline' | 'lightbulb' | 'warning-amber' | 'access-time' | 'linkedin' | 'medium' | 'menu' | 'unfold-more' | 'navigation-arrow' | 'lock' | 'loopsOfficial' | 'google' | 'linkedin-color' | 'check' | 'dash' | 'gift' | string;
     size?: number;
@@ -505,11 +510,50 @@ interface RadioGroupProps {
     other?: RadioGroupOther;
     onChange: (value: string) => void;
     internalChange?: () => void;
-    name?: string | undefined;
+    name: string;
     value: string;
 }
 declare const RadioGroup: FunctionComponent<RadioGroupProps>;
 
+type SelectOption = {
+    label: string;
+    value: string;
+};
+
+type SelectOnChange = (event: SelectChangeEvent<any>, child: React.ReactNode) => void;
+type AutocompleteOnChange = (value: string[]) => void;
+type SelectProps = {
+    selections: SelectOption[];
+    autoComplete?: boolean;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    disablePortal?: boolean;
+    error?: boolean;
+    fullWidth?: boolean;
+    id?: string;
+    inputRef?: SelectProps$1['inputRef'];
+    internalChange?: () => void;
+    MenuProps?: SelectProps$1['MenuProps'];
+    name: string;
+    onBlur?: SelectProps$1['onBlur'];
+    onChange?: SelectOnChange | AutocompleteOnChange;
+    placeholder?: string | undefined;
+    readOnly?: boolean;
+    ref?: SelectProps$1['ref'];
+    required?: boolean;
+    selectOptionProps?: MenuItemProps;
+    sizing?: 'xs' | 'md' | 'lg';
+    sx?: SelectProps$1['sx'];
+    value?: SelectProps$1['value'];
+    renderListItem?: (label: string) => ReactElement;
+};
+declare const Select: FunctionComponent<SelectProps>;
+
+interface Option {
+    label: string;
+    value: string;
+}
+
 interface Props$1 {
     id: UniqueIdentifier;
     top?: JSX.Element;
@@ -534,13 +578,17 @@ declare namespace SortableList {
     var DragHandle: typeof DragHandle;
 }
 
-interface RankProps extends Omit<SortableListProps<any>, 'renderItem'> {
+interface RankProps extends Omit<SortableListProps<any>, 'renderItem' | 'items'> {
     labelTop: string;
     labelBottom: string;
     fullWidth?: boolean;
-    options: any[];
+    options: (Option & {
+        id: string;
+    })[];
     internalChange?: () => void;
-    value?: any[];
+    value?: (Option & {
+        id: string;
+    })[];
 }
 declare const Rank: FunctionComponent<RankProps>;
 
@@ -553,40 +601,6 @@ type RichTextFieldProps = Omit<InputFieldBaseProps$1, 'value'> & {
 };
 declare const RichTextField: FunctionComponent<RichTextFieldProps>;
 
-type SelectOption = {
-    label: string;
-    value: string;
-};
-
-type SelectOnChange = (event: SelectChangeEvent<any>, child: React.ReactNode) => void;
-type AutocompleteOnChange = (value: string[]) => void;
-type SelectProps = {
-    selections: SelectOption[];
-    autoComplete?: boolean;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    disablePortal?: boolean;
-    error?: boolean;
-    fullWidth?: boolean;
-    id?: string;
-    inputRef?: SelectProps$1['inputRef'];
-    internalChange?: () => void;
-    MenuProps?: SelectProps$1['MenuProps'];
-    name?: string | undefined;
-    onBlur?: SelectProps$1['onBlur'];
-    onChange?: SelectOnChange | AutocompleteOnChange;
-    placeholder?: string | undefined;
-    readOnly?: boolean;
-    ref?: SelectProps$1['ref'];
-    required?: boolean;
-    selectOptionProps?: MenuItemProps;
-    sizing?: 'xs' | 'md' | 'lg';
-    sx?: SelectProps$1['sx'];
-    value?: SelectProps$1['value'];
-    renderListItem?: (label: string) => ReactElement;
-};
-declare const Select: FunctionComponent<SelectProps>;
-
 interface SliderProps {
     labelLeft: string;
     labelRight: string;
@@ -596,7 +610,6 @@ interface SliderProps {
     labelRightProps?: InputLabelHelpProps;
     labelLeftProps?: InputLabelHelpProps;
     internalChange?: () => void;
-    defaultValue?: number;
     disabled?: boolean;
     onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
     step?: number;
@@ -605,12 +618,11 @@ interface SliderProps {
 declare const Slider: FunctionComponent<SliderProps>;
 
 interface StarRatingProps {
-    defaultValue?: number;
     disabled?: boolean;
     readOnly?: boolean;
     onChange?: (event: React.ChangeEvent<{}>, value: number | null) => void;
     precision?: number;
-    name?: string;
+    name: string;
     IconContainerComponent?: any;
     value?: number | null;
     internalChange?: () => void;
@@ -709,27 +721,65 @@ interface FormGeneratorConfig {
         sxStack?: SxProps<Theme>;
     };
 }
-type TextFieldType = BaseField & TextFieldProps;
-type NumberFieldType = BaseField & NumberFieldProps$1;
-type SelectType = BaseField & SelectProps;
-type CheckboxType = BaseField & CheckboxProps;
-type CheckboxGroupType = BaseField & CheckboxGroupProps;
-type SliderType = BaseField & SliderProps;
-type DifferentialType = BaseField & DifferentialProps;
-type LikertType = BaseField & LikertProps;
-type RadioGroupType = BaseField & RadioGroupProps;
-type DragAndDropRankingType = BaseField & RankProps;
-type RichTextFieldType = BaseField & RichTextFieldProps$1;
+type TextFieldType = {
+    fieldType: 'textfield';
+} & BaseField & Omit<TextFieldProps, 'value' | 'onChange' | 'name'>;
+type NumberFieldType = {
+    fieldType: 'numberfield';
+} & BaseField & Omit<NumberFieldProps$1, 'value' | 'onChange' | 'name'>;
+type SelectType = {
+    fieldType: 'select';
+    defaultValue?: SelectProps['value'];
+} & BaseField & Omit<SelectProps, 'value' | 'onChange' | 'name'>;
+type CheckboxType = {
+    fieldType: 'checkbox';
+    defaultValue?: CheckboxProps['value'];
+} & BaseField & Omit<CheckboxProps, 'value' | 'onChange' | 'name'>;
+type CheckboxGroupType = {
+    fieldType: 'checkboxGroup';
+    defaultValue?: string[];
+} & BaseField & Omit<CheckboxGroupProps, 'value' | 'onChange' | 'name'>;
+type SliderType = {
+    fieldType: 'slider';
+    defaultValue?: SliderProps['value'];
+} & BaseField & Omit<SliderProps, 'value' | 'onChange' | 'name'>;
+type DifferentialType = {
+    fieldType: 'differential';
+    defaultValue?: DifferentialProps['value'];
+} & BaseField & Omit<DifferentialProps, 'value' | 'onChange' | 'name'>;
+type LikertType = {
+    fieldType: 'likert';
+    defaultValue?: LikertProps['value'];
+} & BaseField & Omit<LikertProps, 'value' | 'onChange' | 'name'>;
+type RadioGroupType = {
+    fieldType: 'radioGroup';
+    defaultValue?: RadioGroupProps['value'];
+} & BaseField & Omit<RadioGroupProps, 'value' | 'onChange' | 'name'>;
+type DragAndDropRankingType = {
+    fieldType: 'ranking';
+    defaultValue?: RankProps['value'];
+} & BaseField & Omit<RankProps, 'value' | 'onChange' | 'name'>;
+type RichTextFieldType = {
+    fieldType: 'richTextfield';
+    defaultValue?: RichTextFieldProps$1['value'];
+} & BaseField & Omit<RichTextFieldProps$1, 'value' | 'onChange' | 'name'>;
+type StarRatingType = {
+    fieldType: 'starRating';
+    defaultValue?: StarRatingProps['value'];
+} & BaseField & Omit<StarRatingProps, 'value' | 'onChange' | 'name'>;
+type HTMLType = {
+    fieldType: 'html';
+    content: HtmlProps['children'];
+    defaultValue?: never;
+} & BaseField;
 type DynamicFieldType = 'textfield' | 'numberfield' | 'textarea' | 'select' | 'checkbox' | 'checkboxGroup' | 'slider' | 'differential' | 'likert' | 'starRating' | 'radioGroup' | 'ranking' | 'richTextfield';
 type FieldType = DynamicFieldType | 'html';
-type FieldTypes = CheckboxType | CheckboxGroupType | SelectType | TextFieldType | SliderType | DifferentialType | RichTextFieldType | LikertType | RadioGroupType | DragAndDropRankingType | NumberFieldType;
+type FieldTypes = CheckboxType | CheckboxGroupType | SelectType | TextFieldType | SliderType | DifferentialType | RichTextFieldType | LikertType | RadioGroupType | DragAndDropRankingType | NumberFieldType | StarRatingType | HTMLType;
 interface BaseField {
     name: string;
     ref?: any;
     multiline?: boolean;
-    fieldType: FieldType;
     content?: ReactElement;
-    defaultValue?: string | number | string[] | boolean | undefined;
     label?: string;
     labelProps?: InputLabelProps;
     helperText?: string;
@@ -1184,4 +1234,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, 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, 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 };