@luscii-healthtech/web-ui 2.29.0 → 2.29.2

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

@@ -12,7 +12,9 @@ export interface ImagePickerProps {
     name: string;
     images: string[];
     categories: CategoryProps[];
-    preselectedImage?: string;
+    preselectedImage?: string | {
+        imageData: string;
+    };
     clearImageIndex?: number;
     type?: "normal" | "compact";
     isDisabled?: boolean;

package/dist/components/Modal/FullPageModal.d.ts

@@ -3,6 +3,7 @@ export declare type FullPageModalProps = {
     children: React.ReactNode;
     isOpen?: boolean;
     title: string;
+    dataTestId?: string;
     onCloseClick: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
 };
 export declare const FullPageModal: React.FC<FullPageModalProps>;

package/dist/components/Modal/ModalBase.d.ts

@@ -9,6 +9,7 @@ export declare type ModalBaseProps = Omit<ModalHeaderProps, "title"> & {
     withContentPaddingY?: boolean;
     isOpen?: boolean;
     title?: string;
+    dataTestId?: string;
     scrollableContent?: boolean;
     onCloseClick: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
 } & ModalFooterProps;

package/dist/components/Table/Table.d.ts

@@ -11,5 +11,6 @@ export interface TableProps<Item> extends React.HTMLAttributes<HTMLTableElement>
     paginationMenuProps?: PaginationMenuProps;
     onRowClick?: (item: Item) => void;
     className?: string;
+    dataTestId?: string;
 }
-export declare function Table<Item>({ items, fieldConfigurations, emptyRowsText, emptyFieldContentText, isLoading, showHeader, paginationMenuProps, onRowClick, className, ...otherAttributes }: TableProps<Item>): JSX.Element;
+export declare function Table<Item>({ items, fieldConfigurations, emptyRowsText, emptyFieldContentText, isLoading, showHeader, paginationMenuProps, onRowClick, className, dataTestId, ...otherAttributes }: TableProps<Item>): JSX.Element;

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

@@ -1762,6 +1762,8 @@ var ModalFooter = function ModalFooter(props) {
 };
 
 var ModalBase = function ModalBase(props) {
+  var _props$dataTestId;
+
   var _props$size = props.size,
       size = _props$size === void 0 ? "medium" : _props$size,
       _props$withContentPad = props.withContentPaddingY,
@@ -1777,6 +1779,9 @@ var ModalBase = function ModalBase(props) {
     }
   }, /*#__PURE__*/React__default.createElement(ReactModal, {
     isOpen: isOpen,
+    data: {
+      "test-id": (_props$dataTestId = props.dataTestId) != null ? _props$dataTestId : "react-modal"
+    },
     contentLabel: props.title,
     overlayClassName: classNames("px-2 py-15", "z-20", "fixed top-0 bottom-0 left-0 right-0", "overflow-x-hidden overflow-y-auto", "bg-overlay"),
     onRequestClose: props.onCloseClick,
@@ -3886,7 +3891,7 @@ var TableFooter = function TableFooter(props) {
   }, props.paginationMenuProps)))));
 };
 
-var _excluded$d = ["items", "fieldConfigurations", "emptyRowsText", "emptyFieldContentText", "isLoading", "showHeader", "paginationMenuProps", "onRowClick", "className"];
+var _excluded$d = ["items", "fieldConfigurations", "emptyRowsText", "emptyFieldContentText", "isLoading", "showHeader", "paginationMenuProps", "onRowClick", "className", "dataTestId"];
 function Table(_ref) {
   var items = _ref.items,
       fieldConfigurations = _ref.fieldConfigurations,
@@ -3899,6 +3904,7 @@ function Table(_ref) {
       paginationMenuProps = _ref.paginationMenuProps,
       onRowClick = _ref.onRowClick,
       className = _ref.className,
+      dataTestId = _ref.dataTestId,
       otherAttributes = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
   // For not displaying empty view at creation
@@ -3911,7 +3917,8 @@ function Table(_ref) {
   }, [items, isLoading]);
   var showEmptyView = !isPristine && !isLoading && !(items && items.length > 0);
   return /*#__PURE__*/React__default.createElement("table", _extends({
-    className: classNames("w-full rounded-lg bg-white border-collapse table-auto", className)
+    className: classNames("w-full rounded-lg bg-white border-collapse table-auto", className),
+    "data-test-id": dataTestId
   }, otherAttributes), showHeader ? /*#__PURE__*/React__default.createElement(TableHeader, {
     className: "border-b border-slate-100",
     fieldConfigurations: fieldConfigurations
@@ -6536,7 +6543,7 @@ var ImagePickerInner = function ImagePickerInner(_ref) {
 
   var fileInputRef = React.useRef(null);
   React.useEffect(function () {
-    if (preselectedImage) {
+    if (preselectedImage && typeof preselectedImage === "string") {
       setSelectedImage(preselectedImage);
     }
   }, [preselectedImage]);
@@ -6665,8 +6672,8 @@ var ImagePickerInner = function ImagePickerInner(_ref) {
   }), /*#__PURE__*/React__default.createElement(FlexRow, {
     spacing: "small"
   }, /*#__PURE__*/React__default.createElement(SecondaryButton, {
-    "data-test-id": "select-from-library",
-    id: "selectImage",
+    "data-test-id": "image-picker-" + name,
+    id: "image-picker-" + name,
     isDisabled: isDisabled,
     className: "cweb-imagePicker-change",
     text: localisation.openModalButton,
@@ -6679,7 +6686,7 @@ var ImagePickerInner = function ImagePickerInner(_ref) {
   }, /*#__PURE__*/React__default.createElement(SecondaryButton, {
     text: localisation.uploadImage,
     isDisabled: isDisabled,
-    id: "uploadImage",
+    id: "upload-image-" + name,
     onClick: function onClick() {
       var _fileInputRef$current;
 
@@ -6690,7 +6697,7 @@ var ImagePickerInner = function ImagePickerInner(_ref) {
     ref: fileInputRef,
     type: "file",
     disabled: isDisabled,
-    name: "uploaded",
+    name: "uploaded-" + name,
     accept: "image/svg+xml",
     onChange: uploadImage,
     className: "hidden"
@@ -7724,13 +7731,18 @@ var FullPageModalHeader = function FullPageModalHeader(props) {
 };
 
 var FullPageModal = function FullPageModal(props) {
+  var _props$dataTestId;
+
   return /*#__PURE__*/React__default.createElement(ReactModal, {
     isOpen: props.isOpen,
     contentLabel: props.title,
     overlayClassName: "fixed inset-0 overflow-x-hidden overflow-y-auto z-20",
     onRequestClose: props.onCloseClick,
     shouldFocusAfterRender: false,
-    className: "h-screen"
+    className: "h-screen",
+    data: {
+      "test-id": (_props$dataTestId = props.dataTestId) != null ? _props$dataTestId : "react-modal"
+    }
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col h-screen"
   }, /*#__PURE__*/React__default.createElement(FullPageModalHeader, {