@bigbinary/neeto-molecules 3.11.2 → 3.12.0

package/README.md

@@ -12,6 +12,7 @@ https://neeto-molecules.neeto.com/
 ## Exported Components
 
 - [AuditLogs](./docs/components/AuditLogs.md)
+- [BoardView](./docs/components/BoardView.md)
 - [Breadcrumbs](./docs/components/Breadcrumbs.md)
 - [BrowserSupport](./docs/components/BrowserSupport.md)
 - [Builder](./docs/components/Builder.md)

package/dist/BoardView.js

@@ -0,0 +1,377 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useId, forwardRef, createElement, useState } from 'react';
+import { DragOverlay, useDraggable, useDroppable, useSensors, useSensor, PointerSensor, DndContext } from '@dnd-kit/core';
+import { n } from './inject-css-DmrvuTKK.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { P as PropTypes } from './index-DAYCJu79.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import classnames from 'classnames';
+import { useInView } from 'react-intersection-observer';
+import './_commonjsHelpers-BFTU3MAI.js';
+
+var css = ".neeto-molecules-boardview-section{flex-shrink:0;width:320px}@media screen and (max-width:1024px){.neeto-molecules-boardview-section{width:300px}}@media screen and (max-width:768px){.neeto-molecules-boardview-section{width:280px}}";
+n(css,{});
+
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+// Customised collision detection algorithm based on `closestCenter` implementation for dnd-kit
+// Extracts collisions by respecting `accepts` property
+
+var distanceBetween = function distanceBetween(p1, p2) {
+  return Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));
+};
+var centerOfRectangle = function centerOfRectangle(rect) {
+  var left = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : rect.left;
+  var top = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : rect.top;
+  return {
+    x: left + rect.width * 0.5,
+    y: top + rect.height * 0.5
+  };
+};
+var matchType = function matchType(draggable, droppable) {
+  return droppable.data.current.accepts.includes(draggable.data.current.type);
+};
+
+// `active` attribute from the `dnd-kit` is unreliable since the data can be lost on unmount during a drag.
+var closestCenter = function closestCenter(_ref) {
+  var active = _ref.active;
+  return function (_ref2) {
+    var collisionRect = _ref2.collisionRect,
+      droppableRects = _ref2.droppableRects,
+      droppableContainers = _ref2.droppableContainers;
+    var centerRect = centerOfRectangle(collisionRect, collisionRect.left, collisionRect.top);
+    var minDistance = Number.POSITIVE_INFINITY;
+    var collision = {
+      id: undefined
+    };
+
+    // eslint-disable-next-line @bigbinary/neeto/use-array-methods
+    var _iterator = _createForOfIteratorHelper(droppableContainers),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var droppableContainer = _step.value;
+        var rect = droppableRects.get(droppableContainer.id);
+        if (!rect || droppableContainer.id === active.id) continue;else if (!matchType(active, droppableContainer)) continue;
+        var distance = distanceBetween(centerOfRectangle(rect), centerRect);
+        if (distance < minDistance) {
+          minDistance = distance;
+          collision = {
+            id: droppableContainer.id,
+            data: {
+              droppableContainer: droppableContainer,
+              value: distance
+            }
+          };
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return [collision];
+  };
+};
+
+var DRAGGABLE_TYPES = {
+  SECTION: "section",
+  ITEM: "item"
+};
+
+var DndOverlay = function DndOverlay(_ref) {
+  var _state$active;
+  var props = _ref.props,
+    state = _ref.state;
+  var renderSectionOverlay = props.renderSectionOverlay,
+    renderItemOverlay = props.renderItemOverlay;
+  var data = ((_state$active = state.active) === null || _state$active === void 0 ? void 0 : _state$active.data.current) || {};
+  return /*#__PURE__*/jsxs(DragOverlay, {
+    children: [data.type === DRAGGABLE_TYPES.ITEM && (renderItemOverlay === null || renderItemOverlay === void 0 ? void 0 : renderItemOverlay(data)), data.type === DRAGGABLE_TYPES.SECTION && (renderSectionOverlay === null || renderSectionOverlay === void 0 ? void 0 : renderSectionOverlay(data))]
+  });
+};
+
+var DndIndicator = function DndIndicator(_ref) {
+  var _ref$layout = _ref.layout,
+    layout = _ref$layout === void 0 ? "vertical" : _ref$layout;
+  return /*#__PURE__*/jsx("div", {
+    className: classnames("neeto-ui-rounded-xl neeto-ui-bg-accent-600 absolute", {
+      "-bottom-3 left-0 right-0 h-1": layout === "horizontal",
+      "-right-2 bottom-0 top-0 w-1": layout === "vertical"
+    })
+  });
+};
+
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ItemContainer = function ItemContainer(_ref) {
+  var id = _ref.id,
+    index = _ref.index,
+    data = _ref.data,
+    render = _ref.render;
+  var mutables = useRef({
+    containerHeight: 128
+  }).current;
+  var _useDraggable = useDraggable({
+      data: _objectSpread$3(_objectSpread$3({}, data), {}, {
+        index: index,
+        type: DRAGGABLE_TYPES.ITEM
+      }),
+      id: id
+    }),
+    attributes = _useDraggable.attributes,
+    listeners = _useDraggable.listeners,
+    isDragging = _useDraggable.isDragging,
+    setDraggableNodeRef = _useDraggable.setNodeRef;
+  var _useDroppable = useDroppable({
+      data: _objectSpread$3(_objectSpread$3({}, data), {}, {
+        accepts: [DRAGGABLE_TYPES.ITEM],
+        index: index + 1
+      }),
+      id: id
+    }),
+    isOver = _useDroppable.isOver,
+    setDroppableNodeRef = _useDroppable.setNodeRef;
+  var _useInView = useInView({
+      onChange: function onChange(inView, entry) {
+        if (inView) return; // We need the last height value when elements moves out.
+        mutables.containerHeight = entry.target.clientHeight;
+      }
+    }),
+    _useInView2 = _slicedToArray(_useInView, 2),
+    setViewRef = _useInView2[0],
+    inView = _useInView2[1];
+  var isIndicatorVisible = !isDragging && isOver;
+  return /*#__PURE__*/jsxs("div", _objectSpread$3(_objectSpread$3({
+    className: classnames("relative mt-4", {
+      "opacity-65": isDragging
+    }),
+    ref: function ref(node) {
+      setDraggableNodeRef(node);
+      setDroppableNodeRef(node);
+      setViewRef(node);
+    }
+  }, _objectSpread$3(_objectSpread$3({
+    id: id
+  }, attributes), listeners)), {}, {
+    style: {
+      height: inView ? undefined : mutables.containerHeight
+    },
+    children: [inView && render(), isIndicatorVisible && /*#__PURE__*/jsx(DndIndicator, {
+      layout: "horizontal"
+    })]
+  }));
+};
+
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ItemPlaceholder = function ItemPlaceholder(_ref) {
+  var data = _ref.data,
+    _ref$index = _ref.index,
+    index = _ref$index === void 0 ? 0 : _ref$index;
+  var id = useId();
+  var _useDroppable = useDroppable({
+      data: _objectSpread$2(_objectSpread$2({}, data), {}, {
+        accepts: [DRAGGABLE_TYPES.ITEM],
+        index: index
+      }),
+      id: id
+    }),
+    isOver = _useDroppable.isOver,
+    setNodeRef = _useDroppable.setNodeRef;
+  return /*#__PURE__*/jsx("div", {
+    className: "relative",
+    ref: setNodeRef,
+    children: isOver && /*#__PURE__*/jsx(DndIndicator, {
+      layout: "horizontal"
+    })
+  });
+};
+
+var Section = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var section = _ref.section,
+    items = _ref.items,
+    renderItem = _ref.renderItem;
+  return /*#__PURE__*/jsxs("div", {
+    ref: ref,
+    className: "relative min-h-0 flex-1 basis-0 overflow-auto",
+    children: [/*#__PURE__*/jsx(ItemPlaceholder, {
+      data: {
+        section: section
+      }
+    }), items.map(function (item, index) {
+      return /*#__PURE__*/createElement(ItemContainer, {
+        index: index,
+        data: {
+          section: section,
+          item: item
+        },
+        id: item.id,
+        key: item.id,
+        render: function render() {
+          return renderItem({
+            index: index,
+            item: item,
+            section: section
+          });
+        }
+      });
+    })]
+  });
+});
+Section.displayName = "Section";
+Section.propTypes = {
+  /** A reference to the section container element. */
+  ref: PropTypes.any,
+  /** The current section data   */
+  section: PropTypes.shape({
+    id: PropTypes.string.isRequired
+  }).isRequired,
+  /** An array of items belonging to the current section. */
+  items: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired
+  })).isRequired,
+  /** A function that renders the content of each item in the list. */
+  renderItem: PropTypes.func.isRequired
+};
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SectionContainer = function SectionContainer(_ref) {
+  var id = _ref.id,
+    index = _ref.index,
+    data = _ref.data,
+    render = _ref.render;
+  var _useInView = useInView(),
+    _useInView2 = _slicedToArray(_useInView, 2),
+    setViewRef = _useInView2[0],
+    inView = _useInView2[1];
+  var _useDraggable = useDraggable({
+      data: _objectSpread$1(_objectSpread$1({}, data), {}, {
+        type: DRAGGABLE_TYPES.SECTION,
+        index: index
+      }),
+      id: id
+    }),
+    attributes = _useDraggable.attributes,
+    listeners = _useDraggable.listeners,
+    isDragging = _useDraggable.isDragging,
+    setDraggableNodeRef = _useDraggable.setNodeRef;
+  var _useDroppable = useDroppable({
+      data: _objectSpread$1(_objectSpread$1({}, data), {}, {
+        accepts: [DRAGGABLE_TYPES.SECTION],
+        index: index + 1
+      }),
+      id: id
+    }),
+    isOver = _useDroppable.isOver,
+    setDroppableNodeRef = _useDroppable.setNodeRef;
+  var isIndicatorVisible = !isDragging && isOver;
+  return /*#__PURE__*/jsxs("div", _objectSpread$1(_objectSpread$1(_objectSpread$1({}, listeners), attributes), {}, {
+    className: classnames("neeto-molecules-boardview-section relative ml-3 flex h-full flex-col", {
+      "opacity-65": isDragging
+    }),
+    ref: function ref(node) {
+      setDraggableNodeRef(node);
+      setDroppableNodeRef(node);
+      setViewRef(node);
+    },
+    children: [inView && render(), isIndicatorVisible && /*#__PURE__*/jsx(DndIndicator, {
+      layout: "vertical"
+    })]
+  }));
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SectionPlaceholder = function SectionPlaceholder(_ref) {
+  var data = _ref.data,
+    _ref$index = _ref.index,
+    index = _ref$index === void 0 ? 0 : _ref$index;
+  var id = useId();
+  var _useDroppable = useDroppable({
+      data: _objectSpread(_objectSpread({}, data), {}, {
+        accepts: [DRAGGABLE_TYPES.SECTION],
+        index: index
+      }),
+      id: id
+    }),
+    isOver = _useDroppable.isOver,
+    setNodeRef = _useDroppable.setNodeRef;
+  return /*#__PURE__*/jsx("div", {
+    className: "relative",
+    ref: setNodeRef,
+    children: isOver && /*#__PURE__*/jsx(DndIndicator, {
+      layout: "vertical"
+    })
+  });
+};
+
+var sensorConfig = {
+  activationConstraint: {
+    distance: 8
+  }
+};
+var measuringConfig = {
+  droppable: {
+    frequency: 500
+  }
+};
+var BoardView = /*#__PURE__*/forwardRef(function (props, ref) {
+  var sections = props.sections,
+    onMoveSection = props.onMoveSection,
+    onMoveItem = props.onMoveItem,
+    renderSection = props.renderSection;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    dragState = _useState2[0],
+    setDragState = _useState2[1];
+  var sensors = useSensors(useSensor(PointerSensor, sensorConfig));
+  var onDragEnd = function onDragEnd(drag) {
+    var _drag$over;
+    var active = dragState.active.data.current;
+    var over = (_drag$over = drag.over) === null || _drag$over === void 0 ? void 0 : _drag$over.data.current;
+    if (!active || !over) return;
+    if (active.type === DRAGGABLE_TYPES.ITEM) {
+      onMoveItem === null || onMoveItem === void 0 ? void 0 : onMoveItem(active, over);
+    } else if (active.type === DRAGGABLE_TYPES.SECTION) {
+      onMoveSection === null || onMoveSection === void 0 ? void 0 : onMoveSection(active, over);
+    }
+  };
+  return /*#__PURE__*/jsxs(DndContext, {
+    onDragEnd: onDragEnd,
+    sensors: sensors,
+    collisionDetection: closestCenter(dragState),
+    measuring: measuringConfig,
+    onDragStart: setDragState,
+    children: [/*#__PURE__*/jsxs("div", {
+      ref: ref,
+      className: "flex w-full flex-1 overflow-x-auto p-3",
+      children: [/*#__PURE__*/jsx(SectionPlaceholder, {}), sections.map(function (section, index) {
+        return /*#__PURE__*/createElement(SectionContainer, {
+          index: index,
+          data: {
+            section: section
+          },
+          id: section.id,
+          key: section.id,
+          render: function render() {
+            return renderSection({
+              index: index,
+              section: section
+            });
+          }
+        });
+      })]
+    }), /*#__PURE__*/jsx(DndOverlay, {
+      props: props,
+      state: dragState
+    })]
+  });
+});
+BoardView.displayName = "BoardView";
+BoardView.Section = Section;
+
+export { BoardView as default };
+//# sourceMappingURL=BoardView.js.map

package/dist/BoardView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoardView.js","sources":["../src/components/BoardView/closestCenter.js","../src/components/BoardView/constants.js","../src/components/BoardView/Overlay.jsx","../src/components/BoardView/Indicator.jsx","../src/components/BoardView/Item/Container.jsx","../src/components/BoardView/Item/Placeholder.jsx","../src/components/BoardView/Section/index.jsx","../src/components/BoardView/Section/Container.jsx","../src/components/BoardView/Section/Placeholder.jsx","../src/components/BoardView/index.jsx"],"sourcesContent":["// Customised collision detection algorithm based on `closestCenter` implementation for dnd-kit\n// Extracts collisions by respecting `accepts` property\n\nconst distanceBetween = (p1, p2) =>\n  Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));\n\nconst centerOfRectangle = (rect, left = rect.left, top = rect.top) => ({\n  x: left + rect.width * 0.5,\n  y: top + rect.height * 0.5,\n});\n\nconst matchType = (draggable, droppable) =>\n  droppable.data.current.accepts.includes(draggable.data.current.type);\n\n// `active` attribute from the `dnd-kit` is unreliable since the data can be lost on unmount during a drag.\nexport const closestCenter =\n  ({ active }) =>\n  ({ collisionRect, droppableRects, droppableContainers }) => {\n    const centerRect = centerOfRectangle(\n      collisionRect,\n      collisionRect.left,\n      collisionRect.top\n    );\n\n    let minDistance = Number.POSITIVE_INFINITY;\n    let collision = { id: undefined };\n\n    // eslint-disable-next-line @bigbinary/neeto/use-array-methods\n    for (const droppableContainer of droppableContainers) {\n      const rect = droppableRects.get(droppableContainer.id);\n\n      if (!rect || droppableContainer.id === active.id) continue;\n      else if (!matchType(active, droppableContainer)) continue;\n\n      const distance = distanceBetween(centerOfRectangle(rect), centerRect);\n      if (distance < minDistance) {\n        minDistance = distance;\n        collision = {\n          id: droppableContainer.id,\n          data: { droppableContainer, value: distance },\n        };\n      }\n    }\n\n    return [collision];\n  };\n","export const DRAGGABLE_TYPES = { SECTION: \"section\", ITEM: \"item\" };\n","import { DragOverlay } from \"@dnd-kit/core\";\n\nimport { DRAGGABLE_TYPES } from \"./constants\";\n\nconst DndOverlay = ({ props, state }) => {\n  const { renderSectionOverlay, renderItemOverlay } = props;\n  const data = state.active?.data.current || {};\n\n  return (\n    <DragOverlay>\n      {data.type === DRAGGABLE_TYPES.ITEM && renderItemOverlay?.(data)}\n      {data.type === DRAGGABLE_TYPES.SECTION && renderSectionOverlay?.(data)}\n    </DragOverlay>\n  );\n};\n\nexport default DndOverlay;\n","import classNames from \"classnames\";\n\nconst DndIndicator = ({ layout = \"vertical\" }) => (\n  <div\n    className={classNames(\n      \"neeto-ui-rounded-xl neeto-ui-bg-accent-600 absolute\",\n      {\n        \"-bottom-3 left-0 right-0 h-1\": layout === \"horizontal\",\n        \"-right-2 bottom-0 top-0 w-1\": layout === \"vertical\",\n      }\n    )}\n  />\n);\n\nexport default DndIndicator;\n","import { useRef } from \"react\";\n\nimport { useDraggable, useDroppable } from \"@dnd-kit/core\";\nimport classNames from \"classnames\";\nimport { useInView } from \"react-intersection-observer\";\n\nimport { DRAGGABLE_TYPES } from \"../constants\";\nimport DndIndicator from \"../Indicator\";\n\nconst ItemContainer = ({ id, index, data, render }) => {\n  const mutables = useRef({ containerHeight: 128 }).current;\n\n  const {\n    attributes,\n    listeners,\n    isDragging,\n    setNodeRef: setDraggableNodeRef,\n  } = useDraggable({\n    data: { ...data, index, type: DRAGGABLE_TYPES.ITEM },\n    id,\n  });\n\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    data: { ...data, accepts: [DRAGGABLE_TYPES.ITEM], index: index + 1 },\n    id,\n  });\n\n  const [setViewRef, inView] = useInView({\n    onChange: (inView, entry) => {\n      if (inView) return; // We need the last height value when elements moves out.\n      mutables.containerHeight = entry.target.clientHeight;\n    },\n  });\n\n  const isIndicatorVisible = !isDragging && isOver;\n\n  return (\n    <div\n      className={classNames(\"relative mt-4\", {\n        \"opacity-65\": isDragging,\n      })}\n      ref={node => {\n        setDraggableNodeRef(node);\n        setDroppableNodeRef(node);\n        setViewRef(node);\n      }}\n      {...{ id, ...attributes, ...listeners }}\n      style={{ height: inView ? undefined : mutables.containerHeight }}\n    >\n      {inView && render()}\n      {isIndicatorVisible && <DndIndicator layout=\"horizontal\" />}\n    </div>\n  );\n};\n\nexport default ItemContainer;\n","import { useId } from \"react\";\n\nimport { useDroppable } from \"@dnd-kit/core\";\n\nimport { DRAGGABLE_TYPES } from \"../constants\";\nimport DndIndicator from \"../Indicator\";\n\nconst ItemPlaceholder = ({ data, index = 0 }) => {\n  const id = useId();\n\n  const { isOver, setNodeRef } = useDroppable({\n    data: { ...data, accepts: [DRAGGABLE_TYPES.ITEM], index },\n    id,\n  });\n\n  return (\n    <div className=\"relative\" ref={setNodeRef}>\n      {isOver && <DndIndicator layout=\"horizontal\" />}\n    </div>\n  );\n};\n\nexport default ItemPlaceholder;\n","import { forwardRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport ItemContainer from \"../Item/Container\";\nimport ItemPlaceholder from \"../Item/Placeholder\";\n\nconst Section = forwardRef(({ section, items, renderItem }, ref) => (\n  <div {...{ ref }} className=\"relative min-h-0 flex-1 basis-0 overflow-auto\">\n    <ItemPlaceholder data={{ section }} />\n    {items.map((item, index) => (\n      <ItemContainer\n        {...{ index }}\n        data={{ section, item }}\n        id={item.id}\n        key={item.id}\n        render={() => renderItem({ index, item, section })}\n      />\n    ))}\n  </div>\n));\n\nSection.displayName = \"Section\";\nSection.propTypes = {\n  /** A reference to the section container element. */\n  ref: PropTypes.any,\n\n  /** The current section data   */\n  section: PropTypes.shape({ id: PropTypes.string.isRequired }).isRequired,\n\n  /** An array of items belonging to the current section. */\n  items: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.string.isRequired }))\n    .isRequired,\n\n  /** A function that renders the content of each item in the list. */\n  renderItem: PropTypes.func.isRequired,\n};\n\nexport default Section;\n","import { useDraggable, useDroppable } from \"@dnd-kit/core\";\nimport classNames from \"classnames\";\nimport { useInView } from \"react-intersection-observer\";\n\nimport { DRAGGABLE_TYPES } from \"../constants\";\nimport DndIndicator from \"../Indicator\";\n\nconst SectionContainer = ({ id, index, data, render }) => {\n  const [setViewRef, inView] = useInView();\n\n  const {\n    attributes,\n    listeners,\n    isDragging,\n    setNodeRef: setDraggableNodeRef,\n  } = useDraggable({\n    data: { ...data, type: DRAGGABLE_TYPES.SECTION, index },\n    id,\n  });\n\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    data: { ...data, accepts: [DRAGGABLE_TYPES.SECTION], index: index + 1 },\n    id,\n  });\n\n  const isIndicatorVisible = !isDragging && isOver;\n\n  return (\n    <div\n      {...listeners}\n      {...attributes}\n      className={classNames(\n        \"neeto-molecules-boardview-section relative ml-3 flex h-full flex-col\",\n        { \"opacity-65\": isDragging }\n      )}\n      ref={node => {\n        setDraggableNodeRef(node);\n        setDroppableNodeRef(node);\n        setViewRef(node);\n      }}\n    >\n      {inView && render()}\n      {isIndicatorVisible && <DndIndicator layout=\"vertical\" />}\n    </div>\n  );\n};\n\nexport default SectionContainer;\n","import { useId } from \"react\";\n\nimport { useDroppable } from \"@dnd-kit/core\";\n\nimport { DRAGGABLE_TYPES } from \"../constants\";\nimport DndIndicator from \"../Indicator\";\n\nconst SectionPlaceholder = ({ data, index = 0 }) => {\n  const id = useId();\n\n  const { isOver, setNodeRef } = useDroppable({\n    data: { ...data, accepts: [DRAGGABLE_TYPES.SECTION], index },\n    id,\n  });\n\n  return (\n    <div className=\"relative\" ref={setNodeRef}>\n      {isOver && <DndIndicator layout=\"vertical\" />}\n    </div>\n  );\n};\n\nexport default SectionPlaceholder;\n","import { forwardRef, useState } from \"react\";\n\nimport {\n  DndContext,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport PropTypes from \"prop-types\";\n\nimport \"./boardview.scss\";\nimport { closestCenter } from \"./closestCenter\";\nimport { DRAGGABLE_TYPES } from \"./constants\";\nimport DndOverlay from \"./Overlay\";\nimport Section from \"./Section\";\nimport SectionContainer from \"./Section/Container\";\nimport SectionPlaceholder from \"./Section/Placeholder\";\n\nconst sensorConfig = { activationConstraint: { distance: 8 } };\nconst measuringConfig = { droppable: { frequency: 500 } };\n\nconst BoardView = forwardRef((props, ref) => {\n  const { sections, onMoveSection, onMoveItem, renderSection } = props;\n\n  const [dragState, setDragState] = useState({});\n  const sensors = useSensors(useSensor(PointerSensor, sensorConfig));\n\n  const onDragEnd = drag => {\n    const active = dragState.active.data.current;\n    const over = drag.over?.data.current;\n    if (!active || !over) return;\n\n    if (active.type === DRAGGABLE_TYPES.ITEM) {\n      onMoveItem?.(active, over);\n    } else if (active.type === DRAGGABLE_TYPES.SECTION) {\n      onMoveSection?.(active, over);\n    }\n  };\n\n  return (\n    <DndContext\n      {...{ onDragEnd, sensors }}\n      collisionDetection={closestCenter(dragState)}\n      measuring={measuringConfig}\n      onDragStart={setDragState}\n    >\n      <div {...{ ref }} className=\"flex w-full flex-1 overflow-x-auto p-3\">\n        <SectionPlaceholder />\n        {sections.map((section, index) => (\n          <SectionContainer\n            {...{ index }}\n            data={{ section }}\n            id={section.id}\n            key={section.id}\n            render={() => renderSection({ index, section })}\n          />\n        ))}\n      </div>\n      <DndOverlay {...{ props }} state={dragState} />\n    </DndContext>\n  );\n});\n\nBoardView.displayName = \"BoardView\";\nBoardView.Section = Section;\nBoardView.propTypes = {\n  /** A reference to the container element. */\n  ref: PropTypes.any,\n\n  /**\n   An array of sections, each defined by an object with an `id` string.\n   */\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({ id: PropTypes.string.isRequired })\n  ).isRequired,\n\n  /** function to render each section content in the board view  */\n  renderSection: PropTypes.func.isRequired,\n\n  /** A function to render a drag overlay for individual sections (drag preview) */\n  renderSectionOverlay: PropTypes.func.isRequired,\n\n  /** A function to render a drag overlay for individual items (drag preview) */\n  renderItemOverlay: PropTypes.func.isRequired,\n\n  /** Callback function triggered when a section is reordered */\n  onMoveSection: PropTypes.func,\n\n  /** Callback function triggered when an item is moved */\n  onMoveItem: PropTypes.func,\n};\n\nexport default BoardView;\n"],"names":["distanceBetween","p1","p2","Math","sqrt","pow","x","y","centerOfRectangle","rect","left","arguments","length","undefined","top","width","height","matchType","draggable","droppable","data","current","accepts","includes","type","closestCenter","_ref","active","_ref2","collisionRect","droppableRects","droppableContainers","centerRect","minDistance","Number","POSITIVE_INFINITY","collision","id","_iterator","_createForOfIteratorHelper","_step","s","n","done","droppableContainer","value","get","distance","err","e","f","DRAGGABLE_TYPES","SECTION","ITEM","DndOverlay","_state$active","props","state","renderSectionOverlay","renderItemOverlay","_jsxs","DragOverlay","children","DndIndicator","_ref$layout","layout","_jsx","className","classNames","ItemContainer","index","render","mutables","useRef","containerHeight","_useDraggable","useDraggable","_objectSpread","attributes","listeners","isDragging","setDraggableNodeRef","setNodeRef","_useDroppable","useDroppable","isOver","setDroppableNodeRef","_useInView","useInView","onChange","inView","entry","target","clientHeight","_useInView2","_slicedToArray","setViewRef","isIndicatorVisible","ref","node","style","ItemPlaceholder","_ref$index","useId","Section","forwardRef","section","items","renderItem","map","item","_createElement","key","displayName","propTypes","PropTypes","any","shape","string","isRequired","arrayOf","func","SectionContainer","SectionPlaceholder","sensorConfig","activationConstraint","measuringConfig","frequency","BoardView","sections","onMoveSection","onMoveItem","renderSection","_useState","useState","_useState2","dragState","setDragState","sensors","useSensors","useSensor","PointerSensor","onDragEnd","drag","_drag$over","over","DndContext","collisionDetection","measuring","onDragStart"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,EAAE,EAAEC,EAAE,EAAA;AAAA,EAAA,OAC7BC,IAAI,CAACC,IAAI,CAACD,IAAI,CAACE,GAAG,CAACJ,EAAE,CAACK,CAAC,GAAGJ,EAAE,CAACI,CAAC,EAAE,CAAC,CAAC,GAAGH,IAAI,CAACE,GAAG,CAACJ,EAAE,CAACM,CAAC,GAAGL,EAAE,CAACK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEhE,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAI,EAAA;AAAA,EAAA,IAAEC,IAAI,GAAAC,SAAA,CAAAC,MAAA,GAAAD,CAAAA,IAAAA,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,CAAGF,CAAAA,CAAAA,GAAAA,IAAI,CAACC,IAAI,CAAA;AAAA,EAAA,IAAEI,GAAG,GAAAH,SAAA,CAAAC,MAAA,GAAAD,CAAAA,IAAAA,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,CAAGF,CAAAA,CAAAA,GAAAA,IAAI,CAACK,GAAG,CAAA;EAAA,OAAM;AACrER,IAAAA,CAAC,EAAEI,IAAI,GAAGD,IAAI,CAACM,KAAK,GAAG,GAAG;AAC1BR,IAAAA,CAAC,EAAEO,GAAG,GAAGL,IAAI,CAACO,MAAM,GAAG,GAAA;GACxB,CAAA;AAAA,CAAC,CAAA;AAEF,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,SAAS,EAAEC,SAAS,EAAA;AAAA,EAAA,OACrCA,SAAS,CAACC,IAAI,CAACC,OAAO,CAACC,OAAO,CAACC,QAAQ,CAACL,SAAS,CAACE,IAAI,CAACC,OAAO,CAACG,IAAI,CAAC,CAAA;AAAA,CAAA,CAAA;;AAEtE;AACO,IAAMC,aAAa,GACxB,SADWA,aAAaA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACrBC,MAAM,GAAAD,IAAA,CAANC,MAAM,CAAA;EAAA,OACT,UAAAC,KAAA,EAA4D;AAAA,IAAA,IAAzDC,aAAa,GAAAD,KAAA,CAAbC,aAAa;MAAEC,cAAc,GAAAF,KAAA,CAAdE,cAAc;MAAEC,mBAAmB,GAAAH,KAAA,CAAnBG,mBAAmB,CAAA;AACnD,IAAA,IAAMC,UAAU,GAAGxB,iBAAiB,CAClCqB,aAAa,EACbA,aAAa,CAACnB,IAAI,EAClBmB,aAAa,CAACf,GAChB,CAAC,CAAA;AAED,IAAA,IAAImB,WAAW,GAAGC,MAAM,CAACC,iBAAiB,CAAA;AAC1C,IAAA,IAAIC,SAAS,GAAG;AAAEC,MAAAA,EAAE,EAAExB,SAAAA;KAAW,CAAA;;AAEjC;AAAA,IAAA,IAAAyB,SAAA,GAAAC,0BAAA,CACiCR,mBAAmB,CAAA;MAAAS,KAAA,CAAA;AAAA,IAAA,IAAA;MAApD,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAAsD;AAAA,QAAA,IAA3CC,kBAAkB,GAAAJ,KAAA,CAAAK,KAAA,CAAA;QAC3B,IAAMpC,IAAI,GAAGqB,cAAc,CAACgB,GAAG,CAACF,kBAAkB,CAACP,EAAE,CAAC,CAAA;QAEtD,IAAI,CAAC5B,IAAI,IAAImC,kBAAkB,CAACP,EAAE,KAAKV,MAAM,CAACU,EAAE,EAAE,SAAS,KACtD,IAAI,CAACpB,SAAS,CAACU,MAAM,EAAEiB,kBAAkB,CAAC,EAAE,SAAA;QAEjD,IAAMG,QAAQ,GAAG/C,eAAe,CAACQ,iBAAiB,CAACC,IAAI,CAAC,EAAEuB,UAAU,CAAC,CAAA;QACrE,IAAIe,QAAQ,GAAGd,WAAW,EAAE;AAC1BA,UAAAA,WAAW,GAAGc,QAAQ,CAAA;AACtBX,UAAAA,SAAS,GAAG;YACVC,EAAE,EAAEO,kBAAkB,CAACP,EAAE;AACzBjB,YAAAA,IAAI,EAAE;AAAEwB,cAAAA,kBAAkB,EAAlBA,kBAAkB;AAAEC,cAAAA,KAAK,EAAEE,QAAAA;AAAS,aAAA;WAC7C,CAAA;AACH,SAAA;AACF,OAAA;AAAC,KAAA,CAAA,OAAAC,GAAA,EAAA;MAAAV,SAAA,CAAAW,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,KAAA,SAAA;AAAAV,MAAAA,SAAA,CAAAY,CAAA,EAAA,CAAA;AAAA,KAAA;IAED,OAAO,CAACd,SAAS,CAAC,CAAA;GACnB,CAAA;AAAA,CAAA;;AC7CI,IAAMe,eAAe,GAAG;AAAEC,EAAAA,OAAO,EAAE,SAAS;AAAEC,EAAAA,IAAI,EAAE,MAAA;AAAO,CAAC;;ACInE,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA5B,IAAA,EAAyB;AAAA,EAAA,IAAA6B,aAAA,CAAA;AAAA,EAAA,IAAnBC,KAAK,GAAA9B,IAAA,CAAL8B,KAAK;IAAEC,KAAK,GAAA/B,IAAA,CAAL+B,KAAK,CAAA;AAChC,EAAA,IAAQC,oBAAoB,GAAwBF,KAAK,CAAjDE,oBAAoB;IAAEC,iBAAiB,GAAKH,KAAK,CAA3BG,iBAAiB,CAAA;AAC/C,EAAA,IAAMvC,IAAI,GAAG,CAAA,CAAAmC,aAAA,GAAAE,KAAK,CAAC9B,MAAM,MAAA,IAAA,IAAA4B,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,aAAA,CAAcnC,IAAI,CAACC,OAAO,KAAI,EAAE,CAAA;EAE7C,oBACEuC,IAAA,CAACC,WAAW,EAAA;AAAAC,IAAAA,QAAA,EACT1C,CAAAA,IAAI,CAACI,IAAI,KAAK2B,eAAe,CAACE,IAAI,KAAIM,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAGvC,IAAI,CAAC,CAAA,EAC/DA,IAAI,CAACI,IAAI,KAAK2B,eAAe,CAACC,OAAO,KAAIM,oBAAoB,aAApBA,oBAAoB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,oBAAoB,CAAGtC,IAAI,CAAC,CAAA,CAAA;AAAA,GAC3D,CAAC,CAAA;AAElB,CAAC;;ACZD,IAAM2C,YAAY,GAAG,SAAfA,YAAYA,CAAArC,IAAA,EAAA;AAAA,EAAA,IAAAsC,WAAA,GAAAtC,IAAA,CAAMuC,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,WAAA,CAAA;AAAA,EAAA,oBACzCE,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAEC,UAAU,CACnB,qDAAqD,EACrD;MACE,8BAA8B,EAAEH,MAAM,KAAK,YAAY;MACvD,6BAA6B,EAAEA,MAAM,KAAK,UAAA;KAE9C,CAAA;AAAE,GACH,CAAC,CAAA;AAAA,CACH;;;;ACHD,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAA3C,IAAA,EAAoC;AAAA,EAAA,IAA9BW,EAAE,GAAAX,IAAA,CAAFW,EAAE;IAAEiC,KAAK,GAAA5C,IAAA,CAAL4C,KAAK;IAAElD,IAAI,GAAAM,IAAA,CAAJN,IAAI;IAAEmD,MAAM,GAAA7C,IAAA,CAAN6C,MAAM,CAAA;EAC9C,IAAMC,QAAQ,GAAGC,MAAM,CAAC;AAAEC,IAAAA,eAAe,EAAE,GAAA;GAAK,CAAC,CAACrD,OAAO,CAAA;EAEzD,IAAAsD,aAAA,GAKIC,YAAY,CAAC;AACfxD,MAAAA,IAAI,EAAAyD,eAAA,CAAAA,eAAA,KAAOzD,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEkD,QAAAA,KAAK,EAALA,KAAK;QAAE9C,IAAI,EAAE2B,eAAe,CAACE,IAAAA;OAAM,CAAA;AACpDhB,MAAAA,EAAE,EAAFA,EAAAA;AACF,KAAC,CAAC;IAPAyC,UAAU,GAAAH,aAAA,CAAVG,UAAU;IACVC,SAAS,GAAAJ,aAAA,CAATI,SAAS;IACTC,UAAU,GAAAL,aAAA,CAAVK,UAAU;IACEC,mBAAmB,GAAAN,aAAA,CAA/BO,UAAU,CAAA;EAMZ,IAAAC,aAAA,GAAoDC,YAAY,CAAC;AAC/DhE,MAAAA,IAAI,EAAAyD,eAAA,CAAAA,eAAA,KAAOzD,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEE,QAAAA,OAAO,EAAE,CAAC6B,eAAe,CAACE,IAAI,CAAC;QAAEiB,KAAK,EAAEA,KAAK,GAAG,CAAA;OAAG,CAAA;AACpEjC,MAAAA,EAAE,EAAFA,EAAAA;AACF,KAAC,CAAC;IAHMgD,MAAM,GAAAF,aAAA,CAANE,MAAM;IAAcC,mBAAmB,GAAAH,aAAA,CAA/BD,UAAU,CAAA;EAK1B,IAAAK,UAAA,GAA6BC,SAAS,CAAC;AACrCC,MAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,MAAM,EAAEC,KAAK,EAAK;QAC3B,IAAID,MAAM,EAAE,OAAO;AACnBlB,QAAAA,QAAQ,CAACE,eAAe,GAAGiB,KAAK,CAACC,MAAM,CAACC,YAAY,CAAA;AACtD,OAAA;AACF,KAAC,CAAC;IAAAC,WAAA,GAAAC,cAAA,CAAAR,UAAA,EAAA,CAAA,CAAA;AALKS,IAAAA,UAAU,GAAAF,WAAA,CAAA,CAAA,CAAA;AAAEJ,IAAAA,MAAM,GAAAI,WAAA,CAAA,CAAA,CAAA,CAAA;AAOzB,EAAA,IAAMG,kBAAkB,GAAG,CAACjB,UAAU,IAAIK,MAAM,CAAA;AAEhD,EAAA,oBACEzB,IAAA,CAAA,KAAA,EAAAiB,eAAA,CAAAA,eAAA,CAAA;AACEV,IAAAA,SAAS,EAAEC,UAAU,CAAC,eAAe,EAAE;AACrC,MAAA,YAAY,EAAEY,UAAAA;AAChB,KAAC,CAAE;AACHkB,IAAAA,GAAG,EAAE,SAALA,GAAGA,CAAEC,IAAI,EAAI;MACXlB,mBAAmB,CAACkB,IAAI,CAAC,CAAA;MACzBb,mBAAmB,CAACa,IAAI,CAAC,CAAA;MACzBH,UAAU,CAACG,IAAI,CAAC,CAAA;AAClB,KAAA;GAAEtB,EAAAA,eAAA,CAAAA,eAAA,CAAA;AACIxC,IAAAA,EAAE,EAAFA,EAAAA;GAAOyC,EAAAA,UAAU,GAAKC,SAAS,CAAA,CAAA,EAAA,EAAA,EAAA;AACrCqB,IAAAA,KAAK,EAAE;AAAEpF,MAAAA,MAAM,EAAE0E,MAAM,GAAG7E,SAAS,GAAG2D,QAAQ,CAACE,eAAAA;KAAkB;IAAAZ,QAAA,EAAA,CAEhE4B,MAAM,IAAInB,MAAM,EAAE,EAClB0B,kBAAkB,iBAAI/B,GAAA,CAACH,YAAY,EAAA;AAACE,MAAAA,MAAM,EAAC,YAAA;AAAY,KAAE,CAAC,CAAA;AAAA,GAAA,CACxD,CAAC,CAAA;AAEV,CAAC;;;;AC9CD,IAAMoC,eAAe,GAAG,SAAlBA,eAAeA,CAAA3E,IAAA,EAA4B;AAAA,EAAA,IAAtBN,IAAI,GAAAM,IAAA,CAAJN,IAAI;IAAAkF,UAAA,GAAA5E,IAAA,CAAE4C,KAAK;AAALA,IAAAA,KAAK,GAAAgC,UAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,UAAA,CAAA;AACxC,EAAA,IAAMjE,EAAE,GAAGkE,KAAK,EAAE,CAAA;EAElB,IAAApB,aAAA,GAA+BC,YAAY,CAAC;AAC1ChE,MAAAA,IAAI,EAAAyD,eAAA,CAAAA,eAAA,KAAOzD,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEE,QAAAA,OAAO,EAAE,CAAC6B,eAAe,CAACE,IAAI,CAAC;AAAEiB,QAAAA,KAAK,EAALA,KAAAA;OAAO,CAAA;AACzDjC,MAAAA,EAAE,EAAFA,EAAAA;AACF,KAAC,CAAC;IAHMgD,MAAM,GAAAF,aAAA,CAANE,MAAM;IAAEH,UAAU,GAAAC,aAAA,CAAVD,UAAU,CAAA;AAK1B,EAAA,oBACEhB,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAC+B,IAAAA,GAAG,EAAEhB,UAAW;AAAApB,IAAAA,QAAA,EACvCuB,MAAM,iBAAInB,GAAA,CAACH,YAAY,EAAA;AAACE,MAAAA,MAAM,EAAC,YAAA;KAAc,CAAA;AAAC,GAC5C,CAAC,CAAA;AAEV,CAAC;;ACbD,IAAMuC,OAAO,gBAAGC,UAAU,CAAC,UAAA/E,IAAA,EAAiCwE,GAAG,EAAA;AAAA,EAAA,IAAjCQ,OAAO,GAAAhF,IAAA,CAAPgF,OAAO;IAAEC,KAAK,GAAAjF,IAAA,CAALiF,KAAK;IAAEC,UAAU,GAAAlF,IAAA,CAAVkF,UAAU,CAAA;AAAA,EAAA,oBACtDhD,IAAA,CAAA,KAAA,EAAA;AAAWsC,IAAAA,GAAG,EAAHA,GAAG;AAAI/B,IAAAA,SAAS,EAAC,+CAA+C;IAAAL,QAAA,EAAA,cACzEI,GAAA,CAACmC,eAAe,EAAA;AAACjF,MAAAA,IAAI,EAAE;AAAEsF,QAAAA,OAAO,EAAPA,OAAAA;AAAQ,OAAA;KAAI,CAAC,EACrCC,KAAK,CAACE,GAAG,CAAC,UAACC,IAAI,EAAExC,KAAK,EAAA;MAAA,oBACrByC,aAAA,CAAC1C,aAAa,EAAA;AACNC,QAAAA,KAAK,EAALA,KAAK;AACXlD,QAAAA,IAAI,EAAE;AAAEsF,UAAAA,OAAO,EAAPA,OAAO;AAAEI,UAAAA,IAAI,EAAJA,IAAAA;SAAO;QACxBzE,EAAE,EAAEyE,IAAI,CAACzE,EAAG;QACZ2E,GAAG,EAAEF,IAAI,CAACzE,EAAG;QACbkC,MAAM,EAAE,SAARA,MAAMA,GAAA;AAAA,UAAA,OAAQqC,UAAU,CAAC;AAAEtC,YAAAA,KAAK,EAALA,KAAK;AAAEwC,YAAAA,IAAI,EAAJA,IAAI;AAAEJ,YAAAA,OAAO,EAAPA,OAAAA;AAAQ,WAAC,CAAC,CAAA;AAAA,SAAA;AAAC,OACpD,CAAC,CAAA;AAAA,KACH,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAAA,CACP,CAAC,CAAA;AAEFF,OAAO,CAACS,WAAW,GAAG,SAAS,CAAA;AAC/BT,OAAO,CAACU,SAAS,GAAG;AAClB;EACAhB,GAAG,EAAEiB,SAAS,CAACC,GAAG;AAElB;AACAV,EAAAA,OAAO,EAAES,SAAS,CAACE,KAAK,CAAC;AAAEhF,IAAAA,EAAE,EAAE8E,SAAS,CAACG,MAAM,CAACC,UAAAA;GAAY,CAAC,CAACA,UAAU;AAExE;EACAZ,KAAK,EAAEQ,SAAS,CAACK,OAAO,CAACL,SAAS,CAACE,KAAK,CAAC;AAAEhF,IAAAA,EAAE,EAAE8E,SAAS,CAACG,MAAM,CAACC,UAAAA;GAAY,CAAC,CAAC,CAC3EA,UAAU;AAEb;AACAX,EAAAA,UAAU,EAAEO,SAAS,CAACM,IAAI,CAACF,UAAAA;AAC7B,CAAC;;;;AC7BD,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAhG,IAAA,EAAoC;AAAA,EAAA,IAA9BW,EAAE,GAAAX,IAAA,CAAFW,EAAE;IAAEiC,KAAK,GAAA5C,IAAA,CAAL4C,KAAK;IAAElD,IAAI,GAAAM,IAAA,CAAJN,IAAI;IAAEmD,MAAM,GAAA7C,IAAA,CAAN6C,MAAM,CAAA;AACjD,EAAA,IAAAgB,UAAA,GAA6BC,SAAS,EAAE;IAAAM,WAAA,GAAAC,cAAA,CAAAR,UAAA,EAAA,CAAA,CAAA;AAAjCS,IAAAA,UAAU,GAAAF,WAAA,CAAA,CAAA,CAAA;AAAEJ,IAAAA,MAAM,GAAAI,WAAA,CAAA,CAAA,CAAA,CAAA;EAEzB,IAAAnB,aAAA,GAKIC,YAAY,CAAC;AACfxD,MAAAA,IAAI,EAAAyD,eAAA,CAAAA,eAAA,KAAOzD,IAAI,CAAA,EAAA,EAAA,EAAA;QAAEI,IAAI,EAAE2B,eAAe,CAACC,OAAO;AAAEkB,QAAAA,KAAK,EAALA,KAAAA;OAAO,CAAA;AACvDjC,MAAAA,EAAE,EAAFA,EAAAA;AACF,KAAC,CAAC;IAPAyC,UAAU,GAAAH,aAAA,CAAVG,UAAU;IACVC,SAAS,GAAAJ,aAAA,CAATI,SAAS;IACTC,UAAU,GAAAL,aAAA,CAAVK,UAAU;IACEC,mBAAmB,GAAAN,aAAA,CAA/BO,UAAU,CAAA;EAMZ,IAAAC,aAAA,GAAoDC,YAAY,CAAC;AAC/DhE,MAAAA,IAAI,EAAAyD,eAAA,CAAAA,eAAA,KAAOzD,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEE,QAAAA,OAAO,EAAE,CAAC6B,eAAe,CAACC,OAAO,CAAC;QAAEkB,KAAK,EAAEA,KAAK,GAAG,CAAA;OAAG,CAAA;AACvEjC,MAAAA,EAAE,EAAFA,EAAAA;AACF,KAAC,CAAC;IAHMgD,MAAM,GAAAF,aAAA,CAANE,MAAM;IAAcC,mBAAmB,GAAAH,aAAA,CAA/BD,UAAU,CAAA;AAK1B,EAAA,IAAMe,kBAAkB,GAAG,CAACjB,UAAU,IAAIK,MAAM,CAAA;EAEhD,oBACEzB,IAAA,CAAAiB,KAAAA,EAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA,EAAA,EACME,SAAS,CAAA,EACTD,UAAU,CAAA,EAAA,EAAA,EAAA;AACdX,IAAAA,SAAS,EAAEC,UAAU,CACnB,sEAAsE,EACtE;AAAE,MAAA,YAAY,EAAEY,UAAAA;AAAW,KAC7B,CAAE;AACFkB,IAAAA,GAAG,EAAE,SAALA,GAAGA,CAAEC,IAAI,EAAI;MACXlB,mBAAmB,CAACkB,IAAI,CAAC,CAAA;MACzBb,mBAAmB,CAACa,IAAI,CAAC,CAAA;MACzBH,UAAU,CAACG,IAAI,CAAC,CAAA;KAChB;IAAArC,QAAA,EAAA,CAED4B,MAAM,IAAInB,MAAM,EAAE,EAClB0B,kBAAkB,iBAAI/B,GAAA,CAACH,YAAY,EAAA;AAACE,MAAAA,MAAM,EAAC,UAAA;AAAU,KAAE,CAAC,CAAA;AAAA,GAAA,CACtD,CAAC,CAAA;AAEV,CAAC;;;;ACtCD,IAAM0D,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAjG,IAAA,EAA4B;AAAA,EAAA,IAAtBN,IAAI,GAAAM,IAAA,CAAJN,IAAI;IAAAkF,UAAA,GAAA5E,IAAA,CAAE4C,KAAK;AAALA,IAAAA,KAAK,GAAAgC,UAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,UAAA,CAAA;AAC3C,EAAA,IAAMjE,EAAE,GAAGkE,KAAK,EAAE,CAAA;EAElB,IAAApB,aAAA,GAA+BC,YAAY,CAAC;AAC1ChE,MAAAA,IAAI,EAAAyD,aAAA,CAAAA,aAAA,KAAOzD,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEE,QAAAA,OAAO,EAAE,CAAC6B,eAAe,CAACC,OAAO,CAAC;AAAEkB,QAAAA,KAAK,EAALA,KAAAA;OAAO,CAAA;AAC5DjC,MAAAA,EAAE,EAAFA,EAAAA;AACF,KAAC,CAAC;IAHMgD,MAAM,GAAAF,aAAA,CAANE,MAAM;IAAEH,UAAU,GAAAC,aAAA,CAAVD,UAAU,CAAA;AAK1B,EAAA,oBACEhB,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAC+B,IAAAA,GAAG,EAAEhB,UAAW;AAAApB,IAAAA,QAAA,EACvCuB,MAAM,iBAAInB,GAAA,CAACH,YAAY,EAAA;AAACE,MAAAA,MAAM,EAAC,UAAA;KAAY,CAAA;AAAC,GAC1C,CAAC,CAAA;AAEV,CAAC;;ACFD,IAAM2D,YAAY,GAAG;AAAEC,EAAAA,oBAAoB,EAAE;AAAE9E,IAAAA,QAAQ,EAAE,CAAA;AAAE,GAAA;AAAE,CAAC,CAAA;AAC9D,IAAM+E,eAAe,GAAG;AAAE3G,EAAAA,SAAS,EAAE;AAAE4G,IAAAA,SAAS,EAAE,GAAA;AAAI,GAAA;AAAE,CAAC,CAAA;AAEnDC,IAAAA,SAAS,gBAAGvB,UAAU,CAAC,UAACjD,KAAK,EAAE0C,GAAG,EAAK;AAC3C,EAAA,IAAQ+B,QAAQ,GAA+CzE,KAAK,CAA5DyE,QAAQ;IAAEC,aAAa,GAAgC1E,KAAK,CAAlD0E,aAAa;IAAEC,UAAU,GAAoB3E,KAAK,CAAnC2E,UAAU;IAAEC,aAAa,GAAK5E,KAAK,CAAvB4E,aAAa,CAAA;AAE1D,EAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAxC,cAAA,CAAAsC,SAAA,EAAA,CAAA,CAAA;AAAvCG,IAAAA,SAAS,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;EAC9B,IAAMG,OAAO,GAAGC,UAAU,CAACC,SAAS,CAACC,aAAa,EAAEjB,YAAY,CAAC,CAAC,CAAA;AAElE,EAAA,IAAMkB,SAAS,GAAG,SAAZA,SAASA,CAAGC,IAAI,EAAI;AAAA,IAAA,IAAAC,UAAA,CAAA;IACxB,IAAMrH,MAAM,GAAG6G,SAAS,CAAC7G,MAAM,CAACP,IAAI,CAACC,OAAO,CAAA;AAC5C,IAAA,IAAM4H,IAAI,GAAA,CAAAD,UAAA,GAAGD,IAAI,CAACE,IAAI,MAAAD,IAAAA,IAAAA,UAAA,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAA,CAAW5H,IAAI,CAACC,OAAO,CAAA;AACpC,IAAA,IAAI,CAACM,MAAM,IAAI,CAACsH,IAAI,EAAE,OAAA;AAEtB,IAAA,IAAItH,MAAM,CAACH,IAAI,KAAK2B,eAAe,CAACE,IAAI,EAAE;MACxC8E,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAGxG,MAAM,EAAEsH,IAAI,CAAC,CAAA;KAC3B,MAAM,IAAItH,MAAM,CAACH,IAAI,KAAK2B,eAAe,CAACC,OAAO,EAAE;MAClD8E,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAGvG,MAAM,EAAEsH,IAAI,CAAC,CAAA;AAC/B,KAAA;GACD,CAAA;EAED,oBACErF,IAAA,CAACsF,UAAU,EAAA;AACHJ,IAAAA,SAAS,EAATA,SAAS;AAAEJ,IAAAA,OAAO,EAAPA,OAAO;AACxBS,IAAAA,kBAAkB,EAAE1H,aAAa,CAAC+G,SAAS,CAAE;AAC7CY,IAAAA,SAAS,EAAEtB,eAAgB;AAC3BuB,IAAAA,WAAW,EAAEZ,YAAa;AAAA3E,IAAAA,QAAA,gBAE1BF,IAAA,CAAA,KAAA,EAAA;AAAWsC,MAAAA,GAAG,EAAHA,GAAG;AAAI/B,MAAAA,SAAS,EAAC,wCAAwC;AAAAL,MAAAA,QAAA,EAClEI,cAAAA,GAAA,CAACyD,kBAAkB,IAAE,CAAC,EACrBM,QAAQ,CAACpB,GAAG,CAAC,UAACH,OAAO,EAAEpC,KAAK,EAAA;QAAA,oBAC3ByC,aAAA,CAACW,gBAAgB,EAAA;AACTpD,UAAAA,KAAK,EAALA,KAAK;AACXlD,UAAAA,IAAI,EAAE;AAAEsF,YAAAA,OAAO,EAAPA,OAAAA;WAAU;UAClBrE,EAAE,EAAEqE,OAAO,CAACrE,EAAG;UACf2E,GAAG,EAAEN,OAAO,CAACrE,EAAG;UAChBkC,MAAM,EAAE,SAARA,MAAMA,GAAA;AAAA,YAAA,OAAQ6D,aAAa,CAAC;AAAE9D,cAAAA,KAAK,EAALA,KAAK;AAAEoC,cAAAA,OAAO,EAAPA,OAAAA;AAAQ,aAAC,CAAC,CAAA;AAAA,WAAA;AAAC,SACjD,CAAC,CAAA;AAAA,OACH,CAAC,CAAA;AAAA,KACC,CAAC,eACNxC,GAAA,CAACZ,UAAU,EAAA;AAAOE,MAAAA,KAAK,EAALA,KAAK;AAAIC,MAAAA,KAAK,EAAE+E,SAAAA;AAAU,KAAE,CAAC,CAAA;AAAA,GACrC,CAAC,CAAA;AAEjB,CAAC,EAAC;AAEFR,SAAS,CAACf,WAAW,GAAG,WAAW,CAAA;AACnCe,SAAS,CAACxB,OAAO,GAAGA,OAAO;;;;"}

package/dist/cjs/BoardView.js

@@ -0,0 +1,379 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var core = require('@dnd-kit/core');
+var injectCss = require('./inject-css-vQvjPR2x.js');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('./index-JY2zVpnv.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var classnames = require('classnames');
+var reactIntersectionObserver = require('react-intersection-observer');
+require('./_commonjsHelpers-BJu3ubxk.js');
+
+var css = ".neeto-molecules-boardview-section{flex-shrink:0;width:320px}@media screen and (max-width:1024px){.neeto-molecules-boardview-section{width:300px}}@media screen and (max-width:768px){.neeto-molecules-boardview-section{width:280px}}";
+injectCss.n(css,{});
+
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+// Customised collision detection algorithm based on `closestCenter` implementation for dnd-kit
+// Extracts collisions by respecting `accepts` property
+
+var distanceBetween = function distanceBetween(p1, p2) {
+  return Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));
+};
+var centerOfRectangle = function centerOfRectangle(rect) {
+  var left = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : rect.left;
+  var top = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : rect.top;
+  return {
+    x: left + rect.width * 0.5,
+    y: top + rect.height * 0.5
+  };
+};
+var matchType = function matchType(draggable, droppable) {
+  return droppable.data.current.accepts.includes(draggable.data.current.type);
+};
+
+// `active` attribute from the `dnd-kit` is unreliable since the data can be lost on unmount during a drag.
+var closestCenter = function closestCenter(_ref) {
+  var active = _ref.active;
+  return function (_ref2) {
+    var collisionRect = _ref2.collisionRect,
+      droppableRects = _ref2.droppableRects,
+      droppableContainers = _ref2.droppableContainers;
+    var centerRect = centerOfRectangle(collisionRect, collisionRect.left, collisionRect.top);
+    var minDistance = Number.POSITIVE_INFINITY;
+    var collision = {
+      id: undefined
+    };
+
+    // eslint-disable-next-line @bigbinary/neeto/use-array-methods
+    var _iterator = _createForOfIteratorHelper(droppableContainers),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var droppableContainer = _step.value;
+        var rect = droppableRects.get(droppableContainer.id);
+        if (!rect || droppableContainer.id === active.id) continue;else if (!matchType(active, droppableContainer)) continue;
+        var distance = distanceBetween(centerOfRectangle(rect), centerRect);
+        if (distance < minDistance) {
+          minDistance = distance;
+          collision = {
+            id: droppableContainer.id,
+            data: {
+              droppableContainer: droppableContainer,
+              value: distance
+            }
+          };
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return [collision];
+  };
+};
+
+var DRAGGABLE_TYPES = {
+  SECTION: "section",
+  ITEM: "item"
+};
+
+var DndOverlay = function DndOverlay(_ref) {
+  var _state$active;
+  var props = _ref.props,
+    state = _ref.state;
+  var renderSectionOverlay = props.renderSectionOverlay,
+    renderItemOverlay = props.renderItemOverlay;
+  var data = ((_state$active = state.active) === null || _state$active === void 0 ? void 0 : _state$active.data.current) || {};
+  return /*#__PURE__*/jsxRuntime.jsxs(core.DragOverlay, {
+    children: [data.type === DRAGGABLE_TYPES.ITEM && (renderItemOverlay === null || renderItemOverlay === void 0 ? void 0 : renderItemOverlay(data)), data.type === DRAGGABLE_TYPES.SECTION && (renderSectionOverlay === null || renderSectionOverlay === void 0 ? void 0 : renderSectionOverlay(data))]
+  });
+};
+
+var DndIndicator = function DndIndicator(_ref) {
+  var _ref$layout = _ref.layout,
+    layout = _ref$layout === void 0 ? "vertical" : _ref$layout;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: classnames("neeto-ui-rounded-xl neeto-ui-bg-accent-600 absolute", {
+      "-bottom-3 left-0 right-0 h-1": layout === "horizontal",
+      "-right-2 bottom-0 top-0 w-1": layout === "vertical"
+    })
+  });
+};
+
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ItemContainer = function ItemContainer(_ref) {
+  var id = _ref.id,
+    index = _ref.index,
+    data = _ref.data,
+    render = _ref.render;
+  var mutables = React.useRef({
+    containerHeight: 128
+  }).current;
+  var _useDraggable = core.useDraggable({
+      data: _objectSpread$3(_objectSpread$3({}, data), {}, {
+        index: index,
+        type: DRAGGABLE_TYPES.ITEM
+      }),
+      id: id
+    }),
+    attributes = _useDraggable.attributes,
+    listeners = _useDraggable.listeners,
+    isDragging = _useDraggable.isDragging,
+    setDraggableNodeRef = _useDraggable.setNodeRef;
+  var _useDroppable = core.useDroppable({
+      data: _objectSpread$3(_objectSpread$3({}, data), {}, {
+        accepts: [DRAGGABLE_TYPES.ITEM],
+        index: index + 1
+      }),
+      id: id
+    }),
+    isOver = _useDroppable.isOver,
+    setDroppableNodeRef = _useDroppable.setNodeRef;
+  var _useInView = reactIntersectionObserver.useInView({
+      onChange: function onChange(inView, entry) {
+        if (inView) return; // We need the last height value when elements moves out.
+        mutables.containerHeight = entry.target.clientHeight;
+      }
+    }),
+    _useInView2 = _slicedToArray(_useInView, 2),
+    setViewRef = _useInView2[0],
+    inView = _useInView2[1];
+  var isIndicatorVisible = !isDragging && isOver;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$3(_objectSpread$3({
+    className: classnames("relative mt-4", {
+      "opacity-65": isDragging
+    }),
+    ref: function ref(node) {
+      setDraggableNodeRef(node);
+      setDroppableNodeRef(node);
+      setViewRef(node);
+    }
+  }, _objectSpread$3(_objectSpread$3({
+    id: id
+  }, attributes), listeners)), {}, {
+    style: {
+      height: inView ? undefined : mutables.containerHeight
+    },
+    children: [inView && render(), isIndicatorVisible && /*#__PURE__*/jsxRuntime.jsx(DndIndicator, {
+      layout: "horizontal"
+    })]
+  }));
+};
+
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ItemPlaceholder = function ItemPlaceholder(_ref) {
+  var data = _ref.data,
+    _ref$index = _ref.index,
+    index = _ref$index === void 0 ? 0 : _ref$index;
+  var id = React.useId();
+  var _useDroppable = core.useDroppable({
+      data: _objectSpread$2(_objectSpread$2({}, data), {}, {
+        accepts: [DRAGGABLE_TYPES.ITEM],
+        index: index
+      }),
+      id: id
+    }),
+    isOver = _useDroppable.isOver,
+    setNodeRef = _useDroppable.setNodeRef;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "relative",
+    ref: setNodeRef,
+    children: isOver && /*#__PURE__*/jsxRuntime.jsx(DndIndicator, {
+      layout: "horizontal"
+    })
+  });
+};
+
+var Section = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var section = _ref.section,
+    items = _ref.items,
+    renderItem = _ref.renderItem;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    ref: ref,
+    className: "relative min-h-0 flex-1 basis-0 overflow-auto",
+    children: [/*#__PURE__*/jsxRuntime.jsx(ItemPlaceholder, {
+      data: {
+        section: section
+      }
+    }), items.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(ItemContainer, {
+        index: index,
+        data: {
+          section: section,
+          item: item
+        },
+        id: item.id,
+        key: item.id,
+        render: function render() {
+          return renderItem({
+            index: index,
+            item: item,
+            section: section
+          });
+        }
+      });
+    })]
+  });
+});
+Section.displayName = "Section";
+Section.propTypes = {
+  /** A reference to the section container element. */
+  ref: index.PropTypes.any,
+  /** The current section data   */
+  section: index.PropTypes.shape({
+    id: index.PropTypes.string.isRequired
+  }).isRequired,
+  /** An array of items belonging to the current section. */
+  items: index.PropTypes.arrayOf(index.PropTypes.shape({
+    id: index.PropTypes.string.isRequired
+  })).isRequired,
+  /** A function that renders the content of each item in the list. */
+  renderItem: index.PropTypes.func.isRequired
+};
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SectionContainer = function SectionContainer(_ref) {
+  var id = _ref.id,
+    index = _ref.index,
+    data = _ref.data,
+    render = _ref.render;
+  var _useInView = reactIntersectionObserver.useInView(),
+    _useInView2 = _slicedToArray(_useInView, 2),
+    setViewRef = _useInView2[0],
+    inView = _useInView2[1];
+  var _useDraggable = core.useDraggable({
+      data: _objectSpread$1(_objectSpread$1({}, data), {}, {
+        type: DRAGGABLE_TYPES.SECTION,
+        index: index
+      }),
+      id: id
+    }),
+    attributes = _useDraggable.attributes,
+    listeners = _useDraggable.listeners,
+    isDragging = _useDraggable.isDragging,
+    setDraggableNodeRef = _useDraggable.setNodeRef;
+  var _useDroppable = core.useDroppable({
+      data: _objectSpread$1(_objectSpread$1({}, data), {}, {
+        accepts: [DRAGGABLE_TYPES.SECTION],
+        index: index + 1
+      }),
+      id: id
+    }),
+    isOver = _useDroppable.isOver,
+    setDroppableNodeRef = _useDroppable.setNodeRef;
+  var isIndicatorVisible = !isDragging && isOver;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$1(_objectSpread$1(_objectSpread$1({}, listeners), attributes), {}, {
+    className: classnames("neeto-molecules-boardview-section relative ml-3 flex h-full flex-col", {
+      "opacity-65": isDragging
+    }),
+    ref: function ref(node) {
+      setDraggableNodeRef(node);
+      setDroppableNodeRef(node);
+      setViewRef(node);
+    },
+    children: [inView && render(), isIndicatorVisible && /*#__PURE__*/jsxRuntime.jsx(DndIndicator, {
+      layout: "vertical"
+    })]
+  }));
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SectionPlaceholder = function SectionPlaceholder(_ref) {
+  var data = _ref.data,
+    _ref$index = _ref.index,
+    index = _ref$index === void 0 ? 0 : _ref$index;
+  var id = React.useId();
+  var _useDroppable = core.useDroppable({
+      data: _objectSpread(_objectSpread({}, data), {}, {
+        accepts: [DRAGGABLE_TYPES.SECTION],
+        index: index
+      }),
+      id: id
+    }),
+    isOver = _useDroppable.isOver,
+    setNodeRef = _useDroppable.setNodeRef;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "relative",
+    ref: setNodeRef,
+    children: isOver && /*#__PURE__*/jsxRuntime.jsx(DndIndicator, {
+      layout: "vertical"
+    })
+  });
+};
+
+var sensorConfig = {
+  activationConstraint: {
+    distance: 8
+  }
+};
+var measuringConfig = {
+  droppable: {
+    frequency: 500
+  }
+};
+var BoardView = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var sections = props.sections,
+    onMoveSection = props.onMoveSection,
+    onMoveItem = props.onMoveItem,
+    renderSection = props.renderSection;
+  var _useState = React.useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    dragState = _useState2[0],
+    setDragState = _useState2[1];
+  var sensors = core.useSensors(core.useSensor(core.PointerSensor, sensorConfig));
+  var onDragEnd = function onDragEnd(drag) {
+    var _drag$over;
+    var active = dragState.active.data.current;
+    var over = (_drag$over = drag.over) === null || _drag$over === void 0 ? void 0 : _drag$over.data.current;
+    if (!active || !over) return;
+    if (active.type === DRAGGABLE_TYPES.ITEM) {
+      onMoveItem === null || onMoveItem === void 0 ? void 0 : onMoveItem(active, over);
+    } else if (active.type === DRAGGABLE_TYPES.SECTION) {
+      onMoveSection === null || onMoveSection === void 0 ? void 0 : onMoveSection(active, over);
+    }
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(core.DndContext, {
+    onDragEnd: onDragEnd,
+    sensors: sensors,
+    collisionDetection: closestCenter(dragState),
+    measuring: measuringConfig,
+    onDragStart: setDragState,
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      ref: ref,
+      className: "flex w-full flex-1 overflow-x-auto p-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(SectionPlaceholder, {}), sections.map(function (section, index) {
+        return /*#__PURE__*/React.createElement(SectionContainer, {
+          index: index,
+          data: {
+            section: section
+          },
+          id: section.id,
+          key: section.id,
+          render: function render() {
+            return renderSection({
+              index: index,
+              section: section
+            });
+          }
+        });
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(DndOverlay, {
+      props: props,
+      state: dragState
+    })]
+  });
+});
+BoardView.displayName = "BoardView";
+BoardView.Section = Section;
+
+module.exports = BoardView;
+//# sourceMappingURL=BoardView.js.map

