intelicoreact 1.4.82 → 1.4.83
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 +13 -13
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +12 -13
- package/dist/Atomic/FormElements/Calendar/Calendar.js +103 -68
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +26 -26
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +27 -23
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +201 -114
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +69 -46
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +301 -230
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +2 -4
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +201 -145
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +54 -41
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +112 -45
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +63 -34
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +153 -82
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +56 -54
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +98 -66
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +48 -27
- package/dist/Atomic/FormElements/Input/Input.js +209 -148
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +77 -50
- package/dist/Atomic/FormElements/InputColor/InputColor.js +28 -23
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +53 -38
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +139 -106
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +38 -31
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +230 -135
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +122 -85
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +8 -10
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +159 -72
- package/dist/Atomic/FormElements/InputLink/InputLink.js +39 -30
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +8 -8
- package/dist/Atomic/FormElements/InputMask/InputMask.js +800 -521
- package/dist/Atomic/FormElements/InputMask/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask/functions.js +15 -15
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +294 -234
- package/dist/Atomic/FormElements/InputMask2/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask2/functions.js +15 -15
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +332 -265
- package/dist/Atomic/FormElements/InputMask3/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask3/functions.js +15 -15
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +101 -53
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +99 -64
- package/dist/Atomic/FormElements/Label/Label.js +15 -13
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +284 -190
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +34 -24
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +170 -117
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +50 -28
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +29 -18
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +24 -22
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +31 -19
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +83 -56
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +75 -49
- package/dist/Atomic/FormElements/RangeList/RangeList.js +129 -87
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +18 -22
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +250 -143
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +477 -367
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +15 -14
- package/dist/Atomic/FormElements/Switcher/Switcher.js +20 -24
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +30 -24
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +23 -20
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +40 -32
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +31 -25
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +22 -22
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +98 -52
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +34 -22
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +81 -47
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +525 -415
- package/dist/Atomic/FormElements/Text/Text.js +39 -39
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +23 -21
- package/dist/Atomic/FormElements/Textarea/Textarea.js +33 -28
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +98 -67
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +24 -22
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +57 -34
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +94 -56
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +102 -74
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +69 -50
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +33 -30
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +50 -38
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +59 -47
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +1 -1
- package/dist/Atomic/Layout/Header/Header.js +37 -22
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +59 -34
- package/dist/Atomic/Layout/Spinner/Spinner.js +6 -7
- package/dist/Atomic/UI/Accordion/Accordion.js +31 -17
- package/dist/Atomic/UI/Accordion/AccordionItem.js +41 -30
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +81 -50
- package/dist/Atomic/UI/AccordionText/AccordionText.js +39 -20
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +74 -46
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +37 -21
- package/dist/Atomic/UI/Alert/Alert.js +36 -23
- package/dist/Atomic/UI/Arrow/Arrow.js +21 -14
- package/dist/Atomic/UI/Box/Box.js +12 -11
- package/dist/Atomic/UI/Button/Button.js +26 -26
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +21 -21
- package/dist/Atomic/UI/Chart/Chart.js +60 -44
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +13 -11
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +10 -12
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +82 -60
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +124 -116
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +30 -18
- package/dist/Atomic/UI/Chart/partial/utils.js +30 -16
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +31 -21
- package/dist/Atomic/UI/DateTime/DateTime.js +29 -25
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +23 -11
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +12 -4
- package/dist/Atomic/UI/DoubleString/DoubleString.js +53 -36
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +55 -14
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +114 -54
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +88 -53
- package/dist/Atomic/UI/Hint/Hint.js +87 -58
- package/dist/Atomic/UI/Hint/partials/_utils.js +10 -10
- package/dist/Atomic/UI/Modal/Modal.js +159 -144
- package/dist/Atomic/UI/Modal/ModalHOC.js +17 -14
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +5 -6
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +13 -16
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +118 -73
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +48 -33
- package/dist/Atomic/UI/NavLine/NavLine.js +166 -104
- package/dist/Atomic/UI/PageTitle/PageTitle.js +8 -12
- package/dist/Atomic/UI/PieChart/PieChart.js +11 -10
- package/dist/Atomic/UI/Price/Price.js +5 -7
- package/dist/Atomic/UI/PriceRange/PriceRange.js +4 -6
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +42 -27
- package/dist/Atomic/UI/Status/Status.js +22 -18
- package/dist/Atomic/UI/Table/Partials/TdCell.js +47 -28
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +5 -6
- package/dist/Atomic/UI/Table/Partials/TdRow.js +53 -29
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +28 -15
- package/dist/Atomic/UI/Table/Table.js +36 -27
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +32 -18
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +10 -8
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +2 -4
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +26 -21
- package/dist/Atomic/UI/Tag/Tag.js +72 -52
- package/dist/Atomic/UI/TagList/TagList.js +102 -65
- package/dist/Atomic/UI/UserBox/UserBox.js +13 -13
- package/dist/Atomic/UI/WizardStepper/constructor.js +6 -6
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +16 -20
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +25 -27
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +27 -22
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +41 -39
- package/dist/Classes/AbortableFetch.js +393 -311
- package/dist/Classes/AnimatedHandler.js +53 -45
- package/dist/Classes/RESTAPI/index.js +431 -152
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +400 -320
- package/dist/Classes/RESTAPI/partials/ApiBase.js +59 -24
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +338 -76
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +378 -143
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +375 -159
- package/dist/Classes/RESTAPI/partials/Utils.js +128 -87
- package/dist/Classes/RESTAPI/partials/_utils.js +388 -116
- package/dist/Constants/index.constants.js +7 -7
- package/dist/Functions/Portal.js +19 -11
- package/dist/Functions/customEventListener.js +7 -5
- package/dist/Functions/fieldValueFormatters.js +131 -109
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +128 -69
- package/dist/Functions/locale/createTranslator.js +21 -11
- package/dist/Functions/operations.js +27 -23
- package/dist/Functions/presets/inputMaskPreset.js +176 -0
- package/dist/Functions/presets/inputMaskPresets.js +17 -17
- package/dist/Functions/presets/inputPresets.js +15 -15
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +3 -3
- package/dist/Functions/schemas.js +7 -5
- package/dist/Functions/useBodyScrollLock.js +3 -3
- package/dist/Functions/useClickOutside.js +3 -3
- package/dist/Functions/useDebounce.js +20 -11
- package/dist/Functions/useFieldFocus.js +51 -38
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +46 -36
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +78 -68
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +81 -54
- package/dist/Functions/useFormTools/functions/General.js +80 -71
- package/dist/Functions/useFormTools/functions/RenderFields.js +63 -45
- package/dist/Functions/useFormTools/functions/usePrevious.js +2 -2
- package/dist/Functions/useFormTools/index.js +467 -314
- package/dist/Functions/useInputHighlightError.js +42 -26
- package/dist/Functions/useIsMobile.js +29 -11
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +8 -9
- package/dist/Functions/useKeyPress/useKeyPress.js +26 -17
- package/dist/Functions/useLocalStorage.js +13 -6
- package/dist/Functions/useLocationParams.js +24 -14
- package/dist/Functions/useMediaQuery.js +18 -7
- package/dist/Functions/useMetaInfo.js +40 -16
- package/dist/Functions/useMouseUpOutside.js +2 -2
- package/dist/Functions/useOnlineStatus.js +17 -6
- package/dist/Functions/usePasswordChecker.js +61 -42
- package/dist/Functions/usePrevious.js +2 -2
- package/dist/Functions/useResize.js +24 -12
- package/dist/Functions/useScrollTo.js +13 -4
- package/dist/Functions/useToggle.js +25 -9
- package/dist/Functions/utils.js +272 -147
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +27 -23
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +27 -23
- package/dist/Molecular/CustomIcons/components/AppStore.js +31 -27
- package/dist/Molecular/CustomIcons/components/Arrow.js +37 -33
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +19 -15
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +22 -18
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +22 -18
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +19 -15
- package/dist/Molecular/CustomIcons/components/Bell.js +17 -13
- package/dist/Molecular/CustomIcons/components/Button.js +17 -13
- package/dist/Molecular/CustomIcons/components/Campaigns.js +18 -14
- package/dist/Molecular/CustomIcons/components/Check.js +18 -14
- package/dist/Molecular/CustomIcons/components/Check2.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +32 -28
- package/dist/Molecular/CustomIcons/components/Close.js +19 -15
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +44 -40
- package/dist/Molecular/CustomIcons/components/Delete.js +18 -14
- package/dist/Molecular/CustomIcons/components/Edit.js +17 -13
- package/dist/Molecular/CustomIcons/components/Email.js +35 -31
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +25 -21
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +33 -29
- package/dist/Molecular/CustomIcons/components/Flows.js +17 -13
- package/dist/Molecular/CustomIcons/components/Gift.js +22 -18
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +31 -27
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +31 -27
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +20 -16
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +21 -17
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +20 -16
- package/dist/Molecular/CustomIcons/components/Home.js +20 -16
- package/dist/Molecular/CustomIcons/components/Home2.js +23 -19
- package/dist/Molecular/CustomIcons/components/Key.js +25 -21
- package/dist/Molecular/CustomIcons/components/Landers.js +21 -17
- package/dist/Molecular/CustomIcons/components/Lock.js +17 -13
- package/dist/Molecular/CustomIcons/components/Mail.js +25 -21
- package/dist/Molecular/CustomIcons/components/Mastercard.js +65 -61
- package/dist/Molecular/CustomIcons/components/Minus.js +30 -26
- package/dist/Molecular/CustomIcons/components/Offers.js +18 -14
- package/dist/Molecular/CustomIcons/components/Pause.js +30 -26
- package/dist/Molecular/CustomIcons/components/PayPal.js +44 -40
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +31 -27
- package/dist/Molecular/CustomIcons/components/Phone.js +32 -28
- package/dist/Molecular/CustomIcons/components/Play.js +30 -26
- package/dist/Molecular/CustomIcons/components/Plus.js +30 -26
- package/dist/Molecular/CustomIcons/components/Profile.js +22 -18
- package/dist/Molecular/CustomIcons/components/QRCode.js +32 -28
- package/dist/Molecular/CustomIcons/components/Rectangle.js +17 -13
- package/dist/Molecular/CustomIcons/components/Revert.js +20 -16
- package/dist/Molecular/CustomIcons/components/Star.js +14 -10
- package/dist/Molecular/CustomIcons/components/Star2.js +18 -14
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +20 -16
- package/dist/Molecular/CustomIcons/components/Trash.js +17 -13
- package/dist/Molecular/CustomIcons/components/TrashRed.js +17 -13
- package/dist/Molecular/CustomIcons/components/Triggers.js +17 -13
- package/dist/Molecular/CustomIcons/components/User.js +22 -18
- package/dist/Molecular/CustomIcons/components/Visa.js +33 -29
- package/dist/Molecular/CustomIcons/components/X.js +17 -13
- package/dist/Molecular/CustomIcons/index.js +61 -61
- package/dist/Molecular/FormElement/FormElement.js +17 -19
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +93 -73
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +27 -28
- package/dist/Molecular/InputAddress/InputAddress.js +213 -126
- package/dist/Molecular/InputPassword/InputPassword.js +23 -13
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
|
|
10
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
+
|
|
10
12
|
var _react = require("react");
|
|
11
13
|
|
|
12
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -17,31 +19,32 @@ var _Modal = require("../../Modal/Modal");
|
|
|
17
19
|
|
|
18
20
|
require("../Table.scss");
|
|
19
21
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
22
|
+
var TdWeight = function TdWeight(_ref) {
|
|
23
|
+
var value = _ref.value,
|
|
24
|
+
percent = _ref.percent,
|
|
25
|
+
onChange = _ref.onChange,
|
|
26
|
+
className = _ref.className;
|
|
27
|
+
|
|
28
|
+
var _useState = (0, _react.useState)(value),
|
|
29
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
30
|
+
state = _useState2[0],
|
|
31
|
+
setState = _useState2[1];
|
|
32
|
+
|
|
33
|
+
var _useOutsideToggle = (0, _utils.useOutsideToggle)(false),
|
|
34
|
+
isEdited = _useOutsideToggle.isToggled,
|
|
35
|
+
unsetIsEdited = _useOutsideToggle.toggleOff,
|
|
36
|
+
setIsEdited = _useOutsideToggle.toggleOn;
|
|
37
|
+
|
|
38
|
+
(0, _react.useEffect)(function () {
|
|
34
39
|
setState(value);
|
|
35
40
|
}, [value, isEdited]);
|
|
36
41
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
target
|
|
41
|
-
} = _ref2;
|
|
42
|
+
var handleKeyUp = function handleKeyUp(_ref2) {
|
|
43
|
+
var keyCode = _ref2.keyCode,
|
|
44
|
+
target = _ref2.target;
|
|
42
45
|
|
|
43
46
|
if (keyCode === _Modal.KEY_CODE.ENTER) {
|
|
44
|
-
|
|
47
|
+
var newValue = Number(target.value) || 1;
|
|
45
48
|
onChange(newValue);
|
|
46
49
|
unsetIsEdited();
|
|
47
50
|
}
|
|
@@ -49,7 +52,9 @@ const TdWeight = _ref => {
|
|
|
49
52
|
|
|
50
53
|
return /*#__PURE__*/React.createElement(React.Fragment, null, isEdited ? /*#__PURE__*/React.createElement(Input, {
|
|
51
54
|
value: state,
|
|
52
|
-
onChange:
|
|
55
|
+
onChange: function onChange(e) {
|
|
56
|
+
return setState(e);
|
|
57
|
+
},
|
|
53
58
|
onBlur: unsetIsEdited,
|
|
54
59
|
onKeyUp: handleKeyUp,
|
|
55
60
|
autoFocus: true
|
|
@@ -2,11 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports.default = void 0;
|
|
9
11
|
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
+
|
|
10
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
15
|
|
|
12
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -19,61 +23,71 @@ var _Spinner = _interopRequireDefault(require("./../../Layout/Spinner/Spinner"))
|
|
|
19
23
|
|
|
20
24
|
require("./Tag.scss");
|
|
21
25
|
|
|
22
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
26
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
27
|
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
|
28
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
29
|
|
|
26
|
-
|
|
30
|
+
var Tag = function Tag(_ref) {
|
|
27
31
|
var _tagRef$current$getBo, _tagRef$current;
|
|
28
32
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
33
|
+
var value = _ref.value,
|
|
34
|
+
className = _ref.className,
|
|
35
|
+
style = _ref.style,
|
|
36
|
+
label = _ref.label,
|
|
37
|
+
warning = _ref.warning,
|
|
38
|
+
removeItem = _ref.removeItem,
|
|
39
|
+
name = _ref.name,
|
|
40
|
+
isPopup = _ref.isPopup,
|
|
41
|
+
popupInfoContent = _ref.popupInfoContent,
|
|
42
|
+
popupClassName = _ref.popupClassName,
|
|
43
|
+
id = _ref.id,
|
|
44
|
+
_ref$isNoDismiss = _ref.isNoDismiss,
|
|
45
|
+
isNoDismiss = _ref$isNoDismiss === void 0 ? true : _ref$isNoDismiss,
|
|
46
|
+
_ref$onClick = _ref.onClick,
|
|
47
|
+
onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
|
|
48
|
+
_ref$testId = _ref.testId,
|
|
49
|
+
testId = _ref$testId === void 0 ? "test-tag" : _ref$testId,
|
|
50
|
+
_ref$testIdRemove = _ref.testIdRemove,
|
|
51
|
+
testIdRemove = _ref$testIdRemove === void 0 ? "test-tag-remove" : _ref$testIdRemove;
|
|
52
|
+
var tagRef = (0, _react.useRef)();
|
|
53
|
+
|
|
54
|
+
var _useState = (0, _react.useState)(false),
|
|
55
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
56
|
+
isTagHover = _useState2[0],
|
|
57
|
+
setIsTagHover = _useState2[1];
|
|
58
|
+
|
|
59
|
+
var _useState3 = (0, _react.useState)(false),
|
|
60
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
61
|
+
isTagPopupOpened = _useState4[0],
|
|
62
|
+
setIsTagPopupOpened = _useState4[1];
|
|
63
|
+
|
|
64
|
+
var _ref2 = (_tagRef$current$getBo = tagRef === null || tagRef === void 0 ? void 0 : (_tagRef$current = tagRef.current) === null || _tagRef$current === void 0 ? void 0 : _tagRef$current.getBoundingClientRect()) !== null && _tagRef$current$getBo !== void 0 ? _tagRef$current$getBo : {},
|
|
65
|
+
x = _ref2.x,
|
|
66
|
+
y = _ref2.y,
|
|
67
|
+
height = _ref2.height,
|
|
68
|
+
width = _ref2.width;
|
|
69
|
+
|
|
70
|
+
var _window = window,
|
|
71
|
+
scrollY = _window.scrollY;
|
|
72
|
+
var tagPopupStyles = (0, _react.useMemo)(function () {
|
|
60
73
|
var _tagRef$current2;
|
|
61
74
|
|
|
62
75
|
if (!isTagPopupOpened || !(tagRef !== null && tagRef !== void 0 && tagRef.current)) return {};
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
76
|
+
|
|
77
|
+
var _tagRef$current$getBo2 = tagRef === null || tagRef === void 0 ? void 0 : (_tagRef$current2 = tagRef.current) === null || _tagRef$current2 === void 0 ? void 0 : _tagRef$current2.getBoundingClientRect(),
|
|
78
|
+
x = _tagRef$current$getBo2.x,
|
|
79
|
+
y = _tagRef$current$getBo2.y,
|
|
80
|
+
height = _tagRef$current$getBo2.height,
|
|
81
|
+
width = _tagRef$current$getBo2.width;
|
|
82
|
+
|
|
69
83
|
return {
|
|
70
84
|
left: "".concat(x, "px"),
|
|
71
85
|
top: "".concat(y + scrollY, "px"),
|
|
72
86
|
transform: "translate(calc(-1 * calc(100% - ".concat(width / 2 + 22, "px)), ").concat(height + 10, "px)")
|
|
73
87
|
};
|
|
74
88
|
}, [isTagPopupOpened, x, y, width, height, scrollY]);
|
|
75
|
-
|
|
76
|
-
onTagClick: ()
|
|
89
|
+
var handle = {
|
|
90
|
+
onTagClick: function onTagClick() {
|
|
77
91
|
if (isPopup) {
|
|
78
92
|
setIsTagPopupOpened(!isTagPopupOpened);
|
|
79
93
|
}
|
|
@@ -82,36 +96,42 @@ const Tag = _ref => {
|
|
|
82
96
|
}
|
|
83
97
|
}; // закрытие по кликаутсайду
|
|
84
98
|
|
|
85
|
-
|
|
99
|
+
var handleClickOutside = function handleClickOutside() {
|
|
86
100
|
setIsTagPopupOpened(false);
|
|
87
101
|
};
|
|
88
102
|
|
|
89
|
-
(0, _react.useEffect)(()
|
|
103
|
+
(0, _react.useEffect)(function () {
|
|
90
104
|
document.addEventListener("click", handleClickOutside, true);
|
|
91
|
-
return ()
|
|
105
|
+
return function () {
|
|
92
106
|
document.removeEventListener("click", handleClickOutside, true);
|
|
93
107
|
};
|
|
94
108
|
}, []); // закрытие по скролу
|
|
95
109
|
|
|
96
|
-
(0, _react.useEffect)(()
|
|
97
|
-
|
|
110
|
+
(0, _react.useEffect)(function () {
|
|
111
|
+
var handleScroll = function handleScroll() {
|
|
98
112
|
setIsTagPopupOpened(false);
|
|
99
113
|
};
|
|
100
114
|
|
|
101
115
|
window.addEventListener("scroll", handleScroll, true);
|
|
102
|
-
return ()
|
|
116
|
+
return function () {
|
|
103
117
|
window.removeEventListener("scroll", handleScroll, true);
|
|
104
118
|
};
|
|
105
119
|
}, []);
|
|
106
120
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
107
|
-
onMouseEnter: ()
|
|
108
|
-
|
|
121
|
+
onMouseEnter: function onMouseEnter() {
|
|
122
|
+
return setIsTagHover(true);
|
|
123
|
+
},
|
|
124
|
+
onMouseLeave: function onMouseLeave() {
|
|
125
|
+
return setIsTagHover(false);
|
|
126
|
+
},
|
|
109
127
|
"data-testid": testId,
|
|
110
128
|
className: (0, _classnames.default)("tag", className, {
|
|
111
129
|
"tag-warn": warning
|
|
112
130
|
}),
|
|
113
131
|
style: style !== null && style !== void 0 ? style : {},
|
|
114
|
-
onClick: ()
|
|
132
|
+
onClick: function onClick() {
|
|
133
|
+
return handle.onTagClick();
|
|
134
|
+
},
|
|
115
135
|
ref: tagRef
|
|
116
136
|
}, warning && typeof warning === "string" && /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
|
|
117
137
|
className: "advanced-tags--warning-icon mr5"
|
|
@@ -121,7 +141,7 @@ const Tag = _ref => {
|
|
|
121
141
|
className: "tag__label"
|
|
122
142
|
}, label || name), removeItem && !isNoDismiss && /*#__PURE__*/_react.default.createElement("button", {
|
|
123
143
|
"data-testid": testIdRemove,
|
|
124
|
-
onClick: e
|
|
144
|
+
onClick: function onClick(e) {
|
|
125
145
|
e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
126
146
|
e === null || e === void 0 ? void 0 : e.stopPropagation();
|
|
127
147
|
removeItem(value);
|
|
@@ -2,13 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports.default = void 0;
|
|
9
11
|
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
10
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
15
|
|
|
16
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
17
|
+
|
|
18
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
19
|
+
|
|
12
20
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
21
|
|
|
14
22
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -21,54 +29,77 @@ var _Tag = _interopRequireDefault(require("../Tag/Tag"));
|
|
|
21
29
|
|
|
22
30
|
require("./TagList.scss");
|
|
23
31
|
|
|
24
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
32
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
25
35
|
|
|
26
|
-
function
|
|
36
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
37
|
|
|
28
|
-
|
|
38
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
39
|
+
|
|
40
|
+
var TagList = function TagList(_ref) {
|
|
29
41
|
var _wrapperRef$current$g, _wrapperRef$current, _wrapperRef$current$g2;
|
|
30
42
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
43
|
+
var disabled = _ref.disabled,
|
|
44
|
+
className = _ref.className,
|
|
45
|
+
onTagClick = _ref.onTagClick,
|
|
46
|
+
_ref$removeItem = _ref.removeItem,
|
|
47
|
+
removeItem = _ref$removeItem === void 0 ? null : _ref$removeItem,
|
|
48
|
+
_ref$items = _ref.items,
|
|
49
|
+
items = _ref$items === void 0 ? [] : _ref$items,
|
|
50
|
+
_ref$withToggle = _ref.withToggle,
|
|
51
|
+
withToggle = _ref$withToggle === void 0 ? true : _ref$withToggle,
|
|
52
|
+
_ref$disableShowMore = _ref.disableShowMore,
|
|
53
|
+
disableShowMore = _ref$disableShowMore === void 0 ? false : _ref$disableShowMore,
|
|
54
|
+
_ref$shownItemsCount = _ref.shownItemsCount,
|
|
55
|
+
shownItemsCount = _ref$shownItemsCount === void 0 ? "auto" : _ref$shownItemsCount,
|
|
56
|
+
_ref$testId = _ref.testId,
|
|
57
|
+
testId = _ref$testId === void 0 ? "test-taglist" : _ref$testId,
|
|
58
|
+
refProp = _ref.refProp,
|
|
59
|
+
renderOrder = _ref.renderOrder,
|
|
60
|
+
onEditClick = _ref.onEditClick,
|
|
61
|
+
onToggleRenderAll = _ref.onToggleRenderAll;
|
|
62
|
+
var wrapperRef = (0, _react.useRef)(null);
|
|
63
|
+
|
|
64
|
+
var _useState = (0, _react.useState)([]),
|
|
65
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
66
|
+
tagList = _useState2[0],
|
|
67
|
+
setTagList = _useState2[1];
|
|
68
|
+
|
|
69
|
+
var _useState3 = (0, _react.useState)(-1),
|
|
70
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
71
|
+
staticTagsCount = _useState4[0],
|
|
72
|
+
setStaticTagsCount = _useState4[1];
|
|
73
|
+
|
|
74
|
+
var _useState5 = (0, _react.useState)(-1),
|
|
75
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
76
|
+
renderItemsCount = _useState6[0],
|
|
77
|
+
setRenderItemsCount = _useState6[1];
|
|
78
|
+
|
|
79
|
+
var _useState7 = (0, _react.useState)(!withToggle),
|
|
80
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
81
|
+
renderAll = _useState8[0],
|
|
82
|
+
setRenderAll = _useState8[1];
|
|
83
|
+
|
|
84
|
+
var wrapperWidth = (_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : (_wrapperRef$current$g2 = _wrapperRef$current.getBoundingClientRect()) === null || _wrapperRef$current$g2 === void 0 ? void 0 : _wrapperRef$current$g2.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : -1;
|
|
85
|
+
|
|
86
|
+
var setRenderAllInterceptor = function setRenderAllInterceptor(v) {
|
|
54
87
|
setRenderAll(v);
|
|
55
88
|
onToggleRenderAll === null || onToggleRenderAll === void 0 ? void 0 : onToggleRenderAll(v);
|
|
56
89
|
};
|
|
57
90
|
|
|
58
|
-
|
|
91
|
+
var getStaticTagsCount = function getStaticTagsCount(computedWidth) {
|
|
59
92
|
var _result$items;
|
|
60
93
|
|
|
61
94
|
if (typeof shownItemsCount === "number") return shownItemsCount;
|
|
62
|
-
|
|
63
|
-
|
|
95
|
+
var delta = typeof onEditClick === "function" ? 60 : 32;
|
|
96
|
+
var result = tagList.reduce(function (result, _ref2, index) {
|
|
64
97
|
var _itemRef$current, _itemRef$current$getB;
|
|
65
98
|
|
|
66
|
-
|
|
67
|
-
itemRef
|
|
68
|
-
} = _ref2;
|
|
99
|
+
var itemRef = _ref2.itemRef;
|
|
69
100
|
if (result.skip) return result;
|
|
70
|
-
|
|
71
|
-
|
|
101
|
+
var itemStyle = (itemRef === null || itemRef === void 0 ? void 0 : itemRef.current) && window.getComputedStyle(itemRef.current);
|
|
102
|
+
var itemWidth = [parseInt((_itemRef$current = itemRef.current) === null || _itemRef$current === void 0 ? void 0 : (_itemRef$current$getB = _itemRef$current.getBoundingClientRect()) === null || _itemRef$current$getB === void 0 ? void 0 : _itemRef$current$getB.width, 10), parseInt(itemStyle === null || itemStyle === void 0 ? void 0 : itemStyle.marginLeft, 10), parseInt(itemStyle === null || itemStyle === void 0 ? void 0 : itemStyle.marginRight, 10)].reduce(function (result, item) {
|
|
72
103
|
if (!isNaN(item)) result += item;
|
|
73
104
|
return result;
|
|
74
105
|
}, 0);
|
|
@@ -77,10 +108,10 @@ const TagList = _ref => {
|
|
|
77
108
|
result = {
|
|
78
109
|
count: result.count + 1,
|
|
79
110
|
width: result.width + itemWidth,
|
|
80
|
-
items: [
|
|
111
|
+
items: [].concat((0, _toConsumableArray2.default)(result.items), [{
|
|
81
112
|
w: itemWidth,
|
|
82
113
|
r: itemRef === null || itemRef === void 0 ? void 0 : itemRef.current
|
|
83
|
-
}]
|
|
114
|
+
}])
|
|
84
115
|
};
|
|
85
116
|
} else {
|
|
86
117
|
result.skip = true;
|
|
@@ -101,33 +132,29 @@ const TagList = _ref => {
|
|
|
101
132
|
return result === null || result === void 0 ? void 0 : result.count;
|
|
102
133
|
};
|
|
103
134
|
|
|
104
|
-
|
|
105
|
-
|
|
135
|
+
var cancelDefault = function cancelDefault(e) {
|
|
136
|
+
var cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
|
|
106
137
|
e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
107
138
|
e === null || e === void 0 ? void 0 : e.stopPropagation();
|
|
108
139
|
cb(e);
|
|
109
140
|
};
|
|
110
141
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
id
|
|
116
|
-
} = _ref3;
|
|
142
|
+
var renderTags = function renderTags() {
|
|
143
|
+
var tagsRenderOrder = renderOrder !== null && renderOrder !== void 0 ? renderOrder : tagList.map(function (_ref3) {
|
|
144
|
+
var value = _ref3.value,
|
|
145
|
+
id = _ref3.id;
|
|
117
146
|
return value !== null && value !== void 0 ? value : id;
|
|
118
147
|
});
|
|
119
|
-
return tagsRenderOrder.map((v, i)
|
|
148
|
+
return tagsRenderOrder.map(function (v, i) {
|
|
120
149
|
var _item$id, _item$id2;
|
|
121
150
|
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
id
|
|
126
|
-
} = _ref4;
|
|
151
|
+
var item = tagList.find(function (_ref4) {
|
|
152
|
+
var value = _ref4.value,
|
|
153
|
+
id = _ref4.id;
|
|
127
154
|
return (value !== null && value !== void 0 ? value : id) === v;
|
|
128
155
|
});
|
|
129
156
|
if (!item) return null;
|
|
130
|
-
|
|
157
|
+
var isHidden = renderItemsCount !== -1 && staticTagsCount !== -1 ? i >= renderItemsCount : false;
|
|
131
158
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
132
159
|
className: "tag-list_wrapper_item ".concat(isHidden ? "tag-list_wrapper_item--hidden" : ""),
|
|
133
160
|
key: "tag-list-item-".concat((_item$id = item === null || item === void 0 ? void 0 : item.id) !== null && _item$id !== void 0 ? _item$id : item === null || item === void 0 ? void 0 : item.value),
|
|
@@ -141,39 +168,49 @@ const TagList = _ref => {
|
|
|
141
168
|
});
|
|
142
169
|
};
|
|
143
170
|
|
|
144
|
-
|
|
171
|
+
var renderMoreTags = function renderMoreTags() {
|
|
145
172
|
if ((tagList === null || tagList === void 0 ? void 0 : tagList.length) < shownItemsCount || !(tagList !== null && tagList !== void 0 && tagList.length) || disableShowMore) return null;
|
|
146
|
-
|
|
173
|
+
var restItems = tagList.length - renderItemsCount;
|
|
147
174
|
if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;
|
|
148
175
|
return /*#__PURE__*/_react.default.createElement(_Tag.default, {
|
|
149
176
|
label: "+".concat(restItems),
|
|
150
177
|
className: "tag-list_wrapper_render-more",
|
|
151
|
-
onClick: disableShowMore ? ()
|
|
178
|
+
onClick: disableShowMore ? function () {} : function (e) {
|
|
179
|
+
return cancelDefault(e, function () {
|
|
180
|
+
return setRenderAllInterceptor(true);
|
|
181
|
+
});
|
|
182
|
+
}
|
|
152
183
|
});
|
|
153
184
|
};
|
|
154
185
|
|
|
155
|
-
|
|
186
|
+
var renderHideTags = function renderHideTags() {
|
|
156
187
|
if (renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length)) return null;
|
|
157
188
|
return /*#__PURE__*/_react.default.createElement(_Tag.default, {
|
|
158
189
|
label: "...",
|
|
159
190
|
className: "tag-list_wrapper_hide-more",
|
|
160
|
-
onClick:
|
|
191
|
+
onClick: function onClick(e) {
|
|
192
|
+
return cancelDefault(e, function () {
|
|
193
|
+
return setRenderAllInterceptor(false);
|
|
194
|
+
});
|
|
195
|
+
}
|
|
161
196
|
});
|
|
162
197
|
}; // Set TagList Items
|
|
163
198
|
|
|
164
199
|
|
|
165
|
-
(0, _react.useEffect)(()
|
|
200
|
+
(0, _react.useEffect)(function () {
|
|
166
201
|
setStaticTagsCount(-1);
|
|
167
202
|
setRenderItemsCount(-1);
|
|
168
203
|
setRenderAllInterceptor(false);
|
|
169
|
-
setTagList(items.map(item
|
|
170
|
-
|
|
171
|
-
|
|
204
|
+
setTagList(items.map(function (item) {
|
|
205
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
206
|
+
itemRef: /*#__PURE__*/(0, _react.createRef)()
|
|
207
|
+
});
|
|
208
|
+
}));
|
|
172
209
|
}, [items]); // Count Row Tags
|
|
173
210
|
|
|
174
|
-
(0, _react.useLayoutEffect)(()
|
|
211
|
+
(0, _react.useLayoutEffect)(function () {
|
|
175
212
|
if (withToggle && wrapperWidth !== -1 && staticTagsCount === -1) {
|
|
176
|
-
|
|
213
|
+
var computedWidth = wrapperWidth;
|
|
177
214
|
|
|
178
215
|
if (computedWidth === 0) {
|
|
179
216
|
var _window$getComputedSt;
|
|
@@ -187,14 +224,14 @@ const TagList = _ref => {
|
|
|
187
224
|
}
|
|
188
225
|
}, [tagList, wrapperWidth, wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current]); //
|
|
189
226
|
|
|
190
|
-
(0, _react.useLayoutEffect)(()
|
|
227
|
+
(0, _react.useLayoutEffect)(function () {
|
|
191
228
|
setRenderItemsCount(staticTagsCount);
|
|
192
229
|
}, [staticTagsCount]); // Toggle Show/Hide More Tags
|
|
193
230
|
|
|
194
|
-
(0, _react.useEffect)(()
|
|
231
|
+
(0, _react.useEffect)(function () {
|
|
195
232
|
setRenderItemsCount(renderAll ? tagList === null || tagList === void 0 ? void 0 : tagList.length : staticTagsCount);
|
|
196
233
|
}, [renderAll]);
|
|
197
|
-
(0, _react.useEffect)(()
|
|
234
|
+
(0, _react.useEffect)(function () {
|
|
198
235
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
199
236
|
if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && refProp) refProp.current = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current;
|
|
200
237
|
}, [wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current]);
|
|
@@ -19,20 +19,20 @@ var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
|
19
19
|
|
|
20
20
|
require("./UserBox.scss");
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
22
|
+
var UserBox = function UserBox(_ref) {
|
|
23
|
+
var _ref$name = _ref.name,
|
|
24
|
+
name = _ref$name === void 0 ? "Username" : _ref$name,
|
|
25
|
+
role = _ref.role,
|
|
26
|
+
id = _ref.id,
|
|
27
|
+
onClick = _ref.onClick,
|
|
28
|
+
isModal = _ref.isModal,
|
|
29
|
+
className = _ref.className,
|
|
30
|
+
colors = _ref.colors,
|
|
31
|
+
_ref$testId = _ref.testId,
|
|
32
|
+
testId = _ref$testId === void 0 ? "" : _ref$testId;
|
|
33
|
+
var getNameFirstLetter = name.charAt(0).toUpperCase();
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
var renderUser = function renderUser() {
|
|
36
36
|
if (isModal) {
|
|
37
37
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
38
38
|
style: {
|
|
@@ -11,15 +11,15 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _Status = _interopRequireDefault(require("../Status/Status"));
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
var WIZARD_STEP_VARIANTS = Object.freeze({
|
|
15
15
|
DEFAULT: 'default',
|
|
16
16
|
DONE: 'done',
|
|
17
17
|
ACTIVE: 'active'
|
|
18
18
|
});
|
|
19
19
|
exports.WIZARD_STEP_VARIANTS = WIZARD_STEP_VARIANTS;
|
|
20
20
|
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
var JSXMockComponent = function JSXMockComponent() {
|
|
22
|
+
var arr = [{
|
|
23
23
|
title: 'Requested Amont',
|
|
24
24
|
value: '$15,000'
|
|
25
25
|
}, {
|
|
@@ -29,13 +29,13 @@ const JSXMockComponent = () => {
|
|
|
29
29
|
title: 'Repayment Date',
|
|
30
30
|
value: '12/12/2021'
|
|
31
31
|
}];
|
|
32
|
-
|
|
32
|
+
var textStyles = {
|
|
33
33
|
fontSize: '14px',
|
|
34
34
|
fontWeight: 400,
|
|
35
35
|
lineHeight: '20px',
|
|
36
36
|
letterSpacing: '0.2px'
|
|
37
37
|
};
|
|
38
|
-
return arr.map(row
|
|
38
|
+
return arr.map(function (row) {
|
|
39
39
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
40
40
|
style: {
|
|
41
41
|
display: 'flex',
|
|
@@ -50,7 +50,7 @@ const JSXMockComponent = () => {
|
|
|
50
50
|
});
|
|
51
51
|
};
|
|
52
52
|
|
|
53
|
-
|
|
53
|
+
var mockData = [{
|
|
54
54
|
key: 'businessInfo',
|
|
55
55
|
label: 'Provide Business Info',
|
|
56
56
|
description: 'This information will help us to evaluate your application',
|