intelicoreact 1.3.50 → 1.3.52
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 +50 -142
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -7
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +35 -46
- 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 +99 -163
- 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 -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 -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/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 -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
|
@@ -1,37 +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
|
-
|
|
14
|
+
var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
|
|
22
15
|
var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
|
|
23
|
-
|
|
24
16
|
require("./DropdownLiveSearch.scss");
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
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; }
|
|
29
|
-
|
|
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; }
|
|
30
19
|
const RC = "dropdown-live-search";
|
|
31
|
-
|
|
32
20
|
const DropdownLiveSearch = _ref => {
|
|
33
21
|
var _tabIndex$toString;
|
|
34
|
-
|
|
35
22
|
let {
|
|
36
23
|
value,
|
|
37
24
|
error,
|
|
@@ -55,10 +42,13 @@ const DropdownLiveSearch = _ref => {
|
|
|
55
42
|
const dropdownId = fieldKey || id;
|
|
56
43
|
const [isOpen, setIsOpen] = (0, _react.useState)(false);
|
|
57
44
|
const [isValueDeleted, setIsValueDeleted] = (0, _react.useState)(false);
|
|
45
|
+
const {
|
|
46
|
+
isMobile: isMobileProp
|
|
47
|
+
} = (0, _useIsMobile.default)();
|
|
48
|
+
const isMobile = isMobileProp && withMobileLogic && window.screen.width < 768;
|
|
58
49
|
const labelByValue = (0, _react.useMemo)(() => {
|
|
59
50
|
var _options$find;
|
|
60
|
-
|
|
61
|
-
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) || "";
|
|
51
|
+
return (options === null || options === void 0 || (_options$find = options.find(item => item.value === value)) === null || _options$find === void 0 ? void 0 : _options$find.label) || "";
|
|
62
52
|
}, [value]);
|
|
63
53
|
const [searchValue, setSV] = (0, _react.useState)(labelByValue);
|
|
64
54
|
const dropdownLiveSearchRef = (0, _react.useRef)(null);
|
|
@@ -66,29 +56,23 @@ const DropdownLiveSearch = _ref => {
|
|
|
66
56
|
const dropdownListRef = (0, _react.useRef)(null);
|
|
67
57
|
const searchInputRef = (0, _react.useRef)(null);
|
|
68
58
|
const searchValueRef = (0, _react.useRef)(labelByValue);
|
|
69
|
-
|
|
70
59
|
const setSearchValue = val => {
|
|
71
60
|
setSV(val);
|
|
72
61
|
searchValueRef.current = val;
|
|
73
62
|
};
|
|
74
|
-
|
|
75
63
|
const [isFocusedByClick, setIsFocusedByClick] = (0, _react.useState)(false);
|
|
76
64
|
const debouncedSearchTerm = (0, _useDebounce.useDebounce)({
|
|
77
65
|
searchValue,
|
|
78
66
|
delay: 600
|
|
79
67
|
});
|
|
80
68
|
if (!options) return null;
|
|
81
|
-
|
|
82
69
|
const handleClickOutside = event => {
|
|
83
70
|
if (!dropdownLiveSearchRef.current.contains(event.target)) setIsOpen(false);
|
|
84
71
|
};
|
|
85
|
-
|
|
86
72
|
const highlightedText = (text, postfix) => {
|
|
87
73
|
if (!isSearchable) return text;else {
|
|
88
74
|
var _text;
|
|
89
|
-
|
|
90
75
|
const prepare = text => text === null || text === void 0 ? void 0 : text.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
|
|
91
|
-
|
|
92
76
|
text = text.replace(/["&<>]/g, a => {
|
|
93
77
|
return {
|
|
94
78
|
'"': """,
|
|
@@ -102,15 +86,13 @@ const DropdownLiveSearch = _ref => {
|
|
|
102
86
|
return main + postfixPart;
|
|
103
87
|
}
|
|
104
88
|
};
|
|
105
|
-
|
|
106
89
|
const getMarkupForElement = (item, index, optTestId) => {
|
|
107
|
-
var _item$value, _item$
|
|
108
|
-
|
|
90
|
+
var _item$value, _item$value2;
|
|
109
91
|
const lowerLabel = item.label.toLowerCase();
|
|
110
92
|
const lowerSearchValue = searchValue.toLowerCase();
|
|
111
93
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
112
|
-
"data-testid": "dropdown-live-search--button--key-".concat(optTestId || (item === null || item === void 0
|
|
113
|
-
key: (_item$value2 = item.value) === null || _item$value2 === void 0
|
|
94
|
+
"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"),
|
|
95
|
+
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, "_"),
|
|
114
96
|
onClick: () => {
|
|
115
97
|
onChange(item.value);
|
|
116
98
|
setIsOpen(false);
|
|
@@ -132,7 +114,6 @@ const DropdownLiveSearch = _ref => {
|
|
|
132
114
|
}
|
|
133
115
|
}));
|
|
134
116
|
};
|
|
135
|
-
|
|
136
117
|
const getListMarkUp = () => {
|
|
137
118
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
138
119
|
id: "dropdown-live-search-list",
|
|
@@ -151,11 +132,9 @@ const DropdownLiveSearch = _ref => {
|
|
|
151
132
|
size: options.length <= 3 ? "small" : null
|
|
152
133
|
}));
|
|
153
134
|
};
|
|
154
|
-
|
|
155
135
|
const getListContainer = () => {
|
|
156
136
|
return document.getElementById(dropdownId);
|
|
157
137
|
};
|
|
158
|
-
|
|
159
138
|
(0, _react.useEffect)(() => {
|
|
160
139
|
if (!value) setSearchValue("");
|
|
161
140
|
}, [value]);
|
|
@@ -169,14 +148,12 @@ const DropdownLiveSearch = _ref => {
|
|
|
169
148
|
onChange(options[0].value);
|
|
170
149
|
}
|
|
171
150
|
}, [options]);
|
|
172
|
-
|
|
173
151
|
const searchableInputFocus = e => {
|
|
174
152
|
if (!isOpen) {
|
|
175
153
|
e.preventDefault();
|
|
176
154
|
e.stopPropagation();
|
|
177
155
|
}
|
|
178
156
|
};
|
|
179
|
-
|
|
180
157
|
const handle = {
|
|
181
158
|
onInputClick: e => {
|
|
182
159
|
if (!isOpen) setIsOpen(true);
|
|
@@ -186,7 +163,6 @@ const DropdownLiveSearch = _ref => {
|
|
|
186
163
|
let inputValue = e.target.value;
|
|
187
164
|
if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
|
|
188
165
|
setSearchValue(inputValue);
|
|
189
|
-
|
|
190
166
|
if (searchValue && !e.target.value) {
|
|
191
167
|
onChange("");
|
|
192
168
|
setSearchValue("");
|
|
@@ -199,11 +175,9 @@ const DropdownLiveSearch = _ref => {
|
|
|
199
175
|
doRequest(debouncedSearchTerm);
|
|
200
176
|
}
|
|
201
177
|
}, [debouncedSearchTerm, isValueDeleted]);
|
|
202
|
-
|
|
203
178
|
const closeListViaEsc = e => {
|
|
204
179
|
if ([27].includes(e.keyCode)) setIsOpen(false);
|
|
205
180
|
};
|
|
206
|
-
|
|
207
181
|
(0, _react.useLayoutEffect)(() => {
|
|
208
182
|
window.addEventListener("keyup", closeListViaEsc);
|
|
209
183
|
return () => {
|
|
@@ -212,11 +186,9 @@ const DropdownLiveSearch = _ref => {
|
|
|
212
186
|
}, [getListContainer]);
|
|
213
187
|
(0, _react.useLayoutEffect)(() => {
|
|
214
188
|
const list = document.getElementById("dropdown-live-search-list");
|
|
215
|
-
|
|
216
189
|
if (list || isOpen) {
|
|
217
190
|
var _dropdownLiveSearchRe;
|
|
218
|
-
|
|
219
|
-
const dropdownWidth = dropdownLiveSearchRef === null || dropdownLiveSearchRef === void 0 ? void 0 : (_dropdownLiveSearchRe = dropdownLiveSearchRef.current) === null || _dropdownLiveSearchRe === void 0 ? void 0 : _dropdownLiveSearchRe.clientWidth;
|
|
191
|
+
const dropdownWidth = dropdownLiveSearchRef === null || dropdownLiveSearchRef === void 0 || (_dropdownLiveSearchRe = dropdownLiveSearchRef.current) === null || _dropdownLiveSearchRe === void 0 ? void 0 : _dropdownLiveSearchRe.clientWidth;
|
|
220
192
|
list.style.width = "".concat(dropdownWidth, "px");
|
|
221
193
|
}
|
|
222
194
|
}, [dropdownLiveSearchRef, isOpen]);
|
|
@@ -229,15 +201,34 @@ const DropdownLiveSearch = _ref => {
|
|
|
229
201
|
}, [options]);
|
|
230
202
|
(0, _react.useEffect)(() => {
|
|
231
203
|
if (!isOpen) setIsFocusedByClick(false);
|
|
232
|
-
|
|
233
204
|
if (isOpen && dropdownListRef && dropdownListRef.current) {
|
|
234
205
|
dropdownListRef.current.addEventListener("scroll", doScrollCallback);
|
|
235
206
|
}
|
|
236
|
-
|
|
237
207
|
return () => {
|
|
238
208
|
removeEventListener("scroll", doScrollCallback);
|
|
239
209
|
};
|
|
240
210
|
}, [isOpen, dropdownListRef]);
|
|
211
|
+
const closeList = isOpen ? handleClickOutside : () => {};
|
|
212
|
+
(0, _react.useLayoutEffect)(() => {
|
|
213
|
+
var _getListContainer;
|
|
214
|
+
if (!isMobile) {
|
|
215
|
+
window.addEventListener("mousewheel", closeList);
|
|
216
|
+
window.addEventListener("scroll", closeList);
|
|
217
|
+
window.addEventListener("touchmove", closeList);
|
|
218
|
+
} else {
|
|
219
|
+
window.removeEventListener("mousewheel", closeList);
|
|
220
|
+
window.removeEventListener("scroll", closeList);
|
|
221
|
+
window.removeEventListener("touchmove", closeList);
|
|
222
|
+
}
|
|
223
|
+
(_getListContainer = getListContainer()) === null || _getListContainer === void 0 || _getListContainer.addEventListener("click", closeList);
|
|
224
|
+
return () => {
|
|
225
|
+
var _getListContainer2;
|
|
226
|
+
window.removeEventListener("mousewheel", closeList);
|
|
227
|
+
window.removeEventListener("scroll", closeList);
|
|
228
|
+
window.removeEventListener("touchmove", closeList);
|
|
229
|
+
(_getListContainer2 = getListContainer()) === null || _getListContainer2 === void 0 || _getListContainer2.removeEventListener("click", closeList);
|
|
230
|
+
};
|
|
231
|
+
}, [getListContainer]);
|
|
241
232
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
242
233
|
className: (0, _classnames.default)(RC, className, {
|
|
243
234
|
disabled: disabled
|
|
@@ -249,7 +240,7 @@ const DropdownLiveSearch = _ref => {
|
|
|
249
240
|
onClick: () => !isSearchable ? setIsOpen(!isOpen) : null,
|
|
250
241
|
onMouseDown: () => setIsFocusedByClick(true),
|
|
251
242
|
onFocus: () => !isFocusedByClick ? setIsOpen(true) : null,
|
|
252
|
-
tabIndex: tabIndex === null || tabIndex === void 0
|
|
243
|
+
tabIndex: tabIndex === null || tabIndex === void 0 || (_tabIndex$toString = tabIndex.toString) === null || _tabIndex$toString === void 0 ? void 0 : _tabIndex$toString.call(tabIndex)
|
|
253
244
|
}, isSearchable ? /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
|
|
254
245
|
ref: searchInputRef,
|
|
255
246
|
className: "".concat(RC, "__input"),
|
|
@@ -268,6 +259,4 @@ const DropdownLiveSearch = _ref => {
|
|
|
268
259
|
onClick: () => setIsOpen(!isOpen)
|
|
269
260
|
}, isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null))), isOpen && getListMarkUp());
|
|
270
261
|
};
|
|
271
|
-
|
|
272
|
-
var _default = DropdownLiveSearch;
|
|
273
|
-
exports.default = _default;
|
|
262
|
+
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;
|