@payloadcms/ui 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.185cc5f

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

@@ -4,59 +4,58 @@ import { getEventCoordinates } from '@dnd-kit/utilities';
 import { FolderFileCard } from '../FolderFileCard/index.js';
 import './index.scss';
 const baseClass = 'drag-overlay-selection';
-export function DragOverlaySelection({
-  item,
-  selectedCount
-}) {
-  return /*#__PURE__*/_jsx(DragOverlay, {
-    dropAnimation: null,
-    modifiers: [snapTopLeftToCursor],
-    style: {
-      height: 'unset',
-      maxWidth: '220px'
-    },
-    children: /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__cards`,
-      children: [Array.from({
-        length: selectedCount > 1 ? 2 : 1
-      }).map((_, index) => /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__card`,
+export function DragOverlaySelection({ item, selectedCount }) {
+    return /*#__PURE__*/ _jsx(DragOverlay, {
+        dropAnimation: null,
+        modifiers: [
+            snapTopLeftToCursor
+        ],
         style: {
-          right: `${index * 3}px`,
-          top: `-${index * 3}px`
+            height: 'unset',
+            maxWidth: '220px'
         },
-        children: /*#__PURE__*/_jsx(FolderFileCard, {
-          id: null,
-          isSelected: true,
-          itemKey: "overlay-card",
-          title: item.value._folderOrDocumentTitle,
-          type: "folder"
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: `${baseClass}__cards`,
+            children: [
+                Array.from({
+                    length: selectedCount > 1 ? 2 : 1
+                }).map((_, index)=>/*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__card`,
+                        style: {
+                            right: `${index * 3}px`,
+                            top: `-${index * 3}px`
+                        },
+                        children: /*#__PURE__*/ _jsx(FolderFileCard, {
+                            id: null,
+                            isSelected: true,
+                            itemKey: "overlay-card",
+                            title: item.value._folderOrDocumentTitle,
+                            type: "folder"
+                        })
+                    }, index)),
+                selectedCount > 1 ? /*#__PURE__*/ _jsx("span", {
+                    className: `${baseClass}__card-count`,
+                    children: selectedCount
+                }) : null
+            ]
         })
-      }, index)), selectedCount > 1 ? /*#__PURE__*/_jsx("span", {
-        className: `${baseClass}__card-count`,
-        children: selectedCount
-      }) : null]
-    })
-  });
+    });
 }
