@xelto.npm/xc2-lib 0.0.44 → 0.0.45

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

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

package/dist/esm/index.js

@@ -81103,7 +81103,7 @@ process.env.NODE_ENV !== "production" ? DatePicker$1.propTypes = {
 var StyledDatePicker = styled(DatePicker$1)(function (_a) {
     var fluid = _a.fluid;
     return ({
-        width: fluid === 'true' ? '100%' : 'min(100%, 368px)',
+        width: fluid ? '100%' : 'min(100%, 368px)',
         color: theme.mainPallete.primary.blue,
         label: {
             zIndex: 0,
@@ -81142,7 +81142,7 @@ var StyledDatePicker = styled(DatePicker$1)(function (_a) {
             },
         },
         '@media(min-width: 720px)': {
-            width: fluid === 'true' ? '100%' : 'min(100%, 468px)',
+            width: fluid ? '100%' : 'min(100%, 468px)',
             '& label': {
                 transform: 'translate(20px,17px) scale(1)',
                 '&.Mui-focused, &.MuiFormLabel-filled': {
@@ -81159,7 +81159,7 @@ var StyledDatePicker = styled(DatePicker$1)(function (_a) {
             },
         },
         '@media(min-width: 1020px)': {
-            width: fluid === 'true' ? '100%' : 'min(100%, 268px)',
+            width: fluid ? '100%' : 'min(100%, 268px)',
             '& label': {
                 transform: 'translate(20px,10px) scale(1)',
                 '&.Mui-focused, &.MuiFormLabel-filled': {
@@ -81281,10 +81281,9 @@ var pickerStyles = function (theme) { return ({
 }); };
 var PickerIcon = React.forwardRef(function (props, ref) { return jsxRuntime.exports.jsx(Icon$1, __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; _a.fluid; var _d = _a.disabled, disabled = _d === void 0 ? false : _d, forwardedRef = _a.forwardedRef, props = __rest(_a, ["value", "onChange", "label", "fluid", "disabled", "forwardedRef"]);
-    // @ts-ignore
-    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'}
+    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, 
+            // @ts-ignore
             onChange: onChange, components: {
                 OpenPickerIcon: function (props) { return jsxRuntime.exports.jsx(PickerIcon, __assign({}, props, { disabled: disabled })); },
                 SwitchViewButton: undefined,
@@ -81300,7 +81299,7 @@ var DatePicker = function (_a) {
 var StyledTextField = styled(TextField$1)(function (_a) {
     var fluid = _a.fluid, small = _a.small;
     return ({
-        width: fluid === 'true' ? '100%' : 'min(100%, 368px)',
+        width: fluid ? '100%' : 'min(100%, 368px)',
         '& .MuiOutlinedInput-root': {
             color: theme.mainPallete.primary.blue,
             borderRadius: 7,
@@ -81379,7 +81378,7 @@ var StyledTextField = styled(TextField$1)(function (_a) {
             fontSize: 14,
         },
         '@media(min-width: 720px)': {
-            width: fluid === 'true' ? '100%' : 'min(100%, 468px)',
+            width: fluid ? '100%' : 'min(100%, 468px)',
             '& label': {
                 transform: small ? 'translate(20px,6px) scale(1)' : 'translate(20px,17px) scale(1)',
                 '&.Mui-focused, &.MuiFormLabel-filled': {
@@ -81398,7 +81397,7 @@ var StyledTextField = styled(TextField$1)(function (_a) {
             },
         },
         '@media(min-width: 1024px)': {
-            width: fluid === 'true' ? '100%' : 'min(100%, 268px)',
+            width: fluid ? '100%' : 'min(100%, 268px)',
             '& label': {
                 transform: small ? 'translate(20px,6px) scale(1)' : 'translate(20px,10px) scale(1)',
                 '&.Mui-focused, &.MuiFormLabel-filled': {
@@ -81421,7 +81420,7 @@ var StyledTextField = styled(TextField$1)(function (_a) {
 var TextField = function (_a) {
     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"]);
     // @ts-ignore
-    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: {
+    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, ref: forwardedRef, small: small, InputProps: {
             inputProps: {
                 min: min,
                 max: max,