package/dist/cjs/BoardView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoardView.js","sources":["../../src/components/BoardView/closestCenter.js","../../src/components/BoardView/constants.js","../../src/components/BoardView/Overlay.jsx","../../src/components/BoardView/Indicator.jsx","../../src/components/BoardView/Item/Container.jsx","../../src/components/BoardView/Item/Placeholder.jsx","../../src/components/BoardView/Section/index.jsx","../../src/components/BoardView/Section/Container.jsx","../../src/components/BoardView/Section/Placeholder.jsx","../../src/components/BoardView/index.jsx"],"sourcesContent":["// Customised collision detection algorithm based on `closestCenter` implementation for dnd-kit\n// Extracts collisions by respecting `accepts` property\n\nconst distanceBetween = (p1, p2) =>\n  Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));\n\nconst centerOfRectangle = (rect, left = rect.left, top = rect.top) => ({\n  x: left + rect.width * 0.5,\n  y: top + rect.height * 0.5,\n});\n\nconst matchType = (draggable, droppable) =>\n  droppable.data.current.accepts.includes(draggable.data.current.type);\n\n// `active` attribute from the `dnd-kit` is unreliable since the data can be lost on unmount during a drag.\nexport const closestCenter =\n  ({ active }) =>\n  ({ collisionRect, droppableRects, droppableContainers }) => {\n    const centerRect = centerOfRectangle(\n      collisionRect,\n      collisionRect.left,\n      collisionRect.top\n    );\n\n    let minDistance = Number.POSITIVE_INFINITY;\n    let collision = { id: undefined };\n\n    // eslint-disable-next-line @bigbinary/neeto/use-array-methods\n    for (const droppableContainer of droppableContainers) {\n      const rect = droppableRects.get(droppableContainer.id);\n\n      if (!rect || droppableContainer.id === active.id) continue;\n      else if (!matchType(active, droppableContainer)) continue;\n\n      const distance = distanceBetween(centerOfRectangle(rect), centerRect);\n      if (distance < minDistance) {\n        minDistance = distance;\n        collision = {\n          id: droppableContainer.id,\n          data: { droppableContainer, value: distance },\n        };\n      }\n    }\n\n    return [collision];\n  };\n","export const DRAGGABLE_TYPES = { SECTION: \"section\", ITEM: \"item\" };\n","import { DragOverlay } from \"@dnd-kit/core\";\n\nimport { DRAGGABLE_TYPES } from \"./constants\";\n\nconst DndOverlay = ({ props, state }) => {\n  const { renderSectionOverlay, renderItemOverlay } = props;\n  const data = state.active?.data.current || {};\n\n  return (\n    <DragOverlay>\n      {data.type === DRAGGABLE_TYPES.ITEM && renderItemOverlay?.(data)}\n      {data.type === DRAGGABLE_TYPES.SECTION && renderSectionOverlay?.(data)}\n    </DragOverlay>\n  );\n};\n\nexport default DndOverlay;\n","import classNames from \"classnames\";\n\nconst DndIndicator = ({ layout = \"vertical\" }) => (\n  <div\n    className={classNames(\n      \"neeto-ui-rounded-xl neeto-ui-bg-accent-600 absolute\",\n      {\n        \"-bottom-3 left-0 right-0 h-1\": layout === \"horizontal\",\n        \"-right-2 bottom-0 top-0 w-1\": layout === \"vertical\",\n      }\n    )}\n  />\n);\n\nexport default DndIndicator;\n","import { useRef } from \"react\";\n\nimport { useDraggable, useDroppable } from \"@dnd-kit/core\";\nimport classNames from \"classnames\";\nimport { useInView } from \"react-intersection-observer\";\n\nimport { DRAGGABLE_TYPES } from \"../constants\";\nimport DndIndicator from \"../Indicator\";\n\nconst ItemContainer = ({ id, index, data, render }) => {\n  const mutables = useRef({ containerHeight: 128 }).current;\n\n  const {\n    attributes,\n    listeners,\n    isDragging,\n    setNodeRef: setDraggableNodeRef,\n  } = useDraggable({\n    data: { ...data, index, type: DRAGGABLE_TYPES.ITEM },\n    id,\n  });\n\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    data: { ...data, accepts: [DRAGGABLE_TYPES.ITEM], index: index + 1 },\n    id,\n  });\n\n  const [setViewRef, inView] = useInView({\n    onChange: (inView, entry) => {\n      if (inView) return; // We need the last height value when elements moves out.\n      mutables.containerHeight = entry.target.clientHeight;\n    },\n  });\n\n  const isIndicatorVisible = !isDragging && isOver;\n\n  return (\n    <div\n      className={classNames(\"relative mt-4\", {\n        \"opacity-65\": isDragging,\n      })}\n      ref={node => {\n        setDraggableNodeRef(node);\n        setDroppableNodeRef(node);\n        setViewRef(node);\n      }}\n      {...{ id, ...attributes, ...listeners }}\n      style={{ height: inView ? undefined : mutables.containerHeight }}\n    >\n      {inView && render()}\n      {isIndicatorVisible && <DndIndicator layout=\"horizontal\" />}\n    </div>\n  );\n};\n\nexport default ItemContainer;\n","import { useId } from \"react\";\n\nimport { useDroppable } from \"@dnd-kit/core\";\n\nimport { DRAGGABLE_TYPES } from \"../constants\";\nimport DndIndicator from \"../Indicator\";\n\nconst ItemPlaceholder = ({ data, index = 0 }) => {\n  const id = useId();\n\n  const { isOver, setNodeRef } = useDroppable({\n    data: { ...data, accepts: [DRAGGABLE_TYPES.ITEM], index },\n    id,\n  });\n\n  return (\n    <div className=\"relative\" ref={setNodeRef}>\n      {isOver && <DndIndicator layout=\"horizontal\" />}\n    </div>\n  );\n};\n\nexport default ItemPlaceholder;\n","import { forwardRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport ItemContainer from \"../Item/Container\";\nimport ItemPlaceholder from \"../Item/Placeholder\";\n\nconst Section = forwardRef(({ section, items, renderItem }, ref) => (\n  <div {...{ ref }} className=\"relative min-h-0 flex-1 basis-0 overflow-auto\">\n    <ItemPlaceholder data={{ section }} />\n    {items.map((item, index) => (\n      <ItemContainer\n        {...{ index }}\n        data={{ section, item }}\n        id={item.id}\n        key={item.id}\n        render={() => renderItem({ index, item, section })}\n      />\n    ))}\n  </div>\n));\n\nSection.displayName = \"Section\";\nSection.propTypes = {\n  /** A reference to the section container element. */\n  ref: PropTypes.any,\n\n  /** The current section data   */\n  section: PropTypes.shape({ id: PropTypes.string.isRequired }).isRequired,\n\n  /** An array of items belonging to the current section. */\n  items: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.string.isRequired }))\n    .isRequired,\n\n  /** A function that renders the content of each item in the list. */\n  renderItem: PropTypes.func.isRequired,\n};\n\nexport default Section;\n","import { useDraggable, useDroppable } from \"@dnd-kit/core\";\nimport classNames from \"classnames\";\nimport { useInView } from \"react-intersection-observer\";\n\nimport { DRAGGABLE_TYPES } from \"../constants\";\nimport DndIndicator from \"../Indicator\";\n\nconst SectionContainer = ({ id, index, data, render }) => {\n  const [setViewRef, inView] = useInView();\n\n  const {\n    attributes,\n    listeners,\n    isDragging,\n    setNodeRef: setDraggableNodeRef,\n  } = useDraggable({\n    data: { ...data, type: DRAGGABLE_TYPES.SECTION, index },\n    id,\n  });\n\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    data: { ...data, accepts: [DRAGGABLE_TYPES.SECTION], index: index + 1 },\n    id,\n  });\n\n  const isIndicatorVisible = !isDragging && isOver;\n\n  return (\n    <div\n      {...listeners}\n      {...attributes}\n      className={classNames(\n        \"neeto-molecules-boardview-section relative ml-3 flex h-full flex-col\",\n        { \"opacity-65\": isDragging }\n      )}\n      ref={node => {\n        setDraggableNodeRef(node);\n        setDroppableNodeRef(node);\n        setViewRef(node);\n      }}\n    >\n      {inView && render()}\n      {isIndicatorVisible && <DndIndicator layout=\"vertical\" />}\n    </div>\n  );\n};\n\nexport default SectionContainer;\n","import { useId } from \"react\";\n\nimport { useDroppable } from \"@dnd-kit/core\";\n\nimport { DRAGGABLE_TYPES } from \"../constants\";\nimport DndIndicator from \"../Indicator\";\n\nconst SectionPlaceholder = ({ data, index = 0 }) => {\n  const id = useId();\n\n  const { isOver, setNodeRef } = useDroppable({\n    data: { ...data, accepts: [DRAGGABLE_TYPES.SECTION], index },\n    id,\n  });\n\n  return (\n    <div className=\"relative\" ref={setNodeRef}>\n      {isOver && <DndIndicator layout=\"vertical\" />}\n    </div>\n  );\n};\n\nexport default SectionPlaceholder;\n","import { forwardRef, useState } from \"react\";\n\nimport {\n  DndContext,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport PropTypes from \"prop-types\";\n\nimport \"./boardview.scss\";\nimport { closestCenter } from \"./closestCenter\";\nimport { DRAGGABLE_TYPES } from \"./constants\";\nimport DndOverlay from \"./Overlay\";\nimport Section from \"./Section\";\nimport SectionContainer from \"./Section/Container\";\nimport SectionPlaceholder from \"./Section/Placeholder\";\n\nconst sensorConfig = { activationConstraint: { distance: 8 } };\nconst measuringConfig = { droppable: { frequency: 500 } };\n\nconst BoardView = forwardRef((props, ref) => {\n  const { sections, onMoveSection, onMoveItem, renderSection } = props;\n\n  const [dragState, setDragState] = useState({});\n  const sensors = useSensors(useSensor(PointerSensor, sensorConfig));\n\n  const onDragEnd = drag => {\n    const active = dragState.active.data.current;\n    const over = drag.over?.data.current;\n    if (!active || !over) return;\n\n    if (active.type === DRAGGABLE_TYPES.ITEM) {\n      onMoveItem?.(active, over);\n    } else if (active.type === DRAGGABLE_TYPES.SECTION) {\n      onMoveSection?.(active, over);\n    }\n  };\n\n  return (\n    <DndContext\n      {...{ onDragEnd, sensors }}\n      collisionDetection={closestCenter(dragState)}\n      measuring={measuringConfig}\n      onDragStart={setDragState}\n    >\n      <div {...{ ref }} className=\"flex w-full flex-1 overflow-x-auto p-3\">\n        <SectionPlaceholder />\n        {sections.map((section, index) => (\n          <SectionContainer\n            {...{ index }}\n            data={{ section }}\n            id={section.id}\n            key={section.id}\n            render={() => renderSection({ index, section })}\n          />\n        ))}\n      </div>\n      <DndOverlay {...{ props }} state={dragState} />\n    </DndContext>\n  );\n});\n\nBoardView.displayName = \"BoardView\";\nBoardView.Section = Section;\nBoardView.propTypes = {\n  /** A reference to the container element. */\n  ref: PropTypes.any,\n\n  /**\n   An array of sections, each defined by an object with an `id` string.\n   */\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({ id: PropTypes.string.isRequired })\n  ).isRequired,\n\n  /** function to render each section content in the board view  */\n  renderSection: PropTypes.func.isRequired,\n\n  /** A function to render a drag overlay for individual sections (drag preview) */\n  renderSectionOverlay: PropTypes.func.isRequired,\n\n  /** A function to render a drag overlay for individual items (drag preview) */\n  renderItemOverlay: PropTypes.func.isRequired,\n\n  /** Callback function triggered when a section is reordered */\n  onMoveSection: PropTypes.func,\n\n  /** Callback function triggered when an item is moved */\n  onMoveItem: PropTypes.func,\n};\n\nexport default BoardView;\n"],"names":["distanceBetween","p1","p2","Math","sqrt","pow","x","y","centerOfRectangle","rect","left","arguments","length","undefined","top","width","height","matchType","draggable","droppable","data","current","accepts","includes","type","closestCenter","_ref","active","_ref2","collisionRect","droppableRects","droppableContainers","centerRect","minDistance","Number","POSITIVE_INFINITY","collision","id","_iterator","_createForOfIteratorHelper","_step","s","n","done","droppableContainer","value","get","distance","err","e","f","DRAGGABLE_TYPES","SECTION","ITEM","DndOverlay","_state$active","props","state","renderSectionOverlay","renderItemOverlay","_jsxs","DragOverlay","children","DndIndicator","_ref$layout","layout","_jsx","className","classNames","ItemContainer","index","render","mutables","useRef","containerHeight","_useDraggable","useDraggable","_objectSpread","attributes","listeners","isDragging","setDraggableNodeRef","setNodeRef","_useDroppable","useDroppable","isOver","setDroppableNodeRef","_useInView","useInView","onChange","inView","entry","target","clientHeight","_useInView2","_slicedToArray","setViewRef","isIndicatorVisible","ref","node","style","ItemPlaceholder","_ref$index","useId","Section","forwardRef","section","items","renderItem","map","item","_createElement","key","displayName","propTypes","PropTypes","any","shape","string","isRequired","arrayOf","func","SectionContainer","SectionPlaceholder","sensorConfig","activationConstraint","measuringConfig","frequency","BoardView","sections","onMoveSection","onMoveItem","renderSection","_useState","useState","_useState2","dragState","setDragState","sensors","useSensors","useSensor","PointerSensor","onDragEnd","drag","_drag$over","over","DndContext","collisionDetection","measuring","onDragStart"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "3.11.2",
+  "version": "3.12.0",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -62,6 +62,7 @@
     "@bigbinary/neeto-team-members-frontend": "4.0.0",
     "@bigbinary/neeto-time-zones": "0.5.5",
     "@bigbinary/neetoui": "8.2.13",
