@payloadcms/ui 3.0.0-alpha.47 → 3.0.0-alpha.49

package/dist/fields/Relationship/optionsReducer.js

@@ -0,0 +1,119 @@
+import { getTranslation } from '@payloadcms/translations';
+import { formatDocTitle } from '../../utilities/formatDocTitle.js';
+const reduceToIDs = (options)=>options.reduce((ids, option)=>{
+        if (option.options) {
+            return [
+                ...ids,
+                ...reduceToIDs(option.options)
+            ];
+        }
+        return [
+            ...ids,
+            {
+                id: option.value,
+                relationTo: option.relationTo
+            }
+        ];
+    }, []);
+const sortOptions = (options)=>options.sort((a, b)=>{
+        if (typeof a?.label?.localeCompare === 'function' && typeof b?.label?.localeCompare === 'function') {
+            return a.label.localeCompare(b.label);
+        }
+        return 0;
+    });
+export const optionsReducer = (state, action)=>{
+    switch(action.type){
+        case 'CLEAR':
+            {
+                return [];
+            }
+        case 'UPDATE':
+            {
+                const { collection, config, doc, i18n } = action;
+                const relation = collection.slug;
+                const newOptions = [
+                    ...state
+                ];
+                const docTitle = formatDocTitle({
+                    collectionConfig: collection,
+                    data: doc,
+                    dateFormat: config.admin.dateFormat,
+                    fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,
+                    i18n
+                });
+                const foundOptionGroup = newOptions.find((optionGroup)=>optionGroup.label === collection.labels.plural);
+                const foundOption = foundOptionGroup?.options?.find((option)=>option.value === doc.id);
+                if (foundOption) {
+                    foundOption.label = docTitle;
+                    foundOption.relationTo = relation;
+                }
+                return newOptions;
+            }
+        case 'ADD':
+            {
+                const { collection, config, docs, i18n, ids = [], sort } = action;
+                const relation = collection.slug;
+                const loadedIDs = reduceToIDs(state);
+                const newOptions = [
+                    ...state
+                ];
+                const optionsToAddTo = newOptions.find((optionGroup)=>optionGroup.label === collection.labels.plural);
+                const newSubOptions = docs.reduce((docSubOptions, doc)=>{
+                    if (loadedIDs.filter((item)=>item.id === doc.id && item.relationTo === relation).length === 0) {
+                        loadedIDs.push({
+                            id: doc.id,
+                            relationTo: relation
+                        });
+                        const docTitle = formatDocTitle({
+                            collectionConfig: collection,
+                            data: doc,
+                            dateFormat: config.admin.dateFormat,
+                            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,
+                            i18n
+                        });
+                        return [
+                            ...docSubOptions,
+                            {
+                                label: docTitle,
+                                relationTo: relation,
+                                value: doc.id
+                            }
+                        ];
+                    }
+                    return docSubOptions;
+                }, []);
+                ids.forEach((id)=>{
+                    if (loadedIDs.filter((item)=>item.id === id && item.relationTo === relation).length === 0) {
+                        loadedIDs.push({
+                            id,
+                            relationTo: relation
+                        });
+                        newSubOptions.push({
+                            label: `${i18n.t('general:untitled')} - ID: ${id}`,
+                            relationTo: relation,
+                            value: id
+                        });
+                    }
+                });
+                if (optionsToAddTo) {
+                    const subOptions = [
+                        ...optionsToAddTo.options,
+                        ...newSubOptions
+                    ];
+                    optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions;
+                } else {
+                    newOptions.push({
+                        label: getTranslation(collection.labels.plural, i18n),
+                        options: sort ? sortOptions(newSubOptions) : newSubOptions
+                    });
+                }
+                return newOptions;
+            }
+        default:
+            {
+                return state;
+            }
+    }
+};
+
+//# sourceMappingURL=optionsReducer.js.map

