@luscii-healthtech/web-ui 2.11.1 → 2.12.2

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;
@@ -1179,6 +1185,10 @@ video {
   flex-grow: 1;
 }
 
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
 .order-1 {
   order: 1;
 }
@@ -1227,8 +1237,12 @@ video {
   height: 3rem;
 }
 
-.h-13 {
-  height: 3.25rem;
+.h-22 {
+  height: 5.5rem;
+}
+
+.h-44 {
+  height: 11rem;
 }
 
 .h-56 {
@@ -1473,6 +1487,10 @@ video {
   max-height: 19.5rem;
 }
 
+.max-h-120 {
+  max-height: 30rem;
+}
+
 .max-h-screen {
   max-height: 100vh;
 }

package/dist/web-ui.cjs.development.js

@@ -1150,7 +1150,7 @@ var ButtonV2 = function ButtonV2(_ref) {
     return /*#__PURE__*/React__default.createElement("span", null, "Invalid props passed to this component.");
   }
 
-  var buttonClassName = classNames(["h-11", "relative flex flex-row justify-center items-center", "border", "transition-outline transition-colors duration-300 ease-in-out", "rounded-full", "leading-none", "shadow-sm", "cursor-pointer", "focus:outline-primary", "group"], {
+  var buttonClassName = classNames(["h-11", "relative flex flex-row justify-center items-center", "border", "transition-outline transition-colors duration-300 ease-in-out", "rounded-full", "leading-none", "shadow-sm", "cursor-pointer", "focus:outline-primary", "group", "flex-shrink-0"], {
     "w-11": !text && icon,
     "pl-4 pr-6": text && icon,
     "px-4": text && !icon
@@ -4051,7 +4051,7 @@ var NotificationBanner = function NotificationBanner(props) {
       stretch = _props$stretch === void 0 ? true : _props$stretch,
       _props$centerContent = props.centerContent,
       centerContent = _props$centerContent === void 0 ? false : _props$centerContent;
-  var classes = classNames("px-6 py-4 h-13 flex flex-row items-center border border-solid rounded", props.className, {
+  var classes = classNames("px-6 py-4 min-h-13 flex flex-row items-center border border-solid rounded", props.className, {
     "bg-slate-100 border-slate-300 text-slate-700": props.color === "base",
     "bg-blue-50 border-blue-700 text-blue-800": props.color === "blue",
     "bg-red-50 border-red-700 text-red-700": props.color === "red",