@art-design-digital/payload-plugin-forms-v3 1.0.0

package/README.md

@@ -0,0 +1,175 @@
+# Payload Plugin Menus v3
+
+A flexible navigation menu plugin for [Payload CMS](https://payloadcms.com) v3.
+
+## Features
+
+- Create and manage navigation menus with nested items (up to 3 levels)
+- Support for internal links (references to collections), external links, and parent items with children
+- Optional icon picker with [react-icons](https://react-icons.github.io/react-icons/) support
+- Full i18n support (EN, DE, ES, FR, NL)
+- Localized menu labels and URLs
+- Validation for required fields
+
+## Installation
+
+```bash
+npm install payload-plugin-menus-v3
+# or
+pnpm add payload-plugin-menus-v3
+# or
+yarn add payload-plugin-menus-v3
+```
+
+### Optional: Icon Picker
+
+If you want to use the icon picker feature, you also need to install `react-icons`:
+
+```bash
+npm install react-icons
+```
+
+## Usage
+
+Add the plugin to your Payload config:
+
+```ts
+import { buildConfig } from 'payload'
+import { menusPlugin } from 'payload-plugin-menus-v3'
+
+export default buildConfig({
+  // ... your config
+  plugins: [
+    menusPlugin({
+      // Link to these collections for internal links
+      linkableCollections: ['pages', 'posts'],
+      // Optional: Menu nesting depth (1-3, default: 2)
+      levels: 2,
+      // Optional: Admin group name
+      adminGroup: 'Navigation',
+      // Optional: Enable localization for labels and URLs
+      localized: true,
+      // Optional: Enable icon picker (default: false)
+      allowIcons: true,
+      // Optional: Icon pack to use (default: 'Phosphor Icons')
+      iconPack: 'Phosphor Icons',
+      // Optional: Disable the plugin
+      disabled: false,
+    }),
+  ],
+})
+```
+
+## Configuration Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `linkableCollections` | `string[]` | `[]` | Collection slugs that can be linked to for internal links |
+| `levels` | `1 \| 2 \| 3` | `2` | Maximum nesting depth for menu items |
+| `adminGroup` | `string` | `undefined` | Admin panel group name for the Menus collection |
+| `localized` | `boolean` | `false` | Enable localization for menu item labels and URLs |
+| `allowIcons` | `boolean` | `false` | Enable the icon picker field for menu items |
+| `iconPack` | `IconPackType` | `'Phosphor Icons'` | Icon pack to use (requires `react-icons`) |
+| `allowPreviewImages` | `boolean` | `false` | Enable preview image upload for menu items |
+| `previewImagesMediaCollection` | `string` | `'media'` | Media collection slug for preview images |
+| `access` | `CollectionConfig['access']` | `{ read: () => true }` | Override access control for the Menus collection |
+| `disabled` | `boolean` | `false` | Disable the plugin |
+
+### Available Icon Packs
+
+When `allowIcons` is enabled, you can choose from these icon packs:
+
+- `'Phosphor Icons'` (default)
+- `'Bootstrap Icons'`
+- `'Feather Icons'`
+- `'Font Awesome 6'`
+- `'Heroicons 2'`
+- `'Lucide Icons'`
+- `'Material Design Icons'`
+- `'Remix Icons'`
+- `'Tabler Icons'`
+
+## Menu Item Structure
+
+Each menu item is organized into two tabs:
+
+### Link Settings Tab
+
+| Field | Description |
+|-------|-------------|
+| `label` | Display text for the menu item (required) |
+| `linkType` | Type of link: `internal`, `external`, or `children` |
+| `customURL` | External URL (when `linkType` is `external`, must start with `https://`) |
+| `reference` | Reference to a document (when `linkType` is `internal`) |
+| `anchor` | Optional anchor/hash for internal links (e.g., `#section`) |
+| `openInNewTab` | Open link in a new tab |
+| `children` | Nested menu items (when `linkType` is `children`) |
+
+### Appearance Tab
+
+| Field | Description |
+|-------|-------------|
+| `highlight` | Highlight this menu item (e.g., for CTA buttons) |
+| `marginTop` | Add spacing above this item (child items only) |
+| `icon` | Selected icon name (when `allowIcons` is enabled) |
+| `previewImage` | Reference to a media item (when `allowPreviewImages` is enabled) |
+
+## Using the IconPicker Field Standalone
+
+You can also use the icon picker field in your own collections:
+
+```ts
+import { iconPickerField } from 'payload-plugin-menus-v3'
+
+const MyCollection = {
+  slug: 'my-collection',
+  fields: [
+    iconPickerField({
+      name: 'icon',
+      label: 'Icon',
+      iconPack: 'Lucide Icons',
+    }),
+  ],
+}
+```
+
+## Fetching Menus
+
+You can fetch menus using the Payload Local API or REST API:
+
+```ts
+// Local API
+const menu = await payload.find({
+  collection: 'menus',
+  where: {
+    title: { equals: 'Main Navigation' },
+  },
+})
+
+// REST API
+// GET /api/menus?where[title][equals]=Main Navigation
+```
+
+## i18n Support
+
+The plugin includes translations for:
+
+- English (en)
+- German (de)
+- Spanish (es)
+- French (fr)
+- Dutch (nl)
+
+All field labels, validation messages, and UI elements are translated based on your Payload admin language setting.
+
+## TypeScript
+
+The plugin exports types for use in your project:
+
+```ts
+import type { MenusPluginConfig, IconPackType } from 'payload-plugin-menus-v3'
+```
+
+## License
+
+MIT

package/dist/collections/Forms.d.ts

@@ -0,0 +1,3 @@
+import type { CollectionConfig } from 'payload';
+import type { FormsPluginConfig } from '../types.js';
+export declare const createFormsCollection: (config: FormsPluginConfig) => CollectionConfig;

package/dist/collections/Forms.js

@@ -0,0 +1,64 @@
+import { createFormFieldsArray, createMessagesGroup, senderReceiverGroup } from '../fields/index.js';
+import { labels } from '../i18n/translations.js';
+export const createFormsCollection = (config)=>{
+    const { access, adminGroup, localized = false } = config;
+    return {
+        slug: 'forms',
+        access: {
+            read: ()=>true,
+            ...access
+        },
+        admin: {
+            description: labels.collection.description,
+            group: adminGroup,
+            useAsTitle: 'name'
+        },
+        fields: [
+            {
+                name: 'name',
+                type: 'text',
+                admin: {
+                    description: labels.fields.name.description
+                },
+                label: labels.fields.name.label,
+                required: true
+            },
+            {
+                type: 'tabs',
+                tabs: [
+                    {
+                        description: labels.tabs.senderReceiver.description,
+                        fields: [
+                            senderReceiverGroup
+                        ],
+                        label: labels.tabs.senderReceiver.label
+                    },
+                    {
+                        description: labels.tabs.messages.description,
+                        fields: [
+                            createMessagesGroup({
+                                localized
+                            })
+                        ],
+                        label: labels.tabs.messages.label
+                    },
+                    {
+                        description: labels.tabs.formFields.description,
+                        fields: [
+                            createFormFieldsArray({
+                                localized
+                            })
+                        ],
+                        label: labels.tabs.formFields.label
+                    }
+                ]
+            }
+        ],
+        labels: {
+            plural: labels.collection.plural,
+            singular: labels.collection.singular
+        }
+    };
+};
+
+//# sourceMappingURL=Forms.js.map

package/dist/collections/Forms.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/collections/Forms.ts"],"sourcesContent":["import type { CollectionConfig } from 'payload'\n\nimport type { FormsPluginConfig } from '../types.js'\n\nimport { createFormFieldsArray, createMessagesGroup, senderReceiverGroup } from '../fields/index.js'\nimport { labels } from '../i18n/translations.js'\n\nexport const createFormsCollection = (config: FormsPluginConfig): CollectionConfig => {\n  const { access, adminGroup, localized = false } = config\n\n  return {\n    slug: 'forms',\n    access: {\n      read: () => true,\n      ...access,\n    },\n    admin: {\n      description: labels.collection.description,\n      group: adminGroup,\n      useAsTitle: 'name',\n    },\n    fields: [\n      {\n        name: 'name',\n        type: 'text',\n        admin: {\n          description: labels.fields.name.description,\n        },\n        label: labels.fields.name.label,\n        required: true,\n      },\n      {\n        type: 'tabs',\n        tabs: [\n          {\n            description: labels.tabs.senderReceiver.description,\n            fields: [senderReceiverGroup],\n            label: labels.tabs.senderReceiver.label,\n          },\n          {\n            description: labels.tabs.messages.description,\n            fields: [createMessagesGroup({ localized })],\n            label: labels.tabs.messages.label,\n          },\n          {\n            description: labels.tabs.formFields.description,\n            fields: [createFormFieldsArray({ localized })],\n            label: labels.tabs.formFields.label,\n          },\n        ],\n      },\n    ],\n    labels: {\n      plural: labels.collection.plural,\n      singular: labels.collection.singular,\n    },\n  }\n}\n"],"names":["createFormFieldsArray","createMessagesGroup","senderReceiverGroup","labels","createFormsCollection","config","access","adminGroup","localized","slug","read","admin","description","collection","group","useAsTitle","fields","name","type","label","required","tabs","senderReceiver","messages","formFields","plural","singular"],"mappings":"AAIA,SAASA,qBAAqB,EAAEC,mBAAmB,EAAEC,mBAAmB,QAAQ,qBAAoB;AACpG,SAASC,MAAM,QAAQ,0BAAyB;AAEhD,OAAO,MAAMC,wBAAwB,CAACC;IACpC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,YAAY,KAAK,EAAE,GAAGH;IAElD,OAAO;QACLI,MAAM;QACNH,QAAQ;YACNI,MAAM,IAAM;YACZ,GAAGJ,MAAM;QACX;QACAK,OAAO;YACLC,aAAaT,OAAOU,UAAU,CAACD,WAAW;YAC1CE,OAAOP;YACPQ,YAAY;QACd;QACAC,QAAQ;YACN;gBACEC,MAAM;gBACNC,MAAM;gBACNP,OAAO;oBACLC,aAAaT,OAAOa,MAAM,CAACC,IAAI,CAACL,WAAW;gBAC7C;gBACAO,OAAOhB,OAAOa,MAAM,CAACC,IAAI,CAACE,KAAK;gBAC/BC,UAAU;YACZ;YACA;gBACEF,MAAM;gBACNG,MAAM;oBACJ;wBACET,aAAaT,OAAOkB,IAAI,CAACC,cAAc,CAACV,WAAW;wBACnDI,QAAQ;4BAACd;yBAAoB;wBAC7BiB,OAAOhB,OAAOkB,IAAI,CAACC,cAAc,CAACH,KAAK;oBACzC;oBACA;wBACEP,aAAaT,OAAOkB,IAAI,CAACE,QAAQ,CAACX,WAAW;wBAC7CI,QAAQ;4BAACf,oBAAoB;gCAAEO;4BAAU;yBAAG;wBAC5CW,OAAOhB,OAAOkB,IAAI,CAACE,QAAQ,CAACJ,KAAK;oBACnC;oBACA;wBACEP,aAAaT,OAAOkB,IAAI,CAACG,UAAU,CAACZ,WAAW;wBAC/CI,QAAQ;4BAAChB,sBAAsB;gCAAEQ;4BAAU;yBAAG;wBAC9CW,OAAOhB,OAAOkB,IAAI,CAACG,UAAU,CAACL,KAAK;oBACrC;iBACD;YACH;SACD;QACDhB,QAAQ;YACNsB,QAAQtB,OAAOU,UAAU,CAACY,MAAM;YAChCC,UAAUvB,OAAOU,UAAU,CAACa,QAAQ;QACtC;IACF;AACF,EAAC"}

package/dist/components/FormFieldRowLabel.d.ts

@@ -0,0 +1 @@
+export declare const FormFieldRowLabel: () => import("react").JSX.Element;

package/dist/components/FormFieldRowLabel.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRowLabel } from '@payloadcms/ui';
+import { WIDTHS } from '../constants.js';
+import { locales } from '../i18n/translations.js';
+export const FormFieldRowLabel = ()=>{
+    const { data, rowNumber } = useRowLabel();
+    const label = data?.label;
+    const width = data?.width ? WIDTHS[data.width] : '1/1';
+    if (label) {
+        return /*#__PURE__*/ _jsx("span", {
+            children: `${label} (${width})`
+        });
+    }
+    const lang = typeof document !== 'undefined' ? document.documentElement.lang || 'en' : 'en';
+    const fallback = locales[lang]?.formFields.fallback || locales.en.formFields.fallback;
+    const paddedNumber = String((rowNumber ?? 0) + 1).padStart(2, '0');
+    return /*#__PURE__*/ _jsx("span", {
+        children: `${fallback} | ${paddedNumber} (${width})`
+    });
+};
+
+//# sourceMappingURL=FormFieldRowLabel.js.map

package/dist/components/FormFieldRowLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/FormFieldRowLabel.tsx"],"sourcesContent":["'use client'\n\nimport { useRowLabel } from '@payloadcms/ui'\n\nimport type { Width } from '../constants.js'\n\nimport { WIDTHS } from '../constants.js'\nimport { locales } from '../i18n/translations.js'\n\nexport const FormFieldRowLabel = () => {\n  const { data, rowNumber } = useRowLabel<{ label?: string; width?: Width }>()\n\n  const label = data?.label\n  const width = data?.width ? WIDTHS[data.width] : '1/1'\n\n  if (label) {\n    return <span>{`${label} (${width})`}</span>\n  }\n\n  const lang = typeof document !== 'undefined' ? document.documentElement.lang || 'en' : 'en'\n  const fallback =\n    locales[lang as keyof typeof locales]?.formFields.fallback || locales.en.formFields.fallback\n\n  const paddedNumber = String((rowNumber ?? 0) + 1).padStart(2, '0')\n  return <span>{`${fallback} | ${paddedNumber} (${width})`}</span>\n}\n"],"names":["useRowLabel","WIDTHS","locales","FormFieldRowLabel","data","rowNumber","label","width","span","lang","document","documentElement","fallback","formFields","en","paddedNumber","String","padStart"],"mappings":"AAAA;;AAEA,SAASA,WAAW,QAAQ,iBAAgB;AAI5C,SAASC,MAAM,QAAQ,kBAAiB;AACxC,SAASC,OAAO,QAAQ,0BAAyB;AAEjD,OAAO,MAAMC,oBAAoB;IAC/B,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGL;IAE5B,MAAMM,QAAQF,MAAME;IACpB,MAAMC,QAAQH,MAAMG,QAAQN,MAAM,CAACG,KAAKG,KAAK,CAAC,GAAG;IAEjD,IAAID,OAAO;QACT,qBAAO,KAACE;sBAAM,GAAGF,MAAM,EAAE,EAAEC,MAAM,CAAC,CAAC;;IACrC;IAEA,MAAME,OAAO,OAAOC,aAAa,cAAcA,SAASC,eAAe,CAACF,IAAI,IAAI,OAAO;IACvF,MAAMG,WACJV,OAAO,CAACO,KAA6B,EAAEI,WAAWD,YAAYV,QAAQY,EAAE,CAACD,UAAU,CAACD,QAAQ;IAE9F,MAAMG,eAAeC,OAAO,AAACX,CAAAA,aAAa,CAAA,IAAK,GAAGY,QAAQ,CAAC,GAAG;IAC9D,qBAAO,KAACT;kBAAM,GAAGI,SAAS,GAAG,EAAEG,aAAa,EAAE,EAAER,MAAM,CAAC,CAAC;;AAC1D,EAAC"}

package/dist/components/OptionRowLabel.d.ts

@@ -0,0 +1 @@
+export declare const OptionRowLabel: () => import("react").JSX.Element;

package/dist/components/OptionRowLabel.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRowLabel } from '@payloadcms/ui';
+import { locales } from '../i18n/translations.js';
+export const OptionRowLabel = ()=>{
+    const { data, rowNumber } = useRowLabel();
+    const value = data?.value;
+    if (value) {
+        return /*#__PURE__*/ _jsx("span", {
+            children: value
+        });
+    }
+    const lang = typeof document !== 'undefined' ? document.documentElement.lang || 'en' : 'en';
+    const fallback = locales[lang]?.formFields.optionFallback || locales.en.formFields.optionFallback;
+    const paddedNumber = String((rowNumber ?? 0) + 1).padStart(2, '0');
+    return /*#__PURE__*/ _jsx("span", {
+        children: `${fallback} | ${paddedNumber}`
+    });
+};
+
+//# sourceMappingURL=OptionRowLabel.js.map