-export const snapTopLeftToCursor = ({
-  activatorEvent,
-  draggingNodeRect,
-  transform
-}) => {
-  if (draggingNodeRect && activatorEvent) {
-    const activatorCoordinates = getEventCoordinates(activatorEvent);
-    if (!activatorCoordinates) {
-      return transform;
+export const snapTopLeftToCursor = ({ activatorEvent, draggingNodeRect, transform })=>{
+    if (draggingNodeRect && activatorEvent) {
+        const activatorCoordinates = getEventCoordinates(activatorEvent);
+        if (!activatorCoordinates) {
+            return transform;
+        }
+        const offsetX = activatorCoordinates.x - draggingNodeRect.left;
+        const offsetY = activatorCoordinates.y - draggingNodeRect.top;
+        return {
+            ...transform,
+            x: transform.x + offsetX + 5,
+            y: transform.y + offsetY + 5
+        };
     }
-    const offsetX = activatorCoordinates.x - draggingNodeRect.left;
-    const offsetY = activatorCoordinates.y - draggingNodeRect.top;
-    return {
-      ...transform,
-      x: transform.x + offsetX + 5,
-      y: transform.y + offsetY + 5
-    };
-  }
-  return transform;
+    return transform;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DragOverlay","getEventCoordinates","FolderFileCard","baseClass","DragOverlaySelection","item","selectedCount","_jsx","dropAnimation","modifiers","snapTopLeftToCursor","style","height","maxWidth","_jsxs","className","Array","from","length","map","_","index","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"sourcesContent":["import type { Modifier } from '@dnd-kit/core'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { getEventCoordinates } from '@dnd-kit/utilities'\n\nimport { FolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'drag-overlay-selection'\n\ntype DragCardsProps = {\n  readonly item: FolderOrDocument\n  readonly selectedCount: number\n}\nexport function DragOverlaySelection({ item, selectedCount }: DragCardsProps) {\n  return (\n    <DragOverlay\n      dropAnimation={null}\n      modifiers={[snapTopLeftToCursor]}\n      style={{\n        height: 'unset',\n        maxWidth: '220px',\n      }}\n    >\n      <div className={`${baseClass}__cards`}>\n        {Array.from({ length: selectedCount > 1 ? 2 : 1 }).map((_, index) => (\n          <div\n            className={`${baseClass}__card`}\n            key={index}\n            style={{\n              right: `${index * 3}px`,\n              top: `-${index * 3}px`,\n            }}\n          >\n            <FolderFileCard\n              id={null}\n              isSelected\n              itemKey=\"overlay-card\"\n              title={item.value._folderOrDocumentTitle}\n              type=\"folder\"\n            />\n          </div>\n        ))}\n        {selectedCount > 1 ? (\n          <span className={`${baseClass}__card-count`}>{selectedCount}</span>\n        ) : null}\n      </div>\n    </DragOverlay>\n  )\n}\n\nexport const snapTopLeftToCursor: Modifier = ({ activatorEvent, draggingNodeRect, transform }) => {\n  if (draggingNodeRect && activatorEvent) {\n    const activatorCoordinates = getEventCoordinates(activatorEvent)\n\n    if (!activatorCoordinates) {\n      return transform\n    }\n\n    const offsetX = activatorCoordinates.x - draggingNodeRect.left\n    const offsetY = activatorCoordinates.y - draggingNodeRect.top\n\n    return {\n      ...transform,\n      x: transform.x + offsetX + 5,\n      y: transform.y + offsetY + 5,\n    }\n  }\n\n  return transform\n}\n"],"mappings":";AAGA,SAASA,WAAW,QAAQ;AAC5B,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,qBAAqB;EAAEC,IAAI;EAAEC;AAAa,CAAkB;EAC1E,oBACEC,IAAA,CAACP,WAAA;IACCQ,aAAA,EAAe;IACfC,SAAA,EAAW,CAACC,mBAAA,CAAoB;IAChCC,KAAA,EAAO;MACLC,MAAA,EAAQ;MACRC,QAAA,EAAU;IACZ;cAEA,aAAAC,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGZ,SAAA,SAAkB;iBAClCa,KAAA,CAAMC,IAAI,CAAC;QAAEC,MAAA,EAAQZ,aAAA,GAAgB,IAAI,IAAI;MAAE,GAAGa,GAAG,CAAC,CAACC,CAAA,EAAGC,KAAA,kBACzDd,IAAA,CAAC;QACCQ,SAAA,EAAW,GAAGZ,SAAA,QAAiB;QAE/BQ,KAAA,EAAO;UACLW,KAAA,EAAO,GAAGD,KAAA,GAAQ,KAAK;UACvBE,GAAA,EAAK,IAAIF,KAAA,GAAQ;QACnB;kBAEA,aAAAd,IAAA,CAACL,cAAA;UACCsB,EAAA,EAAI;UACJC,UAAU;UACVC,OAAA,EAAQ;UACRC,KAAA,EAAOtB,IAAA,CAAKuB,KAAK,CAACC,sBAAsB;UACxCC,IAAA,EAAK;;SAXFT,KAAA,IAeRf,aAAA,GAAgB,iBACfC,IAAA,CAAC;QAAKQ,SAAA,EAAW,GAAGZ,SAAA,cAAuB;kBAAGG;WAC5C;;;AAIZ;AAEA,OAAO,MAAMI,mBAAA,GAAgCA,CAAC;EAAEqB,cAAc;EAAEC,gBAAgB;EAAEC;AAAS,CAAE;EAC3F,IAAID,gBAAA,IAAoBD,cAAA,EAAgB;IACtC,MAAMG,oBAAA,GAAuBjC,mBAAA,CAAoB8B,cAAA;IAEjD,IAAI,CAACG,oBAAA,EAAsB;MACzB,OAAOD,SAAA;IACT;IAEA,MAAME,OAAA,GAAUD,oBAAA,CAAqBE,CAAC,GAAGJ,gBAAA,CAAiBK,IAAI;IAC9D,MAAMC,OAAA,GAAUJ,oBAAA,CAAqBK,CAAC,GAAGP,gBAAA,CAAiBT,GAAG;IAE7D,OAAO;MACL,GAAGU,SAAS;MACZG,CAAA,EAAGH,SAAA,CAAUG,CAAC,GAAGD,OAAA,GAAU;MAC3BI,CAAA,EAAGN,SAAA,CAAUM,CAAC,GAAGD,OAAA,GAAU;IAC7B;EACF;EAEA,OAAOL,SAAA;AACT","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"sourcesContent":["import type { Modifier } from '@dnd-kit/core'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { getEventCoordinates } from '@dnd-kit/utilities'\n\nimport { FolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'drag-overlay-selection'\n\ntype DragCardsProps = {\n  readonly item: FolderOrDocument\n  readonly selectedCount: number\n}\nexport function DragOverlaySelection({ item, selectedCount }: DragCardsProps) {\n  return (\n    <DragOverlay\n      dropAnimation={null}\n      modifiers={[snapTopLeftToCursor]}\n      style={{\n        height: 'unset',\n        maxWidth: '220px',\n      }}\n    >\n      <div className={`${baseClass}__cards`}>\n        {Array.from({ length: selectedCount > 1 ? 2 : 1 }).map((_, index) => (\n          <div\n            className={`${baseClass}__card`}\n            key={index}\n            style={{\n              right: `${index * 3}px`,\n              top: `-${index * 3}px`,\n            }}\n          >\n            <FolderFileCard\n              id={null}\n              isSelected\n              itemKey=\"overlay-card\"\n              title={item.value._folderOrDocumentTitle}\n              type=\"folder\"\n            />\n          </div>\n        ))}\n        {selectedCount > 1 ? (\n          <span className={`${baseClass}__card-count`}>{selectedCount}</span>\n        ) : null}\n      </div>\n    </DragOverlay>\n  )\n}\n\nexport const snapTopLeftToCursor: Modifier = ({ activatorEvent, draggingNodeRect, transform }) => {\n  if (draggingNodeRect && activatorEvent) {\n    const activatorCoordinates = getEventCoordinates(activatorEvent)\n\n    if (!activatorCoordinates) {\n      return transform\n    }\n\n    const offsetX = activatorCoordinates.x - draggingNodeRect.left\n    const offsetY = activatorCoordinates.y - draggingNodeRect.top\n\n    return {\n      ...transform,\n      x: transform.x + offsetX + 5,\n      y: transform.y + offsetY + 5,\n    }\n  }\n\n  return transform\n}\n"],"names":["DragOverlay","getEventCoordinates","FolderFileCard","baseClass","DragOverlaySelection","item","selectedCount","dropAnimation","modifiers","snapTopLeftToCursor","style","height","maxWidth","div","className","Array","from","length","map","_","index","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","span","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"mappings":";AAGA,SAASA,WAAW,QAAQ,gBAAe;AAC3C,SAASC,mBAAmB,QAAQ,qBAAoB;AAExD,SAASC,cAAc,QAAQ,6BAA4B;AAC3D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,qBAAqB,EAAEC,IAAI,EAAEC,aAAa,EAAkB;IAC1E,qBACE,KAACN;QACCO,eAAe;QACfC,WAAW;YAACC;SAAoB;QAChCC,OAAO;YACLC,QAAQ;YACRC,UAAU;QACZ;kBAEA,cAAA,MAACC;YAAIC,WAAW,GAAGX,UAAU,OAAO,CAAC;;gBAClCY,MAAMC,IAAI,CAAC;oBAAEC,QAAQX,gBAAgB,IAAI,IAAI;gBAAE,GAAGY,GAAG,CAAC,CAACC,GAAGC,sBACzD,KAACP;wBACCC,WAAW,GAAGX,UAAU,MAAM,CAAC;wBAE/BO,OAAO;4BACLW,OAAO,GAAGD,QAAQ,EAAE,EAAE,CAAC;4BACvBE,KAAK,CAAC,CAAC,EAAEF,QAAQ,EAAE,EAAE,CAAC;wBACxB;kCAEA,cAAA,KAAClB;4BACCqB,IAAI;4BACJC,UAAU;4BACVC,SAAQ;4BACRC,OAAOrB,KAAKsB,KAAK,CAACC,sBAAsB;4BACxCC,MAAK;;uBAXFT;gBAeRd,gBAAgB,kBACf,KAACwB;oBAAKhB,WAAW,GAAGX,UAAU,YAAY,CAAC;8BAAGG;qBAC5C;;;;AAIZ;AAEA,OAAO,MAAMG,sBAAgC,CAAC,EAAEsB,cAAc,EAAEC,gBAAgB,EAAEC,SAAS,EAAE;IAC3F,IAAID,oBAAoBD,gBAAgB;QACtC,MAAMG,uBAAuBjC,oBAAoB8B;QAEjD,IAAI,CAACG,sBAAsB;YACzB,OAAOD;QACT;QAEA,MAAME,UAAUD,qBAAqBE,CAAC,GAAGJ,iBAAiBK,IAAI;QAC9D,MAAMC,UAAUJ,qBAAqBK,CAAC,GAAGP,iBAAiBV,GAAG;QAE7D,OAAO;YACL,GAAGW,SAAS;YACZG,GAAGH,UAAUG,CAAC,GAAGD,UAAU;YAC3BI,GAAGN,UAAUM,CAAC,GAAGD,UAAU;QAC7B;IACF;IAEA,OAAOL;AACT,EAAC"}

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

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDroppable } from '@dnd-kit/core';
 import React from 'react';
@@ -7,57 +6,59 @@ import { DraggableWithClick } from '../DraggableWithClick/index.js';
 import { HiddenCell, TableCell } from '../SimpleTable/index.js';
 import './index.scss';
 const baseClass = 'draggable-table-row';
-export function DraggableTableRow({
-  id,
-  columns,
-  disabled = false,
-  dragData,
-  isDroppable: _isDroppable,
-  isFocused,
-  isSelected,
-  isSelecting,
-  itemKey,
-  onClick,
-  onKeyDown
-}) {
-  const isDroppable = !disabled && _isDroppable && !isSelected;
-  const {
-    isOver,
-    setNodeRef
-  } = useDroppable({
-    id,
-    data: dragData,
-    disabled: !isDroppable
-  });
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    const copyOfRef = ref.current;
-    if (isFocused && ref.current) {
-      ref.current.focus();
-    } else if (!isFocused && ref.current) {
-      ref.current.blur();
-    }
-    return () => {
-      if (copyOfRef) {
-        copyOfRef.blur();
-      }
-    };
-  }, [isFocused]);
-  return /*#__PURE__*/_jsxs(DraggableWithClick, {
-    as: "tr",
-    className: [baseClass, isSelected && `${baseClass}--selected`, isSelecting && `${baseClass}--selecting`, disabled && `${baseClass}--disabled`, isFocused && `${baseClass}--focused`, isOver && `${baseClass}--over`].filter(Boolean).join(' '),
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    ref: ref,
-    children: [columns.map((col, i) => /*#__PURE__*/_jsx(TableCell, {
-      className: [`${baseClass}__cell-content`, i === 0 && `${baseClass}__first-td`, i === columns.length - 1 && `${baseClass}__last-td`].filter(Boolean).join(' '),
-      children: col
-    }, `${itemKey}-${i}`)), isDroppable ? /*#__PURE__*/_jsx(HiddenCell, {
-      children: /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__drop-area`,
-        ref: setNodeRef
-      })
-    }) : null]
-  }, itemKey);
+export function DraggableTableRow({ id, columns, disabled = false, dragData, isDroppable: _isDroppable, isFocused, isSelected, isSelecting, itemKey, onClick, onKeyDown }) {
+    const isDroppable = !disabled && _isDroppable && !isSelected;
+    const { isOver, setNodeRef } = useDroppable({
+        id,
+        data: dragData,
+        disabled: !isDroppable
+    });
+    const ref = React.useRef(null);
+    React.useEffect(()=>{
+        const copyOfRef = ref.current;
+        if (isFocused && ref.current) {
+            ref.current.focus();
+        } else if (!isFocused && ref.current) {
+            ref.current.blur();
+        }
+        return ()=>{
+            if (copyOfRef) {
+                copyOfRef.blur();
+            }
+        };
+    }, [
+        isFocused
+    ]);
+    return /*#__PURE__*/ _jsxs(DraggableWithClick, {
+        as: "tr",
+        className: [
+            baseClass,
+            isSelected && `${baseClass}--selected`,
+            isSelecting && `${baseClass}--selecting`,
+            disabled && `${baseClass}--disabled`,
+            isFocused && `${baseClass}--focused`,
+            isOver && `${baseClass}--over`
+        ].filter(Boolean).join(' '),
+        onClick: onClick,
+        onKeyDown: onKeyDown,
+        ref: ref,
+        children: [
+            columns.map((col, i)=>/*#__PURE__*/ _jsx(TableCell, {
+                    className: [
+                        `${baseClass}__cell-content`,
+                        i === 0 && `${baseClass}__first-td`,
+                        i === columns.length - 1 && `${baseClass}__last-td`
+                    ].filter(Boolean).join(' '),
+                    children: col
+                }, `${itemKey}-${i}`)),
+            isDroppable ? /*#__PURE__*/ _jsx(HiddenCell, {
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: `${baseClass}__drop-area`,
+                    ref: setNodeRef
+                })
+            }) : null
+        ]
+    }, itemKey);
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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","_jsxs","as","className","filter","Boolean","join","map","col","i","_jsx","length"],"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"],"mappings":"AAAA;;;AACA,SAASA,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,UAAU,EAAEC,SAAS,QAAQ;AACtC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAclB,OAAO,SAASC,kBAAkB;EAChCC,EAAE;EACFC,OAAO;EACPC,QAAA,GAAW,KAAK;EAChBC,QAAQ;EACRC,WAAA,EAAaC,YAAY;EACzBC,SAAS;EACTC,UAAU;EACVC,WAAW;EACXC,OAAO;EACPC,OAAO;EACPC;AAAS,CACH;EACN,MAAMP,WAAA,GAAc,CAACF,QAAA,IAAYG,YAAA,IAAgB,CAACE,UAAA;EAClD,MAAM;IAAEK,MAAM;IAAEC;EAAU,CAAE,GAAGpB,YAAA,CAAa;IAC1CO,EAAA;IACAc,IAAA,EAAMX,QAAA;IACND,QAAA,EAAU,CAACE;EACb;EACA,MAAMW,GAAA,GAAMrB,KAAA,CAAMsB,MAAM,CAAC;EAEzBtB,KAAA,CAAMuB,SAAS,CAAC;IACd,MAAMC,SAAA,GAAYH,GAAA,CAAII,OAAO;IAC7B,IAAIb,SAAA,IAAaS,GAAA,CAAII,OAAO,EAAE;MAC5BJ,GAAA,CAAII,OAAO,CAACC,KAAK;IACnB,OAAO,IAAI,CAACd,SAAA,IAAaS,GAAA,CAAII,OAAO,EAAE;MACpCJ,GAAA,CAAII,OAAO,CAACE,IAAI;IAClB;IAEA,OAAO;MACL,IAAIH,SAAA,EAAW;QACbA,SAAA,CAAUG,IAAI;MAChB;IACF;EACF,GAAG,CAACf,SAAA,CAAU;EAEd,oBACEgB,KAAA,CAAC3B,kBAAA;IACC4B,EAAA,EAAG;IACHC,SAAA,EAAW,CACT1B,SAAA,EACAS,UAAA,IAAc,GAAGT,SAAA,YAAqB,EACtCU,WAAA,IAAe,GAAGV,SAAA,aAAsB,EACxCI,QAAA,IAAY,GAAGJ,SAAA,YAAqB,EACpCQ,SAAA,IAAa,GAAGR,SAAA,WAAoB,EACpCc,MAAA,IAAU,GAAGd,SAAA,QAAiB,CAC/B,CACE2B,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IAERjB,OAAA,EAASA,OAAA;IACTC,SAAA,EAAWA,SAAA;IACXI,GAAA,EAAKA,GAAA;eAEJd,OAAA,CAAQ2B,GAAG,CAAC,CAACC,GAAA,EAAKC,CAAA,kBACjBC,IAAA,CAAClC,SAAA;MACC2B,SAAA,EAAW,CACT,GAAG1B,SAAA,gBAAyB,EAC5BgC,CAAA,KAAM,KAAK,GAAGhC,SAAA,YAAqB,EACnCgC,CAAA,KAAM7B,OAAA,CAAQ+B,MAAM,GAAG,KAAK,GAAGlC,SAAA,WAAoB,CACpD,CACE2B,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;gBAGPE;OAFI,GAAGpB,OAAA,IAAWqB,CAAA,EAAG,IAMzB1B,WAAA,gBACC2B,IAAA,CAACnC,UAAA;gBACC,aAAAmC,IAAA,CAAC;QAAIP,SAAA,EAAW,GAAG1B,SAAA,aAAsB;QAAEiB,GAAA,EAAKF;;SAEhD;KAxBCJ,OAAA;AA2BX","ignoreList":[]}
+{"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,MAACX;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,KAAChC;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,KAACR;0BACC,cAAA,KAACmC;oBAAIR,WAAW,GAAGzB,UAAU,WAAW,CAAC;oBAAEiB,KAAKF;;iBAEhD;;OAxBCJ;AA2BX"}

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

@@ -3,84 +3,76 @@ import { useDraggable } from '@dnd-kit/core';
 import React, { 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
-}) => {
-  const id = useId();
-  const {
-    attributes,
-    listeners,
-    setNodeRef
-  } = useDraggable({
-    id,
-    disabled
-  });
-  const initialPos = useRef({
-    x: 0,
-    y: 0
-  });
-  const isDragging = useRef(false);
-  const handlePointerDown = e => {
-    initialPos.current = {
-      x: e.clientX,
-      y: e.clientY
+export const DraggableWithClick = ({ as = 'div', children, className, disabled = false, onClick, onKeyDown, ref, thresholdPixels = 3 })=>{
+    const id = useId();
+    const { attributes, listeners, setNodeRef } = useDraggable({
+        id,
+        disabled
+    });
+    const initialPos = useRef({
+        x: 0,
+        y: 0
+    });
+    const isDragging = useRef(false);
+    const handlePointerDown = (e)=>{
+        initialPos.current = {
+            x: e.clientX,
+            y: e.clientY
+        };
+        isDragging.current = false;
+        const handlePointerMove = (moveEvent)=>{
+            const deltaX = Math.abs(moveEvent.clientX - initialPos.current.x);
+            const deltaY = Math.abs(moveEvent.clientY - initialPos.current.y);
+            if (deltaX > thresholdPixels || deltaY > thresholdPixels) {
+                isDragging.current = true;
+                if (listeners?.onPointerDown) {
+                    listeners.onPointerDown(e);
+                    // when the user starts dragging
+                    // - call the click handler
+                    // - remove the pointermove listener
+                    onClick(moveEvent);
+                }
+                window.removeEventListener('pointermove', handlePointerMove);
+            }
+        };
+        const cleanup = ()=>{
+            window.removeEventListener('pointermove', handlePointerMove);
+            window.removeEventListener('pointerup', handlePointerUp);
+        };
+        const handlePointerUp = (upEvent)=>{
+            cleanup();
+            if (!isDragging.current) {
+                // if the user did not drag the element
+                // - call the click handler
+                onClick(upEvent);
+            }
+        };
+        window.addEventListener('pointermove', handlePointerMove);
+        window.addEventListener('pointerup', handlePointerUp);
     };
-    isDragging.current = false;
-    const handlePointerMove = moveEvent => {
-      const deltaX = Math.abs(moveEvent.clientX - initialPos.current.x);
-      const deltaY = Math.abs(moveEvent.clientY - initialPos.current.y);
-      if (deltaX > thresholdPixels || deltaY > thresholdPixels) {
-        isDragging.current = true;
-        if (listeners?.onPointerDown) {
-          listeners.onPointerDown(e);
-          // when the user starts dragging
-          // - call the click handler
-          // - remove the pointermove listener
-          onClick(moveEvent);
-        }
-        window.removeEventListener('pointermove', handlePointerMove);
-      }
-    };
-    const cleanup = () => {
-      window.removeEventListener('pointermove', handlePointerMove);
-      window.removeEventListener('pointerup', handlePointerUp);
-    };
-    const handlePointerUp = upEvent => {
-      cleanup();
-      if (!isDragging.current) {
-        // if the user did not drag the element
-        // - call the click handler
-        onClick(upEvent);
-      }
-    };
-    window.addEventListener('pointermove', handlePointerMove);
-    window.addEventListener('pointerup', handlePointerUp);
-  };
-  const Component = as || 'div';
-  return /*#__PURE__*/_jsx(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
-  });
+    const Component = as || 'div';
+    return /*#__PURE__*/ _jsx(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
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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","_jsx","role","tabIndex","filter","Boolean","join","undefined","node"],"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"],"mappings":";AAAA,SAASA,YAAY,QAAQ;AAC7B,OAAOC,KAAA,IAASC,KAAK,EAAEC,MAAM,QAAQ;AAErC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAalB,OAAO,MAAMC,kBAAA,GAAqBA,CAAC;EACjCC,EAAA,GAAK,KAAK;EACVC,QAAQ;EACRC,SAAS;EACTC,QAAA,GAAW,KAAK;EAChBC,OAAO;EACPC,SAAS;EACTC,GAAG;EACHC,eAAA,GAAkB;AAAC,CACb;EACN,MAAMC,EAAA,GAAKZ,KAAA;EACX,MAAM;IAAEa,UAAU;IAAEC,SAAS;IAAEC;EAAU,CAAE,GAAGjB,YAAA,CAAa;IAAEc,EAAA;IAAIL;EAAS;EAC1E,MAAMS,UAAA,GAAaf,MAAA,CAAO;IAAEgB,CAAA,EAAG;IAAGC,CAAA,EAAG;EAAE;EACvC,MAAMC,UAAA,GAAalB,MAAA,CAAO;EAE1B,MAAMmB,iBAAA,GAAqBC,CAAA;IACzBL,UAAA,CAAWM,OAAO,GAAG;MAAEL,CAAA,EAAGI,CAAA,CAAEE,OAAO;MAAEL,CAAA,EAAGG,CAAA,CAAEG;IAAQ;IAClDL,UAAA,CAAWG,OAAO,GAAG;IAErB,MAAMG,iBAAA,GAAqBC,SAAA;MACzB,MAAMC,MAAA,GAASC,IAAA,CAAKC,GAAG,CAACH,SAAA,CAAUH,OAAO,GAAGP,UAAA,CAAWM,OAAO,CAACL,CAAC;MAChE,MAAMa,MAAA,GAASF,IAAA,CAAKC,GAAG,CAACH,SAAA,CAAUF,OAAO,GAAGR,UAAA,CAAWM,OAAO,CAACJ,CAAC;MAChE,IAAIS,MAAA,GAAShB,eAAA,IAAmBmB,MAAA,GAASnB,eAAA,EAAiB;QACxDQ,UAAA,CAAWG,OAAO,GAAG;QACrB,IAAIR,SAAA,EAAWiB,aAAA,EAAe;UAC5BjB,SAAA,CAAUiB,aAAa,CAACV,CAAA;UACxB;UACA;UACA;UACAb,OAAA,CAAQkB,SAAA;QACV;QACAM,MAAA,CAAOC,mBAAmB,CAAC,eAAeR,iBAAA;MAC5C;IACF;IAEA,MAAMS,OAAA,GAAUA,CAAA;MACdF,MAAA,CAAOC,mBAAmB,CAAC,eAAeR,iBAAA;MAC1CO,MAAA,CAAOC,mBAAmB,CAAC,aAAaE,eAAA;IAC1C;IAEA,MAAMA,eAAA,GAAmBC,OAAA;MACvBF,OAAA;MACA,IAAI,CAACf,UAAA,CAAWG,OAAO,EAAE;QACvB;QACA;QACAd,OAAA,CAAQ4B,OAAA;MACV;IACF;IAEAJ,MAAA,CAAOK,gBAAgB,CAAC,eAAeZ,iBAAA;IACvCO,MAAA,CAAOK,gBAAgB,CAAC,aAAaF,eAAA;EACvC;EAEA,MAAMG,SAAA,GAAYlC,EAAA,IAAM;EAExB,oBACEmC,IAAA,CAACD,SAAA;IACCE,IAAA,EAAK;IACLC,QAAA,EAAU;IACT,GAAG5B,UAAU;IACdP,SAAA,EAAW,CAACJ,SAAA,EAAWI,SAAA,EAAWC,QAAA,GAAW,GAAGL,SAAA,YAAqB,GAAG,GAAG,CACxEwC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRnC,SAAA,EAAWF,QAAA,GAAWsC,SAAA,GAAYpC,SAAA;IAClCsB,aAAA,EAAexB,QAAA,GAAWsC,SAAA,GAAYrC,OAAA,GAAUY,iBAAA,GAAoByB,SAAA;IACpEnC,GAAA,EAAMoC,IAAA;MACJ,IAAIvC,QAAA,EAAU;QACZ;MACF;MACAQ,UAAA,CAAW+B,IAAA;MACX,IAAIpC,GAAA,EAAK;QACPA,GAAA,CAAIY,OAAO,GAAGwB,IAAA;MAChB;IACF;cAECzC;;AAGP","ignoreList":[]}
+{"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,KAACkC;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"}

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

@@ -3,37 +3,31 @@ import { useRouteCache } from '../../../../providers/RouteCache/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { useDocumentDrawer } from '../../../DocumentDrawer/index.js';
 import { ListSelectionButton } from '../../../ListSelection/index.js';
-export const EditFolderAction = ({
-  id,
-  folderCollectionSlug
-}) => {
-  const {
-    clearRouteCache
-  } = useRouteCache();
-  const {
-    t
-  } = useTranslation();
-  const [FolderDocumentDrawer,, {
-    closeDrawer,
-    openDrawer
-  }] = useDocumentDrawer({
-    id,
-    collectionSlug: folderCollectionSlug
-  });
-  if (!id) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ListSelectionButton, {
-      onClick: openDrawer,
-      type: "button",
-      children: t('general:edit')
-    }), /*#__PURE__*/_jsx(FolderDocumentDrawer, {
-      onSave: () => {
-        closeDrawer();
-        clearRouteCache();
-      }
-    })]
-  });
+export const EditFolderAction = ({ id, folderCollectionSlug })=>{
+    const { clearRouteCache } = useRouteCache();
+    const { t } = useTranslation();
+    const [FolderDocumentDrawer, , { closeDrawer, openDrawer }] = useDocumentDrawer({
+        id,
+        collectionSlug: folderCollectionSlug
+    });
+    if (!id) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(ListSelectionButton, {
+                onClick: openDrawer,
+                type: "button",
+                children: t('general:edit')
+            }),
+            /*#__PURE__*/ _jsx(FolderDocumentDrawer, {
+                onSave: ()=>{
+                    closeDrawer();
+                    clearRouteCache();
+                }
+            })
+        ]
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useRouteCache","useTranslation","useDocumentDrawer","ListSelectionButton","EditFolderAction","id","folderCollectionSlug","clearRouteCache","t","FolderDocumentDrawer","closeDrawer","openDrawer","collectionSlug","_jsxs","_Fragment","_jsx","onClick","type","onSave"],"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"],"mappings":";AAAA,SAASA,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,mBAAmB,QAAQ;AAMpC,OAAO,MAAMC,gBAAA,GAAmBA,CAAC;EAAEC,EAAE;EAAEC;AAAoB,CAAyB;EAClF,MAAM;IAAEC;EAAe,CAAE,GAAGP,aAAA;EAC5B,MAAM;IAAEQ;EAAC,CAAE,GAAGP,cAAA;EACd,MAAM,CAACQ,oBAAA,GAAwB;IAAEC,WAAW;IAAEC;EAAU,CAAE,CAAC,GAAGT,iBAAA,CAAkB;IAC9EG,EAAA;IACAO,cAAA,EAAgBN;EAClB;EAEA,IAAI,CAACD,EAAA,EAAI;IACP,OAAO;EACT;EAEA,oBACEQ,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAACZ,mBAAA;MAAoBa,OAAA,EAASL,UAAA;MAAYM,IAAA,EAAK;gBAC5CT,CAAA,CAAE;qBAGLO,IAAA,CAACN,oBAAA;MACCS,MAAA,EAAQA,CAAA;QACNR,WAAA;QACAH,eAAA;MACF;;;AAIR","ignoreList":[]}
+{"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,KAACF;gBAAoBU,SAASF;gBAAYG,MAAK;0BAC5CN,EAAE;;0BAGL,KAACC;gBACCM,QAAQ;oBACNL;oBACAH;gBACF;;;;AAIR,EAAC"}