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
|
@@ -2,11 +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
|
+
|
|
14
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
15
|
+
|
|
16
|
+
var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
|
|
17
|
+
|
|
18
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
19
|
+
|
|
10
20
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
21
|
|
|
12
22
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -19,48 +29,92 @@ var _index = require("../../../Constants/index.constants");
|
|
|
19
29
|
|
|
20
30
|
require("./NavLine.scss");
|
|
21
31
|
|
|
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); }
|
|
23
|
-
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
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; }
|
|
35
|
+
|
|
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; }
|
|
37
|
+
|
|
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 checkedRef = function checkedRef(ref) {
|
|
41
|
+
return ref ? typeof ref === "function" ? function (node) {
|
|
42
|
+
return ref(node);
|
|
43
|
+
} : ref : null;
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
var NavLine = function NavLine(_ref) {
|
|
47
|
+
var root = _ref.root,
|
|
48
|
+
activeTab = _ref.activeTab,
|
|
49
|
+
variant = _ref.variant,
|
|
50
|
+
onChange = _ref.onChange,
|
|
51
|
+
className = _ref.className,
|
|
52
|
+
items = _ref.items,
|
|
53
|
+
children = _ref.children,
|
|
54
|
+
isLocal = _ref.isLocal,
|
|
55
|
+
mode = _ref.mode,
|
|
56
|
+
isNavigateByKeys = _ref.isNavigateByKeys,
|
|
57
|
+
isTabLoading = _ref.isTabLoading,
|
|
58
|
+
_ref$scrollMode = _ref.scrollMode,
|
|
59
|
+
scrollMode = _ref$scrollMode === void 0 ? false : _ref$scrollMode;
|
|
60
|
+
|
|
61
|
+
var _useState = (0, _react.useState)([]),
|
|
62
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
63
|
+
navLineItems = _useState2[0],
|
|
64
|
+
setNavLineItems = _useState2[1];
|
|
65
|
+
|
|
66
|
+
var wrapperRef = (0, _react.useRef)(null);
|
|
67
|
+
var wrapperInnerRef = (0, _react.useRef)(null);
|
|
68
|
+
|
|
69
|
+
var _useState3 = (0, _react.useState)(0),
|
|
70
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
71
|
+
wrapperRefWidth = _useState4[0],
|
|
72
|
+
setWrapperRefWidth = _useState4[1];
|
|
73
|
+
|
|
74
|
+
var _useState5 = (0, _react.useState)(0),
|
|
75
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
76
|
+
totalScrolledItems = _useState6[0],
|
|
77
|
+
setTotalScrolledItems = _useState6[1];
|
|
78
|
+
|
|
79
|
+
var _useState7 = (0, _react.useState)(0),
|
|
80
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
81
|
+
scrollLeft = _useState8[0],
|
|
82
|
+
setScrollLeft = _useState8[1];
|
|
83
|
+
|
|
84
|
+
var _useState9 = (0, _react.useState)(0),
|
|
85
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
86
|
+
navLineItemsTotalWidth = _useState10[0],
|
|
87
|
+
setNavLineItemsTotalWidth = _useState10[1];
|
|
88
|
+
|
|
89
|
+
var _useState11 = (0, _react.useState)(0),
|
|
90
|
+
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
91
|
+
navLineFirstItemOffset = _useState12[0],
|
|
92
|
+
setNavLineFirstItemOffset = _useState12[1];
|
|
93
|
+
|
|
94
|
+
var _useState13 = (0, _react.useState)([]),
|
|
95
|
+
_useState14 = (0, _slicedToArray2.default)(_useState13, 2),
|
|
96
|
+
scrollQueue = _useState14[0],
|
|
97
|
+
setScrollQueue = _useState14[1];
|
|
98
|
+
|
|
99
|
+
var popScrollTask = function popScrollTask() {
|
|
54
100
|
if (!scrollQueue.length) return null;
|
|
55
|
-
|
|
101
|
+
|
|
102
|
+
var _scrollQueue = (0, _toArray2.default)(scrollQueue),
|
|
103
|
+
task = _scrollQueue[0],
|
|
104
|
+
rest = _scrollQueue.slice(1);
|
|
105
|
+
|
|
56
106
|
setScrollQueue(rest);
|
|
57
107
|
return task;
|
|
58
108
|
};
|
|
59
109
|
|
|
60
|
-
|
|
110
|
+
var pushScrollTask = function pushScrollTask(task) {
|
|
111
|
+
return setScrollQueue(function (queue) {
|
|
112
|
+
return [].concat((0, _toConsumableArray2.default)(queue), [task]);
|
|
113
|
+
});
|
|
114
|
+
};
|
|
61
115
|
|
|
62
|
-
(0, _react.useEffect)(()
|
|
63
|
-
|
|
116
|
+
(0, _react.useEffect)(function () {
|
|
117
|
+
var task = popScrollTask();
|
|
64
118
|
|
|
65
119
|
if (scrollQueue.length && task) {
|
|
66
120
|
switch (task) {
|
|
@@ -77,53 +131,59 @@ const NavLine = _ref => {
|
|
|
77
131
|
}
|
|
78
132
|
}
|
|
79
133
|
}, [scrollQueue]);
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
134
|
+
|
|
135
|
+
var _useState15 = (0, _react.useState)(false),
|
|
136
|
+
_useState16 = (0, _slicedToArray2.default)(_useState15, 2),
|
|
137
|
+
isScrollBlocked = _useState16[0],
|
|
138
|
+
setScrollBlocked = _useState16[1];
|
|
139
|
+
|
|
140
|
+
var getVisibleNavLineItems = function getVisibleNavLineItems() {
|
|
141
|
+
var wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
|
|
142
|
+
var wrapperInnerProps = wrapperInner.getBoundingClientRect();
|
|
143
|
+
return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(function (item) {
|
|
144
|
+
var ref = item.ref,
|
|
145
|
+
label = item.label;
|
|
146
|
+
var element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
91
147
|
if (!element) return false;
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
148
|
+
|
|
149
|
+
var _element$getBoundingC = element.getBoundingClientRect(),
|
|
150
|
+
x = _element$getBoundingC.x;
|
|
151
|
+
|
|
95
152
|
return x - wrapperInnerProps.x >= 0 && x - wrapperInnerProps.x <= wrapperRefWidth;
|
|
96
153
|
});
|
|
97
154
|
};
|
|
98
155
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(item
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
} = item;
|
|
107
|
-
const element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
156
|
+
var getUnvisibleLeftSideNavLineItems = function getUnvisibleLeftSideNavLineItems() {
|
|
157
|
+
var wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
|
|
158
|
+
var wrapperInnerProps = wrapperInner.getBoundingClientRect();
|
|
159
|
+
return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(function (item) {
|
|
160
|
+
var ref = item.ref,
|
|
161
|
+
label = item.label;
|
|
162
|
+
var element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
108
163
|
if (!element) return false;
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
164
|
+
|
|
165
|
+
var _element$getBoundingC2 = element.getBoundingClientRect(),
|
|
166
|
+
x = _element$getBoundingC2.x;
|
|
167
|
+
|
|
112
168
|
return x - wrapperInnerProps.x <= 0;
|
|
113
169
|
});
|
|
114
170
|
};
|
|
115
171
|
|
|
116
|
-
|
|
117
|
-
|
|
172
|
+
var scroll = function scroll() {
|
|
173
|
+
var offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
118
174
|
if (isScrollBlocked) return false;
|
|
119
175
|
setScrollBlocked(true);
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
wrapperInner === null || wrapperInner === void 0 ? void 0 : wrapperInner.addEventListener("scroll", ()
|
|
124
|
-
setTotalScrolledItems(
|
|
176
|
+
var wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
|
|
177
|
+
var wrapperInnerProps = wrapperInner.getBoundingClientRect();
|
|
178
|
+
var leftOffset = wrapperInner.scrollLeft;
|
|
179
|
+
wrapperInner === null || wrapperInner === void 0 ? void 0 : wrapperInner.addEventListener("scroll", function () {
|
|
180
|
+
setTotalScrolledItems(function (state) {
|
|
181
|
+
return offset > 0 ? ++state : --state;
|
|
182
|
+
});
|
|
125
183
|
setScrollLeft(leftOffset + offset < 0 ? 0 : leftOffset + offset);
|
|
126
|
-
setTimeout(
|
|
184
|
+
setTimeout(function () {
|
|
185
|
+
return setScrollBlocked(false);
|
|
186
|
+
}, 50);
|
|
127
187
|
}, {
|
|
128
188
|
once: true
|
|
129
189
|
});
|
|
@@ -133,7 +193,7 @@ const NavLine = _ref => {
|
|
|
133
193
|
});
|
|
134
194
|
};
|
|
135
195
|
|
|
136
|
-
|
|
196
|
+
var scrollToPrevItem = function scrollToPrevItem() {
|
|
137
197
|
if (isScrollBlocked) return false; // const wrapperInner = wrapperInnerRef?.current;
|
|
138
198
|
// const navLineUnvisibleItems = getUnvisibleLeftSideNavLineItems();
|
|
139
199
|
// const [prevItem, secondPrevItem] = navLineUnvisibleItems.reverse();
|
|
@@ -141,11 +201,11 @@ const NavLine = _ref => {
|
|
|
141
201
|
// const prevItemProps = prevItem?.ref?.current?.getBoundingClientRect();
|
|
142
202
|
// let scrollOffset = prevItemProps?.x - wrapperInnerProps?.x;
|
|
143
203
|
|
|
144
|
-
|
|
204
|
+
var scrollOffset = -100;
|
|
145
205
|
scroll(scrollOffset);
|
|
146
206
|
};
|
|
147
207
|
|
|
148
|
-
|
|
208
|
+
var scrollToNextItem = function scrollToNextItem() {
|
|
149
209
|
// const wrapperInner = wrapperInnerRef?.current;
|
|
150
210
|
// const navLineVisibleItems = getVisibleNavLineItems();
|
|
151
211
|
// const [firstVisibleItem, secondVisibleItem] = navLineVisibleItems;
|
|
@@ -153,33 +213,33 @@ const NavLine = _ref => {
|
|
|
153
213
|
// const firstVisibleItemProps = firstVisibleItem?.ref?.current?.getBoundingClientRect();
|
|
154
214
|
// const secondVisibleItemProps = secondVisibleItem?.ref?.current?.getBoundingClientRect();
|
|
155
215
|
// const scrollOffset = secondVisibleItemProps.x-wrapperInnerProps.x;
|
|
156
|
-
|
|
216
|
+
var scrollOffset = 100;
|
|
157
217
|
scroll(scrollOffset);
|
|
158
218
|
};
|
|
159
219
|
|
|
160
|
-
|
|
220
|
+
var onWheel = function onWheel(e) {
|
|
161
221
|
e.preventDefault();
|
|
162
222
|
e.stopPropagation();
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
shiftKey
|
|
166
|
-
} = e;
|
|
223
|
+
var deltaY = e.deltaY,
|
|
224
|
+
shiftKey = e.shiftKey;
|
|
167
225
|
|
|
168
226
|
if (shiftKey) {
|
|
169
227
|
if (deltaY > 0) pushScrollTask("next");else pushScrollTask("prev");
|
|
170
228
|
}
|
|
171
229
|
};
|
|
172
230
|
|
|
173
|
-
|
|
231
|
+
var onTabChange = function onTabChange(item) {
|
|
174
232
|
onChange(item.tabId);
|
|
175
233
|
};
|
|
176
234
|
|
|
177
|
-
|
|
235
|
+
var navigateByKeys = function navigateByKeys(event) {
|
|
178
236
|
var _items, _items2;
|
|
179
237
|
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
238
|
+
var activeTabIndex = items === null || items === void 0 ? void 0 : items.indexOf(items === null || items === void 0 ? void 0 : items.find(function (tab) {
|
|
239
|
+
return tab.tabId === activeTab;
|
|
240
|
+
}));
|
|
241
|
+
var nextTabID = (_items = items[activeTabIndex + 1]) === null || _items === void 0 ? void 0 : _items.tabId;
|
|
242
|
+
var prevTabID = (_items2 = items[activeTabIndex - 1]) === null || _items2 === void 0 ? void 0 : _items2.tabId;
|
|
183
243
|
|
|
184
244
|
if (event.keyCode === _index.KEYBOARD_KEY_CODES.ARROW_RIGHT && !event.repeat && nextTabID) {
|
|
185
245
|
onChange(nextTabID);
|
|
@@ -188,13 +248,15 @@ const NavLine = _ref => {
|
|
|
188
248
|
}
|
|
189
249
|
};
|
|
190
250
|
|
|
191
|
-
(0, _react.useEffect)(()
|
|
251
|
+
(0, _react.useEffect)(function () {
|
|
192
252
|
if (isNavigateByKeys && !isTabLoading) {
|
|
193
253
|
document.addEventListener("keydown", navigateByKeys);
|
|
194
|
-
return ()
|
|
254
|
+
return function () {
|
|
255
|
+
return document.removeEventListener("keydown", navigateByKeys);
|
|
256
|
+
};
|
|
195
257
|
}
|
|
196
258
|
}, [activeTab, isTabLoading]);
|
|
197
|
-
(0, _react.useEffect)(()
|
|
259
|
+
(0, _react.useEffect)(function () {
|
|
198
260
|
var _wrapperRef$current;
|
|
199
261
|
|
|
200
262
|
if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.addEventListener("mousewheel", onWheel, {
|
|
@@ -202,19 +264,19 @@ const NavLine = _ref => {
|
|
|
202
264
|
});
|
|
203
265
|
}, [wrapperRef]); // Count Total NavLine Items Width
|
|
204
266
|
|
|
205
|
-
(0, _react.useEffect)(()
|
|
267
|
+
(0, _react.useEffect)(function () {
|
|
206
268
|
var _navLineItems$0$ref$c, _navLineItems$, _navLineItems$$ref, _navLineItems$$ref$cu;
|
|
207
269
|
|
|
208
|
-
setNavLineItemsTotalWidth(()
|
|
209
|
-
return navLineItems.reduce((totalWidth, item)
|
|
270
|
+
setNavLineItemsTotalWidth(function () {
|
|
271
|
+
return navLineItems.reduce(function (totalWidth, item) {
|
|
210
272
|
var _item$ref;
|
|
211
273
|
|
|
212
|
-
|
|
274
|
+
var element = item === null || item === void 0 ? void 0 : (_item$ref = item.ref) === null || _item$ref === void 0 ? void 0 : _item$ref.current;
|
|
213
275
|
|
|
214
276
|
if (element) {
|
|
215
|
-
var _element$
|
|
277
|
+
var _element$getBoundingC3;
|
|
216
278
|
|
|
217
|
-
totalWidth += element === null || element === void 0 ? void 0 : (_element$
|
|
279
|
+
totalWidth += element === null || element === void 0 ? void 0 : (_element$getBoundingC3 = element.getBoundingClientRect()) === null || _element$getBoundingC3 === void 0 ? void 0 : _element$getBoundingC3.width;
|
|
218
280
|
}
|
|
219
281
|
|
|
220
282
|
return totalWidth;
|
|
@@ -223,17 +285,17 @@ const NavLine = _ref => {
|
|
|
223
285
|
setNavLineFirstItemOffset((_navLineItems$0$ref$c = (_navLineItems$ = navLineItems[0]) === null || _navLineItems$ === void 0 ? void 0 : (_navLineItems$$ref = _navLineItems$.ref) === null || _navLineItems$$ref === void 0 ? void 0 : (_navLineItems$$ref$cu = _navLineItems$$ref.current) === null || _navLineItems$$ref$cu === void 0 ? void 0 : _navLineItems$$ref$cu.getBoundingClientRect().x) !== null && _navLineItems$0$ref$c !== void 0 ? _navLineItems$0$ref$c : 0);
|
|
224
286
|
}, [navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.length]); // Count Wrapper Width
|
|
225
287
|
|
|
226
|
-
(0, _react.useEffect)(()
|
|
288
|
+
(0, _react.useEffect)(function () {
|
|
227
289
|
var _wrapperRef$current$g, _wrapperRef$current2, _wrapperRef$current2$;
|
|
228
290
|
|
|
229
291
|
setWrapperRefWidth((_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : (_wrapperRef$current2$ = _wrapperRef$current2.getBoundingClientRect()) === null || _wrapperRef$current2$ === void 0 ? void 0 : _wrapperRef$current2$.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : 0);
|
|
230
292
|
}, [wrapperRef]); //Init NavLine Items
|
|
231
293
|
|
|
232
|
-
(0, _react.useEffect)(()
|
|
233
|
-
setNavLineItems(items.map(item
|
|
234
|
-
return {
|
|
294
|
+
(0, _react.useEffect)(function () {
|
|
295
|
+
setNavLineItems(items.map(function (item) {
|
|
296
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
235
297
|
ref: /*#__PURE__*/(0, _react.createRef)()
|
|
236
|
-
};
|
|
298
|
+
});
|
|
237
299
|
}));
|
|
238
300
|
}, [items]);
|
|
239
301
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -251,13 +313,13 @@ const NavLine = _ref => {
|
|
|
251
313
|
}, /*#__PURE__*/_react.default.createElement(Icons.ChevronLeft, null)), /*#__PURE__*/_react.default.createElement("div", {
|
|
252
314
|
className: "".concat(variant === "simple" ? "nav-line--simple__inner" : "nav-line__inner"),
|
|
253
315
|
ref: scrollMode ? wrapperInnerRef : null
|
|
254
|
-
}, navLineItems.map(item
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
} = item;
|
|
258
|
-
const Icon = Icons[item === null || item === void 0 ? void 0 : item.icon];
|
|
316
|
+
}, navLineItems.map(function (item) {
|
|
317
|
+
var ref = item.ref;
|
|
318
|
+
var Icon = Icons[item === null || item === void 0 ? void 0 : item.icon];
|
|
259
319
|
return isLocal ? /*#__PURE__*/_react.default.createElement("span", {
|
|
260
|
-
onClick: ()
|
|
320
|
+
onClick: function onClick() {
|
|
321
|
+
return onTabChange(item);
|
|
322
|
+
},
|
|
261
323
|
key: "tab__".concat(item.tabId),
|
|
262
324
|
className: (0, _classnames.default)({
|
|
263
325
|
"nav-line__item": !variant
|
|
@@ -17,14 +17,12 @@ require("./PageTitle.scss");
|
|
|
17
17
|
|
|
18
18
|
// TODO: change when there will be routes
|
|
19
19
|
// import { Link } from 'react-router-dom';
|
|
20
|
-
|
|
20
|
+
var RC = "page-title";
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
children
|
|
27
|
-
} = _ref;
|
|
22
|
+
var PageTitle = function PageTitle(_ref) {
|
|
23
|
+
var title = _ref.title,
|
|
24
|
+
pages = _ref.pages,
|
|
25
|
+
children = _ref.children;
|
|
28
26
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
29
27
|
className: RC
|
|
30
28
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -38,11 +36,9 @@ const PageTitle = _ref => {
|
|
|
38
36
|
"data-testid": "test-pageTitle-icon",
|
|
39
37
|
className: "".concat(RC, "__link"),
|
|
40
38
|
href: "/"
|
|
41
|
-
}, /*#__PURE__*/_react.default.createElement(_reactFeather.Home, null)), pages.map((_ref2, index)
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
path
|
|
45
|
-
} = _ref2;
|
|
39
|
+
}, /*#__PURE__*/_react.default.createElement(_reactFeather.Home, null)), pages.map(function (_ref2, index) {
|
|
40
|
+
var name = _ref2.name,
|
|
41
|
+
path = _ref2.path;
|
|
46
42
|
return pages.length - 1 === index ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
47
43
|
key: index
|
|
48
44
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -17,16 +17,17 @@ require("./PieChart.scss");
|
|
|
17
17
|
|
|
18
18
|
_chart.Chart.register(_chart.ArcElement, _chart.Tooltip);
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
20
|
+
var PieChart = function PieChart(_ref) {
|
|
21
|
+
var data = _ref.data,
|
|
22
|
+
_ref$cutout = _ref.cutout,
|
|
23
|
+
cutout = _ref$cutout === void 0 ? "80%" : _ref$cutout,
|
|
24
|
+
resultLabel = _ref.resultLabel,
|
|
25
|
+
_ref$resultValue = _ref.resultValue,
|
|
26
|
+
resultValue = _ref$resultValue === void 0 ? 0 : _ref$resultValue,
|
|
27
|
+
_ref$withLegend = _ref.withLegend,
|
|
28
|
+
withLegend = _ref$withLegend === void 0 ? false : _ref$withLegend;
|
|
29
|
+
var options = {
|
|
30
|
+
cutout: cutout,
|
|
30
31
|
plugins: {
|
|
31
32
|
legend: {
|
|
32
33
|
display: withLegend
|
|
@@ -11,13 +11,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
className
|
|
20
|
-
} = _ref;
|
|
14
|
+
var Price = function Price(_ref) {
|
|
15
|
+
var value = _ref.value,
|
|
16
|
+
currencyCode = _ref.currencyCode,
|
|
17
|
+
isSymbolAfter = _ref.isSymbolAfter,
|
|
18
|
+
className = _ref.className;
|
|
21
19
|
if (value === undefined || value === null) return null; // const formatted = Number(value?.toString().replace(/[+*?$^(,)]/g, '')).toLocaleString('en-US');
|
|
22
20
|
|
|
23
21
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -11,12 +11,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
mode
|
|
19
|
-
} = _ref;
|
|
14
|
+
var PriceRange = function PriceRange(_ref) {
|
|
15
|
+
var from = _ref.from,
|
|
16
|
+
to = _ref.to,
|
|
17
|
+
mode = _ref.mode;
|
|
20
18
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
21
19
|
"data-testid": "test-priceRange",
|
|
22
20
|
className: "j4"
|
|
@@ -13,47 +13,62 @@ var _utils = require("../../../Functions/utils");
|
|
|
13
13
|
|
|
14
14
|
require("./ProgressLine.scss");
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
16
|
+
var ProgressLine = function ProgressLine(_ref) {
|
|
17
|
+
var _ref$label = _ref.label,
|
|
18
|
+
label = _ref$label === void 0 ? "" : _ref$label,
|
|
19
|
+
_ref$labelAlign = _ref.labelAlign,
|
|
20
|
+
labelAlign = _ref$labelAlign === void 0 ? "left" : _ref$labelAlign,
|
|
21
|
+
_ref$renderValue = _ref.renderValue,
|
|
22
|
+
renderValue = _ref$renderValue === void 0 ? false : _ref$renderValue,
|
|
23
|
+
_ref$renderValueInPer = _ref.renderValueInPercents,
|
|
24
|
+
renderValueInPercents = _ref$renderValueInPer === void 0 ? false : _ref$renderValueInPer,
|
|
25
|
+
_ref$valueMeasurement = _ref.valueMeasurement,
|
|
26
|
+
valueMeasurement = _ref$valueMeasurement === void 0 ? "" : _ref$valueMeasurement,
|
|
27
|
+
_ref$valueHorizontalP = _ref.valueHorizontalPosition,
|
|
28
|
+
valueHorizontalPosition = _ref$valueHorizontalP === void 0 ? "right" : _ref$valueHorizontalP,
|
|
29
|
+
_ref$valueVerticalPos = _ref.valueVerticalPosition,
|
|
30
|
+
valueVerticalPosition = _ref$valueVerticalPos === void 0 ? "center" : _ref$valueVerticalPos,
|
|
31
|
+
_ref$symbolsAfterComm = _ref.symbolsAfterComma,
|
|
32
|
+
symbolsAfterComma = _ref$symbolsAfterComm === void 0 ? 0 : _ref$symbolsAfterComm,
|
|
33
|
+
_ref$minValue = _ref.minValue,
|
|
34
|
+
minValue = _ref$minValue === void 0 ? 0 : _ref$minValue,
|
|
35
|
+
_ref$maxValue = _ref.maxValue,
|
|
36
|
+
maxValue = _ref$maxValue === void 0 ? 100 : _ref$maxValue,
|
|
37
|
+
_ref$value = _ref.value,
|
|
38
|
+
value = _ref$value === void 0 ? 0 : _ref$value,
|
|
39
|
+
_ref$showExtremums = _ref.showExtremums,
|
|
40
|
+
showExtremums = _ref$showExtremums === void 0 ? false : _ref$showExtremums,
|
|
41
|
+
_ref$extremumsPositio = _ref.extremumsPosition,
|
|
42
|
+
extremumsPosition = _ref$extremumsPositio === void 0 ? "top" : _ref$extremumsPositio,
|
|
43
|
+
_ref$variant = _ref.variant,
|
|
44
|
+
variant = _ref$variant === void 0 ? "info" : _ref$variant,
|
|
45
|
+
_ref$useVariantLabelC = _ref.useVariantLabelColor,
|
|
46
|
+
useVariantLabelColor = _ref$useVariantLabelC === void 0 ? true : _ref$useVariantLabelC,
|
|
47
|
+
_ref$isShowLine = _ref.isShowLine,
|
|
48
|
+
isShowLine = _ref$isShowLine === void 0 ? true : _ref$isShowLine,
|
|
49
|
+
_ref$className = _ref.className,
|
|
50
|
+
className = _ref$className === void 0 ? "" : _ref$className;
|
|
36
51
|
|
|
37
|
-
|
|
52
|
+
var getFilledLineWidth = function getFilledLineWidth() {
|
|
38
53
|
if (value > maxValue) value = maxValue;
|
|
39
54
|
return "".concat(((value - minValue) * 100 / (maxValue - minValue)).toFixed(symbolsAfterComma), "%");
|
|
40
55
|
};
|
|
41
56
|
|
|
42
|
-
|
|
57
|
+
var renderLabel = function renderLabel() {
|
|
43
58
|
if (!label) return null;
|
|
44
59
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
45
60
|
className: "progress-line__wrapper__label align-".concat(labelAlign)
|
|
46
61
|
}, label);
|
|
47
62
|
};
|
|
48
63
|
|
|
49
|
-
|
|
64
|
+
var renderProgressValue = function renderProgressValue() {
|
|
50
65
|
if (!renderValue) return null;
|
|
51
66
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
52
67
|
className: "progress-line__wrapper__value"
|
|
53
68
|
}, renderValueInPercents ? getFilledLineWidth() : "".concat((0, _utils.addBitDepthPoints)(String(value)), " ").concat(valueMeasurement));
|
|
54
69
|
};
|
|
55
70
|
|
|
56
|
-
|
|
71
|
+
var renderExtremums = function renderExtremums() {
|
|
57
72
|
if (!showExtremums) return null;
|
|
58
73
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
59
74
|
className: "progress-line__wrapper__extremums position-".concat(extremumsPosition)
|
|
@@ -64,7 +79,7 @@ const ProgressLine = _ref => {
|
|
|
64
79
|
}, renderValueInPercents ? "100 %" : "".concat(maxValue, " ").concat(valueMeasurement)));
|
|
65
80
|
};
|
|
66
81
|
|
|
67
|
-
|
|
82
|
+
var renderFilledLine = function renderFilledLine() {
|
|
68
83
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
69
84
|
className: "progress-line__wrapper__line--filled",
|
|
70
85
|
style: {
|
|
@@ -73,13 +88,13 @@ const ProgressLine = _ref => {
|
|
|
73
88
|
});
|
|
74
89
|
};
|
|
75
90
|
|
|
76
|
-
|
|
91
|
+
var renderLine = function renderLine() {
|
|
77
92
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
78
93
|
className: "progress-line__wrapper__line"
|
|
79
94
|
}, renderExtremums(), renderFilledLine());
|
|
80
95
|
};
|
|
81
96
|
|
|
82
|
-
|
|
97
|
+
var render = function render() {
|
|
83
98
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
84
99
|
className: "progress-line"
|
|
85
100
|
}, renderLabel(), /*#__PURE__*/_react.default.createElement("div", {
|