@luscii-healthtech/web-ui 0.0.0-alpha.01cea45

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/UnorderedList/UnorderedList.d.ts

@@ -0,0 +1,61 @@
+import React from "react";
+type Props = React.ComponentPropsWithoutRef<"ul"> & {
+    /**
+     * @private
+     * This prop is for internal logic. Do not use.
+     */
+    _DO_NOT_USE_isRoot?: boolean;
+};
+type StaticComponents = {
+    Item: typeof Item;
+    Padding: typeof Padding;
+    /**
+     * Sometimes you want to put the sub-list in another component, like this:
+     * ```tsx
+     * const MySubList = ({ className }: { className?: string }) => (
+     *  <UList className={className}>
+     *    <UList.Item>
+     *      <UList.Padding>
+     *        <Text>Custom nested list - option A</Text>
+     *      </UList.Padding>
+     *    </UList.Item>
+     *    <UList.Item>
+     *      <UList.Padding>
+     *        <Text>Custom nested list - option B</Text>
+     *      </UList.Padding>
+     *    </UList.Item>
+     *  </UList>
+     *);
+     *```
+     *
+     * When you do, the `UnorderedList.Item` component won't recognize it as a sub-list, because
+     * it only considers the `UnorderedList` component as a sub-list.
+     * In case you need your sub-list to be in a separate component, you can use the `UnorderedList.Indent`
+     * component to tell the `UnorderedList.Item` component that it should consider the children as a sub-list.
+     *
+     * The child of `UnorderedList.Indent` should accept a `className` prop for this to work.
+     */
+    Indent: typeof Indent;
+};
+/**
+ * Component delivering padding. Can be used to apply padding
+ * to list item, but also to the content of a list (e.g. the
+ * list or sublist title/description).
+ */
+declare const Padding: React.FC<{
+    children?: React.ReactNode;
+    className?: string;
+}>;
+type ItemProps = React.ComponentPropsWithoutRef<"li"> & {
+    /**
+     * @private
+     * This prop is for internal logic. Do not use.
+     */
+    _DO_NOT_USE_index?: number;
+};
+declare const Item: React.FC<ItemProps>;
+export declare const UnorderedList: React.FC<Props> & StaticComponents;
+declare const Indent: React.FC<{
+    children?: React.ReactNode;
+}>;
+export { UnorderedList as UList };

package/dist/components/VerticalMenu/VerticalMenu.d.ts

