react-input-material 0.0.403 → 0.0.406

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-input-material",
-  "version": "0.0.403",
+  "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",
@@ -47,8 +47,8 @@
     "clear": "weboptimizer clear && (rm *.styles.css components/*.styles.css 2>/dev/null || true)",
     "document": "weboptimizer document",
     "lint": "yarn clear && weboptimizer lint",
-    "prepare": "ln --force --symbolic react node_modules/@emotion/core && yarn build",
     "patch": "for path in patches/*.patch; do target_file_path=\"$(echo \"$path\" | sed --regexp-extended 's/patches\\/([^/]+).patch$/\\1/' | sed 's:\\+:/:g')\"; source_file_path=\"$path\"; echo \"Patch file \\\"$target_file_path\\\" with \\\"$source_file_path\\\".\"; patch --forward --input \"$source_file_path\" --reject-file - \"$target_file_path\"; done; true",
+    "prepare": "ln --force --symbolic react node_modules/@emotion/core && yarn build",
     "postinstall": "yarn patch || true",
     "serve": "weboptimizer serve",
     "serve:minimal": "weboptimizer serve '{__reference__: \"target:minimal\"}'",

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';
@@ -168,16 +168,18 @@ export declare type CheckboxComponent = InputComponent<CheckboxProps, CheckboxMo
 export declare const checkboxPropertyTypes: PropertiesValidationMap;
 export declare const defaultCheckboxModel: CheckboxModel;
 export declare const defaultCheckboxProperties: DefaultCheckboxProperties;
+export declare type Transformer<T = unknown> = (value: T, configuration: DefaultInputProperties<T>, transformer: InputDataTransformation) => string;
 export interface FormatSpecification<T = unknown> {
     options?: PlainObject;
-    transform?: (_value: T, _configuration: DefaultInputProperties<T>, _transformer: InputDataTransformation) => string;
+    transform?: Transformer<T>;
+}
+export interface FormatSpecifications<T = unknown> {
+    final: FormatSpecification<T>;
+    intermediate?: FormatSpecification<T>;
 }
 export interface DataTransformSpecification<T = unknown, InputType = number | string> {
-    format?: {
-        final: FormatSpecification<T>;
-        intermediate?: FormatSpecification<T>;
-    };
-    parse?: (_value: InputType, _configuration: DefaultInputProperties<T>, _transformer: InputDataTransformation) => T;
+    format?: FormatSpecifications<T>;
+    parse?: (value: InputType, configuration: DefaultInputProperties<T>, transformer: InputDataTransformation) => T;
     type?: NativeInputType;
 }
 export declare type InputDataTransformation = {
@@ -193,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;
@@ -209,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> {
@@ -255,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;
@@ -281,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> {