intelicoreact 1.5.40 → 1.6.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/Atomic/FormElements/ActionAlert/ActionAlert.js +93 -44
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.scss +23 -13
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +43 -38
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.scss +20 -10
- package/dist/Atomic/FormElements/Calendar/Calendar.js +243 -164
- package/dist/Atomic/FormElements/Calendar/Calendar.scss +1 -0
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +60 -51
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +21 -11
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +47 -39
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss +5 -2
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +410 -308
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +169 -109
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +680 -527
- package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +58 -56
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +28 -15
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +498 -378
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.scss +33 -29
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +103 -70
- package/dist/Atomic/FormElements/FileLoader/FileLoader.scss +0 -2
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +138 -91
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +109 -55
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +254 -193
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.scss +19 -16
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +156 -140
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss +8 -4
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +222 -156
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +158 -114
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js +151 -92
- package/dist/Atomic/FormElements/Input/Input.js +340 -330
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +156 -110
- package/dist/Atomic/FormElements/InputColor/InputColor.js +57 -58
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +189 -145
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +294 -228
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +55 -56
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +645 -536
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +220 -190
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +33 -31
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +247 -169
- package/dist/Atomic/FormElements/InputLink/InputLink.js +118 -71
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +47 -38
- package/dist/Atomic/FormElements/InputMask/InputMask.js +938 -1053
- package/dist/Atomic/FormElements/InputMask/config.js +16 -15
- package/dist/Atomic/FormElements/InputMask/functions.js +77 -51
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +569 -592
- package/dist/Atomic/FormElements/InputMask2/config.js +16 -15
- package/dist/Atomic/FormElements/InputMask2/functions.js +77 -51
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +651 -679
- package/dist/Atomic/FormElements/InputMask3/config.js +16 -15
- package/dist/Atomic/FormElements/InputMask3/functions.js +77 -51
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +127 -88
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +182 -111
- package/dist/Atomic/FormElements/Label/Label.js +82 -55
- package/dist/Atomic/FormElements/Label/Label.scss +18 -8
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +437 -382
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +88 -50
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +314 -264
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +93 -51
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +69 -55
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +51 -45
- package/dist/Atomic/FormElements/RadioInput/RadioInput.scss +4 -4
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +53 -40
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +169 -120
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +195 -141
- package/dist/Atomic/FormElements/RangeList/RangeList.js +199 -140
- package/dist/Atomic/FormElements/RangeList/RangeList.scss +2 -2
- package/dist/Atomic/FormElements/RangeList/partial/AnyOuterClass.scss +0 -3
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +57 -44
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +463 -377
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +760 -759
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +36 -31
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.scss +0 -2
- package/dist/Atomic/FormElements/Switcher/Switcher.js +52 -44
- package/dist/Atomic/FormElements/Switcher/Switcher.scss +3 -3
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +43 -44
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.scss +0 -2
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +37 -36
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.scss +0 -2
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +93 -56
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.scss +0 -2
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +86 -53
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.scss +0 -2
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +46 -54
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +172 -102
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +4 -6
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +209 -154
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +59 -56
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.scss +2 -2
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +140 -112
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1035 -919
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss +153 -116
- package/dist/Atomic/FormElements/Text/Text.js +88 -97
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +44 -35
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss +8 -8
- package/dist/Atomic/FormElements/Textarea/Textarea.js +102 -64
- package/dist/Atomic/FormElements/Textarea/Textarea.scss +4 -8
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +172 -133
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +48 -49
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +114 -63
- package/dist/Atomic/FormElements/TimeRange/TimeRange.scss +9 -3
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +179 -122
- package/dist/Atomic/FormElements/UserContacts/UserContacts.scss +10 -5
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +101 -65
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +80 -71
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +79 -64
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.scss +0 -2
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +42 -34
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +102 -83
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.scss +0 -2
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +42 -35
- package/dist/Atomic/Layout/Header/Header.js +148 -80
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +213 -133
- package/dist/Atomic/Layout/MainMenu/MainMenu.scss +7 -7
- package/dist/Atomic/Layout/Spinner/Spinner.js +39 -22
- package/dist/Atomic/Layout/Spinner/Spinner.scss +36 -16
- package/dist/Atomic/UI/Accordion/Accordion.js +102 -53
- package/dist/Atomic/UI/Accordion/Accordion.scss +25 -14
- package/dist/Atomic/UI/Accordion/AccordionItem.js +170 -102
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +251 -167
- package/dist/Atomic/UI/AccordionText/AccordionText.js +105 -54
- package/dist/Atomic/UI/AccordionText/AccordionText.scss +22 -9
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +207 -135
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +100 -46
- package/dist/Atomic/UI/Alert/Alert.js +116 -63
- package/dist/Atomic/UI/Alert/Alert.scss +2 -2
- package/dist/Atomic/UI/Arrow/Arrow.js +163 -110
- package/dist/Atomic/UI/Box/Box.js +37 -37
- package/dist/Atomic/UI/Box/Box.scss +11 -11
- package/dist/Atomic/UI/Button/Button.js +43 -41
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +61 -67
- package/dist/Atomic/UI/Chart/Chart.js +170 -96
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +142 -74
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +91 -77
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +120 -117
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +314 -292
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +54 -39
- package/dist/Atomic/UI/Chart/partial/utils.js +56 -33
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +145 -88
- package/dist/Atomic/UI/DateTime/DateTime.js +89 -37
- package/dist/Atomic/UI/DateTime/DateTime.scss +2 -2
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +93 -31
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +66 -18
- package/dist/Atomic/UI/DoubleString/DoubleString.js +134 -77
- package/dist/Atomic/UI/DoubleString/DoubleString.scss +6 -4
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +65 -22
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +251 -170
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +109 -84
- package/dist/Atomic/UI/Hint/Hint.interface.js +4 -0
- package/dist/Atomic/UI/Hint/Hint.js +247 -204
- package/dist/Atomic/UI/Hint/Hint.scss +4 -2
- package/dist/Atomic/UI/Hint/Hint.stories.js +10 -5
- package/dist/Atomic/UI/Hint/Hint.test.js +96 -0
- package/dist/Atomic/UI/Hint/index.js +3 -2
- package/dist/Atomic/UI/Hint/partials/_utils.js +60 -46
- package/dist/Atomic/UI/Modal/Modal.js +171 -172
- package/dist/Atomic/UI/Modal/Modal.scss +91 -65
- package/dist/Atomic/UI/Modal/Modal.stories.js +1 -1
- package/dist/Atomic/UI/Modal/ModalHOC.js +92 -38
- package/dist/Atomic/UI/Modal/ModalMobile.scss +26 -14
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +68 -18
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +107 -38
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +130 -153
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +118 -62
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.scss +172 -25
- package/dist/Atomic/UI/NavLine/NavLine.js +306 -273
- package/dist/Atomic/UI/NavLine/NavLine.scss +202 -155
- package/dist/Atomic/UI/NavLine/NavLine.test.js +1 -1
- package/dist/Atomic/UI/PageTitle/PageTitle.js +73 -52
- package/dist/Atomic/UI/PageTitle/PageTitle.scss +52 -14
- package/dist/Atomic/UI/PieChart/PieChart.js +105 -42
- package/dist/Atomic/UI/PieChart/PieChart.scss +87 -11
- package/dist/Atomic/UI/Price/Price.js +27 -20
- package/dist/Atomic/UI/PriceRange/PriceRange.js +40 -18
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +92 -73
- package/dist/Atomic/UI/ProgressLine/ProgressLine.scss +66 -52
- package/dist/Atomic/UI/Status/Status.js +62 -51
- package/dist/Atomic/UI/Status/Status.scss +48 -29
- package/dist/Atomic/UI/Table/Partials/TdCell.js +126 -88
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +58 -39
- package/dist/Atomic/UI/Table/Partials/TdRow.js +124 -73
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +113 -45
- package/dist/Atomic/UI/Table/Table.js +61 -43
- package/dist/Atomic/UI/Table/Table.scss +0 -3
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +108 -64
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +44 -31
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +24 -10
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +59 -48
- package/dist/Atomic/UI/Tag/Tag.js +157 -113
- package/dist/Atomic/UI/Tag/Tag.scss +104 -47
- package/dist/Atomic/UI/TagList/TagList.js +223 -179
- package/dist/Atomic/UI/TagList/TagList.scss +13 -9
- package/dist/Atomic/UI/UserBox/UserBox.js +80 -56
- package/dist/Atomic/UI/UserBox/UserBox.scss +45 -21
- package/dist/Atomic/UI/UserBox/UserBox.test.js +2 -2
- package/dist/Atomic/UI/WizardStepper/constructor.js +127 -89
- package/dist/Atomic/UI/WizardStepper/index.js +14 -6
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +53 -51
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.scss +11 -7
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +9 -5
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +84 -67
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.scss +13 -7
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +14 -6
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +50 -45
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.scss +24 -18
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +14 -6
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +138 -106
- package/dist/Atomic/UI/WizardStepper/ui/index.js +14 -6
- package/dist/Classes/AbortableFetch.js +394 -326
- package/dist/Classes/AnimatedHandler.js +31 -44
- package/dist/Classes/RESTAPI/index.js +131 -173
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +399 -334
- package/dist/Classes/RESTAPI/partials/ApiBase.js +30 -30
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +107 -88
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +144 -166
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +180 -204
- package/dist/Classes/RESTAPI/partials/Utils.js +80 -83
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +16 -8
- package/dist/Classes/RESTAPI/partials/_utils.js +139 -125
- package/dist/Constants/index.constants.js +102 -22
- package/dist/Functions/Portal.js +67 -23
- package/dist/Functions/customEventListener.js +48 -50
- package/dist/Functions/dateTime.js +130 -177
- package/dist/Functions/fieldValueFormatters.js +275 -346
- package/dist/Functions/guards/assertions.js +294 -0
- package/dist/Functions/guards/safeValue.js +75 -0
- package/dist/Functions/guards/typeGuards.js +374 -0
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +125 -96
- package/dist/Functions/locale/createTranslator.js +29 -27
- package/dist/Functions/operations.js +129 -102
- package/dist/Functions/presets/inputMaskPresets.js +88 -99
- package/dist/Functions/presets/inputPresets.js +41 -35
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +30 -49
- package/dist/Functions/schemas.js +78 -20
- package/dist/Functions/useBodyScrollLock.js +21 -15
- package/dist/Functions/useClickOutside.js +21 -16
- package/dist/Functions/useDebounce.js +62 -21
- package/dist/Functions/useFieldFocus.js +83 -79
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +39 -46
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +132 -137
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +63 -73
- package/dist/Functions/useFormTools/functions/General.js +117 -129
- package/dist/Functions/useFormTools/functions/RenderFields.js +75 -85
- package/dist/Functions/useFormTools/functions/usePrevious.js +16 -10
- package/dist/Functions/useFormTools/index.js +647 -709
- package/dist/Functions/useInputHighlightError.js +104 -53
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +40 -33
- package/dist/Functions/useKeyPress/useKeyPress.js +48 -39
- package/dist/Functions/useLocalStorage.js +38 -31
- package/dist/Functions/useLocationParams.js +31 -24
- package/dist/Functions/useMediaQuery.js +14 -10
- package/dist/Functions/useMetaInfo.js +45 -35
- package/dist/Functions/useMouseUpOutside.js +21 -15
- package/dist/Functions/useOnlineStatus.js +25 -21
- package/dist/Functions/usePasswordChecker.js +183 -111
- package/dist/Functions/usePrevious.js +16 -10
- package/dist/Functions/useResize.js +32 -28
- package/dist/Functions/useScrollTo.js +26 -16
- package/dist/Functions/useToggle.js +20 -16
- package/dist/Functions/utils.js +493 -469
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +75 -28
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +77 -28
- package/dist/Molecular/CustomIcons/components/AppStore.js +84 -32
- package/dist/Molecular/CustomIcons/components/Arrow.js +93 -38
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +63 -20
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +71 -23
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +71 -23
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +63 -20
- package/dist/Molecular/CustomIcons/components/Bell.js +61 -18
- package/dist/Molecular/CustomIcons/components/Button.js +61 -18
- package/dist/Molecular/CustomIcons/components/Campaigns.js +62 -19
- package/dist/Molecular/CustomIcons/components/Check.js +62 -19
- package/dist/Molecular/CustomIcons/components/Check2.js +61 -18
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +61 -18
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +61 -18
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +61 -18
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +61 -18
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +61 -18
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +81 -33
- package/dist/Molecular/CustomIcons/components/Close.js +64 -20
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +95 -45
- package/dist/Molecular/CustomIcons/components/Delete.js +62 -19
- package/dist/Molecular/CustomIcons/components/Edit.js +61 -18
- package/dist/Molecular/CustomIcons/components/Email.js +87 -36
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +82 -26
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +83 -34
- package/dist/Molecular/CustomIcons/components/Flows.js +61 -18
- package/dist/Molecular/CustomIcons/components/Gift.js +71 -23
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +84 -32
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +84 -32
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +67 -21
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +68 -22
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +67 -21
- package/dist/Molecular/CustomIcons/components/Home.js +67 -21
- package/dist/Molecular/CustomIcons/components/Home2.js +70 -24
- package/dist/Molecular/CustomIcons/components/Key.js +69 -26
- package/dist/Molecular/CustomIcons/components/Landers.js +68 -22
- package/dist/Molecular/CustomIcons/components/Lock.js +61 -18
- package/dist/Molecular/CustomIcons/components/Mail.js +75 -26
- package/dist/Molecular/CustomIcons/components/Mastercard.js +128 -68
- package/dist/Molecular/CustomIcons/components/Minus.js +79 -31
- package/dist/Molecular/CustomIcons/components/Offers.js +62 -19
- package/dist/Molecular/CustomIcons/components/Pause.js +79 -31
- package/dist/Molecular/CustomIcons/components/PayPal.js +96 -45
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +81 -32
- package/dist/Molecular/CustomIcons/components/Phone.js +81 -33
- package/dist/Molecular/CustomIcons/components/Play.js +79 -31
- package/dist/Molecular/CustomIcons/components/Plus.js +79 -31
- package/dist/Molecular/CustomIcons/components/Profile.js +69 -23
- package/dist/Molecular/CustomIcons/components/QRCode.js +85 -33
- package/dist/Molecular/CustomIcons/components/Rectangle.js +61 -18
- package/dist/Molecular/CustomIcons/components/Revert.js +67 -21
- package/dist/Molecular/CustomIcons/components/Star.js +60 -17
- package/dist/Molecular/CustomIcons/components/Star2.js +62 -19
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +68 -21
- package/dist/Molecular/CustomIcons/components/Trash.js +61 -18
- package/dist/Molecular/CustomIcons/components/TrashRed.js +61 -18
- package/dist/Molecular/CustomIcons/components/Triggers.js +61 -18
- package/dist/Molecular/CustomIcons/components/User.js +71 -23
- package/dist/Molecular/CustomIcons/components/Visa.js +88 -34
- package/dist/Molecular/CustomIcons/components/X.js +61 -18
- package/dist/Molecular/CustomIcons/index.js +76 -674
- package/dist/Molecular/FormElement/FormElement.js +44 -41
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +179 -161
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +49 -56
- package/dist/Molecular/InputAddress/InputAddress.js +496 -421
- package/dist/Molecular/InputAddress/InputAddress.scss +12 -14
- package/dist/Molecular/InputPassword/InputPassword.js +99 -47
- package/dist/index.js +11 -8
- package/dist/scss/_mixins.scss +2 -2
- package/dist/scss/_vars.scss +1 -2
- package/dist/scss/main.scss +4 -3
- package/dist/types/declaration/ArrayElement.d.js +4 -0
- package/dist/types/declaration/AsyncReturnType.d.js +4 -0
- package/dist/types/declaration/DeepPartial.d.js +4 -0
- package/dist/types/declaration/DeepReadonly.d.js +4 -0
- package/dist/types/declaration/DeepRequired.d.js +4 -0
- package/dist/types/declaration/Flatten.d.js +4 -0
- package/dist/types/declaration/FunctionType.d.js +4 -0
- package/dist/types/declaration/If.d.js +4 -0
- package/dist/types/declaration/KeysType.d.js +4 -0
- package/dist/types/declaration/NonNullableType.d.js +4 -0
- package/dist/types/declaration/ObjectType.d.js +4 -0
- package/dist/types/declaration/OnlyObjectKeys.d.js +4 -0
- package/dist/types/declaration/PrettyPrint.d.js +31 -0
- package/dist/types/declaration/RequiredFields.d.js +4 -0
- package/dist/types/declaration/TupleType.d.js +4 -0
- package/dist/types/declaration/ValuesType.d.js +4 -0
- package/package.json +18 -21
- package/dist/Atomic/UI/NavLine/Tabs.js +0 -115
- package/dist/Functions/animatingFunctions/getAnimatedHandler.js +0 -1
- package/dist/Functions/useIsMobile.js +0 -26
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@
|
|
1
|
+
@use "../../../scss/vars";
|
|
2
2
|
|
|
3
3
|
.dropdown-live-search {
|
|
4
4
|
position: relative;
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
&.error {
|
|
43
|
-
border-color:
|
|
43
|
+
border-color: vars.$color--secondary;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
&.placeholder .text {
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
|
|
93
93
|
&::-webkit-scrollbar-thumb {
|
|
94
94
|
border-radius: 4px;
|
|
95
|
-
background:
|
|
95
|
+
background: vars.$color--gray--dark;
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
&-top {
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
cursor: pointer;
|
|
118
118
|
white-space: nowrap;
|
|
119
119
|
|
|
120
|
-
color:
|
|
120
|
+
color: vars.$color--dark;
|
|
121
121
|
border: none;
|
|
122
122
|
background: transparent;
|
|
123
123
|
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
|
|
156
156
|
&:hover,
|
|
157
157
|
&_active {
|
|
158
|
-
background:
|
|
158
|
+
background: vars.$color--gray--gentle;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
&_disabled {
|
|
@@ -242,24 +242,28 @@
|
|
|
242
242
|
|
|
243
243
|
.dropdown-live-search-mobile {
|
|
244
244
|
.dropdown-live-search__arrow {
|
|
245
|
+
top: 50%;
|
|
246
|
+
|
|
245
247
|
display: flex;
|
|
246
|
-
align-items: center;
|
|
247
248
|
justify-content: center;
|
|
249
|
+
align-items: center;
|
|
250
|
+
|
|
248
251
|
transform: rotate(90deg) translateX(-50%);
|
|
249
|
-
top: 50%;
|
|
250
252
|
|
|
251
253
|
svg {
|
|
252
254
|
width: 12px;
|
|
253
255
|
height: 12px;
|
|
254
|
-
|
|
256
|
+
|
|
257
|
+
color: #9aa0b9;
|
|
255
258
|
}
|
|
256
259
|
}
|
|
257
260
|
.dropdown-live-search__container-wrapper {
|
|
258
|
-
overflow: hidden !important;
|
|
259
261
|
position: fixed;
|
|
260
262
|
top: 0 !important;
|
|
261
263
|
left: 0 !important;
|
|
262
264
|
|
|
265
|
+
overflow: hidden !important;
|
|
266
|
+
|
|
263
267
|
width: 100dvw;
|
|
264
268
|
height: 100dvh;
|
|
265
269
|
max-height: 100dvh;
|
|
@@ -283,28 +287,27 @@
|
|
|
283
287
|
width: 100dvw;
|
|
284
288
|
height: 100dvh;
|
|
285
289
|
max-height: 100dvh;
|
|
286
|
-
padding:
|
|
290
|
+
padding: vars.$spacing-s;
|
|
287
291
|
|
|
288
292
|
animation-name: slideup;
|
|
289
293
|
animation-duration: 0.4s;
|
|
290
294
|
}
|
|
291
295
|
|
|
292
296
|
.dropdown-live-search__container {
|
|
297
|
+
--spacing: vars.$spacing-s;
|
|
293
298
|
position: absolute;
|
|
294
|
-
bottom: $spacing-s;
|
|
295
|
-
top: auto;
|
|
296
299
|
z-index: auto;
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
box-sizing: border-box;
|
|
300
|
+
top: auto;
|
|
301
|
+
bottom: var(--spacing);
|
|
300
302
|
|
|
301
303
|
overflow: hidden;
|
|
302
304
|
|
|
303
305
|
box-sizing: border-box;
|
|
304
|
-
|
|
305
|
-
border-radius: $spacing-l !important;
|
|
306
|
+
width: calc(100% - calc(2 * var(--spacing)));
|
|
306
307
|
max-height: 500px;
|
|
307
|
-
|
|
308
|
+
margin: 0;
|
|
309
|
+
|
|
310
|
+
border-radius: vars.$spacing-l !important;
|
|
308
311
|
|
|
309
312
|
&--with-bottom-shadow::after {
|
|
310
313
|
position: absolute;
|
|
@@ -339,18 +342,19 @@
|
|
|
339
342
|
|
|
340
343
|
.dropdown-live-search__list {
|
|
341
344
|
max-height: 500px;
|
|
342
|
-
box-shadow: none;
|
|
343
345
|
padding: 0 16px 16px !important;
|
|
344
346
|
|
|
347
|
+
box-shadow: none;
|
|
348
|
+
|
|
345
349
|
&-header {
|
|
346
350
|
position: relative;
|
|
347
351
|
|
|
348
352
|
display: flex;
|
|
349
353
|
flex-direction: column;
|
|
350
354
|
justify-content: space-between;
|
|
351
|
-
gap:
|
|
355
|
+
gap: vars.$spacing-m;
|
|
352
356
|
|
|
353
|
-
padding:
|
|
357
|
+
padding: vars.$spacing-m;
|
|
354
358
|
|
|
355
359
|
font-size: 16px;
|
|
356
360
|
font-weight: 600;
|
|
@@ -376,7 +380,7 @@
|
|
|
376
380
|
align-items: center;
|
|
377
381
|
|
|
378
382
|
width: 100%;
|
|
379
|
-
padding-right:
|
|
383
|
+
padding-right: vars.$spacing-s;
|
|
380
384
|
|
|
381
385
|
border: 1px solid var(--form-input-border, #e1e8f1);
|
|
382
386
|
border-radius: 6px;
|
|
@@ -395,7 +399,7 @@
|
|
|
395
399
|
width: 24px;
|
|
396
400
|
min-width: 24px;
|
|
397
401
|
height: 24px;
|
|
398
|
-
padding:
|
|
402
|
+
padding: vars.$spacing-xs;
|
|
399
403
|
|
|
400
404
|
border-radius: 2px;
|
|
401
405
|
background: var(--bg-gray-box, #f0f1f4);
|
|
@@ -446,15 +450,15 @@
|
|
|
446
450
|
.dropdown-live-search__input {
|
|
447
451
|
display: flex;
|
|
448
452
|
align-items: center;
|
|
449
|
-
|
|
453
|
+
|
|
450
454
|
width: 100%;
|
|
451
455
|
height: 28px;
|
|
452
|
-
padding-right:
|
|
453
|
-
|
|
456
|
+
padding-right: vars.$spacing-s;
|
|
457
|
+
|
|
454
458
|
border: 1px solid var(--form-input-border, #e1e8f1);
|
|
455
459
|
border-radius: 6px;
|
|
456
460
|
background: var(--black-bg-color, #f8fbff) !important;
|
|
457
|
-
|
|
461
|
+
|
|
458
462
|
input {
|
|
459
463
|
background: unset !important;
|
|
460
464
|
}
|
|
@@ -473,7 +477,7 @@
|
|
|
473
477
|
box-sizing: border-box;
|
|
474
478
|
width: 50px;
|
|
475
479
|
height: 50px;
|
|
476
|
-
padding:
|
|
480
|
+
padding: vars.$spacing-m;
|
|
477
481
|
|
|
478
482
|
svg {
|
|
479
483
|
width: 16px;
|
|
@@ -488,7 +492,7 @@
|
|
|
488
492
|
justify-content: space-between;
|
|
489
493
|
|
|
490
494
|
height: auto !important;
|
|
491
|
-
padding: 10px
|
|
495
|
+
padding: 10px vars.$spacing-s !important;
|
|
492
496
|
|
|
493
497
|
line-height: 24px;
|
|
494
498
|
|
|
@@ -1,76 +1,109 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
2
|
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
|
|
3
|
+
value: true
|
|
6
4
|
});
|
|
7
|
-
exports
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return _default;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
13
|
+
const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
14
|
+
const _LoadZone = /*#__PURE__*/ _interop_require_default(require("./partial/LoadZone"));
|
|
15
|
+
const _LoadedContent = /*#__PURE__*/ _interop_require_default(require("./partial/LoadedContent"));
|
|
12
16
|
require("./FileLoader.scss");
|
|
13
|
-
function
|
|
14
|
-
|
|
17
|
+
function _interop_require_default(obj) {
|
|
18
|
+
return obj && obj.__esModule ? obj : {
|
|
19
|
+
default: obj
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
23
|
+
if (typeof WeakMap !== "function") return null;
|
|
24
|
+
var cacheBabelInterop = new WeakMap();
|
|
25
|
+
var cacheNodeInterop = new WeakMap();
|
|
26
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
27
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
28
|
+
})(nodeInterop);
|
|
29
|
+
}
|
|
30
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
31
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
32
|
+
return obj;
|
|
33
|
+
}
|
|
34
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
35
|
+
return {
|
|
36
|
+
default: obj
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
40
|
+
if (cache && cache.has(obj)) {
|
|
41
|
+
return cache.get(obj);
|
|
42
|
+
}
|
|
43
|
+
var newObj = {
|
|
44
|
+
__proto__: null
|
|
45
|
+
};
|
|
46
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
47
|
+
for(var key in obj){
|
|
48
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
49
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
50
|
+
if (desc && (desc.get || desc.set)) {
|
|
51
|
+
Object.defineProperty(newObj, key, desc);
|
|
52
|
+
} else {
|
|
53
|
+
newObj[key] = obj[key];
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
newObj.default = obj;
|
|
58
|
+
if (cache) {
|
|
59
|
+
cache.set(obj, newObj);
|
|
60
|
+
}
|
|
61
|
+
return newObj;
|
|
62
|
+
}
|
|
15
63
|
const RC = "file-loader";
|
|
16
|
-
const FileLoader = props
|
|
17
|
-
|
|
18
|
-
//
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}), Boolean(doLoad) && !value && /*#__PURE__*/_react.default.createElement(_LoadZone.default, {
|
|
61
|
-
RC: RC,
|
|
62
|
-
fieldKey: fieldKey,
|
|
63
|
-
onChange: onChange,
|
|
64
|
-
icon: uploadIcon,
|
|
65
|
-
doLoad: doLoad,
|
|
66
|
-
dragenter: dragenter,
|
|
67
|
-
setDragenter: setDragenter,
|
|
68
|
-
setIsLoadContent: setIsLoadContent,
|
|
69
|
-
placeholder: placeholder,
|
|
70
|
-
filterFiles: filterFiles,
|
|
71
|
-
processErrors: processErrors,
|
|
72
|
-
isBlockNullValues: isBlockNullValues,
|
|
73
|
-
attributesOfNativeInput: attributesOfNativeInput
|
|
74
|
-
}));
|
|
64
|
+
const FileLoader = (props)=>{
|
|
65
|
+
const { // будет использован в качестве id инпута в LoadZone, обязателен для корректной работы
|
|
66
|
+
fieldKey, // null или структура { name, path, ... остальное по желанию }
|
|
67
|
+
value, disabled, error, className, placeholder, onChange, doLoad, filterFiles, processErrors, isBlockNullValues, isDisableErrorsClass = true, uploadIcon, downloadIcon, deleteIcon, spiner, isIconAfter, isLinkTypeDownload = false, isUseLinkTitle = false, attributesOfNativeInput = {} } = props;
|
|
68
|
+
const [isLoadContent, setIsLoadContent] = (0, _react.useState)(false);
|
|
69
|
+
const [dragenter, setDragenter] = (0, _react.useState)(false);
|
|
70
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
|
|
71
|
+
className: (0, _classnames.default)(RC, className, {
|
|
72
|
+
[`${RC}_load-content`]: isLoadContent,
|
|
73
|
+
[`${RC}_load-zone`]: !value,
|
|
74
|
+
[`${RC}_hover`]: dragenter,
|
|
75
|
+
[`${RC}_disabled`]: disabled,
|
|
76
|
+
[`${RC}_error`]: !isDisableErrorsClass && Boolean(error)
|
|
77
|
+
}),
|
|
78
|
+
children: [
|
|
79
|
+
isLoadContent && spiner,
|
|
80
|
+
!doLoad && "develop error: no doLoad",
|
|
81
|
+
Boolean(doLoad) && Boolean(value) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_LoadedContent.default, {
|
|
82
|
+
RC: RC,
|
|
83
|
+
value: value,
|
|
84
|
+
onDelete: ()=>onChange(null),
|
|
85
|
+
icon: downloadIcon,
|
|
86
|
+
isIconAfter: isIconAfter,
|
|
87
|
+
deleteIcon: deleteIcon,
|
|
88
|
+
isUseLinkTitle: isUseLinkTitle,
|
|
89
|
+
isLinkTypeDownload: isLinkTypeDownload
|
|
90
|
+
}),
|
|
91
|
+
Boolean(doLoad) && !value && /*#__PURE__*/ (0, _jsxruntime.jsx)(_LoadZone.default, {
|
|
92
|
+
RC: RC,
|
|
93
|
+
fieldKey: fieldKey,
|
|
94
|
+
onChange: onChange,
|
|
95
|
+
icon: uploadIcon,
|
|
96
|
+
doLoad: doLoad,
|
|
97
|
+
dragenter: dragenter,
|
|
98
|
+
setDragenter: setDragenter,
|
|
99
|
+
setIsLoadContent: setIsLoadContent,
|
|
100
|
+
placeholder: placeholder,
|
|
101
|
+
filterFiles: filterFiles,
|
|
102
|
+
processErrors: processErrors,
|
|
103
|
+
isBlockNullValues: isBlockNullValues,
|
|
104
|
+
attributesOfNativeInput: attributesOfNativeInput
|
|
105
|
+
})
|
|
106
|
+
]
|
|
107
|
+
});
|
|
75
108
|
};
|
|
76
|
-
|
|
109
|
+
const _default = FileLoader;
|
|
@@ -1,98 +1,145 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
2
|
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
|
|
3
|
+
value: true
|
|
6
4
|
});
|
|
7
|
-
exports
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return _default;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
13
|
+
const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
11
14
|
require("../FileLoader.scss");
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
change: async e => {
|
|
34
|
-
setIsLoadContent?.(true);
|
|
35
|
-
const file = e.type === "change" ? e.target.files[0] : e.dataTransfer.files[0];
|
|
36
|
-
const validatedFile = filterFiles ? await filterFiles(file) : file;
|
|
37
|
-
if (processErrors && !validatedFile) await processErrors(file);
|
|
38
|
-
if (!isBlockNullValues || validatedFile) {
|
|
39
|
-
onChange(await doLoad(validatedFile).catch(() => null));
|
|
40
|
-
}
|
|
41
|
-
setIsLoadContent?.(false);
|
|
42
|
-
},
|
|
43
|
-
dragover: e => {
|
|
44
|
-
e.stopPropagation();
|
|
45
|
-
e.preventDefault();
|
|
46
|
-
return false;
|
|
47
|
-
},
|
|
48
|
-
dragenter: e => {
|
|
49
|
-
e.stopPropagation();
|
|
50
|
-
e.preventDefault();
|
|
51
|
-
setDragenter(true);
|
|
52
|
-
return false;
|
|
53
|
-
},
|
|
54
|
-
dragleave: e => {
|
|
55
|
-
e.stopPropagation();
|
|
56
|
-
e.preventDefault();
|
|
57
|
-
setDragenter(false);
|
|
58
|
-
return false;
|
|
59
|
-
},
|
|
60
|
-
drop: e => {
|
|
61
|
-
e.stopPropagation();
|
|
62
|
-
e.preventDefault();
|
|
63
|
-
setDragenter(false);
|
|
64
|
-
handle.change(e);
|
|
65
|
-
return false;
|
|
15
|
+
function _interop_require_default(obj) {
|
|
16
|
+
return obj && obj.__esModule ? obj : {
|
|
17
|
+
default: obj
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
21
|
+
if (typeof WeakMap !== "function") return null;
|
|
22
|
+
var cacheBabelInterop = new WeakMap();
|
|
23
|
+
var cacheNodeInterop = new WeakMap();
|
|
24
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
25
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
26
|
+
})(nodeInterop);
|
|
27
|
+
}
|
|
28
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
29
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
30
|
+
return obj;
|
|
31
|
+
}
|
|
32
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
33
|
+
return {
|
|
34
|
+
default: obj
|
|
35
|
+
};
|
|
66
36
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
37
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
38
|
+
if (cache && cache.has(obj)) {
|
|
39
|
+
return cache.get(obj);
|
|
40
|
+
}
|
|
41
|
+
var newObj = {
|
|
42
|
+
__proto__: null
|
|
43
|
+
};
|
|
44
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
45
|
+
for(var key in obj){
|
|
46
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
47
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
48
|
+
if (desc && (desc.get || desc.set)) {
|
|
49
|
+
Object.defineProperty(newObj, key, desc);
|
|
50
|
+
} else {
|
|
51
|
+
newObj[key] = obj[key];
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
newObj.default = obj;
|
|
56
|
+
if (cache) {
|
|
57
|
+
cache.set(obj, newObj);
|
|
58
|
+
}
|
|
59
|
+
return newObj;
|
|
60
|
+
}
|
|
61
|
+
const DEFAULT_MAX_FILE_SIZE = 1024 * 1024; //1Мб
|
|
62
|
+
const FILTER_FILES_DEFAULT = (file)=>file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;
|
|
63
|
+
const LoadZone = ({ RC, fieldKey, onChange, doLoad, setDragenter, setIsLoadContent, icon, placeholder = "", filterFiles = FILTER_FILES_DEFAULT, processErrors, isBlockNullValues, attributesOfNativeInput = {} })=>{
|
|
64
|
+
const dropZoneId = `dropZone-${fieldKey}`;
|
|
65
|
+
const handle = {
|
|
66
|
+
change: async (e)=>{
|
|
67
|
+
setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(true);
|
|
68
|
+
const file = e.type === "change" ? e.target.files[0] : e.dataTransfer.files[0];
|
|
69
|
+
const validatedFile = filterFiles ? await filterFiles(file) : file;
|
|
70
|
+
if (processErrors && !validatedFile) await processErrors(file);
|
|
71
|
+
if (!isBlockNullValues || validatedFile) {
|
|
72
|
+
onChange(await doLoad(validatedFile).catch(()=>null));
|
|
73
|
+
}
|
|
74
|
+
setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(false);
|
|
75
|
+
},
|
|
76
|
+
dragover: (e)=>{
|
|
77
|
+
e.stopPropagation();
|
|
78
|
+
e.preventDefault();
|
|
79
|
+
return false;
|
|
80
|
+
},
|
|
81
|
+
dragenter: (e)=>{
|
|
82
|
+
e.stopPropagation();
|
|
83
|
+
e.preventDefault();
|
|
84
|
+
setDragenter(true);
|
|
85
|
+
return false;
|
|
86
|
+
},
|
|
87
|
+
dragleave: (e)=>{
|
|
88
|
+
e.stopPropagation();
|
|
89
|
+
e.preventDefault();
|
|
90
|
+
setDragenter(false);
|
|
91
|
+
return false;
|
|
92
|
+
},
|
|
93
|
+
drop: (e)=>{
|
|
94
|
+
e.stopPropagation();
|
|
95
|
+
e.preventDefault();
|
|
96
|
+
setDragenter(false);
|
|
97
|
+
handle.change(e);
|
|
98
|
+
return false;
|
|
99
|
+
}
|
|
81
100
|
};
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
101
|
+
(0, _react.useEffect)(()=>{
|
|
102
|
+
const dropbox = document.getElementById(dropZoneId);
|
|
103
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragenter", handle.dragenter, false);
|
|
104
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragover", handle.dragover, false);
|
|
105
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragleave", handle.dragleave, false);
|
|
106
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("drop", handle.drop, false);
|
|
107
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragend", handle.dragleave, false);
|
|
108
|
+
return ()=>{
|
|
109
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragenter", handle.dragenter, false);
|
|
110
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragover", handle.dragover, false);
|
|
111
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragleave", handle.dragleave, false);
|
|
112
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("drop", handle.drop, false);
|
|
113
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragend", handle.dragleave, false);
|
|
114
|
+
};
|
|
115
|
+
}, [
|
|
116
|
+
fieldKey,
|
|
117
|
+
doLoad
|
|
118
|
+
]);
|
|
119
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
120
|
+
children: [
|
|
121
|
+
icon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
122
|
+
className: (0, _classnames.default)(`${RC}__icon-block`),
|
|
123
|
+
children: icon
|
|
124
|
+
}),
|
|
125
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
|
|
126
|
+
id: dropZoneId,
|
|
127
|
+
className: (0, _classnames.default)(`${RC}__input-label`, {
|
|
128
|
+
[`${RC}__input-label_no-icon`]: !icon
|
|
129
|
+
}),
|
|
130
|
+
htmlFor: fieldKey,
|
|
131
|
+
children: [
|
|
132
|
+
placeholder,
|
|
133
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
|
|
134
|
+
id: fieldKey,
|
|
135
|
+
className: (0, _classnames.default)(`${RC}__input`),
|
|
136
|
+
type: "file",
|
|
137
|
+
onChange: handle.change,
|
|
138
|
+
...attributesOfNativeInput
|
|
139
|
+
})
|
|
140
|
+
]
|
|
141
|
+
})
|
|
142
|
+
]
|
|
143
|
+
});
|
|
97
144
|
};
|
|
98
|
-
|
|
145
|
+
const _default = LoadZone;
|