@luscii-healthtech/web-ui 2.56.1 → 2.56.2

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

@@ -3,3 +3,4 @@ export { BaseListItem } from "./BaseListItem";
 export type { BaseListProps, BaseListItemProps, OnAssetLoadErrorPayload, DraggableBaseListProps, DraggableBaseListItemProps, } from "./BaseList.types";
 export { DraggableBaseList, DraggableBaseListItem } from "./DraggableBaseList";
 export { SortableBaseList, SortableBaseListItem } from "./SortableBaseList";
+export { getDndListItemProps } from "./utils";

package/dist/components/BaseList/utils.d.ts

@@ -1,3 +1,10 @@
+import { Active, Over } from "@dnd-kit/core";
 import { ListItemProps } from "../List/List";
-import { BaseListItemProps } from ".";
-export declare const toBaseListItemProps: (props: ListItemProps) => BaseListItemProps;
+declare const draggableListItemPropsPointer: {
+    readonly symbol: symbol;
+};
+declare type DraggableListItemProps = WeakMap<typeof draggableListItemPropsPointer, Pick<ListItemProps, "itemId" | "title" | "subtitle" | "icon" | "isDraggable" | "isSelected">>;
+export declare const createDraggableListProps: ({ itemId, title, subtitle, icon, isDraggable, isSelected, }: ListItemProps) => DraggableListItemProps;
+export declare const draggableListPropsKey: "listItem";
+export declare const getDndListItemProps: (subject: Active | Over) => ListItemProps | null;
+export {};

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

@@ -1,4 +1,5 @@
 export { default as List } from "./List";
 export { ListItem } from "./ListItem";
 export type { ListProps, ListItemProps, DraggableListProps, SortableListProps, SortableListItemProps, } from "./List.types";
-export type { OnAssetLoadErrorPayload } from "./../BaseList";
+export type { OnAssetLoadErrorPayload } from "../BaseList";
+export { getDndListItemProps } from "../BaseList";

package/dist/index.d.ts

@@ -31,7 +31,7 @@ export { Table, TableProps } from "./components/Table/Table";
 export { TableFieldConfig, TableFieldContent, TableFieldText, TableFieldAction, } from "./components/Table/Table.types";
 export { LoadingIndicator, LoadingIndicatorProps, } from "./components/LoadingIndicator/LoadingIndicator";
 export { default as Menu } from "./components/Menu/Menu";
-export { List, ListItem, ListProps, ListItemProps, DraggableListProps, SortableListProps, SortableListItemProps, OnAssetLoadErrorPayload, } from "./components/List";
+export { List, ListItem, ListProps, ListItemProps, DraggableListProps, SortableListProps, SortableListItemProps, OnAssetLoadErrorPayload, getDndListItemProps, } from "./components/List";
 export { CheckboxList, CheckboxListProps, } from "./components/CheckboxList/CheckboxList";
 export { CheckboxListModal, CheckboxListModalProps, } from "./components/CheckBoxListModal/CheckboxListModal";
 export { MultiSelect } from "./components/MultiSelect/MultiSelect";

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

@@ -2497,18 +2497,61 @@ function isIconKey(key) {
   return false;
 }
 
+// You should be able to just use a non-registered Symbol as a key in a WeakMap
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap
+// TS doesn't allow it (registered and non-registered Symbols are both of type symbol), so we have to use an object
+var draggableListItemPropsPointer = {
+  symbol: /*#__PURE__*/Symbol("draggable-list-item-props")
+};
+var createDraggableListProps = function createDraggableListProps(_ref) {
+  var itemId = _ref.itemId,
+      title = _ref.title,
+      subtitle = _ref.subtitle,
+      icon = _ref.icon,
+      isDraggable = _ref.isDraggable,
+      isSelected = _ref.isSelected;
+  return new WeakMap([[draggableListItemPropsPointer, Object.freeze({
+    itemId: itemId,
+    title: title,
+    subtitle: subtitle,
+    icon: icon,
+    isDraggable: isDraggable,
+    isSelected: isSelected
+  })]]);
+};
+
+var isDraggableListItemProps = function isDraggableListItemProps(subject) {
+  if (subject instanceof WeakMap) {
+    return subject.has(draggableListItemPropsPointer);
+  }
+
+  return false;
+};
+
+var draggableListPropsKey = "listItem";
+var getDndListItemProps = function getDndListItemProps(subject) {
+  var _subject$data, _subject$data$current, _possibleDraggableLis;
+
+  var possibleDraggableListItemProps = (_subject$data = subject.data) == null ? void 0 : (_subject$data$current = _subject$data.current) == null ? void 0 : _subject$data$current[draggableListPropsKey];
+
+  if (!isDraggableListItemProps(possibleDraggableListItemProps)) {
+    return null;
+  }
+
+  return (_possibleDraggableLis = possibleDraggableListItemProps.get(draggableListItemPropsPointer)) != null ? _possibleDraggableLis : null;
+};
+
 var _excluded$3 = ["draggableData"];
 var DraggableBaseListItem = function DraggableBaseListItem(_ref) {
+  var _data;
+
   var draggableData = _ref.draggableData,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var _useDraggable = core.useDraggable({
     id: props.draggableIdentifier,
     disabled: !props.isDraggable,
-    data: {
-      item: props,
-      draggableData: draggableData
-    }
+    data: (_data = {}, _data[draggableListPropsKey] = createDraggableListProps(props), _data.draggableData = draggableData, _data)
   }),
       setNodeRef = _useDraggable.setNodeRef,
       listeners = _useDraggable.listeners,
@@ -2636,16 +2679,15 @@ var Dropzone = function Dropzone(_ref3) {
 
 var _excluded$6 = ["draggableData"];
 var SortableBaseListItem = function SortableBaseListItem(_ref) {
+  var _data;
+
   var draggableData = _ref.draggableData,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
 
   var _useSortable = sortable.useSortable({
     id: props.draggableIdentifier,
     disabled: !props.isDraggable,
-    data: {
-      item: props,
-      draggableData: draggableData
-    }
+    data: (_data = {}, _data[draggableListPropsKey] = createDraggableListProps(props), _data.draggableData = draggableData, _data)
   }),
       setNodeRef = _useSortable.setNodeRef,
       listeners = _useSortable.listeners,
@@ -8667,5 +8709,6 @@ exports.Title = Title;
 exports.Toaster = Toaster;
 exports.ViewItem = ViewItem;
 exports.WarningIcon = WarningIcon;
+exports.getDndListItemProps = getDndListItemProps;
 exports.toast = toast;
 //# sourceMappingURL=web-ui.cjs.development.js.map