package/dist/components/OptionRowLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/OptionRowLabel.tsx"],"sourcesContent":["'use client'\n\nimport { useRowLabel } from '@payloadcms/ui'\n\nimport { locales } from '../i18n/translations.js'\n\nexport const OptionRowLabel = () => {\n  const { data, rowNumber } = useRowLabel<{ value?: string }>()\n\n  const value = data?.value\n  if (value) {\n    return <span>{value}</span>\n  }\n\n  const lang = typeof document !== 'undefined' ? document.documentElement.lang || 'en' : 'en'\n  const fallback =\n    locales[lang as keyof typeof locales]?.formFields.optionFallback ||\n    locales.en.formFields.optionFallback\n\n  const paddedNumber = String((rowNumber ?? 0) + 1).padStart(2, '0')\n  return <span>{`${fallback} | ${paddedNumber}`}</span>\n}\n"],"names":["useRowLabel","locales","OptionRowLabel","data","rowNumber","value","span","lang","document","documentElement","fallback","formFields","optionFallback","en","paddedNumber","String","padStart"],"mappings":"AAAA;;AAEA,SAASA,WAAW,QAAQ,iBAAgB;AAE5C,SAASC,OAAO,QAAQ,0BAAyB;AAEjD,OAAO,MAAMC,iBAAiB;IAC5B,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGJ;IAE5B,MAAMK,QAAQF,MAAME;IACpB,IAAIA,OAAO;QACT,qBAAO,KAACC;sBAAMD;;IAChB;IAEA,MAAME,OAAO,OAAOC,aAAa,cAAcA,SAASC,eAAe,CAACF,IAAI,IAAI,OAAO;IACvF,MAAMG,WACJT,OAAO,CAACM,KAA6B,EAAEI,WAAWC,kBAClDX,QAAQY,EAAE,CAACF,UAAU,CAACC,cAAc;IAEtC,MAAME,eAAeC,OAAO,AAACX,CAAAA,aAAa,CAAA,IAAK,GAAGY,QAAQ,CAAC,GAAG;IAC9D,qBAAO,KAACV;kBAAM,GAAGI,SAAS,GAAG,EAAEI,cAAc;;AAC/C,EAAC"}

