@payloadcms/ui 3.0.0-canary.23fcb9e → 3.0.0-canary.28c161d

package/dist/elements/ReactSelect/types.d.ts

@@ -1,12 +1,19 @@
 import type { CommonProps, GroupBase, Props as ReactSelectStateManagerProps } from 'react-select';
-import type { DocumentDrawerProps } from '../DocumentDrawer/types.js';
+import type { DocumentDrawerProps, UseDocumentDrawer } from '../DocumentDrawer/types.js';
 type CustomSelectProps = {
     disableKeyDown?: boolean;
     disableMouseDown?: boolean;
+    DocumentDrawerToggler?: ReturnType<UseDocumentDrawer>[1];
     draggableProps?: any;
     droppableRef?: React.RefObject<HTMLDivElement | null>;
+    onDelete?: DocumentDrawerProps['onDelete'];
+    onDocumentDrawerOpen: (args: {
+        collectionSlug: string;
+        hasReadPermission: boolean;
+        id: number | string;
+    }) => void;
+    onDuplicate?: DocumentDrawerProps['onSave'];
     onSave?: DocumentDrawerProps['onSave'];
-    setDrawerIsOpen?: (isOpen: boolean) => void;
 };
 declare module 'react-select/dist/declarations/src/Select' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
@@ -36,7 +43,8 @@ export type ReactSelectAdapterProps = {
     };
     customProps?: CustomSelectProps;
     disabled?: boolean;
