@luscii-healthtech/web-ui 0.0.0-alpha.2fcd0e9

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,115 @@
+import React from "react";
+import { RestPropped } from "../../types/general.types";
+import "./Text.css";
+/**
+ * One might argue that we're duplicating strings in this file.
+ * That's how tailwind expects to detect used classes, so please do not make
+ * anything dynamic or try to string concat class names.
+ * https://v1.tailwindcss.com/docs/controlling-file-size
+ */
+declare const allowedTextStyles: {
+    readonly sm: "ui-text-xs ui-font-medium";
+    readonly "sm-strong": "ui-text-xs ui-font-semibold";
+    readonly base: "ui-text-sm";
+    readonly strong: "ui-text-sm ui-font-semibold";
+    readonly lg: "";
+    readonly "lg-strong": "ui-font-semibold";
+    readonly xl: "ui-text-lg";
+    readonly "xl-strong": "ui-font-semibold ui-text-lg";
+};
+export declare const allowedColors: {
+    readonly base: "ui-text-slate-800";
+    readonly "slate-500": "ui-text-slate-500";
+    readonly "slate-200": "ui-text-slate-200";
+    readonly red: "ui-text-red-700";
+    readonly green: "ui-text-green-700";
+    readonly amber: "ui-text-yellow-700";
+    readonly white: "ui-text-white";
+    readonly "blue-800": "ui-text-blue-800";
+    readonly current: "ui-text-current";
+};
+declare const allowedHoverColors: {
+    readonly "blue-900": "hover:ui-text-blue-900";
+    readonly white: "hover:ui-text-white";
+};
+export type TextColor = keyof typeof allowedColors;
+export type TextHoverColor = keyof typeof allowedHoverColors;
+export type TextStyle = keyof typeof allowedTextStyles;
+export interface TextProps extends RestPropped, React.ComponentPropsWithoutRef<"p"> {
+    /**
+     * @deprecated
+     * Use `children` instead, as you would with a regular `<p>` tag.
+     */
+    text?: string;
+    /**
+     * @deprecated
+     * Use `variant` instead. "type" is a word that is too ambiguous and
+     * is also often used as an attribute name in HTML.
+     *
+     * @default "base"
+     */
+    type?: TextStyle;
+    /**
+     * The styling variant of the text.
+     *
+     * @default "base"
+     */
+    variant?: TextStyle;
+    /**
+     * Changes the component to be rendered inline. This is useful for
+     * using this component inside of itself, for example, when you want
+     * to render bold text inside of a paragraph rendered by this same component.
+     *
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * @default "base"
+     */
+    color?: TextColor;
+    /**
+     * @default "base"
+     */
+    hoverColor?: TextHoverColor;
+    /**
+     * Tailwind class modifier that allows you to apply hover styles on this component
+     * based on the styles of its parent.
+     * https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state
+     *
+     * @deprecated
+     * Since this is a Tailwind specific feature we should not expose this to the consumer. We
+     * should only use group-hover styles in the components in WebUI instead.
+     */
+    hoverInGroup?: boolean;
+    className?: string;
+    /**
+     * Interpret an HTML string as regular markup, instead of rendering it as a string.
+     *
+     * @default false
+     */
+    containsDangerousHtml?: boolean;
+    /**
+     * With this prop enabled, text won't wrap to the next line but instead
+     * will be truncated with an ellipsis.
+     *
+     * @default false
+     */
+    truncate?: boolean;
+    /**
+     * When `true` will work together with the `truncate` prop
+     * and allow a max of two lines when breaking text before applying
+     * ellipsis.
+     *
+     * @default false
+     */
+    clampLines?: boolean;
+    "data-test-id"?: string;
+}
+export declare const Text: {
+    (props: TextProps): JSX.Element;
+    defaultProps: {
+        variant: "base";
+        color: "base";
+    };
+};
+export default Text;

package/dist/components/TextEditor/TextEditor.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ReactQuillProps } from "react-quill";
+import "react-quill/dist/quill.snow.css";
+import "./TextEditor.scss";
+type TextEditorProps = Pick<ReactQuillProps, "defaultValue" | "placeholder"> & {
+    onValueChange: ReactQuillProps["onChange"];
+    formats: TextEditorFormat[];
+    toolbar: TextEditorToolbarOption[][];
+};
+type TextEditorToolbarOption = "bold" | "italic" | "underline" | "strike" | "link" | "video" | {
+    list: "ordered";
+} | {
+    list: "bullet";
+};
+type TextEditorFormat = "background" | "bold" | "color" | "font" | "code" | "italic" | "link" | "size" | "strike" | "script" | "underline" | "blockquote" | "header" | "list" | "align";
+export declare const TextEditor: React.FC<TextEditorProps>;
+export default TextEditor;