package/dist/constants.d.ts

@@ -0,0 +1,36 @@
+export declare const FIELD_TYPES: {
+    readonly checkbox: "checkbox";
+    readonly date: "date";
+    readonly datetime: "datetime";
+    readonly dropdown: "dropdown";
+    readonly email: "email";
+    readonly number: "number";
+    readonly radio: "radio";
+    readonly tel: "tel";
+    readonly text: "text";
+    readonly textarea: "textarea";
+    readonly time: "time";
+    readonly url: "url";
+};
+export type FieldType = (typeof FIELD_TYPES)[keyof typeof FIELD_TYPES];
+export declare const FIELD_TYPE_VALUES: ("number" | "checkbox" | "date" | "datetime" | "dropdown" | "email" | "radio" | "tel" | "text" | "textarea" | "time" | "url")[];
+export declare const WIDTHS: {
+    readonly full: "1/1";
+    readonly half: "1/2";
+    readonly onequarter: "1/4";
+    readonly threequarter: "3/4";
+};
+export type Width = keyof typeof WIDTHS;
+export declare const WIDTH_OPTIONS: readonly [{
+    readonly label: "1/1";
+    readonly value: "full";
+}, {
+    readonly label: "1/2";
+    readonly value: "half";
+}, {
+    readonly label: "1/4";
+    readonly value: "onequarter";
+}, {
+    readonly label: "3/4";
+    readonly value: "threequarter";
+}];