+    "@dnd-kit/core": "^6.2.0",
     "@faker-js/faker": "8.2.0",
     "@fullcalendar/core": "^6.1.8",
     "@fullcalendar/daygrid": "^6.1.8",
@@ -169,6 +170,7 @@
     "react-dropzone": "14.2.3",
     "react-helmet": "^6.1.0",
     "react-i18next": "12.3.1",
+    "react-intersection-observer": "^9.13.1",
     "react-live": "^4.1.7",
     "react-monaco-editor": "^0.56.0",
     "react-resizable": "3.0.4",
@@ -211,6 +213,7 @@
     "@bigbinary/neeto-team-members-frontend": "4.0.0",
     "@bigbinary/neeto-time-zones": "0.5.5",
     "@bigbinary/neetoui": "8.2.13",
+    "@dnd-kit/core": "^6.2.0",
     "@fullcalendar/core": "^6.1.8",
     "@fullcalendar/daygrid": "^6.1.8",
     "@fullcalendar/interaction": "^6.1.8",
@@ -246,6 +249,7 @@
     "react-dropzone": "14.2.3",
     "react-helmet": "^6.1.0",
     "react-i18next": "12.3.1",
+    "react-intersection-observer": "^9.13.1",
     "react-resizable": "3.0.4",
     "react-router-dom": "5.3.3",
     "react-syntax-highlighter": "^15.5.0",

