@bigbinary/neeto-molecules 3.15.43 → 3.15.44

package/dist/BoardView.js

@@ -0,0 +1,394 @@
+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 classnames from 'classnames';
+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 { useInView } from 'react-intersection-observer';
+import './_commonjsHelpers-BFTU3MAI.js';
+
+var css = ".neeto-molecules-boardview-section{flex-shrink:0;width:280px}@media screen and (min-width:768px){.neeto-molecules-boardview-section{width:300px}}@media screen and (min-width:1024px){.neeto-molecules-boardview-section{width:350px}}.neeto-molecules-boardview-section__header{padding-left:1rem;padding-right:1rem}.neeto-molecules-boardview-section__body{display:flex;flex-direction:column;padding-left:1rem;padding-right:1rem}.neeto-molecules-boardview-section__card{margin-bottom:.75rem}";
+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 DragDropContainer$1 = function DragDropContainer(_ref) {
+  var id = _ref.id,
+    index = _ref.index,
+    data = _ref.data,
+    render = _ref.render;
+  var _useDraggable = useDraggable({
+      data: _objectSpread$3(_objectSpread$3({}, data), {}, {
+        index: index,
+        type: DRAGGABLE_TYPES.ITEM
+      }),
+      id: "draggable-item--".concat(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: "droppable-item--".concat(id)
+    }),
+    isOver = _useDroppable.isOver,
+    setDroppableNodeRef = _useDroppable.setNodeRef;
+  var isIndicatorVisible = !isDragging && isOver;
+  return /*#__PURE__*/jsxs("div", _objectSpread$3(_objectSpread$3(_objectSpread$3({
+    className: classnames("relative h-full w-full", {
+      "opacity-65": isDragging
+    }),
+    ref: function ref(node) {
+      setDraggableNodeRef(node);
+      setDroppableNodeRef(node);
+    }
+  }, attributes), listeners), {}, {
+    children: [render(), isIndicatorVisible && /*#__PURE__*/jsx(DndIndicator, {
+      layout: "horizontal"
+    })]
+  }));
+};
+var ItemContainer = function ItemContainer(props) {
+  var mutables = useRef({
+    containerHeight: 128
+  }).current;
+  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];
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-molecules-boardview-section__card relative",
+    id: props.id,
+    style: {
+      height: inView ? undefined : mutables.containerHeight
+    },
+    ref: function ref(node) {
+      setViewRef(node);
+    },
+    children: inView && /*#__PURE__*/jsx(DragDropContainer$1, _objectSpread$3({}, props))
+  });
+};
+
+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: "droppable-item--".concat(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: "neeto-molecules-boardview-section__body relative min-h-0 flex-1 basis-0 overflow-y-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: "".concat(section.id, "--").concat(item.id),
+        key: "".concat(section.id, "--").concat(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. */
+  // eslint-disable-next-line react/no-unused-prop-types
+  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 DragDropContainer = function DragDropContainer(_ref) {
+  var id = _ref.id,
+    index = _ref.index,
+    data = _ref.data,
+    render = _ref.render;
+  var _useDraggable = useDraggable({
+      data: _objectSpread$1(_objectSpread$1({}, data), {}, {
+        type: DRAGGABLE_TYPES.SECTION,
+        index: index
+      }),
+      id: "draggable-section--".concat(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: "droppable-section--".concat(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("relative h-full w-full flex-col", {
+      "opacity-65": isDragging
+    }),
+    ref: function ref(node) {
+      setDraggableNodeRef(node);
+      setDroppableNodeRef(node);
+    },
+    children: [render(), isIndicatorVisible && /*#__PURE__*/jsx(DndIndicator, {
+      layout: "vertical"
+    })]
+  }));
+};
+var SectionContainer = function SectionContainer(props) {
+  var _useInView = useInView(),
+    _useInView2 = _slicedToArray(_useInView, 2),
+    setViewRef = _useInView2[0],
+    inView = _useInView2[1];
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-molecules-boardview-section relative mr-3 h-full last-of-type:mr-0",
+    ref: function ref(node) {
+      setViewRef(node);
+    },
+    children: inView && /*#__PURE__*/jsx(DragDropContainer, _objectSpread$1({}, props))
+  });
+};
+
+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: "droppable-section--".concat(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,
+    className = props.className;
+  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 || onMoveItem(active, over);
+    } else if (active.type === DRAGGABLE_TYPES.SECTION) {
+      onMoveSection === null || onMoveSection === 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: classnames("neeto-molecules-boardview-outer-wrapper flex w-full flex-1 overflow-x-auto", className),
+      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 DragDropContainer = ({ id, index, data, render }) => {\n  const {\n    attributes,\n    listeners,\n    isDragging,\n    setNodeRef: setDraggableNodeRef,\n  } = useDraggable({\n    data: { ...data, index, type: DRAGGABLE_TYPES.ITEM },\n    id: `draggable-item--${id}`,\n  });\n\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    data: { ...data, accepts: [DRAGGABLE_TYPES.ITEM], index: index + 1 },\n    id: `droppable-item--${id}`,\n  });\n\n  const isIndicatorVisible = !isDragging && isOver;\n\n  return (\n    <div\n      className={classNames(\"relative h-full w-full\", {\n        \"opacity-65\": isDragging,\n      })}\n      ref={node => {\n        setDraggableNodeRef(node);\n        setDroppableNodeRef(node);\n      }}\n      {...attributes}\n      {...listeners}\n    >\n      {render()}\n      {isIndicatorVisible && <DndIndicator layout=\"horizontal\" />}\n    </div>\n  );\n};\n\nconst ItemContainer = props => {\n  const mutables = useRef({ containerHeight: 128 }).current;\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  return (\n    <div\n      className=\"neeto-molecules-boardview-section__card relative\"\n      id={props.id}\n      style={{ height: inView ? undefined : mutables.containerHeight }}\n      ref={node => {\n        setViewRef(node);\n      }}\n    >\n      {inView && <DragDropContainer {...props} />}\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: `droppable-item--${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\n    {...{ ref }}\n    className=\"neeto-molecules-boardview-section__body relative min-h-0 flex-1 basis-0 overflow-y-auto\"\n  >\n    <ItemPlaceholder data={{ section }} />\n    {items.map((item, index) => (\n      <ItemContainer\n        {...{ index }}\n        data={{ section, item }}\n        id={`${section.id}--${item.id}`}\n        key={`${section.id}--${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  // eslint-disable-next-line react/no-unused-prop-types\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 DragDropContainer = ({ id, index, data, render }) => {\n  const {\n    attributes,\n    listeners,\n    isDragging,\n    setNodeRef: setDraggableNodeRef,\n  } = useDraggable({\n    data: { ...data, type: DRAGGABLE_TYPES.SECTION, index },\n    id: `draggable-section--${id}`,\n  });\n\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    data: { ...data, accepts: [DRAGGABLE_TYPES.SECTION], index: index + 1 },\n    id: `droppable-section--${id}`,\n  });\n\n  const isIndicatorVisible = !isDragging && isOver;\n\n  return (\n    <div\n      {...listeners}\n      {...attributes}\n      className={classNames(\"relative h-full w-full flex-col\", {\n        \"opacity-65\": isDragging,\n      })}\n      ref={node => {\n        setDraggableNodeRef(node);\n        setDroppableNodeRef(node);\n      }}\n    >\n      {render()}\n      {isIndicatorVisible && <DndIndicator layout=\"vertical\" />}\n    </div>\n  );\n};\n\nconst SectionContainer = props => {\n  const [setViewRef, inView] = useInView();\n\n  return (\n    <div\n      className=\"neeto-molecules-boardview-section relative mr-3 h-full last-of-type:mr-0\"\n      ref={node => {\n        setViewRef(node);\n      }}\n    >\n      {inView && <DragDropContainer {...props} />}\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: `droppable-section--${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 classNames from \"classnames\";\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, className } =\n    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\n        {...{ ref }}\n        className={classNames(\n          \"neeto-molecules-boardview-outer-wrapper flex w-full flex-1 overflow-x-auto\",\n          className\n        )}\n      >\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  // eslint-disable-next-line react/no-unused-prop-types\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  // eslint-disable-next-line react/no-unused-prop-types\n  renderSectionOverlay: PropTypes.func.isRequired,\n\n  /** A function to render a drag overlay for individual items (drag preview) */\n  // eslint-disable-next-line react/no-unused-prop-types\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   * Additional classes passed on to the board view.\n   */\n  className: PropTypes.string,\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","DragDropContainer","index","render","_useDraggable","useDraggable","_objectSpread","concat","attributes","listeners","isDragging","setDraggableNodeRef","setNodeRef","_useDroppable","useDroppable","isOver","setDroppableNodeRef","isIndicatorVisible","ref","node","ItemContainer","mutables","useRef","containerHeight","_useInView","useInView","onChange","inView","entry","target","clientHeight","_useInView2","_slicedToArray","setViewRef","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/dist/Breadcrumbs.js

@@ -0,0 +1,46 @@
+import classnames from 'classnames';
+import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
+import Typography from '@bigbinary/neetoui/Typography';
+import { Link } from 'react-router-dom';
+import { n } from './inject-css-DmrvuTKK.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var css = ".neeto-molecules-breadcrumb{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;line-height:1}.neeto-molecules-breadcrumb a{text-decoration:none;transition:all .3s ease-in-out}.neeto-molecules-breadcrumb a:focus-visible{border-radius:var(--neeto-ui-rounded-sm);outline:3px solid rgba(var(--neeto-ui-primary-500),50%)}.neeto-molecules-breadcrumb-separator{font-size:.75rem;line-height:1rem;margin:0 .75rem}.neeto-molecules-breadcrumbs-wrap{display:flex;flex-wrap:wrap;gap:.375rem 0;margin:0 0 2.5rem}@media screen and (max-width:768px){.neeto-molecules-breadcrumbs-wrap{margin:0 0 1rem}}";
+n(css,{});
+
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var breadcrumbs = _ref.breadcrumbs,
+    _ref$hasTrailingSepar = _ref.hasTrailingSeparator,
+    hasTrailingSeparator = _ref$hasTrailingSepar === void 0 ? false : _ref$hasTrailingSepar,
+    className = _ref.className;
+  return /*#__PURE__*/jsx("div", {
+    className: classnames("neeto-molecules-breadcrumbs-wrap", className),
+    children: breadcrumbs.map(function (_ref2, index) {
+      var text = _ref2.text,
+        _ref2$link = _ref2.link,
+        link = _ref2$link === void 0 ? "#" : _ref2$link;
+      return /*#__PURE__*/jsxs("div", {
+        className: "neeto-molecules-breadcrumb",
+        "data-cy": "header-breadcrumb",
+        children: [/*#__PURE__*/jsx(Link, {
+          to: link,
+          children: /*#__PURE__*/jsx(Typography, {
+            className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-breadcrumb-link",
+            component: "span",
+            "data-cy": "".concat(hyphenize(text), "-breadcrumb"),
+            "data-test-id": text,
+            style: "body2",
+            weight: "normal",
+            children: text
+          })
+        }), (index + 1 !== breadcrumbs.length || hasTrailingSeparator) && /*#__PURE__*/jsx("span", {
+          className: "neeto-molecules-breadcrumb-separator neeto-ui-text-black",
+          children: "/"
+        })]
+      }, index);
+    })
+  });
+};
+
+export { Breadcrumbs as default };
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../src/components/Breadcrumbs/index.jsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./breadcrumbs.scss\";\n\nconst Breadcrumbs = ({\n  breadcrumbs,\n  hasTrailingSeparator = false,\n  className,\n}) => (\n  <div className={classNames(\"neeto-molecules-breadcrumbs-wrap\", className)}>\n    {breadcrumbs.map(({ text, link = \"#\" }, index) => (\n      <div\n        className=\"neeto-molecules-breadcrumb\"\n        data-cy=\"header-breadcrumb\"\n        key={index}\n      >\n        <Link to={link}>\n          <Typography\n            className=\"neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-breadcrumb-link\"\n            component=\"span\"\n            data-cy={`${hyphenize(text)}-breadcrumb`}\n            data-test-id={text}\n            style=\"body2\"\n            weight=\"normal\"\n          >\n            {text}\n          </Typography>\n        </Link>\n        {(index + 1 !== breadcrumbs.length || hasTrailingSeparator) && (\n          <span className=\"neeto-molecules-breadcrumb-separator neeto-ui-text-black\">\n            /\n          </span>\n        )}\n      </div>\n    ))}\n  </div>\n);\n\nBreadcrumbs.propTypes = {\n  /**\n   * To show breadcrumbs. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n};\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","_ref$hasTrailingSepar","hasTrailingSeparator","className","_jsx","classNames","children","map","_ref2","index","text","_ref2$link","link","_jsxs","Link","to","Typography","component","concat","hyphenize","style","weight","length"],"mappings":";;;;;;;;;;AAQA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACfC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAAC,qBAAA,GAAAF,IAAA,CACXG,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAC5BE,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AAAA,EAAA,oBAETC,GAAA,CAAA,KAAA,EAAA;AAAKD,IAAAA,SAAS,EAAEE,UAAU,CAAC,kCAAkC,EAAEF,SAAS,CAAE;IAAAG,QAAA,EACvEN,WAAW,CAACO,GAAG,CAAC,UAAAC,KAAA,EAAuBC,KAAK,EAAA;AAAA,MAAA,IAAzBC,IAAI,GAAAF,KAAA,CAAJE,IAAI;QAAAC,UAAA,GAAAH,KAAA,CAAEI,IAAI;AAAJA,QAAAA,IAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,UAAA,CAAA;AAAA,MAAA,oBAClCE,IAAA,CAAA,KAAA,EAAA;AACEV,QAAAA,SAAS,EAAC,4BAA4B;AACtC,QAAA,SAAA,EAAQ,mBAAmB;QAAAG,QAAA,EAAA,cAG3BF,GAAA,CAACU,IAAI,EAAA;AAACC,UAAAA,EAAE,EAAEH,IAAK;UAAAN,QAAA,eACbF,GAAA,CAACY,UAAU,EAAA;AACTb,YAAAA,SAAS,EAAC,qFAAqF;AAC/Fc,YAAAA,SAAS,EAAC,MAAM;AAChB,YAAA,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAYC,SAAS,CAACT,IAAI,CAAC,EAAc,aAAA,CAAA;AACzC,YAAA,cAAA,EAAcA,IAAK;AACnBU,YAAAA,KAAK,EAAC,OAAO;AACbC,YAAAA,MAAM,EAAC,QAAQ;AAAAf,YAAAA,QAAA,EAEdI,IAAAA;WACS,CAAA;AAAC,SACT,CAAC,EACN,CAACD,KAAK,GAAG,CAAC,KAAKT,WAAW,CAACsB,MAAM,IAAIpB,oBAAoB,kBACxDE,GAAA,CAAA,MAAA,EAAA;AAAMD,UAAAA,SAAS,EAAC,0DAA0D;AAAAG,UAAAA,QAAA,EAAC,GAAA;AAE3E,SAAM,CACP,CAAA;AAAA,OAAA,EAlBIG,KAmBF,CAAC,CAAA;KACP,CAAA;AAAC,GACC,CAAC,CAAA;AAAA;;;;"}

package/dist/BrowserPreview.js

@@ -0,0 +1,50 @@
+import classnames from 'classnames';
+import { n } from './inject-css-DmrvuTKK.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var css = ".neeto-molecules-browser-preview{background-color:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded-lg);display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.neeto-molecules-browser-preview .neeto-molecules-browser-preview__header{border-bottom:1px solid rgb(var(--neeto-ui-gray-300));flex-shrink:0;padding:12px}.neeto-molecules-browser-preview .neeto-molecules-browser-preview__body{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow-y:auto}";
+n(css,{});
+
+var BrowserIcon = function BrowserIcon() {
+  return /*#__PURE__*/jsxs("svg", {
+    fill: "none",
+    height: "12",
+    viewBox: "0 0 52 12",
+    width: "52",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M11.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z",
+      fill: "#FF5F57",
+      stroke: "#E14640"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M31.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z",
+      fill: "#FFBD2E",
+      stroke: "#DFA123"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M51.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z",
+      fill: "#28CA42",
+      stroke: "#1DAD2C"
+    })]
+  });
+};
+
+var BrowserPreview = function BrowserPreview(_ref) {
+  var wrapperClassName = _ref.wrapperClassName,
+    className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames("neeto-molecules-browser-preview", wrapperClassName),
+    "data-testid": "browser-preview",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-molecules-browser-preview__header",
+      children: /*#__PURE__*/jsx(BrowserIcon, {})
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames("neeto-molecules-browser-preview__body", className),
+      "data-testid": "browser-preview-body",
+      children: children
+    })]
+  });
+};
+
+export { BrowserPreview as default };
+//# sourceMappingURL=BrowserPreview.js.map

