@luscii-healthtech/web-ui 2.49.1 → 2.50.1

package/dist/components/BaseList/BaseList.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { BaseListItemProps, BaseListProps } from "./BaseList.types";
+declare const BaseListInner: <T extends BaseListItemProps>({ dataTestId, title, headerButton, emptyStateMessage, isLoading, items, headerTransparent, itemComponent, footer, }: BaseListProps<T>, ref: React.ForwardedRef<HTMLUListElement>) => JSX.Element;
+export declare const BaseList: <T extends BaseListItemProps>(props: BaseListProps<T> & {
+    ref?: React.ForwardedRef<HTMLUListElement> | undefined;
+}) => ReturnType<typeof BaseListInner>;
+export {};

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

@@ -0,0 +1,41 @@
+import React, { Ref, ReactNode } from "react";
+import { PrimaryButtonProps } from "../..";
+import { ButtonDefinition } from "../ButtonV2/ButtonProps.type";
+import { IconProps } from "../Icons/types/IconProps.type";
+import { TitleProps } from "../Title/Title";
+export declare type BaseListItemProps = {
+    itemId: string | number;
+    title: string;
+    subtitle?: string;
+    icon?: React.FunctionComponent<IconProps> | string;
+    accessories?: JSX.Element[];
+    onClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
+    onAssetLoadError?: (payload: OnAssetLoadErrorPayload) => void;
+    tooltipId?: string;
+    isSelected?: boolean;
+    roundTop?: boolean;
+    roundBottom?: boolean;
+    isDraggable?: boolean;
+    dataTestId?: string;
+    ref?: Ref<HTMLLIElement>;
+    renderDragHandle?: () => ReactNode;
+    htmlProps?: React.HTMLProps<HTMLLIElement>;
+};
+export declare type OnAssetLoadErrorPayload = Pick<BaseListItemProps, "itemId" | "subtitle" | "title" | "icon">;
+export interface BaseListProps<T extends BaseListItemProps = BaseListItemProps> {
+    items: T[];
+    title?: string | TitleProps;
+    headerButton?: ButtonDefinition<PrimaryButtonProps>;
+    headerTransparent?: boolean;
+    itemComponent?: React.FC<T>;
+    emptyStateMessage?: string;
+    isLoading?: boolean;
+    dataTestId?: string;
+    footer?: ReactNode;
+    ref?: Ref<HTMLUListElement>;
+}
+export declare type BaseListHeaderProps = {
+    title?: string | TitleProps;
+    button?: ButtonDefinition<PrimaryButtonProps>;
+    transparent?: boolean;
+};

package/dist/components/BaseList/BaseListEmptyState.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const BaseListEmptyState: React.FC<{
+    message: string;
+    roundTop?: boolean;
+}>;
+export default BaseListEmptyState;

package/dist/components/BaseList/BaseListHeader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BaseListHeaderProps } from "./BaseList.types";
+export declare const BaseListHeader: React.FC<BaseListHeaderProps>;
+export default BaseListHeader;

package/dist/components/BaseList/BaseListIcon.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { BaseListItemProps } from "./BaseList.types";
+export declare const BaseListIcon: React.FC<Pick<BaseListItemProps, "icon"> & {
+    onAssetLoadError?: () => void;
+}>;

package/dist/components/BaseList/BaseListItem.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BaseListItemProps } from "./BaseList.types";
+export declare const BaseListItem: React.FC<BaseListItemProps>;
+export default BaseListItem;

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

@@ -0,0 +1,3 @@
+export { BaseList } from "./BaseList";
+export { BaseListItem } from "./BaseListItem";
+export type { BaseListProps, BaseListItemProps, OnAssetLoadErrorPayload, } from "./BaseList.types";

package/dist/components/BaseList/utils.d.ts

@@ -0,0 +1,3 @@
+import { ListItemProps } from "../List/List";
+import { BaseListItemProps } from ".";
+export declare const toBaseListItemProps: (props: ListItemProps) => BaseListItemProps;

package/dist/components/Dropzone/Dropzone.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { DropzoneProps, DropzonePresentationProps } from "./Dropzone.types";
+export declare const DropzonePresentation: React.FC<DropzonePresentationProps>;
+export declare const Dropzone: React.FC<DropzoneProps>;
+export default Dropzone;

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

@@ -0,0 +1,17 @@
+import { ReactNode, Ref } from "react";
+import type { IconKey } from "../Icons/types/IconProps.type";
+export declare type DropzonePresentationProps = {
+    message?: string;
+    icon?: IconKey;
+    isHighlighted?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+};
+export declare type DropzoneProps = Omit<DropzonePresentationProps, "isHighlighted"> & {
+    draggableIdentifier: string | number;
+    disabled?: boolean;
+    data?: Record<string, unknown>;
+    dataTestId?: string;
+};

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

@@ -0,0 +1,2 @@
+export { Dropzone, DropzonePresentation } from "./Dropzone";
+export type { DropzoneProps } from "./Dropzone.types";

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

@@ -0,0 +1,3 @@
+import { IconProps } from "./types/IconProps.type";
+declare const _default: (props: IconProps) => JSX.Element;
+export default _default;

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

