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