@luscii-healthtech/web-ui 2.54.0 → 2.55.0

package/dist/components/Dropzone/Dropzone.types.d.ts

@@ -8,6 +8,7 @@ export declare type DropzonePresentationProps = {
     children?: ReactNode;
     className?: string;
     dataTestId?: string;
+    horizontal?: boolean;
 };
 export declare type DropzoneProps = Omit<DropzonePresentationProps, "isHighlighted"> & {
     draggableIdentifier: string | number;

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

@@ -2542,18 +2542,25 @@ var _excluded$4 = ["draggableIdentifier", "disabled", "data", "dataTestId"];
 
 var DefaultState = function DefaultState(_ref) {
   var icon = _ref.icon,
-      message = _ref.message;
+      message = _ref.message,
+      _ref$horizontal = _ref.horizontal,
+      horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal;
 
   if (!icon && !message) {
     return null;
   }
 
+  var className = classNames("p-4 flex items-center", {
+    "flex-col justify-center": !horizontal,
+    "flex-row w-full ": horizontal
+  });
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "p-4 flex flex-col items-center justify-center"
+    className: className
   }, icon && /*#__PURE__*/React__default.createElement(Icon, {
     name: icon,
     className: classNames("text-blue-800", {
-      "mb-2": message
+      "mb-2": message && !horizontal,
+      "mr-2": horizontal
     })
   }), message && /*#__PURE__*/React__default.createElement(Text, {
     type: "base",
@@ -2569,7 +2576,8 @@ var DropzonePresentation = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       isHighlighted = _ref2.isHighlighted,
       className = _ref2.className,
       dataTestId = _ref2.dataTestId,
-      children = _ref2.children;
+      children = _ref2.children,
+      horizontal = _ref2.horizontal;
   var classes = classNames("bg-blue-50 border-2 border-blue-800 rounded flex items-center justify-center", {
     "border-dashed": !isHighlighted,
     "border-solid": isHighlighted
@@ -2578,9 +2586,10 @@ var DropzonePresentation = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     className: classes,
     ref: ref,
     "data-test-id": dataTestId
-  }, children ? children : /*#__PURE__*/React__default.createElement(DefaultState, {
+  }, children || /*#__PURE__*/React__default.createElement(DefaultState, {
     icon: icon,
-    message: message
+    message: message,
+    horizontal: horizontal
   }));
 });
 var Dropzone = function Dropzone(_ref3) {