@loadspark/core 0.0.1

package/dist/fields/ColourText/validate.js

@@ -0,0 +1,30 @@
+const hexRegex = /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+const rgbRegex = /^rgba?\(\s*(?:\d{1,3}\s*,){2}\s*\d{1,3}\s*(?:,\s*(?:0|1|0?\.\d+)\s*)?\)$/;
+const hslRegex = /^hsla?\(\s*\d{1,3}\s*,\s*\d{1,3}%\s*,\s*\d{1,3}%\s*(?:,\s*(?:0|1|0?\.\d+)\s*)?\)$/;
+function isLikelyColor(value) {
+    if (hexRegex.test(value)) {
+        return true;
+    }
+    if (rgbRegex.test(value)) {
+        return true;
+    }
+    if (hslRegex.test(value)) {
+        return true;
+    }
+    return typeof value === 'string' && value.length > 0 && /^[a-z]+$/i.test(value);
+}
+export const validate = (required)=>(value, ctx)=>{
+        const t = ctx.req.t;
+        if (!required && (!value || value === '')) {
+            return true;
+        }
+        if (required && (!value || value === '')) {
+            return t('validation:required');
+        }
+        if (typeof value !== 'string' || !isLikelyColor(value)) {
+            return t('loadspark-core:validation:color:invalid');
+        }
+        return true;
+    };
+
+//# sourceMappingURL=validate.js.map

package/dist/fields/ColourText/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/ColourText/validate.ts"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { Validate } from 'payload'\n\nimport type { loadsparkCoreTranslationsKeys } from '../../translations/index.js'\n\nconst hexRegex = /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i\nconst rgbRegex = /^rgba?\\(\\s*(?:\\d{1,3}\\s*,){2}\\s*\\d{1,3}\\s*(?:,\\s*(?:0|1|0?\\.\\d+)\\s*)?\\)$/\nconst hslRegex = /^hsla?\\(\\s*\\d{1,3}\\s*,\\s*\\d{1,3}%\\s*,\\s*\\d{1,3}%\\s*(?:,\\s*(?:0|1|0?\\.\\d+)\\s*)?\\)$/\n\nfunction isLikelyColor(value: string): boolean {\n  if (hexRegex.test(value)) {\n    return true\n  }\n  if (rgbRegex.test(value)) {\n    return true\n  }\n  if (hslRegex.test(value)) {\n    return true\n  }\n\n  return typeof value === 'string' && value.length > 0 && /^[a-z]+$/i.test(value)\n}\n\nexport const validate =\n  (required?: boolean): Validate =>\n  (value, ctx) => {\n    const t = ctx.req.t as TFunction<loadsparkCoreTranslationsKeys>\n    if (!required && (!value || value === '')) {\n      return true\n    }\n    if (required && (!value || value === '')) {\n      return t('validation:required')\n    }\n\n    if (typeof value !== 'string' || !isLikelyColor(value)) {\n      return t('loadspark-core:validation:color:invalid')\n    }\n\n    return true\n  }\n"],"names":["hexRegex","rgbRegex","hslRegex","isLikelyColor","value","test","length","validate","required","ctx","t","req"],"mappings":"AAKA,MAAMA,WAAW;AACjB,MAAMC,WAAW;AACjB,MAAMC,WAAW;AAEjB,SAASC,cAAcC,KAAa;IAClC,IAAIJ,SAASK,IAAI,CAACD,QAAQ;QACxB,OAAO;IACT;IACA,IAAIH,SAASI,IAAI,CAACD,QAAQ;QACxB,OAAO;IACT;IACA,IAAIF,SAASG,IAAI,CAACD,QAAQ;QACxB,OAAO;IACT;IAEA,OAAO,OAAOA,UAAU,YAAYA,MAAME,MAAM,GAAG,KAAK,YAAYD,IAAI,CAACD;AAC3E;AAEA,OAAO,MAAMG,WACX,CAACC,WACD,CAACJ,OAAOK;QACN,MAAMC,IAAID,IAAIE,GAAG,CAACD,CAAC;QACnB,IAAI,CAACF,YAAa,CAAA,CAACJ,SAASA,UAAU,EAAC,GAAI;YACzC,OAAO;QACT;QACA,IAAII,YAAa,CAAA,CAACJ,SAASA,UAAU,EAAC,GAAI;YACxC,OAAOM,EAAE;QACX;QAEA,IAAI,OAAON,UAAU,YAAY,CAACD,cAAcC,QAAQ;YACtD,OAAOM,EAAE;QACX;QAEA,OAAO;IACT,EAAC"}

package/dist/fields/Combo/Component.d.ts

@@ -0,0 +1,16 @@
+import type { TextFieldClientProps } from 'payload';
+import React from 'react';
+import type { Config } from './index.js';
+type Props = {
+    className?: string;
+    config: {
+        options: Config;
+        watchFields: string[];
+    };
+    path: string;
+    placeholder?: string;
+    readOnly?: boolean;
+} & TextFieldClientProps;
+export declare const ComboComponent: React.FC<Props>;
+export {};
+//# sourceMappingURL=Component.d.ts.map

