intelicoreact 1.3.65 → 1.3.67
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 +9 -1
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +10 -1
- package/dist/Atomic/FormElements/Calendar/Calendar.js +24 -4
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +10 -1
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +14 -2
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +54 -5
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +21 -3
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +144 -51
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +7 -1
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +52 -11
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +15 -3
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +29 -15
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +15 -5
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +26 -6
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +35 -19
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +38 -9
- package/dist/Atomic/FormElements/Input/Input.js +57 -24
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +31 -4
- package/dist/Atomic/FormElements/InputColor/InputColor.js +14 -4
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +51 -17
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +42 -7
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +21 -3
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +81 -58
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +41 -6
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +8 -1
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +44 -14
- package/dist/Atomic/FormElements/InputLink/InputLink.js +23 -6
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +4 -0
- package/dist/Atomic/FormElements/InputMask/InputMask.js +208 -77
- package/dist/Atomic/FormElements/InputMask/functions.js +28 -2
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +119 -43
- package/dist/Atomic/FormElements/InputMask2/functions.js +28 -2
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +137 -44
- package/dist/Atomic/FormElements/InputMask3/functions.js +28 -2
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +17 -3
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +24 -5
- package/dist/Atomic/FormElements/Label/Label.js +9 -1
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +73 -35
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +15 -3
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +44 -23
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +17 -7
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +14 -3
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +10 -1
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +14 -3
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +23 -3
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +34 -17
- package/dist/Atomic/FormElements/RangeList/RangeList.js +25 -6
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +11 -1
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +72 -14
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +124 -40
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +10 -1
- package/dist/Atomic/FormElements/Switcher/Switcher.js +10 -1
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +13 -1
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +10 -1
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +17 -2
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +17 -3
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +11 -1
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +29 -6
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +3 -2
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +12 -1
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +151 -55
- package/dist/Atomic/FormElements/Text/Text.js +16 -10
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +9 -1
- package/dist/Atomic/FormElements/Textarea/Textarea.js +16 -3
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +35 -6
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +13 -4
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +21 -7
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +35 -8
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +91 -0
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +18 -5
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +10 -3
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +11 -3
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +2 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +12 -5
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
- package/dist/Atomic/Layout/Header/Header.js +15 -3
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +20 -3
- package/dist/Atomic/Layout/Spinner/Spinner.js +8 -1
- package/dist/Atomic/UI/Accordion/Accordion.js +19 -3
- package/dist/Atomic/UI/Accordion/AccordionItem.js +23 -9
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +32 -7
- package/dist/Atomic/UI/AccordionText/AccordionText.js +15 -3
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +21 -4
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +15 -3
- package/dist/Atomic/UI/Alert/Alert.js +37 -11
- package/dist/Atomic/UI/Arrow/Arrow.js +16 -3
- package/dist/Atomic/UI/Box/Box.js +9 -3
- package/dist/Atomic/UI/Button/Button.js +11 -2
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +10 -1
- package/dist/Atomic/UI/Chart/Chart.js +29 -4
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +19 -11
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +12 -1
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +34 -11
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +56 -82
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +19 -15
- package/dist/Atomic/UI/Chart/partial/utils.js +20 -6
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +13 -3
- package/dist/Atomic/UI/DateTime/DateTime.js +14 -3
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +16 -4
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +11 -3
- package/dist/Atomic/UI/DoubleString/DoubleString.js +17 -5
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +10 -3
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +52 -17
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +29 -1
- package/dist/Atomic/UI/Hint/Hint.js +30 -5
- package/dist/Atomic/UI/Modal/Modal.js +28 -6
- package/dist/Atomic/UI/Modal/ModalHOC.js +9 -1
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +7 -1
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +8 -1
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +49 -32
- package/dist/Atomic/UI/ModalBackup/Modal.js +174 -0
- package/dist/Atomic/UI/ModalBackup/Modal.scss +333 -0
- package/dist/Atomic/UI/ModalBackup/ModalHOC.js +51 -0
- package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +24 -0
- package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +41 -0
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +21 -6
- package/dist/Atomic/UI/NavLine/NavLine.js +55 -26
- package/dist/Atomic/UI/NavLine/Tabs.js +3 -2
- package/dist/Atomic/UI/PageTitle/PageTitle.js +10 -2
- package/dist/Atomic/UI/PieChart/PieChart.js +10 -1
- package/dist/Atomic/UI/Price/Price.js +8 -3
- package/dist/Atomic/UI/PriceRange/PriceRange.js +7 -1
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +16 -1
- package/dist/Atomic/UI/Status/Status.js +8 -1
- package/dist/Atomic/UI/Table/Partials/TdCell.js +29 -5
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +11 -1
- package/dist/Atomic/UI/Table/Partials/TdRow.js +17 -5
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +14 -3
- package/dist/Atomic/UI/Table/Table.js +12 -1
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +18 -2
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +9 -1
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +4 -1
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +13 -1
- package/dist/Atomic/UI/Tag/Tag.js +14 -3
- package/dist/Atomic/UI/TagList/TagList.js +35 -19
- package/dist/Atomic/UI/UserBox/UserBox.js +13 -1
- package/dist/Classes/AbortableFetch.js +93 -36
- package/dist/Classes/AnimatedHandler.js +7 -3
- package/dist/Classes/RESTAPI/index.js +43 -39
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +93 -35
- package/dist/Classes/RESTAPI/partials/ApiBase.js +9 -1
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +19 -7
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +35 -28
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +44 -21
- package/dist/Classes/RESTAPI/partials/Utils.js +19 -6
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +6 -2
- package/dist/Classes/RESTAPI/partials/_utils.js +36 -13
- package/dist/Constants/index.constants.js +15 -8
- package/dist/Functions/Portal.js +16 -5
- package/dist/Functions/customEventListener.js +17 -4
- package/dist/Functions/fieldValueFormatters.js +83 -43
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +26 -23
- package/dist/Functions/locale/createTranslator.js +9 -4
- package/dist/Functions/operations.js +22 -12
- package/dist/Functions/presets/inputMaskPresets.js +11 -9
- package/dist/Functions/presets/inputPresets.js +11 -8
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +9 -7
- package/dist/Functions/schemas.js +13 -6
- package/dist/Functions/useBodyScrollLock.js +6 -1
- package/dist/Functions/useClickOutside.js +4 -0
- package/dist/Functions/useDebounce.js +7 -2
- package/dist/Functions/useFieldFocus.js +18 -6
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +9 -0
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +23 -12
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +15 -6
- package/dist/Functions/useFormTools/functions/General.js +28 -18
- package/dist/Functions/useFormTools/functions/RenderFields.js +11 -2
- package/dist/Functions/useFormTools/functions/usePrevious.js +5 -1
- package/dist/Functions/useFormTools/index.js +144 -85
- package/dist/Functions/useInputHighlightError.js +12 -3
- package/dist/Functions/useIsMobile.js +13 -7
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +7 -1
- package/dist/Functions/useKeyPress/useKeyPress.js +9 -1
- package/dist/Functions/useLocalStorage.js +9 -1
- package/dist/Functions/useLocationParams.js +5 -4
- package/dist/Functions/useMetaInfo.js +10 -3
- package/dist/Functions/useMouseUpOutside.js +3 -0
- package/dist/Functions/useOnlineStatus.js +9 -1
- package/dist/Functions/usePasswordChecker.js +20 -4
- package/dist/Functions/usePrevious.js +5 -1
- package/dist/Functions/useResize.js +10 -2
- package/dist/Functions/useScrollTo.js +7 -2
- package/dist/Functions/useToggle.js +5 -1
- package/dist/Functions/utils.js +128 -49
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +9 -2
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +9 -2
- package/dist/Molecular/CustomIcons/components/AppStore.js +9 -2
- package/dist/Molecular/CustomIcons/components/Arrow.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +9 -2
- package/dist/Molecular/CustomIcons/components/Bell.js +9 -2
- package/dist/Molecular/CustomIcons/components/Button.js +9 -2
- package/dist/Molecular/CustomIcons/components/Campaigns.js +9 -2
- package/dist/Molecular/CustomIcons/components/Check.js +9 -2
- package/dist/Molecular/CustomIcons/components/Check2.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +9 -2
- package/dist/Molecular/CustomIcons/components/Close.js +9 -2
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +9 -2
- package/dist/Molecular/CustomIcons/components/Delete.js +9 -2
- package/dist/Molecular/CustomIcons/components/Edit.js +9 -2
- package/dist/Molecular/CustomIcons/components/Email.js +9 -2
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +9 -2
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +9 -2
- package/dist/Molecular/CustomIcons/components/Flows.js +9 -2
- package/dist/Molecular/CustomIcons/components/Gift.js +9 -2
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +9 -2
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +9 -2
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +9 -2
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +9 -2
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +9 -2
- package/dist/Molecular/CustomIcons/components/Home.js +9 -2
- package/dist/Molecular/CustomIcons/components/Home2.js +9 -2
- package/dist/Molecular/CustomIcons/components/Key.js +9 -2
- package/dist/Molecular/CustomIcons/components/Landers.js +9 -2
- package/dist/Molecular/CustomIcons/components/Lock.js +9 -2
- package/dist/Molecular/CustomIcons/components/Mail.js +9 -2
- package/dist/Molecular/CustomIcons/components/Mastercard.js +9 -2
- package/dist/Molecular/CustomIcons/components/Minus.js +9 -2
- package/dist/Molecular/CustomIcons/components/Offers.js +9 -2
- package/dist/Molecular/CustomIcons/components/Pause.js +9 -2
- package/dist/Molecular/CustomIcons/components/PayPal.js +9 -2
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +9 -2
- package/dist/Molecular/CustomIcons/components/Phone.js +9 -2
- package/dist/Molecular/CustomIcons/components/Play.js +9 -2
- package/dist/Molecular/CustomIcons/components/Plus.js +9 -2
- package/dist/Molecular/CustomIcons/components/Profile.js +9 -2
- package/dist/Molecular/CustomIcons/components/QRCode.js +9 -2
- package/dist/Molecular/CustomIcons/components/Rectangle.js +9 -2
- package/dist/Molecular/CustomIcons/components/Revert.js +9 -2
- package/dist/Molecular/CustomIcons/components/Star.js +9 -2
- package/dist/Molecular/CustomIcons/components/Star2.js +9 -2
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +9 -2
- package/dist/Molecular/CustomIcons/components/Trash.js +9 -2
- package/dist/Molecular/CustomIcons/components/TrashRed.js +9 -2
- package/dist/Molecular/CustomIcons/components/Triggers.js +9 -2
- package/dist/Molecular/CustomIcons/components/User.js +9 -2
- package/dist/Molecular/CustomIcons/components/Visa.js +9 -2
- package/dist/Molecular/CustomIcons/components/X.js +9 -2
- package/dist/Molecular/CustomIcons/index.js +122 -0
- package/dist/Molecular/FormElement/FormElement.js +12 -1
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +31 -30
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +12 -9
- package/dist/Molecular/InputAddress/InputAddress.js +114 -65
- package/dist/Molecular/InputPassword/InputPassword.js +19 -5
- package/dist/index.js +2 -0
- package/package.json +1 -1
|
@@ -1,24 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
9
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
var _reactFeather = require("react-feather");
|
|
17
|
+
|
|
12
18
|
var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
|
|
19
|
+
|
|
13
20
|
var _useDebounce = require("../../../Functions/useDebounce");
|
|
21
|
+
|
|
14
22
|
var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
|
|
23
|
+
|
|
15
24
|
var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
|
|
25
|
+
|
|
16
26
|
require("./DropdownLiveSearch.scss");
|
|
17
|
-
|
|
18
|
-
function
|
|
27
|
+
|
|
28
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
+
|
|
30
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
+
|
|
19
32
|
const RC = "dropdown-live-search";
|
|
33
|
+
|
|
20
34
|
const DropdownLiveSearch = _ref => {
|
|
21
35
|
var _tabIndex$toString;
|
|
36
|
+
|
|
22
37
|
let {
|
|
23
38
|
value,
|
|
24
39
|
error,
|
|
@@ -49,7 +64,8 @@ const DropdownLiveSearch = _ref => {
|
|
|
49
64
|
const isMobile = isMobileProp && withMobileLogic && window.screen.width <= 768;
|
|
50
65
|
const labelByValue = (0, _react.useMemo)(() => {
|
|
51
66
|
var _options$find;
|
|
52
|
-
|
|
67
|
+
|
|
68
|
+
return (options === null || options === void 0 ? void 0 : (_options$find = options.find(item => item.value === value)) === null || _options$find === void 0 ? void 0 : _options$find.label) || "";
|
|
53
69
|
}, [value]);
|
|
54
70
|
const [searchValue, setSV] = (0, _react.useState)(labelByValue);
|
|
55
71
|
const dropdownLiveSearchRef = (0, _react.useRef)(null);
|
|
@@ -57,23 +73,29 @@ const DropdownLiveSearch = _ref => {
|
|
|
57
73
|
const dropdownListRef = (0, _react.useRef)(null);
|
|
58
74
|
const searchInputRef = (0, _react.useRef)(null);
|
|
59
75
|
const searchValueRef = (0, _react.useRef)(labelByValue);
|
|
76
|
+
|
|
60
77
|
const setSearchValue = val => {
|
|
61
78
|
setSV(val);
|
|
62
79
|
searchValueRef.current = val;
|
|
63
80
|
};
|
|
81
|
+
|
|
64
82
|
const [isFocusedByClick, setIsFocusedByClick] = (0, _react.useState)(false);
|
|
65
83
|
const debouncedSearchTerm = (0, _useDebounce.useDebounce)({
|
|
66
84
|
searchValue,
|
|
67
85
|
delay: 600
|
|
68
86
|
});
|
|
69
87
|
if (!options) return null;
|
|
88
|
+
|
|
70
89
|
const handleClickOutside = event => {
|
|
71
90
|
if (!dropdownLiveSearchRef.current.contains(event.target)) setIsOpen(false);
|
|
72
91
|
};
|
|
92
|
+
|
|
73
93
|
const highlightedText = (text, postfix) => {
|
|
74
94
|
if (!isSearchable) return text;else {
|
|
75
95
|
var _text;
|
|
96
|
+
|
|
76
97
|
const prepare = text => text === null || text === void 0 ? void 0 : text.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
|
|
98
|
+
|
|
77
99
|
text = text.replace(/["&<>]/g, a => {
|
|
78
100
|
return {
|
|
79
101
|
'"': """,
|
|
@@ -87,13 +109,15 @@ const DropdownLiveSearch = _ref => {
|
|
|
87
109
|
return main + postfixPart;
|
|
88
110
|
}
|
|
89
111
|
};
|
|
112
|
+
|
|
90
113
|
const getMarkupForElement = (item, index, optTestId) => {
|
|
91
|
-
var _item$value, _item$value2;
|
|
114
|
+
var _item$value, _item$value$toString, _item$value2, _item$value2$toString;
|
|
115
|
+
|
|
92
116
|
const lowerLabel = item.label.toLowerCase();
|
|
93
117
|
const lowerSearchValue = searchValue.toLowerCase();
|
|
94
118
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
95
|
-
"data-testid": "dropdown-live-search--button--key-".concat(optTestId || (item === null || item === void 0
|
|
96
|
-
key: (_item$value2 = item.value) === null || _item$value2 === void 0
|
|
119
|
+
"data-testid": "dropdown-live-search--button--key-".concat(optTestId || (item === null || item === void 0 ? void 0 : (_item$value = item.value) === null || _item$value === void 0 ? void 0 : (_item$value$toString = _item$value.toString()) === null || _item$value$toString === void 0 ? void 0 : _item$value$toString.replace(/\s/, "-")) || (item === null || item === void 0 ? void 0 : item.key) || "item", "--option"),
|
|
120
|
+
key: (_item$value2 = item.value) === null || _item$value2 === void 0 ? void 0 : (_item$value2$toString = _item$value2.toString()) === null || _item$value2$toString === void 0 ? void 0 : _item$value2$toString.replace(/ /g, "_"),
|
|
97
121
|
onClick: () => {
|
|
98
122
|
onChange(item.value);
|
|
99
123
|
setIsOpen(false);
|
|
@@ -115,6 +139,7 @@ const DropdownLiveSearch = _ref => {
|
|
|
115
139
|
}
|
|
116
140
|
}));
|
|
117
141
|
};
|
|
142
|
+
|
|
118
143
|
const getListMarkUp = () => {
|
|
119
144
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
120
145
|
id: "dropdown-live-search-list",
|
|
@@ -133,9 +158,11 @@ const DropdownLiveSearch = _ref => {
|
|
|
133
158
|
size: options.length <= 3 ? "small" : null
|
|
134
159
|
}));
|
|
135
160
|
};
|
|
161
|
+
|
|
136
162
|
const getListContainer = () => {
|
|
137
163
|
return document.getElementById(dropdownId);
|
|
138
164
|
};
|
|
165
|
+
|
|
139
166
|
(0, _react.useEffect)(() => {
|
|
140
167
|
if (!value) setSearchValue("");
|
|
141
168
|
}, [value]);
|
|
@@ -149,12 +176,14 @@ const DropdownLiveSearch = _ref => {
|
|
|
149
176
|
onChange(options[0].value);
|
|
150
177
|
}
|
|
151
178
|
}, [options]);
|
|
179
|
+
|
|
152
180
|
const searchableInputFocus = e => {
|
|
153
181
|
if (!isOpen) {
|
|
154
182
|
e.preventDefault();
|
|
155
183
|
e.stopPropagation();
|
|
156
184
|
}
|
|
157
185
|
};
|
|
186
|
+
|
|
158
187
|
const handle = {
|
|
159
188
|
onInputClick: e => {
|
|
160
189
|
if (!isOpen) setIsOpen(true);
|
|
@@ -164,6 +193,7 @@ const DropdownLiveSearch = _ref => {
|
|
|
164
193
|
let inputValue = e.target.value;
|
|
165
194
|
if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
|
|
166
195
|
setSearchValue(inputValue);
|
|
196
|
+
|
|
167
197
|
if (searchValue && !e.target.value) {
|
|
168
198
|
onChange("");
|
|
169
199
|
setSearchValue("");
|
|
@@ -176,9 +206,11 @@ const DropdownLiveSearch = _ref => {
|
|
|
176
206
|
doRequest(debouncedSearchTerm);
|
|
177
207
|
}
|
|
178
208
|
}, [debouncedSearchTerm, isValueDeleted]);
|
|
209
|
+
|
|
179
210
|
const closeListViaEsc = e => {
|
|
180
211
|
if ([27].includes(e.keyCode)) setIsOpen(false);
|
|
181
212
|
};
|
|
213
|
+
|
|
182
214
|
(0, _react.useLayoutEffect)(() => {
|
|
183
215
|
window.addEventListener("keyup", closeListViaEsc);
|
|
184
216
|
return () => {
|
|
@@ -187,9 +219,11 @@ const DropdownLiveSearch = _ref => {
|
|
|
187
219
|
}, [getListContainer]);
|
|
188
220
|
(0, _react.useLayoutEffect)(() => {
|
|
189
221
|
const list = document.getElementById("dropdown-live-search-list");
|
|
222
|
+
|
|
190
223
|
if (list || isOpen) {
|
|
191
224
|
var _dropdownLiveSearchRe;
|
|
192
|
-
|
|
225
|
+
|
|
226
|
+
const dropdownWidth = dropdownLiveSearchRef === null || dropdownLiveSearchRef === void 0 ? void 0 : (_dropdownLiveSearchRe = dropdownLiveSearchRef.current) === null || _dropdownLiveSearchRe === void 0 ? void 0 : _dropdownLiveSearchRe.clientWidth;
|
|
193
227
|
list.style.width = "".concat(dropdownWidth, "px");
|
|
194
228
|
}
|
|
195
229
|
}, [dropdownLiveSearchRef, isOpen]);
|
|
@@ -202,9 +236,11 @@ const DropdownLiveSearch = _ref => {
|
|
|
202
236
|
}, [options]);
|
|
203
237
|
(0, _react.useEffect)(() => {
|
|
204
238
|
if (!isOpen) setIsFocusedByClick(false);
|
|
239
|
+
|
|
205
240
|
if (isOpen && dropdownListRef && dropdownListRef.current) {
|
|
206
241
|
dropdownListRef.current.addEventListener("scroll", doScrollCallback);
|
|
207
242
|
}
|
|
243
|
+
|
|
208
244
|
return () => {
|
|
209
245
|
removeEventListener("scroll", doScrollCallback);
|
|
210
246
|
};
|
|
@@ -212,6 +248,7 @@ const DropdownLiveSearch = _ref => {
|
|
|
212
248
|
const closeList = isOpen ? handleClickOutside : () => {};
|
|
213
249
|
(0, _react.useLayoutEffect)(() => {
|
|
214
250
|
var _getListContainer;
|
|
251
|
+
|
|
215
252
|
if (!isMobile) {
|
|
216
253
|
window.addEventListener("mousewheel", closeList);
|
|
217
254
|
window.addEventListener("scroll", closeList);
|
|
@@ -221,13 +258,15 @@ const DropdownLiveSearch = _ref => {
|
|
|
221
258
|
window.removeEventListener("scroll", closeList);
|
|
222
259
|
window.removeEventListener("touchmove", closeList);
|
|
223
260
|
}
|
|
224
|
-
|
|
261
|
+
|
|
262
|
+
(_getListContainer = getListContainer()) === null || _getListContainer === void 0 ? void 0 : _getListContainer.addEventListener("click", closeList);
|
|
225
263
|
return () => {
|
|
226
264
|
var _getListContainer2;
|
|
265
|
+
|
|
227
266
|
window.removeEventListener("mousewheel", closeList);
|
|
228
267
|
window.removeEventListener("scroll", closeList);
|
|
229
268
|
window.removeEventListener("touchmove", closeList);
|
|
230
|
-
(_getListContainer2 = getListContainer()) === null || _getListContainer2 === void 0
|
|
269
|
+
(_getListContainer2 = getListContainer()) === null || _getListContainer2 === void 0 ? void 0 : _getListContainer2.removeEventListener("click", closeList);
|
|
231
270
|
};
|
|
232
271
|
}, [getListContainer]);
|
|
233
272
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -241,7 +280,7 @@ const DropdownLiveSearch = _ref => {
|
|
|
241
280
|
onClick: () => !isSearchable ? setIsOpen(!isOpen) : null,
|
|
242
281
|
onMouseDown: () => setIsFocusedByClick(true),
|
|
243
282
|
onFocus: () => !isFocusedByClick ? setIsOpen(true) : null,
|
|
244
|
-
tabIndex: tabIndex === null || tabIndex === void 0
|
|
283
|
+
tabIndex: tabIndex === null || tabIndex === void 0 ? void 0 : (_tabIndex$toString = tabIndex.toString) === null || _tabIndex$toString === void 0 ? void 0 : _tabIndex$toString.call(tabIndex)
|
|
245
284
|
}, isSearchable ? /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
|
|
246
285
|
ref: searchInputRef,
|
|
247
286
|
className: "".concat(RC, "__input"),
|
|
@@ -260,4 +299,6 @@ const DropdownLiveSearch = _ref => {
|
|
|
260
299
|
onClick: () => setIsOpen(!isOpen)
|
|
261
300
|
}, isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null))), isOpen && getListMarkUp());
|
|
262
301
|
};
|
|
263
|
-
|
|
302
|
+
|
|
303
|
+
var _default = DropdownLiveSearch;
|
|
304
|
+
exports.default = _default;
|
|
@@ -1,18 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
10
14
|
var _LoadZone = _interopRequireDefault(require("./partial/LoadZone"));
|
|
15
|
+
|
|
11
16
|
var _LoadedContent = _interopRequireDefault(require("./partial/LoadedContent"));
|
|
17
|
+
|
|
12
18
|
require("./FileLoader.scss");
|
|
13
|
-
|
|
14
|
-
function
|
|
19
|
+
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
+
|
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
|
|
15
24
|
const RC = "file-loader";
|
|
25
|
+
|
|
16
26
|
const FileLoader = props => {
|
|
17
27
|
const {
|
|
18
28
|
// будет использован в качестве id инпута в LoadZone, обязателен для корректной работы
|
|
@@ -73,4 +83,6 @@ const FileLoader = props => {
|
|
|
73
83
|
attributesOfNativeInput: attributesOfNativeInput
|
|
74
84
|
}));
|
|
75
85
|
};
|
|
76
|
-
|
|
86
|
+
|
|
87
|
+
var _default = FileLoader;
|
|
88
|
+
exports.default = _default;
|
|
@@ -1,18 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
9
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
require("../FileLoader.scss");
|
|
12
|
-
|
|
13
|
-
function
|
|
17
|
+
|
|
18
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
+
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
|
|
14
22
|
const DEFAULT_MAX_FILE_SIZE = 1024 * 1024; //1Мб
|
|
23
|
+
|
|
15
24
|
const FILTER_FILES_DEFAULT = file => file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;
|
|
25
|
+
|
|
16
26
|
const LoadZone = _ref => {
|
|
17
27
|
let {
|
|
18
28
|
RC,
|
|
@@ -31,14 +41,16 @@ const LoadZone = _ref => {
|
|
|
31
41
|
const dropZoneId = "dropZone-".concat(fieldKey);
|
|
32
42
|
const handle = {
|
|
33
43
|
change: async e => {
|
|
34
|
-
setIsLoadContent === null || setIsLoadContent === void 0
|
|
44
|
+
setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(true);
|
|
35
45
|
const file = e.type === "change" ? e.target.files[0] : e.dataTransfer.files[0];
|
|
36
46
|
const validatedFile = filterFiles ? await filterFiles(file) : file;
|
|
37
47
|
if (processErrors && !validatedFile) await processErrors(file);
|
|
48
|
+
|
|
38
49
|
if (!isBlockNullValues || validatedFile) {
|
|
39
50
|
onChange(await doLoad(validatedFile).catch(() => null));
|
|
40
51
|
}
|
|
41
|
-
|
|
52
|
+
|
|
53
|
+
setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(false);
|
|
42
54
|
},
|
|
43
55
|
dragover: e => {
|
|
44
56
|
e.stopPropagation();
|
|
@@ -67,17 +79,17 @@ const LoadZone = _ref => {
|
|
|
67
79
|
};
|
|
68
80
|
(0, _react.useEffect)(() => {
|
|
69
81
|
const dropbox = document.getElementById(dropZoneId);
|
|
70
|
-
dropbox === null || dropbox === void 0
|
|
71
|
-
dropbox === null || dropbox === void 0
|
|
72
|
-
dropbox === null || dropbox === void 0
|
|
73
|
-
dropbox === null || dropbox === void 0
|
|
74
|
-
dropbox === null || dropbox === void 0
|
|
82
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragenter", handle.dragenter, false);
|
|
83
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragover", handle.dragover, false);
|
|
84
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragleave", handle.dragleave, false);
|
|
85
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("drop", handle.drop, false);
|
|
86
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragend", handle.dragleave, false);
|
|
75
87
|
return () => {
|
|
76
|
-
dropbox === null || dropbox === void 0
|
|
77
|
-
dropbox === null || dropbox === void 0
|
|
78
|
-
dropbox === null || dropbox === void 0
|
|
79
|
-
dropbox === null || dropbox === void 0
|
|
80
|
-
dropbox === null || dropbox === void 0
|
|
88
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragenter", handle.dragenter, false);
|
|
89
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragover", handle.dragover, false);
|
|
90
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragleave", handle.dragleave, false);
|
|
91
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("drop", handle.drop, false);
|
|
92
|
+
dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragend", handle.dragleave, false);
|
|
81
93
|
};
|
|
82
94
|
}, [fieldKey, doLoad]);
|
|
83
95
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -95,4 +107,6 @@ const LoadZone = _ref => {
|
|
|
95
107
|
onChange: handle.change
|
|
96
108
|
}, attributesOfNativeInput))));
|
|
97
109
|
};
|
|
98
|
-
|
|
110
|
+
|
|
111
|
+
var _default = LoadZone;
|
|
112
|
+
exports.default = _default;
|
|
@@ -1,17 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
9
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
var _utils = require("../../../../Functions/utils");
|
|
17
|
+
|
|
12
18
|
require("../FileLoader.scss");
|
|
13
|
-
|
|
14
|
-
function
|
|
19
|
+
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
+
|
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
|
|
15
24
|
const LoadedContent = props => {
|
|
16
25
|
const {
|
|
17
26
|
RC,
|
|
@@ -34,8 +43,7 @@ const LoadedContent = props => {
|
|
|
34
43
|
});
|
|
35
44
|
}
|
|
36
45
|
};
|
|
37
|
-
const additionalProps = (0, _react.useMemo)(() => ({
|
|
38
|
-
...(isUseLinkTitle ? {
|
|
46
|
+
const additionalProps = (0, _react.useMemo)(() => ({ ...(isUseLinkTitle ? {
|
|
39
47
|
title: isLinkTypeDownload ? "Download ".concat(value.name) : value.path
|
|
40
48
|
} : {}),
|
|
41
49
|
...(isLinkTypeDownload ? {
|
|
@@ -58,4 +66,6 @@ const LoadedContent = props => {
|
|
|
58
66
|
onClick: onDelete
|
|
59
67
|
}, deleteIcon || "X"));
|
|
60
68
|
};
|
|
61
|
-
|
|
69
|
+
|
|
70
|
+
var _default = LoadedContent;
|
|
71
|
+
exports.default = _default;
|
|
@@ -1,17 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
9
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
|
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
var _reactFeather = require("react-feather");
|
|
17
|
+
|
|
12
18
|
var _utils = require("../../../Functions/utils");
|
|
19
|
+
|
|
13
20
|
require("./FileLoaderLocal.scss");
|
|
21
|
+
|
|
14
22
|
const MAX_FILE_SIZE = 10 * 1024 * 1024;
|
|
23
|
+
|
|
15
24
|
const FileLoaderLocal = _ref => {
|
|
16
25
|
let {
|
|
17
26
|
groupId,
|
|
@@ -28,10 +37,12 @@ const FileLoaderLocal = _ref => {
|
|
|
28
37
|
testId,
|
|
29
38
|
attributesOfNativeInput = {}
|
|
30
39
|
} = _ref;
|
|
40
|
+
|
|
31
41
|
const getFileName = value => {
|
|
32
42
|
const result = value.match(/[^\\]+$/);
|
|
33
43
|
return result === null || result === void 0 ? void 0 : result[0];
|
|
34
44
|
};
|
|
45
|
+
|
|
35
46
|
const renderRequiredLabel = () => {
|
|
36
47
|
if (!value) {
|
|
37
48
|
if (isRequired) return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -41,20 +52,26 @@ const FileLoaderLocal = _ref => {
|
|
|
41
52
|
}, "Optional");
|
|
42
53
|
}
|
|
43
54
|
};
|
|
55
|
+
|
|
44
56
|
const isFileSizeOutOfLimit = file => {
|
|
45
57
|
var _ref2;
|
|
58
|
+
|
|
46
59
|
return (_ref2 = file.size > maxItemSizeBytes) !== null && _ref2 !== void 0 ? _ref2 : MAX_FILE_SIZE;
|
|
47
60
|
};
|
|
61
|
+
|
|
48
62
|
const checkExtension = valueExtension => {
|
|
49
63
|
return accept.includes(valueExtension);
|
|
50
64
|
};
|
|
65
|
+
|
|
51
66
|
const handle = {
|
|
52
67
|
change: e => {
|
|
53
|
-
var _name$match, _e$target, _e$target2;
|
|
68
|
+
var _name$match, _e$target, _e$target$files, _e$target2, _e$target2$files;
|
|
69
|
+
|
|
54
70
|
const name = getFileName(e.target.value);
|
|
55
|
-
const valueExtension = name === null || name === void 0
|
|
56
|
-
const file = (_e$target = e.target) === null || _e$target === void 0
|
|
57
|
-
|
|
71
|
+
const valueExtension = name === null || name === void 0 ? void 0 : (_name$match = name.match(/[^\.]+$/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
|
|
72
|
+
const file = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$files = _e$target.files) === null || _e$target$files === void 0 ? void 0 : _e$target$files[0];
|
|
73
|
+
|
|
74
|
+
if (isFileSizeOutOfLimit((_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : (_e$target2$files = _e$target2.files) === null || _e$target2$files === void 0 ? void 0 : _e$target2$files[0])) {
|
|
58
75
|
onChange({
|
|
59
76
|
id,
|
|
60
77
|
name,
|
|
@@ -66,7 +83,8 @@ const FileLoaderLocal = _ref => {
|
|
|
66
83
|
});
|
|
67
84
|
} else if (!checkExtension(valueExtension)) {
|
|
68
85
|
var _accept$replace;
|
|
69
|
-
|
|
86
|
+
|
|
87
|
+
const allowedExtensions = (accept === null || accept === void 0 ? void 0 : (_accept$replace = accept.replace(/\./g, "")) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || "JPG, PNG, PDF";
|
|
70
88
|
const uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
|
|
71
89
|
onChange({
|
|
72
90
|
id,
|
|
@@ -123,4 +141,6 @@ const FileLoaderLocal = _ref => {
|
|
|
123
141
|
})
|
|
124
142
|
}), renderRequiredLabel()));
|
|
125
143
|
};
|
|
126
|
-
|
|
144
|
+
|
|
145
|
+
var _default = FileLoaderLocal;
|
|
146
|
+
exports.default = _default;
|
|
@@ -1,23 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
10
14
|
var _reactFeather = require("react-feather");
|
|
15
|
+
|
|
11
16
|
var _utils = require("../../../Functions/utils");
|
|
17
|
+
|
|
12
18
|
var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
|
|
19
|
+
|
|
13
20
|
var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
|
|
21
|
+
|
|
14
22
|
require("./FileLoaderLocalGroup.scss");
|
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
|
-
/* eslint-disable no-console */
|
|
18
23
|
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
+
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
|
|
28
|
+
/* eslint-disable no-console */
|
|
19
29
|
const DEFAULT_LABEL_PREFIX = "Please attach";
|
|
20
30
|
const MAX_FILE_SIZE = 10 * 1024 * 1024;
|
|
31
|
+
|
|
21
32
|
const FileLoaderLocalGroup = _ref => {
|
|
22
33
|
let {
|
|
23
34
|
className,
|
|
@@ -29,8 +40,10 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
29
40
|
alertText
|
|
30
41
|
} = _ref;
|
|
31
42
|
const [groups, setGroups] = (0, _react.useState)((0, _utils.clone)(groupsArray));
|
|
43
|
+
|
|
32
44
|
const getNewFile = group => {
|
|
33
45
|
var _group$files, _group$files2, _group$maxItemSizeByt;
|
|
46
|
+
|
|
34
47
|
return {
|
|
35
48
|
id: isNaN(((_group$files = group.files) === null || _group$files === void 0 ? void 0 : _group$files.at(-1).id) + 1) ? 1 : ((_group$files2 = group.files) === null || _group$files2 === void 0 ? void 0 : _group$files2.at(-1).id) + 1,
|
|
36
49
|
value: "",
|
|
@@ -41,10 +54,10 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
41
54
|
isRequired: (group === null || group === void 0 ? void 0 : group.isRequired) || false
|
|
42
55
|
};
|
|
43
56
|
};
|
|
57
|
+
|
|
44
58
|
(0, _react.useEffect)(() => {
|
|
45
59
|
const mergedGroups = groupsArray === null || groupsArray === void 0 ? void 0 : groupsArray.map(group => {
|
|
46
|
-
return {
|
|
47
|
-
...group,
|
|
60
|
+
return { ...group,
|
|
48
61
|
files: [getNewFile(group)]
|
|
49
62
|
};
|
|
50
63
|
});
|
|
@@ -64,6 +77,7 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
64
77
|
const currentGroup = groups === null || groups === void 0 ? void 0 : groups.find(group => group.groupId === groupId.toString());
|
|
65
78
|
const files = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.files;
|
|
66
79
|
const changedField = files.find(item => Number(item.id) === Number(id));
|
|
80
|
+
|
|
67
81
|
if (error) {
|
|
68
82
|
changedField.value = name;
|
|
69
83
|
changedField.error = error;
|
|
@@ -76,19 +90,17 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
76
90
|
changedField.error = "";
|
|
77
91
|
const oldDataWithNewFile = groups === null || groups === void 0 ? void 0 : groups.map(group => {
|
|
78
92
|
if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && isSingleGroup) {
|
|
79
|
-
return {
|
|
80
|
-
...group,
|
|
93
|
+
return { ...group,
|
|
81
94
|
files: [...group.files]
|
|
82
95
|
};
|
|
83
96
|
} else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && group.files.length < 10 && !isSingleGroup) {
|
|
84
|
-
return {
|
|
85
|
-
...group,
|
|
86
|
-
files: [...group.files, {
|
|
87
|
-
...getNewFile(group),
|
|
97
|
+
return { ...group,
|
|
98
|
+
files: [...group.files, { ...getNewFile(group),
|
|
88
99
|
isRequired: group.files.length > 1
|
|
89
100
|
}]
|
|
90
101
|
};
|
|
91
102
|
}
|
|
103
|
+
|
|
92
104
|
return group;
|
|
93
105
|
});
|
|
94
106
|
setGroups([...oldDataWithNewFile]);
|
|
@@ -97,20 +109,18 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
97
109
|
} else {
|
|
98
110
|
const oldDataWithRemovedFile = groups === null || groups === void 0 ? void 0 : groups.map(group => {
|
|
99
111
|
if (isSingleGroup && (group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString()) {
|
|
100
|
-
return {
|
|
101
|
-
...group,
|
|
102
|
-
files: [{
|
|
103
|
-
...getNewFile(group),
|
|
112
|
+
return { ...group,
|
|
113
|
+
files: [{ ...getNewFile(group),
|
|
104
114
|
value: "",
|
|
105
115
|
base64: ""
|
|
106
116
|
}]
|
|
107
117
|
};
|
|
108
118
|
} else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && !isSingleGroup) {
|
|
109
|
-
return {
|
|
110
|
-
...group,
|
|
119
|
+
return { ...group,
|
|
111
120
|
files: group.files.filter(item => item.id !== id)
|
|
112
121
|
};
|
|
113
122
|
}
|
|
123
|
+
|
|
114
124
|
return group;
|
|
115
125
|
});
|
|
116
126
|
setGroups([...oldDataWithRemovedFile]);
|
|
@@ -118,9 +128,12 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
118
128
|
}
|
|
119
129
|
}
|
|
120
130
|
};
|
|
131
|
+
|
|
121
132
|
const getUniqueExts = acceptExts => (0, _utils.getUniqueFileExtensions)(acceptExts === null || acceptExts === void 0 ? void 0 : acceptExts.replace(/\./g, ""));
|
|
133
|
+
|
|
122
134
|
return groups === null || groups === void 0 ? void 0 : groups.map(group => {
|
|
123
135
|
var _group$files3;
|
|
136
|
+
|
|
124
137
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
125
138
|
key: group.groupId,
|
|
126
139
|
className: (0, _classnames.default)("file-loader-local-groups", className)
|
|
@@ -138,8 +151,9 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
138
151
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
139
152
|
"data-testid": "input--group-file-loader--key-".concat(testId || (group === null || group === void 0 ? void 0 : group.groupId)),
|
|
140
153
|
className: "file-loader-local-groups__item"
|
|
141
|
-
}, group === null || group === void 0
|
|
154
|
+
}, group === null || group === void 0 ? void 0 : (_group$files3 = group.files) === null || _group$files3 === void 0 ? void 0 : _group$files3.map((file, index) => {
|
|
142
155
|
var _group$files4, _group$files5;
|
|
156
|
+
|
|
143
157
|
return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
|
|
144
158
|
groupId: group === null || group === void 0 ? void 0 : group.groupId,
|
|
145
159
|
key: (file === null || file === void 0 ? void 0 : file.id) || index,
|
|
@@ -157,4 +171,6 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
157
171
|
})));
|
|
158
172
|
});
|
|
159
173
|
};
|
|
160
|
-
|
|
174
|
+
|
|
175
|
+
var _default = FileLoaderLocalGroup;
|
|
176
|
+
exports.default = _default;
|