-    filterOption?: (({ data, label, value }: {
+    filterOption?: (({ allowEdit, data, label, value, }: {
+        allowEdit: boolean;
         data: Option;
         label: string;
         value: string;

package/dist/elements/ReactSelect/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,IAAI,4BAA4B,EAAE,MAAM,cAAc,CAAA;AAEjG,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAExF,KAAK,iBAAiB,GAAG;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,qBAAqB,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACxD,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrD,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAC1C,oBAAoB,EAAE,CAAC,IAAI,EAAE;QAC3B,cAAc,EAAE,MAAM,CAAA;QACtB,iBAAiB,EAAE,OAAO,CAAA;QAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KACpB,KAAK,IAAI,CAAA;IACV,WAAW,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;CACvC,CAAA;AAKD,OAAO,QAAQ,2CAA2C,CAAC;IACzD,UAAiB,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC;QACrF,WAAW,CAAC,EAAE,iBAAiB,CAAA;KAChC;CACF;AAKD,OAAO,QAAQ,oCAAoC,CAAC;IAClD,UAAiB,uBAAuB,CACtC,MAAM,EACN,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CAC/B,SAAQ,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;QAC3C,WAAW,CAAC,EAAE,iBAAiB,GAAG,4BAA4B,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;KACvF;CACF;AAED,MAAM,MAAM,MAAM,CAAC,MAAM,GAAG,OAAO,IAAI;IACrC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IAEtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE;QACX,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;KAC7B,CAAA;IACD,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EACT,CAAC,CACC,EACE,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EACrE,MAAM,EAAE,MAAM,KACX,OAAO,CAAC,GACb,SAAS,CAAA;IACb,cAAc,CAAC,EAAE,4BAA4B,CAC3C,MAAM,EACN,OAAO,EACP,SAAS,CAAC,MAAM,CAAC,CAClB,CAAC,gBAAgB,CAAC,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qFAAqF;IACrF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC1B,CAAA"}

package/dist/elements/ReactSelect/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ReactSelect/types.ts"],"sourcesContent":["import type { CommonProps, GroupBase, Props as ReactSelectStateManagerProps } from 'react-select'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\ntype CustomSelectProps = {\n  disableKeyDown?: boolean\n  disableMouseDown?: boolean\n  draggableProps?: any\n  droppableRef?: React.RefObject<HTMLDivElement | null>\n  onSave?: DocumentDrawerProps['onSave']\n  setDrawerIsOpen?: (isOpen: boolean) => void\n}\n\n// augment the types for the `Select` component from `react-select`\n// this is to include the `selectProps` prop at the top-level `Select` component\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src/Select' {\n  export interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {\n    customProps?: CustomSelectProps\n  }\n}\n\n// augment the types for the `CommonPropsAndClassName` from `react-select`\n// this will include the `selectProps` prop to every `react-select` component automatically\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src' {\n  export interface CommonPropsAndClassName<\n    Option,\n    IsMulti extends boolean,\n    Group extends GroupBase<Option>,\n  > extends CommonProps<Option, IsMulti, Group> {\n    customProps?: CustomSelectProps & ReactSelectStateManagerProps<Option, IsMulti, Group>\n  }\n}\n\nexport type Option<TValue = unknown> = {\n  [key: string]: unknown\n  //* The ID is used to identify the option in the UI. If it doesn't exist and value cannot be transformed into a string, sorting won't work */\n  id?: string\n  value: TValue\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type ReactSelectAdapterProps = {\n  backspaceRemovesValue?: boolean\n  blurInputOnSelect?: boolean\n  className?: string\n  components?: {\n    [key: string]: React.FC<any>\n  }\n  customProps?: CustomSelectProps\n  disabled?: boolean\n  filterOption?:\n    | ((\n        { data, label, value }: { data: Option; label: string; value: string },\n        search: string,\n      ) => boolean)\n    | undefined\n  getOptionValue?: ReactSelectStateManagerProps<\n    Option,\n    boolean,\n    GroupBase<Option>\n  >['getOptionValue']\n  inputId?: string\n  isClearable?: boolean\n  /** Allows you to create own values in the UI despite them not being pre-specified */\n  isCreatable?: boolean\n  isLoading?: boolean\n  /** Allows you to specify multiple values instead of just one */\n  isMulti?: boolean\n  isOptionSelected?: any\n  isSearchable?: boolean\n  isSortable?: boolean\n  noOptionsMessage?: (obj: { inputValue: string }) => string\n  numberOnly?: boolean\n  onChange?: (value: Option | Option[]) => void\n  onInputChange?: (val: string) => void\n  onMenuClose?: () => void\n  onMenuOpen?: () => void\n  onMenuScrollToBottom?: () => void\n  options: Option[] | OptionGroup[]\n  placeholder?: string\n  showError?: boolean\n  value?: Option | Option[]\n}\n"],"mappings":"AA+CA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ReactSelect/types.ts"],"sourcesContent":["import type { CommonProps, GroupBase, Props as ReactSelectStateManagerProps } from 'react-select'\n\nimport type { DocumentDrawerProps, UseDocumentDrawer } from '../DocumentDrawer/types.js'\n\ntype CustomSelectProps = {\n  disableKeyDown?: boolean\n  disableMouseDown?: boolean\n  DocumentDrawerToggler?: ReturnType<UseDocumentDrawer>[1]\n  draggableProps?: any\n  droppableRef?: React.RefObject<HTMLDivElement | null>\n  onDelete?: DocumentDrawerProps['onDelete']\n  onDocumentDrawerOpen: (args: {\n    collectionSlug: string\n    hasReadPermission: boolean\n    id: number | string\n  }) => void\n  onDuplicate?: DocumentDrawerProps['onSave']\n  onSave?: DocumentDrawerProps['onSave']\n}\n\n// augment the types for the `Select` component from `react-select`\n// this is to include the `selectProps` prop at the top-level `Select` component\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src/Select' {\n  export interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {\n    customProps?: CustomSelectProps\n  }\n}\n\n// augment the types for the `CommonPropsAndClassName` from `react-select`\n// this will include the `selectProps` prop to every `react-select` component automatically\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src' {\n  export interface CommonPropsAndClassName<\n    Option,\n    IsMulti extends boolean,\n    Group extends GroupBase<Option>,\n  > extends CommonProps<Option, IsMulti, Group> {\n    customProps?: CustomSelectProps & ReactSelectStateManagerProps<Option, IsMulti, Group>\n  }\n}\n\nexport type Option<TValue = unknown> = {\n  [key: string]: unknown\n  //* The ID is used to identify the option in the UI. If it doesn't exist and value cannot be transformed into a string, sorting won't work */\n  id?: string\n  value: TValue\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type ReactSelectAdapterProps = {\n  backspaceRemovesValue?: boolean\n  blurInputOnSelect?: boolean\n  className?: string\n  components?: {\n    [key: string]: React.FC<any>\n  }\n  customProps?: CustomSelectProps\n  disabled?: boolean\n  filterOption?:\n    | ((\n        {\n          allowEdit,\n          data,\n          label,\n          value,\n        }: { allowEdit: boolean; data: Option; label: string; value: string },\n        search: string,\n      ) => boolean)\n    | undefined\n  getOptionValue?: ReactSelectStateManagerProps<\n    Option,\n    boolean,\n    GroupBase<Option>\n  >['getOptionValue']\n  inputId?: string\n  isClearable?: boolean\n  /** Allows you to create own values in the UI despite them not being pre-specified */\n  isCreatable?: boolean\n  isLoading?: boolean\n  /** Allows you to specify multiple values instead of just one */\n  isMulti?: boolean\n  isOptionSelected?: any\n  isSearchable?: boolean\n  isSortable?: boolean\n  noOptionsMessage?: (obj: { inputValue: string }) => string\n  numberOnly?: boolean\n  onChange?: (value: Option | Option[]) => void\n  onInputChange?: (val: string) => void\n  onMenuClose?: () => void\n  onMenuOpen?: () => void\n  onMenuScrollToBottom?: () => void\n  options: Option[] | OptionGroup[]\n  placeholder?: string\n  showError?: boolean\n  value?: Option | Option[]\n}\n"],"mappings":"AAsDA","ignoreList":[]}

package/dist/elements/RelationshipTable/TableWrapper.d.ts

@@ -0,0 +1,8 @@
+import type { ClientCollectionConfig } from 'payload';
+import React from 'react';
+type RelationshipTableComponentProps = {
+    readonly collectionConfig: ClientCollectionConfig;
+};
+export declare const RelationshipTableWrapper: React.FC<RelationshipTableComponentProps>;
+export {};
+//# sourceMappingURL=TableWrapper.d.ts.map

package/dist/elements/RelationshipTable/TableWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/elements/RelationshipTable/TableWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,KAAK,+BAA+B,GAAG;IACrC,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA+B9E,CAAA"}

package/dist/elements/RelationshipTable/TableWrapper.js

@@ -0,0 +1,69 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Fragment } from 'react';
+import { useListQuery } from '../../providers/ListQuery/index.js';
+import { Pagination } from '../Pagination/index.js';
+import { Table } from '../Table/index.js';
+export const RelationshipTableWrapper = props => {
+  const $ = _c(15);
+  const {
+    collectionConfig
+  } = props;
+  const {
+    data,
+    handlePageChange
+  } = useListQuery();
+  let t0;
+  if ($[0] !== collectionConfig.slug || $[1] !== collectionConfig.upload || $[2] !== collectionConfig.fields || $[3] !== data.docs || $[4] !== data.nextPage || $[5] !== data.page || $[6] !== data.prevPage || $[7] !== data.hasNextPage || $[8] !== data.hasPrevPage || $[9] !== data.limit || $[10] !== data.totalPages || $[11] !== handlePageChange) {
+    let t1;
+    if ($[13] !== handlePageChange) {
+      t1 = e => {
+        handlePageChange(e);
+      };
+      $[13] = handlePageChange;
+      $[14] = t1;
+    } else {
+      t1 = $[14];
+    }
+    t0 = _jsxs(Fragment, {
+      children: [_jsx(Table, {
+        appearance: "condensed",
+        customCellContext: {
+          collectionSlug: collectionConfig.slug,
+          uploadConfig: collectionConfig.upload
+        },
+        data: data.docs,
+        fields: collectionConfig.fields
+      }), _jsx(Pagination, {
+        hasNextPage: data.hasNextPage,
+        hasPrevPage: data.hasPrevPage,
+        limit: data.limit,
+        nextPage: data.nextPage || 2,
+        numberOfNeighbors: 1,
+        onChange: t1,
+        page: data.page || 1,
+        prevPage: data.prevPage || undefined,
+        totalPages: data.totalPages
+      })]
+    });
+    $[0] = collectionConfig.slug;
+    $[1] = collectionConfig.upload;
+    $[2] = collectionConfig.fields;
+    $[3] = data.docs;
+    $[4] = data.nextPage;
+    $[5] = data.page;
+    $[6] = data.prevPage;
+    $[7] = data.hasNextPage;
+    $[8] = data.hasPrevPage;
+    $[9] = data.limit;
+    $[10] = data.totalPages;
+    $[11] = handlePageChange;
+    $[12] = t0;
+  } else {
+    t0 = $[12];
+  }
+  return t0;
+};
+//# sourceMappingURL=TableWrapper.js.map

package/dist/elements/RelationshipTable/TableWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableWrapper.js","names":["c","_c","React","Fragment","useListQuery","Pagination","Table","RelationshipTableWrapper","props","$","collectionConfig","data","handlePageChange","t0","slug","upload","fields","docs","nextPage","page","prevPage","hasNextPage","hasPrevPage","limit","totalPages","t1","e","_jsxs","children","_jsx","appearance","customCellContext","collectionSlug","uploadConfig","numberOfNeighbors","onChange","undefined"],"sources":["../../../src/elements/RelationshipTable/TableWrapper.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { Pagination } from '../Pagination/index.js'\nimport { Table } from '../Table/index.js'\n\ntype RelationshipTableComponentProps = {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const RelationshipTableWrapper: React.FC<RelationshipTableComponentProps> = (props) => {\n  const { collectionConfig } = props\n\n  const { data, handlePageChange } = useListQuery()\n\n  return (\n    <Fragment>\n      <Table\n        appearance=\"condensed\"\n        customCellContext={{\n          collectionSlug: collectionConfig.slug,\n          uploadConfig: collectionConfig.upload,\n        }}\n        data={data.docs}\n        fields={collectionConfig.fields}\n      />\n      <Pagination\n        hasNextPage={data.hasNextPage}\n        hasPrevPage={data.hasPrevPage}\n        limit={data.limit}\n        nextPage={data.nextPage || 2}\n        numberOfNeighbors={1}\n        onChange={(e) => {\n          void handlePageChange(e)\n        }}\n        page={data.page || 1}\n        prevPage={data.prevPage || undefined}\n        totalPages={data.totalPages}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAC3B,SAASC,KAAK,QAAQ;AAMtB,OAAO,MAAMC,wBAAA,GAAsEC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACjF;IAAAS;EAAA,IAA6BF,KAAA;EAE7B;IAAAG,IAAA;IAAAC;EAAA,IAAmCR,YAAA;EAAA,IAAAS,EAAA;EAAA,IAAAJ,CAAA,QAAAC,gBAAA,CAAAI,IAAA,IAAAL,CAAA,QAAAC,gBAAA,CAAAK,MAAA,IAAAN,CAAA,QAAAC,gBAAA,CAAAM,MAAA,IAAAP,CAAA,QAAAE,IAAA,CAAAM,IAAA,IAAAR,CAAA,QAAAE,IAAA,CAAAO,QAAA,IAAAT,CAAA,QAAAE,IAAA,CAAAQ,IAAA,IAAAV,CAAA,QAAAE,IAAA,CAAAS,QAAA,IAAAX,CAAA,QAAAE,IAAA,CAAAU,WAAA,IAAAZ,CAAA,QAAAE,IAAA,CAAAW,WAAA,IAAAb,CAAA,QAAAE,IAAA,CAAAY,KAAA,IAAAd,CAAA,SAAAE,IAAA,CAAAa,UAAA,IAAAf,CAAA,SAAAG,gBAAA;IAAA,IAAAa,EAAA;IAAA,IAAAhB,CAAA,SAAAG,gBAAA;MAmBnBa,EAAA,GAAAC,CAAA;QACHd,gBAAA,CAAiBc,CAAA;MAAA;MACxBjB,CAAA,OAAAG,gBAAA;MAAAH,CAAA,OAAAgB,EAAA;IAAA;MAAAA,EAAA,GAAAhB,CAAA;IAAA;IAlBJI,EAAA,GAAAc,KAAA,CAAAxB,QAAA;MAAAyB,QAAA,GACEC,IAAA,CAAAvB,KAAA;QAAAwB,UAAA,EACa;QAAAC,iBAAA;UAAAC,cAAA,EAEOtB,gBAAA,CAAAI,IAAA;UAAAmB,YAAA,EACFvB,gBAAA,CAAAK;QAAA;QAAAJ,IAAA,EAEVA,IAAA,CAAAM,IAAA;QAAAD,MAAA,EACEN,gBAAA,CAAAM;MAAA,C,GAEVa,IAAA,CAAAxB,UAAA;QAAAgB,WAAA,EACeV,IAAA,CAAAU,WAAA;QAAAC,WAAA,EACAX,IAAA,CAAAW,WAAA;QAAAC,KAAA,EACNZ,IAAA,CAAAY,KAAA;QAAAL,QAAA,EACGP,IAAA,CAAAO,QAAA,KAAiB;QAAAgB,iBAAA;QAAAC,QAAA,EAEjBV,EAEV;QAAAN,IAAA,EACMR,IAAA,CAAAQ,IAAA,KAAa;QAAAC,QAAA,EACTT,IAAA,CAAAS,QAAA,IAAAgB,SAAiB;QAAAZ,UAAA,EACfb,IAAA,CAAAa;MAAA,C;;;;;;;;;;;;;;;;;;SArBhBX,E;CAyBJ","ignoreList":[]}

package/dist/elements/RelationshipTable/cells/DrawerLink/index.d.ts

@@ -0,0 +1,8 @@
+import type { CellComponentProps, JoinFieldClient } from 'payload';
+import React from 'react';
+import type { DocumentDrawerProps } from '../../../DocumentDrawer/types.js';
+import './index.scss';
+export declare const DrawerLink: React.FC<{
+    readonly onDrawerSave?: DocumentDrawerProps['onSave'];
+} & CellComponentProps<JoinFieldClient>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/RelationshipTable/cells/DrawerLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/RelationshipTable/cells/DrawerLink/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAElE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAM3E,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,QAAQ,CAAC,YAAY,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;CACtD,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAoCxC,CAAA"}

package/dist/elements/RelationshipTable/cells/DrawerLink/index.js

@@ -0,0 +1,82 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { EditIcon } from '../../../../icons/Edit/index.js';
+import { useDocumentDrawer } from '../../../DocumentDrawer/index.js';
+import { DefaultCell } from '../../../Table/DefaultCell/index.js';
+import { useTableCell } from '../../../Table/index.js';
+import './index.scss';
+export const DrawerLink = props => {
+  const $ = _c(12);
+  const context = useTableCell();
+  const {
+    field,
+    onDrawerSave: onDrawerSaveFromProps
+  } = props;
+  const {
+    cellProps,
+    customCellContext: t0,
+    rowData
+  } = context;
+  const {
+    collectionSlug
+  } = t0;
+  let t1;
+  if ($[0] !== rowData.id || $[1] !== collectionSlug) {
+    t1 = {
+      id: rowData.id,
+      collectionSlug
+    };
+    $[0] = rowData.id;
+    $[1] = collectionSlug;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const [DocumentDrawer, DocumentDrawerToggler, t2] = useDocumentDrawer(t1);
+  const {
+    closeDrawer
+  } = t2;
+  let t3;
+  if ($[3] !== closeDrawer || $[4] !== onDrawerSaveFromProps) {
+    t3 = args => {
+      closeDrawer();
+      if (typeof onDrawerSaveFromProps === "function") {
+        onDrawerSaveFromProps(args);
+      }
+    };
+    $[3] = closeDrawer;
+    $[4] = onDrawerSaveFromProps;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const onDrawerSave = t3;
+  let t4;
+  if ($[6] !== field || $[7] !== cellProps || $[8] !== DocumentDrawerToggler || $[9] !== onDrawerSave || $[10] !== DocumentDrawer) {
+    t4 = _jsxs("div", {
+      className: "drawer-link",
+      children: [_jsx(DefaultCell, {
+        field,
+        ...cellProps,
+        className: "drawer-link__cell"
+      }), _jsx(DocumentDrawerToggler, {
+        children: _jsx(EditIcon, {})
+      }), _jsx(DocumentDrawer, {
+        onSave: onDrawerSave
+      })]
+    });
+    $[6] = field;
+    $[7] = cellProps;
+    $[8] = DocumentDrawerToggler;
+    $[9] = onDrawerSave;
+    $[10] = DocumentDrawer;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/RelationshipTable/cells/DrawerLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","EditIcon","useDocumentDrawer","DefaultCell","useTableCell","DrawerLink","props","$","context","field","onDrawerSave","onDrawerSaveFromProps","cellProps","customCellContext","t0","rowData","collectionSlug","t1","id","DocumentDrawer","DocumentDrawerToggler","t2","closeDrawer","t3","args","t4","_jsxs","className","children","_jsx","onSave"],"sources":["../../../../../src/elements/RelationshipTable/cells/DrawerLink/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, JoinFieldClient } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport type { DocumentDrawerProps } from '../../../DocumentDrawer/types.js'\n\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useDocumentDrawer } from '../../../DocumentDrawer/index.js'\nimport { DefaultCell } from '../../../Table/DefaultCell/index.js'\nimport { useTableCell } from '../../../Table/index.js'\nimport './index.scss'\n\nexport const DrawerLink: React.FC<\n  {\n    readonly onDrawerSave?: DocumentDrawerProps['onSave']\n  } & CellComponentProps<JoinFieldClient>\n> = (props) => {\n  const context = useTableCell()\n  const { field, onDrawerSave: onDrawerSaveFromProps } = props\n\n  const {\n    cellProps,\n    customCellContext: { collectionSlug },\n    rowData,\n  } = context\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: rowData.id,\n    collectionSlug,\n  })\n\n  const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      closeDrawer()\n\n      if (typeof onDrawerSaveFromProps === 'function') {\n        void onDrawerSaveFromProps(args)\n      }\n    },\n    [closeDrawer, onDrawerSaveFromProps],\n  )\n\n  return (\n    <div className=\"drawer-link\">\n      <DefaultCell field={field} {...cellProps} className=\"drawer-link__cell\" />\n      <DocumentDrawerToggler>\n        <EditIcon />\n      </DocumentDrawerToggler>\n      <DocumentDrawer onSave={onDrawerSave} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAInC,SAASC,QAAQ,QAAQ;AACzB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,UAAA,GAITC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACF,MAAAU,OAAA,GAAgBJ,YAAA;EAChB;IAAAK,KAAA;IAAAC,YAAA,EAAAC;EAAA,IAAuDL,KAAA;EAEvD;IAAAM,SAAA;IAAAC,iBAAA,EAAAC,EAAA;IAAAC;EAAA,IAIIP,OAAA;EAFiB;IAAAQ;EAAA,IAAAF,EAAkB;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAQ,OAAA,CAAAG,EAAA,IAAAX,CAAA,QAAAS,cAAA;IAI4CC,EAAA;MAAAC,EAAA,EAC7EH,OAAA,CAAAG,EAAA;MAAAF;IAAA;IAENT,CAAA,MAAAQ,OAAA,CAAAG,EAAA;IAAAX,CAAA,MAAAS,cAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAHA,OAAAY,cAAA,EAAAC,qBAAA,EAAAC,EAAA,IAAiEnB,iBAAA,CAAkBe,EAGnF;EAH8C;IAAAK;EAAA,IAAAD,EAAe;EAAA,IAAAE,EAAA;EAAA,IAAAhB,CAAA,QAAAe,WAAA,IAAAf,CAAA,QAAAI,qBAAA;IAM3DY,EAAA,GAAAC,IAAA;MACEF,WAAA;MAAA,IAEI,OAAOX,qBAAA,KAA0B;QAC9BA,qBAAA,CAAsBa,IAAA;MAAA;IAAA;IAE/BjB,CAAA,MAAAe,WAAA;IAAAf,CAAA,MAAAI,qBAAA;IAAAJ,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAPF,MAAAG,YAAA,GAAqBa,EAQiB;EAAA,IAAAE,EAAA;EAAA,IAAAlB,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAa,qBAAA,IAAAb,CAAA,QAAAG,YAAA,IAAAH,CAAA,SAAAY,cAAA;IAIpCM,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAc;MAAAC,QAAA,GACbC,IAAA,CAAA1B,WAAA;QAAAM,KAAA;QAAA,GAA+BG,SAAS;QAAAe,SAAA,EAAY;MAAA,C,GACpDE,IAAA,CAACT,qBAAA;QAAAQ,QAAA,EACCC,IAAA,CAAA5B,QAAA,IAAC;MAAA,C,GAEH4B,IAAA,CAACV,cAAA;QAAAW,MAAA,EAAuBpB;MAAA,C;;;;;;;;;;;SAL1Be,E;CAQJ","ignoreList":[]}

package/dist/elements/RelationshipTable/cells/DrawerLink/index.scss

@@ -0,0 +1,4 @@
+.drawer-link {
+  display: flex;
+  gap: calc(var(--base) / 2);
+}

package/dist/elements/RelationshipTable/index.d.ts

@@ -0,0 +1,15 @@
+import type { JoinFieldClient, PaginatedDocs, Where } from 'payload';
+import React from 'react';
+import type { DocumentDrawerProps } from '../DocumentDrawer/types.js';
+import './index.scss';
+type RelationshipTableComponentProps = {
+    readonly field: JoinFieldClient;
+    readonly filterOptions?: boolean | Where;
+    readonly initialData?: PaginatedDocs;
+    readonly initialDrawerState?: DocumentDrawerProps['initialState'];
+    readonly Label?: React.ReactNode;
+    readonly relationTo: string;
+};
+export declare const RelationshipTable: React.FC<RelationshipTableComponentProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RelationshipTable/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,eAAe,EACf,aAAa,EACb,KAAK,EACN,MAAM,SAAS,CAAA;AAEhB,OAAO,KAA2C,MAAM,OAAO,CAAA;AAO/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAiBrE,OAAO,cAAc,CAAA;AAKrB,KAAK,+BAA+B,GAAG;IACrC,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAA;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACxC,QAAQ,CAAC,WAAW,CAAC,EAAE,aAAa,CAAA;IACpC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IACjE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA0RvE,CAAA"}