package/types/BoardView.d.ts

@@ -0,0 +1,148 @@
+type SectionData = {
+  id: string;
+};
+type ItemData = {
+  id: string;
+};
+type SectionArgs = {
+  section: SectionData;
+  index: number;
+};
+type ItemArgs = {
+  Item: ItemData;
+  section: SectionData;
+  index: number;
+};
+/**
+ *
+ * The BoardView component renders a Kanban board with draggable sections and
+ *
+ * cards. It supports bi-directional auto-scrolling and lazy loading for improved
+ *
+ * performance.
+ *
+ * The main container component for the Kanban board, which wraps all sections.
+ *
+ * A component used within the BoardView to render individual sections.
+ *
+ * @example 
+ *
+ * import BoardView from "neetomolecules/BoardView";
+ * 
+ * // custom Item component
+ * const Item = ({ item }) => (
+ *   <div className=" neeto-ui-bg-white neeto-ui-rounded-sm flex min-h-10 items-center justify-center">
+ *     <h5>Item {item.name}</h5>
+ *   </div>
+ * );
+ * 
+ * // custom Section component.
+ * const Section = ({ section }) => (
+ *   <div className="neeto-ui-bg-gray-300 neeto-ui-rounded-sm p-4">
+ *     <h4 className="text-center">Section {section.name}</h4>
+ *     <BoardView.Section
+ *       {...{ section }}
+ *       items={section.items}
+ *       renderItem={({ item }) => <Item {...{ item }} />}
+ *     />
+ *   </div>
+ * );
+ * 
+ * const Main = () => {
+ *   const [sections, setSections] = useState([
+ *     {
+ *       id: "s1",
+ *       name: "S1",
+ *       items: [
+ *         { id: "s1t1", name: "S1T1" },
+ *         { id: "s1t2", name: "S1T2" },
+ *         { id: "s1t3", name: "S1T3" },
+ *       ],
+ *     },
+ *     {
+ *       id: "s2",
+ *       name: "S2",
+ *       items: [
+ *         { id: "s2t1", name: "S2T1" },
+ *         { id: "s2t2", name: "S2T2" },
+ *         { id: "s2t3", name: "S2T3" },
+ *       ],
+ *     },
+ *     {
+ *       id: "s3",
+ *       name: "S3",
+ *       items: [
+ *         { id: "s3t1", name: "S3T1" },
+ *         { id: "s3t2", name: "S3T2" },
+ *         { id: "s3t3", name: "S3T3" },
+ *       ],
+ *     },
+ *   ]);
+ * 
+ *   const onMoveSection = (source, destination) => {
+ *     setSections(([...sections]) => {
+ *       // destination index may change after removal of source section from list.
+ *       const destinationIndex =
+ *         source.index >= destination.index
+ *           ? destination.index
+ *           : destination.index - 1;
+ * 
+ *       const [section] = sections.splice(source.index, 1);
+ *       sections.splice(destinationIndex, 0, section);
+ * 
+ *       return sections;
+ *     });
+ *   };
+ * 
+ *   const onMoveItem = (source, destination) => {
+ *     setSections(([...sections]) => {
+ *       // destination index may change after removal of item if same section.
+ *       const destinationIndex =
+ *         source.section.id === destination.section.id &&
+ *         source.index >= destination.index
+ *           ? destination.index - 1
+ *           : destination.index;
+ * 
+ *       sections.forEach(section => {
+ *         if (section.id === source.section.id) {
+ *           section.items.splice(source.index, 1);
+ *         }
+ * 
+ *         if (section.id === destination.section.id) {
+ *           section.items.splice(destinationIndex, 0, source.item);
+ *         }
+ *       });
+ * 
+ *       return sections;
+ *     });
+ *   };
+ * 
+ *   return (
+ *     <BoardView
+ *       {...{ onMoveItem, onMoveSection, sections }}
+ *       renderItemOverlay={({ item }) => <Item {...{ item }} />}
+ *       renderSection={({ section }) => <Section {...{ section }} />}
+ *       renderSectionOverlay={({ section }) => <Section {...{ section }} />}
+ *     />
+ *   );
+ * };
+ * @endexample
+*/
+declare const BoardView: React.FC<{
+  ref?: React.Ref<HTMLDivElement>;
+  sections: SectionData[];
+  renderSection: (args: SectionArgs) => React.ReactNode;
+  renderSectionOverlay: (args: SectionArgs) => React.ReactNode;
+  renderItemOverlay: (args: ItemArgs) => React.ReactNode;
+  onMoveSection?: (source: SectionArgs, destination: SectionArgs) => void;
+  onMoveItem?: (source: ItemArgs, destination: ItemArgs) => void;
+}> & {
+  Section: React.FC<{
+    ref?: React.Ref<HTMLDivElement>;
+    section: SectionData;
+    items: ItemData[];
+    renderItem: (args: ItemArgs) => React.ReactNode;
+  }>;
+};
+
+export { BoardView as default };