intelicoreact 1.3.37 → 1.3.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +1 -9
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -10
- package/dist/Atomic/FormElements/Calendar/Calendar.js +4 -24
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +1 -10
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +2 -14
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +5 -54
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +3 -21
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +54 -145
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -7
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +9 -47
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +3 -15
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +15 -29
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +5 -15
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +6 -26
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +19 -35
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +9 -38
- package/dist/Atomic/FormElements/Input/Input.js +24 -57
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +4 -31
- package/dist/Atomic/FormElements/InputColor/InputColor.js +4 -14
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +6 -27
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +7 -42
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +3 -21
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +58 -81
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +6 -41
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +1 -8
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +14 -44
- package/dist/Atomic/FormElements/InputLink/InputLink.js +6 -23
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +0 -4
- package/dist/Atomic/FormElements/InputMask/InputMask.js +77 -208
- package/dist/Atomic/FormElements/InputMask/functions.js +2 -28
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +43 -119
- package/dist/Atomic/FormElements/InputMask2/functions.js +2 -28
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +44 -137
- package/dist/Atomic/FormElements/InputMask3/functions.js +2 -28
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +3 -17
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +5 -24
- package/dist/Atomic/FormElements/Label/Label.js +1 -9
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +35 -73
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +3 -15
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +23 -44
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +7 -17
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +3 -14
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +1 -10
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +3 -14
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +3 -23
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +17 -34
- package/dist/Atomic/FormElements/RangeList/RangeList.js +6 -25
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +1 -11
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +14 -72
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +40 -124
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +1 -10
- package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -10
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +1 -13
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +1 -10
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +2 -17
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +3 -17
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +1 -11
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +6 -29
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +2 -3
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +1 -12
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +53 -145
- package/dist/Atomic/FormElements/Text/Text.js +10 -16
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +1 -9
- package/dist/Atomic/FormElements/Textarea/Textarea.js +8 -12
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +6 -35
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +4 -13
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +7 -21
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +8 -35
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +5 -18
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +3 -10
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +3 -11
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -2
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +5 -12
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
- package/dist/Atomic/Layout/Header/Header.js +3 -15
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +3 -20
- package/dist/Atomic/Layout/Spinner/Spinner.js +1 -8
- package/dist/Atomic/UI/Accordion/Accordion.js +3 -19
- package/dist/Atomic/UI/Accordion/AccordionItem.js +9 -23
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +7 -32
- package/dist/Atomic/UI/AccordionText/AccordionText.js +3 -15
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +4 -21
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +3 -15
- package/dist/Atomic/UI/Alert/Alert.js +3 -16
- package/dist/Atomic/UI/Arrow/Arrow.js +3 -16
- package/dist/Atomic/UI/Box/Box.js +3 -9
- package/dist/Atomic/UI/Button/Button.js +2 -11
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +1 -10
- package/dist/Atomic/UI/Chart/Chart.js +4 -29
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +11 -19
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +1 -12
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +11 -34
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +82 -56
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +15 -19
- package/dist/Atomic/UI/Chart/partial/utils.js +6 -20
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +3 -13
- package/dist/Atomic/UI/DateTime/DateTime.js +3 -14
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +4 -16
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +3 -11
- package/dist/Atomic/UI/DoubleString/DoubleString.js +5 -17
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +3 -10
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +17 -52
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +1 -29
- package/dist/Atomic/UI/Hint/Hint.js +5 -30
- package/dist/Atomic/UI/Modal/Modal.js +6 -29
- package/dist/Atomic/UI/Modal/ModalHOC.js +4 -9
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +1 -7
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +1 -8
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +32 -49
- package/dist/Atomic/UI/ModalBackup/Modal.js +65 -90
- package/dist/Atomic/UI/ModalBackup/ModalHOC.js +12 -21
- package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +6 -11
- package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +15 -19
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +6 -21
- package/dist/Atomic/UI/NavLine/NavLine.js +26 -55
- package/dist/Atomic/UI/NavLine/Tabs.js +2 -3
- package/dist/Atomic/UI/PageTitle/PageTitle.js +2 -10
- package/dist/Atomic/UI/PieChart/PieChart.js +1 -10
- package/dist/Atomic/UI/Price/Price.js +3 -8
- package/dist/Atomic/UI/PriceRange/PriceRange.js +1 -7
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +1 -16
- package/dist/Atomic/UI/Status/Status.js +1 -8
- package/dist/Atomic/UI/Table/Partials/TdCell.js +5 -29
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +1 -11
- package/dist/Atomic/UI/Table/Partials/TdRow.js +5 -17
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +3 -14
- package/dist/Atomic/UI/Table/Table.js +1 -12
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +2 -18
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +1 -9
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +1 -4
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +1 -13
- package/dist/Atomic/UI/Tag/Tag.js +3 -14
- package/dist/Atomic/UI/TagList/TagList.js +19 -35
- package/dist/Atomic/UI/UserBox/UserBox.js +1 -13
- package/dist/Classes/AbortableFetch.js +36 -93
- package/dist/Classes/AnimatedHandler.js +3 -7
- package/dist/Classes/RESTAPI/index.js +39 -43
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +35 -93
- package/dist/Classes/RESTAPI/partials/ApiBase.js +1 -9
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +7 -19
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +28 -35
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +21 -44
- package/dist/Classes/RESTAPI/partials/Utils.js +6 -19
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +2 -6
- package/dist/Classes/RESTAPI/partials/_utils.js +13 -36
- package/dist/Constants/index.constants.js +8 -15
- package/dist/Functions/Portal.js +5 -16
- package/dist/Functions/customEventListener.js +4 -17
- package/dist/Functions/fieldValueFormatters.js +43 -83
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +23 -26
- package/dist/Functions/locale/createTranslator.js +4 -9
- package/dist/Functions/operations.js +12 -22
- package/dist/Functions/presets/inputMaskPresets.js +9 -11
- package/dist/Functions/presets/inputPresets.js +8 -11
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +7 -9
- package/dist/Functions/schemas.js +6 -13
- package/dist/Functions/useBodyScrollLock.js +1 -6
- package/dist/Functions/useClickOutside.js +0 -4
- package/dist/Functions/useDebounce.js +2 -7
- package/dist/Functions/useFieldFocus.js +6 -18
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +0 -9
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +12 -23
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +6 -15
- package/dist/Functions/useFormTools/functions/General.js +18 -28
- package/dist/Functions/useFormTools/functions/RenderFields.js +2 -11
- package/dist/Functions/useFormTools/functions/usePrevious.js +1 -5
- package/dist/Functions/useFormTools/index.js +85 -144
- package/dist/Functions/useInputHighlightError.js +3 -12
- package/dist/Functions/useIsMobile.js +7 -12
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +1 -7
- package/dist/Functions/useKeyPress/useKeyPress.js +1 -9
- package/dist/Functions/useLocalStorage.js +1 -9
- package/dist/Functions/useLocationParams.js +4 -5
- package/dist/Functions/useMetaInfo.js +3 -10
- package/dist/Functions/useMouseUpOutside.js +0 -3
- package/dist/Functions/useOnlineStatus.js +1 -9
- package/dist/Functions/usePasswordChecker.js +4 -20
- package/dist/Functions/usePrevious.js +1 -5
- package/dist/Functions/useResize.js +2 -10
- package/dist/Functions/useScrollTo.js +2 -7
- package/dist/Functions/useToggle.js +1 -5
- package/dist/Functions/utils.js +49 -127
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +2 -9
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +2 -9
- package/dist/Molecular/CustomIcons/components/AppStore.js +2 -9
- package/dist/Molecular/CustomIcons/components/Arrow.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +2 -9
- package/dist/Molecular/CustomIcons/components/Bell.js +2 -9
- package/dist/Molecular/CustomIcons/components/Button.js +2 -9
- package/dist/Molecular/CustomIcons/components/Campaigns.js +2 -9
- package/dist/Molecular/CustomIcons/components/Check.js +2 -9
- package/dist/Molecular/CustomIcons/components/Check2.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +2 -9
- package/dist/Molecular/CustomIcons/components/Close.js +2 -9
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +2 -9
- package/dist/Molecular/CustomIcons/components/Delete.js +2 -9
- package/dist/Molecular/CustomIcons/components/Edit.js +2 -9
- package/dist/Molecular/CustomIcons/components/Email.js +2 -9
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +2 -9
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +2 -9
- package/dist/Molecular/CustomIcons/components/Flows.js +2 -9
- package/dist/Molecular/CustomIcons/components/Gift.js +2 -9
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +2 -9
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +2 -9
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +2 -9
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +2 -9
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +2 -9
- package/dist/Molecular/CustomIcons/components/Home.js +2 -9
- package/dist/Molecular/CustomIcons/components/Home2.js +2 -9
- package/dist/Molecular/CustomIcons/components/Key.js +2 -9
- package/dist/Molecular/CustomIcons/components/Landers.js +2 -9
- package/dist/Molecular/CustomIcons/components/Lock.js +2 -9
- package/dist/Molecular/CustomIcons/components/Mail.js +2 -9
- package/dist/Molecular/CustomIcons/components/Mastercard.js +2 -9
- package/dist/Molecular/CustomIcons/components/Minus.js +2 -9
- package/dist/Molecular/CustomIcons/components/Offers.js +2 -9
- package/dist/Molecular/CustomIcons/components/Pause.js +2 -9
- package/dist/Molecular/CustomIcons/components/PayPal.js +2 -9
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +2 -9
- package/dist/Molecular/CustomIcons/components/Phone.js +2 -9
- package/dist/Molecular/CustomIcons/components/Play.js +2 -9
- package/dist/Molecular/CustomIcons/components/Plus.js +2 -9
- package/dist/Molecular/CustomIcons/components/Profile.js +2 -9
- package/dist/Molecular/CustomIcons/components/QRCode.js +2 -9
- package/dist/Molecular/CustomIcons/components/Rectangle.js +2 -9
- package/dist/Molecular/CustomIcons/components/Revert.js +2 -9
- package/dist/Molecular/CustomIcons/components/Star.js +2 -9
- package/dist/Molecular/CustomIcons/components/Star2.js +2 -9
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +2 -9
- package/dist/Molecular/CustomIcons/components/Trash.js +2 -9
- package/dist/Molecular/CustomIcons/components/TrashRed.js +2 -9
- package/dist/Molecular/CustomIcons/components/Triggers.js +2 -9
- package/dist/Molecular/CustomIcons/components/User.js +2 -9
- package/dist/Molecular/CustomIcons/components/Visa.js +2 -9
- package/dist/Molecular/CustomIcons/components/X.js +2 -9
- package/dist/Molecular/CustomIcons/index.js +0 -122
- package/dist/Molecular/FormElement/FormElement.js +1 -12
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +30 -31
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +9 -12
- package/dist/Molecular/InputAddress/InputAddress.js +65 -114
- package/dist/Molecular/InputPassword/InputPassword.js +5 -19
- package/dist/index.js +0 -2
- package/package.json +1 -1
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +0 -91
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
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; }
|
|
13
|
-
|
|
8
|
+
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); }
|
|
9
|
+
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
10
|
const DynamicIcon = _ref => {
|
|
15
11
|
let {
|
|
16
12
|
iconKey,
|
|
@@ -24,11 +20,8 @@ const DynamicIcon = _ref => {
|
|
|
24
20
|
const iconComponent = FeatherIcons[iconKey];
|
|
25
21
|
setIcon(iconComponent);
|
|
26
22
|
};
|
|
27
|
-
|
|
28
23
|
fetchData();
|
|
29
24
|
}, []);
|
|
30
25
|
return Icon ? /*#__PURE__*/_react.default.createElement(Icon, props) : null;
|
|
31
26
|
};
|
|
32
|
-
|
|
33
|
-
var _default = DynamicIcon;
|
|
34
|
-
exports.default = _default;
|
|
27
|
+
var _default = exports.default = DynamicIcon;
|
|
@@ -1,36 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _uuid = require("uuid");
|
|
17
|
-
|
|
18
12
|
var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
|
|
19
|
-
|
|
20
13
|
var _utils = require("../../../Functions/utils");
|
|
21
|
-
|
|
22
14
|
var _InputDateRange = _interopRequireDefault(require("../../FormElements/InputDateRange/InputDateRange"));
|
|
23
|
-
|
|
24
15
|
var _Chart = _interopRequireDefault(require("../Chart/Chart"));
|
|
25
|
-
|
|
26
16
|
var _utils2 = require("./partial/utils");
|
|
27
|
-
|
|
28
17
|
require("./partial/AnyOuterClass.scss");
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
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; }
|
|
33
|
-
|
|
18
|
+
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); }
|
|
19
|
+
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; }
|
|
34
20
|
const ExampleChartIntegration = props => {
|
|
35
21
|
const {
|
|
36
22
|
inputDateRangeProps,
|
|
@@ -52,12 +38,9 @@ const ExampleChartIntegration = props => {
|
|
|
52
38
|
const [tab3, setTab3] = (0, _react.useState)(null);
|
|
53
39
|
const [tab4, setTab4] = (0, _react.useState)(null);
|
|
54
40
|
const [dataForRender, setDataForRender] = (0, _react.useState)(null);
|
|
55
|
-
|
|
56
41
|
const getMockData = () => {
|
|
57
42
|
const labels = (0, _utils2.getLabels)(dateRange);
|
|
58
|
-
|
|
59
43
|
const mock = () => labels.map(label => (0, _utils2.getMockValue)());
|
|
60
|
-
|
|
61
44
|
return {
|
|
62
45
|
labels,
|
|
63
46
|
datasets: [{
|
|
@@ -65,91 +48,71 @@ const ExampleChartIntegration = props => {
|
|
|
65
48
|
}]
|
|
66
49
|
};
|
|
67
50
|
};
|
|
68
|
-
|
|
69
51
|
const getTabData = tabId => {
|
|
70
52
|
switch (tabId) {
|
|
71
53
|
case "tab1":
|
|
72
54
|
return !tab1 ? null : (0, _utils.clone)(tab1);
|
|
73
|
-
|
|
74
55
|
case "tab2":
|
|
75
56
|
return !tab2 ? null : (0, _utils.clone)(tab2);
|
|
76
|
-
|
|
77
57
|
case "tab3":
|
|
78
58
|
return !tab3 ? null : (0, _utils.clone)(tab3);
|
|
79
|
-
|
|
80
59
|
case "tab4":
|
|
81
60
|
return !tab4 ? null : (0, _utils.clone)(tab4);
|
|
82
|
-
|
|
83
61
|
default:
|
|
84
62
|
return null;
|
|
85
63
|
}
|
|
86
64
|
};
|
|
87
|
-
|
|
88
65
|
const getDescription = tabId => {
|
|
89
66
|
switch (tabId) {
|
|
90
67
|
case "tab1":
|
|
91
68
|
return "Tab 1";
|
|
92
|
-
|
|
93
69
|
case "tab2":
|
|
94
70
|
return "Tab 2";
|
|
95
|
-
|
|
96
71
|
case "tab3":
|
|
97
72
|
return "Tab 3";
|
|
98
|
-
|
|
99
73
|
case "tab4":
|
|
100
74
|
return "Tab 4";
|
|
101
|
-
|
|
102
75
|
default:
|
|
103
76
|
return null;
|
|
104
77
|
}
|
|
105
78
|
};
|
|
106
|
-
|
|
107
79
|
const selectData = () => getTabData(tab) ? getTabData(tab) : getMockData();
|
|
108
|
-
|
|
109
80
|
const modelsForSwitch = (0, _react.useMemo)(() => getTabData(tab) ? ["finturfChartBar", "finturfChartLine"] : ["finturfLoadingModeBar", "finturfLoadingModeLine"], [Boolean(getTabData(tab))]);
|
|
110
|
-
|
|
111
81
|
const handleChangeChartType = model => {
|
|
112
82
|
setChartType(model.includes("Line") ? "Line" : "Bar");
|
|
113
83
|
setInitialModel(model);
|
|
114
84
|
};
|
|
115
|
-
|
|
116
85
|
const getModel = () => {
|
|
117
86
|
if (!getTabData(tab)) return chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine";else return chartType === "Bar" ? "finturfChartBar" : "finturfChartLine";
|
|
118
87
|
};
|
|
119
|
-
|
|
120
88
|
const processResponse = (res, tabId) => {
|
|
121
89
|
switch (tabId) {
|
|
122
90
|
case "tab1":
|
|
123
91
|
setTab1(res);
|
|
124
92
|
break;
|
|
125
|
-
|
|
126
93
|
case "tab2":
|
|
127
94
|
setTab2(res);
|
|
128
95
|
break;
|
|
129
|
-
|
|
130
96
|
case "tab3":
|
|
131
97
|
setTab3(res);
|
|
132
98
|
break;
|
|
133
|
-
|
|
134
99
|
case "tab4":
|
|
135
100
|
setTab4(res);
|
|
136
101
|
break;
|
|
137
|
-
|
|
138
102
|
default:
|
|
139
103
|
break;
|
|
140
104
|
}
|
|
141
|
-
|
|
142
105
|
return res;
|
|
143
106
|
};
|
|
144
|
-
|
|
145
107
|
(0, _react.useLayoutEffect)(() => {
|
|
146
108
|
setTab1(null);
|
|
147
109
|
setTab2(null);
|
|
148
110
|
setTab3(null);
|
|
149
|
-
setTab4(null);
|
|
111
|
+
setTab4(null);
|
|
112
|
+
|
|
113
|
+
// эмуляция запросов
|
|
150
114
|
// вся логика происходит в самих входящих промисах
|
|
151
115
|
// Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов
|
|
152
|
-
|
|
153
116
|
Promise.all([(0, _utils2.getTab)("tab1", dateRange, processResponse), (0, _utils2.getTab)("tab2", dateRange, processResponse), (0, _utils2.getTab)("tab3", dateRange, processResponse), (0, _utils2.getTab)("tab4", dateRange, processResponse)]);
|
|
154
117
|
}, [dateRange]);
|
|
155
118
|
(0, _react.useLayoutEffect)(() => {
|
|
@@ -196,13 +159,17 @@ const ExampleChartIntegration = props => {
|
|
|
196
159
|
id: tab
|
|
197
160
|
},
|
|
198
161
|
modifyOptions: options => {
|
|
199
|
-
var _options$options, _options$options2, _options$
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
options: {
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
162
|
+
var _options$options, _options$options2, _options$options3;
|
|
163
|
+
return {
|
|
164
|
+
...options,
|
|
165
|
+
options: {
|
|
166
|
+
...(options === null || options === void 0 ? void 0 : options.options),
|
|
167
|
+
plugins: {
|
|
168
|
+
...(options === null || options === void 0 || (_options$options = options.options) === null || _options$options === void 0 ? void 0 : _options$options.plugins),
|
|
169
|
+
tooltip: {
|
|
170
|
+
...(options === null || options === void 0 || (_options$options2 = options.options) === null || _options$options2 === void 0 || (_options$options2 = _options$options2.plugins) === null || _options$options2 === void 0 ? void 0 : _options$options2.tooltip),
|
|
171
|
+
callbacks: {
|
|
172
|
+
...(options === null || options === void 0 || (_options$options3 = options.options) === null || _options$options3 === void 0 || (_options$options3 = _options$options3.plugins) === null || _options$options3 === void 0 || (_options$options3 = _options$options3.tooltip) === null || _options$options3 === void 0 ? void 0 : _options$options3.callbacks),
|
|
206
173
|
label: context => {
|
|
207
174
|
return context.dataset.id === "tab3" || context.dataset.id === "tab4" ? (0, _fieldValueFormatters.formatToPriceWithUSD)(context.raw || "0") : context.raw || "0";
|
|
208
175
|
}
|
|
@@ -214,6 +181,4 @@ const ExampleChartIntegration = props => {
|
|
|
214
181
|
}
|
|
215
182
|
})));
|
|
216
183
|
};
|
|
217
|
-
|
|
218
|
-
var _default = ExampleChartIntegration;
|
|
219
|
-
exports.default = _default;
|
|
184
|
+
var _default = exports.default = ExampleChartIntegration;
|
|
@@ -1,63 +1,47 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.getTab = exports.getSafelyDateRange = exports.getMockValue = exports.getLabels = void 0;
|
|
9
|
-
|
|
10
8
|
var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
|
11
|
-
|
|
12
9
|
var _dependencies = require("../../../FormElements/InputDateRange/dependencies");
|
|
13
|
-
|
|
14
10
|
const getSafelyDateRange = dateRange => (!(dateRange !== null && dateRange !== void 0 && dateRange.start) || !(dateRange !== null && dateRange !== void 0 && dateRange.end)) && (!(dateRange !== null && dateRange !== void 0 && dateRange.intervalKey) || (dateRange === null || dateRange === void 0 ? void 0 : dateRange.intervalKey) === "allTime") ? (0, _dependencies.getActualDateRange)({
|
|
15
11
|
start: "2022-01-01T00:00:00",
|
|
16
12
|
end: (0, _momentTimezone.default)().endOf("day").format("YYYY-MM-DDTHH:mm:ss")
|
|
17
13
|
}) : (0, _dependencies.getActualDateRange)(dateRange);
|
|
18
|
-
|
|
19
14
|
exports.getSafelyDateRange = getSafelyDateRange;
|
|
20
|
-
|
|
21
15
|
const getLabels = range => {
|
|
22
16
|
const MINIMUM_INTERVAL = "hour";
|
|
23
17
|
const NO_MORE_THAN_THREE_HOURS = 3; // this is hours
|
|
24
|
-
|
|
25
18
|
const NO_MORE_THAN_TWO_DAYS = 48; // this is hours
|
|
26
|
-
|
|
27
19
|
const NO_MORE_THAN_TWO_MONTHS = 2; // this is months
|
|
28
|
-
|
|
29
20
|
const NO_MORE_THAN_THREE_YEARS = 24; // this is months
|
|
30
|
-
// safely Range must have 'start' and 'end' properties
|
|
31
21
|
|
|
22
|
+
// safely Range must have 'start' and 'end' properties
|
|
32
23
|
const safelyRange = (0, _dependencies.getActualDateRange)(range);
|
|
33
24
|
const start = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start).startOf(MINIMUM_INTERVAL);
|
|
34
25
|
const end = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).startOf(MINIMUM_INTERVAL);
|
|
35
|
-
|
|
36
26
|
const getValues = intervalStepKey => {
|
|
37
27
|
let format;
|
|
38
|
-
|
|
39
28
|
switch (intervalStepKey) {
|
|
40
29
|
case "minutes":
|
|
41
30
|
format = "MM.DD hh:mm";
|
|
42
31
|
break;
|
|
43
|
-
|
|
44
32
|
case "hours":
|
|
45
33
|
format = "MM.DD.YYYY h A";
|
|
46
34
|
break;
|
|
47
|
-
|
|
48
35
|
case "days":
|
|
49
36
|
format = "MM.DD.YYYY";
|
|
50
37
|
break;
|
|
51
|
-
|
|
52
38
|
case "months":
|
|
53
39
|
format = "MM.YYYY";
|
|
54
40
|
break;
|
|
55
|
-
|
|
56
41
|
default:
|
|
57
42
|
format = "YYYY";
|
|
58
43
|
break;
|
|
59
44
|
}
|
|
60
|
-
|
|
61
45
|
const structure = [...Array(end.diff(start, intervalStepKey)).keys()];
|
|
62
46
|
const process = structure.reduce((acc, iteration) => {
|
|
63
47
|
acc.values.push(acc.point.format(format));
|
|
@@ -69,41 +53,30 @@ const getLabels = range => {
|
|
|
69
53
|
});
|
|
70
54
|
return process.values;
|
|
71
55
|
};
|
|
72
|
-
|
|
73
56
|
if (end.diff(start, "hours") <= NO_MORE_THAN_THREE_HOURS) return getValues("minutes");else if (end.diff(start, "hours") <= NO_MORE_THAN_TWO_DAYS) return getValues("hours");else if (end.diff(start, "months") <= NO_MORE_THAN_TWO_MONTHS) return getValues("days");else if (end.diff(start, "months") <= NO_MORE_THAN_THREE_YEARS) return getValues("months");else return getValues("years");
|
|
74
57
|
};
|
|
75
|
-
|
|
76
58
|
exports.getLabels = getLabels;
|
|
77
|
-
|
|
78
59
|
const getMockValue = () => Math.trunc(Math.random() * 1000000);
|
|
79
|
-
|
|
80
60
|
exports.getMockValue = getMockValue;
|
|
81
|
-
|
|
82
61
|
const getTab = async (tabId, range, callback) => {
|
|
83
62
|
let requestDelay;
|
|
84
|
-
|
|
85
63
|
switch (tabId) {
|
|
86
64
|
case "tab1":
|
|
87
65
|
requestDelay = 2000;
|
|
88
66
|
break;
|
|
89
|
-
|
|
90
67
|
case "tab2":
|
|
91
68
|
requestDelay = 1500;
|
|
92
69
|
break;
|
|
93
|
-
|
|
94
70
|
case "tab3":
|
|
95
71
|
requestDelay = 3000;
|
|
96
72
|
break;
|
|
97
|
-
|
|
98
73
|
case "tab4":
|
|
99
74
|
requestDelay = 500;
|
|
100
75
|
break;
|
|
101
|
-
|
|
102
76
|
default:
|
|
103
77
|
requestDelay = 1000;
|
|
104
78
|
break;
|
|
105
79
|
}
|
|
106
|
-
|
|
107
80
|
return new Promise(res => setTimeout(() => {
|
|
108
81
|
const labels = getLabels(range);
|
|
109
82
|
res({
|
|
@@ -114,5 +87,4 @@ const getTab = async (tabId, range, callback) => {
|
|
|
114
87
|
});
|
|
115
88
|
}, requestDelay)).then(res => callback ? callback(res, tabId) : res);
|
|
116
89
|
};
|
|
117
|
-
|
|
118
90
|
exports.getTab = getTab;
|
|
@@ -1,33 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _reactDom = require("react-dom");
|
|
15
|
-
|
|
16
11
|
var _reactFeather = require("react-feather");
|
|
17
|
-
|
|
18
12
|
var _CustomIcons = require("./../../../Molecular/CustomIcons");
|
|
19
|
-
|
|
20
13
|
require("./Hint.scss");
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
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
|
-
|
|
14
|
+
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); }
|
|
15
|
+
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; }
|
|
26
16
|
const time = (Date.now() * Math.random() / 1000).toString().replace(/\./g, "_");
|
|
27
|
-
|
|
28
17
|
const Hint = _ref => {
|
|
29
18
|
var _ref2;
|
|
30
|
-
|
|
31
19
|
let {
|
|
32
20
|
hint,
|
|
33
21
|
side = "right",
|
|
@@ -46,42 +34,33 @@ const Hint = _ref => {
|
|
|
46
34
|
const [isOpen, setIsOpen] = (0, _react.useState)(false);
|
|
47
35
|
const hintRef = (0, _react.useRef)(null);
|
|
48
36
|
const isCallbackExist = typeof onClickCallback === "function";
|
|
49
|
-
|
|
50
37
|
const handleClickOutside = event => {
|
|
51
38
|
if (!getHintContainer().contains(event === null || event === void 0 ? void 0 : event.target)) {
|
|
52
39
|
setIsOpen(false);
|
|
53
40
|
}
|
|
54
41
|
};
|
|
55
|
-
|
|
56
42
|
const getParentNode = () => {
|
|
57
43
|
var _ref3, _document$querySelect;
|
|
58
|
-
|
|
59
44
|
return (_ref3 = (_document$querySelect = document.querySelector("div#root")) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("div#app")) !== null && _ref3 !== void 0 ? _ref3 : document.body;
|
|
60
45
|
};
|
|
61
|
-
|
|
62
46
|
const initHintContainer = () => {
|
|
63
47
|
var _getParentNode;
|
|
64
|
-
|
|
65
48
|
const hint = document.createElement("div");
|
|
66
49
|
hint.setAttribute("id", hintId);
|
|
67
50
|
hint.classList.add("hint__container");
|
|
68
|
-
(_getParentNode = getParentNode()) === null || _getParentNode === void 0
|
|
51
|
+
(_getParentNode = getParentNode()) === null || _getParentNode === void 0 || _getParentNode.append(hint);
|
|
69
52
|
};
|
|
70
|
-
|
|
71
53
|
const getHintContainer = () => {
|
|
72
54
|
return document.getElementById(hintId);
|
|
73
55
|
};
|
|
74
|
-
|
|
75
56
|
const getHintMarkUp = () => {
|
|
76
57
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
77
58
|
"data-testid": "test-hint-text",
|
|
78
59
|
className: (0, _classnames.default)("hint__text", "hint__text_".concat(side))
|
|
79
60
|
}, hint, children);
|
|
80
61
|
};
|
|
81
|
-
|
|
82
62
|
const setHintContainerStyles = () => {
|
|
83
63
|
var _sw$getBoundingClient;
|
|
84
|
-
|
|
85
64
|
const hc = getHintContainer();
|
|
86
65
|
if (!hc || !isOpen) return false;
|
|
87
66
|
const {
|
|
@@ -90,19 +69,17 @@ const Hint = _ref => {
|
|
|
90
69
|
top
|
|
91
70
|
} = (hintRef === null || hintRef === void 0 ? void 0 : hintRef.current.getBoundingClientRect()) || {};
|
|
92
71
|
const sw = hc.getElementsByClassName("hint__text")[0];
|
|
93
|
-
const swHeight = sw === null || sw === void 0
|
|
72
|
+
const swHeight = sw === null || sw === void 0 || (_sw$getBoundingClient = sw.getBoundingClientRect()) === null || _sw$getBoundingClient === void 0 ? void 0 : _sw$getBoundingClient.height;
|
|
94
73
|
hc.style.width = isOpen ? width === null || width === void 0 ? void 0 : width.toString().concat("px") : 0;
|
|
95
74
|
hc.style.left = isOpen ? left === null || left === void 0 ? void 0 : left.toString().concat("px") : 0;
|
|
96
75
|
hc.style.top = isOpen ? top === null || top === void 0 ? void 0 : top.toString().concat("px") : 0;
|
|
97
76
|
hc.style.maxHeight = isOpen ? swHeight === null || swHeight === void 0 ? void 0 : swHeight.toString().concat("px") : 0;
|
|
98
77
|
};
|
|
99
|
-
|
|
100
78
|
const renderHintContainer = () => {
|
|
101
79
|
const hc = getHintContainer();
|
|
102
80
|
if (!hc) return null;
|
|
103
81
|
return /*#__PURE__*/(0, _reactDom.createPortal)(getHintMarkUp(), hc);
|
|
104
82
|
};
|
|
105
|
-
|
|
106
83
|
(0, _react.useEffect)(() => {
|
|
107
84
|
initHintContainer();
|
|
108
85
|
}, []);
|
|
@@ -143,6 +120,4 @@ const Hint = _ref => {
|
|
|
143
120
|
})
|
|
144
121
|
}, label[0].toUpperCase() + label.slice(1))), isOpen && renderHintContainer());
|
|
145
122
|
};
|
|
146
|
-
|
|
147
|
-
var _default = Hint;
|
|
148
|
-
exports.default = _default;
|
|
123
|
+
var _default = exports.default = Hint;
|
|
@@ -1,44 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.renderModalTitle = exports.default = exports.KEY_CODE = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
17
|
-
|
|
18
12
|
var _useBodyScrollLock = _interopRequireDefault(require("./../../../Functions/useBodyScrollLock"));
|
|
19
|
-
|
|
20
13
|
var _useHandleKeyPress = _interopRequireDefault(require("./../../../Functions/useKeyPress/useHandleKeyPress"));
|
|
21
|
-
|
|
22
14
|
var _ModalFooter = _interopRequireDefault(require("./partials/ModalFooter"));
|
|
23
|
-
|
|
24
15
|
var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
|
|
25
|
-
|
|
26
16
|
var _useMobileModal = _interopRequireDefault(require("./partials/useMobileModal"));
|
|
27
|
-
|
|
28
17
|
require("./Modal.scss");
|
|
29
|
-
|
|
30
18
|
require("./ModalMobile.scss");
|
|
31
|
-
|
|
32
|
-
function
|
|
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
|
-
const KEY_CODE = Object.freeze({
|
|
19
|
+
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); }
|
|
20
|
+
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; }
|
|
21
|
+
const KEY_CODE = exports.KEY_CODE = Object.freeze({
|
|
37
22
|
ENTER: 13,
|
|
38
23
|
ESC: 27
|
|
39
24
|
});
|
|
40
|
-
exports.KEY_CODE = KEY_CODE;
|
|
41
|
-
|
|
42
25
|
const renderModalTitle = _ref => {
|
|
43
26
|
let {
|
|
44
27
|
mode,
|
|
@@ -48,9 +31,7 @@ const renderModalTitle = _ref => {
|
|
|
48
31
|
if (mode && mode !== "default" && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
|
|
49
32
|
return title;
|
|
50
33
|
};
|
|
51
|
-
|
|
52
34
|
exports.renderModalTitle = renderModalTitle;
|
|
53
|
-
|
|
54
35
|
const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
|
|
55
36
|
let {
|
|
56
37
|
zIndex = 100,
|
|
@@ -111,12 +92,12 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
|
|
|
111
92
|
});
|
|
112
93
|
const handle = {
|
|
113
94
|
confirm: () => {
|
|
114
|
-
onConfirm === null || onConfirm === void 0
|
|
95
|
+
onConfirm === null || onConfirm === void 0 || onConfirm();
|
|
115
96
|
},
|
|
116
97
|
decline: () => {
|
|
117
98
|
//? closeModal используется для ESC и оверлея, давно хотелось иметь возможность разделить
|
|
118
99
|
//? Теперь можно не передавать closeModal, а для cancel-кнопки передать отдельный обработчик
|
|
119
|
-
if (typeof onDecline === "function") onDecline();else closeModal === null || closeModal === void 0
|
|
100
|
+
if (typeof onDecline === "function") onDecline();else closeModal === null || closeModal === void 0 || closeModal();
|
|
120
101
|
}
|
|
121
102
|
};
|
|
122
103
|
(0, _useBodyScrollLock.default)(isScrollLock && isOpen);
|
|
@@ -124,7 +105,6 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
|
|
|
124
105
|
enterCallback: submitOnEnter && typeof onConfirm === "function" ? () => handle.confirm() : null,
|
|
125
106
|
escCallback: closeOnEsc && typeof closeModal === "function" ? () => closeModal() : null
|
|
126
107
|
});
|
|
127
|
-
|
|
128
108
|
const render = () => !isOpen ? null : /*#__PURE__*/_react.default.createElement("div", {
|
|
129
109
|
style: {
|
|
130
110
|
zIndex
|
|
@@ -194,9 +174,6 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
|
|
|
194
174
|
icon: confirmBtnIcon,
|
|
195
175
|
isIconRight: isConfirmBtnIconPositionRight
|
|
196
176
|
})))))));
|
|
197
|
-
|
|
198
177
|
return render();
|
|
199
178
|
});
|
|
200
|
-
|
|
201
|
-
var _default = Modal;
|
|
202
|
-
exports.default = _default;
|
|
179
|
+
var _default = exports.default = Modal;
|
|
@@ -1,20 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
10
|
+
var _useBodyScrollLock = _interopRequireDefault(require("../../../Functions/useBodyScrollLock"));
|
|
14
11
|
var _useHandleKeyPress = _interopRequireDefault(require("../../../Functions/useKeyPress/useHandleKeyPress"));
|
|
15
|
-
|
|
16
12
|
require("./Modal.scss");
|
|
17
|
-
|
|
18
13
|
const Modal = _ref => {
|
|
19
14
|
let {
|
|
20
15
|
zIndex = 100,
|
|
@@ -24,12 +19,14 @@ const Modal = _ref => {
|
|
|
24
19
|
className,
|
|
25
20
|
size,
|
|
26
21
|
testId,
|
|
22
|
+
isScrollLock = true,
|
|
27
23
|
closeOnEsc = true
|
|
28
24
|
} = _ref;
|
|
29
25
|
if (!isOpen) return null;
|
|
30
26
|
(0, _useHandleKeyPress.default)({
|
|
31
27
|
escCallback: closeOnEsc && typeof closeModal === "function" ? () => closeModal === null || closeModal === void 0 ? void 0 : closeModal() : null
|
|
32
28
|
});
|
|
29
|
+
(0, _useBodyScrollLock.default)(isScrollLock && isOpen);
|
|
33
30
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
34
31
|
style: {
|
|
35
32
|
zIndex
|
|
@@ -47,6 +44,4 @@ const Modal = _ref => {
|
|
|
47
44
|
className: (0, _classnames.default)(className, "modal")
|
|
48
45
|
}, children));
|
|
49
46
|
};
|
|
50
|
-
|
|
51
|
-
var _default = Modal;
|
|
52
|
-
exports.default = _default;
|
|
47
|
+
var _default = exports.default = Modal;
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
const ModalFooter = _ref => {
|
|
15
11
|
let {
|
|
16
12
|
className = "",
|
|
@@ -22,6 +18,4 @@ const ModalFooter = _ref => {
|
|
|
22
18
|
className: (0, _classnames.default)("modal__footer", className)
|
|
23
19
|
}, children);
|
|
24
20
|
};
|
|
25
|
-
|
|
26
|
-
var _default = ModalFooter;
|
|
27
|
-
exports.default = _default;
|
|
21
|
+
var _default = exports.default = ModalFooter;
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _reactFeather = require("react-feather");
|
|
15
|
-
|
|
16
11
|
const ModalTitle = _ref => {
|
|
17
12
|
let {
|
|
18
13
|
variant = "primary",
|
|
@@ -42,6 +37,4 @@ const ModalTitle = _ref => {
|
|
|
42
37
|
className: "modal-close-icon"
|
|
43
38
|
})));
|
|
44
39
|
};
|
|
45
|
-
|
|
46
|
-
var _default = ModalTitle;
|
|
47
|
-
exports.default = _default;
|
|
40
|
+
var _default = exports.default = ModalTitle;
|