react-input-material 0.0.405 → 0.0.406

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-input-material",
-  "version": "0.0.405",
+  "version": "0.0.406",
   "description": "Reusable material design based input field with support for (richt-)text, code, selections, numbers, dates and so on.",
   "keywords": [
     "form-field",

package/type.d.ts

@@ -1,6 +1,6 @@
 import PropertyTypes from 'clientnode/property-types';
 import { Mapping, PlainObject, RecursivePartial, ValueOf } from 'clientnode/type';
-import { ComponentClass, FocusEvent, ForwardRefExoticComponent, FunctionComponent, HTMLProps, KeyboardEvent, MouseEvent, MutableRefObject, ReactElement, RefAttributes, Requireable, SyntheticEvent } from 'react';
+import { ComponentClass, FocusEvent, ForwardRefExoticComponent, FunctionComponent, HTMLProps, KeyboardEvent, MouseEvent, MutableRefObject, ReactElement, ReactNode, RefAttributes, Requireable, SyntheticEvent } from 'react';
 import CodeEditorType, { IAceEditorProps as CodeEditorProps } from 'react-ace';
 import { EditorOptions as RawTinyMCEOptions, Editor as RichTextEditor } from 'tinymce';
 import { ComponentAdapter, PropertiesValidationMap, StaticWebComponent as StaticBaseWebComponent, ValidationMapping } from 'web-component-wrapper/type';
@@ -9,7 +9,7 @@ import { MDCSelectFoundation } from '@material/select';
 import { MDCTextFieldFoundation } from '@material/textfield';
 import { CardMediaProps } from '@rmwc/card';
 import { MenuApi } from '@rmwc/menu';
-import { SelectProps } from '@rmwc/select';
+import { FormattedOption as FormattedSelectionOption, SelectProps } from '@rmwc/select';
 import { TextFieldProps } from '@rmwc/textfield';
 import { ThemeProviderProps } from '@rmwc/theme';
 import { TooltipProps } from '@rmwc/tooltip';
@@ -195,6 +195,9 @@ export declare type InputDataTransformation = {
 } & {
     [_key in Exclude<NativeInputType, 'date' | 'datetime-local' | 'time' | 'number'>]?: DataTransformSpecification<unknown>;
 };
+export declare type NormalizedSelection = Array<Omit<FormattedSelectionOption, 'value'> & {
+    value: unknown;
+}>;
 export interface InputTablePosition {
     column: number;
     row: number;
@@ -211,19 +214,16 @@ export interface InputModel<T = unknown> extends Model<T> {
     state: InputModelState;
 }
 export interface InputValueState<T = unknown, MS = ModelState> extends ValueState<T, MS> {
-    representation?: string;
+    representation?: ReactNode | string;
 }
 export declare type NativeInputType = ('date' | 'datetime-local' | 'month' | 'number' | 'range' | 'text' | 'time' | 'week');
 export declare type GenericInputType = ('boolean' | 'currency' | 'float' | 'integer' | 'string' | NativeInputType);
 export interface InputChildrenOptions<P, T> {
     index: number;
-    normalizedSelection: (SelectProps['options'] | Array<{
-        label?: string;
-        value: unknown;
-    }>);
+    normalizedSelection: NormalizedSelection;
     properties: P;
     query: string;
-    suggestion: string;
+    suggestion: ReactNode | string;
     value: T;
 }
 export interface SuggestionCreatorOptions<P> {
@@ -257,7 +257,7 @@ export interface InputProperties<T = unknown> extends InputModelState, Propertie
     outlined: boolean;
     patternText: string;
     placeholder: string;
-    representation: string;
+    representation: ReactNode | string;
     rows: number;
     searchSelection: boolean;
     selectableEditor: boolean;
@@ -283,12 +283,12 @@ export interface InputState<T = unknown> extends State<T> {
     editorIsActive: boolean;
     hidden?: boolean;
     modelState: InputModelState;
-    representation?: string;
+    representation?: ReactNode | string;
     selectionIsUnstable: boolean;
     showDeclaration: boolean;
 }
 export declare type InputAdapter<T = unknown> = ComponentAdapter<InputProperties<T>, Omit<InputState<T>, 'representation' | 'selectionIsUnstable' | 'value'> & {
-    representation?: string;
+    representation?: ReactNode | string;
     value?: null | T;
 }>;
 export interface InputAdapterWithReferences<T = unknown> extends InputAdapter<T> {