@form-eng/mantine 1.5.2 → 1.6.0

package/README.md

@@ -2,7 +2,7 @@
 
 Mantine v7 field components for [@form-eng/core](https://www.npmjs.com/package/@form-eng/core).
 
-This package provides 13 field types using **Mantine v7** components. Mantine offers strong 1:1 component mappings for most field types (TextInput, NumberInput, Select, MultiSelect, Switch, Slider, etc.).
+This package provides 28 field types using **Mantine v7** components. Includes 18 native Mantine components (Rating, Autocomplete, DateTimePicker, FileInput, ColorInput for Tier 2) and 10 semantic HTML fallbacks.
 
 ## Installation
 

package/dist/index.d.mts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IFieldProps, Dictionary } from '@form-eng/core';
+import { IFieldProps, IRatingConfig, IDateTimeConfig, IDateRangeConfig, IPhoneInputConfig, IFileUploadConfig, Dictionary } from '@form-eng/core';
 import React from 'react';
 import { FieldError } from 'react-hook-form';
-export { DocumentLinksStrings, FieldClassName, GetFieldDataTestId, formatDateTime } from '@form-eng/core/adapter-utils';
+export { DocumentLinksStrings, FieldClassName, GetFieldDataTestId, formatDateTime, getFieldState } from '@form-eng/core/adapter-utils';
 
 interface ITextboxProps {
     ellipsifyTextCharacters?: number;
@@ -52,6 +52,30 @@ declare const Textarea: (props: IFieldProps<ITextareaProps>) => react_jsx_runtim
 
 declare const DynamicFragment: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
 
+declare const Rating: (props: IFieldProps<IRatingConfig>) => react_jsx_runtime.JSX.Element;
+
+declare const Autocomplete: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
+declare const DateTime: (props: IFieldProps<IDateTimeConfig>) => react_jsx_runtime.JSX.Element;
+
+declare const DateRange: (props: IFieldProps<IDateRangeConfig>) => react_jsx_runtime.JSX.Element;
+
+declare const PhoneInput: (props: IFieldProps<IPhoneInputConfig>) => react_jsx_runtime.JSX.Element;
+
+declare const FileUpload: (props: IFieldProps<IFileUploadConfig>) => react_jsx_runtime.JSX.Element;
+
+declare const ColorPicker: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
+declare const MultiSelectSearch: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
+interface IStatusDropdownProps {
+    placeHolder?: string;
+    statusColors?: Dictionary<string>;
+}
+declare const StatusDropdown: (props: IFieldProps<IStatusDropdownProps>) => react_jsx_runtime.JSX.Element;
+
+declare const DocumentLinks: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
 interface IReadOnlyFieldProps {
     readonly value?: string;
     readonly fieldName?: string;
@@ -65,6 +89,28 @@ declare const ReadOnlyText: React.FunctionComponent<IReadOnlyFieldProps>;
 
 declare const ReadOnly: (props: IFieldProps<IReadOnlyFieldProps>) => react_jsx_runtime.JSX.Element;
 
+declare const ReadOnlyArray: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
+interface IReadOnlyDateTimeProps {
+    isListView?: boolean;
+    hidetimeStamp?: boolean;
+}
+declare const ReadOnlyDateTime: (props: IFieldProps<IReadOnlyDateTimeProps>) => react_jsx_runtime.JSX.Element;
+
+interface IReadOnlyCumulativeNumberProps extends IReadOnlyFieldProps {
+    dependencyFields?: string[];
+}
+declare const ReadOnlyCumulativeNumber: (props: IFieldProps<IReadOnlyCumulativeNumberProps>) => react_jsx_runtime.JSX.Element;
+
+declare const ReadOnlyRichText: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
+interface IReadOnlyWithButtonProps extends IReadOnlyFieldProps {
+    containerClassName?: string;
+    buttonText?: string;
+    onButtonClick?: () => void;
+}
+declare const ReadOnlyWithButton: (props: IFieldProps<IReadOnlyWithButtonProps>) => react_jsx_runtime.JSX.Element;
+
 interface IStatusMessageProps {
     id?: string;
     readonly error?: FieldError;
@@ -85,4 +131,4 @@ declare const FormLoading: (props: IFormLoadingProps) => react_jsx_runtime.JSX.E
 /** Creates the default Mantine v7 field registry for use with InjectedFieldProvider */
 declare function createMantineFieldRegistry(): Dictionary<React.JSX.Element>;
 
-export { CheckboxGroup, DateControl, Dropdown, DynamicFragment, FormLoading, type IReadOnlyFieldProps, MultiSelect, NumberField as Number, RadioGroup, ReadOnly, ReadOnlyText, SimpleDropdown, Slider, StatusMessage, Textarea, Textbox, Toggle, createMantineFieldRegistry };
+export { Autocomplete, CheckboxGroup, ColorPicker, DateControl, DateRange, DateTime, DocumentLinks, Dropdown, DynamicFragment, FileUpload, FormLoading, type IReadOnlyFieldProps, MultiSelect, MultiSelectSearch, NumberField as Number, PhoneInput, RadioGroup, Rating, ReadOnly, ReadOnlyArray, ReadOnlyCumulativeNumber, ReadOnlyDateTime, ReadOnlyRichText, ReadOnlyText, ReadOnlyWithButton, SimpleDropdown, Slider, StatusDropdown, StatusMessage, Textarea, Textbox, Toggle, createMantineFieldRegistry };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IFieldProps, Dictionary } from '@form-eng/core';
+import { IFieldProps, IRatingConfig, IDateTimeConfig, IDateRangeConfig, IPhoneInputConfig, IFileUploadConfig, Dictionary } from '@form-eng/core';
 import React from 'react';
 import { FieldError } from 'react-hook-form';
-export { DocumentLinksStrings, FieldClassName, GetFieldDataTestId, formatDateTime } from '@form-eng/core/adapter-utils';
+export { DocumentLinksStrings, FieldClassName, GetFieldDataTestId, formatDateTime, getFieldState } from '@form-eng/core/adapter-utils';
 
 interface ITextboxProps {
     ellipsifyTextCharacters?: number;
@@ -52,6 +52,30 @@ declare const Textarea: (props: IFieldProps<ITextareaProps>) => react_jsx_runtim
 
 declare const DynamicFragment: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
 
+declare const Rating: (props: IFieldProps<IRatingConfig>) => react_jsx_runtime.JSX.Element;
+
+declare const Autocomplete: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
+declare const DateTime: (props: IFieldProps<IDateTimeConfig>) => react_jsx_runtime.JSX.Element;
+
+declare const DateRange: (props: IFieldProps<IDateRangeConfig>) => react_jsx_runtime.JSX.Element;
+
+declare const PhoneInput: (props: IFieldProps<IPhoneInputConfig>) => react_jsx_runtime.JSX.Element;
+
+declare const FileUpload: (props: IFieldProps<IFileUploadConfig>) => react_jsx_runtime.JSX.Element;
+
+declare const ColorPicker: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
+declare const MultiSelectSearch: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
+interface IStatusDropdownProps {
+    placeHolder?: string;
+    statusColors?: Dictionary<string>;
+}
+declare const StatusDropdown: (props: IFieldProps<IStatusDropdownProps>) => react_jsx_runtime.JSX.Element;
+
+declare const DocumentLinks: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
 interface IReadOnlyFieldProps {
     readonly value?: string;
     readonly fieldName?: string;
@@ -65,6 +89,28 @@ declare const ReadOnlyText: React.FunctionComponent<IReadOnlyFieldProps>;
 
 declare const ReadOnly: (props: IFieldProps<IReadOnlyFieldProps>) => react_jsx_runtime.JSX.Element;
 
+declare const ReadOnlyArray: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
+interface IReadOnlyDateTimeProps {
+    isListView?: boolean;
+    hidetimeStamp?: boolean;
+}
+declare const ReadOnlyDateTime: (props: IFieldProps<IReadOnlyDateTimeProps>) => react_jsx_runtime.JSX.Element;
+
+interface IReadOnlyCumulativeNumberProps extends IReadOnlyFieldProps {
+    dependencyFields?: string[];
+}
+declare const ReadOnlyCumulativeNumber: (props: IFieldProps<IReadOnlyCumulativeNumberProps>) => react_jsx_runtime.JSX.Element;
+
+declare const ReadOnlyRichText: (props: IFieldProps<{}>) => react_jsx_runtime.JSX.Element;
+
+interface IReadOnlyWithButtonProps extends IReadOnlyFieldProps {
+    containerClassName?: string;
+    buttonText?: string;
+    onButtonClick?: () => void;
+}
+declare const ReadOnlyWithButton: (props: IFieldProps<IReadOnlyWithButtonProps>) => react_jsx_runtime.JSX.Element;
+
 interface IStatusMessageProps {
     id?: string;
     readonly error?: FieldError;
@@ -85,4 +131,4 @@ declare const FormLoading: (props: IFormLoadingProps) => react_jsx_runtime.JSX.E
 /** Creates the default Mantine v7 field registry for use with InjectedFieldProvider */
 declare function createMantineFieldRegistry(): Dictionary<React.JSX.Element>;
 
-export { CheckboxGroup, DateControl, Dropdown, DynamicFragment, FormLoading, type IReadOnlyFieldProps, MultiSelect, NumberField as Number, RadioGroup, ReadOnly, ReadOnlyText, SimpleDropdown, Slider, StatusMessage, Textarea, Textbox, Toggle, createMantineFieldRegistry };
+export { Autocomplete, CheckboxGroup, ColorPicker, DateControl, DateRange, DateTime, DocumentLinks, Dropdown, DynamicFragment, FileUpload, FormLoading, type IReadOnlyFieldProps, MultiSelect, MultiSelectSearch, NumberField as Number, PhoneInput, RadioGroup, Rating, ReadOnly, ReadOnlyArray, ReadOnlyCumulativeNumber, ReadOnlyDateTime, ReadOnlyRichText, ReadOnlyText, ReadOnlyWithButton, SimpleDropdown, Slider, StatusDropdown, StatusMessage, Textarea, Textbox, Toggle, createMantineFieldRegistry };