@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

package/dist/elements/FolderView/DraggableTableRow/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/DraggableTableRow/index.tsx"],"sourcesContent":["'use client'\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { DraggableWithClick } from '../DraggableWithClick/index.js'\nimport { HiddenCell, TableCell } from '../SimpleTable/index.js'\nimport './index.scss'\n\nconst baseClass = 'draggable-table-row'\ntype Props = {\n  readonly columns: React.ReactNode[]\n  readonly disabled?: boolean\n  readonly dragData?: Record<string, unknown>\n  readonly id: number | string\n  readonly isDroppable?: boolean\n  readonly isFocused?: boolean\n  readonly isSelected?: boolean\n  readonly isSelecting?: boolean\n  readonly itemKey: string\n  readonly onClick?: (e: React.MouseEvent) => void\n  readonly onKeyDown?: (e: React.KeyboardEvent) => void\n}\nexport function DraggableTableRow({\n  id,\n  columns,\n  disabled = false,\n  dragData,\n  isDroppable: _isDroppable,\n  isFocused,\n  isSelected,\n  isSelecting,\n  itemKey,\n  onClick,\n  onKeyDown,\n}: Props) {\n  const isDroppable = !disabled && _isDroppable && !isSelected\n  const { isOver, setNodeRef } = useDroppable({\n    id,\n    data: dragData,\n    disabled: !isDroppable,\n  })\n  const ref = React.useRef(null)\n\n  React.useEffect(() => {\n    const copyOfRef = ref.current\n    if (isFocused && ref.current) {\n      ref.current.focus()\n    } else if (!isFocused && ref.current) {\n      ref.current.blur()\n    }\n\n    return () => {\n      if (copyOfRef) {\n        copyOfRef.blur()\n      }\n    }\n  }, [isFocused])\n\n  return (\n    <DraggableWithClick\n      as=\"tr\"\n      className={[\n        baseClass,\n        isSelected && `${baseClass}--selected`,\n        isSelecting && `${baseClass}--selecting`,\n        disabled && `${baseClass}--disabled`,\n        isFocused && `${baseClass}--focused`,\n        isOver && `${baseClass}--over`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      key={itemKey}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref}\n    >\n      {columns.map((col, i) => (\n        <TableCell\n          className={[\n            `${baseClass}__cell-content`,\n            i === 0 && `${baseClass}__first-td`,\n            i === columns.length - 1 && `${baseClass}__last-td`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          key={`${itemKey}-${i}`}\n        >\n          {col}\n        </TableCell>\n      ))}\n\n      {isDroppable ? (\n        <HiddenCell>\n          <div className={`${baseClass}__drop-area`} ref={setNodeRef} />\n        </HiddenCell>\n      ) : null}\n    </DraggableWithClick>\n  )\n}\n"],"names":["useDroppable","React","DraggableWithClick","HiddenCell","TableCell","baseClass","DraggableTableRow","id","columns","disabled","dragData","isDroppable","_isDroppable","isFocused","isSelected","isSelecting","itemKey","onClick","onKeyDown","isOver","setNodeRef","data","ref","useRef","useEffect","copyOfRef","current","focus","blur","as","className","filter","Boolean","join","map","col","i","length","div"],"mappings":"AAAA;;AACA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,iCAAgC;AACnE,SAASC,UAAU,EAAEC,SAAS,QAAQ,0BAAyB;AAC/D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAclB,OAAO,SAASC,kBAAkB,EAChCC,EAAE,EACFC,OAAO,EACPC,WAAW,KAAK,EAChBC,QAAQ,EACRC,aAAaC,YAAY,EACzBC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,OAAO,EACPC,OAAO,EACPC,SAAS,EACH;IACN,MAAMP,cAAc,CAACF,YAAYG,gBAAgB,CAACE;IAClD,MAAM,EAAEK,MAAM,EAAEC,UAAU,EAAE,GAAGpB,aAAa;QAC1CO;QACAc,MAAMX;QACND,UAAU,CAACE;IACb;IACA,MAAMW,MAAMrB,MAAMsB,MAAM,CAAC;IAEzBtB,MAAMuB,SAAS,CAAC;QACd,MAAMC,YAAYH,IAAII,OAAO;QAC7B,IAAIb,aAAaS,IAAII,OAAO,EAAE;YAC5BJ,IAAII,OAAO,CAACC,KAAK;QACnB,OAAO,IAAI,CAACd,aAAaS,IAAII,OAAO,EAAE;YACpCJ,IAAII,OAAO,CAACE,IAAI;QAClB;QAEA,OAAO;YACL,IAAIH,WAAW;gBACbA,UAAUG,IAAI;YAChB;QACF;IACF,GAAG;QAACf;KAAU;IAEd,qBACE,QAACX;QACC2B,IAAG;QACHC,WAAW;YACTzB;YACAS,cAAc,GAAGT,UAAU,UAAU,CAAC;YACtCU,eAAe,GAAGV,UAAU,WAAW,CAAC;YACxCI,YAAY,GAAGJ,UAAU,UAAU,CAAC;YACpCQ,aAAa,GAAGR,UAAU,SAAS,CAAC;YACpCc,UAAU,GAAGd,UAAU,MAAM,CAAC;SAC/B,CACE0B,MAAM,CAACC,SACPC,IAAI,CAAC;QAERhB,SAASA;QACTC,WAAWA;QACXI,KAAKA;;YAEJd,QAAQ0B,GAAG,CAAC,CAACC,KAAKC,kBACjB,QAAChC;oBACC0B,WAAW;wBACT,GAAGzB,UAAU,cAAc,CAAC;wBAC5B+B,MAAM,KAAK,GAAG/B,UAAU,UAAU,CAAC;wBACnC+B,MAAM5B,QAAQ6B,MAAM,GAAG,KAAK,GAAGhC,UAAU,SAAS,CAAC;qBACpD,CACE0B,MAAM,CAACC,SACPC,IAAI,CAAC;8BAGPE;mBAFI,GAAGnB,QAAQ,CAAC,EAAEoB,GAAG;;;;;YAMzBzB,4BACC,QAACR;0BACC,cAAA,QAACmC;oBAAIR,WAAW,GAAGzB,UAAU,WAAW,CAAC;oBAAEiB,KAAKF;;;;;;;;;;uBAEhD;;OAxBCJ;;;;;AA2BX"}
+{"version":3,"sources":["../../../../src/elements/FolderView/DraggableTableRow/index.tsx"],"sourcesContent":["'use client'\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { DraggableWithClick } from '../DraggableWithClick/index.js'\nimport { HiddenCell, TableCell } from '../SimpleTable/index.js'\nimport './index.scss'\n\nconst baseClass = 'draggable-table-row'\ntype Props = {\n  readonly columns: React.ReactNode[]\n  readonly disabled?: boolean\n  readonly dragData?: Record<string, unknown>\n  readonly id: number | string\n  readonly isDroppable?: boolean\n  readonly isFocused?: boolean\n  readonly isSelected?: boolean\n  readonly isSelecting?: boolean\n  readonly itemKey: string\n  readonly onClick?: (e: React.MouseEvent) => void\n  readonly onKeyDown?: (e: React.KeyboardEvent) => void\n}\nexport function DraggableTableRow({\n  id,\n  columns,\n  disabled = false,\n  dragData,\n  isDroppable: _isDroppable,\n  isFocused,\n  isSelected,\n  isSelecting,\n  itemKey,\n  onClick,\n  onKeyDown,\n}: Props) {\n  const isDroppable = !disabled && _isDroppable && !isSelected\n  const { isOver, setNodeRef } = useDroppable({\n    id,\n    data: dragData,\n    disabled: !isDroppable,\n  })\n  const ref = React.useRef(null)\n\n  React.useEffect(() => {\n    const copyOfRef = ref.current\n    if (isFocused && ref.current) {\n      ref.current.focus()\n    } else if (!isFocused && ref.current) {\n      ref.current.blur()\n    }\n\n    return () => {\n      if (copyOfRef) {\n        copyOfRef.blur()\n      }\n    }\n  }, [isFocused])\n\n  return (\n    <DraggableWithClick\n      as=\"tr\"\n      className={[\n        baseClass,\n        isSelected && `${baseClass}--selected`,\n        isSelecting && `${baseClass}--selecting`,\n        disabled && `${baseClass}--disabled`,\n        isFocused && `${baseClass}--focused`,\n        isOver && `${baseClass}--over`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      key={itemKey}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref}\n    >\n      {columns.map((col, i) => (\n        <TableCell\n          className={[\n            `${baseClass}__cell-content`,\n            i === 0 && `${baseClass}__first-td`,\n            i === columns.length - 1 && `${baseClass}__last-td`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          key={`${itemKey}-${i}`}\n        >\n          {col}\n        </TableCell>\n      ))}\n\n      {isDroppable ? (\n        <HiddenCell>\n          <div className={`${baseClass}__drop-area`} ref={setNodeRef} />\n        </HiddenCell>\n      ) : null}\n    </DraggableWithClick>\n  )\n}\n"],"names":["useDroppable","React","DraggableWithClick","HiddenCell","TableCell","baseClass","DraggableTableRow","id","columns","disabled","dragData","isDroppable","_isDroppable","isFocused","isSelected","isSelecting","itemKey","onClick","onKeyDown","isOver","setNodeRef","data","ref","useRef","useEffect","copyOfRef","current","focus","blur","as","className","filter","Boolean","join","key","map","col","i","length","div"],"mappings":"AAAA;AACA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,iCAAgC;AACnE,SAASC,UAAU,EAAEC,SAAS,QAAQ,0BAAyB;AAC/D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAclB,OAAO,SAASC,kBAAkB,EAChCC,EAAE,EACFC,OAAO,EACPC,WAAW,KAAK,EAChBC,QAAQ,EACRC,aAAaC,YAAY,EACzBC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,OAAO,EACPC,OAAO,EACPC,SAAS,EACH;IACN,MAAMP,cAAc,CAACF,YAAYG,gBAAgB,CAACE;IAClD,MAAM,EAAEK,MAAM,EAAEC,UAAU,EAAE,GAAGpB,aAAa;QAC1CO;QACAc,MAAMX;QACND,UAAU,CAACE;IACb;IACA,MAAMW,MAAMrB,MAAMsB,MAAM,CAAC;IAEzBtB,MAAMuB,SAAS,CAAC;QACd,MAAMC,YAAYH,IAAII,OAAO;QAC7B,IAAIb,aAAaS,IAAII,OAAO,EAAE;YAC5BJ,IAAII,OAAO,CAACC,KAAK;QACnB,OAAO,IAAI,CAACd,aAAaS,IAAII,OAAO,EAAE;YACpCJ,IAAII,OAAO,CAACE,IAAI;QAClB;QAEA,OAAO;YACL,IAAIH,WAAW;gBACbA,UAAUG,IAAI;YAChB;QACF;IACF,GAAG;QAACf;KAAU;IAEd,QACGX,mBACC2B,GAAG,KACHC,WAAW;QACTzB;QACAS,cAAc,GAAGT,UAAU,UAAU,CAAC;QACtCU,eAAe,GAAGV,UAAU,WAAW,CAAC;QACxCI,YAAY,GAAGJ,UAAU,UAAU,CAAC;QACpCQ,aAAa,GAAGR,UAAU,SAAS,CAAC;QACpCc,UAAU,GAAGd,UAAU,MAAM,CAAC;KAC/B,CACE0B,MAAM,CAACC,SACPC,IAAI,CAAC,MACRC,KAAKlB,SACLC,SAASA,SACTC,WAAWA,WACXI,KAAKA,KACN;MACC,CAACd,QAAQ2B,GAAG,CAAC,CAACC,KAAKC,KAChBjC,UACC0B,WAAW;YACT,GAAGzB,UAAU,cAAc,CAAC;YAC5BgC,MAAM,KAAK,GAAGhC,UAAU,UAAU,CAAC;YACnCgC,MAAM7B,QAAQ8B,MAAM,GAAG,KAAK,GAAGjC,UAAU,SAAS,CAAC;SACpD,CACE0B,MAAM,CAACC,SACPC,IAAI,CAAC,MACRC,KAAK,GAAGlB,QAAQ,CAAC,EAAEqB,GAAG,EACvB;UACC,CAACD,IAAI;QACP,EAAEhC,YACD;;MAEH,CAACO,eACER,WAAW;UACV,CAACoC,IAAIT,WAAW,GAAGzB,UAAU,WAAW,CAAC,EAAEiB,KAAKF,aAAc;QAChE,EAAEjB,cACA,KAAK;IACX,EAAED;AAEN"}