package/dist/constants.js

@@ -0,0 +1,41 @@
+export const FIELD_TYPES = {
+    checkbox: 'checkbox',
+    date: 'date',
+    datetime: 'datetime',
+    dropdown: 'dropdown',
+    email: 'email',
+    number: 'number',
+    radio: 'radio',
+    tel: 'tel',
+    text: 'text',
+    textarea: 'textarea',
+    time: 'time',
+    url: 'url'
+};
+export const FIELD_TYPE_VALUES = Object.values(FIELD_TYPES);
+export const WIDTHS = {
+    full: '1/1',
+    half: '1/2',
+    onequarter: '1/4',
+    threequarter: '3/4'
+};
+export const WIDTH_OPTIONS = [
+    {
+        label: '1/1',
+        value: 'full'
+    },
+    {
+        label: '1/2',
+        value: 'half'
+    },
+    {
+        label: '1/4',
+        value: 'onequarter'
+    },
+    {
+        label: '3/4',
+        value: 'threequarter'
+    }
+];
+
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants.ts"],"sourcesContent":["export const FIELD_TYPES = {\n  checkbox: 'checkbox',\n  date: 'date',\n  datetime: 'datetime',\n  dropdown: 'dropdown',\n  email: 'email',\n  number: 'number',\n  radio: 'radio',\n  tel: 'tel',\n  text: 'text',\n  textarea: 'textarea',\n  time: 'time',\n  url: 'url',\n} as const\n\nexport type FieldType = (typeof FIELD_TYPES)[keyof typeof FIELD_TYPES]\n\nexport const FIELD_TYPE_VALUES = Object.values(FIELD_TYPES)\n\nexport const WIDTHS = {\n  full: '1/1',\n  half: '1/2',\n  onequarter: '1/4',\n  threequarter: '3/4',\n} as const\n\nexport type Width = keyof typeof WIDTHS\n\nexport const WIDTH_OPTIONS = [\n  { label: '1/1', value: 'full' },\n  { label: '1/2', value: 'half' },\n  { label: '1/4', value: 'onequarter' },\n  { label: '3/4', value: 'threequarter' },\n] as const\n"],"names":["FIELD_TYPES","checkbox","date","datetime","dropdown","email","number","radio","tel","text","textarea","time","url","FIELD_TYPE_VALUES","Object","values","WIDTHS","full","half","onequarter","threequarter","WIDTH_OPTIONS","label","value"],"mappings":"AAAA,OAAO,MAAMA,cAAc;IACzBC,UAAU;IACVC,MAAM;IACNC,UAAU;IACVC,UAAU;IACVC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC,MAAM;IACNC,UAAU;IACVC,MAAM;IACNC,KAAK;AACP,EAAU;AAIV,OAAO,MAAMC,oBAAoBC,OAAOC,MAAM,CAACf,aAAY;AAE3D,OAAO,MAAMgB,SAAS;IACpBC,MAAM;IACNC,MAAM;IACNC,YAAY;IACZC,cAAc;AAChB,EAAU;AAIV,OAAO,MAAMC,gBAAgB;IAC3B;QAAEC,OAAO;QAAOC,OAAO;IAAO;IAC9B;QAAED,OAAO;QAAOC,OAAO;IAAO;IAC9B;QAAED,OAAO;QAAOC,OAAO;IAAa;IACpC;QAAED,OAAO;QAAOC,OAAO;IAAe;CACvC,CAAS"}

