@xelto.npm/xc2-lib 0.0.39 → 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,5 +1,5 @@
-import { FunctionComponent } from "react";
+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: FunctionComponent<TextFieldProps>;
+declare const TextField: React.FunctionComponent<TextFieldProps>;
 export default TextField;

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

@@ -1,18 +1,18 @@
-import * as React from "react";
+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;
+    label?: string;
+    error?: boolean;
+    icon?: string;
+    disabled?: boolean;
+    fluid?: boolean;
+    type?: string;
+    min?: string;
+    max?: string;
+    small?: boolean;
     helperText?: string;
-    value: string;
-    onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-    onBlur?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-    forwardedRef?: null;
+    value?: string;
+    onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    onBlur?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    forwardedRef?: ReactNode;
     endAdornment?: string;
 }

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import propTypes from 'prop-types';
 import * as React from 'react';
-import { FunctionComponent } from 'react';
+import { Ref, ChangeEventHandler, ReactNode } from 'react';
 
 declare const AppTileComponent: ({ header, description, illustrationName, forwardedRef, isBigType, size, color }: {
     header: any;
@@ -96,41 +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 DatePicker: React.FunctionComponent<DatePickerProps>;
 
 interface TextFieldProps {
-    label: string;
-    error: boolean;
-    icon: string;
-    disabled: boolean;
-    fluid: boolean;
-    type: string;
-    min: string;
-    max: string;
-    small: boolean;
+    label?: string;
+    error?: boolean;
+    icon?: string;
+    disabled?: boolean;
+    fluid?: boolean;
+    type?: string;
+    min?: string;
+    max?: string;
+    small?: boolean;
     helperText?: string;
-    value: string;
-    onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-    onBlur?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-    forwardedRef?: null;
+    value?: string;
+    onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    onBlur?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    forwardedRef?: ReactNode;
     endAdornment?: string;
 }
 
-declare const TextField: FunctionComponent<TextFieldProps>;
+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.39",
+  "version": "0.0.40",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",