package/dist/fields/Relationship/optionsReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Relationship/optionsReducer.ts"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\n\nimport type { Action, Option, OptionGroup } from './types.js'\n\nimport { formatDocTitle } from '../../utilities/formatDocTitle.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, { id: option.value, relationTo: option.relationTo }]\n  }, [])\n\nconst sortOptions = (options: Option[]): Option[] =>\n  options.sort((a: Option, b: Option) => {\n    if (\n      typeof a?.label?.localeCompare === 'function' &&\n      typeof b?.label?.localeCompare === 'function'\n    ) {\n      return a.label.localeCompare(b.label)\n    }\n\n    return 0\n  })\n\nexport const optionsReducer = (state: OptionGroup[], action: Action): OptionGroup[] => {\n  switch (action.type) {\n    case 'CLEAR': {\n      return []\n    }\n\n    case 'UPDATE': {\n      const { collection, config, doc, i18n } = action\n      const relation = collection.slug\n      const newOptions = [...state]\n\n      const docTitle = formatDocTitle({\n        collectionConfig: collection,\n        data: doc,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n        i18n,\n      })\n\n      const foundOptionGroup = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const foundOption = foundOptionGroup?.options?.find((option) => option.value === doc.id)\n\n      if (foundOption) {\n        foundOption.label = docTitle\n        foundOption.relationTo = relation\n      }\n\n      return newOptions\n    }\n\n    case 'ADD': {\n      const { collection, config, docs, i18n, ids = [], sort } = action\n      const relation = collection.slug\n      const loadedIDs = reduceToIDs(state)\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const newSubOptions = docs.reduce((docSubOptions, doc) => {\n        if (\n          loadedIDs.filter((item) => item.id === doc.id && item.relationTo === relation).length ===\n          0\n        ) {\n          loadedIDs.push({ id: doc.id, relationTo: relation })\n\n          const docTitle = formatDocTitle({\n            collectionConfig: collection,\n            data: doc,\n            dateFormat: config.admin.dateFormat,\n            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n            i18n,\n          })\n\n          return [\n            ...docSubOptions,\n            {\n              label: docTitle,\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docSubOptions\n      }, [])\n\n      ids.forEach((id) => {\n        if (\n          loadedIDs.filter((item) => item.id === id && item.relationTo === relation).length === 0\n        ) {\n          loadedIDs.push({ id, relationTo: relation })\n          newSubOptions.push({\n            label: `${i18n.t('general:untitled')} - ID: ${id}`,\n            relationTo: relation,\n            value: id,\n          })\n        }\n      })\n\n      if (optionsToAddTo) {\n        const subOptions = [...optionsToAddTo.options, ...newSubOptions]\n\n        optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: sort ? sortOptions(newSubOptions) : newSubOptions,\n        })\n      }\n\n      return newOptions\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"names":["getTranslation","formatDocTitle","reduceToIDs","options","reduce","ids","option","id","value","relationTo","sortOptions","sort","a","b","label","localeCompare","optionsReducer","state","action","type","collection","config","doc","i18n","relation","slug","newOptions","docTitle","collectionConfig","data","dateFormat","admin","fallback","t","foundOptionGroup","find","optionGroup","labels","plural","foundOption","docs","loadedIDs","optionsToAddTo","newSubOptions","docSubOptions","filter","item","length","push","forEach","subOptions"],"mappings":"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"}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAAwC,MAAM,OAAO,CAAA;AAG5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAO5C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CA6D7D,CAAA"}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.js

