@xelto.npm/xc2-lib 0.0.38 → 0.0.40

package/dist/esm/types/components/Inputs/datepicker/DatePicker.d.ts

@@ -1,19 +1,4 @@
-/// <reference types="react" />
-import PropTypes from "prop-types";
-declare const DatePicker: {
-    ({ value, onChange, label, fluid, disabled, forwardedRef, ...props }: {
-        [x: string]: any;
-        value: any;
-        onChange: any;
-        label?: string | undefined;
-        fluid?: boolean | undefined;
-        disabled?: boolean | undefined;
-        forwardedRef?: null | undefined;
-    }): JSX.Element;
-    propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        label: PropTypes.Requireable<string>;
-        fluid: PropTypes.Requireable<boolean>;
-    };
-};
+import * as React from 'react';
+import { DatePickerProps } from "./DatePickerProps";
+declare const DatePicker: React.FunctionComponent<DatePickerProps>;
 export default DatePicker;

package/dist/esm/types/components/Inputs/datepicker/DatePickerProps.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from "react";
+export interface DatePickerProps {
+    value: string;
+    disabled?: boolean;
+    label?: string;
+    fluid?: boolean;
+    onChange: (value: unknown, keyboardInputValue?: string) => void;
+    forwardedRef?: Ref<HTMLInputElement>;
+    endAdornment?: string;
+}

package/dist/esm/types/components/Inputs/textfield/TextField.d.ts

@@ -1,56 +1,5 @@
-/// <reference types="react" />
-import propTypes from "prop-types";
+import * as React from 'react';
+import { TextFieldProps } from "./TextFieldProps";
 export declare const StyledTextField: import("@emotion/styled").StyledComponent<import("@mui/material/TextField").TextFieldProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-declare const TextField: {
-    ({ label, error, icon, disabled, fluid, type, min, max, small, helperText, value, onChange, onBlur, forwardedRef, endAdornment, ...props }: {
-        [x: string]: any;
-        label: any;
-        error: any;
-        icon: any;
-        disabled: any;
-        fluid: any;
-        type: any;
-        min: any;
-        max: any;
-        small: any;
-        helperText: any;
-        value: any;
-        onChange: any;
-        onBlur: any;
-        forwardedRef: any;
-        endAdornment: any;
-    }): JSX.Element;
-    propTypes: {
-        label: propTypes.Requireable<string>;
-        icon: propTypes.Requireable<string>;
-        type: propTypes.Requireable<string>;
-        fluid: propTypes.Requireable<boolean>;
-        helperText: propTypes.Requireable<string>;
-        min: propTypes.Requireable<string>;
-        max: propTypes.Requireable<string>;
-        error: propTypes.Requireable<boolean>;
-        disabled: propTypes.Requireable<boolean>;
-        endAdornment: propTypes.Requireable<string>;
-        small: propTypes.Requireable<boolean>;
-        onChange: propTypes.Requireable<(...args: any[]) => any>;
-        onBlur: propTypes.Requireable<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        label: string;
-        icon: string;
-        type: string;
-        fluid: boolean;
-        helperText: string;
-        min: string;
-        max: string;
-        error: boolean;
-        disabled: boolean;
-        endAdornment: string;
-        small: boolean;
-        value: string;
-        forwardedRef: null;
-        onChange: () => null;
-        onBlur: () => null;
-    };
-};
+declare const TextField: React.FunctionComponent<TextFieldProps>;
 export default TextField;

package/dist/esm/types/components/Inputs/textfield/TextFieldProps.d.ts