package/dist/exports/client.d.ts

@@ -0,0 +1,2 @@
+export { FormFieldRowLabel } from '../components/FormFieldRowLabel.js';
+export { OptionRowLabel } from '../components/OptionRowLabel.js';

package/dist/exports/client.js

@@ -0,0 +1,4 @@
+export { FormFieldRowLabel } from '../components/FormFieldRowLabel.js';
+export { OptionRowLabel } from '../components/OptionRowLabel.js';
+
+//# sourceMappingURL=client.js.map

package/dist/exports/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/client.ts"],"sourcesContent":["export { FormFieldRowLabel } from '../components/FormFieldRowLabel.js'\nexport { OptionRowLabel } from '../components/OptionRowLabel.js'\n"],"names":["FormFieldRowLabel","OptionRowLabel"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qCAAoC;AACtE,SAASC,cAAc,QAAQ,kCAAiC"}

package/dist/exports/rsc.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/exports/rsc.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=rsc.js.map

package/dist/exports/rsc.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/rsc.ts"],"names":[],"mappings":""}

package/dist/fields/formFields/autocompleteField.d.ts

@@ -0,0 +1,2 @@
+import type { SelectField } from 'payload';
+export declare const autocompleteField: SelectField;

package/dist/fields/formFields/autocompleteField.js

