@mrshmllw/smores-react 10.0.0 → 10.1.0

package/README.md

@@ -166,6 +166,7 @@ yalc remove --all
 * [Tag](https://github.com/marshmallow-insurance/smores-react/tree/master/src/Tag)
 * [Text](https://github.com/marshmallow-insurance/smores-react/tree/master/src/Text)
 * [Textarea](https://github.com/marshmallow-insurance/smores-react/tree/master/src/Textarea)
+* [TextDateOfBirthInput](https://github.com/marshmallow-insurance/smores-react/tree/master/src/TextDateOfBirthInput)
 * [TextInput](https://github.com/marshmallow-insurance/smores-react/tree/master/src/TextInput)
 * [Toggle](https://github.com/marshmallow-insurance/smores-react/tree/master/src/Toggle)
 * [Tooltip](https://github.com/marshmallow-insurance/smores-react/tree/master/src/Tooltip)

package/dist/TextDateOfBirthInput/TextDateOfBirthInput.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { FieldsetProps } from '../fields/Fieldset';
+export type DateObject = {
+    day?: string | null;
+    month?: string | null;
+    year?: string | null;
+};
+export type TextDateOfBirthInputProps = {
+    value: DateObject;
+    onChange: (value: DateObject) => void;
+    showCompleted?: boolean;
+    hookformError?: {
+        type: string;
+        message?: string;
+    };
+    dataTestId?: string;
+} & Pick<FieldsetProps, 'label' | 'assistiveText'>;
+/**
+ * Renders a set of input fields to collect a date of birth as separate day, month,
+ * and year fields.
+ *
+ * ### Date of birth input validations
+ * - All fields are present and correctly formatted.
+ * - The age is at least 17 years old.
+ * - The year is not before 1900.
+ */
+export declare const TextDateOfBirthInput: React.ForwardRefExoticComponent<{
+    value: DateObject;
+    onChange: (value: DateObject) => void;
+    showCompleted?: boolean;
+    hookformError?: {
+        type: string;
+        message?: string;
+    };
+    dataTestId?: string;
+} & Pick<FieldsetProps, "label" | "assistiveText"> & React.RefAttributes<HTMLInputElement>>;

package/dist/TextDateOfBirthInput/TextDateOfBirthInput.js

@@ -0,0 +1,48 @@
+import React, { forwardRef } from 'react';
+import styled from 'styled-components';
+import { Box } from '../Box';
+import { Fieldset } from '../fields/Fieldset';
+import { TextInput } from '../TextInput';
+import { InputValidationError } from '../utils/dateOfBirth/schema';
+/**
+ * Renders a set of input fields to collect a date of birth as separate day, month,
+ * and year fields.
+ *
+ * ### Date of birth input validations
+ * - All fields are present and correctly formatted.
+ * - The age is at least 17 years old.
+ * - The year is not before 1900.
+ */
+export const TextDateOfBirthInput = forwardRef(function TextDateOfBirthInput({ onChange, value, label, assistiveText, hookformError, showCompleted = false, dataTestId, }, ref) {
+    const inputValidationErrorValues = Object.values(InputValidationError);
+    return (React.createElement(Fieldset, { label: label, assistiveText: assistiveText, completed: showCompleted && Boolean(value.day && value.month && value.year), error: Boolean(hookformError), errorMsg: hookformError?.message, "data-testid": dataTestId },
+        React.createElement(Box, { flex: true, gap: "16px" },
+            React.createElement(SetWidthTextInput, { ref: ref, label: "day", autoCompleteAttr: "bday-day", inputModeAttr: "numeric", "$width": 60, value: value.day || '', placeholder: "", onChange: (day) => {
+                    onChange({
+                        ...value,
+                        day,
+                    });
+                }, error: Boolean(hookformError?.type?.includes('day') ||
+                    (hookformError?.type &&
+                        inputValidationErrorValues.includes(hookformError.type))) }),
+            React.createElement(SetWidthTextInput, { label: "month", autoCompleteAttr: "bday-month", inputModeAttr: "numeric", "$width": 60, value: value.month || '', placeholder: "", onChange: (month) => {
+                    onChange({
+                        ...value,
+                        month,
+                    });
+                }, error: Boolean(hookformError?.type?.includes('month') ||
+                    (hookformError?.type &&
+                        inputValidationErrorValues.includes(hookformError.type))) }),
+            React.createElement(SetWidthTextInput, { label: "year", autoCompleteAttr: "bday-year", inputModeAttr: "numeric", "$width": 80, value: value.year || '', placeholder: "", onChange: (year) => {
+                    onChange({
+                        ...value,
+                        year,
+                    });
+                }, error: Boolean(hookformError?.type?.includes('year') ||
+                    (hookformError?.type &&
+                        inputValidationErrorValues.includes(hookformError.type))) }))));
+});
+const SetWidthTextInput = styled(TextInput) `
+  width: ${({ $width }) => `${$width}px`};
+`;
+//# sourceMappingURL=TextDateOfBirthInput.js.map

package/dist/TextDateOfBirthInput/TextDateOfBirthInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextDateOfBirthInput.js","sourceRoot":"","sources":["../../src/TextDateOfBirthInput/TextDateOfBirthInput.tsx"],"names":[],"mappings":"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"}

package/dist/TextDateOfBirthInput/index.d.ts

@@ -0,0 +1 @@
+export * from './TextDateOfBirthInput';

package/dist/TextDateOfBirthInput/index.js

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

package/dist/TextDateOfBirthInput/index.js.map

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

package/dist/index.d.ts

@@ -42,8 +42,11 @@ export * from './Table';
 export * from './Tag';
 export * from './Text';
 export * from './Textarea';
+export * from './TextDateOfBirthInput';
 export * from './TextInput';
 export * from './theme';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './utils/space';
+export * from './utils/dateOfBirth/dateOfBirthValidator';
+export * from './utils/dateOfBirth/schema';

package/dist/index.js

@@ -42,9 +42,12 @@ export * from './Table';
 export * from './Tag';
 export * from './Text';
 export * from './Textarea';
+export * from './TextDateOfBirthInput';
 export * from './TextInput';
 export * from './theme';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './utils/space';
+export * from './utils/dateOfBirth/dateOfBirthValidator';
+export * from './utils/dateOfBirth/schema';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,0CAA0C,CAAA;AACxD,cAAc,4BAA4B,CAAA"}

package/dist/utils/dateOfBirth/dateOfBirthValidator.d.ts

@@ -0,0 +1,11 @@
+import { FieldValidationError, InputValidationError } from './schema';
+import { DateObject } from 'TextDateOfBirthInput';
+export declare const dateOfBirthValidator: (dateObject: DateObject) => {
+    error: FieldValidationError;
+    fields?: string[];
+} | {
+    error: InputValidationError;
+    fields?: string[];
+} | {
+    isSuccess: boolean;
+};

package/dist/utils/dateOfBirth/dateOfBirthValidator.js

@@ -0,0 +1,29 @@
+import { isValid, parse } from 'date-fns';
+import { error, getImpossibleFields, getInvalidInputFields, getMissingFields, is17YearsOld, } from './dateOfBirthValidator.utils';
+import { FieldValidationError, InputValidationError } from './schema';
+export const dateOfBirthValidator = (dateObject) => {
+    const invalidFields = getInvalidInputFields(dateObject);
+    if (invalidFields.length !== 0) {
+        return error(FieldValidationError.InvalidInputValueError, invalidFields);
+    }
+    const missingFields = getMissingFields(dateObject);
+    if (missingFields.length !== 0) {
+        return error(FieldValidationError.MissingFieldError, missingFields);
+    }
+    const impossibleValues = getImpossibleFields(dateObject);
+    if (impossibleValues.length !== 0) {
+        return error(FieldValidationError.ImpossibleFieldValueError, impossibleValues);
+    }
+    const date = parse(`${dateObject.year}-${dateObject.month}-${dateObject.day}`, 'yyyy-MM-dd', new Date());
+    if (isValid(date)) {
+        if (!is17YearsOld(date)) {
+            return error(InputValidationError.YoungerThan17);
+        }
+        if (date.getFullYear() < 1900) {
+            return error(InputValidationError.DateBefore1900Error);
+        }
+        return { isSuccess: true };
+    }
+    return error(InputValidationError.RealDateError);
+};
+//# sourceMappingURL=dateOfBirthValidator.js.map

package/dist/utils/dateOfBirth/dateOfBirthValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateOfBirthValidator.js","sourceRoot":"","sources":["../../../src/utils/dateOfBirth/dateOfBirthValidator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEzC,OAAO,EACL,KAAK,EACL,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,GACb,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAIrE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,UAAsB,EAAE,EAAE;IAC7D,MAAM,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAA;IAEvD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,KAAK,CAAC,oBAAoB,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAA;IAC1E,CAAC;IAED,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAA;IAElD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAA;IACrE,CAAC;IAED,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAExD,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClC,OAAO,KAAK,CACV,oBAAoB,CAAC,yBAAyB,EAC9C,gBAAgB,CACjB,CAAA;IACH,CAAC;IAED,MAAM,IAAI,GAAG,KAAK,CAChB,GAAG,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,GAAG,EAAE,EAC1D,YAAY,EACZ,IAAI,IAAI,EAAE,CACX,CAAA;IAED,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAClB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YACxB,OAAO,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAA;QAClD,CAAC;QAED,IAAI,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,EAAE,CAAC;YAC9B,OAAO,KAAK,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAA;QACxD,CAAC;QACD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAA;IAC5B,CAAC;IACD,OAAO,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAA;AAClD,CAAC,CAAA"}

package/dist/utils/dateOfBirth/dateOfBirthValidator.utils.d.ts

@@ -0,0 +1,18 @@
+import { DateObject } from 'TextDateOfBirthInput';
+declare const dateFields: readonly ["day", "month", "year"];
+export declare const monthsArray: string[];
+export declare const validators: Record<(typeof dateFields)[number], (dateField: string | undefined | null) => boolean>;
+export declare const isAllowedValue: (value: string | null | undefined) => boolean;
+export declare const getInvalidInputFields: (dateObject: DateObject) => ("month" | "day" | "year")[];
+export declare const getMissingFields: (dateObject: DateObject) => ("month" | "day" | "year")[];
+export declare const getImpossibleFields: (dateObject: DateObject) => ("month" | "day" | "year")[];
+export declare const humanReadableJoin: (arr: string[]) => string;
+export declare const createMissingFieldErrorMessage: (missingFields: string[]) => string;
+export declare const createImpossibleFieldErrorMessage: (impossibleFields: string[]) => string;
+export declare const createYoungerThan17ErrorMessage: () => string;
+export declare const error: <T>(type: T, fields?: string[]) => {
+    error: T;
+    fields?: string[];
+};
+export declare const is17YearsOld: (date: Date) => boolean;
+export {};

package/dist/utils/dateOfBirth/dateOfBirthValidator.utils.js

@@ -0,0 +1,89 @@
+import { isAfter, subYears } from 'date-fns';
+const dateFields = ['day', 'month', 'year'];
+export const monthsArray = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December',
+];
+export const validators = {
+    day: (day) => {
+        const dayNumber = Number(day);
+        return Boolean(day && dayNumber >= 1 && dayNumber <= 31);
+    },
+    month: (month) => {
+        const monthNumber = Number(month);
+        return Boolean(month && monthNumber >= 1 && monthNumber <= 12);
+    },
+    year: (year) => {
+        const yearNumber = Number(year);
+        return Boolean(year && yearNumber && year.length === 4 && yearNumber > 0);
+    },
+};
+export const isAllowedValue = (value) => {
+    return value === null || (value && /^\d+$/.test(value)) || value === '';
+};
+export const getInvalidInputFields = (dateObject) => {
+    const invalidValues = dateFields.filter((field) => {
+        const value = dateObject[field];
+        return !isAllowedValue(value);
+    });
+    return invalidValues;
+};
+export const getMissingFields = (dateObject) => {
+    const missingFields = dateFields.filter((field) => {
+        return !dateObject[field];
+    });
+    return missingFields;
+};
+export const getImpossibleFields = (dateObject) => {
+    const impossibleValues = dateFields.filter((field) => {
+        return !validators[field](dateObject[field]);
+    });
+    return impossibleValues;
+};
+export const humanReadableJoin = (arr) => {
+    if (arr.length === 0) {
+        return '';
+    }
+    else if (arr.length === 1) {
+        return arr[0];
+    }
+    else if (arr.length === 2) {
+        return `${arr[0]} and ${arr[1]}`;
+    }
+    else {
+        const last = arr.pop();
+        return `${arr.join(', ')} and ${last}`;
+    }
+};
+export const createMissingFieldErrorMessage = (missingFields) => {
+    const beginning = 'Date of birth must include ';
+    const orderedMissingFields = ['day', 'month', 'year'].filter((field) => missingFields.includes(field));
+    return beginning + humanReadableJoin(orderedMissingFields);
+};
+export const createImpossibleFieldErrorMessage = (impossibleFields) => {
+    const beginning = 'Please enter a valid ';
+    const orderedImpossibleFields = ['day', 'month', 'year'].filter((field) => impossibleFields.includes(field));
+    return beginning + humanReadableJoin(orderedImpossibleFields);
+};
+export const createYoungerThan17ErrorMessage = () => {
+    const comparisonDate = subYears(new Date(), 17);
+    return `Please enter a date of birth on or before ${comparisonDate.getDate()} ${monthsArray[comparisonDate.getMonth()]} ${comparisonDate.getFullYear()}`;
+};
+export const error = (type, fields) => {
+    return { error: type, fields };
+};
+export const is17YearsOld = (date) => {
+    const comparisonDate = subYears(new Date(), 17);
+    return !isAfter(date, comparisonDate);
+};
+//# sourceMappingURL=dateOfBirthValidator.utils.js.map

package/dist/utils/dateOfBirth/dateOfBirthValidator.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateOfBirthValidator.utils.js","sourceRoot":"","sources":["../../../src/utils/dateOfBirth/dateOfBirthValidator.utils.ts"],"names":[],"mappings":"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"}

package/dist/utils/dateOfBirth/schema.d.ts

@@ -0,0 +1,12 @@
+export declare enum InputValidationError {
+    RealDateError = "realDateError",
+    DateBefore1900Error = "dateBefore1900Error",
+    YoungerThan17 = "youngerThan17"
+}
+export declare enum FieldValidationError {
+    MissingFieldError = "missingFieldError",
+    InvalidInputValueError = "invalidInputValueError",
+    ImpossibleFieldValueError = "impossibleFieldValueError"
+}
+export declare const dateOfBirthErrorMessages: Record<InputValidationError | FieldValidationError, (value: string[]) => string>;
+export declare const createErrorMessage: (errorKey: keyof typeof dateOfBirthErrorMessages, fields?: string[]) => string;

package/dist/utils/dateOfBirth/schema.js

@@ -0,0 +1,28 @@
+import { createImpossibleFieldErrorMessage, createMissingFieldErrorMessage, createYoungerThan17ErrorMessage, } from './dateOfBirthValidator.utils';
+export var InputValidationError;
+(function (InputValidationError) {
+    InputValidationError["RealDateError"] = "realDateError";
+    InputValidationError["DateBefore1900Error"] = "dateBefore1900Error";
+    InputValidationError["YoungerThan17"] = "youngerThan17";
+})(InputValidationError || (InputValidationError = {}));
+export var FieldValidationError;
+(function (FieldValidationError) {
+    FieldValidationError["MissingFieldError"] = "missingFieldError";
+    FieldValidationError["InvalidInputValueError"] = "invalidInputValueError";
+    FieldValidationError["ImpossibleFieldValueError"] = "impossibleFieldValueError";
+})(FieldValidationError || (FieldValidationError = {}));
+export const dateOfBirthErrorMessages = {
+    [InputValidationError.RealDateError]: () => 'Please enter a valid date of birth',
+    [InputValidationError.DateBefore1900Error]: () => 'Please enter a date of birth after 1900',
+    [FieldValidationError.MissingFieldError]: createMissingFieldErrorMessage,
+    [FieldValidationError.InvalidInputValueError]: () => 'Please enter a numeric value',
+    [FieldValidationError.ImpossibleFieldValueError]: createImpossibleFieldErrorMessage,
+    [InputValidationError.YoungerThan17]: createYoungerThan17ErrorMessage,
+};
+export const createErrorMessage = (errorKey, fields) => {
+    const messageFunc = dateOfBirthErrorMessages[errorKey];
+    const message = messageFunc(fields ?? []);
+    const fieldsSuffix = fields ? ` (${fields.join('-')})` : '';
+    return message + fieldsSuffix;
+};
+//# sourceMappingURL=schema.js.map

package/dist/utils/dateOfBirth/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/utils/dateOfBirth/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iCAAiC,EACjC,8BAA8B,EAC9B,+BAA+B,GAChC,MAAM,8BAA8B,CAAA;AAErC,MAAM,CAAN,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,uDAA+B,CAAA;IAC/B,mEAA2C,CAAA;IAC3C,uDAA+B,CAAA;AACjC,CAAC,EAJW,oBAAoB,KAApB,oBAAoB,QAI/B;AAED,MAAM,CAAN,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,+DAAuC,CAAA;IACvC,yEAAiD,CAAA;IACjD,+EAAuD,CAAA;AACzD,CAAC,EAJW,oBAAoB,KAApB,oBAAoB,QAI/B;AAED,MAAM,CAAC,MAAM,wBAAwB,GAGjC;IACF,CAAC,oBAAoB,CAAC,aAAa,CAAC,EAAE,GAAG,EAAE,CACzC,oCAAoC;IACtC,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,EAAE,GAAG,EAAE,CAC/C,yCAAyC;IAC3C,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,8BAA8B;IACxE,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,EAAE,GAAG,EAAE,CAClD,8BAA8B;IAChC,CAAC,oBAAoB,CAAC,yBAAyB,CAAC,EAC9C,iCAAiC;IACnC,CAAC,oBAAoB,CAAC,aAAa,CAAC,EAAE,+BAA+B;CACtE,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,QAA+C,EAC/C,MAAiB,EACjB,EAAE;IACF,MAAM,WAAW,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,IAAI,EAAE,CAAC,CAAA;IACzC,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAC3D,OAAO,OAAO,GAAG,YAAY,CAAA;AAC/B,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "10.0.0",
+  "version": "10.1.0",
   "main": "./dist/index.js",
   "description": "Collection of React components used by Marshmallow Technology",
   "keywords": [
@@ -43,7 +43,7 @@
     "@commitlint/types": "^19.5.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^11.0.0",
+    "@semantic-release/github": "^11.0.1",
     "@semantic-release/npm": "^12.0.0",
     "@snyk/protect": "^1.1294.0",
     "@storybook/addon-a11y": "^8.4.2",
@@ -58,7 +58,7 @@
     "@testing-library/react": "^16.0.1",
     "@types/body-scroll-lock": "^3.1.0",
     "@types/dompurify": "^3.0.5",
-    "@types/node": "^22.8.7",
+    "@types/node": "^22.9.0",
     "@types/react": "^18.0.24",
     "@types/react-dom": "^18.0.8",
     "@typescript-eslint/eslint-plugin": "^7.18.0",