@luscii-healthtech/web-ui 2.50.0 → 2.50.2

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

@@ -0,0 +1,5 @@
+import React from "react";
+import type { DropzoneProps, DropzonePresentationProps } from "./Dropzone.types";
+export declare const DropzonePresentation: React.FC<DropzonePresentationProps>;
+export declare const Dropzone: React.FC<DropzoneProps>;
+export default Dropzone;

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

@@ -0,0 +1,17 @@
+import { ReactNode, Ref } from "react";
+import type { IconKey } from "../Icons/types/IconProps.type";
+export declare type DropzonePresentationProps = {
+    message?: string;
+    icon?: IconKey;
+    isHighlighted?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+};
+export declare type DropzoneProps = Omit<DropzonePresentationProps, "isHighlighted"> & {
+    draggableIdentifier: string | number;
+    disabled?: boolean;
+    data?: Record<string, unknown>;
+    dataTestId?: string;
+};

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

@@ -0,0 +1,2 @@
+export { Dropzone, DropzonePresentation } from "./Dropzone";
+export type { DropzoneProps } from "./Dropzone.types";

package/dist/components/Form/form.types.d.ts

@@ -22,7 +22,16 @@ export interface FormFieldLabelerProps {
      */
     decoratorClassname?: string;
 }
-export declare type FormFieldConfiguration<TFieldValues> = FieldInputConfiguration | FieldSelectConfiguration | FieldImagePickerConfiguration | FieldRadioGroupConfiguration | FieldRowConfiguration<TFieldValues> | FieldCheckboxConfiguration | FieldCheckboxListConfiguration;
+/**
+ * This is an empty entry in the field form. To be used
+ * when there's logic to add/remove fields from the array.
+ *
+ * Using this makes life easier and avoids having to splice/push/concat fields.
+ */
+interface FieldVoidConfiguration extends Partial<FormFieldBaseConfiguration<never>> {
+    type: "void";
+}
+export declare type FormFieldConfiguration<TFieldValues> = FieldInputConfiguration | FieldSelectConfiguration | FieldImagePickerConfiguration | FieldRadioGroupConfiguration | FieldRowConfiguration<TFieldValues> | FieldCheckboxConfiguration | FieldCheckboxListConfiguration | FieldVoidConfiguration;
 /**
  * @backwardscompatibility
  * @deprecated - this is an alias for `FormFieldConfiguration`, for backwards compatibility the name can remain for now, but

package/dist/components/Icons/MouseIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "./types/IconProps.type";
+declare const _default: (props: IconProps) => JSX.Element;
+export default _default;

package/dist/components/Icons/index.d.ts

@@ -30,6 +30,7 @@ export { default as LightBulbIcon } from "./LightBulbIcon";
 export { default as LinkIcon } from "./LinkIcon";
 export { default as LockIcon } from "./LockIcon";
 export { default as MessagesIcon } from "./MessagesIcon";
+export { default as MouseIcon } from "./MouseIcon";
 export { default as NotesIcon } from "./NotesIcon";
 export { default as PinIcon } from "./PinIcon";
 export { default as PrintIcon } from "./PrintIcon";

package/dist/index.d.ts

@@ -78,3 +78,4 @@ export * from "./components/Icons";
 export { Divider } from "./components/Divider/Divider";
 export { FullPageModal } from "./components/Modal/FullPageModal";
 export { Card, type CardProps } from "./components/Card/Card";
+export { Dropzone, DropzoneProps } from "./components/Dropzone";

package/dist/web-ui-tailwind.css

@@ -1078,6 +1078,10 @@ video {
   border-style: solid;
 }
 
+.border-dashed {
+  border-style: dashed;
+}
+
 .last\:border-none:last-child {
   border-style: none;
 }

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

@@ -30,6 +30,7 @@ var htmlToDraft = _interopDefault(require('html-to-draftjs'));
 require('react-draft-wysiwyg/dist/react-draft-wysiwyg.css');
 var pick = _interopDefault(require('lodash/pick'));
 var index_ie11 = require('react-hook-form/dist/index.ie11');
+var core = require('@dnd-kit/core');
 
 function _regeneratorRuntime() {
   /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
@@ -1553,6 +1554,21 @@ var SvgMessagesIcon = function SvgMessagesIcon(props) {
 
 var MessagesIcon = /*#__PURE__*/iconWrapper(SvgMessagesIcon);
 
