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