package/dist/elements/FolderView/DraggableWithClick/index.js

@@ -1,6 +1,5 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useDraggable } from '@dnd-kit/core';
-import React, { useId, useRef } from 'react';
+import { useId, useRef } from 'react';
 import './index.scss';
 const baseClass = 'draggable-with-click';
 export const DraggableWithClick = ({ as = 'div', children, className, disabled = false, onClick, onKeyDown, ref, thresholdPixels = 3 })=>{
@@ -51,32 +50,21 @@ export const DraggableWithClick = ({ as = 'div', children, className, disabled =
         window.addEventListener('pointerup', handlePointerUp);
     };
     const Component = as || 'div';
-    return /*#__PURE__*/ _jsxDEV(Component, {
-        role: "button",
-        tabIndex: 0,
-        ...attributes,
-        className: [
-            baseClass,
-            className,
-            disabled ? `${baseClass}--disabled` : ''
-        ].filter(Boolean).join(' '),
-        onKeyDown: disabled ? undefined : onKeyDown,
-        onPointerDown: disabled ? undefined : onClick ? handlePointerDown : undefined,
-        ref: (node)=>{
-            if (disabled) {
-                return;
-            }
-            setNodeRef(node);
-            if (ref) {
-                ref.current = node;
-            }
-        },
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/DraggableWithClick/index.tsx",
-        lineNumber: 75,
-        columnNumber: 5
-    }, this);
+    return <Component role="button" tabIndex={0} {...attributes} className={[
+        baseClass,
+        className,
+        disabled ? `${baseClass}--disabled` : ''
+    ].filter(Boolean).join(' ')} onKeyDown={disabled ? undefined : onKeyDown} onPointerDown={disabled ? undefined : onClick ? handlePointerDown : undefined} ref={(node)=>{
+        if (disabled) {
+            return;
+        }
+        setNodeRef(node);
+        if (ref) {
+            ref.current = node;
+        }
+    }}>
+      {children}
+    </Component>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/DraggableWithClick/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/DraggableWithClick/index.tsx"],"sourcesContent":["import { useDraggable } from '@dnd-kit/core'\nimport React, { useId, useRef } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'draggable-with-click'\n\ntype Props = {\n  readonly as?: React.ElementType\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly onClick: (e: React.MouseEvent) => void\n  readonly onKeyDown?: (e: React.KeyboardEvent) => void\n  readonly ref?: React.RefObject<HTMLDivElement>\n  readonly thresholdPixels?: number\n}\n\nexport const DraggableWithClick = ({\n  as = 'div',\n  children,\n  className,\n  disabled = false,\n  onClick,\n  onKeyDown,\n  ref,\n  thresholdPixels = 3,\n}: Props) => {\n  const id = useId()\n  const { attributes, listeners, setNodeRef } = useDraggable({ id, disabled })\n  const initialPos = useRef({ x: 0, y: 0 })\n  const isDragging = useRef(false)\n\n  const handlePointerDown = (e) => {\n    initialPos.current = { x: e.clientX, y: e.clientY }\n    isDragging.current = false\n\n    const handlePointerMove = (moveEvent) => {\n      const deltaX = Math.abs(moveEvent.clientX - initialPos.current.x)\n      const deltaY = Math.abs(moveEvent.clientY - initialPos.current.y)\n      if (deltaX > thresholdPixels || deltaY > thresholdPixels) {\n        isDragging.current = true\n        if (listeners?.onPointerDown) {\n          listeners.onPointerDown(e)\n          // when the user starts dragging\n          // - call the click handler\n          // - remove the pointermove listener\n          onClick(moveEvent)\n        }\n        window.removeEventListener('pointermove', handlePointerMove)\n      }\n    }\n\n    const cleanup = () => {\n      window.removeEventListener('pointermove', handlePointerMove)\n      window.removeEventListener('pointerup', handlePointerUp)\n    }\n\n    const handlePointerUp = (upEvent) => {\n      cleanup()\n      if (!isDragging.current) {\n        // if the user did not drag the element\n        // - call the click handler\n        onClick(upEvent)\n      }\n    }\n\n    window.addEventListener('pointermove', handlePointerMove)\n    window.addEventListener('pointerup', handlePointerUp)\n  }\n\n  const Component = as || 'div'\n\n  return (\n    <Component\n      role=\"button\"\n      tabIndex={0}\n      {...attributes}\n      className={[baseClass, className, disabled ? `${baseClass}--disabled` : '']\n        .filter(Boolean)\n        .join(' ')}\n      onKeyDown={disabled ? undefined : onKeyDown}\n      onPointerDown={disabled ? undefined : onClick ? handlePointerDown : undefined}\n      ref={(node) => {\n        if (disabled) {\n          return\n        }\n        setNodeRef(node)\n        if (ref) {\n          ref.current = node\n        }\n      }}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["useDraggable","React","useId","useRef","baseClass","DraggableWithClick","as","children","className","disabled","onClick","onKeyDown","ref","thresholdPixels","id","attributes","listeners","setNodeRef","initialPos","x","y","isDragging","handlePointerDown","e","current","clientX","clientY","handlePointerMove","moveEvent","deltaX","Math","abs","deltaY","onPointerDown","window","removeEventListener","cleanup","handlePointerUp","upEvent","addEventListener","Component","role","tabIndex","filter","Boolean","join","undefined","node"],"mappings":";AAAA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,SAASC,KAAK,EAAEC,MAAM,QAAQ,QAAO;AAE5C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAalB,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,KAAK,KAAK,EACVC,QAAQ,EACRC,SAAS,EACTC,WAAW,KAAK,EAChBC,OAAO,EACPC,SAAS,EACTC,GAAG,EACHC,kBAAkB,CAAC,EACb;IACN,MAAMC,KAAKZ;IACX,MAAM,EAAEa,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGjB,aAAa;QAAEc;QAAIL;IAAS;IAC1E,MAAMS,aAAaf,OAAO;QAAEgB,GAAG;QAAGC,GAAG;IAAE;IACvC,MAAMC,aAAalB,OAAO;IAE1B,MAAMmB,oBAAoB,CAACC;QACzBL,WAAWM,OAAO,GAAG;YAAEL,GAAGI,EAAEE,OAAO;YAAEL,GAAGG,EAAEG,OAAO;QAAC;QAClDL,WAAWG,OAAO,GAAG;QAErB,MAAMG,oBAAoB,CAACC;YACzB,MAAMC,SAASC,KAAKC,GAAG,CAACH,UAAUH,OAAO,GAAGP,WAAWM,OAAO,CAACL,CAAC;YAChE,MAAMa,SAASF,KAAKC,GAAG,CAACH,UAAUF,OAAO,GAAGR,WAAWM,OAAO,CAACJ,CAAC;YAChE,IAAIS,SAAShB,mBAAmBmB,SAASnB,iBAAiB;gBACxDQ,WAAWG,OAAO,GAAG;gBACrB,IAAIR,WAAWiB,eAAe;oBAC5BjB,UAAUiB,aAAa,CAACV;oBACxB,gCAAgC;oBAChC,2BAA2B;oBAC3B,oCAAoC;oBACpCb,QAAQkB;gBACV;gBACAM,OAAOC,mBAAmB,CAAC,eAAeR;YAC5C;QACF;QAEA,MAAMS,UAAU;YACdF,OAAOC,mBAAmB,CAAC,eAAeR;YAC1CO,OAAOC,mBAAmB,CAAC,aAAaE;QAC1C;QAEA,MAAMA,kBAAkB,CAACC;YACvBF;YACA,IAAI,CAACf,WAAWG,OAAO,EAAE;gBACvB,uCAAuC;gBACvC,2BAA2B;gBAC3Bd,QAAQ4B;YACV;QACF;QAEAJ,OAAOK,gBAAgB,CAAC,eAAeZ;QACvCO,OAAOK,gBAAgB,CAAC,aAAaF;IACvC;IAEA,MAAMG,YAAYlC,MAAM;IAExB,qBACE,QAACkC;QACCC,MAAK;QACLC,UAAU;QACT,GAAG3B,UAAU;QACdP,WAAW;YAACJ;YAAWI;YAAWC,WAAW,GAAGL,UAAU,UAAU,CAAC,GAAG;SAAG,CACxEuC,MAAM,CAACC,SACPC,IAAI,CAAC;QACRlC,WAAWF,WAAWqC,YAAYnC;QAClCsB,eAAexB,WAAWqC,YAAYpC,UAAUY,oBAAoBwB;QACpElC,KAAK,CAACmC;YACJ,IAAItC,UAAU;gBACZ;YACF;YACAQ,WAAW8B;YACX,IAAInC,KAAK;gBACPA,IAAIY,OAAO,GAAGuB;YAChB;QACF;kBAECxC;;;;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/elements/FolderView/DraggableWithClick/index.tsx"],"sourcesContent":["import { useDraggable } from '@dnd-kit/core'\nimport React, { useId, useRef } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'draggable-with-click'\n\ntype Props = {\n  readonly as?: React.ElementType\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly onClick: (e: React.MouseEvent) => void\n  readonly onKeyDown?: (e: React.KeyboardEvent) => void\n  readonly ref?: React.RefObject<HTMLDivElement>\n  readonly thresholdPixels?: number\n}\n\nexport const DraggableWithClick = ({\n  as = 'div',\n  children,\n  className,\n  disabled = false,\n  onClick,\n  onKeyDown,\n  ref,\n  thresholdPixels = 3,\n}: Props) => {\n  const id = useId()\n  const { attributes, listeners, setNodeRef } = useDraggable({ id, disabled })\n  const initialPos = useRef({ x: 0, y: 0 })\n  const isDragging = useRef(false)\n\n  const handlePointerDown = (e) => {\n    initialPos.current = { x: e.clientX, y: e.clientY }\n    isDragging.current = false\n\n    const handlePointerMove = (moveEvent) => {\n      const deltaX = Math.abs(moveEvent.clientX - initialPos.current.x)\n      const deltaY = Math.abs(moveEvent.clientY - initialPos.current.y)\n      if (deltaX > thresholdPixels || deltaY > thresholdPixels) {\n        isDragging.current = true\n        if (listeners?.onPointerDown) {\n          listeners.onPointerDown(e)\n          // when the user starts dragging\n          // - call the click handler\n          // - remove the pointermove listener\n          onClick(moveEvent)\n        }\n        window.removeEventListener('pointermove', handlePointerMove)\n      }\n    }\n\n    const cleanup = () => {\n      window.removeEventListener('pointermove', handlePointerMove)\n      window.removeEventListener('pointerup', handlePointerUp)\n    }\n\n    const handlePointerUp = (upEvent) => {\n      cleanup()\n      if (!isDragging.current) {\n        // if the user did not drag the element\n        // - call the click handler\n        onClick(upEvent)\n      }\n    }\n\n    window.addEventListener('pointermove', handlePointerMove)\n    window.addEventListener('pointerup', handlePointerUp)\n  }\n\n  const Component = as || 'div'\n\n  return (\n    <Component\n      role=\"button\"\n      tabIndex={0}\n      {...attributes}\n      className={[baseClass, className, disabled ? `${baseClass}--disabled` : '']\n        .filter(Boolean)\n        .join(' ')}\n      onKeyDown={disabled ? undefined : onKeyDown}\n      onPointerDown={disabled ? undefined : onClick ? handlePointerDown : undefined}\n      ref={(node) => {\n        if (disabled) {\n          return\n        }\n        setNodeRef(node)\n        if (ref) {\n          ref.current = node\n        }\n      }}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["useDraggable","useId","useRef","baseClass","DraggableWithClick","as","children","className","disabled","onClick","onKeyDown","ref","thresholdPixels","id","attributes","listeners","setNodeRef","initialPos","x","y","isDragging","handlePointerDown","e","current","clientX","clientY","handlePointerMove","moveEvent","deltaX","Math","abs","deltaY","onPointerDown","window","removeEventListener","cleanup","handlePointerUp","upEvent","addEventListener","Component","role","tabIndex","filter","Boolean","join","undefined","node"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,SAAgBC,KAAK,EAAEC,MAAM,QAAQ,QAAO;AAE5C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAalB,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,KAAK,KAAK,EACVC,QAAQ,EACRC,SAAS,EACTC,WAAW,KAAK,EAChBC,OAAO,EACPC,SAAS,EACTC,GAAG,EACHC,kBAAkB,CAAC,EACb;IACN,MAAMC,KAAKZ;IACX,MAAM,EAAEa,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGhB,aAAa;QAAEa;QAAIL;IAAS;IAC1E,MAAMS,aAAaf,OAAO;QAAEgB,GAAG;QAAGC,GAAG;IAAE;IACvC,MAAMC,aAAalB,OAAO;IAE1B,MAAMmB,oBAAoB,CAACC;QACzBL,WAAWM,OAAO,GAAG;YAAEL,GAAGI,EAAEE,OAAO;YAAEL,GAAGG,EAAEG,OAAO;QAAC;QAClDL,WAAWG,OAAO,GAAG;QAErB,MAAMG,oBAAoB,CAACC;YACzB,MAAMC,SAASC,KAAKC,GAAG,CAACH,UAAUH,OAAO,GAAGP,WAAWM,OAAO,CAACL,CAAC;YAChE,MAAMa,SAASF,KAAKC,GAAG,CAACH,UAAUF,OAAO,GAAGR,WAAWM,OAAO,CAACJ,CAAC;YAChE,IAAIS,SAAShB,mBAAmBmB,SAASnB,iBAAiB;gBACxDQ,WAAWG,OAAO,GAAG;gBACrB,IAAIR,WAAWiB,eAAe;oBAC5BjB,UAAUiB,aAAa,CAACV;oBACxB,gCAAgC;oBAChC,2BAA2B;oBAC3B,oCAAoC;oBACpCb,QAAQkB;gBACV;gBACAM,OAAOC,mBAAmB,CAAC,eAAeR;YAC5C;QACF;QAEA,MAAMS,UAAU;YACdF,OAAOC,mBAAmB,CAAC,eAAeR;YAC1CO,OAAOC,mBAAmB,CAAC,aAAaE;QAC1C;QAEA,MAAMA,kBAAkB,CAACC;YACvBF;YACA,IAAI,CAACf,WAAWG,OAAO,EAAE;gBACvB,uCAAuC;gBACvC,2BAA2B;gBAC3Bd,QAAQ4B;YACV;QACF;QAEAJ,OAAOK,gBAAgB,CAAC,eAAeZ;QACvCO,OAAOK,gBAAgB,CAAC,aAAaF;IACvC;IAEA,MAAMG,YAAYlC,MAAM;IAExB,QACGkC,UACCC,KAAK,SACLC,UAAU,IACT,GAAG3B,UAAU,EACdP,WAAW;QAACJ;QAAWI;QAAWC,WAAW,GAAGL,UAAU,UAAU,CAAC,GAAG;KAAG,CACxEuC,MAAM,CAACC,SACPC,IAAI,CAAC,MACRlC,WAAWF,WAAWqC,YAAYnC,WAClCsB,eAAexB,WAAWqC,YAAYpC,UAAUY,oBAAoBwB,WACpElC,KAAK,CAACmC;QACJ,IAAItC,UAAU;YACZ;QACF;QACAQ,WAAW8B;QACX,IAAInC,KAAK;YACPA,IAAIY,OAAO,GAAGuB;QAChB;IACF,GACD;MACC,CAACxC,SAAS;IACZ,EAAEiC;AAEN,EAAC"}

package/dist/elements/FolderView/Drawers/EditFolderAction/index.js

@@ -1,4 +1,3 @@
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useRouteCache } from '../../../../providers/RouteCache/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { useDocumentDrawer } from '../../../DocumentDrawer/index.js';
@@ -13,29 +12,16 @@ export const EditFolderAction = ({ id, folderCollectionSlug })=>{
     if (!id) {
         return null;
     }
-    return /*#__PURE__*/ _jsxDEV(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV(ListSelectionButton, {
-                onClick: openDrawer,
-                type: "button",
-                children: t('general:edit')
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/Drawers/EditFolderAction/index.tsx",
-                lineNumber: 24,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(FolderDocumentDrawer, {
-                onSave: ()=>{
-                    closeDrawer();
-                    clearRouteCache();
-                }
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/Drawers/EditFolderAction/index.tsx",
-                lineNumber: 28,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true);
+    return <>
+      <ListSelectionButton onClick={openDrawer} type="button">
+        {t('general:edit')}
+      </ListSelectionButton>
+
+      <FolderDocumentDrawer onSave={()=>{
+        closeDrawer();
+        clearRouteCache();
+    }}/>
+    </>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/Drawers/EditFolderAction/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/FolderView/Drawers/EditFolderAction/index.tsx"],"sourcesContent":["import { useRouteCache } from '../../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { useDocumentDrawer } from '../../../DocumentDrawer/index.js'\nimport { ListSelectionButton } from '../../../ListSelection/index.js'\n\ntype EditFolderActionProps = {\n  folderCollectionSlug: string\n  id: number | string\n}\nexport const EditFolderAction = ({ id, folderCollectionSlug }: EditFolderActionProps) => {\n  const { clearRouteCache } = useRouteCache()\n  const { t } = useTranslation()\n  const [FolderDocumentDrawer, , { closeDrawer, openDrawer }] = useDocumentDrawer({\n    id,\n    collectionSlug: folderCollectionSlug,\n  })\n\n  if (!id) {\n    return null\n  }\n\n  return (\n    <>\n      <ListSelectionButton onClick={openDrawer} type=\"button\">\n        {t('general:edit')}\n      </ListSelectionButton>\n\n      <FolderDocumentDrawer\n        onSave={() => {\n          closeDrawer()\n          clearRouteCache()\n        }}\n      />\n    </>\n  )\n}\n"],"names":["useRouteCache","useTranslation","useDocumentDrawer","ListSelectionButton","EditFolderAction","id","folderCollectionSlug","clearRouteCache","t","FolderDocumentDrawer","closeDrawer","openDrawer","collectionSlug","onClick","type","onSave"],"mappings":";AAAA,SAASA,aAAa,QAAQ,4CAA2C;AACzE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,iBAAiB,QAAQ,mCAAkC;AACpE,SAASC,mBAAmB,QAAQ,kCAAiC;AAMrE,OAAO,MAAMC,mBAAmB,CAAC,EAAEC,EAAE,EAAEC,oBAAoB,EAAyB;IAClF,MAAM,EAAEC,eAAe,EAAE,GAAGP;IAC5B,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IACd,MAAM,CAACQ,wBAAwB,EAAEC,WAAW,EAAEC,UAAU,EAAE,CAAC,GAAGT,kBAAkB;QAC9EG;QACAO,gBAAgBN;IAClB;IAEA,IAAI,CAACD,IAAI;QACP,OAAO;IACT;IAEA,qBACE;;0BACE,QAACF;gBAAoBU,SAASF;gBAAYG,MAAK;0BAC5CN,EAAE;;;;;;0BAGL,QAACC;gBACCM,QAAQ;oBACNL;oBACAH;gBACF;;;;;;;;AAIR,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/FolderView/Drawers/EditFolderAction/index.tsx"],"sourcesContent":["import { useRouteCache } from '../../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { useDocumentDrawer } from '../../../DocumentDrawer/index.js'\nimport { ListSelectionButton } from '../../../ListSelection/index.js'\n\ntype EditFolderActionProps = {\n  folderCollectionSlug: string\n  id: number | string\n}\nexport const EditFolderAction = ({ id, folderCollectionSlug }: EditFolderActionProps) => {\n  const { clearRouteCache } = useRouteCache()\n  const { t } = useTranslation()\n  const [FolderDocumentDrawer, , { closeDrawer, openDrawer }] = useDocumentDrawer({\n    id,\n    collectionSlug: folderCollectionSlug,\n  })\n\n  if (!id) {\n    return null\n  }\n\n  return (\n    <>\n      <ListSelectionButton onClick={openDrawer} type=\"button\">\n        {t('general:edit')}\n      </ListSelectionButton>\n\n      <FolderDocumentDrawer\n        onSave={() => {\n          closeDrawer()\n          clearRouteCache()\n        }}\n      />\n    </>\n  )\n}\n"],"names":["useRouteCache","useTranslation","useDocumentDrawer","ListSelectionButton","EditFolderAction","id","folderCollectionSlug","clearRouteCache","t","FolderDocumentDrawer","closeDrawer","openDrawer","collectionSlug","onClick","type","onSave"],"mappings":"AAAA,SAASA,aAAa,QAAQ,4CAA2C;AACzE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,iBAAiB,QAAQ,mCAAkC;AACpE,SAASC,mBAAmB,QAAQ,kCAAiC;AAMrE,OAAO,MAAMC,mBAAmB,CAAC,EAAEC,EAAE,EAAEC,oBAAoB,EAAyB;IAClF,MAAM,EAAEC,eAAe,EAAE,GAAGP;IAC5B,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IACd,MAAM,CAACQ,wBAAwB,EAAEC,WAAW,EAAEC,UAAU,EAAE,CAAC,GAAGT,kBAAkB;QAC9EG;QACAO,gBAAgBN;IAClB;IAEA,IAAI,CAACD,IAAI;QACP,OAAO;IACT;IAEA,SACI;MACA,CAACF,oBAAoBU,SAASF,YAAYG,KAAK,SAAS;QACtD,CAACN,EAAE,gBAAgB;MACrB,EAAEL,oBAAoB;;MAEtB,CAACM,qBACCM,QAAQ;QACNL;QACAH;IACF,IACA;IACJ;AAEJ,EAAC"}