+var SvgMouseIcon = function SvgMouseIcon(props) {
+  return /*#__PURE__*/React__default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 15,
+    height: 20,
+    fill: "none",
+    viewBox: "0 0 15 20"
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    fill: "currentColor",
+    d: "M7.5 20c-1.933 0-3.583-.683-4.95-2.05C1.183 16.583.5 14.933.5 13V7c0-1.933.683-3.583 2.05-4.95C3.917.683 5.567 0 7.5 0c1.933 0 3.583.683 4.95 2.05C13.817 3.417 14.5 5.067 14.5 7v6c0 1.933-.683 3.583-2.05 4.95C11.083 19.317 9.433 20 7.5 20Zm1-13h4c0-1.2-.379-2.258-1.137-3.175C10.604 2.908 9.65 2.333 8.5 2.1V7Zm-6 0h4V2.1c-1.15.233-2.104.808-2.863 1.725A4.837 4.837 0 0 0 2.5 7Zm5 11c1.383 0 2.563-.487 3.538-1.462.975-.975 1.462-2.155 1.462-3.538V9h-10v4c0 1.383.488 2.563 1.463 3.538C4.938 17.513 6.117 18 7.5 18Z"
+  }));
+};
+
+var MouseIcon = /*#__PURE__*/iconWrapper(SvgMouseIcon);
+
 var SvgNotesIcon = function SvgNotesIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1821,6 +1837,7 @@ var Icons = {
   LinkIcon: LinkIcon,
   LockIcon: LockIcon,
   MessagesIcon: MessagesIcon,
+  MouseIcon: MouseIcon,
   NotesIcon: NotesIcon,
   PinIcon: PinIcon,
   PrintIcon: PrintIcon,
@@ -8143,8 +8160,11 @@ function FormFieldMapper(formFieldProps, useFormReturn) {
         }));
       }
 
+    case "void":
+      return null;
+
     default:
-      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
+      return null;
   }
 }
 
@@ -8207,6 +8227,74 @@ var Card = function Card(_ref) {
   }), children);
 };
 
+var _excluded$u = ["draggableIdentifier", "disabled", "data", "dataTestId"];
+
+var DefaultState = function DefaultState(_ref) {
+  var icon = _ref.icon,
+      message = _ref.message;
+
+  if (!icon && !message) {
+    return null;
+  }
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "p-4 flex flex-col items-center justify-center"
+  }, icon && /*#__PURE__*/React__default.createElement(Icon, {
+    name: icon,
+    className: classNames("text-blue-800", {
+      "mb-2": message
+    })
+  }), message && /*#__PURE__*/React__default.createElement(Text, {
+    type: "base",
+    color: "blue-800",
+    className: "text-center",
+    text: message
+  }));
+};
+
+var DropzonePresentation = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var message = _ref2.message,
+      icon = _ref2.icon,
+      isHighlighted = _ref2.isHighlighted,
+      className = _ref2.className,
+      dataTestId = _ref2.dataTestId,
+      children = _ref2.children;
+  var classes = classNames("bg-blue-50 border-2 border-blue-800 rounded flex items-center justify-center", {
+    "border-dashed": !isHighlighted,
+    "border-solid": isHighlighted
+  }, className);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classes,
+    ref: ref,
+    "data-test-id": dataTestId
+  }, children ? children : /*#__PURE__*/React__default.createElement(DefaultState, {
+    icon: icon,
+    message: message
+  }));
+});
+var Dropzone = function Dropzone(_ref3) {
+  var identifier = _ref3.draggableIdentifier,
+      disabled = _ref3.disabled,
+      data = _ref3.data,
+      dataTestId = _ref3.dataTestId,
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded$u);
+
+  var _useDroppable = core.useDroppable({
+    id: identifier,
+    disabled: disabled,
+    data: data
+  }),
+      setNodeRef = _useDroppable.setNodeRef,
+      isOver = _useDroppable.isOver;
+
+  return /*#__PURE__*/React__default.createElement(DropzonePresentation, _extends({
+    ref: setNodeRef,
+    isHighlighted: isOver
+  }, props, {
+    dataTestId: dataTestId != null ? dataTestId : "dropzone-" + identifier
+  }));
+};
+
 exports.AccordionList = AccordionList;
 exports.AddIcon = AddIcon;
 exports.AlertsIcon = AlertsIcon;
@@ -8236,6 +8324,7 @@ exports.Divider = Divider;
 exports.DownArrowIcon = DownArrowIcon;
 exports.DragIcon = DragIcon;
 exports.Dropdown = Dropdown;
+exports.Dropzone = Dropzone;
 exports.EditIcon = EditIcon;
 exports.EmptyIcon = EmptyIcon;
 exports.EmptyListMessage = EmptyListMessage;
@@ -8272,6 +8361,7 @@ exports.LockIcon = LockIcon;
 exports.Menu = Menu;
 exports.MessagesIcon = MessagesIcon;
 exports.Modal = Modal;
+exports.MouseIcon = MouseIcon;
 exports.MultiSelect = MultiSelect;
 exports.NavLayout = NavLayout;
 exports.NavMenu = NavMenu;