@luscii-healthtech/web-ui 2.58.0 → 2.59.0

package/dist/components/Icon/Icon.d.ts

@@ -6,6 +6,10 @@ export declare const Icon: React.FC<{
 /**
  * This is a temporary component to transition the way we pass icons to components.
  * Once all components are passed an IconKey instead of a function component we can replace it with the Icon component.
+ *
+ * If any expansion or customization must be made for all icons, do it in the iconWrapper.tsx component.
+ *
+ * @linkcode https://github.com/Luscii/web-ui/blob/main/src/components/Icons/iconWrapper/iconWrapper.tsx
  */
 export declare const IconComponentOrKey: React.FC<{
     name: React.FunctionComponent<IconProps> | IconKey;

package/dist/components/Icons/iconWrapper/iconWrapper.d.ts

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 import { IconProps } from "../types/IconProps.type";
-declare const iconWrapper: (SVGComponent: (props: IconProps & Pick<HTMLAttributes<SVGElement>, "role">) => JSX.Element) => (props: IconProps) => JSX.Element;
-export default iconWrapper;
+declare const IconWrapper: (SVGComponent: (props: IconProps & Pick<HTMLAttributes<SVGElement>, "role">) => JSX.Element) => (props: IconProps) => JSX.Element;
+export default IconWrapper;

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

@@ -1,22 +1,4 @@
 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;
-};
+import type { CRUDPageProps } from "./CRUDPage.types";
 declare const CRUDPage: React.FC<CRUDPageProps>;
 export default CRUDPage;

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import type { BaseButtonProps } from "../ButtonV2/ButtonProps.type";
+import type { PageHeaderProps } from "../PageHeader";
+import type { StepsProps } from "../Steps/Steps";
+declare type CRUDPageButtonProps = Pick<BaseButtonProps, "onClick" | "text">;
+declare type CRUDPageTitle = {
+    text: string;
+    icon?: string;
+};
+declare type CRUDPageHeader = Omit<PageHeaderProps, "navigation" | "isPolling" | "accessories">;
+declare type CRUDPagePropsWithoutHeaderOrTitle = {
+    dataTestId?: string;
+    submitButtonProps?: CRUDPageButtonProps;
+    cancelButtonProps?: CRUDPageButtonProps;
+    className?: string;
+    isLoading?: boolean;
+    isSubmitting?: boolean;
+    stepTitles?: StepsProps["orderedStepTitles"];
+    currentStep?: StepsProps["currentStep"];
+    localization?: StepsProps["localization"];
+    children?: React.ReactNode;
+};
+export declare type CRUDPageProps = (CRUDPagePropsWithoutHeaderOrTitle & {
+    title: CRUDPageTitle;
+    header?: never;
+}) | (CRUDPagePropsWithoutHeaderOrTitle & {
+    header: CRUDPageHeader;
+    title?: never;
+});
+export {};

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

@@ -0,0 +1,3 @@
+export { default as Page } from "./Page";
+export { default as CRUDPage } from "./CRUDPage";
+export type { CRUDPageProps } from "./CRUDPage.types";

package/dist/components/PageHeader/PageHeader.d.ts

@@ -1,12 +1,4 @@
 import React from "react";
-import { BreadcrumbProps } from "../Breadcrumbs/Breadcrumbs";
-import { TabbarProps } from "../Tabbar/Tabbar";
-export interface PageHeaderProps {
-    navigation?: Omit<TabbarProps, "withoutPadding">;
-    breadcrumbs?: BreadcrumbProps["crumbs"];
-    dataTestId?: string;
-    title: string;
-    isPolling?: boolean;
-    accessories?: React.ReactNode;
-}
-export declare const PageHeader: React.VoidFunctionComponent<PageHeaderProps>;
+import { PageHeaderProps } from "./PageHeader.types";
+declare const PageHeader: React.FC<PageHeaderProps>;
+export default PageHeader;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { BreadcrumbProps } from "../Breadcrumbs/Breadcrumbs";
+import type { TabbarProps } from "../Tabbar/Tabbar";
+export interface PageHeaderProps {
+    navigation?: Omit<TabbarProps, "withoutPadding">;
+    breadcrumbs?: BreadcrumbProps["crumbs"];
+    dataTestId?: string;
+    title: string;
+    isPolling?: boolean;
+    className?: string;
+    contained?: boolean;
+    accessories?: React.ReactNode;
+}

package/dist/components/PageHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PageHeader } from "./PageHeader";
+export type { PageHeaderProps } from "./PageHeader.types";

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { IconProps } from "../Icons/types/IconProps.type";
+import { BaseButtonProps } from "../ButtonV2/ButtonProps.type";
 import { TagColorTheme } from "../Tag/Tag";
 export interface TableFieldConfig<Item> {
     key: string;
@@ -16,8 +15,11 @@ export interface TableFieldText {
         color: TagColorTheme;
     };
 }
