@loadspark/core 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Number/Component.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n'use client'\n\nimport type { NumberFieldClientProps, TextFieldClientProps } from 'payload'\n\nimport {\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  RenderCustomComponent,\n  useField,\n} from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\nimport { NumericFormat } from 'react-number-format'\n\nimport type { Config } from './index.js'\n\nimport './styles.css'\n\ntype Props = {\n  className?: string\n  config: Config\n  path: string\n  placeholder?: string\n  readOnly?: boolean\n} & (NumberFieldClientProps | TextFieldClientProps)\n\nexport const NumberComponent: React.FC<Props> = (props) => {\n  const { config, field, path, readOnly, validate } = props\n\n  const {\n    type,\n    admin: { className, description, placeholder, readOnly: adminReadOnly } = {},\n    label,\n    required,\n  } = field\n\n  const memoizedValidate = useCallback(\n    (value: any, 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<any>({\n    path,\n    // @ts-expect-error - memoizedValidate is not typed\n    validate: memoizedValidate,\n  })\n\n  const { ...componentProps } = config\n\n  const formatValue = useCallback(\n    (value: string) => {\n      const prefix = componentProps.prefix\n      const suffix = componentProps.suffix\n      const thousandSeparator = componentProps.thousandSeparator\n\n      if (type === 'number') {\n        let cleanValue: number | string = value\n\n        if (prefix) {\n          cleanValue = cleanValue.replaceAll(prefix, '')\n        }\n\n        if (suffix) {\n          cleanValue = cleanValue.replaceAll(suffix, '')\n        }\n\n        if (thousandSeparator) {\n          cleanValue =\n            typeof thousandSeparator === 'string'\n              ? cleanValue.replaceAll(thousandSeparator, '')\n              : cleanValue.replaceAll(',', '')\n        }\n\n        return cleanValue\n      } else {\n        return value\n      }\n    },\n    [type, componentProps],\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 isReadonly = Boolean(readOnly) || Boolean(adminReadOnly)\n\n  return (\n    <div className={`bfNumericFieldWrapper 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        <FieldError message={errorMessage ?? ''} showError={showError} />\n        <NumericFormat\n          className=\"numberInput\"\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={(e) => {\n            const cleaned = formatValue(e.target.value)\n            const numeric = cleaned === '' || cleaned === null ? null : Number(cleaned)\n            setValue(Number.isNaN(numeric as number) ? null : numeric)\n          }}\n          placeholder={typeof placeholder === 'string' ? placeholder : ''}\n          readOnly={isReadonly}\n          required={required}\n          value={value ?? ''}\n          {...componentProps}\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","useField","React","useCallback","NumericFormat","NumberComponent","props","config","field","path","readOnly","validate","type","admin","className","description","placeholder","adminReadOnly","label","required","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Label","errorMessage","setValue","showError","componentProps","formatValue","prefix","suffix","thousandSeparator","cleanValue","replaceAll","classes","filter","Boolean","join","isReadonly","div","CustomComponent","Fallback","message","id","replace","name","onChange","e","cleaned","target","numeric","Number","isNaN"],"mappings":"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"}

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

@@ -0,0 +1,64 @@
+import type { Field, NumberField as NumberFieldType } from 'payload';
+import type { NumericFormatProps } from 'react-number-format';
+type FieldTypes = NumberFieldType;
+type NumericConfig = NumericFormatProps;
+export type Config = {} & NumericConfig;
+/**
+ * Factory function type for creating a Number field.
+ *
+ * @param overrides - Any Payload NumberField properties to override (except type)
+ * @param config - Numeric format configuration (see react-number-format docs)
+ *
+ * @returns A Payload Field configuration
+ */
+export type Number = (
+/**
+ * Field overrides
+ */
+overrides: Omit<FieldTypes, 'type'>, 
+/**
+ * Config mapping to Numeric or Pattern formats from https://s-yadav.github.io/react-number-format/docs/numeric_format
+ */
+config: Config) => Field;
+/**
+ * Creates an enhanced Number field with custom formatting.
+ *
+ * This field provides advanced number formatting capabilities using react-number-format:
+ * - Custom thousand separators
+ * - Decimal precision control
+ * - Prefix/suffix support (e.g., currency symbols)
+ * - Custom number masks
+ * - Read-only mode
+ *
+ * See https://s-yadav.github.io/react-number-format/docs/numeric_format for all configuration options.
+ *
+ * @param overrides - Any Payload NumberField properties to override (name, label, required, min, max, etc.)
+ * @param config - Numeric format configuration from react-number-format
+ * @param config.thousandSeparator - Character to use for thousand separator (e.g., ',')
+ * @param config.decimalSeparator - Character to use for decimal separator (e.g., '.')
+ * @param config.decimalScale - Number of decimal places
+ * @param config.prefix - Prefix to display before the number (e.g., '$')
+ * @param config.suffix - Suffix to display after the number (e.g., 'kg')
+ * @param config.readOnly - Make the field read-only
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * NumberField(
+ *   {
+ *     name: 'price',
+ *     label: { en: 'Price', de: 'Preis' },
+ *     required: true
+ *   },
+ *   {
+ *     thousandSeparator: ',',
+ *     decimalScale: 2,
+ *     prefix: '$'
+ *   }
+ * )
+ * ```
+ */
+export declare const NumberField: Number;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,SAAS,CAAA;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAI7D,KAAK,UAAU,GAAG,eAAe,CAAA;AAEjC,KAAK,aAAa,GAAG,kBAAkB,CAAA;AAEvC,MAAM,MAAM,MAAM,GAAG,EAAE,GAAG,aAAa,CAAA;AAEvC;;;;;;;GAOG;AACH,MAAM,MAAM,MAAM,GAAG;AACnB;;GAEG;AACH,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;AACnC;;GAEG;AACH,MAAM,EAAE,MAAM,KACX,KAAK,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,WAAW,EAAE,MAiCzB,CAAA"}

package/dist/fields/Number/index.js

@@ -0,0 +1,66 @@
+import { deepMerge } from 'payload';
+/**
+ * Creates an enhanced Number field with custom formatting.
+ *
+ * This field provides advanced number formatting capabilities using react-number-format:
+ * - Custom thousand separators
+ * - Decimal precision control
+ * - Prefix/suffix support (e.g., currency symbols)
+ * - Custom number masks
+ * - Read-only mode
+ *
+ * See https://s-yadav.github.io/react-number-format/docs/numeric_format for all configuration options.
+ *
+ * @param overrides - Any Payload NumberField properties to override (name, label, required, min, max, etc.)
+ * @param config - Numeric format configuration from react-number-format
+ * @param config.thousandSeparator - Character to use for thousand separator (e.g., ',')
+ * @param config.decimalSeparator - Character to use for decimal separator (e.g., '.')
+ * @param config.decimalScale - Number of decimal places
+ * @param config.prefix - Prefix to display before the number (e.g., '$')
+ * @param config.suffix - Suffix to display after the number (e.g., 'kg')
+ * @param config.readOnly - Make the field read-only
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * NumberField(
+ *   {
+ *     name: 'price',
+ *     label: { en: 'Price', de: 'Preis' },
+ *     required: true
+ *   },
+ *   {
+ *     thousandSeparator: ',',
+ *     decimalScale: 2,
+ *     prefix: '$'
+ *   }
+ * )
+ * ```
+ */ export const NumberField = (overrides, config)=>{
+    const numberField = deepMerge({
+        name: 'number',
+        type: 'number',
+        required: config.required,
+        ...config?.min ? {
+            min: typeof config.min === 'string' ? parseInt(config.min) : config.min
+        } : {},
+        ...config?.max ? {
+            max: typeof config.max === 'string' ? parseInt(config.max) : config.max
+        } : {},
+        admin: {
+            components: {
+                Field: {
+                    clientProps: {
+                        config
+                    },
+                    path: '@loadspark/core/fields/Number/client#NumberComponent'
+                }
+            },
+            readOnly: config.readOnly
+        }
+    }, overrides);
+    return numberField;
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Number/index.ts"],"sourcesContent":["import type { Field, NumberField as NumberFieldType } from 'payload'\nimport type { NumericFormatProps } from 'react-number-format'\n\nimport { deepMerge } from 'payload'\n\ntype FieldTypes = NumberFieldType\n\ntype NumericConfig = NumericFormatProps\n\nexport type Config = {} & NumericConfig\n\n/**\n * Factory function type for creating a Number field.\n *\n * @param overrides - Any Payload NumberField properties to override (except type)\n * @param config - Numeric format configuration (see react-number-format docs)\n *\n * @returns A Payload Field configuration\n */\nexport type Number = (\n  /**\n   * Field overrides\n   */\n  overrides: Omit<FieldTypes, 'type'>,\n  /**\n   * Config mapping to Numeric or Pattern formats from https://s-yadav.github.io/react-number-format/docs/numeric_format\n   */\n  config: Config,\n) => Field\n\n/**\n * Creates an enhanced Number field with custom formatting.\n *\n * This field provides advanced number formatting capabilities using react-number-format:\n * - Custom thousand separators\n * - Decimal precision control\n * - Prefix/suffix support (e.g., currency symbols)\n * - Custom number masks\n * - Read-only mode\n *\n * See https://s-yadav.github.io/react-number-format/docs/numeric_format for all configuration options.\n *\n * @param overrides - Any Payload NumberField properties to override (name, label, required, min, max, etc.)\n * @param config - Numeric format configuration from react-number-format\n * @param config.thousandSeparator - Character to use for thousand separator (e.g., ',')\n * @param config.decimalSeparator - Character to use for decimal separator (e.g., '.')\n * @param config.decimalScale - Number of decimal places\n * @param config.prefix - Prefix to display before the number (e.g., '$')\n * @param config.suffix - Suffix to display after the number (e.g., 'kg')\n * @param config.readOnly - Make the field read-only\n *\n * @returns A Payload Field configuration\n *\n * @example\n * ```ts\n * NumberField(\n *   {\n *     name: 'price',\n *     label: { en: 'Price', de: 'Preis' },\n *     required: true\n *   },\n *   {\n *     thousandSeparator: ',',\n *     decimalScale: 2,\n *     prefix: '$'\n *   }\n * )\n * ```\n */\nexport const NumberField: Number = (overrides, config) => {\n  const numberField = deepMerge<FieldTypes, Omit<FieldTypes, 'type'>>(\n    {\n      name: 'number',\n      type: 'number',\n      required: config.required,\n      ...(config?.min\n        ? {\n            min: typeof config.min === 'string' ? parseInt(config.min) : config.min,\n          }\n        : {}),\n      ...(config?.max\n        ? {\n            max: typeof config.max === 'string' ? parseInt(config.max) : config.max,\n          }\n        : {}),\n\n      admin: {\n        components: {\n          Field: {\n            clientProps: {\n              config,\n            },\n            path: '@loadspark/core/fields/Number/client#NumberComponent',\n          },\n        },\n        readOnly: config.readOnly,\n      },\n    },\n    overrides,\n  )\n\n  return numberField\n}\n"],"names":["deepMerge","NumberField","overrides","config","numberField","name","type","required","min","parseInt","max","admin","components","Field","clientProps","path","readOnly"],"mappings":"AAGA,SAASA,SAAS,QAAQ,UAAS;AA2BnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCC,GACD,OAAO,MAAMC,cAAsB,CAACC,WAAWC;IAC7C,MAAMC,cAAcJ,UAClB;QACEK,MAAM;QACNC,MAAM;QACNC,UAAUJ,OAAOI,QAAQ;QACzB,GAAIJ,QAAQK,MACR;YACEA,KAAK,OAAOL,OAAOK,GAAG,KAAK,WAAWC,SAASN,OAAOK,GAAG,IAAIL,OAAOK,GAAG;QACzE,IACA,CAAC,CAAC;QACN,GAAIL,QAAQO,MACR;YACEA,KAAK,OAAOP,OAAOO,GAAG,KAAK,WAAWD,SAASN,OAAOO,GAAG,IAAIP,OAAOO,GAAG;QACzE,IACA,CAAC,CAAC;QAENC,OAAO;YACLC,YAAY;gBACVC,OAAO;oBACLC,aAAa;wBACXX;oBACF;oBACAY,MAAM;gBACR;YACF;YACAC,UAAUb,OAAOa,QAAQ;QAC3B;IACF,GACAd;IAGF,OAAOE;AACT,EAAC"}

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

@@ -0,0 +1,7 @@
+import type { JSONFieldClientProps } from 'payload';
+import React from 'react';
+import './styles.css';
+type Props = JSONFieldClientProps;
+export declare const OpeningHoursComponent: React.FC<Props>;
+export {};
+//# sourceMappingURL=Component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../src/fields/OpeningHours/Component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAWnD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG,oBAAoB,CAAA;AA4CjC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiIjD,CAAA"}

package/dist/fields/OpeningHours/Component.js

@@ -0,0 +1,161 @@
+/* eslint-disable jsx-a11y/control-has-associated-label */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldDescription, FieldError, FieldLabel, RenderCustomComponent, useField, useTranslation } from '@payloadcms/ui';
+import React, { useMemo } from 'react';
+import './styles.css';
+const days = {
+    0: 'monday',
+    1: 'tuesday',
+    2: 'wednesday',
+    3: 'thursday',
+    4: 'friday',
+    5: 'saturday',
+    6: 'sunday'
+};
+/* -------------------------
+   Simple AM/PM or 24h validator
+------------------------- */ const isValidTime = (value)=>{
+    if (!value) {
+        return true;
+    }
+    const v = value.trim();
+    // 24h HH:mm
+    if (/^(?:[01]?\d|2[0-3]):[0-5]\d$/.test(v)) {
+        return true;
+    }
+    // 12h h:mm AM/PM
+    if (/^\d{1,2}:[0-5]\d\s?(?:am|pm|AM|PM)$/.test(v)) {
+        return true;
+    }
+    return false;
+};
+/* -------------------------
+   Component
+------------------------- */ export const OpeningHoursComponent = ({ field, path, readOnly })=>{
+    const { admin: { className, description } = {}, label, required } = field;
+    const { t } = useTranslation();
+    const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorMessage, setValue, showError, value } = useField({
+        path
+    });
+    const current = useMemo(()=>value ?? {}, [
+        value
+    ]);
+    const isReadonly = Boolean(readOnly);
+    const classes = [
+        'field-type',
+        className,
+        showError && 'error',
+        isReadonly && 'read-only',
+        'container'
+    ].filter(Boolean).join(' ');
+    const handleToggle = (day)=>(e)=>{
+            setValue({
+                ...current,
+                [day]: {
+                    ...current?.[day] || {},
+                    open: e.target.checked
+                }
+            });
+        };
+    const handleTime = (day, key)=>(e)=>{
+            setValue({
+                ...current,
+                [day]: {
+                    ...current?.[day] || {},
+                    [key]: e.target.value
+                }
+            });
+        };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "bfOpeningHoursFieldWrapper 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("div", {
+                        className: "opening-hours-list",
+                        children: Array.from({
+                            length: 7
+                        }).map((_, day)=>{
+                            const d = day;
+                            const entry = current[d];
+                            const open = Boolean(entry?.open);
+                            const from = entry?.from ?? '';
+                            const to = entry?.to ?? '';
+                            return /*#__PURE__*/ _jsxs("div", {
+                                className: "opening-hours-row",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("label", {
+                                        className: "oh-open",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("div", {
+                                                className: "oh-open-label",
+                                                children: t('loadspark-core:fields:openingHours:openLabel')
+                                            }),
+                                            /*#__PURE__*/ _jsx("input", {
+                                                checked: open,
+                                                disabled: isReadonly,
+                                                onChange: handleToggle(d),
+                                                type: "checkbox"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: "oh-day",
+                                        children: t(`loadspark-core:general:weekdays:long:${days[d]}`)
+                                    }),
+                                    /*#__PURE__*/ _jsx("input", {
+                                        "aria-invalid": open && !isValidTime(from),
+                                        className: "oh-time",
+                                        disabled: !open || isReadonly,
+                                        onChange: handleTime(d, 'from'),
+                                        placeholder: "07:00/7:00 AM",
+                                        type: "text",
+                                        value: from
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: "oh-sep",
+                                        children: "–"
+                                    }),
+                                    /*#__PURE__*/ _jsx("input", {
+                                        "aria-invalid": open && !isValidTime(to),
+                                        className: "oh-time",
+                                        disabled: !open || isReadonly,
+                                        onChange: handleTime(d, 'to'),
+                                        placeholder: "17:00/5:00 PM",
+                                        type: "text",
+                                        value: to
+                                    })
+                                ]
+                            }, day);
+                        })
+                    })
+                ]
+            }),
+            /*#__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/OpeningHours/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/OpeningHours/Component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/control-has-associated-label */\n'use client'\n\nimport type { TFunction } from '@payloadcms/translations'\nimport type { JSONFieldClientProps } from 'payload'\nimport type { loadsparkCoreTranslationsKeys } from 'src/translations/index.js'\n\nimport {\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  RenderCustomComponent,\n  useField,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useMemo } from 'react'\n\nimport './styles.css'\n\ntype Props = JSONFieldClientProps\n\ntype DayKey = 0 | 1 | 2 | 3 | 4 | 5 | 6\ninterface DayHours {\n  from?: string\n  open: boolean\n  to?: string\n}\n\nconst days: Record<DayKey, string> = {\n  0: 'monday',\n  1: 'tuesday',\n  2: 'wednesday',\n  3: 'thursday',\n  4: 'friday',\n  5: 'saturday',\n  6: 'sunday',\n}\n\n/* -------------------------\n   Simple AM/PM or 24h validator\n------------------------- */\nconst isValidTime = (value?: string) => {\n  if (!value) {\n    return true\n  }\n  const v = value.trim()\n\n  // 24h HH:mm\n  if (/^(?:[01]?\\d|2[0-3]):[0-5]\\d$/.test(v)) {\n    return true\n  }\n\n  // 12h h:mm AM/PM\n  if (/^\\d{1,2}:[0-5]\\d\\s?(?:am|pm|AM|PM)$/.test(v)) {\n    return true\n  }\n\n  return false\n}\n\n/* -------------------------\n   Component\n------------------------- */\nexport const OpeningHoursComponent: React.FC<Props> = ({ field, path, readOnly }) => {\n  const { admin: { className, description } = {}, label, required } = field\n  const { t } = useTranslation()\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Label } = {},\n    errorMessage,\n    setValue,\n    showError,\n    value,\n  } = useField<null | Partial<Record<DayKey, DayHours>>>({ path })\n\n  const current = useMemo(() => value ?? {}, [value])\n  const isReadonly = Boolean(readOnly)\n\n  const classes = [\n    'field-type',\n    className,\n    showError && 'error',\n    isReadonly && 'read-only',\n    'container',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleToggle = (day: DayKey) => (e: React.ChangeEvent<HTMLInputElement>) => {\n    setValue({\n      ...current,\n      [day]: {\n        ...(current?.[day] || {}),\n        open: e.target.checked,\n      },\n    })\n  }\n\n  const handleTime =\n    (day: DayKey, key: 'from' | 'to') => (e: React.ChangeEvent<HTMLInputElement>) => {\n      setValue({\n        ...current,\n        [day]: {\n          ...(current?.[day] || {}),\n          [key]: e.target.value,\n        },\n      })\n    }\n\n  return (\n    <div className=\"bfOpeningHoursFieldWrapper 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        <FieldError message={errorMessage ?? ''} showError={showError} />\n\n        <div className=\"opening-hours-list\">\n          {Array.from({ length: 7 }).map((_, day) => {\n            const d = day as DayKey\n            const entry = current[d]\n            const open = Boolean(entry?.open)\n            const from = entry?.from ?? ''\n            const to = entry?.to ?? ''\n\n            return (\n              <div className=\"opening-hours-row\" key={day}>\n                <label className=\"oh-open\">\n                  <div className=\"oh-open-label\">\n                    {(t as TFunction<loadsparkCoreTranslationsKeys>)(\n                      'loadspark-core:fields:openingHours:openLabel',\n                    )}\n                  </div>\n                  <input\n                    checked={open}\n                    disabled={isReadonly}\n                    onChange={handleToggle(d)}\n                    type=\"checkbox\"\n                  />\n                </label>\n\n                <div className=\"oh-day\">\n                  {(t as TFunction<loadsparkCoreTranslationsKeys>)(\n                    `loadspark-core:general:weekdays:long:${days[d]}`,\n                  )}\n                </div>\n\n                <input\n                  aria-invalid={open && !isValidTime(from)}\n                  className=\"oh-time\"\n                  disabled={!open || isReadonly}\n                  onChange={handleTime(d, 'from')}\n                  placeholder=\"07:00/7:00 AM\"\n                  type=\"text\"\n                  value={from}\n                />\n\n                <span className=\"oh-sep\">–</span>\n\n                <input\n                  aria-invalid={open && !isValidTime(to)}\n                  className=\"oh-time\"\n                  disabled={!open || isReadonly}\n                  onChange={handleTime(d, 'to')}\n                  placeholder=\"17:00/5:00 PM\"\n                  type=\"text\"\n                  value={to}\n                />\n              </div>\n            )\n          })}\n        </div>\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","useField","useTranslation","React","useMemo","days","isValidTime","value","v","trim","test","OpeningHoursComponent","field","path","readOnly","admin","className","description","label","required","t","customComponents","AfterInput","BeforeInput","Description","Label","errorMessage","setValue","showError","current","isReadonly","Boolean","classes","filter","join","handleToggle","day","e","open","target","checked","handleTime","key","div","CustomComponent","Fallback","message","Array","from","length","map","_","d","entry","to","input","disabled","onChange","type","aria-invalid","placeholder","span","replace"],"mappings":"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"}

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

@@ -0,0 +1,51 @@
+import type { Field, JSONField } from 'payload';
+export type DayKey = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type DayHours = {
+    from?: string;
+    open: boolean;
+    to?: string;
+};
+export type OpeningHoursValue = Partial<Record<DayKey, DayHours>>;
+/**
+ * Factory function type for creating an OpeningHours field.
+ *
+ * @param overrides - Any Payload JSONField properties to override (except type)
+ *
+ * @returns A Payload Field configuration
+ */
+export type OpeningHours = (
+/** Field overrides */
+overrides: Omit<JSONField, 'type'>) => Field;
+/**
+ * Creates an OpeningHours field for managing business hours schedules.
+ *
+ * This field stores structured opening hours data as JSON with:
+ * - Day-based organization (Monday = 0, Sunday = 6)
+ * - Open/closed status per day
+ * - Time ranges (from/to) for each day
+ * - Custom UI component for easy editing
+ *
+ * The stored value structure:
+ * ```ts
+ * {
+ *   0?: { open: boolean, from?: string, to?: string }, // Monday
+ *   1?: { open: boolean, from?: string, to?: string }, // Tuesday
+ *   // ... etc
+ * }
+ * ```
+ *
+ * @param overrides - Any Payload JSONField properties to override (name, label, required, etc.)
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * OpeningHoursField({
+ *   name: 'businessHours',
+ *   label: { en: 'Business Hours', de: 'Öffnungszeiten' },
+ *   required: true
+ * })
+ * ```
+ */
+export declare const OpeningHoursField: OpeningHours;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/OpeningHours/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAO/C,MAAM,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE9C,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAA;AAEjE;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG;AACzB,sBAAsB;AACtB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,KAC/B,KAAK,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,iBAAiB,EAAE,YAkB/B,CAAA"}

package/dist/fields/OpeningHours/index.js

@@ -0,0 +1,49 @@
+import { deepMerge } from 'payload';
+import { validate } from './validate.js';
+/**
+ * Creates an OpeningHours field for managing business hours schedules.
+ *
+ * This field stores structured opening hours data as JSON with:
+ * - Day-based organization (Monday = 0, Sunday = 6)
+ * - Open/closed status per day
+ * - Time ranges (from/to) for each day
+ * - Custom UI component for easy editing
+ *
+ * The stored value structure:
+ * ```ts
+ * {
+ *   0?: { open: boolean, from?: string, to?: string }, // Monday
+ *   1?: { open: boolean, from?: string, to?: string }, // Tuesday
+ *   // ... etc
+ * }
+ * ```
+ *
+ * @param overrides - Any Payload JSONField properties to override (name, label, required, etc.)
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * OpeningHoursField({
+ *   name: 'businessHours',
+ *   label: { en: 'Business Hours', de: 'Öffnungszeiten' },
+ *   required: true
+ * })
+ * ```
+ */ export const OpeningHoursField = (overrides)=>{
+    const openingHoursField = deepMerge({
+        name: 'openingHours',
+        type: 'json',
+        admin: {
+            components: {
+                Field: {
+                    path: '@loadspark/core/fields/OpeningHours/client#OpeningHoursComponent'
+                }
+            }
+        },
+        validate
+    }, overrides);
+    return openingHoursField;
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/OpeningHours/index.ts"],"sourcesContent":["import type { Field, JSONField } from 'payload'\n\nimport { deepMerge } from 'payload'\n\nimport { validate } from './validate.js'\n\n// Monday = 0 ... Sunday = 6\nexport type DayKey = 0 | 1 | 2 | 3 | 4 | 5 | 6\n\nexport type DayHours = {\n  from?: string\n  open: boolean\n  to?: string\n}\n\nexport type OpeningHoursValue = Partial<Record<DayKey, DayHours>>\n\n/**\n * Factory function type for creating an OpeningHours field.\n *\n * @param overrides - Any Payload JSONField properties to override (except type)\n *\n * @returns A Payload Field configuration\n */\nexport type OpeningHours = (\n  /** Field overrides */\n  overrides: Omit<JSONField, 'type'>,\n) => Field\n\n/**\n * Creates an OpeningHours field for managing business hours schedules.\n *\n * This field stores structured opening hours data as JSON with:\n * - Day-based organization (Monday = 0, Sunday = 6)\n * - Open/closed status per day\n * - Time ranges (from/to) for each day\n * - Custom UI component for easy editing\n *\n * The stored value structure:\n * ```ts\n * {\n *   0?: { open: boolean, from?: string, to?: string }, // Monday\n *   1?: { open: boolean, from?: string, to?: string }, // Tuesday\n *   // ... etc\n * }\n * ```\n *\n * @param overrides - Any Payload JSONField properties to override (name, label, required, etc.)\n *\n * @returns A Payload Field configuration\n *\n * @example\n * ```ts\n * OpeningHoursField({\n *   name: 'businessHours',\n *   label: { en: 'Business Hours', de: 'Öffnungszeiten' },\n *   required: true\n * })\n * ```\n */\nexport const OpeningHoursField: OpeningHours = (overrides) => {\n  const openingHoursField = deepMerge<JSONField, Omit<JSONField, 'type'>>(\n    {\n      name: 'openingHours',\n      type: 'json',\n      admin: {\n        components: {\n          Field: {\n            path: '@loadspark/core/fields/OpeningHours/client#OpeningHoursComponent',\n          },\n        },\n      },\n      validate,\n    },\n    overrides,\n  )\n\n  return openingHoursField\n}\n"],"names":["deepMerge","validate","OpeningHoursField","overrides","openingHoursField","name","type","admin","components","Field","path"],"mappings":"AAEA,SAASA,SAAS,QAAQ,UAAS;AAEnC,SAASC,QAAQ,QAAQ,gBAAe;AAyBxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BC,GACD,OAAO,MAAMC,oBAAkC,CAACC;IAC9C,MAAMC,oBAAoBJ,UACxB;QACEK,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAO;oBACLC,MAAM;gBACR;YACF;QACF;QACAT;IACF,GACAE;IAGF,OAAOC;AACT,EAAC"}

package/dist/fields/OpeningHours/styles.css

@@ -0,0 +1,124 @@
+/* =========================
+   Base layout (existing)
+   ========================= */
+
+.bfOpeningHoursFieldWrapper .opening-hours-list {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--base) * 0.5);
+}
+
+.bfOpeningHoursFieldWrapper .opening-hours-row {
+  display: grid;
+  grid-template-columns: 4rem 6rem 1fr auto 1fr;
+  align-items: center;
+  gap: calc(var(--base) * 0.5);
+}
+
+.bfOpeningHoursFieldWrapper .oh-day {
+  color: var(--theme-elevation-500);
+}
+
+.bfOpeningHoursFieldWrapper .oh-open {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.25rem;
+}
+
+.bfOpeningHoursFieldWrapper .oh-time {
+  padding: 0.75rem;
+}
+
+.bfOpeningHoursFieldWrapper .oh-time[aria-invalid="true"] {
+  outline: 1px solid var(--theme-error-500);
+}
+
+.bfOpeningHoursFieldWrapper .oh-sep {
+  text-align: center;
+}
+
+/* =========================
+   NEW: checkbox label
+   ========================= */
+
+.bfOpeningHoursFieldWrapper .oh-open-label {
+  font-size: 0.75rem;
+  color: var(--theme-elevation-400);
+  line-height: 1;
+}
+
+/* =========================
+   NEW: helper / hint text
+   ========================= */
+
+.bfOpeningHoursFieldWrapper .oh-hint {
+  display: block;
+  margin-top: calc(var(--base) * 0.5);
+  font-size: 0.75rem;
+  color: var(--theme-elevation-400);
+}
+
+/* =========================
+   NEW: focus & accessibility
+   ========================= */
+
+.bfOpeningHoursFieldWrapper .oh-time:focus {
+  outline: 1px solid var(--theme-elevation-300);
+  outline-offset: 1px;
+}
+
+/* =========================
+   Responsive layout
+   ========================= */
+
+/* Tablet & down */
+@media (max-width: 768px) {
+  .bfOpeningHoursFieldWrapper .opening-hours-row {
+    grid-template-columns: 3.5rem 1fr 1fr auto 1fr;
+  }
+
+  .bfOpeningHoursFieldWrapper .oh-day {
+    font-size: 0.875rem;
+  }
+}
+
+/* Mobile */
+@media (max-width: 480px) {
+  .bfOpeningHoursFieldWrapper .opening-hours-row {
+    grid-template-columns: 1fr;
+    grid-template-areas:
+      "open"
+      "day"
+      "from"
+      "sep"
+      "to";
+    gap: calc(var(--base) * 0.4);
+  }
+
+  .bfOpeningHoursFieldWrapper .oh-open {
+    grid-area: open;
+    flex-direction: row;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .bfOpeningHoursFieldWrapper .oh-open-label {
+    font-size: 0.7rem;
+  }
+
+  .bfOpeningHoursFieldWrapper .oh-day {
+    grid-area: day;
+    font-weight: 500;
+  }
+
+  .bfOpeningHoursFieldWrapper .oh-time {
+    width: 100%;
+  }
+
+  .bfOpeningHoursFieldWrapper .oh-sep {
+    grid-area: sep;
+    text-align: center;
+    color: var(--theme-elevation-400);
+  }
+}

package/dist/fields/OpeningHours/validate.d.ts

@@ -0,0 +1,3 @@
+import type { Validate } from 'payload';
+export declare const validate: Validate;
+//# sourceMappingURL=validate.d.ts.map

package/dist/fields/OpeningHours/validate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../../src/fields/OpeningHours/validate.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAKvC,eAAO,MAAM,QAAQ,EAAE,QA4CtB,CAAA"}

package/dist/fields/OpeningHours/validate.js

@@ -0,0 +1,39 @@
+export const validate = (value, ctx)=>{
+    const t = ctx.req.t;
+    if (value == null || value === '') {
+        return true;
+    }
+    try {
+        const obj = value;
+        const timeRe = /^(?:[01]?\d|2[0-3]):[0-5]\d(?:\s?(?:AM|PM|am|pm))?$/ // HH:MM (optional AM/PM)
+        ;
+        for (const key of Object.keys(obj)){
+            const day = Number(key);
+            if (!Number.isInteger(day) || day < 0 || day > 6) {
+                return t('loadspark-core:validation:openingHours:invalidDay');
+            }
+            const entry = obj[day];
+            if (!entry) {
+                continue;
+            }
+            if (typeof entry.open !== 'boolean') {
+                return t('loadspark-core:validation:openingHours:invalidDay');
+            }
+            if (entry.open) {
+                const from = entry.from?.trim();
+                const to = entry.to?.trim();
+                if (!from || !timeRe.test(from)) {
+                    return t('loadspark-core:validation:openingHours:invalidFrom');
+                }
+                if (!to || !timeRe.test(to)) {
+                    return t('loadspark-core:validation:openingHours:invalidTo');
+                }
+            }
+        }
+        return true;
+    } catch  {
+        return t('loadspark-core:validation:openingHours:invalidDay');
+    }
+};
+
+//# sourceMappingURL=validate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/OpeningHours/validate.ts"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { Validate } from 'payload'\n\nimport type { loadsparkCoreTranslationsKeys } from '../../translations/index.js'\nimport type { DayKey, OpeningHoursValue } from './index.js'\n\nexport const validate: Validate = (value, ctx) => {\n  const t = ctx.req.t as TFunction<loadsparkCoreTranslationsKeys>\n\n  if (value == null || value === '') {\n    return true\n  }\n\n  try {\n    const obj = value as OpeningHoursValue\n    const timeRe = /^(?:[01]?\\d|2[0-3]):[0-5]\\d(?:\\s?(?:AM|PM|am|pm))?$/ // HH:MM (optional AM/PM)\n\n    for (const key of Object.keys(obj)) {\n      const day = Number(key)\n\n      if (!Number.isInteger(day) || day < 0 || day > 6) {\n        return t('loadspark-core:validation:openingHours:invalidDay')\n      }\n\n      const entry = obj[day as DayKey]\n      if (!entry) {\n        continue\n      }\n\n      if (typeof entry.open !== 'boolean') {\n        return t('loadspark-core:validation:openingHours:invalidDay')\n      }\n\n      if (entry.open) {\n        const from = entry.from?.trim()\n        const to = entry.to?.trim()\n\n        if (!from || !timeRe.test(from)) {\n          return t('loadspark-core:validation:openingHours:invalidFrom')\n        }\n        if (!to || !timeRe.test(to)) {\n          return t('loadspark-core:validation:openingHours:invalidTo')\n        }\n      }\n    }\n\n    return true\n  } catch {\n    return t('loadspark-core:validation:openingHours:invalidDay')\n  }\n}\n"],"names":["validate","value","ctx","t","req","obj","timeRe","key","Object","keys","day","Number","isInteger","entry","open","from","trim","to","test"],"mappings":"AAMA,OAAO,MAAMA,WAAqB,CAACC,OAAOC;IACxC,MAAMC,IAAID,IAAIE,GAAG,CAACD,CAAC;IAEnB,IAAIF,SAAS,QAAQA,UAAU,IAAI;QACjC,OAAO;IACT;IAEA,IAAI;QACF,MAAMI,MAAMJ;QACZ,MAAMK,SAAS,sDAAsD,yBAAyB;;QAE9F,KAAK,MAAMC,OAAOC,OAAOC,IAAI,CAACJ,KAAM;YAClC,MAAMK,MAAMC,OAAOJ;YAEnB,IAAI,CAACI,OAAOC,SAAS,CAACF,QAAQA,MAAM,KAAKA,MAAM,GAAG;gBAChD,OAAOP,EAAE;YACX;YAEA,MAAMU,QAAQR,GAAG,CAACK,IAAc;YAChC,IAAI,CAACG,OAAO;gBACV;YACF;YAEA,IAAI,OAAOA,MAAMC,IAAI,KAAK,WAAW;gBACnC,OAAOX,EAAE;YACX;YAEA,IAAIU,MAAMC,IAAI,EAAE;gBACd,MAAMC,OAAOF,MAAME,IAAI,EAAEC;gBACzB,MAAMC,KAAKJ,MAAMI,EAAE,EAAED;gBAErB,IAAI,CAACD,QAAQ,CAACT,OAAOY,IAAI,CAACH,OAAO;oBAC/B,OAAOZ,EAAE;gBACX;gBACA,IAAI,CAACc,MAAM,CAACX,OAAOY,IAAI,CAACD,KAAK;oBAC3B,OAAOd,EAAE;gBACX;YACF;QACF;QAEA,OAAO;IACT,EAAE,OAAM;QACN,OAAOA,EAAE;IACX;AACF,EAAC"}