tp-react-elements-dev 1.12.35 → 1.14.0
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/_virtual/_commonjsHelpers.esm.js +30 -0
- package/dist/_virtual/defaultRanges.esm.js +3 -0
- package/dist/_virtual/index.esm.esm.js +6 -0
- package/dist/_virtual/index.esm.js +5 -0
- package/dist/_virtual/index.esm10.js +3 -0
- package/dist/_virtual/index.esm11.js +3 -0
- package/dist/_virtual/index.esm12.js +3 -0
- package/dist/_virtual/index.esm13.js +3 -0
- package/dist/_virtual/index.esm14.js +3 -0
- package/dist/_virtual/index.esm2.js +3 -0
- package/dist/_virtual/index.esm3.js +3 -0
- package/dist/_virtual/index.esm4.js +3 -0
- package/dist/_virtual/index.esm5.js +3 -0
- package/dist/_virtual/index.esm6.js +3 -0
- package/dist/_virtual/index.esm7.js +3 -0
- package/dist/_virtual/index.esm8.js +3 -0
- package/dist/_virtual/index.esm9.js +3 -0
- package/dist/_virtual/react-is.development.esm.js +3 -0
- package/dist/_virtual/react-is.production.min.esm.js +3 -0
- package/dist/_virtual/react-list.esm.js +3 -0
- package/dist/_virtual/styles.esm.js +3 -0
- package/dist/_virtual/utils.esm.js +3 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +6 -0
- package/dist/components/DateRangePicker/DateRangePicker.esm.js +83 -0
- package/dist/components/DateRangePicker/index.d.ts +2 -0
- package/dist/components/DateRangePicker/index.esm.js +5 -0
- package/dist/components/Form/FormConstants.esm.js +1 -0
- package/dist/components/Form/FormRender.esm.js +4 -0
- package/dist/components/Form/FormRenderWrapper.esm.js +1 -1
- package/dist/components/FormComponents/FormTextFieldWithSelect/FormTextFieldWithSelect.esm.js +11 -15
- package/dist/index.esm.css +1 -1
- package/dist/node_modules/classnames/index.esm.js +85 -0
- package/dist/node_modules/object-assign/index.esm.js +99 -0
- package/dist/node_modules/prop-types/checkPropTypes.esm.js +115 -0
- package/dist/node_modules/prop-types/factoryWithThrowingShims.esm.js +74 -0
- package/dist/node_modules/prop-types/factoryWithTypeCheckers.esm.js +625 -0
- package/dist/node_modules/prop-types/index.esm.js +33 -0
- package/dist/node_modules/prop-types/lib/ReactPropTypesSecret.esm.js +21 -0
- package/dist/node_modules/prop-types/lib/has.esm.js +11 -0
- package/dist/node_modules/prop-types/node_modules/react-is/cjs/react-is.development.esm.js +190 -0
- package/dist/node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.esm.js +26 -0
- package/dist/node_modules/prop-types/node_modules/react-is/index.esm.js +19 -0
- package/dist/node_modules/react-date-range/dist/accessibility/index.esm.js +29 -0
- package/dist/node_modules/react-date-range/dist/components/Calendar/index.esm.js +644 -0
- package/dist/node_modules/react-date-range/dist/components/DateInput/index.esm.js +153 -0
- package/dist/node_modules/react-date-range/dist/components/DateRange/index.esm.js +212 -0
- package/dist/node_modules/react-date-range/dist/components/DateRangePicker/index.esm.js +72 -0
- package/dist/node_modules/react-date-range/dist/components/DayCell/index.esm.js +252 -0
- package/dist/node_modules/react-date-range/dist/components/DefinedRange/index.esm.js +166 -0
- package/dist/node_modules/react-date-range/dist/components/InputRangeField/index.esm.js +91 -0
- package/dist/node_modules/react-date-range/dist/components/Month/index.esm.js +146 -0
- package/dist/node_modules/react-date-range/dist/defaultRanges.esm.js +111 -0
- package/dist/node_modules/react-date-range/dist/index.esm.js +70 -0
- package/dist/node_modules/react-date-range/dist/styles.esm.js +69 -0
- package/dist/node_modules/react-date-range/dist/utils.esm.js +93 -0
- package/dist/node_modules/react-list/react-list.esm.js +647 -0
- package/dist/node_modules/shallow-equal/dist/index.esm.esm.js +53 -0
- package/dist/utils/Interface/FormInterface.d.ts +2 -1
- package/package.json +5 -11
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
function getAugmentedNamespace(n) {
|
|
2
|
+
if (Object.prototype.hasOwnProperty.call(n, '__esModule')) return n;
|
|
3
|
+
var f = n.default;
|
|
4
|
+
if (typeof f == "function") {
|
|
5
|
+
var a = function a () {
|
|
6
|
+
var isInstance = false;
|
|
7
|
+
try {
|
|
8
|
+
isInstance = this instanceof a;
|
|
9
|
+
} catch {}
|
|
10
|
+
if (isInstance) {
|
|
11
|
+
return Reflect.construct(f, arguments, this.constructor);
|
|
12
|
+
}
|
|
13
|
+
return f.apply(this, arguments);
|
|
14
|
+
};
|
|
15
|
+
a.prototype = f.prototype;
|
|
16
|
+
} else a = {};
|
|
17
|
+
Object.defineProperty(a, '__esModule', {value: true});
|
|
18
|
+
Object.keys(n).forEach(function (k) {
|
|
19
|
+
var d = Object.getOwnPropertyDescriptor(n, k);
|
|
20
|
+
Object.defineProperty(a, k, d.get ? d : {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () {
|
|
23
|
+
return n[k];
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
return a;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export { getAugmentedNamespace };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import 'react-date-range/dist/styles.css';
|
|
2
|
+
import 'react-date-range/dist/theme/default.css';
|
|
3
|
+
import { FormRenderProps } from '../../utils';
|
|
4
|
+
import './DateRangePicker.scss';
|
|
5
|
+
declare const DateRangePickerComponent: ({ item, control, watch, setValue, getValues, clearErrors, errors, register, }: FormRenderProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default DateRangePickerComponent;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
3
|
+
import { Controller } from 'react-hook-form';
|
|
4
|
+
import { d as distExports } from '../../_virtual/index.esm.js';
|
|
5
|
+
import FormBottomField from '../FormComponents/FormBottomField/FormBottomField.esm.js';
|
|
6
|
+
import { Box, TextField, Popover } from '@mui/material';
|
|
7
|
+
import { format, parse, isValid } from 'date-fns';
|
|
8
|
+
|
|
9
|
+
const DateRangePickerComponent = ({ item, control, watch, setValue, getValues, clearErrors, errors, register, }) => {
|
|
10
|
+
// Using a generic type for anchorEl to avoid environment-specific linting issues.
|
|
11
|
+
const [anchorEl, setAnchorEl] = useState(null);
|
|
12
|
+
const fromDateName = item.name;
|
|
13
|
+
const toDateName = `${item.name}_to`;
|
|
14
|
+
const fromDateValue = watch(fromDateName);
|
|
15
|
+
const toDateValue = watch(toDateName);
|
|
16
|
+
const getValidDate = (dateString) => {
|
|
17
|
+
if (!dateString)
|
|
18
|
+
return undefined;
|
|
19
|
+
const date = parse(dateString, 'dd/MM/yyyy', new Date());
|
|
20
|
+
return isValid(date) ? date : undefined;
|
|
21
|
+
};
|
|
22
|
+
const [state, setState] = useState([
|
|
23
|
+
{
|
|
24
|
+
startDate: getValidDate(fromDateValue),
|
|
25
|
+
endDate: getValidDate(toDateValue),
|
|
26
|
+
key: 'selection',
|
|
27
|
+
},
|
|
28
|
+
]);
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
const fromDate = watch(fromDateName);
|
|
31
|
+
const toDate = watch(toDateName);
|
|
32
|
+
setState([
|
|
33
|
+
{
|
|
34
|
+
startDate: getValidDate(fromDate),
|
|
35
|
+
endDate: getValidDate(toDate),
|
|
36
|
+
key: 'selection',
|
|
37
|
+
},
|
|
38
|
+
]);
|
|
39
|
+
}, [fromDateValue, toDateValue, watch, fromDateName, toDateName]);
|
|
40
|
+
const handleClick = (event) => {
|
|
41
|
+
setAnchorEl(event.currentTarget);
|
|
42
|
+
};
|
|
43
|
+
const handleClose = () => {
|
|
44
|
+
setAnchorEl(null);
|
|
45
|
+
};
|
|
46
|
+
const open = Boolean(anchorEl);
|
|
47
|
+
const id = open ? 'date-range-popover' : undefined;
|
|
48
|
+
const displayValue = state[0].startDate && state[0].endDate
|
|
49
|
+
? `${format(state[0].startDate, 'dd/MM/yyyy')} - ${format(state[0].endDate, 'dd/MM/yyyy')}`
|
|
50
|
+
: '';
|
|
51
|
+
return (jsxs(Fragment, { children: [jsx(Box, { onClick: handleClick, sx: { width: '100%' }, children: jsx(Controller, { name: fromDateName, control: control, render: ({ fieldState }) => (jsx(TextField, { fullWidth: true, value: displayValue, placeholder: item.placeholder || 'dd/MM/yyyy - dd/MM/yyyy', error: !!fieldState.error, InputProps: {
|
|
52
|
+
readOnly: true,
|
|
53
|
+
}, size: "small" })) }) }), jsx(Popover, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
|
|
54
|
+
vertical: 'bottom',
|
|
55
|
+
horizontal: 'left',
|
|
56
|
+
}, PaperProps: {
|
|
57
|
+
style: {
|
|
58
|
+
transform: 'scale(0.9)',
|
|
59
|
+
transformOrigin: 'top left',
|
|
60
|
+
},
|
|
61
|
+
}, children: jsx(distExports.DateRange, { editableDateInputs: false, onChange: (range) => {
|
|
62
|
+
const selection = range.selection;
|
|
63
|
+
setState([selection]);
|
|
64
|
+
if (selection.startDate) {
|
|
65
|
+
setValue(fromDateName, format(selection.startDate, 'dd/MM/yyyy'), { shouldValidate: true, shouldDirty: true });
|
|
66
|
+
}
|
|
67
|
+
if (selection.endDate) {
|
|
68
|
+
setValue(toDateName, format(selection.endDate, 'dd/MM/yyyy'), { shouldValidate: true, shouldDirty: true });
|
|
69
|
+
}
|
|
70
|
+
if (selection.startDate && selection.endDate && selection.startDate?.getTime() !== selection.endDate?.getTime()) {
|
|
71
|
+
handleClose();
|
|
72
|
+
}
|
|
73
|
+
}, moveRangeOnFirstSelection: false, ranges: state, months: 2, direction: "horizontal", showDateDisplay: false, dateDisplayFormat: "dd/MM/yyyy", rangeColors: ['#82a7e2'] }) }), jsx(FormBottomField, { item,
|
|
74
|
+
control,
|
|
75
|
+
errors,
|
|
76
|
+
getValues,
|
|
77
|
+
setValue,
|
|
78
|
+
clearErrors,
|
|
79
|
+
register,
|
|
80
|
+
watch })] }));
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
export { DateRangePickerComponent as default };
|
|
@@ -12,6 +12,7 @@ const useFormValidatingContext = (formArray) => {
|
|
|
12
12
|
formArray.forEach((field) => {
|
|
13
13
|
switch (field.inputType) {
|
|
14
14
|
case 'text':
|
|
15
|
+
case 'input-select':
|
|
15
16
|
initialValues[field.name] = '';
|
|
16
17
|
if (field.required && field.errorMessage) {
|
|
17
18
|
validationShape[field.name] = (validationShape[field.name] || Yup.string())
|
|
@@ -13,6 +13,7 @@ import MultiSelectAutocomplete from '../FormComponents/Select/MultiSelectAutocom
|
|
|
13
13
|
import SingleSelectNonAutoComplete from '../FormComponents/Select/SingleSelectNonAutoComplete.esm.js';
|
|
14
14
|
import FormActiveSwitch from './FormActiveSwitch.esm.js';
|
|
15
15
|
import FormTextFieldWithSelect from '../FormComponents/FormTextFieldWithSelect/FormTextFieldWithSelect.esm.js';
|
|
16
|
+
import DateRangePickerComponent from '../DateRangePicker/DateRangePicker.esm.js';
|
|
16
17
|
|
|
17
18
|
// Lazy-loaded heavy components
|
|
18
19
|
const RichTextEditorWrapper = lazy(() => import('../RichTextEditor/index.esm.js').then((m) => ({ default: m.RichTextEditorWrapper })));
|
|
@@ -125,6 +126,9 @@ const RenderForm = (props) => {
|
|
|
125
126
|
// Toggle switch (active/inactive)
|
|
126
127
|
case 'toggleSwitch':
|
|
127
128
|
return jsx(FormActiveSwitch, { props: props }, props.item.name);
|
|
129
|
+
// Toggle switch (active/inactive)
|
|
130
|
+
case 'date-range-picker':
|
|
131
|
+
return jsx(DateRangePickerComponent, { ...props }, props.item.name);
|
|
128
132
|
// Default case: if input type is not found, return nothing
|
|
129
133
|
default:
|
|
130
134
|
return jsx(Fragment, {});
|
|
@@ -21,7 +21,7 @@ const FormRenderWrapper = ({ formArray, name = '', numberOfColumns = 3, form, va
|
|
|
21
21
|
* Maps through the form array and renders each item with appropriate configuration
|
|
22
22
|
*/
|
|
23
23
|
return (jsx(FormComponent, { container: true, margin: 'auto', children: formArray.map((item, i) => {
|
|
24
|
-
return (item.inputType && (jsx(Formitem, { container: true, sx: item.CustomProps, noOfColumn: item.numberOfColumns || numberOfColumns, children: item.inputType === 'custom' ? (item.FormElement || jsx(Fragment, {})) : (jsx(RenderForm, { item: item, register: form.register, control: form.control, errors: errors, getValues: form.getValues, clearErrors: form.clearErrors, setValue: form.setValue, variant: variant, fieldError: fieldError })) }, `${name}_${i}`)));
|
|
24
|
+
return (item.inputType && (jsx(Formitem, { container: true, sx: item.CustomProps, noOfColumn: item.numberOfColumns || numberOfColumns, children: item.inputType === 'custom' ? (item.FormElement || jsx(Fragment, {})) : (jsx(RenderForm, { item: item, register: form.register, control: form.control, errors: errors, getValues: form.getValues, clearErrors: form.clearErrors, setValue: form.setValue, watch: form.watch, variant: variant, fieldError: fieldError })) }, `${name}_${i}`)));
|
|
25
25
|
}) }));
|
|
26
26
|
};
|
|
27
27
|
/**
|
package/dist/components/FormComponents/FormTextFieldWithSelect/FormTextFieldWithSelect.esm.js
CHANGED
|
@@ -46,11 +46,10 @@ const FormTextFieldWithSelect = ({ props, variant, }) => {
|
|
|
46
46
|
* For non-standard variants, appends an asterisk if the field is required
|
|
47
47
|
*/
|
|
48
48
|
const label = variant !== 'standard' ? `${props.item.label}${props.item.required ? ' *' : ''}` : '';
|
|
49
|
-
const SelectValue = props.getValues(props.item.name + 'SelectValue');
|
|
50
49
|
/**
|
|
51
50
|
* Handles input events with various text restrictions
|
|
52
51
|
*
|
|
53
|
-
* @param {
|
|
52
|
+
* @param {React.ChangeEvent<HTMLInputElement>} e - The input event object
|
|
54
53
|
*
|
|
55
54
|
* @remarks
|
|
56
55
|
* - Removes spaces if donotAllowSpace is true
|
|
@@ -88,19 +87,16 @@ const FormTextFieldWithSelect = ({ props, variant, }) => {
|
|
|
88
87
|
'aria-labelledby': `${props.item.name}-label`,
|
|
89
88
|
'aria-describedby': `${props.item.name}-helper ${props.item.name}-error`,
|
|
90
89
|
'aria-required': props.item.required ? true : undefined,
|
|
91
|
-
} }), jsx(
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
}, disabled: props.item.disable, error: !!fieldState.error, children: props?.item?.options?.map((item) => {
|
|
102
|
-
return jsx(MenuItem, { value: item.value, children: item.label });
|
|
103
|
-
}) })] }), jsx(FormBottomField, { ...props })] })) }, props.item.name));
|
|
90
|
+
} }), jsx(Controller, { control: props.control, name: `${props.item.name}SelectValue`, render: ({ field: selectField }) => (jsx(Select, { ...selectField, value: selectField.value || '', size: "small", sx: {
|
|
91
|
+
// '& .MuiOutlinedInput-root': {
|
|
92
|
+
borderTopLeftRadius: 0,
|
|
93
|
+
borderBottomLeftRadius: 0,
|
|
94
|
+
minWidth: '120px',
|
|
95
|
+
borderLeft: 'none',
|
|
96
|
+
// },
|
|
97
|
+
}, disabled: props.item.disable, error: !!fieldState.error, children: props?.item?.options?.map((item) => {
|
|
98
|
+
return (jsx(MenuItem, { value: item.value, children: item.label }, item.value));
|
|
99
|
+
}) })) })] }), jsx(FormBottomField, { ...props })] })) }, props.item.name));
|
|
104
100
|
};
|
|
105
101
|
|
|
106
102
|
export { FormTextFieldWithSelect as default };
|
package/dist/index.esm.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-form__input .prestashop-switch.switch{display:block;height:30px;position:relative;width:160px}.m-form__input .prestashop-switch.switch.stactv{display:block;height:30px;position:relative;width:162px}.prestashop-switch.switch{background-color:#eee;border:1px solid #ccc;border-radius:50px;-webkit-box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);color:#333;text-align:center}.prestashop-switch.switch *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.m-form__input .prestashop-switch.switch *{outline:0!important}.m-form__input .prestashop-switch.switch input[type=radio]{line-height:normal;margin:4px 0 0;opacity:0;position:absolute}.m-form__input .prestashop-switch.switch label,.m-form__input .prestashop-switch.switch>span{display:inline-block;line-height:30px;max-width:100%;vertical-align:middle}.m-form__input .prestashop-switch.switch label{color:#bbb;cursor:pointer;float:left;font-size:11px;font-weight:400;height:100%;margin:0;position:relative;text-align:center;text-transform:uppercase;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out;width:50%;z-index:2}.m-form__input .prestashop-switch.switch input:checked+label{color:#fff}.m-form__input .prestashop-switch.switch a,.m-form__input .prestashop-switch.switch span span{display:none}.m-form__input .prestashop-switch.switch a{background-color:green;border:1px solid green;border-radius:50px;-webkit-box-shadow:inset -1px 0 green;-moz-box-shadow:inset 0 -1px 0 green;box-shadow:inset 0 -1px 0 green;color:#fff;display:block;height:100%;left:0;padding:0;position:absolute;top:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:50%;z-index:1}.m-form__input{align-items:center;display:flex}.m-form__input .prestashop-switch.switch input:last-of-type:checked~a{background-color:#ec5c29;border:1px solid #fb561c;-webkit-box-shadow:inset 0 -1px 0 #fb561c;-moz-box-shadow:inset 0 -1px 0 #fb561c;box-shadow:inset 0 -1px 0 #fb561c;left:50%}#list-component{background-color:#fff;max-height:200px;overflow:auto!important}#list-component #MuiScrol-listbox{max-height:none!important;overflow:visible}.css-k2lwa0,.css-svpvcz-MuiFormLabel-root-MuiInputLabel-root{background:#fff;font-size:14px!important}
|
|
1
|
+
.m-form__input .prestashop-switch.switch{display:block;height:30px;position:relative;width:160px}.m-form__input .prestashop-switch.switch.stactv{display:block;height:30px;position:relative;width:162px}.prestashop-switch.switch{background-color:#eee;border:1px solid #ccc;border-radius:50px;-webkit-box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);color:#333;text-align:center}.prestashop-switch.switch *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.m-form__input .prestashop-switch.switch *{outline:0!important}.m-form__input .prestashop-switch.switch input[type=radio]{line-height:normal;margin:4px 0 0;opacity:0;position:absolute}.m-form__input .prestashop-switch.switch label,.m-form__input .prestashop-switch.switch>span{display:inline-block;line-height:30px;max-width:100%;vertical-align:middle}.m-form__input .prestashop-switch.switch label{color:#bbb;cursor:pointer;float:left;font-size:11px;font-weight:400;height:100%;margin:0;position:relative;text-align:center;text-transform:uppercase;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out;width:50%;z-index:2}.m-form__input .prestashop-switch.switch input:checked+label{color:#fff}.m-form__input .prestashop-switch.switch a,.m-form__input .prestashop-switch.switch span span{display:none}.m-form__input .prestashop-switch.switch a{background-color:green;border:1px solid green;border-radius:50px;-webkit-box-shadow:inset -1px 0 green;-moz-box-shadow:inset 0 -1px 0 green;box-shadow:inset 0 -1px 0 green;color:#fff;display:block;height:100%;left:0;padding:0;position:absolute;top:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:50%;z-index:1}.m-form__input{align-items:center;display:flex}.m-form__input .prestashop-switch.switch input:last-of-type:checked~a{background-color:#ec5c29;border:1px solid #fb561c;-webkit-box-shadow:inset 0 -1px 0 #fb561c;-moz-box-shadow:inset 0 -1px 0 #fb561c;box-shadow:inset 0 -1px 0 #fb561c;left:50%}#list-component{background-color:#fff;max-height:200px;overflow:auto!important}#list-component #MuiScrol-listbox{max-height:none!important;overflow:visible}.css-k2lwa0,.css-svpvcz-MuiFormLabel-root-MuiInputLabel-root{background:#fff;font-size:14px!important}.rdrCalendarWrapper{background:#fff;box-sizing:border-box;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{color:inherit;flex:1 1;text-align:center;width:0}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{align-items:center;display:flex;flex:1 1 auto;justify-content:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{box-sizing:inherit;flex-basis:14.28571%;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{color:red;font-size:1.6em;line-height:1.6em;position:absolute;right:.25em;top:0}.rdrDay{box-sizing:inherit;cursor:pointer;font:inherit;position:relative;width:14.28571%}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align:auto){.rdrDay{flex-basis:14.285%!important}}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 2px 0 rgba(35,57,66,.21)}.rdrDateDisplayItem input{background:transparent;border:0;color:#849095;cursor:pointer;height:2.5em;line-height:2.5em;width:100%}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;border:0;border-radius:4px;color:#3e484f;cursor:pointer;outline:0;padding:10px 30px 10px 10px;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:rgba(0,0,0,.07)}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{background:#eff2f7;border:0;border-radius:5px;display:block;height:24px;margin:0 .833em;padding:0;width:24px}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{border-style:solid;display:block;height:0;margin:auto;padding:0;text-align:center;transform:translate(-3px);width:0}.rdrPprevButton i{border-color:transparent #34495e transparent transparent;border-width:4px 6px 4px 4px;transform:translate(-3px)}.rdrNextButton i{border-color:transparent transparent transparent #34495e;border-width:4px 4px 4px 6px;margin:0 0 0 7px;transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{color:#849095;font-weight:400;line-height:2.667em}.rdrDay{background:transparent;border:0;color:#1d2429;height:3em;line-height:3em;padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDay:focus{outline:0}.rdrDayNumber{align-items:center;bottom:0;bottom:5px;display:flex;font-weight:300;justify-content:center;left:0;outline:0;position:absolute;right:0;top:0;top:5px}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{background:#3d91ff;border-radius:2px;bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:18px}.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span{color:hsla(0,0%,100%,.85)}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{background:currentColor;bottom:5px;left:0;position:absolute;right:0;top:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrEndEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview{border-bottom-left-radius:1.333em;border-left-width:1px;border-top-left-radius:1.333em;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-bottom-right-radius:1.333em;border-right-width:1px;border-top-right-radius:1.333em;right:0}.rdrDayEndPreview,.rdrDayInPreview,.rdrDayStartPreview{background:hsla(0,0%,100%,.09);border:0 solid;bottom:3px;left:0;pointer-events:none;position:absolute;right:0;top:3px;z-index:1}.rdrDayStartPreview{border-bottom-left-radius:1.333em;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:1.333em;border-top-width:1px;left:0}.rdrDayInPreview{border-bottom-width:1px;border-top-width:1px}.rdrDayEndPreview{border-bottom-right-radius:1.333em;border-bottom-width:1px;border-right-width:1px;border-top-right-radius:1.333em;border-top-width:1px;right:2px;right:0}.rdrDefinedRangesWrapper{background:#fff;border-right:1px solid #eff2f7;font-size:12px;width:226px}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{background:#fff;border:0;border-bottom:1px solid #eff2f7;cursor:pointer;display:block;outline:0;padding:0}.rdrStaticRange:focus .rdrStaticRangeLabel,.rdrStaticRange:hover .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;line-height:18px;outline:0;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{border:1px solid #dee7eb;border-radius:4px;color:#6c767a;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;color:#333;outline:0}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{background:transparent;border:1px solid;border-radius:1.333em;bottom:-2px;content:"";left:0;position:absolute;right:0;top:-2px}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrDayEndPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrStartEdge{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrDayEndPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrStartEdge{filter:grayscale(100%) opacity(60%)}.rdrMonthName{color:#849095;font-weight:600;padding:.833em;text-align:left}.rdrCalendarWrapper .rdrEndEdge,.rdrCalendarWrapper .rdrInRange,.rdrCalendarWrapper .rdrStartEdge{background:#82a7e2!important}.rdrCalendarWrapper .rdrDayNumber span{color:#333}.rdrCalendarWrapper .rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrCalendarWrapper .rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrCalendarWrapper .rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.rdrCalendarWrapper .rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span{color:#fff!important}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { __module as classnames } from '../../_virtual/index.esm7.js';
|
|
2
|
+
|
|
3
|
+
/*!
|
|
4
|
+
Copyright (c) 2018 Jed Watson.
|
|
5
|
+
Licensed under the MIT License (MIT), see
|
|
6
|
+
http://jedwatson.github.io/classnames
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
var hasRequiredClassnames;
|
|
10
|
+
|
|
11
|
+
function requireClassnames () {
|
|
12
|
+
if (hasRequiredClassnames) return classnames.exports;
|
|
13
|
+
hasRequiredClassnames = 1;
|
|
14
|
+
(function (module) {
|
|
15
|
+
/* global define */
|
|
16
|
+
|
|
17
|
+
(function () {
|
|
18
|
+
|
|
19
|
+
var hasOwn = {}.hasOwnProperty;
|
|
20
|
+
|
|
21
|
+
function classNames () {
|
|
22
|
+
var classes = '';
|
|
23
|
+
|
|
24
|
+
for (var i = 0; i < arguments.length; i++) {
|
|
25
|
+
var arg = arguments[i];
|
|
26
|
+
if (arg) {
|
|
27
|
+
classes = appendClass(classes, parseValue(arg));
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
return classes;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function parseValue (arg) {
|
|
35
|
+
if (typeof arg === 'string' || typeof arg === 'number') {
|
|
36
|
+
return arg;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
if (typeof arg !== 'object') {
|
|
40
|
+
return '';
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
if (Array.isArray(arg)) {
|
|
44
|
+
return classNames.apply(null, arg);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
|
|
48
|
+
return arg.toString();
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
var classes = '';
|
|
52
|
+
|
|
53
|
+
for (var key in arg) {
|
|
54
|
+
if (hasOwn.call(arg, key) && arg[key]) {
|
|
55
|
+
classes = appendClass(classes, key);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
return classes;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
function appendClass (value, newClass) {
|
|
63
|
+
if (!newClass) {
|
|
64
|
+
return value;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
if (value) {
|
|
68
|
+
return value + ' ' + newClass;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
return value + newClass;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
if (module.exports) {
|
|
75
|
+
classNames.default = classNames;
|
|
76
|
+
module.exports = classNames;
|
|
77
|
+
} else {
|
|
78
|
+
window.classNames = classNames;
|
|
79
|
+
}
|
|
80
|
+
}());
|
|
81
|
+
} (classnames));
|
|
82
|
+
return classnames.exports;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
export { requireClassnames as __require };
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
/*
|
|
2
|
+
object-assign
|
|
3
|
+
(c) Sindre Sorhus
|
|
4
|
+
@license MIT
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
var objectAssign;
|
|
8
|
+
var hasRequiredObjectAssign;
|
|
9
|
+
|
|
10
|
+
function requireObjectAssign () {
|
|
11
|
+
if (hasRequiredObjectAssign) return objectAssign;
|
|
12
|
+
hasRequiredObjectAssign = 1;
|
|
13
|
+
/* eslint-disable no-unused-vars */
|
|
14
|
+
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
|
15
|
+
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
16
|
+
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
|
|
17
|
+
|
|
18
|
+
function toObject(val) {
|
|
19
|
+
if (val === null || val === undefined) {
|
|
20
|
+
throw new TypeError('Object.assign cannot be called with null or undefined');
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
return Object(val);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
function shouldUseNative() {
|
|
27
|
+
try {
|
|
28
|
+
if (!Object.assign) {
|
|
29
|
+
return false;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
// Detect buggy property enumeration order in older V8 versions.
|
|
33
|
+
|
|
34
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
|
|
35
|
+
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
|
|
36
|
+
test1[5] = 'de';
|
|
37
|
+
if (Object.getOwnPropertyNames(test1)[0] === '5') {
|
|
38
|
+
return false;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
42
|
+
var test2 = {};
|
|
43
|
+
for (var i = 0; i < 10; i++) {
|
|
44
|
+
test2['_' + String.fromCharCode(i)] = i;
|
|
45
|
+
}
|
|
46
|
+
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
|
|
47
|
+
return test2[n];
|
|
48
|
+
});
|
|
49
|
+
if (order2.join('') !== '0123456789') {
|
|
50
|
+
return false;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
54
|
+
var test3 = {};
|
|
55
|
+
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
|
|
56
|
+
test3[letter] = letter;
|
|
57
|
+
});
|
|
58
|
+
if (Object.keys(Object.assign({}, test3)).join('') !==
|
|
59
|
+
'abcdefghijklmnopqrst') {
|
|
60
|
+
return false;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
return true;
|
|
64
|
+
} catch (err) {
|
|
65
|
+
// We don't expect any of the above to throw, but better to be safe.
|
|
66
|
+
return false;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
|
|
71
|
+
var from;
|
|
72
|
+
var to = toObject(target);
|
|
73
|
+
var symbols;
|
|
74
|
+
|
|
75
|
+
for (var s = 1; s < arguments.length; s++) {
|
|
76
|
+
from = Object(arguments[s]);
|
|
77
|
+
|
|
78
|
+
for (var key in from) {
|
|
79
|
+
if (hasOwnProperty.call(from, key)) {
|
|
80
|
+
to[key] = from[key];
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
if (getOwnPropertySymbols) {
|
|
85
|
+
symbols = getOwnPropertySymbols(from);
|
|
86
|
+
for (var i = 0; i < symbols.length; i++) {
|
|
87
|
+
if (propIsEnumerable.call(from, symbols[i])) {
|
|
88
|
+
to[symbols[i]] = from[symbols[i]];
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
return to;
|
|
95
|
+
};
|
|
96
|
+
return objectAssign;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
export { requireObjectAssign as __require };
|