@payloadcms/ui 3.84.0 → 4.0.0-internal.38b7f1d

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

@@ -1,86 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-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
-    };
-    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
-  });
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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":[]}

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

@@ -1,5 +0,0 @@
-@layer payload-default {
-  .draggable-with-click:not(.draggable-with-click--disabled) {
-    user-select: none;
-  }
-}

package/dist/elements/FolderView/Drawers/EditFolderAction/index.d.ts

@@ -1,7 +0,0 @@
-type EditFolderActionProps = {
-    folderCollectionSlug: string;
-    id: number | string;
-};
-export declare const EditFolderAction: ({ id, folderCollectionSlug }: EditFolderActionProps) => import("react").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/Drawers/EditFolderAction/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/FolderView/Drawers/EditFolderAction/index.tsx"],"names":[],"mappings":"AAKA,KAAK,qBAAqB,GAAG;IAC3B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CACpB,CAAA;AACD,eAAO,MAAM,gBAAgB,iCAAkC,qBAAqB,gCA0BnF,CAAA"}

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

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-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();
-      }
-    })]
-  });
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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":[]}

package/dist/elements/FolderView/Drawers/MoveToFolder/index.d.ts

@@ -1,37 +0,0 @@
-import type { CollectionSlug } from 'payload';
-import type { FolderOrDocument } from 'payload/shared';
-import React from 'react';
-import './index.scss';
-type ActionProps = {
-    readonly action: 'moveItemsToFolder';
-} | {
-    readonly action: 'moveItemToFolder';
-    readonly title: string;
-};
-export type MoveToFolderDrawerProps = {
-    readonly drawerSlug: string;
-    readonly folderAssignedCollections: CollectionSlug[];
-    readonly folderCollectionSlug: string;
-    readonly folderFieldName: string;
-    readonly fromFolderID?: number | string;
-    readonly fromFolderName?: string;
-    readonly itemsToMove: FolderOrDocument[];
-    /**
-     * Callback function to be called when the user confirms the move
-     *
-     * @param folderID - The ID of the folder to move the items to
-     */
-    readonly onConfirm: (args: {
-        id: null | number | string;
-        name: null | string;
-    }) => Promise<void> | void;
-    readonly populateMoveToFolderDrawer?: (folderID: null | number | string) => Promise<void> | void;
-    /**
-     * Set to `true` to skip the confirmation modal
-     * @default false
-     */
-    readonly skipConfirmModal?: boolean;
-} & ActionProps;
-export declare function MoveItemsToFolderDrawer(props: MoveToFolderDrawerProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/Drawers/MoveToFolder/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/FolderView/Drawers/MoveToFolder/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAY,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKxE,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,OAAO,cAAc,CAAA;AAMrB,KAAK,WAAW,GACZ;IACE,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAA;CACrC,GACD;IACE,QAAQ,CAAC,MAAM,EAAE,kBAAkB,CAAA;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AACL,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,yBAAyB,EAAE,cAAc,EAAE,CAAA;IACpD,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IACxC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE;QACzB,EAAE,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;KACpB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,0BAA0B,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAChG;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CACpC,GAAG,WAAW,CAAA;AAEf,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,uBAAuB,qBAMrE"}