@dsn-starter-kit/components-react 2.0.0 → 3.0.0

package/dist/FormFieldset/FormFieldset.d.ts

@@ -1,83 +0,0 @@
-import React from 'react';
-import { FormFieldStatusVariant } from '../FormFieldStatus';
-import './FormFieldset.css';
-export interface FormFieldsetProps {
-    /**
-     * The legend text for the fieldset
-     */
-    legend: string;
-    /**
-     * Optional suffix for the legend (e.g., "(niet verplicht)" or "(verplicht)")
-     */
-    legendSuffix?: string;
-    /**
-     * Optional description text
-     */
-    description?: React.ReactNode;
-    /**
-     * Optional error message (shows when field is invalid)
-     */
-    error?: React.ReactNode;
-    /**
-     * Optional status message
-     */
-    status?: React.ReactNode;
-    /**
-     * Status variant (for status message styling)
-     * @default 'default'
-     */
-    statusVariant?: FormFieldStatusVariant;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * The form control element (CheckboxGroup, RadioGroup, DateInputGroup, etc.)
-     */
-    children: React.ReactNode;
-}
-/**
- * Form Fieldset component
- * Container that combines FormFieldLegend, FormFieldDescription, Control, FormFieldErrorMessage, and FormFieldStatus
- * Uses fieldset/legend structure for group controls (CheckboxGroup, RadioGroup, DateInputGroup)
- *
- * @example
- * ```tsx
- * // Checkbox group
- * <FormFieldset legend="Interesses" description="Selecteer minimaal één interesse">
- *   <CheckboxGroup>
- *     <CheckboxOption label="Sport" value="sport" />
- *     <CheckboxOption label="Muziek" value="music" />
- *     <CheckboxOption label="Reizen" value="travel" />
- *   </CheckboxGroup>
- * </FormFieldset>
- *
- * // Radio group with error
- * <FormFieldset
- *   legend="Geslacht"
- *   legendSuffix="(verplicht)"
- *   error="Selecteer een optie"
- * >
- *   <RadioGroup>
- *     <RadioOption name="gender" label="Man" value="male" />
- *     <RadioOption name="gender" label="Vrouw" value="female" />
- *     <RadioOption name="gender" label="Anders" value="other" />
- *   </RadioGroup>
- * </FormFieldset>
- *
- * // With status
- * <FormFieldset
- *   legend="Voorkeuren"
- *   status="Minimaal 2 opties vereist"
- *   statusVariant="warning"
- * >
- *   <CheckboxGroup>
- *     <CheckboxOption label="E-mail" value="email" />
- *     <CheckboxOption label="SMS" value="sms" />
- *     <CheckboxOption label="Push" value="push" />
- *   </CheckboxGroup>
- * </FormFieldset>
- * ```
- */
-export declare const FormFieldset: React.ForwardRefExoticComponent<FormFieldsetProps & React.RefAttributes<HTMLFieldSetElement>>;
-//# sourceMappingURL=FormFieldset.d.ts.map

package/dist/FormFieldset/FormFieldset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldset.d.ts","sourceRoot":"","sources":["../../src/FormFieldset/FormFieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAmB,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IAEvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,YAAY,+FA2CxB,CAAC"}