package/dist/fields/Combo/Component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../src/fields/Combo/Component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAWnD,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAA;QACf,WAAW,EAAE,MAAM,EAAE,CAAA;KACtB,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,oBAAoB,CAAA;AAExB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4G1C,CAAA"}

package/dist/fields/Combo/Component.js

@@ -0,0 +1,105 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldDescription, FieldError, FieldLabel, RenderCustomComponent, TextInput, useField, useFormFields } from '@payloadcms/ui';
+import React, { useCallback, useMemo } from 'react';
+export const ComboComponent = (props)=>{
+    const { config, field, path, readOnly, validate } = props;
+    const { admin: { className, description, placeholder, readOnly: adminReadOnly } = {}, label, required } = field;
+    const memoizedValidate = useCallback(// eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (value, options)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...options,
+                required
+            });
+        }
+    }, [
+        validate,
+        required
+    ]);
+    const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorMessage, setValue, showError, value } = useField({
+        path,
+        // @ts-expect-error - memoizedValidate is not typed
+        validate: memoizedValidate
+    });
+    const classes = [
+        'field-type',
+        'text',
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+        'container'
+    ].filter(Boolean).join(' ');
+    const fields = useFormFields(([fields])=>{
+        return config.watchFields.map((watch)=>fields[watch] ?? {
+                value: ''
+            });
+    });
+    const processedValue = useMemo(()=>{
+        const separator = config.options?.separator ?? ' ';
+        return fields.filter((item)=>item && item.value != null).reduce((acc, current, index)=>{
+            const v = String(current.value);
+            return acc + (index > 0 ? separator : '') + v;
+        }, config.options.initial ?? '');
+    }, [
+        fields,
+        config
+    ]);
+    React.useEffect(()=>{
+        if (processedValue !== value) {
+            setValue(processedValue);
+        }
+    }, [
+        processedValue,
+        value,
+        setValue
+    ]);
+    const isReadonly = Boolean(readOnly) || adminReadOnly;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: `bfComboFieldWrapper field-type`,
+        children: [
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: Label,
+                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                    label: label,
+                    path: path,
+                    required: required
+                })
+            }),
+            BeforeInput,
+            /*#__PURE__*/ _jsx("div", {
+                className: classes,
+                children: /*#__PURE__*/ _jsx(TextInput, {
+                    className: 'comboInput',
+                    Error: /*#__PURE__*/ _jsx(FieldError, {
+                        message: errorMessage
+                    }),
+                    label: undefined,
+                    onChange: (e)=>{
+                        setValue(e.target.value);
+                    },
+                    path: path,
+                    placeholder: placeholder ?? undefined,
+                    readOnly: isReadonly,
+                    required: required,
+                    showError: showError,
+                    style: {
+                        marginBottom: 0
+                    },
+                    value: value
+                })
+            }),
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: Description,
+                Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                    className: `field-description-${path.replace(/\./g, '__')}`,
+                    description: description ?? '',
+                    path: path
+                })
+            }),
+            AfterInput
+        ]
+    });
+};
+
+//# sourceMappingURL=Component.js.map

