@luscii-healthtech/web-ui 2.10.2 → 2.12.0

package/dist/components/AccordionList/AccordionList.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { AccordionProps } from "../Accordion/Accordion";
+import { ListItemProps } from "../List/List.types";
+import { AccordionItemProps } from "../Accordion/AccordionItem";
+import { BaseButtonProps } from "../ButtonV2/ButtonProps.type";
+export interface AccordionListProps extends Omit<AccordionProps, "items"> {
+    title: string;
+    searchPlaceholder: string;
+    emptyListText: string;
+    buttonProps?: BaseButtonProps;
+    accordionItems: AccordionListItemProps[];
+}
+export interface AccordionListItemProps extends Omit<AccordionItemProps, "content"> {
+    listItems: ListItemProps[];
+}
+export declare const AccordionList: React.VFC<AccordionListProps>;
+export default AccordionList;

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,10 @@
+import React, { MouseEventHandler } from "react";
+interface ImageProps {
+    src: string;
+    className: string;
+    children?: React.ReactNode;
+    onClick?: MouseEventHandler<HTMLSpanElement>;
+    showIconOnFailure?: boolean;
+}
+declare const Image: React.VFC<ImageProps>;
+export default Image;

package/dist/components/ImagePicker/ImageCategory.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface CategoryProps {
+    folder: string;
+    key: string;
+}
+interface ImageCategoryProps {
+    category: CategoryProps;
+    images: string[];
+    highlightedImage: string | null;
+    handleImageClick: (event: React.FormEvent<HTMLInputElement>) => void;
+    isTypeCompact: boolean;
+}
+export declare const ImageCategory: (props: ImageCategoryProps) => JSX.Element;
+export {};

package/dist/components/ImagePicker/ImagePicker.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { CategoryProps } from "./ImageCategory";
+interface TargetProps {
+    target: {
+        name: string | null | undefined;
+        value: string | null | undefined;
+        file?: string;
+    };
+}
+export interface ImagePickerProps {
+    name: string;
+    images: string[];
+    categories: CategoryProps[];
+    preselectedImage?: string;
+    clearImageIndex?: number;
+    type: "normal" | "compact";
+    isDisabled: boolean;
+    handleChange: (target: TargetProps) => void;
+    isUploadButtonVisible?: boolean;
+    isClearButtonVisible?: boolean;
+    localisation: Record<"openModalButton" | "selectButton" | "error" | "uploadImage" | "clearSelection" | "cancel" | "search" | "modalTitle", string>;
+}
+export declare const ImagePicker: React.VFC<ImagePickerProps>;
+export {};

package/dist/index.d.ts

@@ -3,6 +3,7 @@ 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 { 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";

package/dist/utils/string.utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @param {string} string
+ * @param {string} searchTerm
+ * @param {boolean} caseSensitive
+ */
+export declare const isSubstring: (string: string | unknown, searchTerm: string, caseSensitive?: boolean) => boolean;
+export declare const getBase64: (file: File) => Promise<string>;

package/dist/web-ui-tailwind.css

@@ -755,6 +755,12 @@ video {
   background-color: rgba(0, 116, 221, var(--bg-opacity));
 }
 
+.bg-secondary {
+  --bg-opacity: 1;
+  background-color: #F3F4F6;
+  background-color: rgba(243, 244, 246, var(--bg-opacity));
+}
+
 .bg-negative {
   --bg-opacity: 1;
   background-color: #FFF1F1;
@@ -1079,6 +1085,10 @@ video {
   border-right-width: 1px;
 }
 
+.box-border {
+  box-sizing: border-box;
+}
+
 .cursor-default {
   cursor: default;
 }
@@ -1227,6 +1237,14 @@ video {
   height: 3.25rem;
 }
 
+.h-22 {
+  height: 5.5rem;
+}
+
+.h-44 {
+  height: 11rem;
+}
+
 .h-56 {
   height: 14rem;
 }
@@ -1469,6 +1487,10 @@ video {
   max-height: 19.5rem;
 }
 
+.max-h-120 {
+  max-height: 30rem;
+}
+
 .max-h-screen {
   max-height: 100vh;
 }
@@ -1529,6 +1551,10 @@ video {
   outline-offset: 0;
 }
 
+.overflow-auto {
+  overflow: auto;
+}
+
 .overflow-hidden {
   overflow: hidden;
 }