package/dist/components/TextLink/TextLink.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface TextLinkProps {
+    text: string;
+    enabled?: boolean;
+    href?: string;
+    rel?: string;
+    target?: string;
+    onClick?: () => void;
+    className?: string;
+}
+/**
+ * @deprecated Use `Link`.
+ */
+export declare const TextLink: (props: TextLinkProps) => JSX.Element;

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,29 @@
+import React, { ChangeEvent, FocusEvent, KeyboardEvent } from "react";
+import "./Textarea.scss";
+declare const resizeTypes: {
+    readonly NONE: "none";
+    readonly BOTH: "both";
+    readonly HORIZONTAL: "horizontal";
+    readonly VERTICAL: "vertical";
+};
+export type ResizeTypes = (typeof resizeTypes)[keyof typeof resizeTypes];
+export interface TextareaProps {
+    className?: string;
+    value?: string;
+    name?: string;
+    placeholder?: string;
+    maxLength?: number;
+    rows?: number;
+    resizable?: ResizeTypes;
+    isDisabled?: boolean;
+    icon?: string;
+    onChange: (event: ChangeEvent) => void;
+    onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    onKeyPress?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    onCtrlEnter?: () => void;
+    isError?: boolean;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/components/Timeline/Timeline.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { BaseButtonProps } from "../ButtonV2/ButtonProps.type";
+import { CenteredHeroProps } from "../CenteredHero/CenteredHero";
+import { TimelineStepProps } from "./TimelineStep";
+import { TimelineHeaderProps } from "./TimelineHeader";
+export interface TimelineProps {
+    headerProps?: TimelineHeaderProps;
+    steps: TimelineStepProps[];
+    loadMoreButtonProps?: BaseButtonProps;
+    dataTestId?: string;
+    emptyHeroProps?: CenteredHeroProps;
+}
+export declare const Timeline: ({ headerProps, steps, loadMoreButtonProps, dataTestId, emptyHeroProps, }: TimelineProps) => JSX.Element;
+export default Timeline;

package/dist/components/Timeline/TimelineHeader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ButtonDefinitionWithKey, ButtonProps } from "../ButtonV2/ButtonProps.type";
+import { type TitleProps } from "../Title/Title";
+export type TimelineHeaderProps = {
+    title?: string | TitleProps;
+    buttons?: ButtonDefinitionWithKey<ButtonProps>[];
+    withBorder?: boolean;
+};
+export declare const TimelineHeader: React.FC<TimelineHeaderProps>;
+export default TimelineHeader;

package/dist/components/Timeline/TimelineStep.d.ts

@@ -0,0 +1,10 @@
+import React, { RefAttributes } from "react";
+import { TextProps } from "../Text/Text";
+export interface TimelineStepProps extends RefAttributes<HTMLDivElement> {
+    key: string | number;
+    type?: "wide" | "base" | "withoutDot" | "emptyDot";
+    title?: string | TextProps;
+    content: React.ReactNode;
+    dataTestId?: string | number;
+}
+export declare const TimelineStep: React.ForwardRefExoticComponent<Omit<TimelineStepProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Title/Title.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./Title.scss";
+import { TextColor } from "../Text/Text";
+export type TitleStyle = "xs" | "sm" | "base" | "lg" | "xl" | "2xl";
+export interface TitleProps {
+    text: string;
+    type?: TitleStyle;
+    color?: TextColor;
+    className?: string;
+    ref?: React.ForwardedRef<HTMLHeadingElement>;
+}
+export declare const Title: {
+    (props: TitleProps): JSX.Element;
+    defaultProps: {
+        type: string;
+    };
+};

package/dist/components/Toaster/Toaster.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./Toaster.scss";
+export interface ToasterProps {
+    type: "success" | "failure";
+    message: string;
+    title: string;
+    isVisible?: boolean;
+    /** if you need to reposition the toaster for whatever reason you can use these props */
+    styleOverwrite?: Pick<React.CSSProperties, "top" | "bottom" | "left" | "right">;
+}
+export declare const TOASTER_TYPE_OPTIONS: {
+    readonly SUCCESS: "success";
+    readonly FAILURE: "failure";
+};
+export type ToasterType = (typeof TOASTER_TYPE_OPTIONS)[keyof typeof TOASTER_TYPE_OPTIONS];
+declare const Toaster: React.VoidFunctionComponent<ToasterProps>;
+export default Toaster;

