@xelto.npm/xc2-lib 0.0.39 → 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,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/cjs/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/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
@@ -81420,25 +81415,8 @@ 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 _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"]);
+    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,