@luscii-healthtech/web-ui 2.7.0 → 2.9.0

package/dist/components/CheckBoxListModal/CheckboxListModal.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+export interface Item {
+    id: string;
+    label: string;
+    isChecked: boolean;
+    group?: string;
+    isPinned?: boolean;
+}
+export interface Group {
+    title?: string;
+    items: Item[];
+}
+interface CheckboxListModalTexts {
+    title: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    searchPlaceHolder?: string;
+    emptyState: string;
+}
+export interface CheckboxListModalProps {
+    texts: CheckboxListModalTexts;
+    initialItems: Array<Item>;
+    isLoadingInitialItems?: boolean;
+    isOpen: boolean;
+    onSave: (newItems: Item[]) => void;
+    onCloseClick: () => void;
+    filterItem: (item: Item, searchQuery: string) => boolean;
+    className?: string;
+    hasSearch: boolean;
+}
+export declare const CheckboxListModal: ({ texts, initialItems, isLoadingInitialItems, isOpen, onSave, onCloseClick, filterItem, className, hasSearch, }: CheckboxListModalProps) => JSX.Element;
+export {};

package/dist/components/Container/FlexColumn.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FlexContainerProps } from "./types/FlexContainerProps.type";
+/**
+ * Container to be used for layouting instead of divs around the project.
+ * The spacing here has been coded according to our guidelines.
+ */
+export declare const FlexColumn: React.FC<FlexContainerProps>;

package/dist/components/Container/FlexContainer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FlexContainerBaseProps } from "./types/FlexContainerProps.type";
+/**
+ * Container to be used for layouting instead of divs around the project.
+ * The spacing here has been coded according to our guidelines.
+ */
+export declare const FlexContainer: React.FC<FlexContainerBaseProps & {
+    type: "column" | "row";
+}>;

package/dist/components/Container/FlexRow.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FlexContainerProps } from "./types/FlexContainerProps.type";
+/**
+ * Container to be used for layouting instead of divs around the project.
+ * The spacing here has been coded according to our guidelines.
+ */
+export declare const FlexRow: React.FC<FlexContainerProps>;

package/dist/components/Container/types/FlexContainerProps.type.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+declare type FlexContainerBase = {
+    alignItems?: "center" | "start" | "end";
+    justifyContent?: "center" | "start" | "end" | "between";
+    verticallySpaced?: boolean;
+    horitontallySpaced?: boolean;
+    hasPadding?: boolean;
+};
+export declare type FlexContainerBaseProps = FlexContainerBase & {
+    children: React.ReactNode;
+};
+export declare type FlexContainerProps = Omit<FlexContainerBaseProps, "verticallySpaced" | "horitontallySpaced"> & {
+    spaced?: boolean;
+};
+export {};

package/dist/index.d.ts

@@ -1,3 +1,6 @@
+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 { default as Avatar } from "./components/Avatar/Avatar";
@@ -24,6 +27,7 @@ export { LoadingIndicator, LoadingIndicatorProps, } from "./components/LoadingIn
 export { default as Menu } from "./components/Menu/Menu";
 export { List, ListProps, ListItemProps, OnAssetLoadErrorPayload, } from "./components/List/List";
 export { CheckboxList, CheckboxListProps, } from "./components/CheckboxList/CheckboxList";
+export { CheckboxListModal, CheckboxListModalProps, } from "./components/CheckBoxListModal/CheckboxListModal";
 export { MultiSelect } from "./components/MultiSelect/MultiSelect";
 export { NavLayout, NavMenuLayoutProps } from "./components/NavMenu/NavLayout";
 export { NavMenu, NavMenuElement } from "./components/NavMenu/NavMenu";

package/dist/web-ui-tailwind.css

@@ -1139,6 +1139,10 @@ video {
   align-items: flex-start;
 }
 
+.items-end {
+  align-items: flex-end;
+}
+
 .items-center {
   align-items: center;
 }
@@ -1613,6 +1617,10 @@ video {
   padding-left: 0.25rem;
 }
 
+.pr-4 {
+  padding-right: 1rem;
+}
+
 .pl-4 {
   padding-left: 1rem;
 }
@@ -2065,6 +2073,10 @@ video {
   width: 26rem;
 }
 
+.w-130 {
+  width: 32.5rem;
+}
+
 .w-auto {
   width: auto;
 }