package/dist/BrowserPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserPreview.js","sources":["../src/components/BrowserPreview/BrowserIcon.jsx","../src/components/BrowserPreview/index.jsx"],"sourcesContent":["const BrowserIcon = () => (\n  <svg\n    fill=\"none\"\n    height=\"12\"\n    viewBox=\"0 0 52 12\"\n    width=\"52\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M11.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z\"\n      fill=\"#FF5F57\"\n      stroke=\"#E14640\"\n    />\n    <path\n      d=\"M31.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z\"\n      fill=\"#FFBD2E\"\n      stroke=\"#DFA123\"\n    />\n    <path\n      d=\"M51.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z\"\n      fill=\"#28CA42\"\n      stroke=\"#1DAD2C\"\n    />\n  </svg>\n);\n\nexport default BrowserIcon;\n","import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./browser-preview.scss\";\nimport BrowserIcon from \"./BrowserIcon.jsx\";\n\nconst BrowserPreview = ({ wrapperClassName, className, children }) => (\n  <div\n    className={classNames(\"neeto-molecules-browser-preview\", wrapperClassName)}\n    data-testid=\"browser-preview\"\n  >\n    <div className=\"neeto-molecules-browser-preview__header\">\n      <BrowserIcon />\n    </div>\n    <div\n      className={classNames(\"neeto-molecules-browser-preview__body\", className)}\n      data-testid=\"browser-preview-body\"\n    >\n      {children}\n    </div>\n  </div>\n);\n\nBrowserPreview.propTypes = {\n  /**\n   * The content to be rendered inside the browser preview body.\n   */\n  children: PropTypes.node,\n  /*\n   * To provide additional classes to the browser preview container.\n   */\n  wrapperClassName: PropTypes.string,\n  /*\n   * To provide additional classes to the browser preview body.\n   */\n  className: PropTypes.string,\n};\n\nexport default BrowserPreview;\n"],"names":["BrowserIcon","_jsxs","fill","height","viewBox","width","xmlns","children","_jsx","d","stroke","BrowserPreview","_ref","wrapperClassName","className","classNames"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,EAAA,oBACfC,IAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,MAAM,EAAC,IAAI;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,KAAK,EAAC,4BAA4B;AAAAC,IAAAA,QAAA,gBAElCC,GAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,CAAC,EAAC,6CAA6C;AAC/CP,MAAAA,IAAI,EAAC,SAAS;AACdQ,MAAAA,MAAM,EAAC,SAAA;KACR,CAAC,eACFF,GAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,CAAC,EAAC,6CAA6C;AAC/CP,MAAAA,IAAI,EAAC,SAAS;AACdQ,MAAAA,MAAM,EAAC,SAAA;KACR,CAAC,eACFF,GAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,CAAC,EAAC,6CAA6C;AAC/CP,MAAAA,IAAI,EAAC,SAAS;AACdQ,MAAAA,MAAM,EAAC,SAAA;AAAS,KACjB,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAAA,CACP;;AClBD,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEP,QAAQ,GAAAK,IAAA,CAARL,QAAQ,CAAA;AAAA,EAAA,oBAC7DN,IAAA,CAAA,KAAA,EAAA;AACEa,IAAAA,SAAS,EAAEC,UAAU,CAAC,iCAAiC,EAAEF,gBAAgB,CAAE;AAC3E,IAAA,aAAA,EAAY,iBAAiB;AAAAN,IAAAA,QAAA,gBAE7BC,GAAA,CAAA,KAAA,EAAA;AAAKM,MAAAA,SAAS,EAAC,yCAAyC;AAAAP,MAAAA,QAAA,eACtDC,GAAA,CAACR,WAAW,EAAE,EAAA,CAAA;KACX,CAAC,eACNQ,GAAA,CAAA,KAAA,EAAA;AACEM,MAAAA,SAAS,EAAEC,UAAU,CAAC,uCAAuC,EAAED,SAAS,CAAE;AAC1E,MAAA,aAAA,EAAY,sBAAsB;AAAAP,MAAAA,QAAA,EAEjCA,QAAAA;AAAQ,KACN,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAAA;;;;"}