intelicoreact 1.3.21 → 1.3.22
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 +15 -23
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +15 -23
- package/dist/Atomic/FormElements/Calendar/Calendar.js +69 -124
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +27 -36
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +23 -39
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +110 -246
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +44 -85
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +246 -414
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +5 -9
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +93 -165
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +39 -64
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +51 -132
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +34 -73
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +54 -75
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +67 -110
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +33 -83
- package/dist/Atomic/FormElements/Input/Input.js +161 -253
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +48 -102
- package/dist/Atomic/FormElements/InputColor/InputColor.js +27 -40
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +28 -58
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +108 -176
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +32 -57
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +184 -302
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +85 -157
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +11 -16
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +76 -193
- package/dist/Atomic/FormElements/InputLink/InputLink.js +34 -58
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +8 -12
- package/dist/Atomic/FormElements/InputMask/InputMask.js +554 -964
- package/dist/Atomic/FormElements/InputMask/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask/functions.js +17 -43
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +268 -404
- package/dist/Atomic/FormElements/InputMask2/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask2/functions.js +17 -43
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +300 -460
- package/dist/Atomic/FormElements/InputMask3/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask3/functions.js +17 -43
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +53 -113
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +64 -118
- package/dist/Atomic/FormElements/Label/Label.js +13 -23
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +217 -349
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +25 -47
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +133 -207
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +29 -61
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +20 -42
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +22 -33
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +20 -43
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +54 -101
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +59 -102
- package/dist/Atomic/FormElements/RangeList/RangeList.js +89 -150
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +23 -29
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +135 -300
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +381 -571
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +14 -24
- package/dist/Atomic/FormElements/Switcher/Switcher.js +24 -29
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +25 -47
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +20 -32
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +32 -55
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +22 -42
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +23 -33
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +51 -120
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +2 -3
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +23 -46
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +260 -413
- package/dist/Atomic/FormElements/Text/Text.js +47 -53
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +21 -31
- package/dist/Atomic/FormElements/Textarea/Textarea.js +16 -27
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +68 -128
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +25 -36
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +33 -70
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +58 -124
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +48 -80
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +32 -42
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +40 -60
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +2 -3
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +50 -69
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
- package/dist/Atomic/Layout/Header/Header.js +21 -48
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +36 -79
- package/dist/Atomic/Layout/Spinner/Spinner.js +8 -14
- package/dist/Atomic/UI/Accordion/Accordion.js +18 -48
- package/dist/Atomic/UI/Accordion/AccordionItem.js +35 -60
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +49 -106
- package/dist/Atomic/UI/AccordionText/AccordionText.js +13 -37
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +48 -94
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +22 -50
- package/dist/Atomic/UI/Alert/Alert.js +20 -44
- package/dist/Atomic/UI/Arrow/Arrow.js +15 -35
- package/dist/Atomic/UI/Box/Box.js +14 -21
- package/dist/Atomic/UI/Button/Button.js +26 -35
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +22 -31
- package/dist/Atomic/UI/Chart/Chart.js +45 -86
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +14 -24
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +13 -22
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +68 -113
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +158 -140
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +26 -42
- package/dist/Atomic/UI/Chart/partial/utils.js +20 -48
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +22 -42
- package/dist/Atomic/UI/DateTime/DateTime.js +23 -38
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +12 -36
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +5 -21
- package/dist/Atomic/UI/DoubleString/DoubleString.js +27 -50
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +15 -63
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +62 -157
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +47 -110
- package/dist/Atomic/UI/Hint/Hint.js +49 -94
- package/dist/Atomic/UI/Modal/Modal.js +149 -179
- package/dist/Atomic/UI/Modal/ModalHOC.js +12 -21
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +7 -12
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +17 -21
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +98 -160
- 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 +32 -62
- package/dist/Atomic/UI/NavLine/NavLine.js +120 -211
- package/dist/Atomic/UI/NavLine/Tabs.js +2 -3
- package/dist/Atomic/UI/PageTitle/PageTitle.js +13 -17
- package/dist/Atomic/UI/PieChart/PieChart.js +11 -21
- package/dist/Atomic/UI/Price/Price.js +10 -13
- package/dist/Atomic/UI/PriceRange/PriceRange.js +7 -11
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +27 -56
- package/dist/Atomic/UI/Status/Status.js +19 -30
- package/dist/Atomic/UI/Table/Partials/TdCell.js +28 -71
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +7 -16
- package/dist/Atomic/UI/Table/Partials/TdRow.js +29 -65
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +16 -40
- package/dist/Atomic/UI/Table/Table.js +27 -47
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +18 -48
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +9 -19
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +5 -8
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +25 -47
- package/dist/Atomic/UI/Tag/Tag.js +20 -48
- package/dist/Atomic/UI/TagList/TagList.js +80 -150
- package/dist/Atomic/UI/UserBox/UserBox.js +14 -26
- package/dist/Classes/AbortableFetch.js +283 -422
- package/dist/Classes/AnimatedHandler.js +44 -56
- package/dist/Classes/RESTAPI/index.js +154 -433
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +290 -428
- package/dist/Classes/RESTAPI/partials/ApiBase.js +24 -67
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +57 -275
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +146 -377
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +155 -403
- package/dist/Classes/RESTAPI/partials/Utils.js +81 -135
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +2 -6
- package/dist/Classes/RESTAPI/partials/_utils.js +101 -395
- package/dist/Constants/index.constants.js +8 -15
- package/dist/Functions/Portal.js +14 -33
- package/dist/Functions/customEventListener.js +5 -20
- package/dist/Functions/fieldValueFormatters.js +148 -211
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +75 -137
- package/dist/Functions/locale/createTranslator.js +13 -27
- package/dist/Functions/operations.js +35 -49
- package/dist/Functions/presets/inputMaskPresets.js +25 -27
- package/dist/Functions/presets/inputPresets.js +19 -22
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +7 -9
- package/dist/Functions/schemas.js +6 -15
- package/dist/Functions/useClickOutside.js +3 -7
- package/dist/Functions/useDebounce.js +11 -25
- package/dist/Functions/useFieldFocus.js +42 -67
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +35 -54
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +74 -95
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +55 -91
- package/dist/Functions/useFormTools/functions/General.js +80 -99
- package/dist/Functions/useFormTools/functions/RenderFields.js +45 -72
- package/dist/Functions/useFormTools/functions/usePrevious.js +3 -7
- package/dist/Functions/useFormTools/index.js +382 -598
- package/dist/Functions/useInputHighlightError.js +27 -52
- package/dist/Functions/useIsMobile.js +13 -36
- package/dist/Functions/useLocalStorage.js +7 -22
- package/dist/Functions/useLocationParams.js +16 -27
- package/dist/Functions/useMetaInfo.js +19 -50
- package/dist/Functions/useMouseUpOutside.js +2 -5
- package/dist/Functions/useOnlineStatus.js +7 -26
- package/dist/Functions/usePasswordChecker.js +42 -77
- package/dist/Functions/usePrevious.js +3 -7
- package/dist/Functions/useResize.js +12 -32
- package/dist/Functions/useScrollTo.js +6 -20
- package/dist/Functions/useToggle.js +10 -30
- package/dist/Functions/utils.js +186 -366
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +21 -32
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +21 -32
- package/dist/Molecular/CustomIcons/components/AppStore.js +25 -36
- package/dist/Molecular/CustomIcons/components/Arrow.js +31 -42
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +13 -24
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +16 -27
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +16 -27
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +13 -24
- package/dist/Molecular/CustomIcons/components/Bell.js +11 -22
- package/dist/Molecular/CustomIcons/components/Button.js +11 -22
- package/dist/Molecular/CustomIcons/components/Campaigns.js +12 -23
- package/dist/Molecular/CustomIcons/components/Check.js +12 -23
- package/dist/Molecular/CustomIcons/components/Check2.js +11 -22
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +11 -22
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +11 -22
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +11 -22
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +11 -22
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +11 -22
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +26 -37
- package/dist/Molecular/CustomIcons/components/Close.js +13 -24
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +38 -49
- package/dist/Molecular/CustomIcons/components/Delete.js +12 -23
- package/dist/Molecular/CustomIcons/components/Edit.js +11 -22
- package/dist/Molecular/CustomIcons/components/Email.js +29 -40
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +19 -30
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +27 -38
- package/dist/Molecular/CustomIcons/components/Flows.js +11 -22
- package/dist/Molecular/CustomIcons/components/Gift.js +16 -27
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +25 -36
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +25 -36
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +14 -25
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +15 -26
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +14 -25
- package/dist/Molecular/CustomIcons/components/Home.js +14 -25
- package/dist/Molecular/CustomIcons/components/Home2.js +17 -28
- package/dist/Molecular/CustomIcons/components/Key.js +19 -30
- package/dist/Molecular/CustomIcons/components/Landers.js +15 -26
- package/dist/Molecular/CustomIcons/components/Lock.js +11 -22
- package/dist/Molecular/CustomIcons/components/Mail.js +19 -30
- package/dist/Molecular/CustomIcons/components/Mastercard.js +61 -72
- package/dist/Molecular/CustomIcons/components/Minus.js +24 -35
- package/dist/Molecular/CustomIcons/components/Offers.js +12 -23
- package/dist/Molecular/CustomIcons/components/Pause.js +24 -35
- package/dist/Molecular/CustomIcons/components/PayPal.js +38 -49
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +25 -36
- package/dist/Molecular/CustomIcons/components/Phone.js +26 -37
- package/dist/Molecular/CustomIcons/components/Play.js +24 -35
- package/dist/Molecular/CustomIcons/components/Plus.js +24 -35
- package/dist/Molecular/CustomIcons/components/Profile.js +16 -27
- package/dist/Molecular/CustomIcons/components/QRCode.js +26 -37
- package/dist/Molecular/CustomIcons/components/Rectangle.js +11 -22
- package/dist/Molecular/CustomIcons/components/Revert.js +14 -25
- package/dist/Molecular/CustomIcons/components/Star.js +10 -21
- package/dist/Molecular/CustomIcons/components/Star2.js +12 -23
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +14 -25
- package/dist/Molecular/CustomIcons/components/Trash.js +11 -22
- package/dist/Molecular/CustomIcons/components/TrashRed.js +11 -22
- package/dist/Molecular/CustomIcons/components/Triggers.js +11 -22
- package/dist/Molecular/CustomIcons/components/User.js +16 -27
- package/dist/Molecular/CustomIcons/components/Visa.js +27 -38
- package/dist/Molecular/CustomIcons/components/X.js +11 -22
- package/dist/Molecular/CustomIcons/index.js +61 -183
- package/dist/Molecular/FormElement/FormElement.js +18 -27
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +95 -112
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +35 -34
- package/dist/Molecular/InputAddress/InputAddress.js +176 -312
- package/dist/Molecular/InputPassword/InputPassword.js +15 -39
- package/dist/index.js +1 -3
- package/package.json +1 -1
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +0 -91
|
@@ -1,115 +1,75 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof3 = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
4
|
Object.defineProperty(exports, "__esModule", {
|
|
8
5
|
value: true
|
|
9
6
|
});
|
|
10
7
|
exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
13
|
-
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
-
|
|
18
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
21
|
-
|
|
22
10
|
var _reactFeather = require("react-feather");
|
|
23
|
-
|
|
24
11
|
var _MonoAccordion = _interopRequireDefault(require("../MonoAccordion/MonoAccordion"));
|
|
25
|
-
|
|
26
12
|
require("./AccordionTable.scss");
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
var _useState = (0, _react.useState)(items),
|
|
49
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
50
|
-
accordions = _useState2[0],
|
|
51
|
-
setAccordions = _useState2[1];
|
|
52
|
-
|
|
53
|
-
var sortedColClassName = function sortedColClassName(item) {
|
|
54
|
-
return classNames('accordion-table__header-item', item.className, {
|
|
55
|
-
'accordion-table--sorted-col': sortParams && sortParams.key === item.key
|
|
56
|
-
}, {
|
|
57
|
-
'accordion-table__header-item-sortable': !item.noSort
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
var handle = {
|
|
62
|
-
accordionChange: function accordionChange(key, e) {
|
|
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; }
|
|
15
|
+
const classNames = require('classnames');
|
|
16
|
+
const AccordionTable = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
className,
|
|
19
|
+
header,
|
|
20
|
+
items,
|
|
21
|
+
onChange,
|
|
22
|
+
testId,
|
|
23
|
+
onSort = () => {},
|
|
24
|
+
sortParams
|
|
25
|
+
} = _ref;
|
|
26
|
+
const [accordions, setAccordions] = (0, _react.useState)(items);
|
|
27
|
+
const sortedColClassName = item => classNames('accordion-table__header-item', item.className, {
|
|
28
|
+
'accordion-table--sorted-col': sortParams && sortParams.key === item.key
|
|
29
|
+
}, {
|
|
30
|
+
'accordion-table__header-item-sortable': !item.noSort
|
|
31
|
+
});
|
|
32
|
+
const handle = {
|
|
33
|
+
accordionChange: (key, e) => {
|
|
63
34
|
var _e$target, _e$target$className, _e$target$className$i;
|
|
64
|
-
|
|
65
|
-
var newArr = accordions === null || accordions === void 0 ? void 0 : accordions.map(function (item) {
|
|
35
|
+
const newArr = accordions === null || accordions === void 0 ? void 0 : accordions.map(item => {
|
|
66
36
|
if (item.key === key) {
|
|
67
|
-
return
|
|
37
|
+
return {
|
|
38
|
+
...item,
|
|
68
39
|
isOpen: !item.isOpen
|
|
69
|
-
}
|
|
40
|
+
};
|
|
70
41
|
}
|
|
71
|
-
|
|
72
42
|
return item;
|
|
73
43
|
});
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
44
|
+
const isArrowSvg = (e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName) === 'svg';
|
|
45
|
+
const isAccordionElement = (_e$target$className = e.target.className) === null || _e$target$className === void 0 || (_e$target$className$i = _e$target$className.includes) === null || _e$target$className$i === void 0 ? void 0 : _e$target$className$i.call(_e$target$className, 'accordion-table');
|
|
77
46
|
if (isAccordionElement || isArrowSvg) {
|
|
78
47
|
onChange(newArr);
|
|
79
48
|
setAccordions(newArr);
|
|
80
49
|
}
|
|
81
50
|
},
|
|
82
|
-
setSort:
|
|
83
|
-
|
|
51
|
+
setSort: key => {
|
|
52
|
+
let newSorting;
|
|
84
53
|
if (key !== sortParams.key) newSorting = {
|
|
85
54
|
key: key,
|
|
86
55
|
direction: 'DESC'
|
|
87
56
|
};else {
|
|
88
57
|
newSorting = {
|
|
89
|
-
key
|
|
58
|
+
key,
|
|
90
59
|
direction: sortParams.direction === 'ASC' ? 'DESC' : 'ASC'
|
|
91
60
|
};
|
|
92
61
|
}
|
|
93
62
|
onSort(newSorting);
|
|
94
63
|
}
|
|
95
64
|
};
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
return header === null || header === void 0 ? void 0 : header.find(function (item) {
|
|
99
|
-
return item.key === key;
|
|
100
|
-
});
|
|
65
|
+
const getHeaderItem = key => {
|
|
66
|
+
return header === null || header === void 0 ? void 0 : header.find(item => item.key === key);
|
|
101
67
|
};
|
|
102
|
-
|
|
103
|
-
var renderTd = function renderTd(tr) {
|
|
68
|
+
const renderTd = tr => {
|
|
104
69
|
var _Object$entries;
|
|
105
|
-
|
|
106
|
-
return (_Object$entries = Object.entries(tr)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(function (_ref2) {
|
|
70
|
+
return (_Object$entries = Object.entries(tr)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(_ref2 => {
|
|
107
71
|
var _getHeaderItem, _getHeaderItem2;
|
|
108
|
-
|
|
109
|
-
var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
|
|
110
|
-
key = _ref3[0],
|
|
111
|
-
value = _ref3[1];
|
|
112
|
-
|
|
72
|
+
let [key, value] = _ref2;
|
|
113
73
|
return key === 'promoDetails' || key === 'disclosure' ? null : /*#__PURE__*/_react.default.createElement("div", {
|
|
114
74
|
key: key,
|
|
115
75
|
style: {
|
|
@@ -118,15 +78,13 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
118
78
|
className: (0, _classnames.default)('accordion-table__td', "accordion-table__td--".concat(key), (_getHeaderItem2 = getHeaderItem(key)) === null || _getHeaderItem2 === void 0 ? void 0 : _getHeaderItem2.className)
|
|
119
79
|
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
120
80
|
className: "accordion-table__statistics-td-value",
|
|
121
|
-
title:
|
|
122
|
-
},
|
|
81
|
+
title: typeof value !== 'object' ? value : value.value
|
|
82
|
+
}, typeof value !== 'object' ? value : value.value));
|
|
123
83
|
});
|
|
124
84
|
};
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
return rows === null || rows === void 0 ? void 0 : rows.map(function (row, index) {
|
|
85
|
+
const renderTr = rows => {
|
|
86
|
+
return rows === null || rows === void 0 ? void 0 : rows.map((row, index) => {
|
|
128
87
|
var _row$cols, _row$cols2, _row$cols3, _row$cols4, _row$cols5;
|
|
129
|
-
|
|
130
88
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
131
89
|
key: index,
|
|
132
90
|
className: (0, _classnames.default)('accordion-table__tr', {
|
|
@@ -151,12 +109,9 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
151
109
|
}, row.disclosure || ((_row$cols5 = row.cols) === null || _row$cols5 === void 0 ? void 0 : _row$cols5.disclosure))) : null);
|
|
152
110
|
});
|
|
153
111
|
};
|
|
154
|
-
|
|
155
|
-
var defineAccordionTitle = function defineAccordionTitle(row) {
|
|
112
|
+
const defineAccordionTitle = row => {
|
|
156
113
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
157
|
-
onClick:
|
|
158
|
-
return handle.accordionChange(row.key, e);
|
|
159
|
-
},
|
|
114
|
+
onClick: e => handle.accordionChange(row.key, e),
|
|
160
115
|
className: "accordion-table__accordion-label-box"
|
|
161
116
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
162
117
|
className: "accordion-table__accordion-label-wrapper j4"
|
|
@@ -170,13 +125,9 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
170
125
|
className: "accordion-label-box__label"
|
|
171
126
|
}, row.label), row.statistics && /*#__PURE__*/_react.default.createElement("div", {
|
|
172
127
|
className: (0, _classnames.default)('accordion-table__tr', row.className)
|
|
173
|
-
}, Object.entries(row.statistics).map(
|
|
128
|
+
}, Object.entries(row.statistics).map(_ref3 => {
|
|
174
129
|
var _getHeaderItem3, _getHeaderItem4;
|
|
175
|
-
|
|
176
|
-
var _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
|
|
177
|
-
key = _ref5[0],
|
|
178
|
-
value = _ref5[1];
|
|
179
|
-
|
|
130
|
+
let [key, value] = _ref3;
|
|
180
131
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
181
132
|
key: key,
|
|
182
133
|
style: {
|
|
@@ -193,24 +144,21 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
193
144
|
}, value)));
|
|
194
145
|
}))), row.titleContent);
|
|
195
146
|
};
|
|
196
|
-
|
|
197
|
-
(0, _react.useEffect)(function () {
|
|
147
|
+
(0, _react.useEffect)(() => {
|
|
198
148
|
setAccordions(items);
|
|
199
149
|
}, [items]);
|
|
200
150
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
201
151
|
className: (0, _classnames.default)('accordion-table', className)
|
|
202
152
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
203
153
|
className: "accordion-table__header"
|
|
204
|
-
}, header === null || header === void 0 ? void 0 : header.map(
|
|
154
|
+
}, header === null || header === void 0 ? void 0 : header.map(item => {
|
|
205
155
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
206
156
|
style: {
|
|
207
157
|
flexBasis: "".concat(item.width, "%")
|
|
208
158
|
},
|
|
209
159
|
key: item.key,
|
|
210
160
|
className: sortedColClassName(item),
|
|
211
|
-
onClick:
|
|
212
|
-
return !item.noSort && handle.setSort(item.key);
|
|
213
|
-
}
|
|
161
|
+
onClick: () => !item.noSort && handle.setSort(item.key)
|
|
214
162
|
}, sortParams && item.key === sortParams.key && sortParams.key !== 'actions' && (sortParams.direction === 'DESC' ? /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
|
|
215
163
|
size: 16
|
|
216
164
|
}) : /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowUp, {
|
|
@@ -218,15 +166,12 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
218
166
|
})), item.label);
|
|
219
167
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
220
168
|
className: "accordion-table__body"
|
|
221
|
-
}, accordions === null || accordions === void 0 ? void 0 : accordions.map(
|
|
169
|
+
}, accordions === null || accordions === void 0 ? void 0 : accordions.map(accordion => {
|
|
222
170
|
var _accordion$children;
|
|
223
|
-
|
|
224
171
|
return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
|
|
225
172
|
testId: testId,
|
|
226
173
|
key: accordion.key,
|
|
227
|
-
onClick:
|
|
228
|
-
return handle.accordionChange(accordion.key, e);
|
|
229
|
-
},
|
|
174
|
+
onClick: e => handle.accordionChange(accordion.key, e),
|
|
230
175
|
isOpen: accordion.isOpen,
|
|
231
176
|
className: (0, _classnames.default)('accordion-table__body-accordion', {
|
|
232
177
|
'accordion-table__body-accordion--closed': !accordion.isOpen
|
|
@@ -235,6 +180,4 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
235
180
|
}, (_accordion$children = accordion.children) !== null && _accordion$children !== void 0 ? _accordion$children : renderTr(accordion.rows));
|
|
236
181
|
})));
|
|
237
182
|
};
|
|
238
|
-
|
|
239
|
-
var _default = AccordionTable;
|
|
240
|
-
exports.default = _default;
|
|
183
|
+
var _default = exports.default = AccordionTable;
|
|
@@ -1,60 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
4
|
Object.defineProperty(exports, "__esModule", {
|
|
8
5
|
value: true
|
|
9
6
|
});
|
|
10
7
|
exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
10
|
var _reactFeather = require("react-feather");
|
|
19
|
-
|
|
20
11
|
require("./AccordionText.scss");
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
_ref$text = _ref.text,
|
|
33
|
-
text = _ref$text === void 0 ? 'Default Accordion Text. Lorem ipsum dolor sit amettttttttttttttt, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' : _ref$text;
|
|
34
|
-
|
|
35
|
-
var _useState = (0, _react.useState)(isDefaultOpen),
|
|
36
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
37
|
-
isOpen = _useState2[0],
|
|
38
|
-
setIsOpen = _useState2[1];
|
|
39
|
-
|
|
40
|
-
(0, _react.useEffect)(function () {
|
|
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; }
|
|
14
|
+
const AccordionText = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
isDefaultOpen = false,
|
|
17
|
+
isOuterOpen = false,
|
|
18
|
+
className,
|
|
19
|
+
text = 'Default Accordion Text. Lorem ipsum dolor sit amettttttttttttttt, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
|
|
20
|
+
} = _ref;
|
|
21
|
+
const [isOpen, setIsOpen] = (0, _react.useState)(isDefaultOpen);
|
|
22
|
+
(0, _react.useEffect)(() => {
|
|
41
23
|
setIsOpen(isOuterOpen);
|
|
42
24
|
}, [isOuterOpen]);
|
|
43
25
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
44
26
|
className: (0, _classnames.default)('accordion-text', className, {
|
|
45
27
|
'accordion-text--open': isOpen
|
|
46
28
|
}),
|
|
47
|
-
onClick:
|
|
48
|
-
return setIsOpen(function (isOpen) {
|
|
49
|
-
return !isOpen;
|
|
50
|
-
});
|
|
51
|
-
}
|
|
29
|
+
onClick: () => setIsOpen(isOpen => !isOpen)
|
|
52
30
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
53
31
|
className: "accordion-text__body"
|
|
54
32
|
}, text), /*#__PURE__*/_react.default.createElement("div", {
|
|
55
33
|
className: "accordion-text__toggle"
|
|
56
34
|
}, isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null)));
|
|
57
35
|
};
|
|
58
|
-
|
|
59
|
-
var _default = AccordionText;
|
|
60
|
-
exports.default = _default;
|
|
36
|
+
var _default = exports.default = AccordionText;
|
|
@@ -1,114 +1,81 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
4
|
Object.defineProperty(exports, "__esModule", {
|
|
8
5
|
value: true
|
|
9
6
|
});
|
|
10
7
|
exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
10
|
var _reactFeather = require("react-feather");
|
|
19
|
-
|
|
20
11
|
require("./AdvancedTags.scss");
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
testId = _ref.testId,
|
|
32
|
-
_ref$toTop = _ref.toTop,
|
|
33
|
-
toTop = _ref$toTop === void 0 ? true : _ref$toTop;
|
|
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; }
|
|
14
|
+
const classNames = require('classnames');
|
|
15
|
+
const AdvTag = _ref => {
|
|
16
|
+
let {
|
|
17
|
+
item,
|
|
18
|
+
className,
|
|
19
|
+
testId,
|
|
20
|
+
toTop = true
|
|
21
|
+
} = _ref;
|
|
34
22
|
if (!item) return null;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
57
|
-
isOpen = _useState2[0],
|
|
58
|
-
setIsOpen = _useState2[1];
|
|
59
|
-
|
|
60
|
-
var _useState3 = (0, _react.useState)(''),
|
|
61
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
62
|
-
clickedWarning = _useState4[0],
|
|
63
|
-
setClickedWarning = _useState4[1];
|
|
64
|
-
|
|
65
|
-
var hintRef = (0, _react.useRef)(null);
|
|
66
|
-
var activeNumberClass = classNames('strong', {
|
|
23
|
+
const {
|
|
24
|
+
labelLeft,
|
|
25
|
+
labelRight,
|
|
26
|
+
active = 0,
|
|
27
|
+
pause = 0,
|
|
28
|
+
merchants,
|
|
29
|
+
warnLeft,
|
|
30
|
+
warnLeftMsg,
|
|
31
|
+
warnRightMsg,
|
|
32
|
+
noPingTree,
|
|
33
|
+
isEntityAndCounter = false,
|
|
34
|
+
entityAndCounter = {
|
|
35
|
+
nullCounterMessage: '',
|
|
36
|
+
title: '',
|
|
37
|
+
counter: null
|
|
38
|
+
}
|
|
39
|
+
} = item;
|
|
40
|
+
const [isOpen, setIsOpen] = (0, _react.useState)(false);
|
|
41
|
+
const [clickedWarning, setClickedWarning] = (0, _react.useState)('');
|
|
42
|
+
const hintRef = (0, _react.useRef)(null);
|
|
43
|
+
const activeNumberClass = classNames('strong', {
|
|
67
44
|
'color--pause': active === 0
|
|
68
45
|
}, {
|
|
69
46
|
'color--green-haze': active > 0
|
|
70
47
|
});
|
|
71
|
-
|
|
48
|
+
const pauseNumberClass = classNames('strong', {
|
|
72
49
|
'color--pause': pause === 0
|
|
73
50
|
}, {
|
|
74
51
|
'color--light-red': pause > 0
|
|
75
52
|
});
|
|
76
|
-
|
|
77
|
-
|
|
53
|
+
const isEmptyEntitys = isEntityAndCounter && (!entityAndCounter.counter || entityAndCounter.counter === 0) || !isEntityAndCounter && (warnLeft || !merchants);
|
|
54
|
+
const advancedTagClass = classNames('advanced-tags', {
|
|
78
55
|
'advanced-tags--error': isEmptyEntitys
|
|
79
56
|
}, className);
|
|
80
|
-
|
|
81
|
-
var onWarningClick = function onWarningClick(warn) {
|
|
57
|
+
const onWarningClick = warn => {
|
|
82
58
|
setIsOpen(true);
|
|
83
59
|
setClickedWarning(warn);
|
|
84
60
|
};
|
|
85
|
-
|
|
86
|
-
var handleClickOutside = function handleClickOutside(event) {
|
|
61
|
+
const handleClickOutside = event => {
|
|
87
62
|
if (hintRef.current && !hintRef.current.contains(event.target)) {
|
|
88
63
|
setIsOpen(false);
|
|
89
64
|
}
|
|
90
65
|
};
|
|
91
|
-
|
|
92
|
-
(0, _react.useEffect)(function () {
|
|
66
|
+
(0, _react.useEffect)(() => {
|
|
93
67
|
document.addEventListener('click', handleClickOutside, true);
|
|
94
|
-
return
|
|
95
|
-
return document.removeEventListener('click', handleClickOutside, true);
|
|
96
|
-
};
|
|
68
|
+
return () => document.removeEventListener('click', handleClickOutside, true);
|
|
97
69
|
});
|
|
98
|
-
|
|
99
|
-
var renderClassicTag = function renderClassicTag() {
|
|
70
|
+
const renderClassicTag = () => {
|
|
100
71
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
101
72
|
className: advancedTagClass,
|
|
102
73
|
ref: hintRef
|
|
103
74
|
}, warnLeft && /*#__PURE__*/_react.default.createElement("div", {
|
|
104
75
|
"data-testid": "".concat(testId, "-left"),
|
|
105
76
|
className: "advanced-tags--warning-icon-wrapper",
|
|
106
|
-
onMouseEnter:
|
|
107
|
-
|
|
108
|
-
},
|
|
109
|
-
onMouseLeave: function onMouseLeave() {
|
|
110
|
-
return setIsOpen(false);
|
|
111
|
-
}
|
|
77
|
+
onMouseEnter: () => onWarningClick('warnLeft'),
|
|
78
|
+
onMouseLeave: () => setIsOpen(false)
|
|
112
79
|
}, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
|
|
113
80
|
width: 16,
|
|
114
81
|
height: 16,
|
|
@@ -130,12 +97,8 @@ var AdvTag = function AdvTag(_ref) {
|
|
|
130
97
|
}, "|") : null, merchants ? /*#__PURE__*/_react.default.createElement("span", null, merchants) : item.type !== 'simple' && /*#__PURE__*/_react.default.createElement("div", {
|
|
131
98
|
"data-testid": "".concat(testId, "-right"),
|
|
132
99
|
className: "advanced-tags--warning-icon-wrapper",
|
|
133
|
-
onMouseEnter:
|
|
134
|
-
|
|
135
|
-
},
|
|
136
|
-
onMouseLeave: function onMouseLeave() {
|
|
137
|
-
return setIsOpen(false);
|
|
138
|
-
}
|
|
100
|
+
onMouseEnter: () => onWarningClick('warnRight'),
|
|
101
|
+
onMouseLeave: () => setIsOpen(false)
|
|
139
102
|
}, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
|
|
140
103
|
width: 16,
|
|
141
104
|
height: 16,
|
|
@@ -150,23 +113,17 @@ var AdvTag = function AdvTag(_ref) {
|
|
|
150
113
|
})
|
|
151
114
|
}, warnRightMsg) : null);
|
|
152
115
|
};
|
|
153
|
-
|
|
154
|
-
var renderWithEntityAndCounterTag = function renderWithEntityAndCounterTag() {
|
|
116
|
+
const renderWithEntityAndCounterTag = () => {
|
|
155
117
|
var _entityAndCounter$cou;
|
|
156
|
-
|
|
157
|
-
var isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : (_entityAndCounter$cou = entityAndCounter.counter) === null || _entityAndCounter$cou === void 0 ? void 0 : _entityAndCounter$cou.toString()) === '0';
|
|
118
|
+
const isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 || (_entityAndCounter$cou = entityAndCounter.counter) === null || _entityAndCounter$cou === void 0 ? void 0 : _entityAndCounter$cou.toString()) === '0';
|
|
158
119
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
159
120
|
className: advancedTagClass,
|
|
160
121
|
ref: hintRef
|
|
161
122
|
}, isNullcounter && /*#__PURE__*/_react.default.createElement("div", {
|
|
162
123
|
"data-testid": "".concat(testId, "-left"),
|
|
163
124
|
className: "advanced-tags--warning-icon-wrapper",
|
|
164
|
-
onMouseEnter:
|
|
165
|
-
|
|
166
|
-
},
|
|
167
|
-
onMouseLeave: function onMouseLeave() {
|
|
168
|
-
return setIsOpen(false);
|
|
169
|
-
}
|
|
125
|
+
onMouseEnter: () => onWarningClick('warnLeft'),
|
|
126
|
+
onMouseLeave: () => setIsOpen(false)
|
|
170
127
|
}, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
|
|
171
128
|
width: 16,
|
|
172
129
|
height: 16,
|
|
@@ -181,9 +138,6 @@ var AdvTag = function AdvTag(_ref) {
|
|
|
181
138
|
className: "advanced-tags__counter ".concat(isNullcounter ? 'advanced-tags__counter--null' : 'advanced-tags__counter--bold')
|
|
182
139
|
}, entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.counter));
|
|
183
140
|
};
|
|
184
|
-
|
|
185
141
|
return !isEntityAndCounter ? renderClassicTag() : renderWithEntityAndCounterTag();
|
|
186
142
|
};
|
|
187
|
-
|
|
188
|
-
var _default = AdvTag;
|
|
189
|
-
exports.default = _default;
|
|
143
|
+
var _default = exports.default = AdvTag;
|