react-input-material 0.0.804 → 0.0.806

package/dist/implementations/type.d.ts

@@ -0,0 +1,166 @@
+import { Mapping } from 'clientnode';
+import { FocusEvent as ReactFocusEvent, KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent, MutableRefObject as RefObject, ReactNode, SyntheticEvent } from 'react';
+import { GenericEvent } from 'react-generic-tools/type';
+import { NativeType } from '../components/TextInput/type';
+import { NormalizedSelection } from '../type';
+export type IconStrategy = 'auto' | 'ligature' | 'className' | 'url' | 'component' | 'custom';
+export type Size = 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+export interface BaseProperties {
+    componentProperties?: Mapping<unknown>;
+    domNodeProperties?: Mapping<unknown>;
+}
+export interface TooltipProperties extends BaseProperties {
+    children: ReactNode;
+    value: string;
+}
+export interface HelpTextProperties extends BaseProperties {
+    persistent?: boolean;
+    validationMsg?: boolean;
+    children: ReactNode;
+}
+export type HelpText = ReactNode | HelpTextProperties;
+export interface LowLevelBaseComponentProperties extends BaseProperties {
+    id?: string;
+    classNames?: Array<string>;
+    styles?: object;
+    onClick?: (event: ReactMouseEvent) => void;
+    onFocus?: (event: ReactFocusEvent) => void;
+    onBlur?: (event: SyntheticEvent) => void;
+    onKeyUp?: (event: ReactKeyboardEvent) => void;
+    onKeyDown?: (event: ReactKeyboardEvent) => void;
+}
+export interface CircularProgressProperties extends BaseProperties {
+    size?: Size;
+}
+export interface ErrorProperties extends BaseProperties {
+    applyToChildren?: boolean;
+    children: ReactNode;
+}
+export interface IconProperties extends LowLevelBaseComponentProperties {
+    size?: Size;
+    icon: ReactNode;
+    strategy?: IconStrategy;
+}
+export interface IconButtonProperties extends IconProperties {
+    onIcon?: string;
+    value?: boolean;
+    disabled?: boolean;
+    onChange?: (event: SyntheticEvent) => void;
+}
+export type InputDomNodes = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export interface InputReference {
+    input: InputDomNodes | null;
+}
+export interface InputProperties<Type> extends LowLevelBaseComponentProperties {
+    ref?: RefObject<InputReference | null>;
+    disabled?: boolean;
+    invalid?: boolean;
+    name?: string;
+    label?: ReactNode;
+    domNodeProperties?: Mapping<unknown>;
+    helpText?: ReactNode | HelpText;
+    onChange?: (eventOrValue: GenericEvent<Type> | Type) => void;
+}
+export declare enum MediaCardRepresentationType {
+    IMAGE = "image",
+    IFRAME = "iframe",
+    TEXT = "text",
+    VIDEO = "video",
+    PENDING = "pending"
+}
+export interface MediaCardReference {
+    card?: HTMLDivElement | null;
+    iFrame?: HTMLIFrameElement | null;
+    downloadLink?: HTMLAnchorElement | null;
+    deleteButton: HTMLElement | null;
+    uploadButton?: HTMLElement | null;
+}
+export interface MediaCardProperties extends LowLevelBaseComponentProperties {
+    ref?: RefObject<MediaCardReference | null>;
+    iframeWrapperClassNames?: Array<string>;
+    textRepresentationClassNames?: Array<string>;
+    infoClassNames?: Array<string>;
+    infoBodyClassNames?: Array<string>;
+    downloadLinkClassNames?: Array<string>;
+    imageClassNames?: Array<string>;
+    deleteButton: ReactNode;
+    downloadButton: ReactNode;
+    editButton: ReactNode;
+    newButton: ReactNode;
+    fileName?: string;
+    name: string;
+    description?: string;
+    declaration?: string;
+    children?: ReactNode;
+    type?: MediaCardRepresentationType;
+    url?: string;
+    content?: ReactNode;
+    contentType?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    errorMessage?: string;
+    empty?: boolean;
+    onChange?: (event?: SyntheticEvent) => void;
+    onClickAddOrEdit?: (event?: ReactMouseEvent) => void;
+}
+export interface CheckboxProperties extends InputProperties<boolean> {
+    indeterminate?: boolean;
+    children?: ReactNode;
+    value: boolean;
+    onChange?: (eventOrValue: GenericEvent<boolean> | boolean) => void;
+}
+export type TextInputProperties<Type> = InputProperties<Type>;
+export interface SelectProperties<Type> extends TextInputProperties<Type> {
+    options: NormalizedSelection;
+    value: Type;
+}
+export interface MenuReference {
+    focusItem: (index: number) => void;
+}
+export interface MenuProperties extends LowLevelBaseComponentProperties {
+    ref?: RefObject<MenuReference | null>;
+    options: Array<ReactNode>;
+    itemClassNames?: Array<string>;
+    pendingClassNames?: Array<string>;
+    open?: boolean;
+    pending?: boolean;
+    onSelect?: (event: SyntheticEvent) => void;
+}
+export interface TypeTextInputProperties<Type> extends TextInputProperties<Type> {
+    value?: Type;
+    characterCount?: boolean;
+    required?: boolean;
+    maximumLength?: number;
+    minimumLength?: number;
+    placeholder?: string;
+    onLabelClick?: (event: ReactMouseEvent) => void;
+}
+export interface TextFieldProperties extends TypeTextInputProperties<string> {
+    type?: NativeType;
+    maximum?: number;
+    minimum?: number;
+    step?: number;
+    leadingIcon?: IconProperties | string;
+    trailingIcon?: IconProperties | string;
+}
+export interface InputEventWrapper {
+    blur: (event: object) => void;
+    focus: (event: object) => void;
+    input: (value: number | string, event: object) => void;
+}
+export interface EventMapperWrapperReference<Type = unknown> {
+    input: Type | null;
+    eventMapper: InputEventWrapper;
+}
+export interface TextAreaReference extends InputReference {
+    input: HTMLTextAreaElement | null;
+    label: HTMLLabelElement | null;
+}
+export interface TextAreaProperties extends TypeTextInputProperties<string> {
+    ref?: RefObject<TextAreaReference | null>;
+    classNamePrefix?: string;
+    resizeable?: boolean;
+    rows?: number;
+    children?: ReactNode;
+    barContentSlot?: ReactNode;
+}

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+export { Checkbox } from './components/Checkbox';
+export { FileInput } from './components/FileInput';
+export { Interval } from './components/Interval';
+export { Inputs } from './components/Inputs';
+export { TextInput } from './components/TextInput';
+export { WrapConfigurations } from './components/Wrapper/WrapConfigurations';
+export { WrapStrict } from './components/Wrapper/WrapStrict';
+export { WrapThemeProvider } from './components/Wrapper/WrapThemeProvider';
+export { WrapTooltip } from './components/Wrapper/WrapTooltip';
+export * from './helper';
+export * from './type';
+export * as CheckboxTypes from './components/Checkbox/type';
+export * as FileInputTypes from './components/FileInput/type';
+export * as IntervalTypes from './components/Interval/type';
+export * as InputsTypes from './components/Inputs/type';
+export * as TextInputTypes from './components/TextInput/type';

