intelicoreact 1.6.20 → 1.6.21
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/Atomic/FormElements/ActionAlert/ActionAlert.js +1 -102
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -89
- package/dist/Atomic/FormElements/Calendar/Calendar.js +1 -232
- package/dist/Atomic/FormElements/Calendar/Calendar.props.js +1 -3
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +1 -101
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +1 -70
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +1 -350
- package/dist/Atomic/FormElements/Datepicker/Datepicker.props.js +1 -3
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.js +1 -177
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.props.js +1 -3
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +1 -561
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -20
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +1 -405
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +1 -94
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +1 -105
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +1 -67
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +1 -247
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +1 -160
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +1 -193
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +1 -135
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js +1 -116
- package/dist/Atomic/FormElements/Input/Input.js +1 -467
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +1 -161
- package/dist/Atomic/FormElements/InputColor/InputColor.js +1 -64
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +1 -166
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +1 -354
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +1 -71
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +1 -693
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +1 -254
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +1 -32
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +1 -200
- package/dist/Atomic/FormElements/InputLink/InputLink.js +1 -99
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +1 -37
- package/dist/Atomic/FormElements/InputMask/InputMask.js +1 -1214
- package/dist/Atomic/FormElements/InputMask/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask/functions.js +1 -58
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +1 -674
- package/dist/Atomic/FormElements/InputMask2/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask2/functions.js +1 -58
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +1 -766
- package/dist/Atomic/FormElements/InputMask3/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask3/functions.js +1 -58
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +1 -114
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +1 -140
- package/dist/Atomic/FormElements/Label/Label.js +1 -82
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +1 -506
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +1 -45
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +1 -331
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +1 -66
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +1 -80
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +1 -64
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +1 -54
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +1 -183
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +1 -209
- package/dist/Atomic/FormElements/RangeList/RangeList.js +1 -175
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +1 -43
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +1 -443
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +1 -858
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +1 -39
- package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -59
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +1 -50
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +1 -47
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +1 -96
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +1 -40
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +1 -64
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +1 -170
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +1 -202
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +1 -67
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +1 -115
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1 -826
- package/dist/Atomic/FormElements/Text/Text.js +1 -125
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +1 -45
- package/dist/Atomic/FormElements/Textarea/Textarea.js +1 -80
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +1 -176
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +1 -62
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +1 -127
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +1 -220
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +1 -83
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +1 -82
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +1 -101
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -29
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +1 -113
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +1 -30
- package/dist/Atomic/Layout/Header/Header.js +1 -85
- package/dist/Atomic/Layout/Spinner/Spinner.js +1 -39
- package/dist/Atomic/UI/Accordion/Accordion.js +1 -118
- package/dist/Atomic/UI/Accordion/AccordionItem.js +1 -181
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +1 -238
- package/dist/Atomic/UI/AccordionText/AccordionText.js +1 -69
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +1 -207
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +1 -56
- package/dist/Atomic/UI/Alert/Alert.js +1 -72
- package/dist/Atomic/UI/Arrow/Arrow.js +1 -132
- package/dist/Atomic/UI/Box/Box.js +1 -52
- package/dist/Atomic/UI/Button/Button.js +1 -89
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +1 -72
- package/dist/Atomic/UI/Chart/Chart.js +1 -172
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +1 -95
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +1 -80
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +1 -188
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +1 -335
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +1 -43
- package/dist/Atomic/UI/Chart/partial/utils.js +1 -60
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +1 -109
- package/dist/Atomic/UI/DateTime/DateTime.js +1 -57
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +1 -44
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +1 -15
- package/dist/Atomic/UI/DoubleString/DoubleString.js +1 -102
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +1 -226
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +1 -221
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +1 -106
- package/dist/Atomic/UI/Hint/Hint.js +1 -193
- package/dist/Atomic/UI/Hint/partials/_utils.js +1 -51
- package/dist/Atomic/UI/Modal/Modal.js +1 -188
- package/dist/Atomic/UI/Modal/ModalHOC.js +1 -72
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +1 -46
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +1 -83
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +1 -200
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.js +1 -75
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +1 -80
- package/dist/Atomic/UI/NavLine/NavLine.js +1 -293
- package/dist/Atomic/UI/PageTitle/PageTitle.js +1 -75
- package/dist/Atomic/UI/PieChart/PieChart.js +1 -42
- package/dist/Atomic/UI/Price/Price.js +1 -22
- package/dist/Atomic/UI/PriceRange/PriceRange.js +1 -36
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +1 -71
- package/dist/Atomic/UI/Status/Status.js +1 -59
- package/dist/Atomic/UI/Table/Partials/TdCell.js +1 -87
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +1 -38
- package/dist/Atomic/UI/Table/Partials/TdRow.js +1 -99
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +1 -52
- package/dist/Atomic/UI/Table/Table.js +1 -63
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +1 -80
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +1 -28
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +1 -13
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +1 -53
- package/dist/Atomic/UI/Tag/Tag.js +1 -160
- package/dist/Atomic/UI/TagList/TagList.js +1 -251
- package/dist/Atomic/UI/UserBox/UserBox.js +1 -73
- package/dist/Atomic/UI/WizardStepper/constructor.js +1 -84
- package/dist/Atomic/UI/WizardStepper/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +1 -37
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +1 -61
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +1 -39
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +1 -49
- package/dist/Atomic/UI/WizardStepper/ui/index.js +1 -3
- package/dist/Classes/AbortableFetch.js +1 -454
- package/dist/Classes/AnimatedHandler.js +1 -47
- package/dist/Classes/RESTAPI/index.js +1 -228
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +1 -457
- package/dist/Classes/RESTAPI/partials/ApiBase.js +1 -48
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +1 -112
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +1 -189
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +1 -252
- package/dist/Classes/RESTAPI/partials/Utils.js +1 -92
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +1 -3
- package/dist/Classes/RESTAPI/partials/_utils.js +1 -197
- package/dist/Constants/index.constants.js +1 -78
- package/dist/Functions/Portal.js +1 -22
- package/dist/Functions/customEventListener.js +1 -96
- package/dist/Functions/dateTime.js +1 -149
- package/dist/Functions/fieldValueFormatters.js +1 -405
- package/dist/Functions/guards/assertions.js +1 -66
- package/dist/Functions/guards/safeValue.js +1 -30
- package/dist/Functions/guards/typeGuards.js +1 -116
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +1 -95
- package/dist/Functions/locale/createTranslator.js +1 -32
- package/dist/Functions/operations.js +1 -130
- package/dist/Functions/presets/inputMaskPresets.js +1 -170
- package/dist/Functions/presets/inputPresets.js +1 -60
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +1 -45
- package/dist/Functions/schemas.js +1 -31
- package/dist/Functions/useBodyScrollLock.js +1 -17
- package/dist/Functions/useClickOutside.js +1 -15
- package/dist/Functions/useDebounce.js +1 -17
- package/dist/Functions/useFieldFocus.js +1 -84
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +1 -39
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +1 -159
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +1 -78
- package/dist/Functions/useFormTools/functions/General.js +1 -134
- package/dist/Functions/useFormTools/functions/RenderFields.js +1 -111
- package/dist/Functions/useFormTools/functions/usePrevious.js +1 -12
- package/dist/Functions/useFormTools/index.js +1 -778
- package/dist/Functions/useInputHighlightError.js +1 -67
- package/dist/Functions/useIsMobile/useIsMobile.js +1 -53
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +1 -21
- package/dist/Functions/useKeyPress/useKeyPress.js +1 -75
- package/dist/Functions/useLocalStorage.js +1 -34
- package/dist/Functions/useLocationParams.js +1 -27
- package/dist/Functions/useMediaQuery.js +1 -17
- package/dist/Functions/useMetaInfo.js +1 -43
- package/dist/Functions/useMouseUpOutside.js +1 -16
- package/dist/Functions/useOnlineStatus.js +1 -29
- package/dist/Functions/usePasswordChecker.js +1 -110
- package/dist/Functions/usePrevious.js +1 -12
- package/dist/Functions/useResize.js +1 -31
- package/dist/Functions/useScrollTo.js +1 -17
- package/dist/Functions/useToggle.js +1 -17
- package/dist/Functions/utils.js +1 -522
- package/dist/Langs.js +1 -168
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +1 -21
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +1 -23
- package/dist/Molecular/CustomIcons/components/AppStore.js +1 -29
- package/dist/Molecular/CustomIcons/components/Arrow.js +1 -32
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +1 -17
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +1 -22
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +1 -22
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +1 -17
- package/dist/Molecular/CustomIcons/components/Bell.js +1 -15
- package/dist/Molecular/CustomIcons/components/Button.js +1 -12
- package/dist/Molecular/CustomIcons/components/Campaigns.js +1 -16
- package/dist/Molecular/CustomIcons/components/Check.js +1 -14
- package/dist/Molecular/CustomIcons/components/Check2.js +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +1 -27
- package/dist/Molecular/CustomIcons/components/Close.js +1 -14
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +1 -17
- package/dist/Molecular/CustomIcons/components/Delete.js +1 -16
- package/dist/Molecular/CustomIcons/components/Edit.js +1 -15
- package/dist/Molecular/CustomIcons/components/Email.js +1 -31
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +1 -18
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +1 -35
- package/dist/Molecular/CustomIcons/components/Flows.js +1 -15
- package/dist/Molecular/CustomIcons/components/Gift.js +1 -25
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +1 -29
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +1 -29
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +1 -19
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +1 -20
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +1 -19
- package/dist/Molecular/CustomIcons/components/Home.js +1 -16
- package/dist/Molecular/CustomIcons/components/Home2.js +1 -22
- package/dist/Molecular/CustomIcons/components/Key.js +1 -23
- package/dist/Molecular/CustomIcons/components/Landers.js +1 -20
- package/dist/Molecular/CustomIcons/components/Lock.js +1 -15
- package/dist/Molecular/CustomIcons/components/Mail.js +1 -26
- package/dist/Molecular/CustomIcons/components/Mastercard.js +1 -73
- package/dist/Molecular/CustomIcons/components/Minus.js +1 -25
- package/dist/Molecular/CustomIcons/components/Offers.js +1 -16
- package/dist/Molecular/CustomIcons/components/Pause.js +1 -28
- package/dist/Molecular/CustomIcons/components/PayPal.js +1 -41
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +1 -28
- package/dist/Molecular/CustomIcons/components/Phone.js +1 -30
- package/dist/Molecular/CustomIcons/components/Play.js +1 -25
- package/dist/Molecular/CustomIcons/components/Plus.js +1 -25
- package/dist/Molecular/CustomIcons/components/Profile.js +1 -16
- package/dist/Molecular/CustomIcons/components/QRCode.js +1 -29
- package/dist/Molecular/CustomIcons/components/Rectangle.js +1 -12
- package/dist/Molecular/CustomIcons/components/Revert.js +1 -13
- package/dist/Molecular/CustomIcons/components/Star.js +1 -14
- package/dist/Molecular/CustomIcons/components/Star2.js +1 -16
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +1 -14
- package/dist/Molecular/CustomIcons/components/Trash.js +1 -15
- package/dist/Molecular/CustomIcons/components/TrashRed.js +1 -15
- package/dist/Molecular/CustomIcons/components/Triggers.js +1 -15
- package/dist/Molecular/CustomIcons/components/User.js +1 -25
- package/dist/Molecular/CustomIcons/components/Visa.js +1 -31
- package/dist/Molecular/CustomIcons/components/X.js +1 -12
- package/dist/Molecular/CustomIcons/index.js +1 -61
- package/dist/Molecular/FormElement/FormElement.js +1 -54
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +1 -184
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +1 -53
- package/dist/Molecular/InputAddress/InputAddress.js +1 -620
- package/dist/Molecular/InputPassword/InputPassword.js +1 -48
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,183 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
import moment from "moment-timezone";
|
|
5
|
-
|
|
6
|
-
import Arrow from "../../UI/Arrow/Arrow";
|
|
7
|
-
|
|
8
|
-
import "./RangeCalendar.scss";
|
|
9
|
-
|
|
10
|
-
const RangeCalendar = (props) => {
|
|
11
|
-
const {
|
|
12
|
-
className,
|
|
13
|
-
date,
|
|
14
|
-
setDate,
|
|
15
|
-
startDate,
|
|
16
|
-
endDate,
|
|
17
|
-
allowPrev = true,
|
|
18
|
-
allowNext = true,
|
|
19
|
-
onClick = () => {},
|
|
20
|
-
onHover = () => {},
|
|
21
|
-
startPrevDate,
|
|
22
|
-
endPrevDate,
|
|
23
|
-
limitRange,
|
|
24
|
-
isShortWeekNames,
|
|
25
|
-
minDate,
|
|
26
|
-
maxDate,
|
|
27
|
-
momentMinDate,
|
|
28
|
-
momentMaxDate,
|
|
29
|
-
isDontLimitFuture,
|
|
30
|
-
testId = "range-calendar",
|
|
31
|
-
} = props;
|
|
32
|
-
|
|
33
|
-
const [days, setDays] = useState({});
|
|
34
|
-
|
|
35
|
-
const title = useMemo(
|
|
36
|
-
() => `${moment(date).format("MMM")} ${moment(date).format("YYYY")}`,
|
|
37
|
-
[date],
|
|
38
|
-
);
|
|
39
|
-
|
|
40
|
-
useEffect(() => {
|
|
41
|
-
const result = {};
|
|
42
|
-
const day = moment(date).startOf("month");
|
|
43
|
-
const daysInMonth = day.daysInMonth();
|
|
44
|
-
for (let d = 0; d < daysInMonth; d += 1) {
|
|
45
|
-
let week = day.week();
|
|
46
|
-
if (day.month() === 11 && week === 1) week = 53;
|
|
47
|
-
if (day.month() === 0 && week === 53) week = 0;
|
|
48
|
-
if (!Object.prototype.hasOwnProperty.call(result, week)) {
|
|
49
|
-
result[week] = {};
|
|
50
|
-
}
|
|
51
|
-
result[week][day.weekday()] = { date: day.toDate() };
|
|
52
|
-
day.add(1, "d");
|
|
53
|
-
}
|
|
54
|
-
setDays(result);
|
|
55
|
-
}, [date]);
|
|
56
|
-
|
|
57
|
-
const renderDay = (week, dayOfWeek) => {
|
|
58
|
-
const day = days[week][dayOfWeek];
|
|
59
|
-
const isFutureDay = day && moment(day.date).isAfter(moment(), "day");
|
|
60
|
-
const isPastDay = limitRange
|
|
61
|
-
? day &&
|
|
62
|
-
moment(day.date).isBefore(moment().subtract(limitRange, "days"), "day")
|
|
63
|
-
: null;
|
|
64
|
-
const isRangeStart = day && moment(day.date).isSame(startDate, "day");
|
|
65
|
-
const isRangeEnd =
|
|
66
|
-
day &&
|
|
67
|
-
moment(day.date).isSame(moment(endDate).subtract(1, "hour"), "day");
|
|
68
|
-
const isRangeInside =
|
|
69
|
-
day &&
|
|
70
|
-
startDate &&
|
|
71
|
-
endDate &&
|
|
72
|
-
moment(day.date).isAfter(startDate, "day") &&
|
|
73
|
-
moment(day.date).isBefore(moment(endDate).subtract(1, "hour"), "day");
|
|
74
|
-
const isPrevRangeEnd =
|
|
75
|
-
day &&
|
|
76
|
-
(moment(day.date).isSame(startPrevDate, "day") ||
|
|
77
|
-
moment(day.date).isSame(moment(endPrevDate).subtract(1, "day"), "day"));
|
|
78
|
-
const isPrevRangeInside =
|
|
79
|
-
day &&
|
|
80
|
-
startPrevDate &&
|
|
81
|
-
endPrevDate &&
|
|
82
|
-
moment(day.date).isAfter(startPrevDate, "day") &&
|
|
83
|
-
moment(day.date).isBefore(moment(endPrevDate).subtract(1, "day"), "day");
|
|
84
|
-
const classNames = cn(
|
|
85
|
-
"range-calendar__day",
|
|
86
|
-
{ "range-calendar__day--clickable": day },
|
|
87
|
-
{
|
|
88
|
-
"range-calendar__day--disabled":
|
|
89
|
-
isPastDay ||
|
|
90
|
-
(minDate && moment(day?.date).isBefore(momentMinDate, "day")) ||
|
|
91
|
-
(!isDontLimitFuture &&
|
|
92
|
-
(maxDate ? moment(day?.date).isAfter(momentMaxDate) : isFutureDay)),
|
|
93
|
-
},
|
|
94
|
-
{ "range-calendar__day--range-start": isRangeStart },
|
|
95
|
-
{ "range-calendar__day--range-end": isRangeEnd },
|
|
96
|
-
{ "range-calendar__day--range-inside": isRangeInside },
|
|
97
|
-
{ "range-calendar__day--prev-range-end": isPrevRangeEnd },
|
|
98
|
-
{ "range-calendar__day--prev-range-inside": isPrevRangeInside },
|
|
99
|
-
);
|
|
100
|
-
|
|
101
|
-
return (
|
|
102
|
-
<div
|
|
103
|
-
key={`${week}_${dayOfWeek}`}
|
|
104
|
-
className={classNames}
|
|
105
|
-
onClick={day ? (e) => onClick(day.date, e) : null}
|
|
106
|
-
onMouseOver={day ? () => onHover(day.date) : null}
|
|
107
|
-
onMouseLeave={() => onHover(null)}
|
|
108
|
-
>
|
|
109
|
-
<span className="calendar__day-num">{day && day.date.getDate()}</span>
|
|
110
|
-
</div>
|
|
111
|
-
);
|
|
112
|
-
};
|
|
113
|
-
|
|
114
|
-
const handlePrev = () => {
|
|
115
|
-
setDate(moment(date).subtract(1, "month").toDate());
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
const handleNext = () => {
|
|
119
|
-
setDate(moment(date).add(1, "month").toDate());
|
|
120
|
-
};
|
|
121
|
-
|
|
122
|
-
const getFormatedWeekName = (input) =>
|
|
123
|
-
isShortWeekNames ? input.charAt(0) : input;
|
|
124
|
-
|
|
125
|
-
return (
|
|
126
|
-
<div className={cn("range-calendar", className)} data-testid={testId}>
|
|
127
|
-
<div className="range-calendar-header">
|
|
128
|
-
<Arrow
|
|
129
|
-
type="left"
|
|
130
|
-
disabled={
|
|
131
|
-
!allowPrev ||
|
|
132
|
-
(minDate &&
|
|
133
|
-
moment(date)
|
|
134
|
-
.startOf("month")
|
|
135
|
-
.isSameOrBefore(momentMinDate, "months"))
|
|
136
|
-
}
|
|
137
|
-
onClick={handlePrev}
|
|
138
|
-
className="range-calendar-header__prev"
|
|
139
|
-
/>
|
|
140
|
-
|
|
141
|
-
<div className="range-calendar-header__title">{title}</div>
|
|
142
|
-
|
|
143
|
-
<Arrow
|
|
144
|
-
type="right"
|
|
145
|
-
disabled={
|
|
146
|
-
!allowNext ||
|
|
147
|
-
(!isDontLimitFuture &&
|
|
148
|
-
moment(date)
|
|
149
|
-
.startOf("month")
|
|
150
|
-
.isSameOrAfter(
|
|
151
|
-
maxDate
|
|
152
|
-
? momentMaxDate
|
|
153
|
-
: moment().add(1, "day").startOf("day"),
|
|
154
|
-
"months",
|
|
155
|
-
))
|
|
156
|
-
}
|
|
157
|
-
onClick={handleNext}
|
|
158
|
-
className="range-calendar-header__next"
|
|
159
|
-
/>
|
|
160
|
-
</div>
|
|
161
|
-
|
|
162
|
-
<div className="range-calendar__week range-calendar__week-title">
|
|
163
|
-
{[...Array(7).keys()].map((dayOfWeek) => {
|
|
164
|
-
return (
|
|
165
|
-
<div
|
|
166
|
-
key={`day-of-week_${dayOfWeek}`}
|
|
167
|
-
className="range-calendar__day range-calendar__day--title"
|
|
168
|
-
>
|
|
169
|
-
{getFormatedWeekName(moment().weekday(dayOfWeek).format("dd"))}
|
|
170
|
-
</div>
|
|
171
|
-
);
|
|
172
|
-
})}
|
|
173
|
-
</div>
|
|
174
|
-
{Object.keys(days).map((week, index) => (
|
|
175
|
-
<div key={`week_${index}`} className="range-calendar__week">
|
|
176
|
-
{[...Array(7).keys()].map((dayOfWeek) => renderDay(week, dayOfWeek))}
|
|
177
|
-
</div>
|
|
178
|
-
))}
|
|
179
|
-
</div>
|
|
180
|
-
);
|
|
181
|
-
};
|
|
182
|
-
|
|
183
|
-
export default RangeCalendar;
|
|
1
|
+
function e(e,a){(null==a||a>e.length)&&(a=e.length);for(var r=0,t=Array(a);r<a;r++)t[r]=e[r];return t}function a(a){return function(a){if(Array.isArray(a))return e(a)}(a)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||r(a)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(a,r){if(a){if("string"==typeof a)return e(a,r);var t=Object.prototype.toString.call(a).slice(8,-1);if("Object"===t&&a.constructor&&(t=a.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return e(a,r)}}import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useEffect as o,useMemo as d,useState as i}from"react";import l from"classnames";import c from"moment-timezone";import s from"../../UI/Arrow/Arrow";import"./RangeCalendar.scss";export default function(e){var u,m=e.className,f=e.date,y=e.setDate,h=e.startDate,v=e.endDate,_=e.allowPrev,g=e.allowNext,p=e.onClick,b=void 0===p?function(){}:p,A=e.onHover,k=void 0===A?function(){}:A,w=e.startPrevDate,S=e.endPrevDate,D=e.limitRange,N=e.isShortWeekNames,O=e.minDate,j=e.maxDate,x=e.momentMinDate,M=e.momentMaxDate,I=e.isDontLimitFuture,C=e.testId,B=(u=i({}),function(e){if(Array.isArray(e))return e}(u)||function(e,a){var r,t,n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o=[],d=!0,i=!1;try{for(n=n.call(e);!(d=(r=n.next()).done)&&(o.push(r.value),o.length!==a);d=!0);}catch(e){i=!0,t=e}finally{try{d||null==n.return||n.return()}finally{if(i)throw t}}return o}}(u,2)||r(u,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),P=B[0],Y=B[1],E=d(function(){return"".concat(c(f).format("MMM")," ").concat(c(f).format("YYYY"))},[f]);o(function(){for(var e={},a=c(f).startOf("month"),r=a.daysInMonth(),t=0;t<r;t+=1){var n=a.week();11===a.month()&&1===n&&(n=53),0===a.month()&&53===n&&(n=0),Object.prototype.hasOwnProperty.call(e,n)||(e[n]={}),e[n][a.weekday()]={date:a.toDate()},a.add(1,"d")}Y(e)},[f]);var L=function(e,a){var r=P[e][a],n=r&&c(r.date).isAfter(c(),"day"),o=D?r&&c(r.date).isBefore(c().subtract(D,"days"),"day"):null,d=r&&c(r.date).isSame(h,"day"),i=r&&c(r.date).isSame(c(v).subtract(1,"hour"),"day"),s=r&&h&&v&&c(r.date).isAfter(h,"day")&&c(r.date).isBefore(c(v).subtract(1,"hour"),"day"),u=r&&(c(r.date).isSame(w,"day")||c(r.date).isSame(c(S).subtract(1,"day"),"day")),m=r&&w&&S&&c(r.date).isAfter(w,"day")&&c(r.date).isBefore(c(S).subtract(1,"day"),"day");return t("div",{className:l("range-calendar__day",{"range-calendar__day--clickable":r},{"range-calendar__day--disabled":o||O&&c(null==r?void 0:r.date).isBefore(x,"day")||!I&&(j?c(null==r?void 0:r.date).isAfter(M):n)},{"range-calendar__day--range-start":d},{"range-calendar__day--range-end":i},{"range-calendar__day--range-inside":s},{"range-calendar__day--prev-range-end":u},{"range-calendar__day--prev-range-inside":m}),onClick:r?function(e){return b(r.date,e)}:null,onMouseOver:r?function(){return k(r.date)}:null,onMouseLeave:function(){return k(null)},children:t("span",{className:"calendar__day-num",children:r&&r.date.getDate()})},"".concat(e,"_").concat(a))};return n("div",{className:l("range-calendar",m),"data-testid":void 0===C?"range-calendar":C,children:[n("div",{className:"range-calendar-header",children:[t(s,{type:"left",disabled:!(void 0===_||_)||O&&c(f).startOf("month").isSameOrBefore(x,"months"),onClick:function(){y(c(f).subtract(1,"month").toDate())},className:"range-calendar-header__prev"}),t("div",{className:"range-calendar-header__title",children:E}),t(s,{type:"right",disabled:!(void 0===g||g)||!I&&c(f).startOf("month").isSameOrAfter(j?M:c().add(1,"day").startOf("day"),"months"),onClick:function(){y(c(f).add(1,"month").toDate())},className:"range-calendar-header__next"})]}),t("div",{className:"range-calendar__week range-calendar__week-title",children:a(Array(7).keys()).map(function(e){var a;return t("div",{className:"range-calendar__day range-calendar__day--title",children:(a=c().weekday(e).format("dd"),N?a.charAt(0):a)},"day-of-week_".concat(e))})}),Object.keys(P).map(function(e,r){return t("div",{className:"range-calendar__week",children:a(Array(7).keys()).map(function(a){return L(e,a)})},"week_".concat(r))})]})}
|
|
@@ -1,209 +1 @@
|
|
|
1
|
-
function e(e, r) {
|
|
2
|
-
(null == r || r > e.length) && (r = e.length);
|
|
3
|
-
for(var t = 0, n = Array(r); t < r; t++)n[t] = e[t];
|
|
4
|
-
return n;
|
|
5
|
-
}
|
|
6
|
-
function r(e, r, t) {
|
|
7
|
-
return r in e ? Object.defineProperty(e, r, {
|
|
8
|
-
value: t,
|
|
9
|
-
enumerable: !0,
|
|
10
|
-
configurable: !0,
|
|
11
|
-
writable: !0
|
|
12
|
-
}) : e[r] = t, e;
|
|
13
|
-
}
|
|
14
|
-
function t(e) {
|
|
15
|
-
for(var t = 1; t < arguments.length; t++){
|
|
16
|
-
var n = null != arguments[t] ? arguments[t] : {}, o = Object.keys(n);
|
|
17
|
-
"function" == typeof Object.getOwnPropertySymbols && (o = o.concat(Object.getOwnPropertySymbols(n).filter(function(e) {
|
|
18
|
-
return Object.getOwnPropertyDescriptor(n, e).enumerable;
|
|
19
|
-
}))), o.forEach(function(t) {
|
|
20
|
-
r(e, t, n[t]);
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
return e;
|
|
24
|
-
}
|
|
25
|
-
function n(e, r) {
|
|
26
|
-
return r = null != r ? r : {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : (function(e, r) {
|
|
27
|
-
var t = Object.keys(e);
|
|
28
|
-
if (Object.getOwnPropertySymbols) {
|
|
29
|
-
var n = Object.getOwnPropertySymbols(e);
|
|
30
|
-
t.push.apply(t, n);
|
|
31
|
-
}
|
|
32
|
-
return t;
|
|
33
|
-
})(Object(r)).forEach(function(t) {
|
|
34
|
-
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
|
|
35
|
-
}), e;
|
|
36
|
-
}
|
|
37
|
-
Object.defineProperty(exports, "__esModule", {
|
|
38
|
-
value: !0
|
|
39
|
-
}), Object.defineProperty(exports, "default", {
|
|
40
|
-
enumerable: !0,
|
|
41
|
-
get: function() {
|
|
42
|
-
return p;
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
var o = require("react/jsx-runtime"), l = f(require("classnames")), u = function(e, r) {
|
|
46
|
-
if (e && e.__esModule) return e;
|
|
47
|
-
if (null === e || (void 0 === e ? "undefined" : e && "undefined" != typeof Symbol && e.constructor === Symbol ? "symbol" : typeof e) != "object" && "function" != typeof e) return {
|
|
48
|
-
default: e
|
|
49
|
-
};
|
|
50
|
-
var t = s(r);
|
|
51
|
-
if (t && t.has(e)) return t.get(e);
|
|
52
|
-
var n = {
|
|
53
|
-
__proto__: null
|
|
54
|
-
}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
55
|
-
for(var l in e)if ("default" !== l && Object.prototype.hasOwnProperty.call(e, l)) {
|
|
56
|
-
var u = o ? Object.getOwnPropertyDescriptor(e, l) : null;
|
|
57
|
-
u && (u.get || u.set) ? Object.defineProperty(n, l, u) : n[l] = e[l];
|
|
58
|
-
}
|
|
59
|
-
return n.default = e, t && t.set(e, n), n;
|
|
60
|
-
}(require("react")), i = require("../../../Functions/fieldValueFormatters"), a = require("../../../Functions/utils.js"), c = f(require("../Input/Input"));
|
|
61
|
-
function f(e) {
|
|
62
|
-
return e && e.__esModule ? e : {
|
|
63
|
-
default: e
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
function s(e) {
|
|
67
|
-
if ("function" != typeof WeakMap) return null;
|
|
68
|
-
var r = new WeakMap(), t = new WeakMap();
|
|
69
|
-
return (s = function(e) {
|
|
70
|
-
return e ? t : r;
|
|
71
|
-
})(e);
|
|
72
|
-
}
|
|
73
|
-
require("./RangeInputs.scss");
|
|
74
|
-
var d = 'range-inputs', p = function(f) {
|
|
75
|
-
var s, p, v, m = f.isColumnPosition, b = f.className, y = f.value, g = void 0 === y ? {
|
|
76
|
-
from: '',
|
|
77
|
-
to: ''
|
|
78
|
-
} : y, j = f.onChange, O = void 0 === j ? function() {} : j, h = f.validateErrors, P = void 0 === h ? function() {} : h, _ = f.type, S = void 0 === _ ? 'int' : _, w = f.setError, x = f.label, D = void 0 === x ? '' : x, I = f.isPrice, N = void 0 !== I && I, F = f.testId, k = f.withZero, q = void 0 !== k && k, E = f.fromPlaceholder, M = f.toPlaceholder, A = f.disabled, C = f.isDisabled, B = (s = (0, u.useState)({
|
|
79
|
-
from: '',
|
|
80
|
-
to: ''
|
|
81
|
-
}), function(e) {
|
|
82
|
-
if (Array.isArray(e)) return e;
|
|
83
|
-
}(s) || function(e, r) {
|
|
84
|
-
var t, n, o = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
85
|
-
if (null != o) {
|
|
86
|
-
var l = [], u = !0, i = !1;
|
|
87
|
-
try {
|
|
88
|
-
for(o = o.call(e); !(u = (t = o.next()).done) && (l.push(t.value), l.length !== r); u = !0);
|
|
89
|
-
} catch (e) {
|
|
90
|
-
i = !0, n = e;
|
|
91
|
-
} finally{
|
|
92
|
-
try {
|
|
93
|
-
u || null == o.return || o.return();
|
|
94
|
-
} finally{
|
|
95
|
-
if (i) throw n;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
return l;
|
|
99
|
-
}
|
|
100
|
-
}(s, 2) || function(r, t) {
|
|
101
|
-
if (r) {
|
|
102
|
-
if ("string" == typeof r) return e(r, 2);
|
|
103
|
-
var n = Object.prototype.toString.call(r).slice(8, -1);
|
|
104
|
-
if ("Object" === n && r.constructor && (n = r.constructor.name), "Map" === n || "Set" === n) return Array.from(n);
|
|
105
|
-
if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return e(r, t);
|
|
106
|
-
}
|
|
107
|
-
}(s, 2) || function() {
|
|
108
|
-
throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
109
|
-
}()), R = B[0], U = B[1], W = (0, u.useRef)(null), K = (0, u.useRef)(null), T = A || C, V = function(e, r) {
|
|
110
|
-
var t, n;
|
|
111
|
-
return Number.parseFloat(null == e || null == (t = e.toString()) ? void 0 : t.replace(/\D/g, '')) <= Number.parseFloat(null == r || null == (n = r.toString()) ? void 0 : n.replace(/\D/g, ''));
|
|
112
|
-
}, Z = function(e) {
|
|
113
|
-
var r = String(e);
|
|
114
|
-
return 'float' !== S || N ? 'float' === S && N ? (0, a.addBitDepthPoints)((0, i.filterFloat)(null == r ? void 0 : r.replace(/[^\d.]/g, ''), 2)) : 'float' !== S && N ? (0, a.addBitDepthPoints)(null == r ? void 0 : r.replace(/\D/g, '')) : (0, i.formatOnlyNumbers)(e) : (0, i.filterFloat)(e, 2);
|
|
115
|
-
}, $ = function(e, o) {
|
|
116
|
-
O(n(t({}, g), r({}, e, Z(o))));
|
|
117
|
-
}, z = function(e) {
|
|
118
|
-
var r, o, l = !(null == g ? void 0 : g.from) && !(null == g ? void 0 : g.to), u = (null == g ? void 0 : g.from) != null ? String(g.from) : '', i = (null == g ? void 0 : g.to) != null ? String(g.to) : '', a = null == P ? void 0 : P(u, i);
|
|
119
|
-
if (!q && l) U({
|
|
120
|
-
from: '',
|
|
121
|
-
to: ''
|
|
122
|
-
}), null == w || w('');
|
|
123
|
-
else if (q || g['from' === e ? 'to' : 'from']) V(u, i) ? a ? U({
|
|
124
|
-
from: null != (r = a.from) ? r : '',
|
|
125
|
-
to: null != (o = a.to) ? o : ''
|
|
126
|
-
}) : (U({
|
|
127
|
-
from: '',
|
|
128
|
-
to: ''
|
|
129
|
-
}), null == w || w('')) : ((null == g ? void 0 : g.from) ? U(n(t({}, R), {
|
|
130
|
-
to: 'Invalid range'
|
|
131
|
-
})) : U(n(t({}, R), {
|
|
132
|
-
from: 'Invalid range'
|
|
133
|
-
})), null == w || w('Invalid range'));
|
|
134
|
-
else {
|
|
135
|
-
var c = 'from' === e ? K.current : W.current;
|
|
136
|
-
null == c || c.focus();
|
|
137
|
-
}
|
|
138
|
-
};
|
|
139
|
-
return (0, o.jsxs)("div", {
|
|
140
|
-
className: (0, l.default)(d, b, r({}, "".concat(d, "_column"), m)),
|
|
141
|
-
children: [
|
|
142
|
-
D && ' ' !== D && (0, o.jsx)("div", {
|
|
143
|
-
className: "".concat(d, "__label"),
|
|
144
|
-
children: D
|
|
145
|
-
}),
|
|
146
|
-
(0, o.jsxs)("div", {
|
|
147
|
-
className: "".concat(d, "__wrapper"),
|
|
148
|
-
children: [
|
|
149
|
-
(0, o.jsxs)("div", {
|
|
150
|
-
className: "".concat(d, "__input-from"),
|
|
151
|
-
children: [
|
|
152
|
-
(0, o.jsx)("span", {
|
|
153
|
-
className: "".concat(d, "__input-label"),
|
|
154
|
-
children: "From"
|
|
155
|
-
}),
|
|
156
|
-
(0, o.jsx)(c.default, {
|
|
157
|
-
testId: "".concat(F, "--from"),
|
|
158
|
-
ref: W,
|
|
159
|
-
value: null != (p = null == g ? void 0 : g.from) ? p : '',
|
|
160
|
-
onChange: function(e) {
|
|
161
|
-
return $('from', e);
|
|
162
|
-
},
|
|
163
|
-
onBlur: function() {
|
|
164
|
-
return z('from');
|
|
165
|
-
},
|
|
166
|
-
error: R.from,
|
|
167
|
-
onKeyUp: function(e) {
|
|
168
|
-
if ('Enter' === e.key) {
|
|
169
|
-
var r, t, n;
|
|
170
|
-
V((null == g ? void 0 : g.from) != null ? String(g.from) : '', (null == g ? void 0 : g.to) != null ? String(g.to) : '') ? null == (r = W.current) || r.blur() : (null == (t = K.current) || t.focus(), null == (n = K.current) || n.select());
|
|
171
|
-
}
|
|
172
|
-
},
|
|
173
|
-
placeholder: void 0 === E ? '' : E,
|
|
174
|
-
disabled: T
|
|
175
|
-
})
|
|
176
|
-
]
|
|
177
|
-
}),
|
|
178
|
-
(0, o.jsxs)("div", {
|
|
179
|
-
className: "".concat(d, "__input-to"),
|
|
180
|
-
children: [
|
|
181
|
-
(0, o.jsx)("span", {
|
|
182
|
-
className: "".concat(d, "__input-label"),
|
|
183
|
-
children: "to"
|
|
184
|
-
}),
|
|
185
|
-
(0, o.jsx)(c.default, {
|
|
186
|
-
testId: "".concat(F, "--to"),
|
|
187
|
-
ref: K,
|
|
188
|
-
value: null != (v = null == g ? void 0 : g.to) ? v : '',
|
|
189
|
-
onChange: function(e) {
|
|
190
|
-
return $('to', e);
|
|
191
|
-
},
|
|
192
|
-
onBlur: function() {
|
|
193
|
-
return z('to');
|
|
194
|
-
},
|
|
195
|
-
error: R.to,
|
|
196
|
-
onKeyUp: function(e) {
|
|
197
|
-
var r;
|
|
198
|
-
'Enter' === e.key && (null == (r = K.current) || r.blur());
|
|
199
|
-
},
|
|
200
|
-
placeholder: void 0 === M ? '' : M,
|
|
201
|
-
disabled: T
|
|
202
|
-
})
|
|
203
|
-
]
|
|
204
|
-
})
|
|
205
|
-
]
|
|
206
|
-
})
|
|
207
|
-
]
|
|
208
|
-
});
|
|
209
|
-
};
|
|
1
|
+
function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function r(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function t(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){r(e,t,n[t])})}return e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}),e}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return p}});var o=require("react/jsx-runtime"),l=f(require("classnames")),u=function(e,r){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var t=s(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=o?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(n,l,u):n[l]=e[l]}return n.default=e,t&&t.set(e,n),n}(require("react")),i=require("../../../Functions/fieldValueFormatters"),a=require("../../../Functions/utils.js"),c=f(require("../Input/Input"));function f(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(s=function(e){return e?t:r})(e)}require("./RangeInputs.scss");var d="range-inputs",p=function(f){var s,p,v,m=f.isColumnPosition,b=f.className,y=f.value,g=void 0===y?{from:"",to:""}:y,j=f.onChange,O=void 0===j?function(){}:j,h=f.validateErrors,P=void 0===h?function(){}:h,_=f.type,S=void 0===_?"int":_,w=f.setError,x=f.label,D=void 0===x?"":x,I=f.isPrice,N=void 0!==I&&I,F=f.testId,k=f.withZero,q=void 0!==k&&k,E=f.fromPlaceholder,M=f.toPlaceholder,A=f.disabled,C=f.isDisabled,B=(s=(0,u.useState)({from:"",to:""}),function(e){if(Array.isArray(e))return e}(s)||function(e,r){var t,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var l=[],u=!0,i=!1;try{for(o=o.call(e);!(u=(t=o.next()).done)&&(l.push(t.value),l.length!==r);u=!0);}catch(e){i=!0,n=e}finally{try{u||null==o.return||o.return()}finally{if(i)throw n}}return l}}(s,2)||function(r,t){if(r){if("string"==typeof r)return e(r,2);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(r,t)}}(s,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),R=B[0],U=B[1],W=(0,u.useRef)(null),K=(0,u.useRef)(null),T=A||C,V=function(e,r){var t,n;return Number.parseFloat(null==e||null==(t=e.toString())?void 0:t.replace(/\D/g,""))<=Number.parseFloat(null==r||null==(n=r.toString())?void 0:n.replace(/\D/g,""))},Z=function(e){var r=String(e);return"float"!==S||N?"float"===S&&N?(0,a.addBitDepthPoints)((0,i.filterFloat)(null==r?void 0:r.replace(/[^\d.]/g,""),2)):"float"!==S&&N?(0,a.addBitDepthPoints)(null==r?void 0:r.replace(/\D/g,"")):(0,i.formatOnlyNumbers)(e):(0,i.filterFloat)(e,2)},$=function(e,o){O(n(t({},g),r({},e,Z(o))))},z=function(e){var r,o,l=!(null==g?void 0:g.from)&&!(null==g?void 0:g.to),u=(null==g?void 0:g.from)!=null?String(g.from):"",i=(null==g?void 0:g.to)!=null?String(g.to):"",a=null==P?void 0:P(u,i);if(!q&&l)U({from:"",to:""}),null==w||w("");else if(q||g["from"===e?"to":"from"])V(u,i)?a?U({from:null!=(r=a.from)?r:"",to:null!=(o=a.to)?o:""}):(U({from:"",to:""}),null==w||w("")):((null==g?void 0:g.from)?U(n(t({},R),{to:"Invalid range"})):U(n(t({},R),{from:"Invalid range"})),null==w||w("Invalid range"));else{var c="from"===e?K.current:W.current;null==c||c.focus()}};return(0,o.jsxs)("div",{className:(0,l.default)(d,b,r({},"".concat(d,"_column"),m)),children:[D&&" "!==D&&(0,o.jsx)("div",{className:"".concat(d,"__label"),children:D}),(0,o.jsxs)("div",{className:"".concat(d,"__wrapper"),children:[(0,o.jsxs)("div",{className:"".concat(d,"__input-from"),children:[(0,o.jsx)("span",{className:"".concat(d,"__input-label"),children:"From"}),(0,o.jsx)(c.default,{testId:"".concat(F,"--from"),ref:W,value:null!=(p=null==g?void 0:g.from)?p:"",onChange:function(e){return $("from",e)},onBlur:function(){return z("from")},error:R.from,onKeyUp:function(e){if("Enter"===e.key){var r,t,n;V((null==g?void 0:g.from)!=null?String(g.from):"",(null==g?void 0:g.to)!=null?String(g.to):"")?null==(r=W.current)||r.blur():(null==(t=K.current)||t.focus(),null==(n=K.current)||n.select())}},placeholder:void 0===E?"":E,disabled:T})]}),(0,o.jsxs)("div",{className:"".concat(d,"__input-to"),children:[(0,o.jsx)("span",{className:"".concat(d,"__input-label"),children:"to"}),(0,o.jsx)(c.default,{testId:"".concat(F,"--to"),ref:K,value:null!=(v=null==g?void 0:g.to)?v:"",onChange:function(e){return $("to",e)},onBlur:function(){return z("to")},error:R.to,onKeyUp:function(e){var r;"Enter"===e.key&&(null==(r=K.current)||r.blur())},placeholder:void 0===M?"":M,disabled:T})]})]})]})};
|
|
@@ -1,175 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
|
|
5
|
-
// import { numberFilter, numberFilterWithoutDots, rounded } from '../../../Functions/utils';
|
|
6
|
-
import { addRangeDefault } from "../../../Functions/operations";
|
|
7
|
-
import Button from "../../UI/Button/Button";
|
|
8
|
-
import Input from "../Input/Input";
|
|
9
|
-
|
|
10
|
-
import RangeListRow, { RangeListCell } from "./partial/RangeListRow";
|
|
11
|
-
|
|
12
|
-
import "./RangeList.scss";
|
|
13
|
-
|
|
14
|
-
const RC = "range-list";
|
|
15
|
-
const DEFAULT_STATE = { from: "", to: "" };
|
|
16
|
-
|
|
17
|
-
const RangeList = (props) => {
|
|
18
|
-
const {
|
|
19
|
-
className,
|
|
20
|
-
value = [],
|
|
21
|
-
disabled,
|
|
22
|
-
validateErrors,
|
|
23
|
-
onChange,
|
|
24
|
-
isFloatValues,
|
|
25
|
-
decimalPlaces,
|
|
26
|
-
error,
|
|
27
|
-
defaultErrorText,
|
|
28
|
-
nullValueText,
|
|
29
|
-
isOnlyOneRow = false,
|
|
30
|
-
testId = "range-list",
|
|
31
|
-
} = props;
|
|
32
|
-
|
|
33
|
-
const NULL_VALUE_TEXT = nullValueText ?? "No data";
|
|
34
|
-
|
|
35
|
-
const [state, setState] = useState(DEFAULT_STATE);
|
|
36
|
-
const [innerError, setInnerError] = useState("");
|
|
37
|
-
const [outerError, setOuterError] = useState("");
|
|
38
|
-
|
|
39
|
-
const inputFromRef = useRef(null);
|
|
40
|
-
const inputToRef = useRef(null);
|
|
41
|
-
|
|
42
|
-
const isValidRange = Boolean(
|
|
43
|
-
state?.from && state?.to && Number(state?.from) <= Number(state?.to),
|
|
44
|
-
);
|
|
45
|
-
const isShowRow = (isOnlyOneRow && value?.length === 0) || !isOnlyOneRow;
|
|
46
|
-
|
|
47
|
-
const handle = {
|
|
48
|
-
inputsChange: (val, prop) => setState({ ...state, [prop]: val }),
|
|
49
|
-
addRange: () => {
|
|
50
|
-
if (
|
|
51
|
-
isValidRange &&
|
|
52
|
-
(!validateErrors?.(Number(state.from), Number(state.to)) ?? true)
|
|
53
|
-
) {
|
|
54
|
-
onChange(
|
|
55
|
-
addRangeDefault(
|
|
56
|
-
Number(state.from),
|
|
57
|
-
Number(state.to),
|
|
58
|
-
value,
|
|
59
|
-
isFloatValues ? decimalPlaces : null,
|
|
60
|
-
),
|
|
61
|
-
);
|
|
62
|
-
setState(DEFAULT_STATE);
|
|
63
|
-
setInnerError("");
|
|
64
|
-
setOuterError("");
|
|
65
|
-
} else if (!isValidRange) setInnerError(defaultErrorText);
|
|
66
|
-
else if (validateErrors)
|
|
67
|
-
setOuterError(validateErrors(Number(state.from), Number(state.to)));
|
|
68
|
-
},
|
|
69
|
-
removeRange: (index) =>
|
|
70
|
-
onChange(value.filter((item, idx) => idx !== index)),
|
|
71
|
-
rangeValidation: (e, key) => {
|
|
72
|
-
const oppositeKey = key === "from" ? "to" : "from";
|
|
73
|
-
|
|
74
|
-
if (!state?.from && !state?.to) {
|
|
75
|
-
setInnerError("");
|
|
76
|
-
setOuterError("");
|
|
77
|
-
return e;
|
|
78
|
-
}
|
|
79
|
-
if (!state[oppositeKey]) {
|
|
80
|
-
const mustToFocus =
|
|
81
|
-
key === "from" ? inputToRef.current : inputFromRef.current;
|
|
82
|
-
mustToFocus.focus();
|
|
83
|
-
} else if (!isValidRange) {
|
|
84
|
-
setInnerError(defaultErrorText);
|
|
85
|
-
if (validateErrors)
|
|
86
|
-
setOuterError(validateErrors(Number(state.from), Number(state.to)));
|
|
87
|
-
} else {
|
|
88
|
-
setInnerError("");
|
|
89
|
-
if (validateErrors)
|
|
90
|
-
setOuterError(validateErrors(Number(state.from), Number(state.to)));
|
|
91
|
-
}
|
|
92
|
-
return null;
|
|
93
|
-
},
|
|
94
|
-
onKeyUpFromInput: (code) => {
|
|
95
|
-
if (code === 13) {
|
|
96
|
-
if (isValidRange) inputFromRef.current.blur();
|
|
97
|
-
else if (!state.to) inputToRef.current.focus();
|
|
98
|
-
else if (state.from) inputFromRef.current.select();
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
onKeyUpToInput: (code) => {
|
|
102
|
-
if (code === 13) inputToRef.current.blur();
|
|
103
|
-
},
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
const renderInputsAndAddButtonRow = () => (
|
|
107
|
-
<div className={cn(`${RC}__row`, `${RC}__inputs`)}>
|
|
108
|
-
<RangeListCell className={`${RC}__cell-input`}>
|
|
109
|
-
<Input
|
|
110
|
-
ref={inputFromRef}
|
|
111
|
-
onlyNumbers={
|
|
112
|
-
isFloatValues
|
|
113
|
-
? { type: "float", decimalPlaces: decimalPlaces || 0 }
|
|
114
|
-
: { type: "int" }
|
|
115
|
-
}
|
|
116
|
-
value={state.from}
|
|
117
|
-
onBlur={(e) => handle.rangeValidation(e, "from")}
|
|
118
|
-
onChange={(val) => handle.inputsChange(val, "from")}
|
|
119
|
-
onKeyUp={(code) => handle.onKeyUpFromInput(code)}
|
|
120
|
-
/>
|
|
121
|
-
</RangeListCell>
|
|
122
|
-
<RangeListCell className={`${RC}__cell-input`}>
|
|
123
|
-
<Input
|
|
124
|
-
ref={inputToRef}
|
|
125
|
-
onlyNumbers={
|
|
126
|
-
isFloatValues
|
|
127
|
-
? { type: "float", decimalPlaces: decimalPlaces || 0 }
|
|
128
|
-
: { type: "int" }
|
|
129
|
-
}
|
|
130
|
-
value={state.to}
|
|
131
|
-
onBlur={(e) => handle.rangeValidation(e, "to")}
|
|
132
|
-
onChange={(val) => handle.inputsChange(val, "to")}
|
|
133
|
-
onKeyUp={(code) => handle.onKeyUpToInput(code)}
|
|
134
|
-
/>
|
|
135
|
-
</RangeListCell>
|
|
136
|
-
<RangeListCell className={`${RC}__cell-button`}>
|
|
137
|
-
<Button onClick={handle.addRange}>Add</Button>
|
|
138
|
-
</RangeListCell>
|
|
139
|
-
</div>
|
|
140
|
-
);
|
|
141
|
-
|
|
142
|
-
return (
|
|
143
|
-
<div
|
|
144
|
-
data-testid={testId}
|
|
145
|
-
className={cn(RC, className, { [`${RC}_disabled`]: disabled })}
|
|
146
|
-
>
|
|
147
|
-
<div className={cn(`${RC}__row`, `${RC}__labels`)}>
|
|
148
|
-
<RangeListCell className={`${RC}__cell-label`}>From</RangeListCell>
|
|
149
|
-
<RangeListCell className={`${RC}__cell-label`}>To</RangeListCell>
|
|
150
|
-
</div>
|
|
151
|
-
{isShowRow && renderInputsAndAddButtonRow()}
|
|
152
|
-
{(innerError || outerError || error) && (
|
|
153
|
-
<span className={`${RC}__error`}>
|
|
154
|
-
{innerError || error || outerError}
|
|
155
|
-
</span>
|
|
156
|
-
)}
|
|
157
|
-
{!value?.length && (
|
|
158
|
-
<div className={cn(`${RC}__row`, `${RC}__values`, `${RC}__null-value`)}>
|
|
159
|
-
{NULL_VALUE_TEXT}
|
|
160
|
-
</div>
|
|
161
|
-
)}
|
|
162
|
-
{value.map((row, idx) => (
|
|
163
|
-
<RangeListRow
|
|
164
|
-
data-testid={`${testId}-row-${idx}`}
|
|
165
|
-
key={`idx-${idx}-from-${row.from}-to${row.to}`}
|
|
166
|
-
{...row}
|
|
167
|
-
idx={idx}
|
|
168
|
-
actionClick={() => handle.removeRange(idx)}
|
|
169
|
-
/>
|
|
170
|
-
))}
|
|
171
|
-
</div>
|
|
172
|
-
);
|
|
173
|
-
};
|
|
174
|
-
|
|
175
|
-
export default RangeList;
|
|
1
|
+
function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=Array(t);n<t;n++)e[n]=r[n];return e}function t(r,t,n){return t in r?Object.defineProperty(r,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[t]=n,r}function n(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{},o=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(e).filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.forEach(function(n){t(r,n,e[n])})}return r}function e(r,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):(function(r,t){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(r);n.push.apply(n,e)}return n})(Object(t)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(t,n))}),r}function o(t,n){return function(r){if(Array.isArray(r))return r}(t)||function(r,t){var n,e,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var l=[],c=!0,a=!1;try{for(o=o.call(r);!(c=(n=o.next()).done)&&(l.push(n.value),!t||l.length!==t);c=!0);}catch(r){a=!0,e=r}finally{try{c||null==o.return||o.return()}finally{if(a)throw e}}return l}}(t,n)||function(t,n){if(t){if("string"==typeof t)return r(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);if("Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return r(t,n)}}(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as l,jsxs as c}from"react/jsx-runtime";import{useRef as a,useState as u}from"react";import i from"classnames";import{addRangeDefault as f}from"../../../Functions/operations";import s from"../../UI/Button/Button";import m from"../Input/Input";import d,{RangeListCell as p}from"./partial/RangeListRow";import"./RangeList.scss";var b="range-list",y={from:"",to:""};export default function(r){var v=r.className,h=r.value,_=void 0===h?[]:h,O=r.disabled,g=r.validateErrors,N=r.onChange,j=r.isFloatValues,w=r.decimalPlaces,P=r.error,x=r.defaultErrorText,S=r.nullValueText,A=r.isOnlyOneRow,I=void 0!==A&&A,C=r.testId,E=void 0===C?"range-list":C,k=o(u(y),2),B=k[0],D=k[1],R=o(u(""),2),T=R[0],U=R[1],F=o(u(""),2),K=F[0],L=F[1],V=a(null),M=a(null),$=!!((null==B?void 0:B.from)&&(null==B?void 0:B.to)&&Number(null==B?void 0:B.from)<=Number(null==B?void 0:B.to)),q=I&&(null==_?void 0:_.length)===0||!I,z=function(r,o){return D(e(n({},B),t({},o,r)))},G=function(r,t){return(null==B?void 0:B.from)||(null==B?void 0:B.to)?(B["from"===t?"to":"from"]?($?U(""):U(x),g&&L(g(Number(B.from),Number(B.to)))):("from"===t?M.current:V.current).focus(),null):(U(""),L(""),r)},H=function(r){13===r&&($?V.current.blur():B.to?B.from&&V.current.select():M.current.focus())},J=function(r){13===r&&M.current.blur()};return c("div",{"data-testid":E,className:i(b,v,t({},"".concat(b,"_disabled"),O)),children:[c("div",{className:i("".concat(b,"__row"),"".concat(b,"__labels")),children:[l(p,{className:"".concat(b,"__cell-label"),children:"From"}),l(p,{className:"".concat(b,"__cell-label"),children:"To"})]}),q&&c("div",{className:i("".concat(b,"__row"),"".concat(b,"__inputs")),children:[l(p,{className:"".concat(b,"__cell-input"),children:l(m,{ref:V,onlyNumbers:j?{type:"float",decimalPlaces:w||0}:{type:"int"},value:B.from,onBlur:function(r){return G(r,"from")},onChange:function(r){return z(r,"from")},onKeyUp:function(r){return H(r)}})}),l(p,{className:"".concat(b,"__cell-input"),children:l(m,{ref:M,onlyNumbers:j?{type:"float",decimalPlaces:w||0}:{type:"int"},value:B.to,onBlur:function(r){return G(r,"to")},onChange:function(r){return z(r,"to")},onKeyUp:function(r){return J(r)}})}),l(p,{className:"".concat(b,"__cell-button"),children:l(s,{onClick:function(){var r;$&&(r=!(null==g?void 0:g(Number(B.from),Number(B.to))),r)?(N(f(Number(B.from),Number(B.to),_,j?w:null)),D(y),U(""),L("")):$?g&&L(g(Number(B.from),Number(B.to))):U(x)},children:"Add"})})]}),(T||K||P)&&l("span",{className:"".concat(b,"__error"),children:T||P||K}),!(null==_?void 0:_.length)&&l("div",{className:i("".concat(b,"__row"),"".concat(b,"__values"),"".concat(b,"__null-value")),children:null!=S?S:"No data"}),_.map(function(r,t){return l(d,e(n({"data-testid":"".concat(E,"-row-").concat(t)},r),{idx:t,actionClick:function(){var r;return r=t,N(_.filter(function(t,n){return n!==r}))}}),"idx-".concat(t,"-from-").concat(r.from,"-to").concat(r.to))})]})}
|
|
@@ -1,43 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
import { Trash2 } from "react-feather";
|
|
5
|
-
|
|
6
|
-
const RC = "range-list";
|
|
7
|
-
|
|
8
|
-
export const RangeListCell = ({ children, idx, className, onClick }) => {
|
|
9
|
-
return (
|
|
10
|
-
<div
|
|
11
|
-
className={cn(`${RC}__cell`, className, { [`${RC}__cell-${idx}`]: idx })}
|
|
12
|
-
onClick={onClick}
|
|
13
|
-
>
|
|
14
|
-
{children}
|
|
15
|
-
</div>
|
|
16
|
-
);
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
const RangeListRow = ({ from, to, idx, actionClick }) => {
|
|
20
|
-
return (
|
|
21
|
-
<div
|
|
22
|
-
className={cn(`${RC}__row`, `${RC}__values`, {
|
|
23
|
-
[`${RC}__values_first-value`]: idx === 0,
|
|
24
|
-
})}
|
|
25
|
-
>
|
|
26
|
-
<RangeListCell idx={1} className={`${RC}__cell-value`}>
|
|
27
|
-
{from}
|
|
28
|
-
</RangeListCell>
|
|
29
|
-
<RangeListCell idx={2} className={`${RC}__cell-value`}>
|
|
30
|
-
{to}
|
|
31
|
-
</RangeListCell>
|
|
32
|
-
<RangeListCell
|
|
33
|
-
idx={3}
|
|
34
|
-
className={`${RC}__cell-action`}
|
|
35
|
-
onClick={() => actionClick(idx)}
|
|
36
|
-
>
|
|
37
|
-
<Trash2 />
|
|
38
|
-
</RangeListCell>
|
|
39
|
-
</div>
|
|
40
|
-
);
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
export default RangeListRow;
|
|
1
|
+
function e(e,c,a){return c in e?Object.defineProperty(e,c,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[c]=a,e}import{jsx as c,jsxs as a}from"react/jsx-runtime";import"react";import l from"classnames";import{Trash2 as n}from"react-feather";var r="range-list";export var RangeListCell=function(a){var n=a.children,t=a.idx,i=a.className,o=a.onClick;return c("div",{className:l("".concat(r,"__cell"),i,e({},"".concat(r,"__cell-").concat(t),t)),onClick:o,children:n})};export default function(t){var i=t.from,o=t.to,s=t.idx,u=t.actionClick;return a("div",{className:l("".concat(r,"__row"),"".concat(r,"__values"),e({},"".concat(r,"__values_first-value"),0===s)),children:[c(RangeListCell,{idx:1,className:"".concat(r,"__cell-value"),children:i}),c(RangeListCell,{idx:2,className:"".concat(r,"__cell-value"),children:o}),c(RangeListCell,{idx:3,className:"".concat(r,"__cell-action"),onClick:function(){return u(s)},children:c(n,{})})]})}
|