@luscii-healthtech/web-ui 42.0.0 → 42.2.0

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

@@ -13,10 +13,22 @@ type CRUDPageTitle = {
 type CRUDPageHeader = Omit<PageHeaderProps, "navigation" | "isPolling" | "accessories">;
 type CRUDPagePropsWithoutHeaderOrTitle = {
     dataTestId?: string;
+    /**
+     * @deprecated use accessory instead
+     */
     submitButtonProps?: CRUDPageButtonProps;
+    /**
+     * @deprecated use accessory instead
+     */
     cancelButtonProps?: CRUDPageButtonProps;
     className?: string;
     isLoading?: boolean;
+    /**
+     * @deprecated Instead, show the loading indicator in the submit button directly
+     * if you want to show a loading state in the submit button.
+     *
+     * @example submitButton={<PrimaryButton isPending={true}>Submit</PrimaryButton>}
+     */
     isSubmitting?: boolean;
     children?: React.ReactNode;
     steps?: {
@@ -43,6 +55,14 @@ type CRUDPagePropsWithoutHeaderOrTitle = {
      * The header - with page title and breadcrumbs will be rendered above this component.
      */
     belowHeader?: React.ReactNode;
+    /**
+     * Rendered directly below the children of this component.
+     * Used for e.g. submit and cancel buttons.
+     *
+     * Will override the deprecated submitButtonProps and cancelButtonProps if provided, so
+     * please make sure to include them.
+     */
+    accessory?: React.ReactNode;
 };
 export type CRUDPageProps = (CRUDPagePropsWithoutHeaderOrTitle & {
     title: CRUDPageTitle;