@@ -0,0 +1,63 @@
+import { labels } from '../../i18n/translations.js';
+import { showForAutocomplete } from '../../utils/conditions.js';
+export const autocompleteField = {
+    name: 'autocomplete',
+    type: 'select',
+    admin: {
+        condition: showForAutocomplete,
+        description: labels.formFields.fields.autocomplete.description
+    },
+    label: labels.formFields.fields.autocomplete.label,
+    options: [
+        {
+            label: labels.formFields.fields.autocomplete.options.off,
+            value: 'off'
+        },
+        {
+            label: labels.formFields.fields.autocomplete.options.name,
+            value: 'name'
+        },
+        {
+            label: labels.formFields.fields.autocomplete.options['given-name'],
+            value: 'given-name'
+        },
+        {
+            label: labels.formFields.fields.autocomplete.options['family-name'],
+            value: 'family-name'
+        },
+        {
+            label: labels.formFields.fields.autocomplete.options.email,
+            value: 'email'
+        },
+        {
+            label: labels.formFields.fields.autocomplete.options.tel,
+            value: 'tel'
+        },
+        {
+            label: labels.formFields.fields.autocomplete.options.url,
+            value: 'url'
+        },
+        {
+            label: labels.formFields.fields.autocomplete.options.organization,
+            value: 'organization'
+        },
+        {
+            label: labels.formFields.fields.autocomplete.options['street-address'],
+            value: 'street-address'
+        },
+        {
+            label: labels.formFields.fields.autocomplete.options['postal-code'],
+            value: 'postal-code'
+        },
+        {
+            label: labels.formFields.fields.autocomplete.options['address-level2'],
+            value: 'address-level2'
+        },
+        {
+            label: labels.formFields.fields.autocomplete.options.country,
+            value: 'country'
+        }
+    ]
+};
+
+//# sourceMappingURL=autocompleteField.js.map

package/dist/fields/formFields/autocompleteField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/formFields/autocompleteField.ts"],"sourcesContent":["import type { SelectField } from 'payload'\n\nimport { labels } from '../../i18n/translations.js'\nimport { showForAutocomplete } from '../../utils/conditions.js'\n\nexport const autocompleteField: SelectField = {\n  name: 'autocomplete',\n  type: 'select',\n  admin: {\n    condition: showForAutocomplete,\n    description: labels.formFields.fields.autocomplete.description,\n  },\n  label: labels.formFields.fields.autocomplete.label,\n  options: [\n    { label: labels.formFields.fields.autocomplete.options.off, value: 'off' },\n    { label: labels.formFields.fields.autocomplete.options.name, value: 'name' },\n    { label: labels.formFields.fields.autocomplete.options['given-name'], value: 'given-name' },\n    { label: labels.formFields.fields.autocomplete.options['family-name'], value: 'family-name' },\n    { label: labels.formFields.fields.autocomplete.options.email, value: 'email' },\n    { label: labels.formFields.fields.autocomplete.options.tel, value: 'tel' },\n    { label: labels.formFields.fields.autocomplete.options.url, value: 'url' },\n    { label: labels.formFields.fields.autocomplete.options.organization, value: 'organization' },\n    {\n      label: labels.formFields.fields.autocomplete.options['street-address'],\n      value: 'street-address',\n    },\n    { label: labels.formFields.fields.autocomplete.options['postal-code'], value: 'postal-code' },\n    {\n      label: labels.formFields.fields.autocomplete.options['address-level2'],\n      value: 'address-level2',\n    },\n    { label: labels.formFields.fields.autocomplete.options.country, value: 'country' },\n  ],\n}\n"],"names":["labels","showForAutocomplete","autocompleteField","name","type","admin","condition","description","formFields","fields","autocomplete","label","options","off","value","email","tel","url","organization","country"],"mappings":"AAEA,SAASA,MAAM,QAAQ,6BAA4B;AACnD,SAASC,mBAAmB,QAAQ,4BAA2B;AAE/D,OAAO,MAAMC,oBAAiC;IAC5CC,MAAM;IACNC,MAAM;IACNC,OAAO;QACLC,WAAWL;QACXM,aAAaP,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACH,WAAW;IAChE;IACAI,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACC,KAAK;IAClDC,SAAS;QACP;YAAED,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAACC,GAAG;YAAEC,OAAO;QAAM;QACzE;YAAEH,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAACT,IAAI;YAAEW,OAAO;QAAO;QAC3E;YAAEH,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAAC,aAAa;YAAEE,OAAO;QAAa;QAC1F;YAAEH,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAAC,cAAc;YAAEE,OAAO;QAAc;QAC5F;YAAEH,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAACG,KAAK;YAAED,OAAO;QAAQ;QAC7E;YAAEH,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAACI,GAAG;YAAEF,OAAO;QAAM;QACzE;YAAEH,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAACK,GAAG;YAAEH,OAAO;QAAM;QACzE;YAAEH,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAACM,YAAY;YAAEJ,OAAO;QAAe;QAC3F;YACEH,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAAC,iBAAiB;YACtEE,OAAO;QACT;QACA;YAAEH,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAAC,cAAc;YAAEE,OAAO;QAAc;QAC5F;YACEH,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAAC,iBAAiB;YACtEE,OAAO;QACT;QACA;YAAEH,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACE,OAAO,CAACO,OAAO;YAAEL,OAAO;QAAU;KAClF;AACH,EAAC"}