-export interface TableFieldAction<Item> {
+export declare type TableFieldAction<Item> = Pick<BaseButtonProps, "isDisabled" | "title" | "icon"> & {
     key: string;
-    icon: React.FunctionComponent<IconProps>;
+    /**
+     * @param item - the data in the row when this clicked
+     * @returns void
+     */
     handleClick: (item: Item) => void;
-}
+};

package/dist/index.d.ts

@@ -38,8 +38,7 @@ export { MultiSelect } from "./components/MultiSelect/MultiSelect";
 export { NavLayout, NavMenuLayoutProps } from "./components/NavMenu/NavLayout";
 export { NavMenu } from "./components/NavMenu/NavMenu";
 export { NotificationBanner, NotificationBannerColor, NotificationBannerLinkProps, } from "./components/NotificationBanner/NotificationBanner";
-export { default as Page } from "./components/Page/Page";
-export { default as CRUDPage } from "./components/Page/CRUDPage";
+export { Page, CRUDPage, CRUDPageProps } from "./components/Page";
 export { PaginationMenu } from "./components/PaginationMenu/PaginationMenu";
 export { PageSize as PaginationMenuPageSize, OnPaginationChange as OnPaginationMenuChange, Localization as PaginationMenuLocalization, PaginationMenuProps, } from "./components/PaginationMenu/PaginationMenu.types";
 export { default as PreviewPhone } from "./components/PreviewPhone/PreviewPhone";
@@ -58,7 +57,7 @@ export { default as Switcher } from "./components/Switcher/Switcher";
 export { ImagePicker, TargetProps } from "./components/ImagePicker/ImagePicker";
 export { default as Tabbar, TabbarProps, TabItemDetails, } from "./components/Tabbar/Tabbar";
 export { Breadcrumbs, BreadcrumbProps, } from "./components/Breadcrumbs/Breadcrumbs";
-export { PageHeader, PageHeaderProps, } from "./components/PageHeader/PageHeader";
+export { PageHeader, PageHeaderProps } from "./components/PageHeader";
 export { default as TabLinks } from "./components/TabLinks/TabLinks";
 export { default as Tag } from "./components/Tag/Tag";
 export { default as TagGroup } from "./components/Tag/TagGroup";

package/dist/web-ui-tailwind.css

@@ -1552,10 +1552,6 @@ video {
   margin-top: 4.25rem;
 }
 
-.mb-20 {
-  margin-bottom: 5rem;
-}
-
 .mt-auto {
   margin-top: auto;
 }
@@ -1787,6 +1783,14 @@ video {
   padding-right: 4.25rem;
 }
 
+.pr-0 {
+  padding-right: 0;
+}
+
+.pl-0 {
+  padding-left: 0;
+}
+
 .pb-1 {
   padding-bottom: 0.25rem;
 }
@@ -1815,6 +1819,10 @@ video {
   padding-left: 1.5rem;
 }
 
+.pb-8 {
+  padding-bottom: 2rem;
+}
+
 .pt-11 {
   padding-top: 2.75rem;
 }