@@ -0,0 +1,57 @@
+'use client';
+import React, { Fragment, useEffect, useState } from 'react';
+import { components } from 'react-select';
+import { useDocumentDrawer } from '../../../../elements/DocumentDrawer/index.js';
+import { Tooltip } from '../../../../elements/Tooltip/index.js';
+import { Edit } from '../../../../icons/Edit/index.js';
+import { useAuth } from '../../../../providers/Auth/index.js';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+const baseClass = 'relationship--multi-value-label';
+export const MultiValueLabel = (props)=>{
+    const { data: { label, relationTo, value }, selectProps: { // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
+    customProps: { // @ts-expect-error-next-line// TODO Fix this - moduleResolution 16 breaks our declare module
+    draggableProps, // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
+    setDrawerIsOpen } = {} } = {} } = props;
+    const { permissions } = useAuth();
+    const [showTooltip, setShowTooltip] = useState(false);
+    const { t } = useTranslation();
+    const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read?.permission);
+    const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = useDocumentDrawer({
+        id: value?.toString(),
+        collectionSlug: relationTo
+    });
+    useEffect(()=>{
+        if (typeof setDrawerIsOpen === 'function') setDrawerIsOpen(isDrawerOpen);
+    }, [
+        isDrawerOpen,
+        setDrawerIsOpen
+    ]);
+    return /*#__PURE__*/ React.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__content`
+    }, /*#__PURE__*/ React.createElement(components.MultiValueLabel, {
+        ...props,
+        innerProps: {
+            className: `${baseClass}__text`,
+            ...draggableProps || {}
+        }
+    })), relationTo && hasReadPermission && /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(DocumentDrawerToggler, {
+        "aria-label": `Edit ${label}`,
+        className: `${baseClass}__drawer-toggler`,
+        onClick: ()=>setShowTooltip(false),
+        onMouseDown: (e)=>e.stopPropagation(),
+        onMouseEnter: ()=>setShowTooltip(true),
+        onMouseLeave: ()=>setShowTooltip(false),
+        onTouchEnd: (e)=>e.stopPropagation()
+    }, /*#__PURE__*/ React.createElement(Tooltip, {
+        className: `${baseClass}__tooltip`,
+        show: showTooltip
+    }, t('general:editLabel', {
+        label: ''
+    })), /*#__PURE__*/ React.createElement(Edit, null)), /*#__PURE__*/ React.createElement(DocumentDrawer, {
+        onSave: null
+    })));
+};
+
+//# sourceMappingURL=index.js.map

package/dist/fields/Relationship/select-components/MultiValueLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment, useEffect, useState } from 'react'\nimport { components } from 'react-select'\n\nimport type { Option } from '../../types.js'\n\nimport { useDocumentDrawer } from '../../../../elements/DocumentDrawer/index.js'\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { Edit } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--multi-value-label'\n\nexport const MultiValueLabel: React.FC<MultiValueProps<Option>> = (props) => {\n  const {\n    data: { label, relationTo, value },\n    selectProps: {\n      // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: {\n        // @ts-expect-error-next-line// TODO Fix this - moduleResolution 16 breaks our declare module\n        draggableProps,\n        // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n        setDrawerIsOpen,\n        // onSave,\n      } = {},\n    } = {},\n  } = props\n\n  const { permissions } = useAuth()\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read?.permission)\n\n  const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = useDocumentDrawer({\n    id: value?.toString(),\n    collectionSlug: relationTo,\n  })\n\n  useEffect(() => {\n    if (typeof setDrawerIsOpen === 'function') setDrawerIsOpen(isDrawerOpen)\n  }, [isDrawerOpen, setDrawerIsOpen])\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__content`}>\n        <components.MultiValueLabel\n          {...props}\n          innerProps={{\n            className: `${baseClass}__text`,\n            ...(draggableProps || {}),\n          }}\n        />\n      </div>\n      {relationTo && hasReadPermission && (\n        <Fragment>\n          <DocumentDrawerToggler\n            aria-label={`Edit ${label}`}\n            className={`${baseClass}__drawer-toggler`}\n            onClick={() => setShowTooltip(false)}\n            onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            onMouseEnter={() => setShowTooltip(true)}\n            onMouseLeave={() => setShowTooltip(false)}\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n          >\n            <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n              {t('general:editLabel', { label: '' })}\n            </Tooltip>\n            <Edit />\n          </DocumentDrawerToggler>\n          <DocumentDrawer onSave={/* onSave */ null} />\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["React","Fragment","useEffect","useState","components","useDocumentDrawer","Tooltip","Edit","useAuth","useTranslation","baseClass","MultiValueLabel","props","data","label","relationTo","value","selectProps","customProps","draggableProps","setDrawerIsOpen","permissions","showTooltip","setShowTooltip","t","hasReadPermission","Boolean","collections","read","permission","DocumentDrawer","DocumentDrawerToggler","isDrawerOpen","id","toString","collectionSlug","div","className","innerProps","aria-label","onClick","onMouseDown","e","stopPropagation","onMouseEnter","onMouseLeave","onTouchEnd","show","onSave"],"mappings":"AAAA;AAGA,OAAOA,SAASC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAC5D,SAASC,UAAU,QAAQ,eAAc;AAIzC,SAASC,iBAAiB,QAAQ,+CAA8C;AAChF,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,IAAI,QAAQ,kCAAiC;AACtD,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAG3E,MAAMC,YAAY;AAElB,OAAO,MAAMC,kBAAqD,CAACC;IACjE,MAAM,EACJC,MAAM,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAClCC,aAAa,EACX,8FAA8F;IAC9FC,aAAa,EACX,6FAA6F;IAC7FC,cAAc,EACd,8FAA8F;IAC9FC,eAAe,EAEhB,GAAG,CAAC,CAAC,EACP,GAAG,CAAC,CAAC,EACP,GAAGR;IAEJ,MAAM,EAAES,WAAW,EAAE,GAAGb;IACxB,MAAM,CAACc,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAM,EAAEqB,CAAC,EAAE,GAAGf;IACd,MAAMgB,oBAAoBC,QAAQL,aAAaM,aAAa,CAACZ,WAAW,EAAEa,MAAMC;IAEhF,MAAM,CAACC,gBAAgBC,uBAAuB,EAAEC,YAAY,EAAE,CAAC,GAAG3B,kBAAkB;QAClF4B,IAAIjB,OAAOkB;QACXC,gBAAgBpB;IAClB;IAEAb,UAAU;QACR,IAAI,OAAOkB,oBAAoB,YAAYA,gBAAgBY;IAC7D,GAAG;QAACA;QAAcZ;KAAgB;IAElC,qBACE,oBAACgB;QAAIC,WAAW3B;qBACd,oBAAC0B;QAAIC,WAAW,CAAC,EAAE3B,UAAU,SAAS,CAAC;qBACrC,oBAACN,WAAWO,eAAe;QACxB,GAAGC,KAAK;QACT0B,YAAY;YACVD,WAAW,CAAC,EAAE3B,UAAU,MAAM,CAAC;YAC/B,GAAIS,kBAAkB,CAAC,CAAC;QAC1B;SAGHJ,cAAcU,mCACb,oBAACxB,8BACC,oBAAC8B;QACCQ,cAAY,CAAC,KAAK,EAAEzB,MAAM,CAAC;QAC3BuB,WAAW,CAAC,EAAE3B,UAAU,gBAAgB,CAAC;QACzC8B,SAAS,IAAMjB,eAAe;QAC9BkB,aAAa,CAACC,IAAMA,EAAEC,eAAe;QACrCC,cAAc,IAAMrB,eAAe;QACnCsB,cAAc,IAAMtB,eAAe;QACnCuB,YAAY,CAACJ,IAAMA,EAAEC,eAAe;qBAEpC,oBAACrC;QAAQ+B,WAAW,CAAC,EAAE3B,UAAU,SAAS,CAAC;QAAEqC,MAAMzB;OAChDE,EAAE,qBAAqB;QAAEV,OAAO;IAAG,mBAEtC,oBAACP,4BAEH,oBAACuB;QAAekB,QAAqB;;AAK/C,EAAC"}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.scss

@@ -0,0 +1,38 @@
+@import '../../../../scss/styles.scss';
+
+.relationship--multi-value-label {
+  display: flex;
+
+  &__content {
+    @extend %small;
+    padding: 0 base(0.125) 0 base(0.25);
+    max-width: 150px;
+    color: currentColor;
+    display: flex;
+    align-items: center;
+  }
+
+  &__text {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  &__drawer-toggler {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: base(0.25);
+    pointer-events: all;
+
+    .icon {
+      width: base(0.75);
+      height: base(0.75);
+    }
+
+    &:hover {
+      background-color: var(--theme-elevation-100);
+    }
+  }
+}

package/dist/fields/Relationship/select-components/SingleValue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAAwC,MAAM,OAAO,CAAA;AAG5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAO5C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAoD1D,CAAA"}

package/dist/fields/Relationship/select-components/SingleValue/index.js

@@ -0,0 +1,56 @@
+'use client';
+import React, { Fragment, useEffect, useState } from 'react';
+import { components as SelectComponents } from 'react-select';
+import { useDocumentDrawer } from '../../../../elements/DocumentDrawer/index.js';
+import { Tooltip } from '../../../../elements/Tooltip/index.js';
+import { Edit } from '../../../../icons/Edit/index.js';
+import { useAuth } from '../../../../providers/Auth/index.js';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+const baseClass = 'relationship--single-value';
+export const SingleValue = (props)=>{
+    const { children, data: { label, relationTo, value }, // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
+    selectProps: { customProps: { onSave, setDrawerIsOpen } = {} } = {} } = props;
+    const [showTooltip, setShowTooltip] = useState(false);
+    const { t } = useTranslation();
+    const { permissions } = useAuth();
+    const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read?.permission);
+    const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = useDocumentDrawer({
+        id: value.toString(),
+        collectionSlug: relationTo
+    });
+    useEffect(()=>{
+        if (typeof setDrawerIsOpen === 'function') {
+            setDrawerIsOpen(isDrawerOpen);
+        }
+    }, [
+        isDrawerOpen,
+        setDrawerIsOpen
+    ]);
+    return /*#__PURE__*/ React.createElement(SelectComponents.SingleValue, {
+        ...props,
+        className: baseClass
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__label`
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__label-text`
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__text`
+    }, children), relationTo && hasReadPermission && /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(DocumentDrawerToggler, {
+        "aria-label": t('general:editLabel', {
+            label
+        }),
+        className: `${baseClass}__drawer-toggler`,
+        onClick: ()=>setShowTooltip(false),
+        onMouseDown: (e)=>e.stopPropagation(),
+        onMouseEnter: ()=>setShowTooltip(true),
+        onMouseLeave: ()=>setShowTooltip(false),
+        onTouchEnd: (e)=>e.stopPropagation()
+    }, /*#__PURE__*/ React.createElement(Tooltip, {
+        className: `${baseClass}__tooltip`,
+        show: showTooltip
+    }, t('general:edit')), /*#__PURE__*/ React.createElement(Edit, null))))), relationTo && hasReadPermission && /*#__PURE__*/ React.createElement(DocumentDrawer, {
+        onSave: onSave
+    }));
+};
+
+//# sourceMappingURL=index.js.map

package/dist/fields/Relationship/select-components/SingleValue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment, useEffect, useState } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../../types.js'\n\nimport { useDocumentDrawer } from '../../../../elements/DocumentDrawer/index.js'\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { Edit } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<SingleValueProps<Option>> = (props) => {\n  const {\n    children,\n    data: { label, relationTo, value },\n    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { onSave, setDrawerIsOpen } = {} } = {},\n  } = props\n\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read?.permission)\n\n  const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = useDocumentDrawer({\n    id: value.toString(),\n    collectionSlug: relationTo,\n  })\n\n  useEffect(() => {\n    if (typeof setDrawerIsOpen === 'function') {\n      setDrawerIsOpen(isDrawerOpen)\n    }\n  }, [isDrawerOpen, setDrawerIsOpen])\n\n  return (\n    <SelectComponents.SingleValue {...props} className={baseClass}>\n      <div className={`${baseClass}__label`}>\n        <div className={`${baseClass}__label-text`}>\n          <div className={`${baseClass}__text`}>{children}</div>\n          {relationTo && hasReadPermission && (\n            <Fragment>\n              <DocumentDrawerToggler\n                aria-label={t('general:editLabel', { label })}\n                className={`${baseClass}__drawer-toggler`}\n                onClick={() => setShowTooltip(false)}\n                onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                onMouseEnter={() => setShowTooltip(true)}\n                onMouseLeave={() => setShowTooltip(false)}\n                onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n              >\n                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                  {t('general:edit')}\n                </Tooltip>\n                <Edit />\n              </DocumentDrawerToggler>\n            </Fragment>\n          )}\n        </div>\n      </div>\n      {relationTo && hasReadPermission && <DocumentDrawer onSave={onSave} />}\n    </SelectComponents.SingleValue>\n  )\n}\n"],"names":["React","Fragment","useEffect","useState","components","SelectComponents","useDocumentDrawer","Tooltip","Edit","useAuth","useTranslation","baseClass","SingleValue","props","children","data","label","relationTo","value","selectProps","customProps","onSave","setDrawerIsOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","permission","DocumentDrawer","DocumentDrawerToggler","isDrawerOpen","id","toString","collectionSlug","className","div","aria-label","onClick","onMouseDown","e","stopPropagation","onMouseEnter","onMouseLeave","onTouchEnd","show"],"mappings":"AAAA;AAGA,OAAOA,SAASC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAC5D,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,iBAAiB,QAAQ,+CAA8C;AAChF,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,IAAI,QAAQ,kCAAiC;AACtD,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAG3E,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAkD,CAACC;IAC9D,MAAM,EACJC,QAAQ,EACRC,MAAM,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAClC,8FAA8F;IAC9FC,aAAa,EAAEC,aAAa,EAAEC,MAAM,EAAEC,eAAe,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EACpE,GAAGT;IAEJ,MAAM,CAACU,aAAaC,eAAe,GAAGrB,SAAS;IAC/C,MAAM,EAAEsB,CAAC,EAAE,GAAGf;IACd,MAAM,EAAEgB,WAAW,EAAE,GAAGjB;IACxB,MAAMkB,oBAAoBC,QAAQF,aAAaG,aAAa,CAACZ,WAAW,EAAEa,MAAMC;IAEhF,MAAM,CAACC,gBAAgBC,uBAAuB,EAAEC,YAAY,EAAE,CAAC,GAAG5B,kBAAkB;QAClF6B,IAAIjB,MAAMkB,QAAQ;QAClBC,gBAAgBpB;IAClB;IAEAf,UAAU;QACR,IAAI,OAAOoB,oBAAoB,YAAY;YACzCA,gBAAgBY;QAClB;IACF,GAAG;QAACA;QAAcZ;KAAgB;IAElC,qBACE,oBAACjB,iBAAiBO,WAAW;QAAE,GAAGC,KAAK;QAAEyB,WAAW3B;qBAClD,oBAAC4B;QAAID,WAAW,CAAC,EAAE3B,UAAU,OAAO,CAAC;qBACnC,oBAAC4B;QAAID,WAAW,CAAC,EAAE3B,UAAU,YAAY,CAAC;qBACxC,oBAAC4B;QAAID,WAAW,CAAC,EAAE3B,UAAU,MAAM,CAAC;OAAGG,WACtCG,cAAcU,mCACb,oBAAC1B,8BACC,oBAACgC;QACCO,cAAYf,EAAE,qBAAqB;YAAET;QAAM;QAC3CsB,WAAW,CAAC,EAAE3B,UAAU,gBAAgB,CAAC;QACzC8B,SAAS,IAAMjB,eAAe;QAC9BkB,aAAa,CAACC,IAAMA,EAAEC,eAAe;QACrCC,cAAc,IAAMrB,eAAe;QACnCsB,cAAc,IAAMtB,eAAe;QACnCuB,YAAY,CAACJ,IAAMA,EAAEC,eAAe;qBAEpC,oBAACrC;QAAQ+B,WAAW,CAAC,EAAE3B,UAAU,SAAS,CAAC;QAAEqC,MAAMzB;OAChDE,EAAE,gCAEL,oBAACjB,iBAMVS,cAAcU,mCAAqB,oBAACK;QAAeX,QAAQA;;AAGlE,EAAC"}

package/dist/fields/Relationship/select-components/SingleValue/index.scss

@@ -0,0 +1,48 @@
+@import '../../../../scss/styles.scss';
+
+.relationship--single-value {
+  &.rs__single-value {
+    overflow: visible;
+    min-width: 0;
+  }
+
+  &__label-text {
+    max-width: unset;
+    display: flex;
+    align-items: center;
+    overflow: visible;
+    width: 100%;
+    flex-shrink: 1;
+  }
+
+  &__text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &__drawer-toggler {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: base(0.25);
+    pointer-events: all;
+
+    .icon {
+      width: base(0.75);
+      height: base(0.75);
+    }
+
+    &:focus {
+      outline: none;
+    }
+
+    &:hover {
+      background-color: var(--theme-elevation-100);
+    }
+  }
+
+  &__label {
+    flex-grow: 1;
+  }
+}

package/dist/fields/Relationship/types.d.ts

@@ -0,0 +1,57 @@
+import type { I18n } from '@payloadcms/translations';
+import type { ClientCollectionConfig, RelationshipField } from 'payload/types';
+import type { SanitizedConfig } from 'payload/types';
+import type { FormFieldBase } from '../shared/index.js';
+export type RelationshipFieldProps = FormFieldBase & {
+    allowCreate?: RelationshipField['admin']['allowCreate'];
+    hasMany?: boolean;
+    isSortable?: boolean;
+    name: string;
+    relationTo?: RelationshipField['relationTo'];
+    sortOptions?: RelationshipField['admin']['sortOptions'];
+    width?: string;
+};
+export type Option = {
+    label: string;
+    options?: Option[];
+    relationTo?: string;
+    value: number | string;
+};
+export type OptionGroup = {
+    label: string;
+    options: Option[];
+};
+export type ValueWithRelation = {
+    relationTo: string;
+    value: number | string;
+};
+export type Value = ValueWithRelation | number | string;
+type CLEAR = {
+    type: 'CLEAR';
+};
+type UPDATE = {
+    collection: ClientCollectionConfig;
+    config: SanitizedConfig;
+    doc: any;
+    i18n: I18n;
+    type: 'UPDATE';
+};
+type ADD = {
+    collection: ClientCollectionConfig;
+    config: SanitizedConfig;
+    docs: any[];
+    i18n: I18n;
+    ids?: (number | string)[];
+    sort?: boolean;
+    type: 'ADD';
+};
+export type Action = ADD | CLEAR | UPDATE;
+export type GetResults = (args: {
+    lastFullyLoadedRelation?: number;
+    onSuccess?: () => void;
+    search?: string;
+    sort?: boolean;
+    value?: Value | Value[];
+}) => Promise<void>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/fields/Relationship/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,sBAAsB,GAAG,aAAa,GAAG;IACnD,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IAC5C,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAA;AAEvD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,UAAU,EAAE,sBAAsB,CAAA;IAClC,MAAM,EAAE,eAAe,CAAA;IACvB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,KAAK,GAAG,GAAG;IACT,UAAU,EAAE,sBAAsB,CAAA;IAClC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,IAAI,EAAE,IAAI,CAAA;IACV,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,MAAM,CAAA;AAEzC,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;CACxB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA"}

package/dist/fields/Relationship/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Relationship/types.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, RelationshipField } from 'payload/types'\nimport type { SanitizedConfig } from 'payload/types'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type RelationshipFieldProps = FormFieldBase & {\n  allowCreate?: RelationshipField['admin']['allowCreate']\n  hasMany?: boolean\n  isSortable?: boolean\n  name: string\n  relationTo?: RelationshipField['relationTo']\n  sortOptions?: RelationshipField['admin']['sortOptions']\n  width?: string\n}\n\nexport type Option = {\n  label: string\n  options?: Option[]\n  relationTo?: string\n  value: number | string\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: number | string\n}\n\nexport type Value = ValueWithRelation | number | string\n\ntype CLEAR = {\n  type: 'CLEAR'\n}\n\ntype UPDATE = {\n  collection: ClientCollectionConfig\n  config: SanitizedConfig\n  doc: any\n  i18n: I18n\n  type: 'UPDATE'\n}\n\ntype ADD = {\n  collection: ClientCollectionConfig\n  config: SanitizedConfig\n  docs: any[]\n  i18n: I18n\n  ids?: (number | string)[]\n  sort?: boolean\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR | UPDATE\n\nexport type GetResults = (args: {\n  lastFullyLoadedRelation?: number\n  onSuccess?: () => void\n  search?: string\n  sort?: boolean\n  value?: Value | Value[]\n}) => Promise<void>\n"],"names":[],"mappings":"AA2DA,WAMmB"}

package/dist/fields/RichText/index.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import type { MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js';
+import type { FormFieldBase } from '../shared/index.js';
+export type RichTextFieldProps = FormFieldBase & {
+    name: string;
+    richTextComponentMap?: Map<string, MappedField[] | React.ReactNode>;
+    width?: string;
+};
+export declare const RichText: React.FC<RichTextFieldProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/RichText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RichText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAA;AAC1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEjD,CAAA"}

package/dist/fields/RichText/index.js

@@ -0,0 +1,5 @@
+export const RichText = ()=>{
+    return null;
+};
+
+//# sourceMappingURL=index.js.map

package/dist/fields/RichText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/RichText/index.tsx"],"sourcesContent":["import type React from 'react'\n\nimport type { MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type RichTextFieldProps = FormFieldBase & {\n  name: string\n  richTextComponentMap?: Map<string, MappedField[] | React.ReactNode>\n  width?: string\n}\n\nexport const RichText: React.FC<RichTextFieldProps> = () => {\n  return null\n}\n"],"names":["RichText"],"mappings":"AAWA,OAAO,MAAMA,WAAyC;IACpD,OAAO;AACT,EAAC"}

package/dist/fields/Row/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { RowFieldProps } from './types.js';
+import './index.scss';
+import { RowProvider, useRow } from './provider.js';
+export { RowProvider, useRow };
+export declare const Row: React.FC<RowFieldProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAM/C,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,CAAA;AAyB9B,eAAO,MAAM,GAAG,yBAA0B,CAAA"}

package/dist/fields/Row/index.js

@@ -0,0 +1,34 @@
+'use client';
+import React from 'react';
+import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
+import { RenderFields } from '../../forms/RenderFields/index.js';
+import { withCondition } from '../../forms/withCondition/index.js';
+import { fieldBaseClass } from '../shared/index.js';
+import { RowProvider, useRow } from './provider.js';
+export { RowProvider, useRow };
+const baseClass = 'row';
+const RowField = (props)=>{
+    const { className, fieldMap, forceRender = false } = props;
+    const { path, readOnly, schemaPath, siblingPermissions } = useFieldProps();
+    return /*#__PURE__*/ React.createElement(RowProvider, null, /*#__PURE__*/ React.createElement("div", {
+        className: [
+            fieldBaseClass,
+            baseClass,
+            className
+        ].filter(Boolean).join(' ')
+    }, /*#__PURE__*/ React.createElement(RenderFields, {
+        fieldMap,
+        forceRender,
+        path,
+        readOnly,
+        schemaPath,
+        className: `${baseClass}__fields`,
+        fieldMap: fieldMap,
+        forceRender: forceRender,
+        margins: false,
+        permissions: siblingPermissions
+    })));
+};
+export const Row = withCondition(RowField);
+
+//# sourceMappingURL=index.js.map

package/dist/fields/Row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { RowFieldProps } from './types.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider, useRow } from './provider.js'\n\nexport { RowProvider, useRow }\n\nconst baseClass = 'row'\n\nconst RowField: React.FC<RowFieldProps> = (props) => {\n  const { className, fieldMap, forceRender = false } = props\n\n  const { path, readOnly, schemaPath, siblingPermissions } = useFieldProps()\n\n  return (\n    <RowProvider>\n      <div className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}>\n        <RenderFields\n          {...{ fieldMap, forceRender, path, readOnly, schemaPath }}\n          className={`${baseClass}__fields`}\n          fieldMap={fieldMap}\n          forceRender={forceRender}\n          margins={false}\n          permissions={siblingPermissions}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const Row = withCondition(RowField)\n"],"names":["React","useFieldProps","RenderFields","withCondition","fieldBaseClass","RowProvider","useRow","baseClass","RowField","props","className","fieldMap","forceRender","path","readOnly","schemaPath","siblingPermissions","div","filter","Boolean","join","margins","permissions","Row"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AAEnD,SAASC,WAAW,EAAEC,MAAM,QAAQ,gBAAe;AAEnD,SAASD,WAAW,EAAEC,MAAM,GAAE;AAE9B,MAAMC,YAAY;AAElB,MAAMC,WAAoC,CAACC;IACzC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,cAAc,KAAK,EAAE,GAAGH;IAErD,MAAM,EAAEI,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,kBAAkB,EAAE,GAAGf;IAE3D,qBACE,oBAACI,iCACC,oBAACY;QAAIP,WAAW;YAACN;YAAgBG;YAAWG;SAAU,CAACQ,MAAM,CAACC,SAASC,IAAI,CAAC;qBAC1E,oBAAClB;QACOS;QAAUC;QAAaC;QAAMC;QAAUC;QAC7CL,WAAW,CAAC,EAAEH,UAAU,QAAQ,CAAC;QACjCI,UAAUA;QACVC,aAAaA;QACbS,SAAS;QACTC,aAAaN;;AAKvB;AAEA,OAAO,MAAMO,MAAMpB,cAAcK,UAAS"}

package/dist/fields/Row/index.scss

@@ -0,0 +1,34 @@
+@import '../../scss/styles.scss';
+
+.field-type.row {
+  .row__fields {
+    display: flex;
+    flex-wrap: wrap;
+    width: calc(100% + var(--base));
+    margin-left: calc(var(--base) * -0.5);
+    margin-right: calc(var(--base) * -0.5);
+
+    > * {
+      flex-grow: 1;
+      padding-left: calc(var(--base) * 0.5);
+      padding-right: calc(var(--base) * 0.5);
+    }
+  }
+
+  @include mid-break {
+    .row__fields {
+      display: block;
+      margin-left: 0;
+      margin-right: 0;
+      width: 100%;
+
+      > * {
+        margin-left: 0;
+        margin-right: 0;
+        width: 100% !important;
+        padding-left: 0;
+        padding-right: 0;
+      }
+    }
+  }
+}

package/dist/fields/Row/provider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const Context: React.Context<boolean>;
+export declare const RowProvider: React.FC<{
+    children?: React.ReactNode;
+    withinRow?: boolean;
+}>;
+export declare const useRow: () => boolean;
+//# sourceMappingURL=provider.d.ts.map

package/dist/fields/Row/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,eAAO,MAAM,OAAO,wBAAuB,CAAA;AAE3C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAKrF,CAAA;AAED,eAAO,MAAM,MAAM,QAAO,OAA8B,CAAA"}

package/dist/fields/Row/provider.js

@@ -0,0 +1,11 @@
+'use client';
+import React, { createContext, useContext } from 'react';
+export const Context = /*#__PURE__*/ createContext(false);
+export const RowProvider = ({ children, withinRow = true })=>{
+    return /*#__PURE__*/ React.createElement(Context.Provider, {
+        value: withinRow
+    }, children);
+};
+export const useRow = ()=>useContext(Context);
+
+//# sourceMappingURL=provider.js.map

package/dist/fields/Row/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Row/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\nexport const Context = createContext(false)\n\nexport const RowProvider: React.FC<{ children?: React.ReactNode; withinRow?: boolean }> = ({\n  children,\n  withinRow = true,\n}) => {\n  return <Context.Provider value={withinRow}>{children}</Context.Provider>\n}\n\nexport const useRow = (): boolean => useContext(Context)\n"],"names":["React","createContext","useContext","Context","RowProvider","children","withinRow","Provider","value","useRow"],"mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,OAAO,MAAMC,wBAAUF,cAAc,OAAM;AAE3C,OAAO,MAAMG,cAA6E,CAAC,EACzFC,QAAQ,EACRC,YAAY,IAAI,EACjB;IACC,qBAAO,oBAACH,QAAQI,QAAQ;QAACC,OAAOF;OAAYD;AAC9C,EAAC;AAED,OAAO,MAAMI,SAAS,IAAeP,WAAWC,SAAQ"}

package/dist/fields/Row/types.d.ts

@@ -0,0 +1,12 @@
+import type { FieldPermissions } from 'payload/auth';
+import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
+import type { FormFieldBase } from '../shared/index.js';
+export type RowFieldProps = FormFieldBase & {
+    fieldMap: FieldMap;
+    forceRender?: boolean;
+    indexPath: string;
+    path?: string;
+    permissions?: FieldPermissions;
+    width?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/fields/Row/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG;IAC1C,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/fields/Row/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Row/types.ts"],"sourcesContent":["import type { FieldPermissions } from 'payload/auth'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type RowFieldProps = FormFieldBase & {\n  fieldMap: FieldMap\n  forceRender?: boolean\n  indexPath: string\n  path?: string\n  permissions?: FieldPermissions\n  width?: string\n}\n"],"names":[],"mappings":"AAKA,WAOC"}

package/dist/fields/Select/index.d.ts

@@ -0,0 +1,19 @@
+import type { FieldBase, Option } from 'payload/types';
+import React from 'react';
+import type { FormFieldBase } from '../shared/index.js';
+import './index.scss';
+export type SelectFieldProps = FormFieldBase & {
+    hasMany?: boolean;
+    isClearable?: boolean;
+    isSortable?: boolean;
+    label?: FieldBase['label'];
+    name?: string;
+    onChange?: (e: string) => void;
+    options?: Option[];
+    path?: string;
+    value?: string;
+    width?: string;
+};
+export declare const SelectField: React.FC<SelectFieldProps>;
+export declare const Select: React.FC<SelectFieldProps>;
+//# sourceMappingURL=index.d.ts.map