package/dist/fields/Combo/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Combo/Component.tsx"],"sourcesContent":["'use client'\n\nimport type { TextFieldClientProps } from 'payload'\n\nimport {\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  RenderCustomComponent,\n  TextInput,\n  useField,\n  useFormFields,\n} from '@payloadcms/ui'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { Config } from './index.js'\n\ntype Props = {\n  className?: string\n  config: {\n    options: Config\n    watchFields: string[]\n  }\n  path: string\n  placeholder?: string\n  readOnly?: boolean\n} & TextFieldClientProps\n\nexport const ComboComponent: React.FC<Props> = (props) => {\n  const { config, field, path, readOnly, validate } = props\n\n  const {\n    admin: { className, description, placeholder, readOnly: adminReadOnly } = {},\n    label,\n    required,\n  } = field\n\n  const memoizedValidate = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (value: number[] & string, options: any) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Label } = {},\n    errorMessage,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    path,\n    // @ts-expect-error - memoizedValidate is not typed\n    validate: memoizedValidate,\n  })\n\n  const classes = [\n    'field-type',\n    'text',\n    className,\n    showError && 'error',\n    readOnly && 'read-only',\n    'container',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const fields = useFormFields(([fields]) => {\n    return config.watchFields.map((watch) => fields[watch] ?? { value: '' })\n  })\n\n  const processedValue = useMemo(() => {\n    const separator = config.options?.separator ?? ' '\n\n    return fields\n      .filter((item) => item && item.value != null)\n      .reduce((acc, current, index) => {\n        const v = String(current.value)\n        return acc + (index > 0 ? separator : '') + v\n      }, config.options.initial ?? '')\n  }, [fields, config])\n\n  React.useEffect(() => {\n    if (processedValue !== value) {\n      setValue(processedValue)\n    }\n  }, [processedValue, value, setValue])\n\n  const isReadonly = Boolean(readOnly) || adminReadOnly\n\n  return (\n    <div className={`bfComboFieldWrapper field-type`}>\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={<FieldLabel label={label} path={path} required={required} />}\n      />\n\n      {BeforeInput}\n\n      <div className={classes}>\n        <TextInput\n          className={'comboInput'}\n          Error={<FieldError message={errorMessage} />}\n          label={undefined}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n            setValue(e.target.value)\n          }}\n          path={path}\n          placeholder={(placeholder as string) ?? undefined}\n          readOnly={isReadonly}\n          required={required}\n          showError={showError}\n          style={{\n            marginBottom: 0,\n          }}\n          value={value}\n        />\n      </div>\n\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={\n          <FieldDescription\n            className={`field-description-${path.replace(/\\./g, '__')}`}\n            description={description ?? ''}\n            path={path}\n          />\n        }\n      />\n\n      {AfterInput}\n    </div>\n  )\n}\n"],"names":["FieldDescription","FieldError","FieldLabel","RenderCustomComponent","TextInput","useField","useFormFields","React","useCallback","useMemo","ComboComponent","props","config","field","path","readOnly","validate","admin","className","description","placeholder","adminReadOnly","label","required","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Label","errorMessage","setValue","showError","classes","filter","Boolean","join","fields","watchFields","map","watch","processedValue","separator","item","reduce","acc","current","index","v","String","initial","useEffect","isReadonly","div","CustomComponent","Fallback","Error","message","undefined","onChange","e","target","style","marginBottom","replace"],"mappings":"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"}

package/dist/fields/Combo/beforeValidate.d.ts

@@ -0,0 +1,4 @@
+import type { FieldHook } from 'payload';
+import type { Config } from './index.js';
+export declare const beforeValidate: (watchFields: string[], options: Config) => FieldHook;
+//# sourceMappingURL=beforeValidate.d.ts.map

package/dist/fields/Combo/beforeValidate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"beforeValidate.d.ts","sourceRoot":"","sources":["../../../src/fields/Combo/beforeValidate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAIxC,eAAO,MAAM,cAAc,gBACX,MAAM,EAAE,WAAW,MAAM,KAAG,SAsCzC,CAAA"}

package/dist/fields/Combo/beforeValidate.js

@@ -0,0 +1,30 @@
+import { getItemInNestedObject } from '../../utils.js';
+export const beforeValidate = (watchFields, options)=>({ data, operation, originalDoc, value })=>{
+        // Process on both create and update to keep the derived value in sync
+        const missingFields = [];
+        const fields = watchFields.map((field)=>{
+            const nestedItem = getItemInNestedObject(field, data);
+            if (!nestedItem) {
+                missingFields.push(field);
+            } else {
+                return nestedItem;
+            }
+        });
+        /* Repeat the same but in the original doc to make sure we get all the data we can */ if (missingFields.length > 0 && Boolean(originalDoc)) {
+            missingFields.forEach((field)=>{
+                const nestedItem = getItemInNestedObject(field, originalDoc);
+                if (nestedItem) {
+                    fields.push(nestedItem);
+                }
+            });
+        }
+        const separator = options?.separator ?? ' ';
+        const processedValue = fields.filter((item)=>Boolean(item)).reduce((accumulator, currentValue, currentIndex)=>{
+            // const value = options.callback ? options.callback(String(currentValue)) : String(currentValue)
+            const value = String(currentValue);
+            return String(accumulator) + (currentIndex > 0 ? separator : '') + value;
+        }, options.initial);
+        return processedValue;
+    };
+
+//# sourceMappingURL=beforeValidate.js.map

