@luscii-healthtech/web-ui 2.16.2 → 2.16.3

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

@@ -25,12 +25,17 @@ export interface FormFieldDecoratorProps {
     info?: string;
     decoratorClassname?: string;
 }
-export declare type FormFieldProps<TFieldValues> = FormFieldInputProps<TFieldValues> | FormFieldSelectProps<TFieldValues> | FormFieldImagePickerProps<TFieldValues> | FormFieldRadioGroupProps<TFieldValues> | FormFieldRowProps<TFieldValues>;
+export declare type FormFieldProps<TFieldValues> = FormFieldInputProps<TFieldValues> | FormFieldSelectProps<TFieldValues> | FormFieldImagePickerProps<TFieldValues> | FormFieldRadioGroupProps<TFieldValues> | FormFieldRowProps<TFieldValues> | FormFieldSeparatorProps<TFieldValues>;
 export interface FormFieldRowProps<TFieldValues> extends Record<keyof FormFieldGenericProps<never, TFieldValues>, never> {
     type: "row";
     key: string;
     fields: FormFieldProps<TFieldValues>[];
 }
+export interface FormFieldSeparatorProps<TFieldValues> extends Record<keyof FormFieldGenericProps<never, TFieldValues>, never> {
+    type: "separator";
+    key: string;
+    text: string;
+}
 export interface FormFieldInputProps<TFieldValues> extends FormFieldGenericProps<Omit<InputProps, "name">, TFieldValues> {
     type: AllowedTextInputTypes;
 }

package/dist/web-ui.cjs.development.js

@@ -6143,6 +6143,12 @@ function ViewItem(_ref) {
   })));
 }
 
+var Divider = function Divider() {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "block w-full border-b last:border-b-0 border-solid border-color border-color-divider"
+  });
+};
+
 /**
  * Decorator for any input component. Adds a label and additional information to be shown.
  *
@@ -6744,6 +6750,11 @@ function FormFieldMapper(formFieldProps, useFormReturn) {
       errors = useFormReturn.formState.errors;
 
   switch (type) {
+    case "separator":
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(Title, {
+        text: formFieldProps.text
+      }));
+
     case "row":
       return /*#__PURE__*/React__default.createElement(FlexRow, {
         key: formFieldProps.key
@@ -7559,12 +7570,6 @@ var SearchCancelIcon = function SearchCancelIcon(props) {
   }));
 };
 
-var Divider = function Divider() {
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "block w-full border-b last:border-b-0 border-solid border-color border-color-divider"
-  });
-};
-
 exports.AccordionList = AccordionList;
 exports.AddIcon = AddIcon;
 exports.AlertsIcon = AlertsIcon;