@digiform/builder 0.1.7 → 0.2.4

package/design-system/components/ComponentSourceBadge/ComponentSourceBadge.d.ts

@@ -0,0 +1,15 @@
+import { ComponentSource } from '../../types';
+/**
+ * ComponentSourceBadge - Visual indicator of component origin
+ *
+ * Displays a small badge showing the source of a component:
+ * - 'rhc': Green badge (RHC Rijkshuisstijl components)
+ * - 'custom': Blue badge (Custom-built components)
+ *
+ * Used in the admin component panel to help form builders understand
+ * the origin of each component.
+ */
+export interface ComponentSourceBadgeProps {
+    source: ComponentSource;
+}
+export declare function ComponentSourceBadge({ source }: ComponentSourceBadgeProps): import("react/jsx-runtime").JSX.Element;

package/design-system/components/FormFieldWrapper/FormFieldWrapper.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+/**
+ * FormFieldWrapper - Design-system-agnostic form field validation wrapper
+ *
+ * This component provides validation/error display for form fields.
+ * It wraps input components with error state and message display.
+ */
+export interface FormFieldWrapperProps {
+    /** Whether the field is in an invalid state */
+    invalid: boolean;
+    /** Error message to display when invalid */
+    errorMessage?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** The input element to wrap */
+    input: ReactNode;
+}
+export declare function FormFieldWrapper({ invalid, errorMessage, className, input, }: FormFieldWrapperProps): ReactNode;

package/design-system/custom/config/date-preset.config.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Date preset configuration
+ *
+ * Extends FormFieldTextInput with locked type="date".
+ * This prop is preset (locked) and hidden from the property editor schema.
+ */
+export declare const datePresetConfig: import('../utils/create-preset-config').PresetConfig;

package/design-system/custom/config/email-preset.config.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Email preset configuration
+ *
+ * Extends FormFieldTextInput with locked type="email" and autoComplete="email".
+ * These props are preset (locked) and hidden from the property editor schema.
+ */
+export declare const emailPresetConfig: import('../utils/create-preset-config').PresetConfig;

package/design-system/custom/config/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Preset Component Configs
+ *
+ * Barrel export for all preset configurations.
+ * Presets extend base RHC component configs with locked prop values.
+ */
+export { datePresetConfig } from './date-preset.config';
+export { emailPresetConfig } from './email-preset.config';
+export { numberPresetConfig } from './number-preset.config';
+export { telPresetConfig } from './tel-preset.config';

package/design-system/custom/config/number-preset.config.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Number preset configuration
+ *
+ * Extends FormFieldTextInput with locked type="number".
+ * This prop is preset (locked) and hidden from the property editor schema.
+ */
+export declare const numberPresetConfig: import('../utils/create-preset-config').PresetConfig;

package/design-system/custom/config/tel-preset.config.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Telephone preset configuration
+ *
+ * Extends FormFieldTextInput with locked type="tel" and autoComplete="tel".
+ * These props are preset (locked) and hidden from the property editor schema.
+ */
+export declare const telPresetConfig: import('../utils/create-preset-config').PresetConfig;

package/design-system/custom/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Custom Component Exports
+ *
+ * This module holds custom-built components and presets that are not part of
+ * the RHC design system directly.
+ *
+ * Features:
+ * - Preset component configs (email, tel, number, date)
+ * - Preset factory utilities
+ * - Custom composed components (future)
+ */
+export { datePresetConfig } from './config/date-preset.config';
+export { emailPresetConfig } from './config/email-preset.config';
+export { numberPresetConfig } from './config/number-preset.config';
+export { telPresetConfig } from './config/tel-preset.config';
+export type { PresetConfig, PresetConfigInput, PresetMetadata, } from './utils/create-preset-config';
+export { createPresetConfig } from './utils/create-preset-config';

package/design-system/custom/utils/create-preset-config.d.ts

@@ -0,0 +1,74 @@
+import { PropertyEditorSchema } from '../../../features/property-editors/types/schema';
+import { RHCComponentName } from '../../generated/rhc-catalog.generated';
+import { ComponentPropsConfig, PropConfig } from '../../rhc/utils/create-config';
+/**
+ * Metadata for preset component used in component registry
+ */
+export interface PresetMetadata {
+    /** Component type for registry (e.g., "email", "tel", "number", "date") */
+    type: string;
+    /** Display name in palette (e.g., "E-mailadres") */
+    label: string;
+    /** Icon identifier */
+    icon: string;
+    /** Component category */
+    category: "formFields" | "typography" | "feedback";
+}
+/**
+ * Complete preset configuration extending ComponentPropsConfig
+ */
+export interface PresetConfig {
+    /** Base RHC component this preset extends */
+    baseComponent: RHCComponentName;
+    /** Locked prop values that can't be changed in property editor */
+    presetProps: Record<string, unknown>;
+    /** Component metadata for registry */
+    metadata: PresetMetadata;
+    /** Override default values for enabled props */
+    defaultConfigOverrides: Record<string, unknown>;
+    /** Property editor schema with preset props removed */
+    propertyEditorSchema: PropertyEditorSchema;
+    /** Full component props config (inherited from base) */
+    props: Record<string, PropConfig>;
+    /** Catalog props for reference */
+    catalogProps: ComponentPropsConfig["catalogProps"];
+}
+/**
+ * Input for createPresetConfig factory
+ */
+export interface PresetConfigInput {
+    /** Name of the base RHC component */
+    baseComponent: RHCComponentName;
+    /** Base component config to extend */
+    baseConfig: ComponentPropsConfig;
+    /** Props to lock with their values (e.g., { type: "email", autoComplete: "email" }) */
+    preset: Record<string, unknown>;
+    /** Component metadata for registry */
+    metadata: PresetMetadata;
+    /** Override default values for enabled props */
+    defaultConfigOverrides?: Record<string, unknown>;
+}
+/**
+ * Factory function to create preset component configurations
+ *
+ * Presets extend base RHC component configs by:
+ * 1. Locking specific prop values (e.g., type="email")
+ * 2. Hiding locked props from property editor
+ * 3. Inheriting all other config from base component
+ *
+ * @param input - Preset configuration input
+ * @returns Complete PresetConfig with locked props and filtered schema
+ * @throws Error if any preset prop doesn't exist in RHC catalog for base component
+ *
+ * @example
+ * ```ts
+ * const emailPresetConfig = createPresetConfig({
+ *   baseComponent: "FormFieldTextInput",
+ *   baseConfig: textInputConfig,
+ *   preset: { type: "email", autoComplete: "email" },
+ *   metadata: { type: "email", label: "E-mailadres", icon: "text-input", category: "formFields" },
+ *   defaultConfigOverrides: { label: "E-mailadres", placeholder: "bijv. jan@logius.nl" },
+ * });
+ * ```
+ */
+export declare function createPresetConfig(input: PresetConfigInput): PresetConfig;