@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

package/dist/views/Edit/Auth/index.scss

@@ -0,0 +1,78 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .auth-fields {
+    padding: calc(var(--base) * 2);
+    background: var(--theme-elevation-50);
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
+
+    &__controls {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) / 2);
+      flex-wrap: wrap;
+    }
+
+    &__changing-password {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+    }
+
+    .btn {
+      margin: 0;
+    }
+
+    &__api-key-label {
+      position: relative;
+    }
+
+    @include mid-break {
+      padding: var(--base);
+      gap: calc(var(--base) / 2);
+
+      &__changing-password {
+        gap: calc(var(--base) / 2);
+      }
+    }
+  }
+
+  .field-type.api-key {
+    margin-bottom: var(--base);
+
+    input {
+      @include formInput;
+    }
+  }
+
+  @keyframes highlight {
+    0% {
+      background: var(--theme-success-250);
+      border: 1px solid var(--theme-success-500);
+    }
+
+    20% {
+      background: var(--theme-input-bg);
+      border: 1px solid var(--theme-elevation-250);
+      color: var(--theme-text);
+    }
+
+    80% {
+      background: var(--theme-input-bg);
+      border: 1px solid var(--theme-elevation-250);
+      color: var(--theme-text);
+    }
+
+    100% {
+      background: var(--theme-elevation-200);
+      border: 1px solid transparent;
+      color: var(--theme-elevation-400);
+    }
+  }
+
+  .highlight {
+    animation: highlight 10s;
+  }
+}

package/dist/views/Edit/Auth/types.d.ts

@@ -0,0 +1,17 @@
+import type { SanitizedCollectionConfig, VerifyConfig } from 'payload';
+export type Props = {
+    className?: string;
+    collectionSlug: SanitizedCollectionConfig['slug'];
+    disableLocalStrategy?: boolean;
+    email: string;
+    loginWithUsername: SanitizedCollectionConfig['auth']['loginWithUsername'];
+    operation: 'create' | 'update';
+    readOnly: boolean;
+    requirePassword?: boolean;
+    setSchemaPathSegments: (path: string[]) => void;
+    setValidateBeforeSubmit: (validate: boolean) => void;
+    useAPIKey?: boolean;
+    username: string;
+    verify?: boolean | VerifyConfig;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/views/Edit/Auth/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtE,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC,mBAAmB,CAAC,CAAA;IACzE,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC/C,uBAAuB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACpD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;CAChC,CAAA"}

package/dist/views/Edit/Auth/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/views/Edit/Auth/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Edit/Auth/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig, VerifyConfig } from 'payload'\n\nexport type Props = {\n  className?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  disableLocalStrategy?: boolean\n  email: string\n  loginWithUsername: SanitizedCollectionConfig['auth']['loginWithUsername']\n  operation: 'create' | 'update'\n  readOnly: boolean\n  requirePassword?: boolean\n  setSchemaPathSegments: (path: string[]) => void\n  setValidateBeforeSubmit: (validate: boolean) => void\n  useAPIKey?: boolean\n  username: string\n  verify?: boolean | VerifyConfig\n}\n"],"mappings":"AAEA","ignoreList":[]}

package/dist/views/Edit/SetDocumentStepNav/index.d.ts