package/dist/fields/formFields/conditionGroup.d.ts

@@ -0,0 +1,2 @@
+import type { GroupField } from 'payload';
+export declare const conditionGroup: GroupField;

package/dist/fields/formFields/conditionGroup.js

@@ -0,0 +1,36 @@
+import { labels } from '../../i18n/translations.js';
+export const conditionGroup = {
+    name: 'condition',
+    type: 'group',
+    admin: {
+        description: labels.formFields.fields.condition.description
+    },
+    fields: [
+        {
+            type: 'row',
+            fields: [
+                {
+                    name: 'field',
+                    type: 'text',
+                    admin: {
+                        description: labels.formFields.fields.condition.field.description,
+                        width: '50%'
+                    },
+                    label: labels.formFields.fields.condition.field.label
+                },
+                {
+                    name: 'value',
+                    type: 'text',
+                    admin: {
+                        description: labels.formFields.fields.condition.value.description,
+                        width: '50%'
+                    },
+                    label: labels.formFields.fields.condition.value.label
+                }
+            ]
+        }
+    ],
+    label: labels.formFields.fields.condition.label
+};
+
+//# sourceMappingURL=conditionGroup.js.map

package/dist/fields/formFields/conditionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/formFields/conditionGroup.ts"],"sourcesContent":["import type { GroupField } from 'payload'\n\nimport { labels } from '../../i18n/translations.js'\n\nexport const conditionGroup: GroupField = {\n  name: 'condition',\n  type: 'group',\n  admin: {\n    description: labels.formFields.fields.condition.description,\n  },\n  fields: [\n    {\n      type: 'row',\n      fields: [\n        {\n          name: 'field',\n          type: 'text',\n          admin: {\n            description: labels.formFields.fields.condition.field.description,\n            width: '50%',\n          },\n          label: labels.formFields.fields.condition.field.label,\n        },\n        {\n          name: 'value',\n          type: 'text',\n          admin: {\n            description: labels.formFields.fields.condition.value.description,\n            width: '50%',\n          },\n          label: labels.formFields.fields.condition.value.label,\n        },\n      ],\n    },\n  ],\n  label: labels.formFields.fields.condition.label,\n}\n"],"names":["labels","conditionGroup","name","type","admin","description","formFields","fields","condition","field","width","label","value"],"mappings":"AAEA,SAASA,MAAM,QAAQ,6BAA4B;AAEnD,OAAO,MAAMC,iBAA6B;IACxCC,MAAM;IACNC,MAAM;IACNC,OAAO;QACLC,aAAaL,OAAOM,UAAU,CAACC,MAAM,CAACC,SAAS,CAACH,WAAW;IAC7D;IACAE,QAAQ;QACN;YACEJ,MAAM;YACNI,QAAQ;gBACN;oBACEL,MAAM;oBACNC,MAAM;oBACNC,OAAO;wBACLC,aAAaL,OAAOM,UAAU,CAACC,MAAM,CAACC,SAAS,CAACC,KAAK,CAACJ,WAAW;wBACjEK,OAAO;oBACT;oBACAC,OAAOX,OAAOM,UAAU,CAACC,MAAM,CAACC,SAAS,CAACC,KAAK,CAACE,KAAK;gBACvD;gBACA;oBACET,MAAM;oBACNC,MAAM;oBACNC,OAAO;wBACLC,aAAaL,OAAOM,UAAU,CAACC,MAAM,CAACC,SAAS,CAACI,KAAK,CAACP,WAAW;wBACjEK,OAAO;oBACT;oBACAC,OAAOX,OAAOM,UAAU,CAACC,MAAM,CAACC,SAAS,CAACI,KAAK,CAACD,KAAK;gBACvD;aACD;QACH;KACD;IACDA,OAAOX,OAAOM,UAAU,CAACC,MAAM,CAACC,SAAS,CAACG,KAAK;AACjD,EAAC"}

package/dist/fields/formFields/dateRow.d.ts

@@ -0,0 +1,2 @@
+import type { RowField } from 'payload';
+export declare const dateRow: RowField;

package/dist/fields/formFields/dateRow.js