package/dist/components/Toaster/toast-elements-getter.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="node" />
+interface GetToasterElementsParams {
+    timeoutId: NodeJS.Timeout;
+    progressBarAnimationFrameHandler: number;
+}
+interface GetToasterElementsReturn {
+    toasterElementMessage: HTMLElement;
+    toasterProgressBar: HTMLElement;
+    toasterElementTitle: HTMLElement;
+    toasterElementSuccessIcon: HTMLElement;
+    toasterElementFailureIcon: HTMLElement;
+    toasterElementContainer: HTMLElement;
+    toasterCloseButton: HTMLElement;
+}
+/**
+ *
+ * @param params.timeoutId - the timeoutId (that makes the toaster vanish), in case of a shortcut
+ * @param params.progressBarAnimationFrameHandler - animation frame id to be canceled in case of a shortcut
+ * @returns a collection of html elements to be manipulated by the animation
+ */
+export declare const getToasterElements: (params: GetToasterElementsParams) => GetToasterElementsReturn;
+export {};

package/dist/components/Toaster/toast-progress-animator.d.ts

@@ -0,0 +1,12 @@
+interface AnimateProgressParams {
+    animationDuration: number;
+    progressBarElement: HTMLElement;
+}
+/**
+ * Reference: https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame
+ * @param params.animationDuration - the amount of seconds theui-duration will take
+ * @param params.progressBarElement - the html element for the progress bar
+ * @returns the animation frame id
+ */
+export declare const animateProgress: (params: AnimateProgressParams) => number;
+export {};

package/dist/components/Toaster/toast.d.ts

@@ -0,0 +1,12 @@
+type ToastParams = {
+    message: string;
+    title?: string;
+    showIcon?: boolean;
+    type: "success" | "failure";
+} | string;
+export declare const toast: {
+    (params: ToastParams): void;
+    error(message: string): void;
+    info(message: string): void;
+};
+export {};

package/dist/components/ViewItem/ViewItem.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TextProps } from "../Text/Text";
+import { RestPropped } from "../../types/general.types";
+import { ButtonProps } from "../Button/Button.types";
+export interface ViewItemProps<AccessoryType extends JSX.Element> extends RestPropped {
+    titleProps?: TextProps;
+    title?: string;
+    titleAccessory?: AccessoryType;
+    contentProps?: TextProps[];
+    content?: string[];
+    defaultContent?: string;
+    className?: string;
+    buttons?: ButtonProps[];
+}
+export declare function ViewItem<AccessoryType extends JSX.Element>({ titleProps, title, titleAccessory, contentProps, content, defaultContent, className, buttons, ...restProps }: ViewItemProps<AccessoryType>): JSX.Element;
+export default ViewItem;

package/dist/index.d.ts

