@xelto.npm/xc2-lib 0.0.38 → 0.0.40

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/esm/index.js

@@ -65013,7 +65013,7 @@ var StyledCheckbox = styled(Checkbox)(function () {
 });
 var CheckboxComponent = function (_a) {
     var disabled = _a.disabled, label = _a.label, checked = _a.checked, onChange = _a.onChange, indeterminate = _a.indeterminate, _b = _a.forwardedRef, forwardedRef = _b === void 0 ? null : _b, props = __rest(_a, ["disabled", "label", "checked", "onChange", "indeterminate", "forwardedRef"]);
-    return (jsxRuntime.exports.jsx(FormGroup, { children: jsxRuntime.exports.jsx(StyledFormControlLabel, __assign({}, props, { forwardedRef: forwardedRef, classes: { disabled: 'disabled' }, control: jsxRuntime.exports.jsx(StyledCheckbox, { indeterminate: indeterminate, checked: checked, onChange: onChange, disabled: disabled, classes: { disabled: 'disabled' }, icon: jsxRuntime.exports.jsx(Icon, { iconName: "icon_checkbox_default", color: disabled ? 'disabled' : 'red-navy', style: { display: 'flex' } }), checkedIcon: jsxRuntime.exports.jsx(Icon, { iconName: "icon_checkbox_checked", color: disabled ? 'disabled' : 'red-navy', style: { display: 'flex' } }), indeterminateIcon: jsxRuntime.exports.jsx(Icon, { iconName: "icon_checkbox_indeterminate", color: disabled ? 'disabled' : 'red-navy', style: { display: 'flex' } }) }), label: label })) }));
+    return (jsxRuntime.exports.jsx(FormGroup, { children: jsxRuntime.exports.jsx(StyledFormControlLabel, __assign({}, props, { ref: forwardedRef, classes: { disabled: 'disabled' }, control: jsxRuntime.exports.jsx(StyledCheckbox, { indeterminate: indeterminate, checked: checked, onChange: onChange, disabled: disabled, classes: { disabled: 'disabled' }, icon: jsxRuntime.exports.jsx(Icon, { iconName: "icon_checkbox_default", color: disabled ? 'disabled' : 'red-navy', style: { display: 'flex' } }), checkedIcon: jsxRuntime.exports.jsx(Icon, { iconName: "icon_checkbox_checked", color: disabled ? 'disabled' : 'red-navy', style: { display: 'flex' } }), indeterminateIcon: jsxRuntime.exports.jsx(Icon, { iconName: "icon_checkbox_indeterminate", color: disabled ? 'disabled' : 'red-navy', style: { display: 'flex' } }) }), label: label })) }));
 };
 
 function toInteger(dirtyNumber) {
@@ -81281,21 +81281,16 @@ var pickerStyles = function (theme) { return ({
 }); };
 var PickerIcon = React.forwardRef(function (props, ref) { return jsxRuntime.exports.jsx(Icon, __assign({}, props, { iconName: "icon_wf_calendar", color: props.disabled ? 'disabled' : 'red-navy', forwardedRef: ref, style: { display: 'flex' } })); });
 var DatePicker = function (_a) {
-    var value = _a.value, onChange = _a.onChange, _b = _a.label, label = _b === void 0 ? 'Date Picker' : _b, _c = _a.fluid, fluid = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.forwardedRef, forwardedRef = _e === void 0 ? null : _e, props = __rest(_a, ["value", "onChange", "label", "fluid", "disabled", "forwardedRef"]);
+    var value = _a.value, onChange = _a.onChange, _b = _a.label, label = _b === void 0 ? 'Date Picker' : _b, _c = _a.fluid, fluid = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, forwardedRef = _a.forwardedRef, props = __rest(_a, ["value", "onChange", "label", "fluid", "disabled", "forwardedRef"]);
     return (jsxRuntime.exports.jsx(LocalizationProvider, __assign({ dateAdapter: AdapterDateFns }, { children: jsxRuntime.exports.jsx(StyledDatePicker, { label: label, value: value, desktopModeMediaQuery: '@media (min-width: 1020px)', disabled: disabled, inputProps: props, inputRef: forwardedRef, fluid: fluid === true ? 'true' : 'false', onChange: onChange, components: {
                 OpenPickerIcon: function (props) { return jsxRuntime.exports.jsx(PickerIcon, __assign({}, props, { disabled: disabled })); },
-                SwitchViewButton: null,
-                SwitchViewIcon: null,
+                SwitchViewButton: undefined,
+                SwitchViewIcon: undefined,
             }, PaperProps: {
                 sx: pickerStyles(theme)
             }, DialogProps: {
                 sx: pickerStyles(theme)
             }, renderInput: function (params) { return jsxRuntime.exports.jsx(TextField$1, __assign({}, params)); } }) })));
-};
-DatePicker.propTypes = {
-    disabled: propTypes.exports.bool,
-    label: propTypes.exports.string,
-    fluid: propTypes.exports.bool,
 };
 
 // @ts-ignore
@@ -81421,52 +81416,14 @@ var StyledTextField = styled(TextField$1)(function (_a) {
     });
 });
 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 ? 'TextField' : _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 };