intelicoreact 1.3.63 → 1.3.65
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 +51 -144
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -7
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +11 -52
- 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 +55 -151
- 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 +3 -16
- 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 -17
- 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 -28
- package/dist/Atomic/UI/Modal/ModalHOC.js +1 -9
- 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/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 -13
- 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 -128
- 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
- package/dist/Atomic/UI/ModalBackup/Modal.js +0 -174
- package/dist/Atomic/UI/ModalBackup/Modal.scss +0 -333
- package/dist/Atomic/UI/ModalBackup/ModalHOC.js +0 -51
- package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +0 -24
- package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +0 -41
|
@@ -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 _useDebounce = require("../../../Functions/useDebounce");
|
|
21
|
-
|
|
22
14
|
var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
|
|
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,
|
|
@@ -64,8 +49,7 @@ const DropdownLiveSearch = _ref => {
|
|
|
64
49
|
const isMobile = isMobileProp && withMobileLogic && window.screen.width <= 768;
|
|
65
50
|
const labelByValue = (0, _react.useMemo)(() => {
|
|
66
51
|
var _options$find;
|
|
67
|
-
|
|
68
|
-
return (options === null || options === void 0 ? void 0 : (_options$find = options.find(item => item.value === value)) === null || _options$find === void 0 ? void 0 : _options$find.label) || "";
|
|
52
|
+
return (options === null || options === void 0 || (_options$find = options.find(item => item.value === value)) === null || _options$find === void 0 ? void 0 : _options$find.label) || "";
|
|
69
53
|
}, [value]);
|
|
70
54
|
const [searchValue, setSV] = (0, _react.useState)(labelByValue);
|
|
71
55
|
const dropdownLiveSearchRef = (0, _react.useRef)(null);
|
|
@@ -73,29 +57,23 @@ const DropdownLiveSearch = _ref => {
|
|
|
73
57
|
const dropdownListRef = (0, _react.useRef)(null);
|
|
74
58
|
const searchInputRef = (0, _react.useRef)(null);
|
|
75
59
|
const searchValueRef = (0, _react.useRef)(labelByValue);
|
|
76
|
-
|
|
77
60
|
const setSearchValue = val => {
|
|
78
61
|
setSV(val);
|
|
79
62
|
searchValueRef.current = val;
|
|
80
63
|
};
|
|
81
|
-
|
|
82
64
|
const [isFocusedByClick, setIsFocusedByClick] = (0, _react.useState)(false);
|
|
83
65
|
const debouncedSearchTerm = (0, _useDebounce.useDebounce)({
|
|
84
66
|
searchValue,
|
|
85
67
|
delay: 600
|
|
86
68
|
});
|
|
87
69
|
if (!options) return null;
|
|
88
|
-
|
|
89
70
|
const handleClickOutside = event => {
|
|
90
71
|
if (!dropdownLiveSearchRef.current.contains(event.target)) setIsOpen(false);
|
|
91
72
|
};
|
|
92
|
-
|
|
93
73
|
const highlightedText = (text, postfix) => {
|
|
94
74
|
if (!isSearchable) return text;else {
|
|
95
75
|
var _text;
|
|
96
|
-
|
|
97
76
|
const prepare = text => text === null || text === void 0 ? void 0 : text.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
|
|
98
|
-
|
|
99
77
|
text = text.replace(/["&<>]/g, a => {
|
|
100
78
|
return {
|
|
101
79
|
'"': """,
|
|
@@ -109,15 +87,13 @@ const DropdownLiveSearch = _ref => {
|
|
|
109
87
|
return main + postfixPart;
|
|
110
88
|
}
|
|
111
89
|
};
|
|
112
|
-
|
|
113
90
|
const getMarkupForElement = (item, index, optTestId) => {
|
|
114
|
-
var _item$value, _item$
|
|
115
|
-
|
|
91
|
+
var _item$value, _item$value2;
|
|
116
92
|
const lowerLabel = item.label.toLowerCase();
|
|
117
93
|
const lowerSearchValue = searchValue.toLowerCase();
|
|
118
94
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
119
|
-
"data-testid": "dropdown-live-search--button--key-".concat(optTestId || (item === null || item === void 0
|
|
120
|
-
key: (_item$value2 = item.value) === null || _item$value2 === void 0
|
|
95
|
+
"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"),
|
|
96
|
+
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, "_"),
|
|
121
97
|
onClick: () => {
|
|
122
98
|
onChange(item.value);
|
|
123
99
|
setIsOpen(false);
|
|
@@ -139,7 +115,6 @@ const DropdownLiveSearch = _ref => {
|
|
|
139
115
|
}
|
|
140
116
|
}));
|
|
141
117
|
};
|
|
142
|
-
|
|
143
118
|
const getListMarkUp = () => {
|
|
144
119
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
145
120
|
id: "dropdown-live-search-list",
|
|
@@ -158,11 +133,9 @@ const DropdownLiveSearch = _ref => {
|
|
|
158
133
|
size: options.length <= 3 ? "small" : null
|
|
159
134
|
}));
|
|
160
135
|
};
|
|
161
|
-
|
|
162
136
|
const getListContainer = () => {
|
|
163
137
|
return document.getElementById(dropdownId);
|
|
164
138
|
};
|
|
165
|
-
|
|
166
139
|
(0, _react.useEffect)(() => {
|
|
167
140
|
if (!value) setSearchValue("");
|
|
168
141
|
}, [value]);
|
|
@@ -176,14 +149,12 @@ const DropdownLiveSearch = _ref => {
|
|
|
176
149
|
onChange(options[0].value);
|
|
177
150
|
}
|
|
178
151
|
}, [options]);
|
|
179
|
-
|
|
180
152
|
const searchableInputFocus = e => {
|
|
181
153
|
if (!isOpen) {
|
|
182
154
|
e.preventDefault();
|
|
183
155
|
e.stopPropagation();
|
|
184
156
|
}
|
|
185
157
|
};
|
|
186
|
-
|
|
187
158
|
const handle = {
|
|
188
159
|
onInputClick: e => {
|
|
189
160
|
if (!isOpen) setIsOpen(true);
|
|
@@ -193,7 +164,6 @@ const DropdownLiveSearch = _ref => {
|
|
|
193
164
|
let inputValue = e.target.value;
|
|
194
165
|
if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
|
|
195
166
|
setSearchValue(inputValue);
|
|
196
|
-
|
|
197
167
|
if (searchValue && !e.target.value) {
|
|
198
168
|
onChange("");
|
|
199
169
|
setSearchValue("");
|
|
@@ -206,11 +176,9 @@ const DropdownLiveSearch = _ref => {
|
|
|
206
176
|
doRequest(debouncedSearchTerm);
|
|
207
177
|
}
|
|
208
178
|
}, [debouncedSearchTerm, isValueDeleted]);
|
|
209
|
-
|
|
210
179
|
const closeListViaEsc = e => {
|
|
211
180
|
if ([27].includes(e.keyCode)) setIsOpen(false);
|
|
212
181
|
};
|
|
213
|
-
|
|
214
182
|
(0, _react.useLayoutEffect)(() => {
|
|
215
183
|
window.addEventListener("keyup", closeListViaEsc);
|
|
216
184
|
return () => {
|
|
@@ -219,11 +187,9 @@ const DropdownLiveSearch = _ref => {
|
|
|
219
187
|
}, [getListContainer]);
|
|
220
188
|
(0, _react.useLayoutEffect)(() => {
|
|
221
189
|
const list = document.getElementById("dropdown-live-search-list");
|
|
222
|
-
|
|
223
190
|
if (list || isOpen) {
|
|
224
191
|
var _dropdownLiveSearchRe;
|
|
225
|
-
|
|
226
|
-
const dropdownWidth = dropdownLiveSearchRef === null || dropdownLiveSearchRef === void 0 ? void 0 : (_dropdownLiveSearchRe = dropdownLiveSearchRef.current) === null || _dropdownLiveSearchRe === void 0 ? void 0 : _dropdownLiveSearchRe.clientWidth;
|
|
192
|
+
const dropdownWidth = dropdownLiveSearchRef === null || dropdownLiveSearchRef === void 0 || (_dropdownLiveSearchRe = dropdownLiveSearchRef.current) === null || _dropdownLiveSearchRe === void 0 ? void 0 : _dropdownLiveSearchRe.clientWidth;
|
|
227
193
|
list.style.width = "".concat(dropdownWidth, "px");
|
|
228
194
|
}
|
|
229
195
|
}, [dropdownLiveSearchRef, isOpen]);
|
|
@@ -236,11 +202,9 @@ const DropdownLiveSearch = _ref => {
|
|
|
236
202
|
}, [options]);
|
|
237
203
|
(0, _react.useEffect)(() => {
|
|
238
204
|
if (!isOpen) setIsFocusedByClick(false);
|
|
239
|
-
|
|
240
205
|
if (isOpen && dropdownListRef && dropdownListRef.current) {
|
|
241
206
|
dropdownListRef.current.addEventListener("scroll", doScrollCallback);
|
|
242
207
|
}
|
|
243
|
-
|
|
244
208
|
return () => {
|
|
245
209
|
removeEventListener("scroll", doScrollCallback);
|
|
246
210
|
};
|
|
@@ -248,7 +212,6 @@ const DropdownLiveSearch = _ref => {
|
|
|
248
212
|
const closeList = isOpen ? handleClickOutside : () => {};
|
|
249
213
|
(0, _react.useLayoutEffect)(() => {
|
|
250
214
|
var _getListContainer;
|
|
251
|
-
|
|
252
215
|
if (!isMobile) {
|
|
253
216
|
window.addEventListener("mousewheel", closeList);
|
|
254
217
|
window.addEventListener("scroll", closeList);
|
|
@@ -258,15 +221,13 @@ const DropdownLiveSearch = _ref => {
|
|
|
258
221
|
window.removeEventListener("scroll", closeList);
|
|
259
222
|
window.removeEventListener("touchmove", closeList);
|
|
260
223
|
}
|
|
261
|
-
|
|
262
|
-
(_getListContainer = getListContainer()) === null || _getListContainer === void 0 ? void 0 : _getListContainer.addEventListener("click", closeList);
|
|
224
|
+
(_getListContainer = getListContainer()) === null || _getListContainer === void 0 || _getListContainer.addEventListener("click", closeList);
|
|
263
225
|
return () => {
|
|
264
226
|
var _getListContainer2;
|
|
265
|
-
|
|
266
227
|
window.removeEventListener("mousewheel", closeList);
|
|
267
228
|
window.removeEventListener("scroll", closeList);
|
|
268
229
|
window.removeEventListener("touchmove", closeList);
|
|
269
|
-
(_getListContainer2 = getListContainer()) === null || _getListContainer2 === void 0
|
|
230
|
+
(_getListContainer2 = getListContainer()) === null || _getListContainer2 === void 0 || _getListContainer2.removeEventListener("click", closeList);
|
|
270
231
|
};
|
|
271
232
|
}, [getListContainer]);
|
|
272
233
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -280,7 +241,7 @@ const DropdownLiveSearch = _ref => {
|
|
|
280
241
|
onClick: () => !isSearchable ? setIsOpen(!isOpen) : null,
|
|
281
242
|
onMouseDown: () => setIsFocusedByClick(true),
|
|
282
243
|
onFocus: () => !isFocusedByClick ? setIsOpen(true) : null,
|
|
283
|
-
tabIndex: tabIndex === null || tabIndex === void 0
|
|
244
|
+
tabIndex: tabIndex === null || tabIndex === void 0 || (_tabIndex$toString = tabIndex.toString) === null || _tabIndex$toString === void 0 ? void 0 : _tabIndex$toString.call(tabIndex)
|
|
284
245
|
}, isSearchable ? /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
|
|
285
246
|
ref: searchInputRef,
|
|
286
247
|
className: "".concat(RC, "__input"),
|
|
@@ -299,6 +260,4 @@ const DropdownLiveSearch = _ref => {
|
|
|
299
260
|
onClick: () => setIsOpen(!isOpen)
|
|
300
261
|
}, isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null))), isOpen && getListMarkUp());
|
|
301
262
|
};
|
|
302
|
-
|
|
303
|
-
var _default = DropdownLiveSearch;
|
|
304
|
-
exports.default = _default;
|
|
263
|
+
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;
|