@xelto.npm/xc2-lib 0.0.38 → 0.0.39

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

@@ -1,56 +1,5 @@
-/// <reference types="react" />
-import propTypes from "prop-types";
+import { FunctionComponent } 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: FunctionComponent<TextFieldProps>;
 export default TextField;

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

@@ -0,0 +1,18 @@
+import * as React 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?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    onBlur?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    forwardedRef?: null;
+    endAdornment?: string;
+}

package/dist/esm/index.js

@@ -81420,53 +81420,32 @@ var StyledTextField = styled(TextField$1)(function (_a) {
         }
     });
 });
+// type TextFieldProps = {
+//     label: string,
+//     error: boolean,
+//     icon: string,
+//     disabled: boolean,
+//     fluid: boolean,
+//     type: string,
+//     min: string,
+//     max: string,
+//     small: boolean,
+//     helperText: string,
+//     value: string,
+//     onChange: { () : void } | null,
+//     onBlur: { () : void} | null,
+//     forwardedRef: null,
+//     endAdornment: string,
+// }
 var TextField = function (_a) {
-    var label = _a.label, error = _a.error, icon = _a.icon, disabled = _a.disabled, fluid = _a.fluid, type = _a.type, min = _a.min, max = _a.max, small = _a.small, helperText = _a.helperText, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, forwardedRef = _a.forwardedRef, endAdornment = _a.endAdornment, props = __rest(_a, ["label", "error", "icon", "disabled", "fluid", "type", "min", "max", "small", "helperText", "value", "onChange", "onBlur", "forwardedRef", "endAdornment"]);
-    var handleChange = function (e) {
-        return onChange(e);
-    };
-    var handleBlur = function (e) {
-        return onBlur(e);
-    };
-    return (jsxRuntime.exports.jsx(StyledTextField, __assign({}, props, { value: value, onChange: function (e) { return handleChange(e); }, label: label, type: type, variant: "outlined", error: error, onBlur: function (e) { return handleBlur(e); }, disabled: disabled, helperText: error ? helperText : '', fluid: fluid === true ? 'true' : 'false', ref: forwardedRef, small: small, InputProps: {
+    var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.icon, icon = _d === void 0 ? 'icon_wf_keyboard' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.fluid, fluid = _f === void 0 ? false : _f, _g = _a.type, type = _g === void 0 ? 'text' : _g, _h = _a.min, min = _h === void 0 ? '' : _h, _j = _a.max, max = _j === void 0 ? '' : _j, _k = _a.small, small = _k === void 0 ? false : _k, _l = _a.helperText, helperText = _l === void 0 ? '' : _l, _m = _a.value, value = _m === void 0 ? '' : _m, onChange = _a.onChange, onBlur = _a.onBlur, forwardedRef = _a.forwardedRef, _o = _a.endAdornment, endAdornment = _o === void 0 ? '' : _o, props = __rest(_a, ["label", "error", "icon", "disabled", "fluid", "type", "min", "max", "small", "helperText", "value", "onChange", "onBlur", "forwardedRef", "endAdornment"]);
+    return (jsxRuntime.exports.jsx(StyledTextField, __assign({}, props, { value: value, onChange: onChange, label: label, type: type, variant: "outlined", error: error, onBlur: onBlur, disabled: disabled, helperText: error ? helperText : '', fluid: fluid === true ? 'true' : 'false', ref: forwardedRef, small: small, InputProps: {
             inputProps: {
                 min: min,
                 max: max,
             },
             endAdornment: jsxRuntime.exports.jsx(InputAdornment, __assign({ position: "end" }, { children: endAdornment ? endAdornment : jsxRuntime.exports.jsx(Icon, { iconName: icon, color: disabled ? 'disabled' : error ? 'red' : 'red-navy', style: { display: 'flex', alignItems: 'center' }, size: "responsive" }) }))
         } })));
-};
-TextField.propTypes = {
-    label: propTypes.exports.string,
-    icon: propTypes.exports.string,
-    type: propTypes.exports.string,
-    fluid: propTypes.exports.bool,
-    helperText: propTypes.exports.string,
-    min: propTypes.exports.string,
-    max: propTypes.exports.string,
-    error: propTypes.exports.bool,
-    disabled: propTypes.exports.bool,
-    endAdornment: propTypes.exports.string,
-    small: propTypes.exports.bool,
-    onChange: propTypes.exports.func,
-    onBlur: propTypes.exports.func,
-};
-TextField.defaultProps = {
-    label: 'Textfield',
-    icon: 'icon_wf_keyboard',
-    type: 'text',
-    fluid: false,
-    helperText: 'fill in the field correctly',
-    min: '',
-    max: '',
-    error: false,
-    disabled: false,
-    endAdornment: '',
-    small: false,
-    value: '',
-    forwardedRef: null,
-    onChange: function () { return null; },
-    onBlur: function () { return null; },
 };
 
 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 };