@@ -0,0 +1,83 @@
+export { FlexColumn } from "./components/Container/FlexColumn";
+export { FlexRow } from "./components/Container/FlexRow";
+export type { FlexContainerProps } from "./components/Container/types/FlexContainerProps.type";
+export { default as Toaster, TOASTER_TYPE_OPTIONS, } from "./components/Toaster/Toaster";
+export { toast } from "./components/Toaster/toast";
+export { AccordionList, AccordionListItemProps, AccordionListProps, } from "./components/AccordionList/AccordionList";
+export { Modal, ModalProps } from "./components/Modal/Modal";
+export { ModalSize, ModalBaseProps } from "./components/Modal/ModalBase";
+export { ModalHeaderProps } from "./components/Modal/ModalHeader";
+export { ModalFooterProps, ModalFooterLeadingComponent, ModalFooterTrailingComponents, } from "./components/Modal/ModalFooter";
+export { default as Avatar } from "./components/Avatar/Avatar";
+export { default as Badge } from "./components/Badge/Badge";
+export { BaseButtonProps as NonPrimaryButtonProps, ButtonWithPendingStateProps as PrimaryButtonProps, ButtonDefinition, } from "./components/ButtonV2/ButtonProps.type";
+export { PrimaryButton } from "./components/ButtonV2/PrimaryButton";
+export { SecondaryButton } from "./components/ButtonV2/SecondaryButton";
+export { TertiaryButton } from "./components/ButtonV2/TertiaryButton";
+export { default as Carousel } from "./components/Carousel/Carousel";
+export { default as CenteredHero } from "./components/CenteredHero/CenteredHero";
+export { Checkbox } from "./components/Checkbox/Checkbox";
+export { ConfirmationDialog } from "./components/ConfirmationDialog/ConfirmationDialog";
+export type { ConfirmationDialogChoice, ConfirmationDialogProps, ConfirmationDialogTitleProps, } from "./components/ConfirmationDialog/types/ConfirmationDialog.types";
+export { default as DatePicker } from "./components/Datepicker/Datepicker";
+export { default as Dropdown } from "./components/Dropdown/Dropdown";
+export { EmptyListMessage } from "./components/EmptyListMessage/EmptyListMessage";
+export { default as ErrorBlock } from "./components/ErrorBlock/ErrorBlock";
+export { default as InfoBlock } from "./components/InfoBlock/InfoBlock";
+export { InfoField } from "./components/InfoField/InfoField";
+export { INPUT_TYPES, default as Input } from "./components/Input/Input";
+export { default as Line } from "./components/Line/Line";
+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, ListItem, ListProps, ListItemProps, DraggableListProps, SortableListProps, SortableListItemProps, OnAssetLoadErrorPayload, getDndListItemProps, } from "./components/List";
+export { CheckboxList, CheckboxListProps, } from "./components/CheckboxList/CheckboxList";
+export { CheckboxListModal, CheckboxListModalProps, } from "./components/CheckBoxListModal/CheckboxListModal";
+export { NavLayout, NavMenuLayoutProps } from "./components/NavMenu/NavLayout";
+export { NavMenu } from "./components/NavMenu/NavMenu";
+export { NotificationBanner, NotificationBannerColor, NotificationBannerLinkProps, } from "./components/NotificationBanner/NotificationBanner";
+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";
+export { default as Radio } from "./components/Radio/Radio";
+export { default as RadioGroup } from "./components/RadioGroup/RadioGroup";
+export { RadioProps, RadioV2 } from "./components/Radio/RadioV2";
+export { RadioGroupProps, RadioGroupV2, } from "./components/RadioGroup/RadioGroupV2";
+export { default as Section, SectionProps } from "./components/Section/Section";
+export { default as SectionItemWithContent } from "./components/Section/SectionItemWithContent";
+export { default as SectionItem, SectionItemProps, } from "./components/Section/SectionItem";
+export { SelectProps, Select } from "./components/Select/Select";
+export { SettingsMenuButton } from "./components/SettingsMenuButton/SettingsMenuButton";
+export { Spinner } from "./components/Spinner/Spinner";
+export { Steps } from "./components/Steps/Steps";
+export { default as Switcher } from "./components/Switcher/Switcher";
+export { ImagePicker } from "./components/MediaPicker/MediaPicker";
+export { MediaPicker, TargetProps } from "./components/MediaPicker/MediaPicker";
+export { default as Tabbar, TabbarProps, TabItemDetails, } from "./components/Tabbar/Tabbar";
+export { Breadcrumbs, BreadcrumbProps } from "./components/Breadcrumbs";
+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";
+export { Textarea, TextareaProps, ResizeTypes, } from "./components/Textarea/Textarea";
+export { TextEditor } from "./components/TextEditor/TextEditor";
+export { default as TextEditorV2 } from "./components/TextEditorV2/TextEditorV2";
+export { Link } from "./components/Link/Link";
+export { TextLink, TextLinkProps } from "./components/TextLink/TextLink";
+export { Title, TitleStyle } from "./components/Title/Title";
+export { Timeline } from "./components/Timeline/Timeline";
+export { ViewItem, ViewItemProps } from "./components/ViewItem/ViewItem";
+export { default as Text } from "./components/Text/Text";
+export { SearchInput, SearchInputProps } from "./components/Input/SearchInput";
+export { GenericForm, Form, FormProps, GenericFormProps, } from "./components/Form/Form";
+export { Icon } from "./components/Icon";
+export type { IconProps, IconKey, } from "./components/Icons/types/IconProps.type";
+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";
+export { FilterBar, FilterBarUtils } from "./components/FilterBar";
+export { default as DragHandle, DragHandleProps, } from "./components/DragHandle";