@@ -0,0 +1,29 @@
+import { labels } from '../../i18n/translations.js';
+import { showForDateFields } from '../../utils/conditions.js';
+export const dateRow = {
+    type: 'row',
+    fields: [
+        {
+            name: 'minDate',
+            type: 'date',
+            admin: {
+                condition: showForDateFields,
+                description: labels.formFields.fields.minDate.description,
+                width: '50%'
+            },
+            label: labels.formFields.fields.minDate.label
+        },
+        {
+            name: 'maxDate',
+            type: 'date',
+            admin: {
+                condition: showForDateFields,
+                description: labels.formFields.fields.maxDate.description,
+                width: '50%'
+            },
+            label: labels.formFields.fields.maxDate.label
+        }
+    ]
+};
+
+//# sourceMappingURL=dateRow.js.map

package/dist/fields/formFields/dateRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/formFields/dateRow.ts"],"sourcesContent":["import type { RowField } from 'payload'\n\nimport { labels } from '../../i18n/translations.js'\nimport { showForDateFields } from '../../utils/conditions.js'\n\nexport const dateRow: RowField = {\n  type: 'row',\n  fields: [\n    {\n      name: 'minDate',\n      type: 'date',\n      admin: {\n        condition: showForDateFields,\n        description: labels.formFields.fields.minDate.description,\n        width: '50%',\n      },\n      label: labels.formFields.fields.minDate.label,\n    },\n    {\n      name: 'maxDate',\n      type: 'date',\n      admin: {\n        condition: showForDateFields,\n        description: labels.formFields.fields.maxDate.description,\n        width: '50%',\n      },\n      label: labels.formFields.fields.maxDate.label,\n    },\n  ],\n}\n"],"names":["labels","showForDateFields","dateRow","type","fields","name","admin","condition","description","formFields","minDate","width","label","maxDate"],"mappings":"AAEA,SAASA,MAAM,QAAQ,6BAA4B;AACnD,SAASC,iBAAiB,QAAQ,4BAA2B;AAE7D,OAAO,MAAMC,UAAoB;IAC/BC,MAAM;IACNC,QAAQ;QACN;YACEC,MAAM;YACNF,MAAM;YACNG,OAAO;gBACLC,WAAWN;gBACXO,aAAaR,OAAOS,UAAU,CAACL,MAAM,CAACM,OAAO,CAACF,WAAW;gBACzDG,OAAO;YACT;YACAC,OAAOZ,OAAOS,UAAU,CAACL,MAAM,CAACM,OAAO,CAACE,KAAK;QAC/C;QACA;YACEP,MAAM;YACNF,MAAM;YACNG,OAAO;gBACLC,WAAWN;gBACXO,aAAaR,OAAOS,UAAU,CAACL,MAAM,CAACS,OAAO,CAACL,WAAW;gBACzDG,OAAO;YACT;YACAC,OAAOZ,OAAOS,UAAU,CAACL,MAAM,CAACS,OAAO,CAACD,KAAK;QAC/C;KACD;AACH,EAAC"}

package/dist/fields/formFields/emptyDefaultField.d.ts

@@ -0,0 +1,2 @@
+import type { CheckboxField } from 'payload';
+export declare const emptyDefaultField: CheckboxField;

package/dist/fields/formFields/emptyDefaultField.js

@@ -0,0 +1,13 @@
+import { labels } from '../../i18n/translations.js';
+import { showForOptionsFields } from '../../utils/conditions.js';
+export const emptyDefaultField = {
+    name: 'emptyDefault',
+    type: 'checkbox',
+    admin: {
+        condition: showForOptionsFields,
+        description: labels.formFields.fields.emptyDefault.description
+    },
+    label: labels.formFields.fields.emptyDefault.label
+};
+
+//# sourceMappingURL=emptyDefaultField.js.map

package/dist/fields/formFields/emptyDefaultField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/formFields/emptyDefaultField.ts"],"sourcesContent":["import type { CheckboxField } from 'payload'\n\nimport { labels } from '../../i18n/translations.js'\nimport { showForOptionsFields } from '../../utils/conditions.js'\n\nexport const emptyDefaultField: CheckboxField = {\n  name: 'emptyDefault',\n  type: 'checkbox',\n  admin: {\n    condition: showForOptionsFields,\n    description: labels.formFields.fields.emptyDefault.description,\n  },\n  label: labels.formFields.fields.emptyDefault.label,\n}\n"],"names":["labels","showForOptionsFields","emptyDefaultField","name","type","admin","condition","description","formFields","fields","emptyDefault","label"],"mappings":"AAEA,SAASA,MAAM,QAAQ,6BAA4B;AACnD,SAASC,oBAAoB,QAAQ,4BAA2B;AAEhE,OAAO,MAAMC,oBAAmC;IAC9CC,MAAM;IACNC,MAAM;IACNC,OAAO;QACLC,WAAWL;QACXM,aAAaP,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACH,WAAW;IAChE;IACAI,OAAOX,OAAOQ,UAAU,CAACC,MAAM,CAACC,YAAY,CAACC,KAAK;AACpD,EAAC"}

package/dist/fields/formFields/fieldTypeField.d.ts

@@ -0,0 +1,2 @@
+import type { SelectField } from 'payload';
+export declare const fieldTypeField: SelectField;