@uva-glass/component-library 3.30.1 → 3.31.0

package/dist/Sortable.module-CekPNg54.js

@@ -1,23 +0,0 @@
-import './assets/Sortable.css';const _ = "_sortable__wrapper_ttudd_1", t = "_sortable__container_ttudd_13", e = "_sortable__handle_ttudd_149", r = {
-  sortable__wrapper: _,
-  "sortable__wrapper--scrollable": "_sortable__wrapper--scrollable_ttudd_5",
-  sortable__container: t,
-  "sortable__drop-target": "_sortable__drop-target_ttudd_25",
-  "sortable__sort-item": "_sortable__sort-item_ttudd_56",
-  "sortable__sort-item--ghost": "_sortable__sort-item--ghost_ttudd_72",
-  "sortable__sort-item__handle": "_sortable__sort-item__handle_ttudd_83",
-  "sortable__sort-item__button-container": "_sortable__sort-item__button-container_ttudd_93",
-  "sortable__sort-item__handle--icon": "_sortable__sort-item__handle--icon_ttudd_112",
-  "sortable__sort-item__handle--up": "_sortable__sort-item__handle--up_ttudd_119",
-  "sortable__sort-item__handle--down": "_sortable__sort-item__handle--down_ttudd_120",
-  "sortable__sort-item--dragging": "_sortable__sort-item--dragging_ttudd_131",
-  "sortable__sort-item__contents": "_sortable__sort-item__contents_ttudd_135",
-  "sortable__sort-item__contents--handle-right": "_sortable__sort-item__contents--handle-right_ttudd_144",
-  sortable__handle: e,
-  "sortable__handle--right": "_sortable__handle--right_ttudd_155",
-  "sortable__visually-hidden": "_sortable__visually-hidden_ttudd_174"
-};
-export {
-  r as s
-};
-//# sourceMappingURL=Sortable.module-CekPNg54.js.map

package/dist/Sortable.module-CekPNg54.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sortable.module-CekPNg54.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/SortableProvider-CwX1lFMa.js

