@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useDocumentInfo","baseClass","VersionsPill","$","versionCount","t0","_jsx","className","children"],"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useDocumentInfo } from '../../../../../providers/DocumentInfo/index.js'\nimport './index.css'\n\nconst baseClass = 'pill-version-count'\n\nexport const VersionsPill: React.FC = () => {\n  const { versionCount } = useDocumentInfo()\n\n  if (!versionCount) {\n    return null\n  }\n\n  return <span className={baseClass}>{versionCount}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAAyBA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACpC;IAAAM;EAAA,IAAyBJ,eAAA;EAAA,KAEpBI,YAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA;IAIEC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAN,SAAA;MAAAO,QAAA,EAA4BJ;IAAA,C;;;;;;SAA7BC,E;CACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useDocumentInfo","baseClass","VersionsPill","$","versionCount","t0","_jsx","className","children"],"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useDocumentInfo } from '../../../../../providers/DocumentInfo/index.js'\nimport './index.css'\n\nconst baseClass = 'pill-version-count'\n\nexport const VersionsPill: React.FC = () => {\n  const { versionCount } = useDocumentInfo()\n\n  if (!versionCount) {\n    return null\n  }\n\n  return <span className={baseClass}>{versionCount}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAAyBA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACpC;IAAAM;EAAA,IAAyBJ,eAAA;EAEzB,IAAI,CAACI,YAAA;IAAA,OACI;EAAA;EACT,IAAAC,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA;IAEOC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAgBN,SAAA;MAAAO,QAAA,EAAYJ;;;;;;;SAA7BC,E;CACT","ignoreList":[]}

package/dist/elements/DocumentHeader/Tabs/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["branchesCollectionSlug","BranchChangesPill","VersionsPill","BranchSettingsTab","documentViewKeys","getTabs","collectionConfig","globalConfig","customViews","admin","components","views","edit","slug","tab","href","label","t","order","Pill_Component","viewPath","Component","condition","permissions","Boolean","versions","collections","readVersions","globals","concat","Object","entries","reduce","acc","key","value","includes","push","path","sort","a","b","undefined"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { branchesCollectionSlug } from 'payload/shared'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { BranchChangesPill, VersionsPill } from '../../../../exports/client/index.js'\nimport { BranchSettingsTab } from './BranchSettingsTab/index.js'\n\nexport const documentViewKeys = ['api', 'default', 'livePreview', 'versions']\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const getTabs = ({\n  collectionConfig,\n  globalConfig,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n}): { tab: DocumentTabConfig; viewPath: string }[] => {\n  const customViews =\n    collectionConfig?.admin?.components?.views?.edit ||\n    globalConfig?.admin?.components?.views?.edit ||\n    {}\n\n  // A branch gets its own two: what it changed, and its own fields behind a gear.\n  // No API tab and no versions — a branch record is bookkeeping, and its history\n  // is noise (the collection sets `versions: false`).\n  if (collectionConfig?.slug === branchesCollectionSlug) {\n    return [\n      {\n        // `Pill_Component` is read by `DefaultDocumentTab` but absent from\n        // `DocumentTabConfig`; the versions tab relies on the same thing, and only\n        // gets away with it because `.concat` below erases the excess-property check.\n        tab: {\n          href: '',\n          label: ({ t }) => t('branching:changedDocuments'),\n          order: 100,\n          Pill_Component: BranchChangesPill,\n        } as DocumentTabConfig,\n        viewPath: '/',\n      },\n      {\n        tab: {\n          // Typed as a component *path* because config-supplied tabs are resolved\n          // through the import map. `RenderServerComponent` takes a real component\n          // just as happily, which is what keeps this out of the import map.\n          Component: BranchSettingsTab as unknown as DocumentTabConfig['Component'],\n          href: '/manage',\n          order: 200,\n        },\n        viewPath: '/manage',\n      },\n    ]\n  }\n\n  return [\n    {\n      tab: {\n        href: '',\n        label: ({ t }) => t('general:edit'),\n        order: 100,\n        ...(customViews?.['default']?.tab || {}),\n      },\n      viewPath: '/',\n    },\n    {\n      tab: {\n        condition: ({ collectionConfig, globalConfig, permissions }) =>\n          Boolean(\n            (collectionConfig?.versions &&\n              permissions?.collections?.[collectionConfig?.slug]?.readVersions) ||\n              (globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions),\n          ),\n        href: '/versions',\n        label: ({ t }) => t('version:versions'),\n        order: 300,\n        Pill_Component: VersionsPill,\n        ...(customViews?.['versions']?.tab || {}),\n      },\n      viewPath: '/versions',\n    },\n    {\n      tab: {\n        href: '/api',\n        label: 'API',\n        order: 400,\n        ...(customViews?.['api']?.tab || {}),\n      },\n      viewPath: '/api',\n    },\n  ]\n    .concat(\n      Object.entries(customViews).reduce((acc, [key, value]) => {\n        if (documentViewKeys.includes(key)) {\n          return acc\n        }\n\n        if (value?.tab) {\n          acc.push({\n            tab: value.tab,\n            viewPath: 'path' in value ? value.path : '',\n          })\n        }\n\n        return acc\n      }, []),\n    )\n    ?.sort(({ tab: a }, { tab: b }) => {\n      if (a.order === undefined && b.order === undefined) {\n        return 0\n      } else if (a.order === undefined) {\n        return 1\n      } else if (b.order === undefined) {\n        return -1\n      }\n\n      return a.order - b.order\n    })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["branchesCollectionSlug","BranchChangesPill","VersionsPill","BranchSettingsTab","documentViewKeys","getTabs","collectionConfig","globalConfig","customViews","admin","components","views","edit","slug","tab","href","label","t","order","Pill_Component","viewPath","Component","condition","permissions","Boolean","versions","collections","readVersions","globals","concat","Object","entries","reduce","acc","key","value","includes","push","path","sort","a","b","undefined"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { branchesCollectionSlug } from 'payload/shared'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { BranchChangesPill, VersionsPill } from '../../../../exports/client/index.js'\nimport { BranchSettingsTab } from './BranchSettingsTab/index.js'\n\nexport const documentViewKeys = ['api', 'default', 'livePreview', 'versions']\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const getTabs = ({\n  collectionConfig,\n  globalConfig,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n}): { tab: DocumentTabConfig; viewPath: string }[] => {\n  const customViews =\n    collectionConfig?.admin?.components?.views?.edit ||\n    globalConfig?.admin?.components?.views?.edit ||\n    {}\n\n  // A branch gets its own two: what it changed, and its own fields behind a gear.\n  // No API tab and no versions — a branch record is bookkeeping, and its history\n  // is noise (the collection sets `versions: false`).\n  if (collectionConfig?.slug === branchesCollectionSlug) {\n    return [\n      {\n        // `Pill_Component` is read by `DefaultDocumentTab` but absent from\n        // `DocumentTabConfig`; the versions tab relies on the same thing, and only\n        // gets away with it because `.concat` below erases the excess-property check.\n        tab: {\n          href: '',\n          label: ({ t }) => t('branching:changedDocuments'),\n          order: 100,\n          Pill_Component: BranchChangesPill,\n        } as DocumentTabConfig,\n        viewPath: '/',\n      },\n      {\n        tab: {\n          // Typed as a component *path* because config-supplied tabs are resolved\n          // through the import map. `RenderServerComponent` takes a real component\n          // just as happily, which is what keeps this out of the import map.\n          Component: BranchSettingsTab as unknown as DocumentTabConfig['Component'],\n          href: '/manage',\n          order: 200,\n        },\n        viewPath: '/manage',\n      },\n    ]\n  }\n\n  return [\n    {\n      tab: {\n        href: '',\n        label: ({ t }) => t('general:edit'),\n        order: 100,\n        ...(customViews?.['default']?.tab || {}),\n      },\n      viewPath: '/',\n    },\n    {\n      tab: {\n        condition: ({ collectionConfig, globalConfig, permissions }) =>\n          Boolean(\n            (collectionConfig?.versions &&\n              permissions?.collections?.[collectionConfig?.slug]?.readVersions) ||\n            (globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions),\n          ),\n        href: '/versions',\n        label: ({ t }) => t('version:versions'),\n        order: 300,\n        Pill_Component: VersionsPill,\n        ...(customViews?.['versions']?.tab || {}),\n      },\n      viewPath: '/versions',\n    },\n    {\n      tab: {\n        href: '/api',\n        label: 'API',\n        order: 400,\n        ...(customViews?.['api']?.tab || {}),\n      },\n      viewPath: '/api',\n    },\n  ]\n    .concat(\n      Object.entries(customViews).reduce((acc, [key, value]) => {\n        if (documentViewKeys.includes(key)) {\n          return acc\n        }\n\n        if (value?.tab) {\n          acc.push({\n            tab: value.tab,\n            viewPath: 'path' in value ? value.path : '',\n          })\n        }\n\n        return acc\n      }, []),\n    )\n    ?.sort(({ tab: a }, { tab: b }) => {\n      if (a.order === undefined && b.order === undefined) {\n        return 0\n      } else if (a.order === undefined) {\n        return 1\n      } else if (b.order === undefined) {\n        return -1\n      }\n\n      return a.order - b.order\n    })\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentLocked/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAGnC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAexC,OAAO,aAAa,CAAA;AAkBpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;CAC9B,CAkDA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAGnC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAexC,OAAO,aAAa,CAAA;AAkBpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;CAC9B,CAqDA,CAAA"}

package/dist/elements/DocumentLocked/index.js

@@ -57,6 +57,7 @@ export const DocumentLocked = t0 => {
       } else {
         closeModal(modalSlug);
       }
+      return () => closeModal(modalSlug);
     };
     t2 = [isActive, openModal, closeModal];
     $[0] = closeModal;

package/dist/elements/DocumentLocked/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","useEffect","useRouteCache","useRouteTransition","useTranslation","isClientUserObject","Button","DialogBody","DialogCancel","DialogConfirm","DialogFooter","DialogHeader","DialogModal","modalSlug","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","Date","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","clearRouteCache","startRouteTransition","t1","t2","t3","t4","email","id","t5","t6","_jsxs","closeOnEsc","size","slug","children","_jsx","title","className","label","onClick","buttonStyle","margin"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport {\n  DialogBody,\n  DialogCancel,\n  DialogConfirm,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n} from '../Dialog/index.js'\nimport './index.css'\n\nconst modalSlug = 'document-locked'\n\nconst formatDate = (date: null | number | undefined) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(new Date(date))\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: number | string | User\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { clearRouteCache } = useRouteCache()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <DialogModal closeOnEsc={false} size=\"small\" slug={modalSlug}>\n      <DialogHeader title={t('general:documentLocked')} />\n      <DialogBody>\n        <p>\n          <strong>\n            {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n          </strong>{' '}\n          {t('general:currentlyEditing')}\n        </p>\n        <p className=\"document-locked__updated-at\">\n          {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n        </p>\n      </DialogBody>\n      <DialogFooter>\n        <DialogCancel\n          label={t('general:goBack')}\n          onClick={() => startRouteTransition(() => handleGoBack())}\n        />\n        <Button\n          buttonStyle=\"secondary\"\n          id={`${modalSlug}-view-read-only`}\n          margin={false}\n          onClick={() => {\n            onReadOnly()\n            closeModal(modalSlug)\n            clearRouteCache()\n          }}\n          size=\"medium\"\n        >\n          {t('general:viewReadOnly')}\n        </Button>\n        <DialogConfirm label={t('general:takeOver')} onClick={onTakeOver} />\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useEffect","useRouteCache","useRouteTransition","useTranslation","isClientUserObject","Button","DialogBody","DialogCancel","DialogConfirm","DialogFooter","DialogHeader","DialogModal","modalSlug","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","Date","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","clearRouteCache","startRouteTransition","t1","t2","t3","t4","email","id","t5","t6","_jsxs","closeOnEsc","size","slug","children","_jsx","title","className","label","onClick","buttonStyle","margin"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport {\n  DialogBody,\n  DialogCancel,\n  DialogConfirm,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n} from '../Dialog/index.js'\nimport './index.css'\n\nconst modalSlug = 'document-locked'\n\nconst formatDate = (date: null | number | undefined) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(new Date(date))\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: number | string | User\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { clearRouteCache } = useRouteCache()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n\n    // The modal provider keeps the modal open if this unmounts without closing it\n    return () => closeModal(modalSlug)\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <DialogModal closeOnEsc={false} size=\"small\" slug={modalSlug}>\n      <DialogHeader title={t('general:documentLocked')} />\n      <DialogBody>\n        <p>\n          <strong>\n            {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n          </strong>{' '}\n          {t('general:currentlyEditing')}\n        </p>\n        <p className=\"document-locked__updated-at\">\n          {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n        </p>\n      </DialogBody>\n      <DialogFooter>\n        <DialogCancel\n          label={t('general:goBack')}\n          onClick={() => startRouteTransition(() => handleGoBack())}\n        />\n        <Button\n          buttonStyle=\"secondary\"\n          id={`${modalSlug}-view-read-only`}\n          margin={false}\n          onClick={() => {\n            onReadOnly()\n            closeModal(modalSlug)\n            clearRouteCache()\n          }}\n          size=\"medium\"\n        >\n          {t('general:viewReadOnly')}\n        </Button>\n        <DialogConfirm label={t('general:takeOver')} onClick={onTakeOver} />\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,MAAM,QAAQ;AACvB,SACEC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZC,WAAW,QACN;AACP,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,UAAA,GAAcC,IAAA;EAClB,IAAI,CAACA,IAAA,EAAM;IACT,OAAO;EACT;EACA,OAAO,IAAIC,IAAA,CAAKC,cAAc,CAAC,SAAS;IACtCC,GAAA,EAAK;IACLC,IAAA,EAAM;IACNC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,IAAA,EAAM;EACR,GAAGC,MAAM,CAAC,IAAIC,IAAA,CAAKV,IAAA;AACrB;AAEA,OAAO,MAAMW,cAAA,GAORC,EAAA;EAAA,MAAAC,CAAA,GAAA9B,EAAA;EAAC;IAAA+B,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAAmE;EACvE;IAAAQ,UAAA;IAAAC;EAAA,IAAkCrC,QAAA;EAClC;IAAAsC;EAAA,IAAcjC,cAAA;EACd;IAAAkC;EAAA,IAA4BpC,aAAA;EAC5B;IAAAqC;EAAA,IAAiCpC,kBAAA;EAAA,IAAAqC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAQ,SAAA;IAEvBI,EAAA,GAAAA,CAAA;MACR,IAAIV,QAAA;QACFM,SAAA,CAAUvB,SAAA;MAAA;QAEVsB,UAAA,CAAWtB,SAAA;MAAA;MACb,OAGO,MAAMsB,UAAA,CAAWtB,SAAA;IAAA,CAC1B;IAAG4B,EAAA,IAACX,QAAA,EAAUM,SAAA,EAAWD,UAAA,CAAW;IAAAP,CAAA,MAAAO,UAAA;IAAAP,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAQ,SAAA;IAAAR,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAD,EAAA,GAAAZ,CAAA;IAAAa,EAAA,GAAAb,CAAA;EAAA;EATpC3B,SAAA,CAAUuC,EASV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAU,eAAA,IAAAV,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAI,UAAA,IAAAJ,CAAA,SAAAW,oBAAA,IAAAX,CAAA,SAAAS,CAAA,IAAAT,CAAA,SAAAK,SAAA,IAAAL,CAAA,SAAAM,IAAA;IAAA,IAAAS,EAAA;IAAA,IAAAf,CAAA,SAAAS,CAAA,IAAAT,CAAA,SAAAM,IAAA;MAQzBS,EAAA,GAAAtC,kBAAA,CAAmB6B,IAA2D,CAAM,GAAxDA,IAAA,CAAAU,KAAqB,IAAPV,IAAA,CAAAW,EAA0C,GAApF,GAAwDR,CAAA,CAAE,oBAAoBH,IAAA,EAAM;MAAAN,CAAA,OAAAS,CAAA;MAAAT,CAAA,OAAAM,IAAA;MAAAN,CAAA,OAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAAA,IAAAkB,EAAA;IAAA,IAAAlB,CAAA,SAAAC,YAAA,IAAAD,CAAA,SAAAW,oBAAA;MAW9EO,EAAA,GAAAA,CAAA,KAAMP,oBAAA,CAAqB,MAAMV,YAAA;MAAAD,CAAA,OAAAC,YAAA;MAAAD,CAAA,OAAAW,oBAAA;MAAAX,CAAA,OAAAkB,EAAA;IAAA;MAAAA,EAAA,GAAAlB,CAAA;IAAA;IAAA,IAAAmB,EAAA;IAAA,IAAAnB,CAAA,SAAAU,eAAA,IAAAV,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAG,UAAA;MAMjCgB,EAAA,GAAAA,CAAA;QACPhB,UAAA;QACAI,UAAA,CAAWtB,SAAA;QACXyB,eAAA;MAAA,CACF;MAAAV,CAAA,OAAAU,eAAA;MAAAV,CAAA,OAAAO,UAAA;MAAAP,CAAA,OAAAG,UAAA;MAAAH,CAAA,OAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IA1BNc,EAAA,GAAAM,KAAA,CAACpC,WAAA;MAAAqC,UAAA,EAAwB;MAAAC,IAAA,EAAY;MAAAC,IAAA,EAActC,SAAA;MAAAuC,QAAA,E,CACjDC,IAAA,CAAC1C,YAAA;QAAA2C,KAAA,EAAoBjB,CAAA,CAAE;UACvBW,KAAA,CAACzC,UAAA;QAAA6C,QAAA,E,CACCJ,KAAA,CAAC;UAAAI,QAAA,E,CACCC,IAAA,CAAC;YAAAD,QAAA,EACET;cACO,KACTN,CAAA,CAAE;YAELW,KAAA,CAAC;UAAAO,SAAA,EAAY;UAAAH,QAAA,E,CACVf,CAAA,CAAE,wBAAuB,KAACgB,IAAA,CAAC;YAAAD,QAAA,EAAQtC,UAAA,CAAWmB,SAAA;;;UAGnDe,KAAA,CAACtC,YAAA;QAAA0C,QAAA,E,CACCC,IAAA,CAAC7C,YAAA;UAAAgD,KAAA,EACQnB,CAAA,CAAE;UAAAoB,OAAA,EACAX;YAEXO,IAAA,CAAC/C,MAAA;UAAAoD,WAAA,EACa;UAAAb,EAAA,EACR,GAAGhC,SAAA,iBAA0B;UAAA8C,MAAA,EACzB;UAAAF,OAAA,EACCV,EAIT;UAAAG,IAAA,EACK;UAAAE,QAAA,EAEJf,CAAA,CAAE;YAELgB,IAAA,CAAC5C,aAAA;UAAA+C,KAAA,EAAqBnB,CAAA,CAAE;UAAAoB,OAAA,EAA8BzB;;;;;;;;;;;;;;;;;SA/B1DU,E;CAmCJ","ignoreList":[]}

package/dist/elements/DocumentStaleData/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useTranslation","DialogBody","DialogConfirm","DialogFooter","DialogHeader","DialogModal","useModal","modalSlug","DocumentStaleData","t0","$","isActive","onReload","closeModal","openModal","clearRouteCache","t","t1","t2","t3","t4","_jsxs","closeOnEsc","size","slug","children","_jsx","title","label","onClick"],"sources":["../../../src/elements/DocumentStaleData/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport {\n  DialogBody,\n  DialogConfirm,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n} from '../Dialog/index.js'\nimport { useModal } from '../Modal/index.js'\n\nconst modalSlug = 'document-stale-data'\n\nexport const DocumentStaleData: React.FC<{\n  isActive: boolean\n  onReload: () => Promise<void> | void\n}> = ({ isActive, onReload }) => {\n  const { closeModal, openModal } = useModal()\n  const { clearRouteCache } = useRouteCache()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <DialogModal closeOnEsc={false} size=\"small\" slug={modalSlug}>\n      <DialogHeader title={t('general:documentModified')} />\n      <DialogBody>\n        <p>{t('general:documentOutOfDate')}</p>\n      </DialogBody>\n      <DialogFooter>\n        <DialogConfirm\n          label={t('general:reloadDocument')}\n          onClick={async () => {\n            clearRouteCache()\n            await onReload()\n          }}\n        />\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SACEC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZC,WAAW,QACN;AACP,SAASC,QAAQ,QAAQ;AAEzB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,iBAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe,QAAA;IAAAC;EAAA,IAAAH,EAAsB;EAC1B;IAAAI,UAAA;IAAAC;EAAA,IAAkCR,QAAA;EAClC;IAAAS;EAAA,IAA4BhB,aAAA;EAC5B;IAAAiB;EAAA,IAAchB,cAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAI,SAAA;IAEJG,EAAA,GAAAA,CAAA;MAAA,IACJN,QAAA;QACFG,SAAA,CAAAP,SAAU;MAAA;QAEVM,UAAA,CAAAN,SAAW;MAAA;IAAA;IAEZW,EAAA,IAACP,QAAA,EAAUG,SAAA,EAAWD,UAAA;IAAWH,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EANpCZ,SAAA,CAAUmB,EAMV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAM,CAAA;IAAA,IAAAI,EAAA;IAAA,IAAAV,CAAA,QAAAK,eAAA,IAAAL,CAAA,SAAAE,QAAA;MAWnBQ,EAAA,SAAAA,CAAA;QACPL,eAAA;QAAA,MACMH,QAAA;MAAA;MACRF,CAAA,MAAAK,eAAA;MAAAL,CAAA,OAAAE,QAAA;MAAAF,CAAA,OAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IAXNS,EAAA,GAAAE,KAAA,CAAAhB,WAAA;MAAAiB,UAAA;MAAAC,IAAA,EAAqC;MAAAC,IAAA,EAAAjB,SAAA;MAAAkB,QAAA,GACnCC,IAAA,CAAAtB,YAAA;QAAAuB,KAAA,EAAqBX,CAAA,CAAE;MAAA,C,GACvBU,IAAA,CAAAzB,UAAA;QAAAwB,QAAA,EACEC,IAAA,CAAC;UAAAD,QAAA,EAAGT,CAAA,CAAE;QAAA,C;UAERU,IAAA,CAAAvB,YAAA;QAAAsB,QAAA,EACEC,IAAA,CAAAxB,aAAA;UAAA0B,KAAA,EACSZ,CAAA,CAAE;UAAAa,OAAA,EACAT;QAGT,C;;;;;;;;;;SAXND,E;CAgBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useTranslation","DialogBody","DialogConfirm","DialogFooter","DialogHeader","DialogModal","useModal","modalSlug","DocumentStaleData","t0","$","isActive","onReload","closeModal","openModal","clearRouteCache","t","t1","t2","t3","t4","_jsxs","closeOnEsc","size","slug","children","_jsx","title","label","onClick"],"sources":["../../../src/elements/DocumentStaleData/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport {\n  DialogBody,\n  DialogConfirm,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n} from '../Dialog/index.js'\nimport { useModal } from '../Modal/index.js'\n\nconst modalSlug = 'document-stale-data'\n\nexport const DocumentStaleData: React.FC<{\n  isActive: boolean\n  onReload: () => Promise<void> | void\n}> = ({ isActive, onReload }) => {\n  const { closeModal, openModal } = useModal()\n  const { clearRouteCache } = useRouteCache()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <DialogModal closeOnEsc={false} size=\"small\" slug={modalSlug}>\n      <DialogHeader title={t('general:documentModified')} />\n      <DialogBody>\n        <p>{t('general:documentOutOfDate')}</p>\n      </DialogBody>\n      <DialogFooter>\n        <DialogConfirm\n          label={t('general:reloadDocument')}\n          onClick={async () => {\n            clearRouteCache()\n            await onReload()\n          }}\n        />\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SACEC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZC,WAAW,QACN;AACP,SAASC,QAAQ,QAAQ;AAEzB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,iBAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe,QAAA;IAAAC;EAAA,IAAAH,EAAsB;EAC1B;IAAAI,UAAA;IAAAC;EAAA,IAAkCR,QAAA;EAClC;IAAAS;EAAA,IAA4BhB,aAAA;EAC5B;IAAAiB;EAAA,IAAchB,cAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAI,SAAA;IAEJG,EAAA,GAAAA,CAAA;MACR,IAAIN,QAAA;QACFG,SAAA,CAAUP,SAAA;MAAA;QAEVM,UAAA,CAAWN,SAAA;MAAA;IACb,CACF;IAAGW,EAAA,IAACP,QAAA,EAAUG,SAAA,EAAWD,UAAA,CAAW;IAAAH,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EANpCZ,SAAA,CAAUmB,EAMV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAM,CAAA;IAAA,IAAAI,EAAA;IAAA,IAAAV,CAAA,QAAAK,eAAA,IAAAL,CAAA,SAAAE,QAAA;MAWnBQ,EAAA,SAAAA,CAAA;QACPL,eAAA;QACA,MAAMH,QAAA;MAAA,CACR;MAAAF,CAAA,MAAAK,eAAA;MAAAL,CAAA,OAAAE,QAAA;MAAAF,CAAA,OAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IAXNS,EAAA,GAAAE,KAAA,CAAChB,WAAA;MAAAiB,UAAA,EAAwB;MAAAC,IAAA,EAAY;MAAAC,IAAA,EAAcjB,SAAA;MAAAkB,QAAA,E,CACjDC,IAAA,CAACtB,YAAA;QAAAuB,KAAA,EAAoBX,CAAA,CAAE;UACvBU,IAAA,CAACzB,UAAA;QAAAwB,QAAA,EACCC,IAAA,CAAC;UAAAD,QAAA,EAAGT,CAAA,CAAE;;UAERU,IAAA,CAACvB,YAAA;QAAAsB,QAAA,EACCC,IAAA,CAACxB,aAAA;UAAA0B,KAAA,EACQZ,CAAA,CAAE;UAAAa,OAAA,EACAT;;;;;;;;;;;SARfD,E;CAgBJ","ignoreList":[]}

package/dist/elements/DocumentTakeOver/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useRouteTransition","useTranslation","DialogBody","DialogCancel","DialogConfirm","DialogFooter","DialogHeader","DialogModal","useModal","modalSlug","DocumentTakeOver","t0","$","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","startRouteTransition","clearRouteCache","t1","t2","t3","t4","t5","_jsxs","closeOnEsc","slug","children","_jsx","title","label","onClick"],"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport {\n  DialogBody,\n  DialogCancel,\n  DialogConfirm,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n} from '../Dialog/index.js'\nimport { useModal } from '../Modal/index.js'\n\nconst modalSlug = 'document-take-over'\n\nexport const DocumentTakeOver: React.FC<{\n  handleBackToDashboard: () => void\n  isActive: boolean\n  onReadOnly: () => void\n}> = ({ handleBackToDashboard, isActive, onReadOnly }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <DialogModal closeOnEsc={false} slug={modalSlug}>\n      <DialogHeader title={t('general:editingTakenOver')} />\n      <DialogBody>\n        <p>{t('general:anotherUserTakenOver')}</p>\n      </DialogBody>\n      <DialogFooter>\n        <DialogCancel\n          label={t('general:viewReadOnly')}\n          onClick={() => {\n            onReadOnly()\n            clearRouteCache()\n          }}\n        />\n        <DialogConfirm\n          label={t('general:backToDashboard')}\n          onClick={() => startRouteTransition(() => handleBackToDashboard())}\n        />\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SACEC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZC,WAAW,QACN;AACP,SAASC,QAAQ,QAAQ;AAEzB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAhB,EAAA;EAAC;IAAAiB,qBAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA+C;EACnD;IAAAK,UAAA;IAAAC;EAAA,IAAkCT,QAAA;EAClC;IAAAU;EAAA,IAAcjB,cAAA;EACd;IAAAkB;EAAA,IAAiCnB,kBAAA;EACjC;IAAAoB;EAAA,IAA4BrB,aAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,SAAA;IAElBI,EAAA,GAAAA,CAAA;MAAA,IACJP,QAAA;QACFG,SAAA,CAAAR,SAAU;MAAA;QAEVO,UAAA,CAAAP,SAAW;MAAA;IAAA;IAEZa,EAAA,IAACR,QAAA,EAAUG,SAAA,EAAWD,UAAA;IAAWJ,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EANpCd,SAAA,CAAUuB,EAMV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAQ,eAAA,IAAAR,CAAA,QAAAC,qBAAA,IAAAD,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAO,oBAAA,IAAAP,CAAA,QAAAM,CAAA;IAAA,IAAAM,EAAA;IAAA,IAAAZ,CAAA,SAAAQ,eAAA,IAAAR,CAAA,SAAAG,UAAA;MAWnBS,EAAA,GAAAA,CAAA;QACPT,UAAA;QACAK,eAAA;MAAA;MACFR,CAAA,OAAAQ,eAAA;MAAAR,CAAA,OAAAG,UAAA;MAAAH,CAAA,OAAAY,EAAA;IAAA;MAAAA,EAAA,GAAAZ,CAAA;IAAA;IAAA,IAAAa,EAAA;IAAA,IAAAb,CAAA,SAAAC,qBAAA,IAAAD,CAAA,SAAAO,oBAAA;MAISM,EAAA,GAAAA,CAAA,KAAMN,oBAAA,OAA2BN,qBAAA;MAAAD,CAAA,OAAAC,qBAAA;MAAAD,CAAA,OAAAO,oBAAA;MAAAP,CAAA,OAAAa,EAAA;IAAA;MAAAA,EAAA,GAAAb,CAAA;IAAA;IAfhDW,EAAA,GAAAG,KAAA,CAAAnB,WAAA;MAAAoB,UAAA;MAAAC,IAAA,EAAAnB,SAAA;MAAAoB,QAAA,GACEC,IAAA,CAAAxB,YAAA;QAAAyB,KAAA,EAAqBb,CAAA,CAAE;MAAA,C,GACvBY,IAAA,CAAA5B,UAAA;QAAA2B,QAAA,EACEC,IAAA,CAAC;UAAAD,QAAA,EAAGX,CAAA,CAAE;QAAA,C;UAERQ,KAAA,CAAArB,YAAA;QAAAwB,QAAA,GACEC,IAAA,CAAA3B,YAAA;UAAA6B,KAAA,EACSd,CAAA,CAAE;UAAAe,OAAA,EACAT;QAGT,C,GAEFM,IAAA,CAAA1B,aAAA;UAAA4B,KAAA,EACSd,CAAA,CAAE;UAAAe,OAAA,EACAR;QAAiC,C;;;;;;;;;;;;SAfhDF,E;CAoBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useRouteTransition","useTranslation","DialogBody","DialogCancel","DialogConfirm","DialogFooter","DialogHeader","DialogModal","useModal","modalSlug","DocumentTakeOver","t0","$","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","startRouteTransition","clearRouteCache","t1","t2","t3","t4","t5","_jsxs","closeOnEsc","slug","children","_jsx","title","label","onClick"],"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport {\n  DialogBody,\n  DialogCancel,\n  DialogConfirm,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n} from '../Dialog/index.js'\nimport { useModal } from '../Modal/index.js'\n\nconst modalSlug = 'document-take-over'\n\nexport const DocumentTakeOver: React.FC<{\n  handleBackToDashboard: () => void\n  isActive: boolean\n  onReadOnly: () => void\n}> = ({ handleBackToDashboard, isActive, onReadOnly }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <DialogModal closeOnEsc={false} slug={modalSlug}>\n      <DialogHeader title={t('general:editingTakenOver')} />\n      <DialogBody>\n        <p>{t('general:anotherUserTakenOver')}</p>\n      </DialogBody>\n      <DialogFooter>\n        <DialogCancel\n          label={t('general:viewReadOnly')}\n          onClick={() => {\n            onReadOnly()\n            clearRouteCache()\n          }}\n        />\n        <DialogConfirm\n          label={t('general:backToDashboard')}\n          onClick={() => startRouteTransition(() => handleBackToDashboard())}\n        />\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SACEC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZC,WAAW,QACN;AACP,SAASC,QAAQ,QAAQ;AAEzB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAhB,EAAA;EAAC;IAAAiB,qBAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA+C;EACnD;IAAAK,UAAA;IAAAC;EAAA,IAAkCT,QAAA;EAClC;IAAAU;EAAA,IAAcjB,cAAA;EACd;IAAAkB;EAAA,IAAiCnB,kBAAA;EACjC;IAAAoB;EAAA,IAA4BrB,aAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,SAAA;IAElBI,EAAA,GAAAA,CAAA;MACR,IAAIP,QAAA;QACFG,SAAA,CAAUR,SAAA;MAAA;QAEVO,UAAA,CAAWP,SAAA;MAAA;IACb,CACF;IAAGa,EAAA,IAACR,QAAA,EAAUG,SAAA,EAAWD,UAAA,CAAW;IAAAJ,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EANpCd,SAAA,CAAUuB,EAMV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAQ,eAAA,IAAAR,CAAA,QAAAC,qBAAA,IAAAD,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAO,oBAAA,IAAAP,CAAA,QAAAM,CAAA;IAAA,IAAAM,EAAA;IAAA,IAAAZ,CAAA,SAAAQ,eAAA,IAAAR,CAAA,SAAAG,UAAA;MAWnBS,EAAA,GAAAA,CAAA;QACPT,UAAA;QACAK,eAAA;MAAA,CACF;MAAAR,CAAA,OAAAQ,eAAA;MAAAR,CAAA,OAAAG,UAAA;MAAAH,CAAA,OAAAY,EAAA;IAAA;MAAAA,EAAA,GAAAZ,CAAA;IAAA;IAAA,IAAAa,EAAA;IAAA,IAAAb,CAAA,SAAAC,qBAAA,IAAAD,CAAA,SAAAO,oBAAA;MAISM,EAAA,GAAAA,CAAA,KAAMN,oBAAA,CAAqB,MAAMN,qBAAA;MAAAD,CAAA,OAAAC,qBAAA;MAAAD,CAAA,OAAAO,oBAAA;MAAAP,CAAA,OAAAa,EAAA;IAAA;MAAAA,EAAA,GAAAb,CAAA;IAAA;IAfhDW,EAAA,GAAAG,KAAA,CAACnB,WAAA;MAAAoB,UAAA,EAAwB;MAAAC,IAAA,EAAanB,SAAA;MAAAoB,QAAA,E,CACpCC,IAAA,CAACxB,YAAA;QAAAyB,KAAA,EAAoBb,CAAA,CAAE;UACvBY,IAAA,CAAC5B,UAAA;QAAA2B,QAAA,EACCC,IAAA,CAAC;UAAAD,QAAA,EAAGX,CAAA,CAAE;;UAERQ,KAAA,CAACrB,YAAA;QAAAwB,QAAA,E,CACCC,IAAA,CAAC3B,YAAA;UAAA6B,KAAA,EACQd,CAAA,CAAE;UAAAe,OAAA,EACAT;YAKXM,IAAA,CAAC1B,aAAA;UAAA4B,KAAA,EACQd,CAAA,CAAE;UAAAe,OAAA,EACAR;;;;;;;;;;;;;SAffF,E;CAoBJ","ignoreList":[]}

package/dist/elements/DraggableSortable/DragOverlayPreview/index.js

@@ -9,7 +9,9 @@ export const DragOverlayPreview = ({
   header
 }) => {
   return /*#__PURE__*/_jsx("div", {
+    "aria-hidden": true,
     className: baseClass,
+    inert: true,
     children: /*#__PURE__*/_jsx(Collapsible, {
       collapsibleStyle: "default",
       dragHandleProps: {

package/dist/elements/DraggableSortable/DragOverlayPreview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Collapsible","baseClass","DragOverlayPreview","header","_jsx","className","collapsibleStyle","dragHandleProps","id","attributes","listeners","undefined","isCollapsed","_Fragment"],"sources":["../../../../src/elements/DraggableSortable/DragOverlayPreview/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Collapsible } from '../../Collapsible/index.js'\nimport './index.css'\n\nconst baseClass = 'drag-overlay-preview'\n\nexport const DragOverlayPreview: React.FC<{ header: React.ReactNode }> = ({ header }) => {\n  return (\n    <div className={baseClass}>\n      <Collapsible\n        collapsibleStyle=\"default\"\n        dragHandleProps={{ id: '', attributes: {}, listeners: undefined }}\n        header={header}\n        isCollapsed\n      >\n        <></>\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,kBAAA,GAA4DA,CAAC;EAAEC;AAAM,CAAE;EAClF,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWJ,SAAA;cACd,aAAAG,IAAA,CAACJ,WAAA;MACCM,gBAAA,EAAiB;MACjBC,eAAA,EAAiB;QAAEC,EAAA,EAAI;QAAIC,UAAA,EAAY,CAAC;QAAGC,SAAA,EAAWC;MAAU;MAChER,MAAA,EAAQA,MAAA;MACRS,WAAW;gBAEX,aAAAR,IAAA,CAAAS,SAAA;;;AAIR","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Collapsible","baseClass","DragOverlayPreview","header","_jsx","className","inert","collapsibleStyle","dragHandleProps","id","attributes","listeners","undefined","isCollapsed","_Fragment"],"sources":["../../../../src/elements/DraggableSortable/DragOverlayPreview/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Collapsible } from '../../Collapsible/index.js'\nimport './index.css'\n\nconst baseClass = 'drag-overlay-preview'\n\nexport const DragOverlayPreview: React.FC<{ header: React.ReactNode }> = ({ header }) => {\n  return (\n    <div aria-hidden className={baseClass} inert>\n      <Collapsible\n        collapsibleStyle=\"default\"\n        dragHandleProps={{ id: '', attributes: {}, listeners: undefined }}\n        header={header}\n        isCollapsed\n      >\n        <></>\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,kBAAA,GAA4DA,CAAC;EAAEC;AAAM,CAAE;EAClF,oBACEC,IAAA,CAAC;IAAI,aAAW;IAACC,SAAA,EAAWJ,SAAA;IAAWK,KAAK;cAC1C,aAAAF,IAAA,CAACJ,WAAA;MACCO,gBAAA,EAAiB;MACjBC,eAAA,EAAiB;QAAEC,EAAA,EAAI;QAAIC,UAAA,EAAY,CAAC;QAAGC,SAAA,EAAWC;MAAU;MAChET,MAAA,EAAQA,MAAA;MACRU,WAAW;gBAEX,aAAAT,IAAA,CAAAU,SAAA;;;AAIR","ignoreList":[]}

package/dist/elements/DraggableSortable/DraggableSortableItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C;IACE,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CAsB1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C;IACE,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CA8B1B,CAAA"}

package/dist/elements/DraggableSortable/DraggableSortableItem/index.js

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Fragment } from 'react';
 import { useDraggableSortable } from '../useDraggableSortable/index.js';
 export const DraggableSortableItem = props => {
-  const $ = _c(11);
+  const $ = _c(12);
   const {
     id,
     children,
@@ -27,17 +27,19 @@ export const DraggableSortableItem = props => {
     attributes,
     isDragging,
     listeners,
+    setActivatorNodeRef,
     setNodeRef,
     transform,
     transition
   } = useDraggableSortable(t0);
   let t1;
-  if ($[3] !== attributes || $[4] !== children || $[5] !== isDragging || $[6] !== listeners || $[7] !== setNodeRef || $[8] !== transform || $[9] !== transition) {
+  if ($[3] !== attributes || $[4] !== children || $[5] !== isDragging || $[6] !== listeners || $[7] !== setActivatorNodeRef || $[8] !== setNodeRef || $[9] !== transform || $[10] !== transition) {
     t1 = _jsx(Fragment, {
       children: children({
         attributes,
         isDragging,
         listeners,
+        setActivatorNodeRef,
         setNodeRef,
         transform,
         transition
@@ -47,12 +49,13 @@ export const DraggableSortableItem = props => {
     $[4] = children;
     $[5] = isDragging;
     $[6] = listeners;
-    $[7] = setNodeRef;
-    $[8] = transform;
-    $[9] = transition;
-    $[10] = t1;
+    $[7] = setActivatorNodeRef;
+    $[8] = setNodeRef;
+    $[9] = transform;
+    $[10] = transition;
+    $[11] = t1;
   } else {
-    t1 = $[10];
+    t1 = $[11];
   }
   return t1;
 };

package/dist/elements/DraggableSortable/DraggableSortableItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useDraggableSortable","DraggableSortableItem","props","$","id","children","disabled","t0","attributes","isDragging","listeners","setNodeRef","transform","transition","t1","_jsx"],"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport React, { Fragment } from 'react'\n\nimport type { ChildFunction } from './types.js'\n\nimport { useDraggableSortable } from '../useDraggableSortable/index.js'\n\nexport const DraggableSortableItem: React.FC<\n  {\n    children: ChildFunction\n  } & UseDraggableArguments\n> = (props) => {\n  const { id, children, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform, transition } =\n    useDraggableSortable({\n      id,\n      disabled,\n    })\n\n  return (\n    <Fragment>\n      {children({\n        attributes,\n        isDragging,\n        listeners,\n        setNodeRef,\n        transform,\n        transition,\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,oBAAoB,QAAQ;AAErC,OAAO,MAAMC,qBAAA,GAITC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACF;IAAAO,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAmCJ,KAAA;EAAA,IAAAK,EAAA;EAAA,IAAAJ,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAC,EAAA;IAGZG,EAAA;MAAAH,EAAA;MAAAE;IAAA;IAGrBH,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAJF;IAAAK,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC;EAAA,IACEb,oBAAA,CAAqBO,EAGrB;EAAA,IAAAO,EAAA;EAAA,IAAAX,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAU,UAAA;IAGAC,EAAA,GAAAC,IAAA,CAAAhB,QAAA;MAAAM,QAAA,EACGA,QAAA;QAAAG,UAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC;MAAA,CAOD;IAAA,C;;;;;;;;;;;;SARFC,E;CAWJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useDraggableSortable","DraggableSortableItem","props","$","id","children","disabled","t0","attributes","isDragging","listeners","setActivatorNodeRef","setNodeRef","transform","transition","t1","_jsx"],"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport React, { Fragment } from 'react'\n\nimport type { ChildFunction } from './types.js'\n\nimport { useDraggableSortable } from '../useDraggableSortable/index.js'\n\nexport const DraggableSortableItem: React.FC<\n  {\n    children: ChildFunction\n  } & UseDraggableArguments\n> = (props) => {\n  const { id, children, disabled } = props\n\n  const {\n    attributes,\n    isDragging,\n    listeners,\n    setActivatorNodeRef,\n    setNodeRef,\n    transform,\n    transition,\n  } = useDraggableSortable({\n    id,\n    disabled,\n  })\n\n  return (\n    <Fragment>\n      {children({\n        attributes,\n        isDragging,\n        listeners,\n        setActivatorNodeRef,\n        setNodeRef,\n        transform,\n        transition,\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,oBAAoB,QAAQ;AAErC,OAAO,MAAMC,qBAAA,GAITC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACF;IAAAO,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAmCJ,KAAA;EAAA,IAAAK,EAAA;EAAA,IAAAJ,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAC,EAAA;IAUVG,EAAA;MAAAH,EAAA;MAAAE;IAGzB;IAAAH,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAXA;IAAAK,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC,mBAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAQId,oBAAA,CAAqBO,EAGzB;EAAA,IAAAQ,EAAA;EAAA,IAAAZ,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAQ,mBAAA,IAAAR,CAAA,QAAAS,UAAA,IAAAT,CAAA,QAAAU,SAAA,IAAAV,CAAA,SAAAW,UAAA;IAGEC,EAAA,GAAAC,IAAA,CAACjB,QAAA;MAAAM,QAAA,EACEA,QAAA,CAAS;QAAAG,UAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC,mBAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC;MAQV;;;;;;;;;;;;;;SATFC,E;CAYJ","ignoreList":[]}

package/dist/elements/DraggableSortable/DraggableSortableItem/types.d.ts

@@ -4,7 +4,9 @@ import type React from 'react';
 import type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js';
 export type DragHandleProps = {
     attributes: React.AriaAttributes & UseDraggableArguments['attributes'];
+    draggable?: boolean;
     listeners: SyntheticListenerMap;
+    setActivatorNodeRef?: (node: HTMLElement | null) => void;
 } & UseDraggableArguments;
 export type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode;
 export type Props = {

package/dist/elements/DraggableSortable/DraggableSortableItem/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAElF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,KAAK,CAAC,cAAc,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACtE,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,qBAAqB,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAElF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,KAAK,CAAC,cAAc,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,oBAAoB,CAAA;IAC/B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CACzD,GAAG,qBAAqB,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CAAA"}

package/dist/elements/DraggableSortable/DraggableSortableItem/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities/index.js'\nimport type React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js'\n\nexport type DragHandleProps = {\n  attributes: React.AriaAttributes & UseDraggableArguments['attributes']\n  listeners: SyntheticListenerMap\n} & UseDraggableArguments\n\nexport type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode\n\nexport type Props = {\n  children: ChildFunction\n} & UseDraggableArguments\n"],"mappings":"AAaA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities/index.js'\nimport type React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js'\n\nexport type DragHandleProps = {\n  attributes: React.AriaAttributes & UseDraggableArguments['attributes']\n  draggable?: boolean\n  listeners: SyntheticListenerMap\n  setActivatorNodeRef?: (node: HTMLElement | null) => void\n} & UseDraggableArguments\n\nexport type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode\n\nexport type Props = {\n  children: ChildFunction\n} & UseDraggableArguments\n"],"mappings":"AAeA","ignoreList":[]}

package/dist/elements/DraggableSortable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAEtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoH7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAmE,MAAM,OAAO,CAAA;AAEvF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0I7C,CAAA"}

package/dist/elements/DraggableSortable/index.js

@@ -1,15 +1,15 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { closestCenter, DndContext, DragOverlay, KeyboardSensor, MouseSensor, TouchSensor, useDroppable, useSensor, useSensors } from '@dnd-kit/core';
 import { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
-import React, { useCallback, useEffect, useId, useState } from 'react';
+import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { useRowAccessibility } from './useRowAccessibility.js';
 import './index.css';
 export const DraggableSortable = props => {
-  const $ = _c(28);
   const {
     id,
+    announceRows = false,
     children,
     className,
     ids,
@@ -18,177 +18,111 @@ export const DraggableSortable = props => {
     renderDragOverlay,
     sortingStrategy
   } = props;
+  const containerRef = useRef(null);
+  const accessibilityOptions = useMemo(() => ({
+    containerRef,
+    enabled: announceRows,
+    ids
+  }), [announceRows, ids]);
+  const accessibility = useRowAccessibility(accessibilityOptions);
   const [activeId, setActiveId] = useState(null);
-  let t0;
-  let t1;
-  if ($[0] !== activeId) {
-    t0 = () => {
-      if (activeId !== null) {
-        document.body.classList.add("is-dragging");
-        return _temp;
-      }
-    };
-    t1 = [activeId];
-    $[0] = activeId;
-    $[1] = t0;
-    $[2] = t1;
-  } else {
-    t0 = $[1];
-    t1 = $[2];
-  }
-  useEffect(t0, t1);
+  // The overlay is a different element than the drag handle, so its inline cursor
+  // styles don't carry over. So set a body class to show a grabbing cursor everywhere.
+  useEffect(() => {
+    if (activeId !== null) {
+      document.body.classList.add('is-dragging');
+      return () => {
+        document.body.classList.remove('is-dragging');
+      };
+    }
+  }, [activeId]);
   const dndContextID = useId();
   const sortableContextID = useId();
-  let t2;
-  if ($[3] !== dndContextID) {
-    t2 = {
-      id: dndContextID
-    };
-    $[3] = dndContextID;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
   const {
     setNodeRef
-  } = useDroppable(t2);
-  let t3;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = {
-      activationConstraint: {
-        distance: 5
-      }
-    };
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = {
-      activationConstraint: {
-        delay: 200,
-        tolerance: 5
-      }
-    };
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  let t5;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = {
-      coordinateGetter: sortableKeyboardCoordinates
-    };
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  const sensors = useSensors(useSensor(MouseSensor, t3), useSensor(TouchSensor, t4), useSensor(KeyboardSensor, t5));
-  let t6;
-  if ($[8] !== ids || $[9] !== onDragEnd) {
-    t6 = event => {
-      const {
-        active,
-        over
-      } = event;
-      event.activatorEvent.stopPropagation();
-      setActiveId(null);
-      if (!active || !over) {
-        return;
-      }
-      if (typeof onDragEnd === "function") {
-        onDragEnd({
-          event,
-          moveFromIndex: ids.findIndex(_id => _id === active.id),
-          moveToIndex: ids.findIndex(_id_0 => _id_0 === over.id)
-        });
-      }
-    };
-    $[8] = ids;
-    $[9] = onDragEnd;
-    $[10] = t6;
-  } else {
-    t6 = $[10];
-  }
-  const handleDragEnd = t6;
-  let t7;
-  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-    t7 = () => {
-      setActiveId(null);
-    };
-    $[11] = t7;
-  } else {
-    t7 = $[11];
-  }
-  const handleDragCancel = t7;
-  let t8;
-  if ($[12] !== onDragStart) {
-    t8 = event_0 => {
-      const {
-        active: active_0
-      } = event_0;
-      if (!active_0) {
-        return;
-      }
-      setActiveId(active_0.id);
-      if (typeof onDragStart === "function") {
-        onDragStart({
-          id: active_0.id,
-          event: event_0
-        });
-      }
-    };
-    $[12] = onDragStart;
-    $[13] = t8;
-  } else {
-    t8 = $[13];
-  }
-  const handleDragStart = t8;
-  let t9;
-  if ($[14] !== activeId || $[15] !== children || $[16] !== className || $[17] !== dndContextID || $[18] !== handleDragEnd || $[19] !== handleDragStart || $[20] !== id || $[21] !== ids || $[22] !== renderDragOverlay || $[23] !== sensors || $[24] !== setNodeRef || $[25] !== sortableContextID || $[26] !== sortingStrategy) {
-    t9 = _jsxs(DndContext, {
-      collisionDetection: closestCenter,
-      id: dndContextID,
-      onDragCancel: handleDragCancel,
-      onDragEnd: handleDragEnd,
-      onDragStart: handleDragStart,
-      sensors,
-      children: [_jsx(SortableContext, {
-        id: sortableContextID,
-        items: ids,
-        strategy: sortingStrategy,
-        children: _jsx("div", {
-          className,
-          id,
-          ref: setNodeRef,
-          children
-        })
-      }), renderDragOverlay && activeId !== null && _jsx(DragOverlay, {
-        dropAnimation: null,
-        children: renderDragOverlay(activeId)
-      })]
-    });
-    $[14] = activeId;
-    $[15] = children;
-    $[16] = className;
-    $[17] = dndContextID;
-    $[18] = handleDragEnd;
-    $[19] = handleDragStart;
-    $[20] = id;
-    $[21] = ids;
-    $[22] = renderDragOverlay;
-    $[23] = sensors;
-    $[24] = setNodeRef;
-    $[25] = sortableContextID;
-    $[26] = sortingStrategy;
-    $[27] = t9;
-  } else {
-    t9 = $[27];
-  }
-  return t9;
+  } = useDroppable({
+    id: dndContextID
+  });
+  const sensors = useSensors(useSensor(MouseSensor, {
+    activationConstraint: {
+      distance: 5
+    }
+  }), useSensor(TouchSensor, {
+    activationConstraint: {
+      delay: 200,
+      tolerance: 5
+    }
+  }), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
+  }));
+  const handleDragEnd = useCallback(event => {
+    const {
+      active,
+      over
+    } = event;
+    event.activatorEvent.stopPropagation();
+    setActiveId(null);
+    if (!active || !over) {
+      return;
+    }
+    const moveFromIndex = ids.findIndex(_id => _id === active.id);
+    const moveToIndex = ids.findIndex(_id_0 => _id_0 === over.id);
+    if (moveFromIndex < 0 || moveToIndex < 0) {
+      return;
+    }
+    if (typeof onDragEnd === 'function') {
+      onDragEnd({
+        event,
+        moveFromIndex,
+        moveToIndex
+      });
+    }
+  }, [onDragEnd, ids]);
+  const handleDragCancel = useCallback(() => {
+    setActiveId(null);
+  }, []);
+  const handleDragStart = useCallback(event_0 => {
+    const {
+      active: active_0
+    } = event_0;
+    if (!active_0) {
+      return;
+    }
+    setActiveId(active_0.id);
+    if (typeof onDragStart === 'function') {
+      onDragStart({
+        id: active_0.id,
+        event: event_0
+      });
+    }
+  }, [onDragStart]);
+  return /*#__PURE__*/_jsxs(DndContext, {
+    accessibility: accessibility,
+    collisionDetection: closestCenter,
+    // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926
+    id: dndContextID,
+    onDragCancel: handleDragCancel,
+    onDragEnd: handleDragEnd,
+    onDragStart: handleDragStart,
+    sensors: sensors,
+    children: [/*#__PURE__*/_jsx(SortableContext, {
+      // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926
+      id: sortableContextID,
+      items: ids,
+      strategy: sortingStrategy,
+      children: /*#__PURE__*/_jsx("div", {
+        className: className,
+        id: id,
+        ref: node => {
+          containerRef.current = node;
+          setNodeRef(node);
+        },
+        children: children
+      })
+    }), renderDragOverlay && activeId !== null && /*#__PURE__*/_jsx(DragOverlay, {
+      dropAnimation: null,
+      children: renderDragOverlay(activeId)
+    })]
+  });
 };
-function _temp() {
-  document.body.classList.remove("is-dragging");
-}
 //# sourceMappingURL=index.js.map