intelicoreact 1.4.81 → 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 -81
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +59 -57
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +98 -66
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +48 -27
- package/dist/Atomic/FormElements/Input/Input.js +209 -148
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +77 -50
- package/dist/Atomic/FormElements/InputColor/InputColor.js +28 -23
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +53 -38
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +139 -106
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +38 -31
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +230 -135
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +122 -85
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +8 -10
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +159 -72
- package/dist/Atomic/FormElements/InputLink/InputLink.js +39 -30
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +8 -8
- package/dist/Atomic/FormElements/InputMask/InputMask.js +800 -521
- package/dist/Atomic/FormElements/InputMask/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask/functions.js +15 -15
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +294 -234
- package/dist/Atomic/FormElements/InputMask2/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask2/functions.js +15 -15
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +332 -265
- package/dist/Atomic/FormElements/InputMask3/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask3/functions.js +15 -15
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +101 -53
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +99 -64
- package/dist/Atomic/FormElements/Label/Label.js +15 -13
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +284 -190
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +34 -24
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +170 -117
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +50 -28
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +29 -18
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +24 -22
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +31 -19
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +83 -56
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +75 -49
- package/dist/Atomic/FormElements/RangeList/RangeList.js +129 -87
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +18 -22
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +250 -143
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +477 -367
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +15 -14
- package/dist/Atomic/FormElements/Switcher/Switcher.js +20 -24
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +30 -24
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +23 -20
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +40 -32
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +31 -25
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +22 -22
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +98 -52
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +34 -22
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +81 -47
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +525 -415
- package/dist/Atomic/FormElements/Text/Text.js +39 -39
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +23 -21
- package/dist/Atomic/FormElements/Textarea/Textarea.js +33 -28
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +98 -67
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +24 -22
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +57 -34
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +94 -56
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +102 -74
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +69 -50
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +33 -30
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +50 -38
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +59 -47
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +1 -1
- package/dist/Atomic/Layout/Header/Header.js +37 -22
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +59 -34
- package/dist/Atomic/Layout/Spinner/Spinner.js +6 -7
- package/dist/Atomic/UI/Accordion/Accordion.js +31 -17
- package/dist/Atomic/UI/Accordion/AccordionItem.js +41 -30
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +81 -50
- package/dist/Atomic/UI/AccordionText/AccordionText.js +39 -20
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +74 -46
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +37 -21
- package/dist/Atomic/UI/Alert/Alert.js +36 -23
- package/dist/Atomic/UI/Arrow/Arrow.js +21 -14
- package/dist/Atomic/UI/Box/Box.js +12 -11
- package/dist/Atomic/UI/Button/Button.js +26 -26
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +21 -21
- package/dist/Atomic/UI/Chart/Chart.js +60 -44
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +13 -11
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +10 -12
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +82 -60
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +124 -116
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +30 -18
- package/dist/Atomic/UI/Chart/partial/utils.js +30 -16
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +31 -21
- package/dist/Atomic/UI/DateTime/DateTime.js +29 -25
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +23 -11
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +12 -4
- package/dist/Atomic/UI/DoubleString/DoubleString.js +53 -36
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +55 -14
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +114 -54
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +88 -53
- package/dist/Atomic/UI/Hint/Hint.js +87 -58
- package/dist/Atomic/UI/Hint/partials/_utils.js +10 -10
- package/dist/Atomic/UI/Modal/Modal.js +159 -144
- package/dist/Atomic/UI/Modal/ModalHOC.js +17 -14
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +5 -6
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +13 -16
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +118 -73
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +48 -33
- package/dist/Atomic/UI/NavLine/NavLine.js +166 -104
- package/dist/Atomic/UI/PageTitle/PageTitle.js +8 -12
- package/dist/Atomic/UI/PieChart/PieChart.js +11 -10
- package/dist/Atomic/UI/Price/Price.js +5 -7
- package/dist/Atomic/UI/PriceRange/PriceRange.js +4 -6
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +42 -27
- package/dist/Atomic/UI/Status/Status.js +22 -18
- package/dist/Atomic/UI/Table/Partials/TdCell.js +47 -28
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +5 -6
- package/dist/Atomic/UI/Table/Partials/TdRow.js +53 -29
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +28 -15
- package/dist/Atomic/UI/Table/Table.js +36 -27
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +32 -18
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +10 -8
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +2 -4
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +26 -21
- package/dist/Atomic/UI/Tag/Tag.js +72 -52
- package/dist/Atomic/UI/TagList/TagList.js +102 -65
- package/dist/Atomic/UI/UserBox/UserBox.js +13 -13
- package/dist/Atomic/UI/WizardStepper/constructor.js +6 -6
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +16 -20
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +25 -27
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +27 -22
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +41 -39
- package/dist/Classes/AbortableFetch.js +393 -311
- package/dist/Classes/AnimatedHandler.js +53 -45
- package/dist/Classes/RESTAPI/index.js +431 -152
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +400 -320
- package/dist/Classes/RESTAPI/partials/ApiBase.js +59 -24
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +338 -76
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +378 -143
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +375 -159
- package/dist/Classes/RESTAPI/partials/Utils.js +128 -87
- package/dist/Classes/RESTAPI/partials/_utils.js +388 -116
- package/dist/Constants/index.constants.js +7 -7
- package/dist/Functions/Portal.js +19 -11
- package/dist/Functions/customEventListener.js +7 -5
- package/dist/Functions/fieldValueFormatters.js +131 -109
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +128 -69
- package/dist/Functions/locale/createTranslator.js +21 -11
- package/dist/Functions/operations.js +27 -23
- package/dist/Functions/presets/inputMaskPreset.js +176 -0
- package/dist/Functions/presets/inputMaskPresets.js +17 -17
- package/dist/Functions/presets/inputPresets.js +15 -15
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +3 -3
- package/dist/Functions/schemas.js +7 -5
- package/dist/Functions/useBodyScrollLock.js +3 -3
- package/dist/Functions/useClickOutside.js +3 -3
- package/dist/Functions/useDebounce.js +20 -11
- package/dist/Functions/useFieldFocus.js +51 -38
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +46 -36
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +78 -68
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +81 -54
- package/dist/Functions/useFormTools/functions/General.js +80 -71
- package/dist/Functions/useFormTools/functions/RenderFields.js +63 -45
- package/dist/Functions/useFormTools/functions/usePrevious.js +2 -2
- package/dist/Functions/useFormTools/index.js +467 -314
- package/dist/Functions/useInputHighlightError.js +42 -26
- package/dist/Functions/useIsMobile.js +29 -11
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +8 -9
- package/dist/Functions/useKeyPress/useKeyPress.js +26 -17
- package/dist/Functions/useLocalStorage.js +13 -6
- package/dist/Functions/useLocationParams.js +24 -14
- package/dist/Functions/useMediaQuery.js +18 -7
- package/dist/Functions/useMetaInfo.js +40 -16
- package/dist/Functions/useMouseUpOutside.js +2 -2
- package/dist/Functions/useOnlineStatus.js +17 -6
- package/dist/Functions/usePasswordChecker.js +61 -42
- package/dist/Functions/usePrevious.js +2 -2
- package/dist/Functions/useResize.js +24 -12
- package/dist/Functions/useScrollTo.js +13 -4
- package/dist/Functions/useToggle.js +25 -9
- package/dist/Functions/utils.js +272 -147
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +27 -23
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +27 -23
- package/dist/Molecular/CustomIcons/components/AppStore.js +31 -27
- package/dist/Molecular/CustomIcons/components/Arrow.js +37 -33
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +19 -15
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +22 -18
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +22 -18
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +19 -15
- package/dist/Molecular/CustomIcons/components/Bell.js +17 -13
- package/dist/Molecular/CustomIcons/components/Button.js +17 -13
- package/dist/Molecular/CustomIcons/components/Campaigns.js +18 -14
- package/dist/Molecular/CustomIcons/components/Check.js +18 -14
- package/dist/Molecular/CustomIcons/components/Check2.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +32 -28
- package/dist/Molecular/CustomIcons/components/Close.js +19 -15
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +44 -40
- package/dist/Molecular/CustomIcons/components/Delete.js +18 -14
- package/dist/Molecular/CustomIcons/components/Edit.js +17 -13
- package/dist/Molecular/CustomIcons/components/Email.js +35 -31
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +25 -21
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +33 -29
- package/dist/Molecular/CustomIcons/components/Flows.js +17 -13
- package/dist/Molecular/CustomIcons/components/Gift.js +22 -18
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +31 -27
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +31 -27
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +20 -16
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +21 -17
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +20 -16
- package/dist/Molecular/CustomIcons/components/Home.js +20 -16
- package/dist/Molecular/CustomIcons/components/Home2.js +23 -19
- package/dist/Molecular/CustomIcons/components/Key.js +25 -21
- package/dist/Molecular/CustomIcons/components/Landers.js +21 -17
- package/dist/Molecular/CustomIcons/components/Lock.js +17 -13
- package/dist/Molecular/CustomIcons/components/Mail.js +25 -21
- package/dist/Molecular/CustomIcons/components/Mastercard.js +65 -61
- package/dist/Molecular/CustomIcons/components/Minus.js +30 -26
- package/dist/Molecular/CustomIcons/components/Offers.js +18 -14
- package/dist/Molecular/CustomIcons/components/Pause.js +30 -26
- package/dist/Molecular/CustomIcons/components/PayPal.js +44 -40
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +31 -27
- package/dist/Molecular/CustomIcons/components/Phone.js +32 -28
- package/dist/Molecular/CustomIcons/components/Play.js +30 -26
- package/dist/Molecular/CustomIcons/components/Plus.js +30 -26
- package/dist/Molecular/CustomIcons/components/Profile.js +22 -18
- package/dist/Molecular/CustomIcons/components/QRCode.js +32 -28
- package/dist/Molecular/CustomIcons/components/Rectangle.js +17 -13
- package/dist/Molecular/CustomIcons/components/Revert.js +20 -16
- package/dist/Molecular/CustomIcons/components/Star.js +14 -10
- package/dist/Molecular/CustomIcons/components/Star2.js +18 -14
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +20 -16
- package/dist/Molecular/CustomIcons/components/Trash.js +17 -13
- package/dist/Molecular/CustomIcons/components/TrashRed.js +17 -13
- package/dist/Molecular/CustomIcons/components/Triggers.js +17 -13
- package/dist/Molecular/CustomIcons/components/User.js +22 -18
- package/dist/Molecular/CustomIcons/components/Visa.js +33 -29
- package/dist/Molecular/CustomIcons/components/X.js +17 -13
- package/dist/Molecular/CustomIcons/index.js +61 -61
- package/dist/Molecular/FormElement/FormElement.js +17 -19
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +93 -73
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +27 -28
- package/dist/Molecular/InputAddress/InputAddress.js +213 -126
- package/dist/Molecular/InputPassword/InputPassword.js +23 -13
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.StateIcon = void 0;
|
|
9
9
|
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
10
12
|
var _react = _interopRequireDefault(require("react"));
|
|
11
13
|
|
|
12
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -15,7 +17,7 @@ require("./StateIcon.scss");
|
|
|
15
17
|
|
|
16
18
|
var _constructor = require("../../constructor");
|
|
17
19
|
|
|
18
|
-
|
|
20
|
+
var DefaultPoint = function DefaultPoint() {
|
|
19
21
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
20
22
|
width: "16",
|
|
21
23
|
height: "16",
|
|
@@ -28,7 +30,7 @@ const DefaultPoint = () => {
|
|
|
28
30
|
}));
|
|
29
31
|
};
|
|
30
32
|
|
|
31
|
-
|
|
33
|
+
var DonePoint = function DonePoint() {
|
|
32
34
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
33
35
|
width: "16",
|
|
34
36
|
height: "16",
|
|
@@ -42,25 +44,19 @@ const DonePoint = () => {
|
|
|
42
44
|
}));
|
|
43
45
|
};
|
|
44
46
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
var RC = 'state-icon';
|
|
48
|
+
var ACTIVE = _constructor.WIZARD_STEP_VARIANTS.ACTIVE,
|
|
49
|
+
DEFAULT = _constructor.WIZARD_STEP_VARIANTS.DEFAULT,
|
|
50
|
+
DONE = _constructor.WIZARD_STEP_VARIANTS.DONE;
|
|
51
|
+
|
|
52
|
+
var StateIcon = function StateIcon(_ref) {
|
|
53
|
+
var _Inner;
|
|
51
54
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
|
|
58
|
-
const Inner = {
|
|
59
|
-
[DEFAULT]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
|
|
60
|
-
[ACTIVE]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
|
|
61
|
-
// with styles bg
|
|
62
|
-
[DONE]: /*#__PURE__*/_react.default.createElement(DonePoint, null)
|
|
63
|
-
};
|
|
55
|
+
var _ref$variant = _ref.variant,
|
|
56
|
+
variant = _ref$variant === void 0 ? DEFAULT : _ref$variant,
|
|
57
|
+
className = _ref.className;
|
|
58
|
+
var computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
|
|
59
|
+
var Inner = (_Inner = {}, (0, _defineProperty2.default)(_Inner, DEFAULT, /*#__PURE__*/_react.default.createElement(DefaultPoint, null)), (0, _defineProperty2.default)(_Inner, ACTIVE, /*#__PURE__*/_react.default.createElement(DefaultPoint, null)), (0, _defineProperty2.default)(_Inner, DONE, /*#__PURE__*/_react.default.createElement(DonePoint, null)), _Inner);
|
|
64
60
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
65
61
|
className: (0, _classnames.default)(RC, "".concat(RC, "--").concat(computedState), className)
|
|
66
62
|
}, Inner[computedState]);
|
|
@@ -20,43 +20,41 @@ var _constructor = require("../../constructor");
|
|
|
20
20
|
var _Status = _interopRequireDefault(require("../../../Status/Status"));
|
|
21
21
|
|
|
22
22
|
// import Status from '../../../../../../Components/Atomic/Status/Status';
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
} = _ref;
|
|
42
|
-
const title = label;
|
|
43
|
-
|
|
44
|
-
const rowVariant = (() => {
|
|
23
|
+
var RC = 'step-row';
|
|
24
|
+
var DEFAULT = _constructor.WIZARD_STEP_VARIANTS.DEFAULT,
|
|
25
|
+
ACTIVE = _constructor.WIZARD_STEP_VARIANTS.ACTIVE,
|
|
26
|
+
DONE = _constructor.WIZARD_STEP_VARIANTS.DONE;
|
|
27
|
+
|
|
28
|
+
var StepRow = function StepRow(_ref) {
|
|
29
|
+
var label = _ref.label,
|
|
30
|
+
description = _ref.description,
|
|
31
|
+
className = _ref.className,
|
|
32
|
+
isOptional = _ref.isOptional,
|
|
33
|
+
isFinished = _ref.isFinished,
|
|
34
|
+
isActive = _ref.isActive,
|
|
35
|
+
titleSlot = _ref.titleSlot,
|
|
36
|
+
contentSlot = _ref.contentSlot,
|
|
37
|
+
customIcons = _ref.customIcons;
|
|
38
|
+
var title = label;
|
|
39
|
+
|
|
40
|
+
var rowVariant = function () {
|
|
45
41
|
if (isActive) return ACTIVE;
|
|
46
42
|
if (isFinished) return DONE;
|
|
47
43
|
return DEFAULT;
|
|
48
|
-
}
|
|
44
|
+
}();
|
|
49
45
|
|
|
50
|
-
|
|
46
|
+
var alternaviteIconFromProps = function () {
|
|
51
47
|
if (isActive) return customIcons === null || customIcons === void 0 ? void 0 : customIcons.activeIcon;
|
|
52
48
|
if (isFinished) return customIcons === null || customIcons === void 0 ? void 0 : customIcons.doneIcon;
|
|
53
49
|
return customIcons === null || customIcons === void 0 ? void 0 : customIcons.defaultIcon;
|
|
54
|
-
}
|
|
50
|
+
}();
|
|
55
51
|
|
|
56
|
-
|
|
52
|
+
var CorrectIcon = function CorrectIcon() {
|
|
57
53
|
var _Object$values;
|
|
58
54
|
|
|
59
|
-
return !customIcons || Object !== null && Object !== void 0 && (_Object$values = Object.values(customIcons)) !== null && _Object$values !== void 0 && _Object$values.every(
|
|
55
|
+
return !customIcons || Object !== null && Object !== void 0 && (_Object$values = Object.values(customIcons)) !== null && _Object$values !== void 0 && _Object$values.every(function (icon) {
|
|
56
|
+
return !icon;
|
|
57
|
+
}) ? /*#__PURE__*/_react.default.createElement(_StateIcon.default, {
|
|
60
58
|
variant: rowVariant
|
|
61
59
|
}) : alternaviteIconFromProps;
|
|
62
60
|
};
|
|
@@ -21,42 +21,47 @@ var _Box = _interopRequireDefault(require("../../../Box/Box"));
|
|
|
21
21
|
|
|
22
22
|
var _icons = require("../icons");
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
} = _ref;
|
|
24
|
+
var StepWrapper = function StepWrapper(_ref) {
|
|
25
|
+
var steps = _ref.steps,
|
|
26
|
+
customIcons = _ref.customIcons,
|
|
27
|
+
_ref$variant = _ref.variant,
|
|
28
|
+
variant = _ref$variant === void 0 ? 'default' : _ref$variant,
|
|
29
|
+
className = _ref.className;
|
|
31
30
|
if (!(steps !== null && steps !== void 0 && steps.length)) throw new Error('No steps provided');
|
|
32
31
|
|
|
33
32
|
switch (variant) {
|
|
34
33
|
case 'ghost':
|
|
35
34
|
return /*#__PURE__*/_react.default.createElement(_Box.default, {
|
|
36
35
|
className: (0, _classnames.default)('step-wrapper', 'step-wrapper-ghost', className)
|
|
37
|
-
}, steps === null || steps === void 0 ? void 0 : steps.map(
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
36
|
+
}, steps === null || steps === void 0 ? void 0 : steps.map(function (step) {
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement(_StepRow.default, (0, _extends2.default)({
|
|
38
|
+
key: step.key
|
|
39
|
+
}, step, {
|
|
40
|
+
customIcons: _icons.alternativeIconSet
|
|
41
|
+
}));
|
|
42
|
+
}), ' ');
|
|
42
43
|
|
|
43
44
|
case 'cardActive':
|
|
44
45
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
45
46
|
className: (0, _classnames.default)('step-wrapper', 'step-wrapper-card-active', className)
|
|
46
|
-
}, steps === null || steps === void 0 ? void 0 : steps.map(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
}, steps === null || steps === void 0 ? void 0 : steps.map(function (step) {
|
|
48
|
+
return /*#__PURE__*/_react.default.createElement(_StepRow.default, (0, _extends2.default)({
|
|
49
|
+
key: step.key
|
|
50
|
+
}, step, {
|
|
51
|
+
customIcons: _icons.alternativeIconSet
|
|
52
|
+
}));
|
|
53
|
+
}));
|
|
51
54
|
|
|
52
55
|
default:
|
|
53
56
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
54
57
|
className: (0, _classnames.default)('step-wrapper', className)
|
|
55
|
-
}, steps === null || steps === void 0 ? void 0 : steps.map(
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
}, steps === null || steps === void 0 ? void 0 : steps.map(function (step) {
|
|
59
|
+
return /*#__PURE__*/_react.default.createElement(_StepRow.default, (0, _extends2.default)({
|
|
60
|
+
key: step.key
|
|
61
|
+
}, step, {
|
|
62
|
+
customIcons: customIcons
|
|
63
|
+
}));
|
|
64
|
+
}));
|
|
60
65
|
}
|
|
61
66
|
};
|
|
62
67
|
|
|
@@ -9,44 +9,46 @@ exports.alternativeIconSet = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
12
|
+
var DoneIcon = function DoneIcon(props) {
|
|
13
|
+
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
14
|
+
width: "20",
|
|
15
|
+
height: "20",
|
|
16
|
+
viewBox: "0 0 20 20",
|
|
17
|
+
fill: "none",
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
19
|
+
}, /*#__PURE__*/_react.default.createElement("rect", {
|
|
20
|
+
width: "20",
|
|
21
|
+
height: "20",
|
|
22
|
+
rx: "10",
|
|
23
|
+
fill: "#69A457"
|
|
24
|
+
}), /*#__PURE__*/_react.default.createElement("mask", {
|
|
25
|
+
id: "mask0_54394_4001",
|
|
26
|
+
style: {
|
|
27
|
+
maskType: 'alpha'
|
|
28
|
+
},
|
|
29
|
+
maskUnits: "userSpaceOnUse",
|
|
30
|
+
x: "2",
|
|
31
|
+
y: "2",
|
|
32
|
+
width: "16",
|
|
33
|
+
height: "16"
|
|
34
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
35
|
+
d: "M14.5 7L9 12.5L6 9.5",
|
|
36
|
+
stroke: "black",
|
|
37
|
+
strokeWidth: "2",
|
|
38
|
+
strokeLinecap: "round",
|
|
39
|
+
strokeLinejoin: "round"
|
|
40
|
+
})), /*#__PURE__*/_react.default.createElement("g", {
|
|
41
|
+
mask: "url(#mask0_54394_4001)"
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement("rect", {
|
|
43
|
+
x: "2",
|
|
44
|
+
y: "2",
|
|
45
|
+
width: "16",
|
|
46
|
+
height: "16",
|
|
47
|
+
fill: "white"
|
|
48
|
+
})));
|
|
49
|
+
};
|
|
48
50
|
|
|
49
|
-
|
|
51
|
+
var TodoIcon = function TodoIcon() {
|
|
50
52
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
51
53
|
width: "20",
|
|
52
54
|
height: "20",
|
|
@@ -72,7 +74,7 @@ const TodoIcon = () => {
|
|
|
72
74
|
}))));
|
|
73
75
|
};
|
|
74
76
|
|
|
75
|
-
|
|
77
|
+
var ActiveIcon = function ActiveIcon() {
|
|
76
78
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
77
79
|
width: "20",
|
|
78
80
|
height: "20",
|
|
@@ -110,7 +112,7 @@ const ActiveIcon = () => {
|
|
|
110
112
|
})));
|
|
111
113
|
};
|
|
112
114
|
|
|
113
|
-
|
|
115
|
+
var alternativeIconSet = {
|
|
114
116
|
defaultIcon: /*#__PURE__*/_react.default.createElement(TodoIcon, null),
|
|
115
117
|
doneIcon: /*#__PURE__*/_react.default.createElement(DoneIcon, null),
|
|
116
118
|
activeIcon: /*#__PURE__*/_react.default.createElement(ActiveIcon, null)
|