intelicoreact 1.6.20 → 1.6.21
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 -102
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -89
- package/dist/Atomic/FormElements/Calendar/Calendar.js +1 -232
- package/dist/Atomic/FormElements/Calendar/Calendar.props.js +1 -3
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +1 -101
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +1 -70
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +1 -350
- package/dist/Atomic/FormElements/Datepicker/Datepicker.props.js +1 -3
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.js +1 -177
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.props.js +1 -3
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +1 -561
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -20
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +1 -405
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +1 -94
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +1 -105
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +1 -67
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +1 -247
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +1 -160
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +1 -193
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +1 -135
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js +1 -116
- package/dist/Atomic/FormElements/Input/Input.js +1 -467
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +1 -161
- package/dist/Atomic/FormElements/InputColor/InputColor.js +1 -64
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +1 -166
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +1 -354
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +1 -71
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +1 -693
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +1 -254
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +1 -32
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +1 -200
- package/dist/Atomic/FormElements/InputLink/InputLink.js +1 -99
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +1 -37
- package/dist/Atomic/FormElements/InputMask/InputMask.js +1 -1214
- package/dist/Atomic/FormElements/InputMask/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask/functions.js +1 -58
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +1 -674
- package/dist/Atomic/FormElements/InputMask2/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask2/functions.js +1 -58
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +1 -766
- package/dist/Atomic/FormElements/InputMask3/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask3/functions.js +1 -58
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +1 -114
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +1 -140
- package/dist/Atomic/FormElements/Label/Label.js +1 -82
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +1 -506
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +1 -45
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +1 -331
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +1 -66
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +1 -80
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +1 -64
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +1 -54
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +1 -183
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +1 -209
- package/dist/Atomic/FormElements/RangeList/RangeList.js +1 -175
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +1 -43
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +1 -443
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +1 -858
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +1 -39
- package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -59
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +1 -50
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +1 -47
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +1 -96
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +1 -40
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +1 -64
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +1 -170
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +1 -202
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +1 -67
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +1 -115
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1 -826
- package/dist/Atomic/FormElements/Text/Text.js +1 -125
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +1 -45
- package/dist/Atomic/FormElements/Textarea/Textarea.js +1 -80
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +1 -176
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +1 -62
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +1 -127
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +1 -220
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +1 -83
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +1 -82
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +1 -101
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -29
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +1 -113
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +1 -30
- package/dist/Atomic/Layout/Header/Header.js +1 -85
- package/dist/Atomic/Layout/Spinner/Spinner.js +1 -39
- package/dist/Atomic/UI/Accordion/Accordion.js +1 -118
- package/dist/Atomic/UI/Accordion/AccordionItem.js +1 -181
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +1 -238
- package/dist/Atomic/UI/AccordionText/AccordionText.js +1 -69
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +1 -207
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +1 -56
- package/dist/Atomic/UI/Alert/Alert.js +1 -72
- package/dist/Atomic/UI/Arrow/Arrow.js +1 -132
- package/dist/Atomic/UI/Box/Box.js +1 -52
- package/dist/Atomic/UI/Button/Button.js +1 -89
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +1 -72
- package/dist/Atomic/UI/Chart/Chart.js +1 -172
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +1 -95
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +1 -80
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +1 -188
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +1 -335
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +1 -43
- package/dist/Atomic/UI/Chart/partial/utils.js +1 -60
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +1 -109
- package/dist/Atomic/UI/DateTime/DateTime.js +1 -57
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +1 -44
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +1 -15
- package/dist/Atomic/UI/DoubleString/DoubleString.js +1 -102
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +1 -226
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +1 -221
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +1 -106
- package/dist/Atomic/UI/Hint/Hint.js +1 -193
- package/dist/Atomic/UI/Hint/partials/_utils.js +1 -51
- package/dist/Atomic/UI/Modal/Modal.js +1 -188
- package/dist/Atomic/UI/Modal/ModalHOC.js +1 -72
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +1 -46
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +1 -83
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +1 -200
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.js +1 -75
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +1 -80
- package/dist/Atomic/UI/NavLine/NavLine.js +1 -293
- package/dist/Atomic/UI/PageTitle/PageTitle.js +1 -75
- package/dist/Atomic/UI/PieChart/PieChart.js +1 -42
- package/dist/Atomic/UI/Price/Price.js +1 -22
- package/dist/Atomic/UI/PriceRange/PriceRange.js +1 -36
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +1 -71
- package/dist/Atomic/UI/Status/Status.js +1 -59
- package/dist/Atomic/UI/Table/Partials/TdCell.js +1 -87
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +1 -38
- package/dist/Atomic/UI/Table/Partials/TdRow.js +1 -99
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +1 -52
- package/dist/Atomic/UI/Table/Table.js +1 -63
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +1 -80
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +1 -28
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +1 -13
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +1 -53
- package/dist/Atomic/UI/Tag/Tag.js +1 -160
- package/dist/Atomic/UI/TagList/TagList.js +1 -251
- package/dist/Atomic/UI/UserBox/UserBox.js +1 -73
- package/dist/Atomic/UI/WizardStepper/constructor.js +1 -84
- package/dist/Atomic/UI/WizardStepper/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +1 -37
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +1 -61
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +1 -39
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +1 -49
- package/dist/Atomic/UI/WizardStepper/ui/index.js +1 -3
- package/dist/Classes/AbortableFetch.js +1 -454
- package/dist/Classes/AnimatedHandler.js +1 -47
- package/dist/Classes/RESTAPI/index.js +1 -228
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +1 -457
- package/dist/Classes/RESTAPI/partials/ApiBase.js +1 -48
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +1 -112
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +1 -189
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +1 -252
- package/dist/Classes/RESTAPI/partials/Utils.js +1 -92
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +1 -3
- package/dist/Classes/RESTAPI/partials/_utils.js +1 -197
- package/dist/Constants/index.constants.js +1 -78
- package/dist/Functions/Portal.js +1 -22
- package/dist/Functions/customEventListener.js +1 -96
- package/dist/Functions/dateTime.js +1 -149
- package/dist/Functions/fieldValueFormatters.js +1 -405
- package/dist/Functions/guards/assertions.js +1 -66
- package/dist/Functions/guards/safeValue.js +1 -30
- package/dist/Functions/guards/typeGuards.js +1 -116
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +1 -95
- package/dist/Functions/locale/createTranslator.js +1 -32
- package/dist/Functions/operations.js +1 -130
- package/dist/Functions/presets/inputMaskPresets.js +1 -170
- package/dist/Functions/presets/inputPresets.js +1 -60
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +1 -45
- package/dist/Functions/schemas.js +1 -31
- package/dist/Functions/useBodyScrollLock.js +1 -17
- package/dist/Functions/useClickOutside.js +1 -15
- package/dist/Functions/useDebounce.js +1 -17
- package/dist/Functions/useFieldFocus.js +1 -84
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +1 -39
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +1 -159
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +1 -78
- package/dist/Functions/useFormTools/functions/General.js +1 -134
- package/dist/Functions/useFormTools/functions/RenderFields.js +1 -111
- package/dist/Functions/useFormTools/functions/usePrevious.js +1 -12
- package/dist/Functions/useFormTools/index.js +1 -778
- package/dist/Functions/useInputHighlightError.js +1 -67
- package/dist/Functions/useIsMobile/useIsMobile.js +1 -53
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +1 -21
- package/dist/Functions/useKeyPress/useKeyPress.js +1 -75
- package/dist/Functions/useLocalStorage.js +1 -34
- package/dist/Functions/useLocationParams.js +1 -27
- package/dist/Functions/useMediaQuery.js +1 -17
- package/dist/Functions/useMetaInfo.js +1 -43
- package/dist/Functions/useMouseUpOutside.js +1 -16
- package/dist/Functions/useOnlineStatus.js +1 -29
- package/dist/Functions/usePasswordChecker.js +1 -110
- package/dist/Functions/usePrevious.js +1 -12
- package/dist/Functions/useResize.js +1 -31
- package/dist/Functions/useScrollTo.js +1 -17
- package/dist/Functions/useToggle.js +1 -17
- package/dist/Functions/utils.js +1 -522
- package/dist/Langs.js +1 -168
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +1 -21
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +1 -23
- package/dist/Molecular/CustomIcons/components/AppStore.js +1 -29
- package/dist/Molecular/CustomIcons/components/Arrow.js +1 -32
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +1 -17
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +1 -22
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +1 -22
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +1 -17
- package/dist/Molecular/CustomIcons/components/Bell.js +1 -15
- package/dist/Molecular/CustomIcons/components/Button.js +1 -12
- package/dist/Molecular/CustomIcons/components/Campaigns.js +1 -16
- package/dist/Molecular/CustomIcons/components/Check.js +1 -14
- package/dist/Molecular/CustomIcons/components/Check2.js +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +1 -27
- package/dist/Molecular/CustomIcons/components/Close.js +1 -14
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +1 -17
- package/dist/Molecular/CustomIcons/components/Delete.js +1 -16
- package/dist/Molecular/CustomIcons/components/Edit.js +1 -15
- package/dist/Molecular/CustomIcons/components/Email.js +1 -31
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +1 -18
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +1 -35
- package/dist/Molecular/CustomIcons/components/Flows.js +1 -15
- package/dist/Molecular/CustomIcons/components/Gift.js +1 -25
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +1 -29
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +1 -29
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +1 -19
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +1 -20
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +1 -19
- package/dist/Molecular/CustomIcons/components/Home.js +1 -16
- package/dist/Molecular/CustomIcons/components/Home2.js +1 -22
- package/dist/Molecular/CustomIcons/components/Key.js +1 -23
- package/dist/Molecular/CustomIcons/components/Landers.js +1 -20
- package/dist/Molecular/CustomIcons/components/Lock.js +1 -15
- package/dist/Molecular/CustomIcons/components/Mail.js +1 -26
- package/dist/Molecular/CustomIcons/components/Mastercard.js +1 -73
- package/dist/Molecular/CustomIcons/components/Minus.js +1 -25
- package/dist/Molecular/CustomIcons/components/Offers.js +1 -16
- package/dist/Molecular/CustomIcons/components/Pause.js +1 -28
- package/dist/Molecular/CustomIcons/components/PayPal.js +1 -41
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +1 -28
- package/dist/Molecular/CustomIcons/components/Phone.js +1 -30
- package/dist/Molecular/CustomIcons/components/Play.js +1 -25
- package/dist/Molecular/CustomIcons/components/Plus.js +1 -25
- package/dist/Molecular/CustomIcons/components/Profile.js +1 -16
- package/dist/Molecular/CustomIcons/components/QRCode.js +1 -29
- package/dist/Molecular/CustomIcons/components/Rectangle.js +1 -12
- package/dist/Molecular/CustomIcons/components/Revert.js +1 -13
- package/dist/Molecular/CustomIcons/components/Star.js +1 -14
- package/dist/Molecular/CustomIcons/components/Star2.js +1 -16
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +1 -14
- package/dist/Molecular/CustomIcons/components/Trash.js +1 -15
- package/dist/Molecular/CustomIcons/components/TrashRed.js +1 -15
- package/dist/Molecular/CustomIcons/components/Triggers.js +1 -15
- package/dist/Molecular/CustomIcons/components/User.js +1 -25
- package/dist/Molecular/CustomIcons/components/Visa.js +1 -31
- package/dist/Molecular/CustomIcons/components/X.js +1 -12
- package/dist/Molecular/CustomIcons/index.js +1 -61
- package/dist/Molecular/FormElement/FormElement.js +1 -54
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +1 -184
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +1 -53
- package/dist/Molecular/InputAddress/InputAddress.js +1 -620
- package/dist/Molecular/InputPassword/InputPassword.js +1 -48
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,37 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import cn from 'classnames';
|
|
3
|
-
|
|
4
|
-
import './StateIcon.scss';
|
|
5
|
-
import { WIZARD_STEP_VARIANTS } from '../../constructor';
|
|
6
|
-
|
|
7
|
-
const DefaultPoint = () => {
|
|
8
|
-
return (
|
|
9
|
-
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
|
10
|
-
<circle cx="8" cy="8" r="4" />
|
|
11
|
-
</svg>
|
|
12
|
-
);
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
const DonePoint = () => {
|
|
16
|
-
return (
|
|
17
|
-
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
|
18
|
-
<path d="M12.5 5L7 10.5L4 7.5" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
|
19
|
-
</svg>
|
|
20
|
-
);
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
const RC = 'state-icon';
|
|
24
|
-
|
|
25
|
-
const { ACTIVE, DEFAULT, DONE } = WIZARD_STEP_VARIANTS;
|
|
26
|
-
|
|
27
|
-
export const StateIcon = ({ variant = DEFAULT, className }) => {
|
|
28
|
-
const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
|
|
29
|
-
|
|
30
|
-
const Inner = {
|
|
31
|
-
[DEFAULT]: <DefaultPoint />,
|
|
32
|
-
[ACTIVE]: <DefaultPoint />, // with styles bg
|
|
33
|
-
[DONE]: <DonePoint />,
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
return <div className={cn(RC, `${RC}--${computedState}`, className)}>{Inner[computedState]}</div>;
|
|
37
|
-
};
|
|
1
|
+
function r(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}import{jsx as t}from"react/jsx-runtime";import"react";import e from"classnames";import"./StateIcon.scss";import{WIZARD_STEP_VARIANTS as n}from"../../constructor";var i=function(){return t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t("circle",{cx:"8",cy:"8",r:"4"})})},o=function(){return t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t("path",{d:"M12.5 5L7 10.5L4 7.5",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},c="state-icon",a=n.ACTIVE,s=n.DEFAULT,l=n.DONE;export var StateIcon=function(n){var u,m=n.variant,d=void 0===m?s:m,f=n.className,h=d===a||d===l?d:s,v=(r(u={},s,t(i,{})),r(u,a,t(i,{})),r(u,l,t(o,{})),u);return t("div",{className:e(c,"".concat(c,"--").concat(h),f),children:v[h]})};
|
|
@@ -1,61 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import cn from 'classnames';
|
|
3
|
-
import StateIcon from '../StateIcon';
|
|
4
|
-
|
|
5
|
-
import './StepRow.scss';
|
|
6
|
-
// import Status from '../../../../../../Components/Atomic/Status/Status';
|
|
7
|
-
import { WIZARD_STEP_VARIANTS } from '../../constructor';
|
|
8
|
-
import Status from '../../../Status/Status';
|
|
9
|
-
|
|
10
|
-
const RC = 'step-row';
|
|
11
|
-
|
|
12
|
-
const {DEFAULT, ACTIVE, DONE} = WIZARD_STEP_VARIANTS;
|
|
13
|
-
const StepRow = ({ label, description, className, isOptional, isFinished, isActive, titleSlot, contentSlot, customIcons }) => {
|
|
14
|
-
const title = label;
|
|
15
|
-
|
|
16
|
-
const rowVariant = (() => {
|
|
17
|
-
if (isActive) return ACTIVE;
|
|
18
|
-
if (isFinished) return DONE;
|
|
19
|
-
|
|
20
|
-
return DEFAULT;
|
|
21
|
-
})();
|
|
22
|
-
|
|
23
|
-
const alternaviteIconFromProps = (() => {
|
|
24
|
-
if (isActive) return customIcons?.activeIcon;
|
|
25
|
-
if (isFinished) return customIcons?.doneIcon;
|
|
26
|
-
|
|
27
|
-
return customIcons?.defaultIcon;
|
|
28
|
-
})();
|
|
29
|
-
|
|
30
|
-
const CorrectIcon = () => !customIcons || Object?.values(customIcons)?.every(icon => !icon) ? <StateIcon variant={rowVariant} /> : alternaviteIconFromProps;
|
|
31
|
-
|
|
32
|
-
return (
|
|
33
|
-
<div className={cn(RC, `${RC}--${rowVariant}`)}>
|
|
34
|
-
<div className={cn(`${RC}__state-point ${RC}__state-point--${rowVariant}`)}>
|
|
35
|
-
<CorrectIcon />
|
|
36
|
-
</div>
|
|
37
|
-
|
|
38
|
-
<div className={`${RC}__content`}>
|
|
39
|
-
|
|
40
|
-
<div className={`${RC}__title`}>
|
|
41
|
-
<div className={`${RC}__title-left`}>
|
|
42
|
-
<div className={cn(`${RC}__title-text`, {'text-muted': rowVariant === DEFAULT})}>{title}</div>
|
|
43
|
-
{isOptional && <Status label={'Optional'} status="draft" />}
|
|
44
|
-
|
|
45
|
-
</div>
|
|
46
|
-
|
|
47
|
-
{titleSlot &&
|
|
48
|
-
<div className={`${RC}__title-right`}>
|
|
49
|
-
{titleSlot}
|
|
50
|
-
</div>
|
|
51
|
-
}
|
|
52
|
-
</div>
|
|
53
|
-
|
|
54
|
-
<div className={`${RC}__description`}>{description}</div>
|
|
55
|
-
{contentSlot && <div className={`${RC}__body`}>{contentSlot}</div>}
|
|
56
|
-
</div>
|
|
57
|
-
</div>
|
|
58
|
-
);
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
export default StepRow;
|
|
1
|
+
import{jsx as t,jsxs as c}from"react/jsx-runtime";import"react";import a from"classnames";import e from"../StateIcon";import"./StepRow.scss";import{WIZARD_STEP_VARIANTS as n}from"../../constructor";import i from"../../../Status/Status";var o="step-row",s=n.DEFAULT,l=n.ACTIVE,r=n.DONE;export default function(n){var d=n.label,m=n.description,u=(n.className,n.isOptional),v=n.isFinished,_=n.isActive,p=n.titleSlot,f=n.contentSlot,h=n.customIcons,N=_?l:v?r:s,x=_?null==h?void 0:h.activeIcon:v?null==h?void 0:h.doneIcon:null==h?void 0:h.defaultIcon;return c("div",{className:a(o,"".concat(o,"--").concat(N)),children:[t("div",{className:a("".concat(o,"__state-point ").concat(o,"__state-point--").concat(N)),children:t(function(){var c,a;return!h||(null==(a=Object)||null==(c=a.values(h))?void 0:c.every(function(t){return!t}))?t(e,{variant:N}):x},{})}),c("div",{className:"".concat(o,"__content"),children:[c("div",{className:"".concat(o,"__title"),children:[c("div",{className:"".concat(o,"__title-left"),children:[t("div",{className:a("".concat(o,"__title-text"),{"text-muted":N===s}),children:d}),u&&t(i,{label:"Optional",status:"draft"})]}),p&&t("div",{className:"".concat(o,"__title-right"),children:p})]}),t("div",{className:"".concat(o,"__description"),children:m}),f&&t("div",{className:"".concat(o,"__body"),children:f})]})]})}
|
|
@@ -1,39 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import StepRow from '../StepRow/StepRow'
|
|
3
|
-
import './StepWrapper.scss'
|
|
4
|
-
import classNames from 'classnames'
|
|
5
|
-
import Box from '../../../Box/Box'
|
|
6
|
-
import { alternativeIconSet, ghostIcons } from '../icons'
|
|
7
|
-
|
|
8
|
-
const StepWrapper = ({
|
|
9
|
-
steps,
|
|
10
|
-
customIcons,
|
|
11
|
-
variant = 'default',
|
|
12
|
-
className
|
|
13
|
-
}) => {
|
|
14
|
-
if (!steps?.length) throw new Error('No steps provided')
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
switch (variant) {
|
|
18
|
-
case 'ghost':
|
|
19
|
-
return <Box className={classNames('step-wrapper', 'step-wrapper-ghost', className)}>
|
|
20
|
-
{steps?.map((step) => (
|
|
21
|
-
<StepRow key={step.key} {...step} customIcons={alternativeIconSet} />
|
|
22
|
-
))}{' '}
|
|
23
|
-
</Box>
|
|
24
|
-
case 'cardActive':
|
|
25
|
-
return <div className={classNames('step-wrapper', 'step-wrapper-card-active', className)}>
|
|
26
|
-
{steps?.map((step) => (
|
|
27
|
-
<StepRow key={step.key} {...step} customIcons={alternativeIconSet} />
|
|
28
|
-
))}
|
|
29
|
-
</div>
|
|
30
|
-
default:
|
|
31
|
-
return <div className={classNames('step-wrapper', className)}>
|
|
32
|
-
{steps?.map((step) => (
|
|
33
|
-
<StepRow key={step.key} {...step} customIcons={customIcons} />
|
|
34
|
-
))}
|
|
35
|
-
</div>
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
export default StepWrapper
|
|
1
|
+
function e(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(r){var o;o=t[r],r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o})}return e}function r(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t})(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}),e}import{jsx as t,jsxs as o}from"react/jsx-runtime";import"react";import n from"../StepRow/StepRow";import"./StepWrapper.scss";import c from"classnames";import s from"../../../Box/Box";import{alternativeIconSet as p}from"../icons";export default function(i){var a=i.steps,u=i.customIcons,l=i.variant,m=i.className;if(!(null==a?void 0:a.length))throw Error("No steps provided");switch(void 0===l?"default":l){case"ghost":return o(s,{className:c("step-wrapper","step-wrapper-ghost",m),children:[null==a?void 0:a.map(function(o){return t(n,r(e({},o),{customIcons:p}),o.key)})," "]});case"cardActive":return t("div",{className:c("step-wrapper","step-wrapper-card-active",m),children:null==a?void 0:a.map(function(o){return t(n,r(e({},o),{customIcons:p}),o.key)})});default:return t("div",{className:c("step-wrapper",m),children:null==a?void 0:a.map(function(o){return t(n,r(e({},o),{customIcons:u}),o.key)})})}}
|
|
@@ -1,49 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const DoneIcon = (props) => <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
4
|
-
<rect width="20" height="20" rx="10" fill="#69A457" />
|
|
5
|
-
<mask id="mask0_54394_4001" style={{ maskType: 'alpha' }} maskUnits="userSpaceOnUse" x="2" y="2" width="16" height="16">
|
|
6
|
-
<path d="M14.5 7L9 12.5L6 9.5" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
|
7
|
-
</mask>
|
|
8
|
-
<g mask="url(#mask0_54394_4001)">
|
|
9
|
-
<rect x="2" y="2" width="16" height="16" fill="white" />
|
|
10
|
-
</g>
|
|
11
|
-
</svg>
|
|
12
|
-
|
|
13
|
-
const TodoIcon = () => {
|
|
14
|
-
return (
|
|
15
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
16
|
-
<g clipPath="url(#clip0_54394_4448)">
|
|
17
|
-
<circle cx="10" cy="10" r="7" fill="white" stroke="#B3B8CB" strokeWidth="2" />
|
|
18
|
-
</g>
|
|
19
|
-
<defs>
|
|
20
|
-
<clipPath id="clip0_54394_4448">
|
|
21
|
-
<rect width="16" height="16" fill="white" transform="translate(2 2)" />
|
|
22
|
-
</clipPath>
|
|
23
|
-
</defs>
|
|
24
|
-
</svg>
|
|
25
|
-
|
|
26
|
-
);
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
const ActiveIcon = () => {
|
|
31
|
-
return (
|
|
32
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
33
|
-
<rect width="20" height="20" rx="10" fill="#E8F9E5" />ii
|
|
34
|
-
<mask id="mask0_54394_1459" style={{maskType: 'alpha'}} maskUnits="userSpaceOnUse" x="2" y="2" width="16" height="16">
|
|
35
|
-
<circle cx="10" cy="10" r="4" fill="#171D33" />
|
|
36
|
-
</mask>
|
|
37
|
-
<g mask="url(#mask0_54394_1459)">
|
|
38
|
-
<rect x="2" y="2" width="16" height="16" fill="#171D33" />
|
|
39
|
-
</g>
|
|
40
|
-
</svg>
|
|
41
|
-
|
|
42
|
-
);
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export const alternativeIconSet = {
|
|
46
|
-
defaultIcon: <TodoIcon />,
|
|
47
|
-
doneIcon: <DoneIcon />,
|
|
48
|
-
activeIcon: <ActiveIcon />,
|
|
49
|
-
}
|
|
1
|
+
import{jsx as i,jsxs as e}from"react/jsx-runtime";import"react";export var alternativeIconSet={defaultIcon:i(function(){return e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("g",{clipPath:"url(#clip0_54394_4448)",children:i("circle",{cx:"10",cy:"10",r:"7",fill:"white",stroke:"#B3B8CB",strokeWidth:"2"})}),i("defs",{children:i("clipPath",{id:"clip0_54394_4448",children:i("rect",{width:"16",height:"16",fill:"white",transform:"translate(2 2)"})})})]})},{}),doneIcon:i(function(t){return e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("rect",{width:"20",height:"20",rx:"10",fill:"#69A457"}),i("mask",{id:"mask0_54394_4001",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"2",y:"2",width:"16",height:"16",children:i("path",{d:"M14.5 7L9 12.5L6 9.5",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),i("g",{mask:"url(#mask0_54394_4001)",children:i("rect",{x:"2",y:"2",width:"16",height:"16",fill:"white"})})]})},{}),activeIcon:i(function(){return e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("rect",{width:"20",height:"20",rx:"10",fill:"#E8F9E5"}),"ii",i("mask",{id:"mask0_54394_1459",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"2",y:"2",width:"16",height:"16",children:i("circle",{cx:"10",cy:"10",r:"4",fill:"#171D33"})}),i("g",{mask:"url(#mask0_54394_1459)",children:i("rect",{x:"2",y:"2",width:"16",height:"16",fill:"#171D33"})})]})},{})};
|