@luscii-healthtech/web-ui 2.4.0 → 2.5.1

package/dist/components/CheckboxList/CheckboxGroup.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CheckboxGroupProps } from "./CheckboxList.types";
-export declare const CheckboxGroup: ({ title, items, onChange, className }: CheckboxGroupProps) => JSX.Element;
+export declare const CheckboxGroup: ({ title, items, onChange, className, isCollapsed, }: CheckboxGroupProps) => JSX.Element;

package/dist/components/CheckboxList/CheckboxList.types.d.ts

@@ -13,6 +13,7 @@ export interface CheckboxGroupProps {
     items: CheckboxListItem[];
     onChange: (event: CheckboxChangeEvent) => void;
     className?: string;
+    isCollapsed?: boolean;
 }
 export interface CheckboxGroupItemProps {
     id: string;
@@ -30,6 +31,7 @@ export interface CheckboxListItem {
 export interface CheckboxGroup {
     title?: string;
     items: CheckboxListItem[];
+    isCollapsed?: boolean;
 }
 export interface CheckboxChangeEvent {
     id: string;

package/dist/components/Form/Form.d.ts

@@ -1,9 +1,19 @@
 /// <reference types="react" />
-import { FormProps } from "./form.types";
+import { FormProps, GenericFormProps } from "./form.types";
 /**
- * Create a straight forward Form.
+ * Create a straight forward Form, which takes away the 'overhead' of react-hook-form.
  *
- * TODO: wrap this in some Page component to style the div and buttons
- * WARNING: don't use this component before some styling errors are resolved.
+ * You will probably don't want to use this component for now, given that the button is hardcoded.
+ * This is an example for the Form for now, though it could be improved to enforce further unification.
+ *
+ * TODO: make the buttons configurable.
+ */
+export declare function GenericForm<TFieldValues>({ fields, onValid, onError, defaultValues, }: GenericFormProps<TFieldValues>): JSX.Element;
+/**
+ * Creates a Form based on the fields input.
+ *
+ * Expects the results of the useForm hook to be injected into the useFormReturn parameter.
+ *
+ * This allows you to use and modify the useFormReturn before injecting it here.
  */
-export declare function Form<TFieldValues>({ fields, onValid, onError, defaultValues, }: FormProps<TFieldValues>): JSX.Element;
+export declare function Form<TFieldValues, TContext>({ fields, useFormReturn, }: FormProps<TFieldValues, TContext>): JSX.Element;

package/dist/components/Form/form.types.d.ts

@@ -1,15 +1,19 @@
-import { Control, DeepPartial, FieldErrors, FieldPath, FieldValues, RegisterOptions, SubmitErrorHandler, SubmitHandler } from "react-hook-form";
+import { Control, DeepPartial, FieldErrors, FieldPath, FieldValues, RegisterOptions, SubmitErrorHandler, SubmitHandler, UseFormReturn } from "react-hook-form";
 import React, { HTMLInputTypeAttribute } from "react";
 import { InputProps } from "../Input/Input";
 import { RadioGroupProps } from "../RadioGroup/RadioGroupV2";
 import { SelectProps } from "../Select/SelectV2";
 export declare type AllowedTextInputTypes = Extract<HTMLInputTypeAttribute, "email" | "number" | "password" | "text">;
-export interface FormProps<TFieldValues extends FieldValues> {
+export interface GenericFormProps<TFieldValues extends FieldValues> {
     fields: (FormFieldProps<TFieldValues> | FormFieldRowProps<TFieldValues>)[];
     onValid: SubmitHandler<TFieldValues>;
     onError?: SubmitErrorHandler<TFieldValues>;
     defaultValues?: DeepPartial<TFieldValues>;
 }
+export interface FormProps<TFieldValues extends FieldValues, TContext> {
+    fields: (FormFieldProps<TFieldValues> | FormFieldRowProps<TFieldValues>)[];
+    useFormReturn: UseFormReturn<TFieldValues, TContext>;
+}
 interface FormFieldGenericProps<TFieldType, TFieldValues> extends FormFieldDecoratorProps {
     name: FieldPath<TFieldValues>;
     options?: RegisterOptions;

package/dist/index.d.ts

@@ -35,9 +35,12 @@ export { PageSize as PaginationMenuPageSize, OnPaginationChange as OnPaginationM
 export { default as PreviewPhone } from "./components/PreviewPhone/PreviewPhone";
 export { default as Radio } from "./components/Radio/Radio";
 export { default as RadioGroup } from "./components/RadioGroup/RadioGroup";
+export { RadioProps, RadioV2 } from "./components/Radio/RadioV2";
+export { RadioGroupProps, RadioGroupV2, } from "./components/RadioGroup/RadioGroupV2";
 export { default as Section } from "./components/Section/Section";
 export { default as SectionItemWithContent } from "./components/Section/SectionItemWithContent";
 export { default as SectionItem, SectionItemProps, } from "./components/Section/SectionItem";
+export { SelectProps, Select } from "./components/Select/SelectV2";
 export { SettingsMenuButton, SettingsMenuButtonProps, } from "./components/SettingsMenuButton/SettingsMenuButton";
 export { Spinner } from "./components/Spinner/Spinner";
 export { Steps } from "./components/Steps/Steps";
@@ -57,8 +60,8 @@ export { Timeline } from "./components/Timeline/Timeline";
 export { ViewItem, ViewItemProps } from "./components/ViewItem/ViewItem";
 export { default as Text } from "./components/Text/Text";
 export { SearchInput, SearchInputProps } from "./components/Input/SearchInput";
-export { Form } from "./components/Form/Form";
-export { FormProps } from "./components/Form/form.types";
+export { GenericForm, Form } from "./components/Form/Form";
+export { GenericFormProps, FormProps } from "./components/Form/form.types";
 export { IconProps } from "./components/Icons/types/IconProps.type";
 export { AddIcon } from "./components/Icons/AddIcon";
 export { AlertsIcon } from "./components/Icons/AlertsIcon";