@xelto.npm/xc2-lib 0.0.44 → 0.0.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +10 -11
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/Inputs/datepicker/DatePickerProps.d.ts +2 -2
- package/dist/esm/index.js +10 -11
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Inputs/datepicker/DatePickerProps.d.ts +2 -2
- package/dist/index.d.ts +2 -2
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -81123,7 +81123,7 @@ process.env.NODE_ENV !== "production" ? DatePicker$1.propTypes = {
|
|
|
81123
81123
|
var StyledDatePicker = styled(DatePicker$1)(function (_a) {
|
|
81124
81124
|
var fluid = _a.fluid;
|
|
81125
81125
|
return ({
|
|
81126
|
-
width: fluid
|
|
81126
|
+
width: fluid ? '100%' : 'min(100%, 368px)',
|
|
81127
81127
|
color: theme.mainPallete.primary.blue,
|
|
81128
81128
|
label: {
|
|
81129
81129
|
zIndex: 0,
|
|
@@ -81162,7 +81162,7 @@ var StyledDatePicker = styled(DatePicker$1)(function (_a) {
|
|
|
81162
81162
|
},
|
|
81163
81163
|
},
|
|
81164
81164
|
'@media(min-width: 720px)': {
|
|
81165
|
-
width: fluid
|
|
81165
|
+
width: fluid ? '100%' : 'min(100%, 468px)',
|
|
81166
81166
|
'& label': {
|
|
81167
81167
|
transform: 'translate(20px,17px) scale(1)',
|
|
81168
81168
|
'&.Mui-focused, &.MuiFormLabel-filled': {
|
|
@@ -81179,7 +81179,7 @@ var StyledDatePicker = styled(DatePicker$1)(function (_a) {
|
|
|
81179
81179
|
},
|
|
81180
81180
|
},
|
|
81181
81181
|
'@media(min-width: 1020px)': {
|
|
81182
|
-
width: fluid
|
|
81182
|
+
width: fluid ? '100%' : 'min(100%, 268px)',
|
|
81183
81183
|
'& label': {
|
|
81184
81184
|
transform: 'translate(20px,10px) scale(1)',
|
|
81185
81185
|
'&.Mui-focused, &.MuiFormLabel-filled': {
|
|
@@ -81301,10 +81301,9 @@ var pickerStyles = function (theme) { return ({
|
|
|
81301
81301
|
}); };
|
|
81302
81302
|
var PickerIcon = React__namespace.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' } })); });
|
|
81303
81303
|
var DatePicker = function (_a) {
|
|
81304
|
-
var value = _a.value, onChange = _a.onChange, _b = _a.label, label = _b === void 0 ? 'Date Picker' : _b
|
|
81305
|
-
|
|
81306
|
-
|
|
81307
|
-
// fluid={fluid === true ? 'true' : 'false'}
|
|
81304
|
+
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"]);
|
|
81305
|
+
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,
|
|
81306
|
+
// @ts-ignore
|
|
81308
81307
|
onChange: onChange, components: {
|
|
81309
81308
|
OpenPickerIcon: function (props) { return jsxRuntime.exports.jsx(PickerIcon, __assign({}, props, { disabled: disabled })); },
|
|
81310
81309
|
SwitchViewButton: undefined,
|
|
@@ -81320,7 +81319,7 @@ var DatePicker = function (_a) {
|
|
|
81320
81319
|
var StyledTextField = styled(TextField$1)(function (_a) {
|
|
81321
81320
|
var fluid = _a.fluid, small = _a.small;
|
|
81322
81321
|
return ({
|
|
81323
|
-
width: fluid
|
|
81322
|
+
width: fluid ? '100%' : 'min(100%, 368px)',
|
|
81324
81323
|
'& .MuiOutlinedInput-root': {
|
|
81325
81324
|
color: theme.mainPallete.primary.blue,
|
|
81326
81325
|
borderRadius: 7,
|
|
@@ -81399,7 +81398,7 @@ var StyledTextField = styled(TextField$1)(function (_a) {
|
|
|
81399
81398
|
fontSize: 14,
|
|
81400
81399
|
},
|
|
81401
81400
|
'@media(min-width: 720px)': {
|
|
81402
|
-
width: fluid
|
|
81401
|
+
width: fluid ? '100%' : 'min(100%, 468px)',
|
|
81403
81402
|
'& label': {
|
|
81404
81403
|
transform: small ? 'translate(20px,6px) scale(1)' : 'translate(20px,17px) scale(1)',
|
|
81405
81404
|
'&.Mui-focused, &.MuiFormLabel-filled': {
|
|
@@ -81418,7 +81417,7 @@ var StyledTextField = styled(TextField$1)(function (_a) {
|
|
|
81418
81417
|
},
|
|
81419
81418
|
},
|
|
81420
81419
|
'@media(min-width: 1024px)': {
|
|
81421
|
-
width: fluid
|
|
81420
|
+
width: fluid ? '100%' : 'min(100%, 268px)',
|
|
81422
81421
|
'& label': {
|
|
81423
81422
|
transform: small ? 'translate(20px,6px) scale(1)' : 'translate(20px,10px) scale(1)',
|
|
81424
81423
|
'&.Mui-focused, &.MuiFormLabel-filled': {
|
|
@@ -81441,7 +81440,7 @@ var StyledTextField = styled(TextField$1)(function (_a) {
|
|
|
81441
81440
|
var TextField = function (_a) {
|
|
81442
81441
|
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"]);
|
|
81443
81442
|
// @ts-ignore
|
|
81444
|
-
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
|
|
81443
|
+
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: {
|
|
81445
81444
|
inputProps: {
|
|
81446
81445
|
min: min,
|
|
81447
81446
|
max: max,
|