package/dist/fields/Combo/beforeValidate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Combo/beforeValidate.ts"],"sourcesContent":["import type { FieldHook } from 'payload'\n\nimport type { Config } from './index.js'\n\nimport { getItemInNestedObject } from '../../utils.js'\n\nexport const beforeValidate =\n  (watchFields: string[], options: Config): FieldHook =>\n  ({ data, operation, originalDoc, value }) => {\n    // Process on both create and update to keep the derived value in sync\n    const missingFields: string[] = []\n\n    const fields = watchFields.map((field) => {\n      const nestedItem = getItemInNestedObject(field, data as Record<string, unknown>) as string\n\n      if (!nestedItem) {\n        missingFields.push(field)\n      } else {\n        return nestedItem\n      }\n    })\n\n    /* Repeat the same but in the original doc to make sure we get all the data we can */\n    if (missingFields.length > 0 && Boolean(originalDoc)) {\n      missingFields.forEach((field) => {\n        const nestedItem = getItemInNestedObject(field, originalDoc) as string\n\n        if (nestedItem) {\n          fields.push(nestedItem)\n        }\n      })\n    }\n\n    const separator = options?.separator ?? ' '\n\n    const processedValue = fields\n      .filter((item) => Boolean(item))\n      .reduce((accumulator, currentValue, currentIndex) => {\n        // const value = options.callback ? options.callback(String(currentValue)) : String(currentValue)\n        const value = String(currentValue)\n\n        return String(accumulator) + (currentIndex > 0 ? separator : '') + value\n      }, options.initial)\n\n    return processedValue\n  }\n"],"names":["getItemInNestedObject","beforeValidate","watchFields","options","data","operation","originalDoc","value","missingFields","fields","map","field","nestedItem","push","length","Boolean","forEach","separator","processedValue","filter","item","reduce","accumulator","currentValue","currentIndex","String","initial"],"mappings":"AAIA,SAASA,qBAAqB,QAAQ,iBAAgB;AAEtD,OAAO,MAAMC,iBACX,CAACC,aAAuBC,UACxB,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAEC,WAAW,EAAEC,KAAK,EAAE;QACtC,sEAAsE;QACtE,MAAMC,gBAA0B,EAAE;QAElC,MAAMC,SAASP,YAAYQ,GAAG,CAAC,CAACC;YAC9B,MAAMC,aAAaZ,sBAAsBW,OAAOP;YAEhD,IAAI,CAACQ,YAAY;gBACfJ,cAAcK,IAAI,CAACF;YACrB,OAAO;gBACL,OAAOC;YACT;QACF;QAEA,mFAAmF,GACnF,IAAIJ,cAAcM,MAAM,GAAG,KAAKC,QAAQT,cAAc;YACpDE,cAAcQ,OAAO,CAAC,CAACL;gBACrB,MAAMC,aAAaZ,sBAAsBW,OAAOL;gBAEhD,IAAIM,YAAY;oBACdH,OAAOI,IAAI,CAACD;gBACd;YACF;QACF;QAEA,MAAMK,YAAYd,SAASc,aAAa;QAExC,MAAMC,iBAAiBT,OACpBU,MAAM,CAAC,CAACC,OAASL,QAAQK,OACzBC,MAAM,CAAC,CAACC,aAAaC,cAAcC;YAClC,iGAAiG;YACjG,MAAMjB,QAAQkB,OAAOF;YAErB,OAAOE,OAAOH,eAAgBE,CAAAA,eAAe,IAAIP,YAAY,EAAC,IAAKV;QACrE,GAAGJ,QAAQuB,OAAO;QAEpB,OAAOR;IACT,EAAC"}

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

@@ -0,0 +1,58 @@
+import { type Field, type TextField } from 'payload';
+export type Config = {
+    initial?: string;
+    separator?: string;
+};
+/**
+ * Factory function type for creating a Combo field.
+ *
+ * @param overrides - Any Payload TextField properties to override (except type)
+ * @param fieldToUse - Array of field paths to combine (nested paths supported, e.g., 'user.name')
+ * @param options - Optional configuration for value processing
+ *
+ * @returns A Payload Field configuration
+ */
+export type Combo = (
+/**
+ * Field overrides
+ */
+overrides: Omit<TextField, 'type'>, 
+/**
+ * An array of string mapping the field path names, nested fields are supported here
+ * @default {string[]} ['title']
+ */
+fieldToUse: string[], 
+/**
+ * Additional configuration for processing the value
+ * @default { separator: ' ' }
+ */
+options?: Config) => Field;
+/**
+ * Creates a Combo field that combines multiple field values into one.
+ *
+ * This field automatically combines values from multiple fields (specified by their paths)
+ * into a single text field. The combined value is updated automatically when any of the
+ * source fields change. Useful for creating full names, addresses, or other composite values.
+ *
+ * @param overrides - Any Payload TextField properties to override (name, label, etc.)
+ * @param fieldToUse - Array of field paths to combine (e.g., ['firstName', 'lastName'] or ['user.profile.firstName'])
+ * @param options - Optional configuration
+ * @param options.separator - String to use between combined values (defaults to ' ')
+ * @param options.initial - Initial value for the field (defaults to '')
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * ComboField(
+ *   {
+ *     name: 'fullName',
+ *     label: { en: 'Full Name', de: 'Vollständiger Name' }
+ *   },
+ *   ['firstName', 'lastName'],
+ *   { separator: ' ' }
+ * )
+ * ```
+ */
+export declare const ComboField: Combo;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Combo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAA;AAI/D,MAAM,MAAM,MAAM,GAAG;IAGnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,KAAK,GAAG;AAClB;;GAEG;AACH,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC;AAClC;;;GAGG;AACH,UAAU,EAAE,MAAM,EAAE;AACpB;;;GAGG;AACH,OAAO,CAAC,EAAE,MAAM,KACb,KAAK,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,EAAE,KA0CxB,CAAA"}

package/dist/fields/Combo/index.js

@@ -0,0 +1,74 @@
+import { deepMerge } from 'payload';
+import { beforeValidate } from './beforeValidate.js';
+/**
+ * Creates a Combo field that combines multiple field values into one.
+ *
+ * This field automatically combines values from multiple fields (specified by their paths)
+ * into a single text field. The combined value is updated automatically when any of the
+ * source fields change. Useful for creating full names, addresses, or other composite values.
+ *
+ * @param overrides - Any Payload TextField properties to override (name, label, etc.)
+ * @param fieldToUse - Array of field paths to combine (e.g., ['firstName', 'lastName'] or ['user.profile.firstName'])
+ * @param options - Optional configuration
+ * @param options.separator - String to use between combined values (defaults to ' ')
+ * @param options.initial - Initial value for the field (defaults to '')
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * ComboField(
+ *   {
+ *     name: 'fullName',
+ *     label: { en: 'Full Name', de: 'Vollständiger Name' }
+ *   },
+ *   ['firstName', 'lastName'],
+ *   { separator: ' ' }
+ * )
+ * ```
+ */ export const ComboField = (overrides, fieldToUse, options = {
+    initial: '',
+    separator: ' '
+})=>{
+    const comboField = deepMerge({
+        name: 'combo',
+        type: 'text',
+        admin: {
+            components: {
+                Field: {
+                    clientProps: {
+                        config: {
+                            options: {
+                                initial: options.initial,
+                                separator: options.separator
+                            },
+                            watchFields: fieldToUse
+                        }
+                    },
+                    path: '@loadspark/core/fields/Combo/client#ComboComponent'
+                }
+            }
+        },
+        hooks: {
+            afterRead: [
+                ...overrides.hooks?.afterRead || []
+            ],
+            beforeChange: [
+                ...overrides.hooks?.beforeChange || []
+            ],
+            beforeDuplicate: [
+                ...overrides.hooks?.beforeDuplicate || []
+            ],
+            beforeValidate: [
+                ...overrides.hooks?.beforeValidate || [],
+                beforeValidate(fieldToUse, options)
+            ]
+        }
+    }, {
+        ...overrides,
+        hooks: undefined
+    });
+    return comboField;
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Combo/index.ts"],"sourcesContent":["import { deepMerge, type Field, type TextField } from 'payload'\n\nimport { beforeValidate } from './beforeValidate.js'\n\nexport type Config = {\n  // commented out for now until we can find a better pattern\n  // callback?: (value: string) => Promise<string> | string\n  initial?: string\n  separator?: string\n}\n\n/**\n * Factory function type for creating a Combo field.\n *\n * @param overrides - Any Payload TextField properties to override (except type)\n * @param fieldToUse - Array of field paths to combine (nested paths supported, e.g., 'user.name')\n * @param options - Optional configuration for value processing\n *\n * @returns A Payload Field configuration\n */\nexport type Combo = (\n  /**\n   * Field overrides\n   */\n  overrides: Omit<TextField, 'type'>,\n  /**\n   * An array of string mapping the field path names, nested fields are supported here\n   * @default {string[]} ['title']\n   */\n  fieldToUse: string[],\n  /**\n   * Additional configuration for processing the value\n   * @default { separator: ' ' }\n   */\n  options?: Config,\n) => Field\n\n/**\n * Creates a Combo field that combines multiple field values into one.\n *\n * This field automatically combines values from multiple fields (specified by their paths)\n * into a single text field. The combined value is updated automatically when any of the\n * source fields change. Useful for creating full names, addresses, or other composite values.\n *\n * @param overrides - Any Payload TextField properties to override (name, label, etc.)\n * @param fieldToUse - Array of field paths to combine (e.g., ['firstName', 'lastName'] or ['user.profile.firstName'])\n * @param options - Optional configuration\n * @param options.separator - String to use between combined values (defaults to ' ')\n * @param options.initial - Initial value for the field (defaults to '')\n *\n * @returns A Payload Field configuration\n *\n * @example\n * ```ts\n * ComboField(\n *   {\n *     name: 'fullName',\n *     label: { en: 'Full Name', de: 'Vollständiger Name' }\n *   },\n *   ['firstName', 'lastName'],\n *   { separator: ' ' }\n * )\n * ```\n */\nexport const ComboField: Combo = (\n  overrides,\n  fieldToUse: string[],\n  options: Config = { initial: '', separator: ' ' },\n) => {\n  const comboField = deepMerge<TextField, Omit<TextField, 'type'>>(\n    {\n      name: 'combo',\n      type: 'text',\n      admin: {\n        components: {\n          Field: {\n            clientProps: {\n              config: {\n                options: {\n                  initial: options.initial,\n                  separator: options.separator,\n                },\n                watchFields: fieldToUse,\n              },\n            },\n            path: '@loadspark/core/fields/Combo/client#ComboComponent',\n          },\n        },\n      },\n      hooks: {\n        afterRead: [...(overrides.hooks?.afterRead || [])],\n        beforeChange: [...(overrides.hooks?.beforeChange || [])],\n        beforeDuplicate: [...(overrides.hooks?.beforeDuplicate || [])],\n        beforeValidate: [\n          ...(overrides.hooks?.beforeValidate || []),\n          beforeValidate(fieldToUse, options),\n        ],\n      },\n    },\n    {\n      ...overrides,\n      hooks: undefined,\n    },\n  )\n\n  return comboField\n}\n"],"names":["deepMerge","beforeValidate","ComboField","overrides","fieldToUse","options","initial","separator","comboField","name","type","admin","components","Field","clientProps","config","watchFields","path","hooks","afterRead","beforeChange","beforeDuplicate","undefined"],"mappings":"AAAA,SAASA,SAAS,QAAoC,UAAS;AAE/D,SAASC,cAAc,QAAQ,sBAAqB;AAmCpD;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BC,GACD,OAAO,MAAMC,aAAoB,CAC/BC,WACAC,YACAC,UAAkB;IAAEC,SAAS;IAAIC,WAAW;AAAI,CAAC;IAEjD,MAAMC,aAAaR,UACjB;QACES,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAO;oBACLC,aAAa;wBACXC,QAAQ;4BACNV,SAAS;gCACPC,SAASD,QAAQC,OAAO;gCACxBC,WAAWF,QAAQE,SAAS;4BAC9B;4BACAS,aAAaZ;wBACf;oBACF;oBACAa,MAAM;gBACR;YACF;QACF;QACAC,OAAO;YACLC,WAAW;mBAAKhB,UAAUe,KAAK,EAAEC,aAAa,EAAE;aAAE;YAClDC,cAAc;mBAAKjB,UAAUe,KAAK,EAAEE,gBAAgB,EAAE;aAAE;YACxDC,iBAAiB;mBAAKlB,UAAUe,KAAK,EAAEG,mBAAmB,EAAE;aAAE;YAC9DpB,gBAAgB;mBACVE,UAAUe,KAAK,EAAEjB,kBAAkB,EAAE;gBACzCA,eAAeG,YAAYC;aAC5B;QACH;IACF,GACA;QACE,GAAGF,SAAS;QACZe,OAAOI;IACT;IAGF,OAAOd;AACT,EAAC"}

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

@@ -0,0 +1,49 @@
+import { type Field, type SelectField } from 'payload';
+/**
+ * Factory function type for creating a Countries select field.
+ *
+ * @param overrides - Optional Payload SelectField properties to override (except type)
+ *
+ * @returns A Payload Field configuration
+ */
+export type CountriesSelect = (
+/**
+ * Field overrides
+ */
+overrides?: Partial<Omit<SelectField, 'type'>>) => Field;
+/**
+ * Creates a Countries select field with pre-populated country options.
+ *
+ * This field provides a select dropdown with all supported countries from the
+ * @flexiweb/core constants. Each country includes:
+ * - ISO 2-letter country code as the value
+ * - Multilingual labels (German and English)
+ *
+ * The field name automatically adjusts based on `hasMany`:
+ * - Single select: 'country'
+ * - Multiple select: 'countries'
+ *
+ * @param overrides - Optional Payload SelectField properties to override
+ * @param overrides.hasMany - If true, allows selecting multiple countries
+ * @param overrides.label - Custom label (defaults to 'Country' / 'Countries' based on hasMany)
+ * @param overrides.name - Custom field name (defaults to 'country' or 'countries')
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * // Single country selection
+ * CountriesSelectField({
+ *   name: 'country',
+ *   label: { en: 'Country', de: 'Land' }
+ * })
+ *
+ * // Multiple countries
+ * CountriesSelectField({
+ *   hasMany: true,
+ *   label: { en: 'Countries', de: 'Länder' }
+ * })
+ * ```
+ */
+export declare const CountriesSelectField: CountriesSelect;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Countries/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,KAAK,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAMjE;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG;AAC5B;;GAEG;AACH,SAAS,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,KAC3C,KAAK,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,oBAAoB,EAAE,eA2BlC,CAAA"}

package/dist/fields/Countries/index.js

@@ -0,0 +1,59 @@
+import { deepMerge } from 'payload';
+import { Country } from '../../types.js';
+/**
+ * Creates a Countries select field with pre-populated country options.
+ *
+ * This field provides a select dropdown with all supported countries from the
+ * @flexiweb/core constants. Each country includes:
+ * - ISO 2-letter country code as the value
+ * - Multilingual labels (German and English)
+ *
+ * The field name automatically adjusts based on `hasMany`:
+ * - Single select: 'country'
+ * - Multiple select: 'countries'
+ *
+ * @param overrides - Optional Payload SelectField properties to override
+ * @param overrides.hasMany - If true, allows selecting multiple countries
+ * @param overrides.label - Custom label (defaults to 'Country' / 'Countries' based on hasMany)
+ * @param overrides.name - Custom field name (defaults to 'country' or 'countries')
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * // Single country selection
+ * CountriesSelectField({
+ *   name: 'country',
+ *   label: { en: 'Country', de: 'Land' }
+ * })
+ *
+ * // Multiple countries
+ * CountriesSelectField({
+ *   hasMany: true,
+ *   label: { en: 'Countries', de: 'Länder' }
+ * })
+ * ```
+ */ export const CountriesSelectField = (overrides)=>{
+    const countries = Object.values(Country).map((code)=>({
+            label: ({ i18n })=>{
+                const t = i18n.t;
+                return t(`loadspark-core:general:countries:list:${code}`);
+            },
+            value: code
+        }));
+    const selectField = deepMerge({
+        name: overrides?.hasMany ? 'countries' : 'country',
+        type: 'select',
+        label: overrides?.hasMany ? ({ i18n })=>{
+            const t = i18n.t;
+            return t('loadspark-core:general:countries:plural');
+        } : ({ i18n })=>{
+            const t = i18n.t;
+            return t('loadspark-core:general:countries:singular');
+        },
+        options: countries
+    }, overrides || {});
+    return selectField;
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Countries/index.ts"],"sourcesContent":["import type { I18nClient, TFunction } from '@payloadcms/translations'\n\nimport { deepMerge, type Field, type SelectField } from 'payload'\n\nimport type { loadsparkCoreTranslationsKeys } from '../../translations/index.js'\n\nimport { Country } from '../../types.js'\n\n/**\n * Factory function type for creating a Countries select field.\n *\n * @param overrides - Optional Payload SelectField properties to override (except type)\n *\n * @returns A Payload Field configuration\n */\nexport type CountriesSelect = (\n  /**\n   * Field overrides\n   */\n  overrides?: Partial<Omit<SelectField, 'type'>>,\n) => Field\n\n/**\n * Creates a Countries select field with pre-populated country options.\n *\n * This field provides a select dropdown with all supported countries from the\n * @flexiweb/core constants. Each country includes:\n * - ISO 2-letter country code as the value\n * - Multilingual labels (German and English)\n *\n * The field name automatically adjusts based on `hasMany`:\n * - Single select: 'country'\n * - Multiple select: 'countries'\n *\n * @param overrides - Optional Payload SelectField properties to override\n * @param overrides.hasMany - If true, allows selecting multiple countries\n * @param overrides.label - Custom label (defaults to 'Country' / 'Countries' based on hasMany)\n * @param overrides.name - Custom field name (defaults to 'country' or 'countries')\n *\n * @returns A Payload Field configuration\n *\n * @example\n * ```ts\n * // Single country selection\n * CountriesSelectField({\n *   name: 'country',\n *   label: { en: 'Country', de: 'Land' }\n * })\n *\n * // Multiple countries\n * CountriesSelectField({\n *   hasMany: true,\n *   label: { en: 'Countries', de: 'Länder' }\n * })\n * ```\n */\nexport const CountriesSelectField: CountriesSelect = (overrides) => {\n  const countries = Object.values(Country).map((code) => ({\n    label: ({ i18n }: { i18n: I18nClient }) => {\n      const t = i18n.t as TFunction<loadsparkCoreTranslationsKeys>\n      return t(`loadspark-core:general:countries:list:${code}`)\n    },\n    value: code,\n  }))\n  const selectField = deepMerge<SelectField, Omit<SelectField, 'type'>>(\n    {\n      name: overrides?.hasMany ? 'countries' : 'country',\n      type: 'select',\n      label: overrides?.hasMany\n        ? ({ i18n }) => {\n            const t = i18n.t as TFunction<loadsparkCoreTranslationsKeys>\n            return t('loadspark-core:general:countries:plural')\n          }\n        : ({ i18n }) => {\n            const t = i18n.t as TFunction<loadsparkCoreTranslationsKeys>\n            return t('loadspark-core:general:countries:singular')\n          },\n      options: countries,\n    },\n    overrides || {},\n  )\n\n  return selectField\n}\n"],"names":["deepMerge","Country","CountriesSelectField","overrides","countries","Object","values","map","code","label","i18n","t","value","selectField","name","hasMany","type","options"],"mappings":"AAEA,SAASA,SAAS,QAAsC,UAAS;AAIjE,SAASC,OAAO,QAAQ,iBAAgB;AAgBxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCC,GACD,OAAO,MAAMC,uBAAwC,CAACC;IACpD,MAAMC,YAAYC,OAAOC,MAAM,CAACL,SAASM,GAAG,CAAC,CAACC,OAAU,CAAA;YACtDC,OAAO,CAAC,EAAEC,IAAI,EAAwB;gBACpC,MAAMC,IAAID,KAAKC,CAAC;gBAChB,OAAOA,EAAE,CAAC,sCAAsC,EAAEH,MAAM;YAC1D;YACAI,OAAOJ;QACT,CAAA;IACA,MAAMK,cAAcb,UAClB;QACEc,MAAMX,WAAWY,UAAU,cAAc;QACzCC,MAAM;QACNP,OAAON,WAAWY,UACd,CAAC,EAAEL,IAAI,EAAE;YACP,MAAMC,IAAID,KAAKC,CAAC;YAChB,OAAOA,EAAE;QACX,IACA,CAAC,EAAED,IAAI,EAAE;YACP,MAAMC,IAAID,KAAKC,CAAC;YAChB,OAAOA,EAAE;QACX;QACJM,SAASb;IACX,GACAD,aAAa,CAAC;IAGhB,OAAOU;AACT,EAAC"}

package/dist/fields/Number/Component.d.ts

@@ -0,0 +1,14 @@
+import type { NumberFieldClientProps, TextFieldClientProps } from 'payload';
+import React from 'react';
+import type { Config } from './index.js';
+import './styles.css';
+type Props = {
+    className?: string;
+    config: Config;
+    path: string;
+    placeholder?: string;
+    readOnly?: boolean;
+} & (NumberFieldClientProps | TextFieldClientProps);
+export declare const NumberComponent: React.FC<Props>;
+export {};
+//# sourceMappingURL=Component.d.ts.map

package/dist/fields/Number/Component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/Component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAS3E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CAAC,sBAAsB,GAAG,oBAAoB,CAAC,CAAA;AAEnD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwH3C,CAAA"}

package/dist/fields/Number/Component.js

@@ -0,0 +1,108 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldDescription, FieldError, FieldLabel, RenderCustomComponent, useField } from '@payloadcms/ui';
+import React, { useCallback } from 'react';
+import { NumericFormat } from 'react-number-format';
+import './styles.css';
+export const NumberComponent = (props)=>{
+    const { config, field, path, readOnly, validate } = props;
+    const { type, admin: { className, description, placeholder, readOnly: adminReadOnly } = {}, label, required } = field;
+    const memoizedValidate = useCallback((value, options)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...options,
+                required
+            });
+        }
+    }, [
+        validate,
+        required
+    ]);
+    const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorMessage, setValue, showError, value } = useField({
+        path,
+        // @ts-expect-error - memoizedValidate is not typed
+        validate: memoizedValidate
+    });
+    const { ...componentProps } = config;
+    const formatValue = useCallback((value)=>{
+        const prefix = componentProps.prefix;
+        const suffix = componentProps.suffix;
+        const thousandSeparator = componentProps.thousandSeparator;
+        if (type === 'number') {
+            let cleanValue = value;
+            if (prefix) {
+                cleanValue = cleanValue.replaceAll(prefix, '');
+            }
+            if (suffix) {
+                cleanValue = cleanValue.replaceAll(suffix, '');
+            }
+            if (thousandSeparator) {
+                cleanValue = typeof thousandSeparator === 'string' ? cleanValue.replaceAll(thousandSeparator, '') : cleanValue.replaceAll(',', '');
+            }
+            return cleanValue;
+        } else {
+            return value;
+        }
+    }, [
+        type,
+        componentProps
+    ]);
+    const classes = [
+        'field-type',
+        'text',
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+        'container'
+    ].filter(Boolean).join(' ');
+    const isReadonly = Boolean(readOnly) || Boolean(adminReadOnly);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: `bfNumericFieldWrapper field-type`,
+        children: [
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: Label,
+                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                    label: label,
+                    path: path,
+                    required: required
+                })
+            }),
+            BeforeInput,
+            /*#__PURE__*/ _jsxs("div", {
+                className: classes,
+                children: [
+                    /*#__PURE__*/ _jsx(FieldError, {
+                        message: errorMessage ?? '',
+                        showError: showError
+                    }),
+                    /*#__PURE__*/ _jsx(NumericFormat, {
+                        className: "numberInput",
+                        id: `field-${path.replace(/\./g, '__')}`,
+                        name: path,
+                        onChange: (e)=>{
+                            const cleaned = formatValue(e.target.value);
+                            const numeric = cleaned === '' || cleaned === null ? null : Number(cleaned);
+                            setValue(Number.isNaN(numeric) ? null : numeric);
+                        },
+                        placeholder: typeof placeholder === 'string' ? placeholder : '',
+                        readOnly: isReadonly,
+                        required: required,
+                        value: value ?? '',
+                        ...componentProps
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: Description,
+                Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                    className: `field-description-${path.replace(/\./g, '__')}`,
+                    description: description ?? '',
+                    path: path
+                })
+            }),
+            AfterInput
+        ]
+    });
+};
+
+//# sourceMappingURL=Component.js.map