@@ -0,0 +1,11 @@
+import type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
+export declare const SetDocumentStepNav: React.FC<{
+    collectionSlug?: SanitizedCollectionConfig['slug'];
+    globalLabel?: SanitizedGlobalConfig['label'];
+    globalSlug?: SanitizedGlobalConfig['slug'];
+    id?: number | string;
+    pluralLabel?: SanitizedCollectionConfig['labels']['plural'];
+    useAsTitle?: SanitizedCollectionConfig['admin']['useAsTitle'];
+    view?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Edit/SetDocumentStepNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/SetDocumentStepNav/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAe/E,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC5C,UAAU,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC1C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CA4FA,CAAA"}

package/dist/views/Edit/SetDocumentStepNav/index.js

@@ -0,0 +1,135 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { useEffect } from 'react';
+import { useStepNav } from '../../../elements/StepNav/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useEditDepth } from '../../../providers/EditDepth/index.js';
+import { useEntityVisibility } from '../../../providers/EntityVisibility/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { formatAdminURL } from '../../../utilities/formatAdminURL.js';
+export const SetDocumentStepNav = props => {
+  const $ = _c(21);
+  const {
+    id,
+    collectionSlug,
+    globalSlug,
+    pluralLabel,
+    useAsTitle
+  } = props;
+  const view = props?.view || undefined;
+  const {
+    isEditing,
+    isInitializing,
+    title
+  } = useDocumentInfo();
+  const {
+    isEntityVisible
+  } = useEntityVisibility();
+  let t0;
+  if ($[0] !== collectionSlug || $[1] !== globalSlug || $[2] !== isEntityVisible) {
+    t0 = isEntityVisible({
+      collectionSlug,
+      globalSlug
+    });
+    $[0] = collectionSlug;
+    $[1] = globalSlug;
+    $[2] = isEntityVisible;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  const isVisible = t0;
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin: adminRoute
+  } = t2;
+  const drawerDepth = useEditDepth();
+  let t3;
+  let t4;
+  if ($[4] !== isInitializing || $[5] !== collectionSlug || $[6] !== pluralLabel || $[7] !== i18n || $[8] !== isVisible || $[9] !== adminRoute || $[10] !== isEditing || $[11] !== useAsTitle || $[12] !== title || $[13] !== id || $[14] !== t || $[15] !== globalSlug || $[16] !== view || $[17] !== drawerDepth || $[18] !== setStepNav) {
+    t3 = () => {
+      const nav = [];
+      if (!isInitializing) {
+        if (collectionSlug) {
+          nav.push({
+            label: getTranslation(pluralLabel, i18n),
+            url: isVisible ? formatAdminURL({
+              adminRoute,
+              path: `/collections/${collectionSlug}`
+            }) : undefined
+          });
+          if (isEditing) {
+            nav.push({
+              label: useAsTitle && useAsTitle !== "id" && title || `${id}`,
+              url: isVisible ? formatAdminURL({
+                adminRoute,
+                path: `/collections/${collectionSlug}/${id}`
+              }) : undefined
+            });
+          } else {
+            nav.push({
+              label: t("general:createNew")
+            });
+          }
+        } else {
+          if (globalSlug) {
+            nav.push({
+              label: title,
+              url: isVisible ? formatAdminURL({
+                adminRoute,
+                path: `/globals/${globalSlug}`
+              }) : undefined
+            });
+          }
+        }
+        if (view) {
+          nav.push({
+            label: view
+          });
+        }
+        if (drawerDepth <= 1) {
+          setStepNav(nav);
+        }
+      }
+    };
+    t4 = [setStepNav, isInitializing, isEditing, pluralLabel, id, useAsTitle, adminRoute, t, i18n, title, collectionSlug, globalSlug, view, drawerDepth, isVisible];
+    $[4] = isInitializing;
+    $[5] = collectionSlug;
+    $[6] = pluralLabel;
+    $[7] = i18n;
+    $[8] = isVisible;
+    $[9] = adminRoute;
+    $[10] = isEditing;
+    $[11] = useAsTitle;
+    $[12] = title;
+    $[13] = id;
+    $[14] = t;
+    $[15] = globalSlug;
+    $[16] = view;
+    $[17] = drawerDepth;
+    $[18] = setStepNav;
+    $[19] = t3;
+    $[20] = t4;
+  } else {
+    t3 = $[19];
+    t4 = $[20];
+  }
+  useEffect(t3, t4);
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Edit/SetDocumentStepNav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","useEffect","useStepNav","useConfig","useDocumentInfo","useEditDepth","useEntityVisibility","useTranslation","formatAdminURL","SetDocumentStepNav","props","$","id","collectionSlug","globalSlug","pluralLabel","useAsTitle","view","undefined","isEditing","isInitializing","title","isEntityVisible","t0","isVisible","setStepNav","i18n","t","config","t1","routes","t2","admin","adminRoute","drawerDepth","t3","t4","nav","push","label","url","path"],"sources":["../../../../src/views/Edit/SetDocumentStepNav/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useEffect } from 'react'\n\nimport type { StepNavItem } from '../../../elements/StepNav/index.js'\n\nimport { useStepNav } from '../../../elements/StepNav/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { useEntityVisibility } from '../../../providers/EntityVisibility/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\n\nexport const SetDocumentStepNav: React.FC<{\n  collectionSlug?: SanitizedCollectionConfig['slug']\n  globalLabel?: SanitizedGlobalConfig['label']\n  globalSlug?: SanitizedGlobalConfig['slug']\n  id?: number | string\n  pluralLabel?: SanitizedCollectionConfig['labels']['plural']\n  useAsTitle?: SanitizedCollectionConfig['admin']['useAsTitle']\n  view?: string\n}> = (props) => {\n  const { id, collectionSlug, globalSlug, pluralLabel, useAsTitle } = props\n\n  const view: string | undefined = props?.view || undefined\n\n  const { isEditing, isInitializing, title } = useDocumentInfo()\n  const { isEntityVisible } = useEntityVisibility()\n  const isVisible = isEntityVisible({ collectionSlug, globalSlug })\n\n  const { setStepNav } = useStepNav()\n\n  const { i18n, t } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const drawerDepth = useEditDepth()\n\n  useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    if (!isInitializing) {\n      if (collectionSlug) {\n        nav.push({\n          label: getTranslation(pluralLabel, i18n),\n          url: isVisible\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n        })\n\n        if (isEditing) {\n          nav.push({\n            label: (useAsTitle && useAsTitle !== 'id' && title) || `${id}`,\n            url: isVisible\n              ? formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}/${id}`,\n                })\n              : undefined,\n          })\n        } else {\n          nav.push({\n            label: t('general:createNew'),\n          })\n        }\n      } else if (globalSlug) {\n        nav.push({\n          label: title,\n          url: isVisible\n            ? formatAdminURL({\n                adminRoute,\n                path: `/globals/${globalSlug}`,\n              })\n            : undefined,\n        })\n      }\n\n      if (view) {\n        nav.push({\n          label: view,\n        })\n      }\n\n      if (drawerDepth <= 1) {\n        setStepNav(nav)\n      }\n    }\n  }, [\n    setStepNav,\n    isInitializing,\n    isEditing,\n    pluralLabel,\n    id,\n    useAsTitle,\n    adminRoute,\n    t,\n    i18n,\n    title,\n    collectionSlug,\n    globalSlug,\n    view,\n    drawerDepth,\n    isVisible,\n  ])\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Edit/SetDocumentTitle/index.d.ts

@@ -0,0 +1,8 @@
+import type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload';
+export declare const SetDocumentTitle: React.FC<{
+    collectionConfig?: ClientCollectionConfig;
+    config?: ClientConfig;
+    fallback: string;
+    globalConfig?: ClientGlobalConfig;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Edit/SetDocumentTitle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/SetDocumentTitle/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AASvF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,kBAAkB,CAAA;CAClC,CAuCA,CAAA"}

package/dist/views/Edit/SetDocumentTitle/index.js

@@ -0,0 +1,83 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef } from 'react';
+import { useFormFields } from '../../../forms/Form/context.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { formatDocTitle } from '../../../utilities/formatDocTitle.js';
+export const SetDocumentTitle = props => {
+  const $ = _c(13);
+  const {
+    collectionConfig,
+    config,
+    fallback,
+    globalConfig
+  } = props;
+  const useAsTitle = collectionConfig?.admin?.useAsTitle;
+  let t0;
+  if ($[0] !== useAsTitle) {
+    t0 = t1 => {
+      const [fields] = t1;
+      return useAsTitle && fields && fields?.[useAsTitle] || null;
+    };
+    $[0] = useAsTitle;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const field = useFormFields(t0);
+  const hasInitialized = useRef(false);
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    setDocumentTitle
+  } = useDocumentInfo();
+  const dateFormatFromConfig = config?.admin?.dateFormat;
+  let t1;
+  if ($[2] !== field || $[3] !== fallback || $[4] !== collectionConfig || $[5] !== dateFormatFromConfig || $[6] !== globalConfig || $[7] !== i18n) {
+    t1 = formatDocTitle({
+      collectionConfig,
+      data: {
+        id: ""
+      },
+      dateFormat: dateFormatFromConfig,
+      fallback: typeof field === "string" ? field : typeof field === "number" ? String(field) : field?.value || fallback,
+      globalConfig,
+      i18n
+    });
+    $[2] = field;
+    $[3] = fallback;
+    $[4] = collectionConfig;
+    $[5] = dateFormatFromConfig;
+    $[6] = globalConfig;
+    $[7] = i18n;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  const title = t1;
+  let t2;
+  let t3;
+  if ($[9] !== setDocumentTitle || $[10] !== title) {
+    t2 = () => {
+      if (!hasInitialized.current) {
+        hasInitialized.current = true;
+        return;
+      }
+      setDocumentTitle(title);
+    };
+    t3 = [setDocumentTitle, title];
+    $[9] = setDocumentTitle;
+    $[10] = title;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t2 = $[11];
+    t3 = $[12];
+  }
+  useEffect(t2, t3);
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Edit/SetDocumentTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useEffect","useRef","useFormFields","useDocumentInfo","useTranslation","formatDocTitle","SetDocumentTitle","props","$","collectionConfig","config","fallback","globalConfig","useAsTitle","admin","t0","t1","fields","field","hasInitialized","i18n","setDocumentTitle","dateFormatFromConfig","dateFormat","data","id","String","value","title","t2","t3","current"],"sources":["../../../../src/views/Edit/SetDocumentTitle/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload'\n\nimport { useEffect, useRef } from 'react'\n\nimport { useFormFields } from '../../../forms/Form/context.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../../utilities/formatDocTitle.js'\n\nexport const SetDocumentTitle: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  config?: ClientConfig\n  fallback: string\n  globalConfig?: ClientGlobalConfig\n}> = (props) => {\n  const { collectionConfig, config, fallback, globalConfig } = props\n\n  const useAsTitle = collectionConfig?.admin?.useAsTitle\n\n  const field = useFormFields(([fields]) => (useAsTitle && fields && fields?.[useAsTitle]) || null)\n\n  const hasInitialized = useRef(false)\n\n  const { i18n } = useTranslation()\n\n  const { setDocumentTitle } = useDocumentInfo()\n\n  const dateFormatFromConfig = config?.admin?.dateFormat\n\n  const title = formatDocTitle({\n    collectionConfig,\n    data: { id: '' },\n    dateFormat: dateFormatFromConfig,\n    fallback:\n      typeof field === 'string'\n        ? field\n        : typeof field === 'number'\n          ? String(field)\n          : (field?.value as string) || fallback,\n    globalConfig,\n    i18n,\n  })\n\n  useEffect(() => {\n    if (!hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    setDocumentTitle(title)\n  }, [setDocumentTitle, title])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAElC,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,gBAAA,GAKRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU,gBAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAA6DL,KAAA;EAE7D,MAAAM,UAAA,GAAmBJ,gBAAA,EAAAK,KAAA,EAAAD,UAAA;EAAyB,IAAAE,EAAA;EAAA,IAAAP,CAAA,QAAAK,UAAA;IAEhBE,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKH,UAAC,IAAcI,MAAA,IAAUA,MAAA,GAASJ,UAAA,CAAW,QAAK;IAAA;IAAAL,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA5F,MAAAU,KAAA,GAAchB,aAAA,CAAca,EAAgE;EAE5F,MAAAI,cAAA,GAAuBlB,MAAA,MAAO;EAE9B;IAAAmB;EAAA,IAAiBhB,cAAA;EAEjB;IAAAiB;EAAA,IAA6BlB,eAAA;EAE7B,MAAAmB,oBAAA,GAA6BZ,MAAA,EAAAI,KAAA,EAAAS,UAAA;EAAe,IAAAP,EAAA;EAAA,IAAAR,CAAA,QAAAU,KAAA,IAAAV,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAc,oBAAA,IAAAd,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAY,IAAA;IAE9BJ,EAAA,GAAAX,cAAA;MAAAI,gBAAA;MAAAe,IAAA;QAAAC,EAAA,EAEA;MAAA;MAAAF,UAAA,EACAD,oBAAA;MAAAX,QAAA,EAEV,OAAOO,KAAA,KAAU,WACbA,KAAA,GACA,OAAOA,KAAA,KAAU,WACfQ,MAAA,CAAOR,KAAA,IACPA,KAAC,EAAAS,KAAA,IAA2BhB,QAAA;MAAAC,YAAA;MAAAQ;IAAA,CAGtC;IAAAZ,CAAA,MAAAU,KAAA;IAAAV,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAC,gBAAA;IAAAD,CAAA,MAAAc,oBAAA;IAAAd,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAY,IAAA;IAAAZ,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAZA,MAAAoB,KAAA,GAAcZ,EAYd;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,QAAAa,gBAAA,IAAAb,CAAA,SAAAoB,KAAA;IAEUC,EAAA,GAAAA,CAAA;MAAA,KACHV,cAAA,CAAAY,OAAA;QACHZ,cAAA,CAAAY,OAAA;QAAA;MAAA;MAIFV,gBAAA,CAAiBO,KAAA;IAAA;IAChBE,EAAA,IAACT,gBAAA,EAAkBO,KAAA;IAAMpB,CAAA,MAAAa,gBAAA;IAAAb,CAAA,OAAAoB,KAAA;IAAApB,CAAA,OAAAqB,EAAA;IAAArB,CAAA,OAAAsB,EAAA;EAAA;IAAAD,EAAA,GAAArB,CAAA;IAAAsB,EAAA,GAAAtB,CAAA;EAAA;EAP5BR,SAAA,CAAU6B,EAOV,EAAGC,EAAyB;EAAA;AAAA,CAG9B","ignoreList":[]}

package/dist/views/Edit/index.d.ts

@@ -0,0 +1,5 @@
+import { type ClientSideEditViewProps } from 'payload';
+import React from 'react';
+import './index.scss';
+export declare const DefaultEditView: React.FC<ClientSideEditViewProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Edit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,uBAAuB,EAE7B,MAAM,SAAS,CAAA;AAChB,OAAO,KAA6D,MAAM,OAAO,CAAA;AA0BjF,OAAO,cAAc,CAAA;AASrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2gB7D,CAAA"}