@@ -30,6 +30,7 @@ export { default as LightBulbIcon } from "./LightBulbIcon";
 export { default as LinkIcon } from "./LinkIcon";
 export { default as LockIcon } from "./LockIcon";
 export { default as MessagesIcon } from "./MessagesIcon";
+export { default as MouseIcon } from "./MouseIcon";
 export { default as NotesIcon } from "./NotesIcon";
 export { default as PinIcon } from "./PinIcon";
 export { default as PrintIcon } from "./PrintIcon";

package/dist/components/List/List.d.ts

@@ -1,5 +1,5 @@
-import { ListItemProps, ListProps, OnAssetLoadErrorPayload } from "./List.types";
+import { ListItemProps, ListProps } from "./List.types";
 import "./List.scss";
-export { ListProps, ListItemProps, OnAssetLoadErrorPayload };
-export declare const List: ({ title, headerButton, headerTransparent, items, onAssetLoadError, onDragEnd, emptyStateMessage, isLoading, dataTestId, }: ListProps) => JSX.Element;
+export { ListProps, ListItemProps };
+export declare const List: ({ title, headerButton, headerTransparent, items, onDragEnd, emptyStateMessage, isLoading, dataTestId, onAssetLoadError, }: ListProps) => JSX.Element;
 export default List;

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

@@ -1,37 +1,8 @@
-import React from "react";
-import { ButtonDefinition } from "../ButtonV2/ButtonProps.type";
-import { IconProps } from "../Icons/types/IconProps.type";
-import { PrimaryButtonProps } from "../../index";
-import { TitleProps } from "../Title/Title";
-export interface ListItemProps {
-    itemId: string | number;
-    title: string;
-    subtitle?: string;
-    icon?: React.FunctionComponent<IconProps> | string;
-    accessories?: JSX.Element[];
+import type { BaseListProps, BaseListItemProps, OnAssetLoadErrorPayload } from "../BaseList/BaseList.types";
+export declare type ListItemProps = Omit<BaseListItemProps, "onClick"> & {
     handleItemClick?: () => void;
-    onAssetLoadError?: (payload: OnAssetLoadErrorPayload) => void;
-    tooltipId?: string;
-    isSelected?: boolean;
-    /**
-     *
-     * If the parent list component can have a header,
-     * the list items don't need to add a border radius on top of the first item.
-     *
-     * The header is an optional <li> on top that contains the title and accessories (buttons)
-     */
-    roundTop?: boolean;
-    isDraggable?: boolean;
-}
-export declare type OnAssetLoadErrorPayload = Pick<ListItemProps, "itemId" | "subtitle" | "title" | "icon">;
-export declare type ListProps = {
-    title?: string | TitleProps;
-    headerButton?: ButtonDefinition<PrimaryButtonProps>;
-    headerTransparent?: boolean;
-    items: ListItemProps[];
-    onAssetLoadError?: (payload: OnAssetLoadErrorPayload) => void;
+};
+export declare type ListProps = Omit<BaseListProps<ListItemProps>, "renderItem" | "itemComponent"> & {
     onDragEnd?: (itemId: string | number, newIndex: number) => void;
-    emptyStateMessage?: string;
-    isLoading?: boolean;
-    dataTestId?: string;
+    onAssetLoadError?: (payload: OnAssetLoadErrorPayload) => void;
 };

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

@@ -0,0 +1,3 @@
+export { default as List } from "./List";
+export type { ListProps, ListItemProps } from "./List.types";
+export type { OnAssetLoadErrorPayload } from "./../BaseList";

package/dist/index.d.ts

@@ -31,7 +31,7 @@ export { Table, TableProps } from "./components/Table/Table";
 export { TableFieldConfig, TableFieldContent, TableFieldText, TableFieldAction, } from "./components/Table/Table.types";
 export { LoadingIndicator, LoadingIndicatorProps, } from "./components/LoadingIndicator/LoadingIndicator";
 export { default as Menu } from "./components/Menu/Menu";
-export { List, ListProps, ListItemProps, OnAssetLoadErrorPayload, } from "./components/List/List";
+export { List, ListProps, ListItemProps, OnAssetLoadErrorPayload, } from "./components/List";
 export { CheckboxList, CheckboxListProps, } from "./components/CheckboxList/CheckboxList";
 export { CheckboxListModal, CheckboxListModalProps, } from "./components/CheckBoxListModal/CheckboxListModal";
 export { MultiSelect } from "./components/MultiSelect/MultiSelect";
@@ -78,3 +78,4 @@ export * from "./components/Icons";
 export { Divider } from "./components/Divider/Divider";
 export { FullPageModal } from "./components/Modal/FullPageModal";
 export { Card, type CardProps } from "./components/Card/Card";
+export { Dropzone, DropzoneProps } from "./components/Dropzone";

package/dist/web-ui-tailwind.css

@@ -1078,6 +1078,10 @@ video {
   border-style: solid;
 }
 
+.border-dashed {
+  border-style: dashed;
+}
+
 .last\:border-none:last-child {
   border-style: none;
 }