intelicoreact 1.3.44 → 1.3.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/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 +143 -50
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +7 -1
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +47 -9
- 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 +27 -6
- 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 +145 -53
- 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 +13 -1
- 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 +16 -3
- 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 +29 -6
- package/dist/Atomic/UI/Modal/ModalHOC.js +10 -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 +90 -65
- package/dist/Atomic/UI/ModalBackup/ModalHOC.js +21 -12
- package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +11 -6
- package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +19 -15
- 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 +12 -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 _useBodyScrollLock = _interopRequireDefault(require("../../../Functions/useBodyScrollLock"));
|
|
21
|
+
|
|
14
22
|
var _useDebounce = require("../../../Functions/useDebounce");
|
|
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,
|
|
@@ -45,7 +60,8 @@ const DropdownLiveSearch = _ref => {
|
|
|
45
60
|
(0, _useBodyScrollLock.default)(isOpen);
|
|
46
61
|
const labelByValue = (0, _react.useMemo)(() => {
|
|
47
62
|
var _options$find;
|
|
48
|
-
|
|
63
|
+
|
|
64
|
+
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) || "";
|
|
49
65
|
}, [value]);
|
|
50
66
|
const [searchValue, setSV] = (0, _react.useState)(labelByValue);
|
|
51
67
|
const dropdownLiveSearchRef = (0, _react.useRef)(null);
|
|
@@ -53,23 +69,29 @@ const DropdownLiveSearch = _ref => {
|
|
|
53
69
|
const dropdownListRef = (0, _react.useRef)(null);
|
|
54
70
|
const searchInputRef = (0, _react.useRef)(null);
|
|
55
71
|
const searchValueRef = (0, _react.useRef)(labelByValue);
|
|
72
|
+
|
|
56
73
|
const setSearchValue = val => {
|
|
57
74
|
setSV(val);
|
|
58
75
|
searchValueRef.current = val;
|
|
59
76
|
};
|
|
77
|
+
|
|
60
78
|
const [isFocusedByClick, setIsFocusedByClick] = (0, _react.useState)(false);
|
|
61
79
|
const debouncedSearchTerm = (0, _useDebounce.useDebounce)({
|
|
62
80
|
searchValue,
|
|
63
81
|
delay: 600
|
|
64
82
|
});
|
|
65
83
|
if (!options) return null;
|
|
84
|
+
|
|
66
85
|
const handleClickOutside = event => {
|
|
67
86
|
if (!dropdownLiveSearchRef.current.contains(event.target)) setIsOpen(false);
|
|
68
87
|
};
|
|
88
|
+
|
|
69
89
|
const highlightedText = (text, postfix) => {
|
|
70
90
|
if (!isSearchable) return text;else {
|
|
71
91
|
var _text;
|
|
92
|
+
|
|
72
93
|
const prepare = text => text === null || text === void 0 ? void 0 : text.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
|
|
94
|
+
|
|
73
95
|
text = text.replace(/["&<>]/g, a => {
|
|
74
96
|
return {
|
|
75
97
|
'"': """,
|
|
@@ -83,13 +105,15 @@ const DropdownLiveSearch = _ref => {
|
|
|
83
105
|
return main + postfixPart;
|
|
84
106
|
}
|
|
85
107
|
};
|
|
108
|
+
|
|
86
109
|
const getMarkupForElement = (item, index, optTestId) => {
|
|
87
|
-
var _item$value, _item$value2;
|
|
110
|
+
var _item$value, _item$value$toString, _item$value2, _item$value2$toString;
|
|
111
|
+
|
|
88
112
|
const lowerLabel = item.label.toLowerCase();
|
|
89
113
|
const lowerSearchValue = searchValue.toLowerCase();
|
|
90
114
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
91
|
-
"data-testid": "dropdown-live-search--button--key-".concat(optTestId || (item === null || item === void 0
|
|
92
|
-
key: (_item$value2 = item.value) === null || _item$value2 === void 0
|
|
115
|
+
"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"),
|
|
116
|
+
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, "_"),
|
|
93
117
|
onClick: () => {
|
|
94
118
|
onChange(item.value);
|
|
95
119
|
setIsOpen(false);
|
|
@@ -111,6 +135,7 @@ const DropdownLiveSearch = _ref => {
|
|
|
111
135
|
}
|
|
112
136
|
}));
|
|
113
137
|
};
|
|
138
|
+
|
|
114
139
|
const getListMarkUp = () => {
|
|
115
140
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
116
141
|
id: "dropdown-live-search-list",
|
|
@@ -129,9 +154,11 @@ const DropdownLiveSearch = _ref => {
|
|
|
129
154
|
size: options.length <= 3 ? "small" : null
|
|
130
155
|
}));
|
|
131
156
|
};
|
|
157
|
+
|
|
132
158
|
const getListContainer = () => {
|
|
133
159
|
return document.getElementById(dropdownId);
|
|
134
160
|
};
|
|
161
|
+
|
|
135
162
|
(0, _react.useEffect)(() => {
|
|
136
163
|
if (!value) setSearchValue("");
|
|
137
164
|
}, [value]);
|
|
@@ -145,12 +172,14 @@ const DropdownLiveSearch = _ref => {
|
|
|
145
172
|
onChange(options[0].value);
|
|
146
173
|
}
|
|
147
174
|
}, [options]);
|
|
175
|
+
|
|
148
176
|
const searchableInputFocus = e => {
|
|
149
177
|
if (!isOpen) {
|
|
150
178
|
e.preventDefault();
|
|
151
179
|
e.stopPropagation();
|
|
152
180
|
}
|
|
153
181
|
};
|
|
182
|
+
|
|
154
183
|
const handle = {
|
|
155
184
|
onInputClick: e => {
|
|
156
185
|
if (!isOpen) setIsOpen(true);
|
|
@@ -160,6 +189,7 @@ const DropdownLiveSearch = _ref => {
|
|
|
160
189
|
let inputValue = e.target.value;
|
|
161
190
|
if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
|
|
162
191
|
setSearchValue(inputValue);
|
|
192
|
+
|
|
163
193
|
if (searchValue && !e.target.value) {
|
|
164
194
|
onChange("");
|
|
165
195
|
setSearchValue("");
|
|
@@ -172,9 +202,11 @@ const DropdownLiveSearch = _ref => {
|
|
|
172
202
|
doRequest(debouncedSearchTerm);
|
|
173
203
|
}
|
|
174
204
|
}, [debouncedSearchTerm, isValueDeleted]);
|
|
205
|
+
|
|
175
206
|
const closeListViaEsc = e => {
|
|
176
207
|
if ([27].includes(e.keyCode)) setIsOpen(false);
|
|
177
208
|
};
|
|
209
|
+
|
|
178
210
|
(0, _react.useLayoutEffect)(() => {
|
|
179
211
|
window.addEventListener("keyup", closeListViaEsc);
|
|
180
212
|
return () => {
|
|
@@ -183,9 +215,11 @@ const DropdownLiveSearch = _ref => {
|
|
|
183
215
|
}, [getListContainer]);
|
|
184
216
|
(0, _react.useLayoutEffect)(() => {
|
|
185
217
|
const list = document.getElementById("dropdown-live-search-list");
|
|
218
|
+
|
|
186
219
|
if (list || isOpen) {
|
|
187
220
|
var _dropdownLiveSearchRe;
|
|
188
|
-
|
|
221
|
+
|
|
222
|
+
const dropdownWidth = dropdownLiveSearchRef === null || dropdownLiveSearchRef === void 0 ? void 0 : (_dropdownLiveSearchRe = dropdownLiveSearchRef.current) === null || _dropdownLiveSearchRe === void 0 ? void 0 : _dropdownLiveSearchRe.clientWidth;
|
|
189
223
|
list.style.width = "".concat(dropdownWidth, "px");
|
|
190
224
|
}
|
|
191
225
|
}, [dropdownLiveSearchRef, isOpen]);
|
|
@@ -198,9 +232,11 @@ const DropdownLiveSearch = _ref => {
|
|
|
198
232
|
}, [options]);
|
|
199
233
|
(0, _react.useEffect)(() => {
|
|
200
234
|
if (!isOpen) setIsFocusedByClick(false);
|
|
235
|
+
|
|
201
236
|
if (isOpen && dropdownListRef && dropdownListRef.current) {
|
|
202
237
|
dropdownListRef.current.addEventListener("scroll", doScrollCallback);
|
|
203
238
|
}
|
|
239
|
+
|
|
204
240
|
return () => {
|
|
205
241
|
removeEventListener("scroll", doScrollCallback);
|
|
206
242
|
};
|
|
@@ -216,7 +252,7 @@ const DropdownLiveSearch = _ref => {
|
|
|
216
252
|
onClick: () => !isSearchable ? setIsOpen(!isOpen) : null,
|
|
217
253
|
onMouseDown: () => setIsFocusedByClick(true),
|
|
218
254
|
onFocus: () => !isFocusedByClick ? setIsOpen(true) : null,
|
|
219
|
-
tabIndex: tabIndex === null || tabIndex === void 0
|
|
255
|
+
tabIndex: tabIndex === null || tabIndex === void 0 ? void 0 : (_tabIndex$toString = tabIndex.toString) === null || _tabIndex$toString === void 0 ? void 0 : _tabIndex$toString.call(tabIndex)
|
|
220
256
|
}, isSearchable ? /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
|
|
221
257
|
ref: searchInputRef,
|
|
222
258
|
className: "".concat(RC, "__input"),
|
|
@@ -235,4 +271,6 @@ const DropdownLiveSearch = _ref => {
|
|
|
235
271
|
onClick: () => setIsOpen(!isOpen)
|
|
236
272
|
}, isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null))), isOpen && getListMarkUp());
|
|
237
273
|
};
|
|
238
|
-
|
|
274
|
+
|
|
275
|
+
var _default = DropdownLiveSearch;
|
|
276
|
+
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;
|