package/dist/FormFieldset/FormFieldset.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { classNames } from '@dsn-starter-kit/core';
-import { FormFieldLegend } from '../FormFieldLegend';
-import { FormFieldDescription } from '../FormFieldDescription';
-import { FormFieldErrorMessage } from '../FormFieldErrorMessage';
-import { FormFieldStatus } from '../FormFieldStatus';
-import './FormFieldset.css';
-/**
- * Form Fieldset component
- * Container that combines FormFieldLegend, FormFieldDescription, Control, FormFieldErrorMessage, and FormFieldStatus
- * Uses fieldset/legend structure for group controls (CheckboxGroup, RadioGroup, DateInputGroup)
- *
- * @example
- * ```tsx
- * // Checkbox group
- * <FormFieldset legend="Interesses" description="Selecteer minimaal één interesse">
- *   <CheckboxGroup>
- *     <CheckboxOption label="Sport" value="sport" />
- *     <CheckboxOption label="Muziek" value="music" />
- *     <CheckboxOption label="Reizen" value="travel" />
- *   </CheckboxGroup>
- * </FormFieldset>
- *
- * // Radio group with error
- * <FormFieldset
- *   legend="Geslacht"
- *   legendSuffix="(verplicht)"
- *   error="Selecteer een optie"
- * >
- *   <RadioGroup>
- *     <RadioOption name="gender" label="Man" value="male" />
- *     <RadioOption name="gender" label="Vrouw" value="female" />
- *     <RadioOption name="gender" label="Anders" value="other" />
- *   </RadioGroup>
- * </FormFieldset>
- *
- * // With status
- * <FormFieldset
- *   legend="Voorkeuren"
- *   status="Minimaal 2 opties vereist"
- *   statusVariant="warning"
- * >
- *   <CheckboxGroup>
- *     <CheckboxOption label="E-mail" value="email" />
- *     <CheckboxOption label="SMS" value="sms" />
- *     <CheckboxOption label="Push" value="push" />
- *   </CheckboxGroup>
- * </FormFieldset>
- * ```
- */
-export const FormFieldset = React.forwardRef(({ legend, legendSuffix, description, error, status, statusVariant = 'default', className, children, }, ref) => {
-    const containerClasses = classNames('dsn-form-field', {
-        'dsn-form-field--invalid': !!error,
-    }, className);
-    return (_jsxs("fieldset", { ref: ref, className: containerClasses, children: [_jsx(FormFieldLegend, { suffix: legendSuffix, children: legend }), description && (_jsx(FormFieldDescription, { children: description })), error && _jsx(FormFieldErrorMessage, { children: error }), children, status && (_jsx(FormFieldStatus, { variant: statusVariant, children: status }))] }));
-});
-FormFieldset.displayName = 'FormFieldset';
-//# sourceMappingURL=FormFieldset.js.map

package/dist/FormFieldset/FormFieldset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldset.js","sourceRoot":"","sources":["../../src/FormFieldset/FormFieldset.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,eAAe,EAA0B,MAAM,oBAAoB,CAAC;AAC7E,OAAO,oBAAoB,CAAC;AA6C5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAI1C,CACE,EACE,MAAM,EACN,YAAY,EACZ,WAAW,EACX,KAAK,EACL,MAAM,EACN,aAAa,GAAG,SAAS,EACzB,SAAS,EACT,QAAQ,GACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,gBAAgB,GAAG,UAAU,CACjC,gBAAgB,EAChB;QACE,yBAAyB,EAAE,CAAC,CAAC,KAAK;KACnC,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAU,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,gBAAgB,aAC7C,KAAC,eAAe,IAAC,MAAM,EAAE,YAAY,YAAG,MAAM,GAAmB,EAEhE,WAAW,IAAI,CACd,KAAC,oBAAoB,cAAE,WAAW,GAAwB,CAC3D,EAEA,KAAK,IAAI,KAAC,qBAAqB,cAAE,KAAK,GAAyB,EAE/D,QAAQ,EAER,MAAM,IAAI,CACT,KAAC,eAAe,IAAC,OAAO,EAAE,aAAa,YAAG,MAAM,GAAmB,CACpE,IACQ,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/FormFieldset/index.d.ts

@@ -1,2 +0,0 @@
-export * from './FormFieldset';
-//# sourceMappingURL=index.d.ts.map

package/dist/FormFieldset/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldset/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/FormFieldset/index.js

@@ -1,2 +0,0 @@
-export * from './FormFieldset';
-//# sourceMappingURL=index.js.map

package/dist/FormFieldset/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FormFieldset/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}