@@ -0,0 +1,18 @@
+import { ChangeEventHandler, ReactNode } from "react";
+export interface TextFieldProps {
+    label?: string;
+    error?: boolean;
+    icon?: string;
+    disabled?: boolean;
+    fluid?: boolean;
+    type?: string;
+    min?: string;
+    max?: string;
+    small?: boolean;
+    helperText?: string;
+    value?: string;
+    onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    onBlur?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    forwardedRef?: ReactNode;
+    endAdornment?: string;
+}

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import propTypes from 'prop-types';
+import * as React from 'react';
+import { Ref, ChangeEventHandler, ReactNode } from 'react';
 
 declare const AppTileComponent: ({ header, description, illustrationName, forwardedRef, isBigType, size, color }: {
     header: any;
@@ -94,74 +96,36 @@ declare const CheckboxComponent: ({ disabled, label, checked, onChange, indeterm
     forwardedRef?: null | undefined;
 }) => JSX.Element;
 
-declare const DatePicker: {
-    ({ value, onChange, label, fluid, disabled, forwardedRef, ...props }: {
-        [x: string]: any;
-        value: any;
-        onChange: any;
-        label?: string | undefined;
-        fluid?: boolean | undefined;
-        disabled?: boolean | undefined;
-        forwardedRef?: null | undefined;
-    }): JSX.Element;
-    propTypes: {
-        disabled: propTypes.Requireable<boolean>;
-        label: propTypes.Requireable<string>;
-        fluid: propTypes.Requireable<boolean>;
-    };
-};
+interface DatePickerProps {
+    value: string;
+    disabled?: boolean;
+    label?: string;
+    fluid?: boolean;
+    onChange: (value: unknown, keyboardInputValue?: string) => void;
+    forwardedRef?: Ref<HTMLInputElement>;
+    endAdornment?: string;
+}
 
-declare const TextField: {
-    ({ label, error, icon, disabled, fluid, type, min, max, small, helperText, value, onChange, onBlur, forwardedRef, endAdornment, ...props }: {
-        [x: string]: any;
-        label: any;
-        error: any;
-        icon: any;
-        disabled: any;
-        fluid: any;
-        type: any;
-        min: any;
-        max: any;
-        small: any;
-        helperText: any;
-        value: any;
-        onChange: any;
-        onBlur: any;
-        forwardedRef: any;
-        endAdornment: any;
-    }): JSX.Element;
-    propTypes: {
-        label: propTypes.Requireable<string>;
-        icon: propTypes.Requireable<string>;
-        type: propTypes.Requireable<string>;
-        fluid: propTypes.Requireable<boolean>;
-        helperText: propTypes.Requireable<string>;
-        min: propTypes.Requireable<string>;
-        max: propTypes.Requireable<string>;
-        error: propTypes.Requireable<boolean>;
-        disabled: propTypes.Requireable<boolean>;
-        endAdornment: propTypes.Requireable<string>;
-        small: propTypes.Requireable<boolean>;
-        onChange: propTypes.Requireable<(...args: any[]) => any>;
-        onBlur: propTypes.Requireable<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        label: string;
-        icon: string;
-        type: string;
-        fluid: boolean;
-        helperText: string;
-        min: string;
-        max: string;
-        error: boolean;
-        disabled: boolean;
-        endAdornment: string;
-        small: boolean;
-        value: string;
-        forwardedRef: null;
-        onChange: () => null;
-        onBlur: () => null;
-    };
-};
+declare const DatePicker: React.FunctionComponent<DatePickerProps>;
+
+interface TextFieldProps {
+    label?: string;
+    error?: boolean;
+    icon?: string;
+    disabled?: boolean;
+    fluid?: boolean;
+    type?: string;
+    min?: string;
+    max?: string;
+    small?: boolean;
+    helperText?: string;
+    value?: string;
+    onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    onBlur?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    forwardedRef?: ReactNode;
+    endAdornment?: string;
+}
+
+declare const TextField: React.FunctionComponent<TextFieldProps>;
 
 export { AppTileComponent as AppTile, BottomBarComponent as BottomBar, BottomInfoBar, CustomButtonComponent as Button, CheckboxComponent as Checkbox, DatePicker, Icon, IconButtonComponent as IconButton, Illustration, Logo, TextField, TypographyComponent as Typography };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xelto.npm/xc2-lib",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",