form-input-fields 1.0.1

package/dist/controls/FormDateField.d.ts

@@ -0,0 +1,33 @@
+import { TextFieldProps } from '@mui/material';
+import { FieldProps } from 'formik';
+import { Dayjs } from 'dayjs';
+export interface FormDateFieldProps {
+    /**
+     * Date format string for display
+     * Uses dayjs format tokens (e.g., 'YYYY-MM-DD', 'DD/MM/YYYY')
+     * Default: FORM_DATE_FORMAT.short
+     */
+    format?: string;
+    /** Minimum selectable date */
+    minDate?: Dayjs;
+    /** Maximum selectable date */
+    maxDate?: Dayjs;
+    /** Disable past dates */
+    disablePast?: boolean;
+    /** Disable future dates */
+    disableFuture?: boolean;
+    /** Show today button in the picker */
+    showTodayButton?: boolean;
+    /** Make the field read-only */
+    readOnly?: boolean;
+    /** Custom onChange handler with additional date-related data */
+    onChange?: (value: Dayjs | null, context: {
+        validationError: string | null;
+        formattedValue: string;
+    }) => void;
+    /** Show the date format as helper text (default: false) */
+    showDateFormat?: boolean;
+}
+export type FormDateFieldComponentProps = FieldProps & TextFieldProps & FormDateFieldProps;
+export declare const FormDateField: (props: FormDateFieldComponentProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormDateField.d.ts.map

package/dist/controls/FormDateField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDateField.d.ts","sourceRoot":"","sources":["../../src/controls/FormDateField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAS,MAAM,QAAQ,CAAC;AAC3C,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAMrC,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,sCAAsC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,GAAG,IAAI,EACnB,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;QAC/B,cAAc,EAAE,MAAM,CAAC;KACxB,KACE,IAAI,CAAC;IAEV,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,2BAA2B,GAAG,UAAU,GAClD,cAAc,GACd,kBAAkB,CAAC;AAErB,eAAO,MAAM,aAAa,GAAI,OAAO,2BAA2B,4CAsG/D,CAAC"}

package/dist/controls/FormMaskField.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { FieldProps } from 'formik';
+import { TextFieldProps } from '@mui/material/TextField';
+export interface FormMaskFieldProps {
+    /**
+     * Mask pattern string where:
+     * - '9' = digit (0-9)
+     * - 'A' = letter (a-z, A-Z)
+     * - '*' = alphanumeric (a-z, A-Z, 0-9)
+     * - 'a' = lowercase letter (a-z)
+     * - 'Z' = uppercase letter (A-Z)
+     * - '#' = hexadecimal (0-9, A-F, a-f)
+     * - Any other character = literal character
+     *
+     * Example: "99/99/9999" for date, "AAA-999" for code
+     */
+    mask?: string;
+    /** Character to show in placeholder for mask positions (default: '_') */
+    placeholderChar?: string;
+    /** Convert input to uppercase automatically */
+    toUpperCase?: boolean;
+    /**
+     * If true, Formik field value will contain only the input characters without mask literals
+     * If false, Formik field value will contain the full masked value
+     */
+    returnCleanValue?: boolean;
+    /** Custom onChange handler with additional mask-related data */
+    onChange?: (event: {
+        target: {
+            value: string;
+            cleanValue: string;
+            rawValue: string;
+        };
+    } & React.ChangeEvent<HTMLInputElement>) => void;
+    /** Show the mask pattern as helper text (default: false) */
+    showMaskPattern?: boolean;
+    /** Show the placeholder text (default: false) */
+    showPlaceholder?: boolean;
+}
+export type FormMaskFieldComponentProps = FieldProps & TextFieldProps & FormMaskFieldProps;
+export declare const FormMaskField: (props: FormMaskFieldComponentProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormMaskField.d.ts.map

package/dist/controls/FormMaskField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormMaskField.d.ts","sourceRoot":"","sources":["../../src/controls/FormMaskField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAS,MAAM,QAAQ,CAAC;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAS9D,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE;QACL,MAAM,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;YACd,UAAU,EAAE,MAAM,CAAC;YACnB,QAAQ,EAAE,MAAM,CAAC;SAClB,CAAC;KACH,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KACpC,IAAI,CAAC;IAEV,4DAA4D;IAC5D,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,iDAAiD;IACjD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,2BAA2B,GAAG,UAAU,GAClD,cAAc,GACd,kBAAkB,CAAC;AAErB,eAAO,MAAM,aAAa,GAAI,OAAO,2BAA2B,4CAmI/D,CAAC"}

package/dist/controls/FormMaskFiledUtils.d.ts

@@ -0,0 +1,10 @@
+export interface MaskConfig {
+    mask: (RegExp | string)[];
+    placeholderChar: string;
+    pattern: string;
+}
+export declare const createMask: (pattern: string, placeholderChar?: string) => MaskConfig;
+export declare const applyMask: (value: string, maskConfig: MaskConfig | null, toUpperCase?: boolean) => string;
+export declare const removeMask: (value: string, maskConfig: MaskConfig | null) => string;
+export declare const generatePlaceholder: (maskConfig: MaskConfig | null) => string;
+//# sourceMappingURL=FormMaskFiledUtils.d.ts.map

package/dist/controls/FormMaskFiledUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormMaskFiledUtils.d.ts","sourceRoot":"","sources":["../../src/controls/FormMaskFiledUtils.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;CACjB;AAGD,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,EAAE,wBAAqB,KAAG,UAanE,CAAC;AAEF,eAAO,MAAM,SAAS,GACpB,OAAO,MAAM,EACb,YAAY,UAAU,GAAG,IAAI,EAC7B,qBAAmB,KAClB,MA6CF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,YAAY,UAAU,GAAG,IAAI,KAAG,MAgBzE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,YAAY,UAAU,GAAG,IAAI,KAAG,MAkBnE,CAAC"}

package/dist/controls/date.d.ts

@@ -0,0 +1,13 @@
+export declare const DATE_PICKER_DATE_FORMAT: {
+    short: string;
+};
+export declare const FORM_DATE_FORMAT: {
+    short: string;
+    long: string;
+    custom: string;
+};
+export declare const DATE_PICKER_MONTH_YEAR_FORMAT: {
+    short: string;
+    long: string;
+};
+//# sourceMappingURL=date.d.ts.map

package/dist/controls/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/controls/date.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;CAEnC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;CAGzC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { FormMaskField, type FormMaskFieldProps, } from './controls/FormMaskField';
+export { createMask, applyMask, removeMask, generatePlaceholder, type MaskConfig, } from './controls/FormMaskFiledUtils';
+export { FormDateField, type FormDateFieldProps, } from './controls/FormDateField';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,KAAK,UAAU,GAChB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,0BAA0B,CAAC"}