package/dist/type.d.ts

@@ -0,0 +1,135 @@
+import { Mapping, Primitive } from 'clientnode';
+import { Requireable } from 'clientnode/property-types';
+import { ComponentClass, FocusEvent, ForwardRefExoticComponent, FunctionComponent, MouseEvent, ReactElement, RefAttributes } from 'react';
+import { GenericEvent } from 'react-generic-tools/type';
+import { ComponentAdapter, StaticWebComponent as StaticBaseWebComponent, ValidationMapping } from 'web-component-wrapper/type';
+import { ThemeProviderProps } from '@rmwc/theme';
+export declare const PrimitiveTypes: readonly ["boolean", "DateTime", "integer", "number", "string"];
+export type PrimitiveType = typeof PrimitiveTypes[number];
+export type Type = boolean | number | string | object;
+export type TypeDefinition = Array<TypeDefinition> | Type;
+export interface SelectionOption {
+    label: string;
+    value: Primitive;
+}
+export type NormalizedSelection = Array<SelectionOption>;
+export type BaseSelectionDefinition = Array<Primitive> | Mapping | NormalizedSelection;
+export type SelectionDefinition = Array<[Primitive, string]> | BaseSelectionDefinition;
+export interface CommonBaseModel<Type = unknown> {
+    declaration: string;
+    description: string;
+    name: string;
+    emptyEqualsNull: boolean;
+    maximum: number | string;
+    minimum: number | string;
+    maximumLength: number;
+    minimumLength: number;
+    type: TypeDefinition;
+    trim: boolean;
+    value?: Type;
+}
+export interface ModelState {
+    dirty: boolean;
+    pristine: boolean;
+    touched: boolean;
+    untouched: boolean;
+    focused: boolean;
+    visited: boolean;
+    invalid: boolean;
+    valid: boolean;
+    invalidRequired: boolean;
+}
+export type Pattern = Array<RegExp | string> | RegExp | string;
+export interface BaseModel<T = unknown> extends CommonBaseModel<T> {
+    pattern?: Pattern;
+    invertedPattern?: Pattern;
+    selection?: BaseSelectionDefinition;
+    mutable: boolean;
+    writable: boolean;
+    nullable: boolean;
+    state?: ModelState;
+}
+export interface BaseProperties<T = unknown> extends CommonBaseModel<T>, ModelState {
+    className: Array<string> | string;
+    styles: Mapping;
+    themeConfiguration: ThemeProviderProps['options'];
+    disabled: boolean;
+    enforceUncontrolled: boolean;
+    id?: string;
+    label: string;
+    name: string;
+    initialValue: T;
+    model: BaseModel<T>;
+    required: boolean;
+    requiredText: string;
+    componentProperties: Mapping<unknown>;
+    domNodeProperties: Mapping<unknown>;
+    selection?: SelectionDefinition;
+    showDeclaration: boolean;
+    showInitialValidationState: boolean;
+    showValidationState: boolean;
+    tooltip: string;
+    triggerInitialPropertiesConsolidation: boolean;
+}
+export type BaseProps<T = unknown> = Partial<Omit<BaseProperties<T>, 'model'>> & {
+    model?: (Partial<Omit<BaseModel<T>, 'state'>> & {
+        state?: Partial<ModelState>;
+    });
+};
+export type DefaultBaseProperties<T = unknown> = Omit<BaseProps<T>, 'model'> & {
+    model: BaseModel<T>;
+};
+export interface TypedProperties<T = unknown> extends BaseProperties<T> {
+    initialValue: T;
+    model: BaseModel<T>;
+    onBlur: (event: GenericEvent | undefined, properties: this) => void;
+    onChange: (properties: this, event?: GenericEvent) => void;
+    onChangeShowDeclaration: (show: boolean, event: GenericEvent | undefined, properties: this) => void;
+    onChangeState: (state: ModelState, event: GenericEvent | undefined, properties: this) => void;
+    onChangeValue: (value: T, event: GenericEvent | undefined, properties: this) => void;
+    onClick: (event: MouseEvent, properties: this) => void;
+    onFocus: (event: FocusEvent, properties: this) => void;
+    onTouch: (event: GenericEvent, properties: this) => void;
+}
+export type Properties<T = unknown> = TypedProperties<T> & CommonBaseModel<T>;
+export type Props<T = unknown> = Partial<Omit<Properties<T>, 'model'>> & {
+    model?: (Partial<Omit<BaseModel<T>, 'state'>> & {
+        state?: Partial<ModelState>;
+    });
+};
+export type DefaultProperties<T = unknown> = Omit<Props<T>, 'model'> & {
+    model: BaseModel<T>;
+};
+export interface State<T = unknown> {
+    modelState?: ModelState;
+    value?: null | T;
+}
+export interface ValueState<T = unknown, MS = ModelState> {
+    modelState: MS;
+    value: null | T;
+}
+export interface StaticWebComponent<Type, MS = ModelState, DP = DefaultProperties<Type>> extends StaticBaseWebComponent<Type> {
+    defaultModelState: MS;
+    defaultProperties: DP;
+    strict: boolean;
+}
+export type StaticComponent<Type, P = Props, MS = ModelState, DP = DefaultProperties<Type>> = Omit<ComponentClass<P>, 'propTypes'> & StaticWebComponent<Type, MS, DP>;
+export type StaticFunctionComponent<Type, P = Props, MS = ModelState, DP = DefaultProperties<Type>> = Omit<FunctionComponent<P>, 'propTypes'> & StaticComponent<Type, P, MS, DP>;
+export interface Component<ValueType, ComponentType, P = Props<ValueType>, MS = ModelState, DP = DefaultProperties<ValueType>, A = ComponentAdapter<P>> extends Omit<ForwardRefExoticComponent<P>, 'propTypes'>, StaticWebComponent<ComponentType, MS, DP> {
+    (props: P & RefAttributes<A>): ReactElement;
+}
+export declare const baseModelPropertyTypes: ValidationMapping;
+export declare const modelStatePropertyTypes: {
+    [key in keyof ModelState]: Requireable<boolean | symbol>;
+};
+export declare const modelPropertyTypes: ValidationMapping;
+export declare const propertyTypes: ValidationMapping;
+export declare const defaultModelState: ModelState;
+export declare const defaultModel: BaseModel<string>;
+export declare const defaultProperties: DefaultProperties;
+export interface ConfigurationProperties {
+    strict?: boolean;
+    themeConfiguration?: ThemeProviderProps['options'];
+    tooltip?: Properties['tooltip'];
+    wrap?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-input-material",
-  "version": "0.0.804",
+  "version": "0.0.806",
   "description": "Reusable material design based input field with support for (richt-)text, code, selections, numbers, dates and so on.",
   "keywords": [
     "form-field",
@@ -16,6 +16,25 @@
   },
   "license": "CC-BY-3.0",
   "main": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./components/*": "./dist/components/*",
+    "./helper": "./dist/helper.js",
+    "./type": "./dist/type.js"
+  },
+  "typesVersions": {
+    "*": {
+      "components": [
+        "./dist/components"
+      ],
+      "implementations": [
+        "./dist/type"
+      ],
+      "helper": [
+        "./dist/helper"
+      ]
+    }
+  },
   "author": {
     "name": "Torben Sickert",
     "email": "info@torben.website",
@@ -78,6 +97,7 @@
     "dist/index.d.ts",
     "dist/index.js",
     "dist/implementations/rmwc/material.css",
+    "dist/implementations/type.d.ts",
     "dist/type.d.ts",
     "dist/type.js"
   ],
@@ -159,7 +179,7 @@
     "@typescript-eslint/eslint-plugin": "^8.57.2",
     "@typescript-eslint/parser": "^8.57.2",
     "blob-util": "^2.0.2",
-    "clientnode": "4.0.1362",
+    "clientnode": "4.0.1363",
     "css-loader": "^7.1.4",
     "cssnano": "^7.1.3",
     "documentation-website": "^1.0.401",
@@ -181,7 +201,7 @@
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-generic-animate": "^0.0.116",
+    "react-generic-animate": "^0.0.117",
     "react-generic-dummy": "^0.0.124",
     "react-generic-tools": "^0.0.110",
     "react-transition-group": "^4.4.5",
@@ -194,7 +214,7 @@
     "typescript-eslint": "^8.57.2",
     "typescript-plugin-css-modules": "^5.2.0",
     "web-component-wrapper": "^0.0.549",
-    "weboptimizer": "^3.0.13",
+    "weboptimizer": "^3.0.14",
     "webpack-dev-server": "^5.2.3"
   },
   "peerDependencies": {