@luscii-healthtech/web-ui 2.56.4 → 2.58.0

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

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

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

@@ -9,14 +9,22 @@ export interface CheckboxListProps {
     hasDividers?: boolean;
     className?: string;
 }
-export interface CheckboxGroupProps {
+declare type WithCollapsible = {
+    /**
+     * When `false`, will prevent the checkbox list from being collapsed (also disabling clicking to expand/collapse)
+     * in the component and it will be displayed expanded by default.
+     * @default true
+     */
+    collapsible?: boolean;
+};
+export declare type CheckboxGroupProps = {
     title?: string;
     items: CheckboxListItem[];
     onChange: (event: CheckboxChangeEvent) => void;
     hasDividers?: boolean;
     className?: string;
     isCollapsed?: boolean;
-}
+} & WithCollapsible;
 export interface CheckboxGroupItemProps {
     id: string;
     label: string;
@@ -32,12 +40,13 @@ export interface CheckboxListItem {
     isDisabled?: boolean;
     className?: string;
 }
-export interface CheckboxGroup {
+export declare type CheckboxGroup = {
     title?: string;
     items: CheckboxListItem[];
     isCollapsed?: boolean;
-}
+} & WithCollapsible;
 export interface CheckboxChangeEvent {
     id: string;
     newCheckedValue: boolean;
 }
+export {};

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

@@ -66,7 +66,7 @@ export interface FieldCheckboxConfiguration extends FormFieldBaseConfiguration<O
  * Omiting `groups` and `onChange` here because these will be handled by
  * the `Control` component from react-hook-form.
  */
-export interface FieldCheckboxListConfiguration extends FormFieldBaseConfiguration<Omit<CheckboxListProps, "groups" | "onChange">> {
+export interface FieldCheckboxListConfiguration extends FormFieldBaseConfiguration<Pick<CheckboxListProps, "hasDividers" | "className">> {
     type: "checkboxlist";
 }
 /**

package/dist/components/NavMenu/NavLayout.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 export interface NavMenuLayoutProps {
-    menu: JSX.Element;
+    menu: React.ReactNode;
     children: JSX.Element | JSX.Element[];
     patientSidebar?: JSX.Element;
     isNavDisabled?: boolean;

package/dist/components/Page/CRUDPage.d.ts

@@ -1,43 +1,22 @@
+import React from "react";
+import { StepsProps } from "../Steps/Steps";
+import { ButtonProps } from "../Button/Button.types";
+declare type CRUDPageButtonProps = Pick<ButtonProps, "onClick" | "text">;
+declare type CRUDPageProps = {
+    dataTestId?: string;
+    title: string;
+    submitButtonProps?: CRUDPageButtonProps;
+    deleteButtonProps?: CRUDPageButtonProps;
+    cancelButtonProps?: CRUDPageButtonProps;
+    icon?: string;
+    className?: string;
+    isLoading?: boolean;
+    isSubmitting?: boolean;
+    navMenuComponent?: React.ReactNode;
+    stepTitles?: StepsProps["orderedStepTitles"];
+    currentStep?: StepsProps["currentStep"];
+    localization?: StepsProps["localization"];
+    children?: React.ReactNode;
+};
+declare const CRUDPage: React.FC<CRUDPageProps>;
 export default CRUDPage;
-declare function CRUDPage({ dataTestId, title, stepTitles, currentStep, submitButtonProps, deleteButtonProps, cancelButtonProps, icon, className, children, isLoading, isSubmitting, navMenuComponent, localization, }: {
-    dataTestId?: string | undefined;
-    title: any;
-    stepTitles: any;
-    currentStep?: number | undefined;
-    submitButtonProps: any;
-    deleteButtonProps: any;
-    cancelButtonProps: any;
-    icon: any;
-    className: any;
-    children: any;
-    isLoading: any;
-    isSubmitting: any;
-    navMenuComponent: any;
-    localization: any;
-}): JSX.Element;
-declare namespace CRUDPage {
-    namespace propTypes {
-        const isLoading: PropTypes.Requireable<boolean>;
-        const title: PropTypes.Validator<string>;
-        const stepTitles: PropTypes.Requireable<any[]>;
-        const currentStep: PropTypes.Requireable<number>;
-        const submitButtonProps: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Requireable<string>;
-            handler: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
-        const deleteButtonProps: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Requireable<string>;
-            handler: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
-        const cancelButtonProps: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Requireable<string>;
-            handler: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
-        const className: PropTypes.Requireable<string>;
-        const icon: PropTypes.Requireable<string>;
-        const isSubmitting: PropTypes.Requireable<boolean>;
-        const navMenuComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        const localization: PropTypes.Requireable<object>;
-    }
-}
-import PropTypes from "prop-types";

package/dist/components/Steps/Steps.d.ts

@@ -1,4 +1,4 @@
-interface StepsProps {
+export interface StepsProps {
     orderedStepTitles: Array<string>;
     currentStep: number;
     className?: string;
@@ -7,4 +7,3 @@ interface StepsProps {
     };
 }
 export declare const Steps: ({ orderedStepTitles, currentStep, className, localization, }: StepsProps) => JSX.Element;
-export {};

package/dist/web-ui-tailwind.css

@@ -1422,6 +1422,10 @@ video {
   margin: 0.5rem;
 }
 
+.m-auto {
+  margin: auto;
+}
+
 .my-0 {
   margin-top: 0;
   margin-bottom: 0;
@@ -1452,6 +1456,10 @@ video {
   margin-right: -0.25rem;
 }
 
+.mb-0 {
+  margin-bottom: 0;
+}
+
 .ml-0 {
   margin-left: 0;
 }
@@ -1520,6 +1528,10 @@ video {
   margin-top: 1.25rem;
 }
 
+.ml-5 {
+  margin-left: 1.25rem;
+}
+
 .mt-6 {
   margin-top: 1.5rem;
 }
@@ -1528,6 +1540,10 @@ video {
   margin-bottom: 1.5rem;
 }
 
+.mt-8 {
+  margin-top: 2rem;
+}
+
 .ml-10 {
   margin-left: 2.5rem;
 }
@@ -1775,6 +1791,10 @@ video {
   padding-bottom: 0.25rem;
 }
 
+.pt-4 {
+  padding-top: 1rem;
+}
+
 .pl-4 {
   padding-left: 1rem;
 }