@@ -1,152 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useRef as b, useEffect as w, cloneElement as R, createContext as O, useReducer as A, Children as _, useContext as L } from "react";
-import { sortableReducer as j, initialState as q } from "./components/Sortable/sortableReducer.js";
-import { c as N } from "./clsx-OuTLNxxd.js";
-import { s as u } from "./Sortable.module-CekPNg54.js";
-import { setDraggingTarget as B, setDraggingSource as H, setClone as X, reset as Y, moveToPosition as k, drop as z, dragStart as F, dragEnd as G, clearDraggingTarget as J, clearDraggingSource as K } from "./components/Sortable/actions.js";
-function M({ scrollable: i, onSort: a }) {
-  const { clone: n, draggingTarget: p, drop: x, sortableItems: D, setDraggingTarget: o, reset: S, indices: s } = U(), l = b(null), c = b(null), d = b(s);
-  function m(r) {
-    const e = l.current;
-    if (!(e != null && e.hasChildNodes())) return;
-    const t = r.currentTarget;
-    return Array.from(e.childNodes).findIndex((v) => v.isEqualNode(t));
-  }
-  function T(r) {
-    const e = m(r);
-    e !== void 0 && (n && c.current && c.current.removeChild(n), x(e));
-  }
-  function $(r) {
-    if (r.preventDefault(), r.dataTransfer.dropEffect = "move", n) {
-      const { clientX: t, clientY: g } = r, { x: h, y: v, width: y, height: I } = r.currentTarget.getBoundingClientRect(), P = I / 2 - (g - v);
-      n.setAttribute(
-        "style",
-        `
-        left: ${t - (t - h)}px;
-        top: ${v - P}px;
-        height: ${I}px;
-        width: ${y}px;
-        visibility: visible;
-      `
-      );
-    }
-    const e = m(r);
-    e === void 0 || e === p || o(e);
-  }
-  function C(r) {
-    var g;
-    const { relatedTarget: e } = r;
-    e !== null && ((g = l.current) == null ? void 0 : g.contains(e)) || (S(), n && n.setAttribute("style", "visibility: hidden;"));
-  }
-  return w(() => {
-    if (!(!n || !c.current))
-      return c.current.appendChild(n), function() {
-        n.remove();
-      };
-  }, [n]), w(() => {
-    a && s.valueOf() !== d.current.valueOf() && (a(s), d.current = s);
-  }, [s, d, a]), /* @__PURE__ */ f(
-    "div",
-    {
-      className: N(u.sortable__wrapper, { [u["sortable__wrapper--scrollable"]]: i }),
-      ref: c,
-      children: /* @__PURE__ */ f(
-        "ul",
-        {
-          className: N(u.sortable__container, {
-            [u["sortable__container--drag-over"]]: n !== void 0
-          }),
-          onDragLeave: C,
-          ref: l,
-          role: "presentation",
-          children: D.map((r, e) => /* @__PURE__ */ f(
-            "li",
-            {
-              className: u["sortable__drop-target"],
-              draggable: !1,
-              onDragOver: $,
-              onDrop: T,
-              role: "presentation",
-              children: R(r, { index: e })
-            },
-            e
-          ))
-        }
-      )
-    }
-  );
-}
-const E = O(void 0), Q = (i) => ({
-  ...q,
-  indices: _.map(i, ({ props: a }) => a.index),
-  maxIndex: _.count(i) - 1,
-  sortableItems: i
-});
-function ne({ children: i, items: a, scrollable: n, onSort: p }) {
-  const x = b(a), [D, o] = A(j, i, Q);
-  function S(t) {
-    o(H(t));
-  }
-  function s(t) {
-    o(B(t));
-  }
-  function l(t) {
-    o(k(t));
-  }
-  function c() {
-    o(J());
-  }
-  function d() {
-    o(K());
-  }
-  function m(t) {
-    o(z(t));
-  }
-  function T(t) {
-    o(F(t));
-  }
-  function $() {
-    o(G());
-  }
-  function C() {
-    o(Y());
-  }
-  function r(t) {
-    o(X(t));
-  }
-  function e(t) {
-    const g = t.map((h) => x.current[h]);
-    p && p(g);
-  }
-  return /* @__PURE__ */ f(
-    E.Provider,
-    {
-      value: {
-        ...D,
-        clearDraggingSource: d,
-        clearDraggingTarget: c,
-        dragEnd: $,
-        dragStart: T,
-        drop: m,
-        moveToPosition: l,
-        reset: C,
-        setClone: r,
-        setDraggingSource: S,
-        setDraggingTarget: s
-      },
-      children: /* @__PURE__ */ f(M, { scrollable: n, onSort: e })
-    }
-  );
-}
-function U() {
-  const i = L(E);
-  if (i === void 0)
-    throw new Error("useSortable must be used within a SortableProvider");
-  return i;
-}
-export {
-  ne as S,
-  M as a,
-  U as u
-};
-//# sourceMappingURL=SortableProvider-CwX1lFMa.js.map

