@luscii-healthtech/web-ui 2.11.1 → 2.12.0

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

@@ -4,3 +4,4 @@
  * @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;
@@ -1231,6 +1237,14 @@ video {
   height: 3.25rem;
 }
 
+.h-22 {
+  height: 5.5rem;
+}
+
+.h-44 {
+  height: 11rem;
+}
+
 .h-56 {
   height: 14rem;
 }
@@ -1473,6 +1487,10 @@ video {
   max-height: 19.5rem;
 }
 
+.max-h-120 {
+  max-height: 30rem;
+}
+
 .max-h-screen {
   max-height: 100vh;
 }