@@ -0,0 +1,84 @@
+import React from "react";
+import { Text } from "../Text/Text";
+import { Divider } from "../Divider/Divider";
+type Props = React.ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Renders above the menu items, but below the header.
+     */
+    title?: string | React.ReactNode;
+    /**
+     * Renders above everything else.
+     */
+    header?: React.ReactNode;
+    /**
+     * Renders below everything else.
+     */
+    footer?: React.ReactNode;
+};
+type StaticComponents = {
+    Divider: typeof MenuDivider;
+    Item: typeof MenuItem;
+    ItemLayout: typeof MenuItemLayout;
+    ItemText: typeof MenuItemText;
+    ItemPadding: typeof MenuItemPadding;
+    NotificationBubble: typeof MenuItemNotificationBubble;
+};
+export declare const VerticalMenu: React.FC<Props> & StaticComponents;
+declare function MenuItemText(props: Readonly<React.ComponentPropsWithoutRef<typeof Text>>): React.JSX.Element;
+type GetClassNameFunction = (args?: {
+    /**
+     * Whether the item should display as active.
+     */
+    isActive?: boolean;
+    /**
+     * Your own class name to add to the item.
+     */
+    classNameProp?: string;
+}) => string;
+type MenuItemProps = {
+    render: (props: {
+        /**
+         * Returns the "calculated" className for the item.
+         *
+         * The `VerticalMenu` component will decide which
+         * classes should be applied to a menu item to make
+         * it appear correctly in the menu. By placing the
+         * string of these classes on your own element/component,
+         * you allow the `VerticalMenu` component to style your
+         * element correctly.
+         */
+        getClassName: GetClassNameFunction;
+    }) => React.ReactNode;
+    children?: never;
+    paddingX?: never;
+    paddingY?: never;
+} | {
+    render?: never;
+    children?: React.ReactNode;
+    paddingX?: boolean;
+    paddingY?: boolean;
+};
+declare function MenuItem(props: MenuItemProps): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+type MenuItemLayoutProps = {
+    icon?: React.ReactNode;
+    text?: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+} & ({
+    aside?: React.ReactNode;
+    notificationBubbleText?: never;
+} | {
+    aside?: never;
+    notificationBubbleText?: string;
+});
+declare function MenuItemLayout(props: MenuItemLayoutProps): React.JSX.Element;
+declare function MenuItemPadding(props: Readonly<{
+    children?: React.ReactNode;
+    className?: string;
+}>): React.JSX.Element;
+declare function MenuItemNotificationBubble(props: Readonly<{
+    children?: React.ReactNode;
+    className?: string;
+}>): React.JSX.Element;
+declare function MenuDivider(props: React.ComponentPropsWithoutRef<typeof Divider>): React.JSX.Element;
+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/components/WeekdaysPicker/WeekdaysPicker.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+export declare const weekdayValues: readonly ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
+export type Weekday = (typeof weekdayValues)[number];
+/**
+ * The previous implementation of this component used the index of the
+ * weekday to indicate which days were selected. This function converts
+ * the `Weekday` value from the new API to the `number` value of the
+ * old API, for ease of migration.
+ */
+declare function weekdayNameToIndex(weekday: Weekday): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+declare function weekdayNameToIndex(weekdays: Weekday[]): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+/**
+ * The previous implementation of this component used the index of the
+ * weekday to indicate which days were selected. This function converts
+ * the `number` value from the old API to the `Weekday` value of the
+ * new API, for ease of migration.
+ */
+declare function indexToWeekdayName(index: number): Weekday;
+declare function indexToWeekdayName(indexes: number[]): Weekday[];
+export type Props = React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The locale in which the weekday letters are displayed. Also
+     * affects the screen reader text.
+     */
+    locale: string;
+    /**
+     * This component is controlled, so it needs to be fed in
+     * state. The result of `onChange` can be passed back in here
+     * to make the component function as a controlled component.
+     */
+    selectedOptions: Weekday[];
+    onChange: (weekdayValues: Weekday[]) => void;
+};
+type StaticProperties = {
+    weekdayNameToIndex: typeof weekdayNameToIndex;
+    indexToWeekdayName: typeof indexToWeekdayName;
+};
+/**
+ * A component that allows the user to select multiple weekdays.
+ */
+export declare const WeekdaysPicker: React.FC<Props> & StaticProperties;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,82 @@
+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 { 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 { InfoField } from "./components/InfoField/InfoField";
+export { 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, Props as NavLayoutProps, } 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 { default as Image } from "./components/Image/Image";
+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 { Tag } from "./components/Tag/Tag";
+export { TagGroup } from "./components/Tag/TagGroup";
+export { Textarea, TextareaProps, ResizeTypes, } from "./components/Textarea/Textarea";
+export { TextEditor } from "./components/TextEditor/TextEditor";
+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 { UnorderedList, UList } from "./components/UnorderedList/UnorderedList";
+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 { VerticalMenu } from "./components/VerticalMenu/VerticalMenu";
+export { Card, type Props as CardProps } from "./components/Card/Card";
+export { Dropzone, DropzoneProps } from "./components/Dropzone";
+export { FilterBar, FilterBarUtils } from "./components/FilterBar";
+export { type Weekday, WeekdaysPicker, } from "./components/WeekdaysPicker/WeekdaysPicker";
+export { default as DragHandle, DragHandleProps, } from "./components/DragHandle";