package/dist/SortableProvider-CwX1lFMa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableProvider-CwX1lFMa.js","sources":["../src/components/Sortable/components/SortableContainer.tsx","../src/components/Sortable/SortableProvider.tsx"],"sourcesContent":["import { cloneElement, useEffect, useRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { DragEvent } from 'react';\n\nimport styles from 'components/Sortable/Sortable.module.css';\nimport { useSortable } from 'components/Sortable/SortableProvider';\n\nexport type OnSort = (indices: number[]) => void;\n\ninterface SortableContainerProps {\n  scrollable?: boolean;\n  onSort?: OnSort;\n}\n\nexport function SortableContainer({ scrollable, onSort }: SortableContainerProps) {\n  const { clone, draggingTarget, drop, sortableItems, setDraggingTarget, reset, indices } = useSortable();\n  const containerRef = useRef<HTMLUListElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const indicesRef = useRef<number[]>(indices);\n\n  function getTargetIndex(event: DragEvent<HTMLLIElement>) {\n    const sortableContainer = containerRef.current;\n\n    if (!sortableContainer?.hasChildNodes()) return;\n\n    const listItemNode = event.currentTarget;\n    const childNodes = Array.from(sortableContainer.childNodes);\n    const targetIndex = childNodes.findIndex((node) => node.isEqualNode(listItemNode));\n\n    return targetIndex;\n  }\n\n  function handleDrop(event: DragEvent<HTMLLIElement>) {\n    const targetIndex = getTargetIndex(event);\n\n    if (targetIndex === undefined) return;\n\n    if (clone && wrapperRef.current) wrapperRef.current.removeChild(clone);\n\n    drop(targetIndex);\n  }\n\n  function handleDragOver(event: DragEvent<HTMLLIElement>) {\n    // Prevent default to allow drop\n    event.preventDefault();\n    event.dataTransfer.dropEffect = 'move';\n\n    if (clone) {\n      const { clientX, clientY } = event;\n      const { x, y, width, height } = event.currentTarget.getBoundingClientRect();\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      const grabPosition = height / 2 - (clientY - y);\n\n      // lock drag image movement to x-axis and mouse pointer\n      clone.setAttribute(\n        'style',\n        `\n        left: ${clientX - (clientX - x)}px;\n        top: ${y - grabPosition}px;\n        height: ${height}px;\n        width: ${width}px;\n        visibility: visible;\n      `\n      );\n    }\n\n    const targetIndex = getTargetIndex(event);\n\n    if (targetIndex === undefined || targetIndex === draggingTarget) return;\n\n    setDraggingTarget(targetIndex);\n  }\n\n  function handleContainerDragLeave(event: DragEvent<HTMLUListElement>) {\n    const { relatedTarget } = event;\n\n    const within = relatedTarget !== null && containerRef.current?.contains(relatedTarget as Node);\n\n    if (!within) {\n      reset();\n\n      if (clone) {\n        clone.setAttribute('style', 'visibility: hidden;');\n      }\n    }\n  }\n\n  useEffect(() => {\n    if (!clone || !wrapperRef.current) return;\n\n    wrapperRef.current.appendChild(clone);\n\n    return function () {\n      clone.remove();\n    };\n  }, [clone]);\n\n  useEffect(() => {\n    if (!onSort) return;\n\n    if (indices.valueOf() !== indicesRef.current.valueOf()) {\n      onSort(indices);\n\n      indicesRef.current = indices;\n    }\n  }, [indices, indicesRef, onSort]);\n\n  return (\n    <div\n      className={clsx(styles['sortable__wrapper'], { [styles['sortable__wrapper--scrollable']]: scrollable })}\n      ref={wrapperRef}\n    >\n      <ul\n        className={clsx(styles['sortable__container'], {\n          [styles['sortable__container--drag-over']]: clone !== undefined,\n        })}\n        onDragLeave={handleContainerDragLeave}\n        ref={containerRef}\n        role=\"presentation\"\n      >\n        {sortableItems.map((child, index) => (\n          <li\n            className={styles['sortable__drop-target']}\n            draggable={false}\n            key={index}\n            onDragOver={handleDragOver}\n            onDrop={handleDrop}\n            role=\"presentation\"\n          >\n            {cloneElement(child, { index })}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n","import { Children, createContext, useContext, useReducer, useRef } from 'react';\n\nimport type { ReactElement } from 'react';\nimport type { SortableStateType } from './sortableReducer';\n\nimport { sortableReducer, initialState } from './sortableReducer';\nimport { SortableContainer } from './components/SortableContainer';\nimport * as actions from './actions';\n\ntype SortableContextType = {\n  clearDraggingSource: () => void;\n  clearDraggingTarget: () => void;\n  dragEnd: () => void;\n  dragStart: (index: number) => void;\n  drop: (index: number) => void;\n  moveToPosition: (index: number) => void;\n  reset: () => void;\n  setClone: (node: Element) => void;\n  setDraggingSource: (index: number) => void;\n  setDraggingTarget: (index: number) => void;\n};\n\nconst SortableContext = createContext<(SortableContextType & SortableStateType) | undefined>(undefined);\n\ninterface Props {\n  children: SortableStateType['sortableItems'];\n  items: ReactElement[] | string[];\n  scrollable?: boolean;\n  onSort?: (items: (string | ReactElement)[]) => void;\n}\n\nconst init = (children: Props['children']): SortableStateType => ({\n  ...initialState,\n  indices: Children.map(children, ({ props }) => props.index),\n  maxIndex: Children.count(children) - 1,\n  sortableItems: children,\n});\n\nexport function SortableProvider({ children, items, scrollable, onSort }: Props) {\n  const persistentItems = useRef(items);\n\n  const [state, dispatch] = useReducer(sortableReducer, children, init);\n\n  function setDraggingSource(index: number) {\n    dispatch(actions.setDraggingSource(index));\n  }\n\n  function setDraggingTarget(index: number) {\n    dispatch(actions.setDraggingTarget(index));\n  }\n\n  function moveToPosition(index: number) {\n    dispatch(actions.moveToPosition(index));\n  }\n\n  function clearDraggingTarget() {\n    dispatch(actions.clearDraggingTarget());\n  }\n\n  function clearDraggingSource() {\n    dispatch(actions.clearDraggingSource());\n  }\n\n  function drop(index: number) {\n    dispatch(actions.drop(index));\n  }\n\n  function dragStart(index: number) {\n    dispatch(actions.dragStart(index));\n  }\n\n  function dragEnd() {\n    dispatch(actions.dragEnd());\n  }\n\n  function reset() {\n    dispatch(actions.reset());\n  }\n\n  function setClone(node: Element) {\n    dispatch(actions.setClone(node));\n  }\n\n  function onHandleSort(sortedIndices: number[]) {\n    const sortedItems = sortedIndices.map((index) => persistentItems.current[index]);\n    onSort && onSort(sortedItems);\n  }\n\n  return (\n    <SortableContext.Provider\n      value={{\n        ...state,\n        clearDraggingSource,\n        clearDraggingTarget,\n        dragEnd,\n        dragStart,\n        drop,\n        moveToPosition,\n        reset,\n        setClone,\n        setDraggingSource,\n        setDraggingTarget,\n      }}\n    >\n      <SortableContainer scrollable={scrollable} onSort={onHandleSort} />\n    </SortableContext.Provider>\n  );\n}\n\nexport function useSortable() {\n  const context = useContext(SortableContext);\n\n  if (context === undefined) {\n    throw new Error('useSortable must be used within a SortableProvider');\n  }\n\n  return context;\n}\n"],"names":["SortableContainer","scrollable","onSort","clone","draggingTarget","drop","sortableItems","setDraggingTarget","reset","indices","useSortable","containerRef","useRef","wrapperRef","indicesRef","getTargetIndex","event","sortableContainer","listItemNode","node","handleDrop","targetIndex","handleDragOver","clientX","clientY","x","y","width","height","grabPosition","handleContainerDragLeave","relatedTarget","_a","useEffect","jsx","clsx","styles","child","index","cloneElement","SortableContext","createContext","init","children","initialState","Children","props","SortableProvider","items","persistentItems","state","dispatch","useReducer","sortableReducer","setDraggingSource","actions.setDraggingSource","actions.setDraggingTarget","moveToPosition","actions.moveToPosition","clearDraggingTarget","actions.clearDraggingTarget","clearDraggingSource","actions.clearDraggingSource","actions.drop","dragStart","actions.dragStart","dragEnd","actions.dragEnd","actions.reset","setClone","actions.setClone","onHandleSort","sortedIndices","sortedItems","context","useContext"],"mappings":"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"}