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,75 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import MonoAccordion from './MonoAccordion';
|
|
4
|
-
|
|
5
|
-
describe('monoAccordion', () => {
|
|
6
|
-
const defaultProps = {
|
|
7
|
-
titleJSX: <div>Accordion Title</div>,
|
|
8
|
-
icon: <span>▼</span>,
|
|
9
|
-
isOpen: false,
|
|
10
|
-
onClick: jest.fn(),
|
|
11
|
-
testId: 'test-accordion',
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
it('renders correctly with default props', () => {
|
|
15
|
-
render(
|
|
16
|
-
<MonoAccordion {...defaultProps}>
|
|
17
|
-
<div>Accordion Content</div>
|
|
18
|
-
</MonoAccordion>,
|
|
19
|
-
);
|
|
20
|
-
|
|
21
|
-
expect(screen.getByTestId('test-accordion')).toBeInTheDocument();
|
|
22
|
-
expect(screen.getByText('Accordion Title')).toBeInTheDocument();
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
it('handles click events correctly', () => {
|
|
26
|
-
render(
|
|
27
|
-
<MonoAccordion {...defaultProps}>
|
|
28
|
-
<div>Accordion Content</div>
|
|
29
|
-
</MonoAccordion>,
|
|
30
|
-
);
|
|
31
|
-
|
|
32
|
-
fireEvent.click(screen.getByRole('button'));
|
|
33
|
-
expect(defaultProps.onClick).toHaveBeenCalled();
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
it('applies correct classes when open', () => {
|
|
37
|
-
render(
|
|
38
|
-
<MonoAccordion {...defaultProps} isOpen={true}>
|
|
39
|
-
<div>Accordion Content</div>
|
|
40
|
-
</MonoAccordion>,
|
|
41
|
-
);
|
|
42
|
-
|
|
43
|
-
expect(screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--is-open');
|
|
44
|
-
});
|
|
45
|
-
|
|
46
|
-
it('applies disabled state correctly', () => {
|
|
47
|
-
render(
|
|
48
|
-
<MonoAccordion {...defaultProps} disabled={true}>
|
|
49
|
-
<div>Accordion Content</div>
|
|
50
|
-
</MonoAccordion>,
|
|
51
|
-
);
|
|
52
|
-
|
|
53
|
-
const button = screen.getByRole('button');
|
|
54
|
-
expect(button).toBeDisabled();
|
|
55
|
-
expect(screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--disabled');
|
|
56
|
-
});
|
|
57
|
-
|
|
58
|
-
it('handles aria attributes correctly', () => {
|
|
59
|
-
const { rerender } = render(
|
|
60
|
-
<MonoAccordion {...defaultProps}>
|
|
61
|
-
<div>Accordion Content</div>
|
|
62
|
-
</MonoAccordion>,
|
|
63
|
-
);
|
|
64
|
-
|
|
65
|
-
expect(screen.getByRole('button')).toHaveAttribute('aria-expanded', 'false');
|
|
66
|
-
|
|
67
|
-
rerender(
|
|
68
|
-
<MonoAccordion {...defaultProps} isOpen={true}>
|
|
69
|
-
<div>Accordion Content</div>
|
|
70
|
-
</MonoAccordion>,
|
|
71
|
-
);
|
|
72
|
-
|
|
73
|
-
expect(screen.getByRole('button')).toHaveAttribute('aria-expanded', 'true');
|
|
74
|
-
});
|
|
75
|
-
});
|
|
1
|
+
function e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){var o;o=n[t],t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o})}return e}function t(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n.push.apply(n,o)}return n})(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}import{jsx as n}from"react/jsx-runtime";import{fireEvent as o,render as r,screen as c}from"@testing-library/react";import i from"./MonoAccordion";describe("monoAccordion",function(){var d={titleJSX:n("div",{children:"Accordion Title"}),icon:n("span",{children:"▼"}),isOpen:!1,onClick:jest.fn(),testId:"test-accordion"};it("renders correctly with default props",function(){r(n(i,t(e({},d),{children:n("div",{children:"Accordion Content"})}))),expect(c.getByTestId("test-accordion")).toBeInTheDocument(),expect(c.getByText("Accordion Title")).toBeInTheDocument()}),it("handles click events correctly",function(){r(n(i,t(e({},d),{children:n("div",{children:"Accordion Content"})}))),o.click(c.getByRole("button")),expect(d.onClick).toHaveBeenCalled()}),it("applies correct classes when open",function(){r(n(i,t(e({},d),{isOpen:!0,children:n("div",{children:"Accordion Content"})}))),expect(c.getByTestId("test-accordion")).toHaveClass("mono-accordion--is-open")}),it("applies disabled state correctly",function(){r(n(i,t(e({},d),{disabled:!0,children:n("div",{children:"Accordion Content"})}))),expect(c.getByRole("button")).toBeDisabled(),expect(c.getByTestId("test-accordion")).toHaveClass("mono-accordion--disabled")}),it("handles aria attributes correctly",function(){var o=r(n(i,t(e({},d),{children:n("div",{children:"Accordion Content"})}))).rerender;expect(c.getByRole("button")).toHaveAttribute("aria-expanded","false"),o(n(i,t(e({},d),{isOpen:!0,children:n("div",{children:"Accordion Content"})}))),expect(c.getByRole("button")).toHaveAttribute("aria-expanded","true")})});
|
|
@@ -1,80 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
|
|
5
|
-
import "./MonoAccordion.scss";
|
|
6
|
-
|
|
7
|
-
const RC = "mono-accordion";
|
|
8
|
-
|
|
9
|
-
const MonoAccordion = ({
|
|
10
|
-
titleJSX,
|
|
11
|
-
icon,
|
|
12
|
-
children,
|
|
13
|
-
isOpen,
|
|
14
|
-
onClick,
|
|
15
|
-
className,
|
|
16
|
-
disabled,
|
|
17
|
-
testId = "mono-accordion",
|
|
18
|
-
datasetProp = {},
|
|
19
|
-
}) => {
|
|
20
|
-
const [maxHeight, setMaxHeight] = useState();
|
|
21
|
-
const titleRef = useRef();
|
|
22
|
-
const containerRef = useRef();
|
|
23
|
-
|
|
24
|
-
const setHeight = (value) => {
|
|
25
|
-
if (value !== undefined) setMaxHeight((state) => `${value}px`);
|
|
26
|
-
else
|
|
27
|
-
setMaxHeight(
|
|
28
|
-
(state) =>
|
|
29
|
-
`${Array.from(containerRef.current?.childNodes)?.reduce?.((acc, el) => acc + el.offsetHeight, 0)}px`,
|
|
30
|
-
);
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
const handleClick = (e) => {
|
|
34
|
-
if (
|
|
35
|
-
!Array.from(titleRef.current.childNodes).some((el) =>
|
|
36
|
-
el.contains(e.target),
|
|
37
|
-
)
|
|
38
|
-
) {
|
|
39
|
-
onClick(e);
|
|
40
|
-
e?.preventDefault();
|
|
41
|
-
e?.stopPropagation();
|
|
42
|
-
} else return e;
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
useEffect(() => {
|
|
46
|
-
if (!isOpen) setHeight(0);
|
|
47
|
-
else setHeight();
|
|
48
|
-
}, [isOpen, children]);
|
|
49
|
-
|
|
50
|
-
return (
|
|
51
|
-
<div
|
|
52
|
-
{...datasetProp}
|
|
53
|
-
data-testid={testId}
|
|
54
|
-
className={cn(RC, className, {
|
|
55
|
-
[`${RC}_is-open`]: isOpen,
|
|
56
|
-
[`${RC}_disabled`]: disabled,
|
|
57
|
-
})}
|
|
58
|
-
>
|
|
59
|
-
<div
|
|
60
|
-
className={`${RC}__head`}
|
|
61
|
-
onClick={handleClick}
|
|
62
|
-
>
|
|
63
|
-
<div ref={titleRef} className={`${RC}__tile-container`}>
|
|
64
|
-
{titleJSX}
|
|
65
|
-
</div>
|
|
66
|
-
<span className={`${RC}__icon-container`}>{icon}</span>
|
|
67
|
-
</div>
|
|
68
|
-
|
|
69
|
-
<div
|
|
70
|
-
ref={containerRef}
|
|
71
|
-
style={{ maxHeight }}
|
|
72
|
-
className={cn(`${RC}__container`)}
|
|
73
|
-
>
|
|
74
|
-
<div className={`${RC}__content-wrapper`}>{children}</div>
|
|
75
|
-
</div>
|
|
76
|
-
</div>
|
|
77
|
-
);
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
export default MonoAccordion;
|
|
1
|
+
function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=Array(r);e<r;e++)n[e]=t[e];return n}function r(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useEffect as o,useRef as c,useState as i}from"react";import a from"classnames";import"./MonoAccordion.scss";var l="mono-accordion";export default function(u){var s,f,d,p,m=u.titleJSX,y=u.icon,b=u.children,v=u.isOpen,h=u.onClick,O=u.className,g=u.disabled,j=u.testId,P=u.datasetProp,w=(s=i(),function(t){if(Array.isArray(t))return t}(s)||function(t,r){var e,n,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var c=[],i=!0,a=!1;try{for(o=o.call(t);!(i=(e=o.next()).done)&&(c.push(e.value),c.length!==r);i=!0);}catch(t){a=!0,n=t}finally{try{i||null==o.return||o.return()}finally{if(a)throw n}}return c}}(s,2)||function(r,e){if(r){if("string"==typeof r)return t(r,2);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return t(r,e)}}(s,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),_=w[0],S=w[1],A=c(),N=c(),x=function(t){void 0!==t?S(function(r){return"".concat(t,"px")}):S(function(t){var r,e,n;return"".concat(null==(e=Array.from(null==(n=N.current)?void 0:n.childNodes))||null==(r=e.reduce)?void 0:r.call(e,function(t,r){return t+r.offsetHeight},0),"px")})};return o(function(){v?x():x(0)},[v,b]),n("div",(f=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.forEach(function(e){r(t,e,n[e])})}return t}({},void 0===P?{}:P),d=d={"data-testid":void 0===j?"mono-accordion":j,className:a(l,O,(r(p={},"".concat(l,"_is-open"),v),r(p,"".concat(l,"_disabled"),g),p)),children:[n("div",{className:"".concat(l,"__head"),onClick:function(t){if(Array.from(A.current.childNodes).some(function(r){return r.contains(t.target)}))return t;h(t),null==t||t.preventDefault(),null==t||t.stopPropagation()},children:[e("div",{ref:A,className:"".concat(l,"__tile-container"),children:m}),e("span",{className:"".concat(l,"__icon-container"),children:y})]}),e("div",{ref:N,style:{maxHeight:_},className:a("".concat(l,"__container")),children:e("div",{className:"".concat(l,"__content-wrapper"),children:b})})]},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(d)):(function(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e.push.apply(e,n)}return e})(Object(d)).forEach(function(t){Object.defineProperty(f,t,Object.getOwnPropertyDescriptor(d,t))}),f))}
|
|
@@ -1,293 +1 @@
|
|
|
1
|
-
function e(e, t) {
|
|
2
|
-
(null == t || t > e.length) && (t = e.length);
|
|
3
|
-
for(var n = 0, r = Array(t); n < t; n++)r[n] = e[n];
|
|
4
|
-
return r;
|
|
5
|
-
}
|
|
6
|
-
function t(e, t, n) {
|
|
7
|
-
return t in e ? Object.defineProperty(e, t, {
|
|
8
|
-
value: n,
|
|
9
|
-
enumerable: !0,
|
|
10
|
-
configurable: !0,
|
|
11
|
-
writable: !0
|
|
12
|
-
}) : e[t] = n, e;
|
|
13
|
-
}
|
|
14
|
-
function n(e) {
|
|
15
|
-
for(var n = 1; n < arguments.length; n++){
|
|
16
|
-
var r = null != arguments[n] ? arguments[n] : {}, a = Object.keys(r);
|
|
17
|
-
"function" == typeof Object.getOwnPropertySymbols && (a = a.concat(Object.getOwnPropertySymbols(r).filter(function(e) {
|
|
18
|
-
return Object.getOwnPropertyDescriptor(r, e).enumerable;
|
|
19
|
-
}))), a.forEach(function(n) {
|
|
20
|
-
t(e, n, r[n]);
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
return e;
|
|
24
|
-
}
|
|
25
|
-
function r(e, t) {
|
|
26
|
-
return t = null != t ? t : {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : (function(e, t) {
|
|
27
|
-
var n = Object.keys(e);
|
|
28
|
-
if (Object.getOwnPropertySymbols) {
|
|
29
|
-
var r = Object.getOwnPropertySymbols(e);
|
|
30
|
-
n.push.apply(n, r);
|
|
31
|
-
}
|
|
32
|
-
return n;
|
|
33
|
-
})(Object(t)).forEach(function(n) {
|
|
34
|
-
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
|
|
35
|
-
}), e;
|
|
36
|
-
}
|
|
37
|
-
function a(t, n) {
|
|
38
|
-
return function(e) {
|
|
39
|
-
if (Array.isArray(e)) return e;
|
|
40
|
-
}(t) || function(e, t) {
|
|
41
|
-
var n, r, a = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
42
|
-
if (null != a) {
|
|
43
|
-
var i = [], l = !0, o = !1;
|
|
44
|
-
try {
|
|
45
|
-
for(a = a.call(e); !(l = (n = a.next()).done) && (i.push(n.value), !t || i.length !== t); l = !0);
|
|
46
|
-
} catch (e) {
|
|
47
|
-
o = !0, r = e;
|
|
48
|
-
} finally{
|
|
49
|
-
try {
|
|
50
|
-
l || null == a.return || a.return();
|
|
51
|
-
} finally{
|
|
52
|
-
if (o) throw r;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
return i;
|
|
56
|
-
}
|
|
57
|
-
}(t, n) || function(t, n) {
|
|
58
|
-
if (t) {
|
|
59
|
-
if ("string" == typeof t) return e(t, n);
|
|
60
|
-
var r = Object.prototype.toString.call(t).slice(8, -1);
|
|
61
|
-
if ("Object" === r && t.constructor && (r = t.constructor.name), "Map" === r || "Set" === r) return Array.from(r);
|
|
62
|
-
if ("Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return e(t, n);
|
|
63
|
-
}
|
|
64
|
-
}(t, n) || function() {
|
|
65
|
-
throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
66
|
-
}();
|
|
67
|
-
}
|
|
68
|
-
Object.defineProperty(exports, "__esModule", {
|
|
69
|
-
value: !0
|
|
70
|
-
}), Object.defineProperty(exports, "default", {
|
|
71
|
-
enumerable: !0,
|
|
72
|
-
get: function() {
|
|
73
|
-
return p;
|
|
74
|
-
}
|
|
75
|
-
});
|
|
76
|
-
var i, l = require("react/jsx-runtime"), o = (i = require("classnames")) && i.__esModule ? i : {
|
|
77
|
-
default: i
|
|
78
|
-
}, c = v(require("react")), u = v(require("react-feather")), s = require("react-router-dom"), f = require("../../../Constants/index.constants");
|
|
79
|
-
function d(e) {
|
|
80
|
-
if ("function" != typeof WeakMap) return null;
|
|
81
|
-
var t = new WeakMap(), n = new WeakMap();
|
|
82
|
-
return (d = function(e) {
|
|
83
|
-
return e ? n : t;
|
|
84
|
-
})(e);
|
|
85
|
-
}
|
|
86
|
-
function v(e, t) {
|
|
87
|
-
if (!t && e && e.__esModule) return e;
|
|
88
|
-
if (null === e || (void 0 === e ? "undefined" : e && "undefined" != typeof Symbol && e.constructor === Symbol ? "symbol" : typeof e) != "object" && "function" != typeof e) return {
|
|
89
|
-
default: e
|
|
90
|
-
};
|
|
91
|
-
var n = d(t);
|
|
92
|
-
if (n && n.has(e)) return n.get(e);
|
|
93
|
-
var r = {
|
|
94
|
-
__proto__: null
|
|
95
|
-
}, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
96
|
-
for(var i in e)if ("default" !== i && Object.prototype.hasOwnProperty.call(e, i)) {
|
|
97
|
-
var l = a ? Object.getOwnPropertyDescriptor(e, i) : null;
|
|
98
|
-
l && (l.get || l.set) ? Object.defineProperty(r, i, l) : r[i] = e[i];
|
|
99
|
-
}
|
|
100
|
-
return r.default = e, n && n.set(e, r), r;
|
|
101
|
-
}
|
|
102
|
-
require("./NavLine.scss");
|
|
103
|
-
var b = 'nav-line', p = function(e) {
|
|
104
|
-
var i = e.root, d = void 0 === i ? '' : i, v = e.activeTab, p = e.variant, y = e.onChange, m = e.className, h = e.items, _ = e.children, j = e.isLocal, O = void 0 !== j && j, g = e.mode, w = e.isNavigateByKeys, x = e.isTabLoading, k = e.scrollMode, E = void 0 !== k && k, S = e.testId, C = void 0 === S ? b : S, P = a((0, c.useState)([]), 2), I = P[0], L = P[1], N = (0, c.useRef)(null), D = (0, c.useRef)(null), R = a((0, c.useState)(!1), 2), A = R[0], W = R[1], M = a((0, c.useState)(!1), 2), q = M[0], K = M[1], T = a((0, c.useState)(!1), 2), Y = T[0], B = T[1], z = a((0, c.useState)(!1), 2), H = z[0], F = z[1], G = (0, c.useCallback)(function() {
|
|
105
|
-
var e = D.current;
|
|
106
|
-
if (e) {
|
|
107
|
-
var t = e.scrollWidth > e.clientWidth, n = e.scrollLeft > 0, r = e.scrollLeft < e.scrollWidth - e.clientWidth;
|
|
108
|
-
W(t), K(n), B(r);
|
|
109
|
-
}
|
|
110
|
-
}, []), U = (0, c.useCallback)(function(e) {
|
|
111
|
-
if (!H && D.current) {
|
|
112
|
-
F(!0);
|
|
113
|
-
var t = 'left' === e ? -100 : 100;
|
|
114
|
-
try {
|
|
115
|
-
D.current.scrollBy({
|
|
116
|
-
left: t,
|
|
117
|
-
behavior: 'smooth'
|
|
118
|
-
});
|
|
119
|
-
} catch (e) {
|
|
120
|
-
D.current && (D.current.scrollLeft += t);
|
|
121
|
-
}
|
|
122
|
-
setTimeout(function() {
|
|
123
|
-
F(!1), G();
|
|
124
|
-
}, 300);
|
|
125
|
-
}
|
|
126
|
-
}, [
|
|
127
|
-
H,
|
|
128
|
-
G
|
|
129
|
-
]), $ = (0, c.useCallback)(function(e) {
|
|
130
|
-
E && (e.preventDefault(), e.deltaY > 0 ? U('right') : U('left'));
|
|
131
|
-
}, [
|
|
132
|
-
U,
|
|
133
|
-
E
|
|
134
|
-
]), J = (0, c.useCallback)(function(e) {
|
|
135
|
-
e.disabled || 'create' === g && 'general' !== e.tabId || y(e.tabId);
|
|
136
|
-
}, [
|
|
137
|
-
g,
|
|
138
|
-
y
|
|
139
|
-
]), Q = (0, c.useCallback)(function(e) {
|
|
140
|
-
if (!e.repeat) {
|
|
141
|
-
var t, n, r = h.findIndex(function(e) {
|
|
142
|
-
return e.tabId === v;
|
|
143
|
-
}), a = null == (t = h[r + 1]) ? void 0 : t.tabId, i = null == (n = h[r - 1]) ? void 0 : n.tabId;
|
|
144
|
-
e.keyCode === f.KEYBOARD_KEY_CODES.ARROW_RIGHT && a ? y(a) : e.keyCode === f.KEYBOARD_KEY_CODES.ARROW_LEFT && i && y(i);
|
|
145
|
-
}
|
|
146
|
-
}, [
|
|
147
|
-
v,
|
|
148
|
-
h,
|
|
149
|
-
y
|
|
150
|
-
]);
|
|
151
|
-
return (0, c.useEffect)(function() {
|
|
152
|
-
L(h.map(function(e) {
|
|
153
|
-
return r(n({}, e), {
|
|
154
|
-
ref: (0, c.createRef)()
|
|
155
|
-
});
|
|
156
|
-
}));
|
|
157
|
-
}, [
|
|
158
|
-
h
|
|
159
|
-
]), (0, c.useEffect)(function() {
|
|
160
|
-
return w && !x && document.addEventListener('keydown', Q), function() {
|
|
161
|
-
return document.removeEventListener('keydown', Q);
|
|
162
|
-
};
|
|
163
|
-
}, [
|
|
164
|
-
w,
|
|
165
|
-
x,
|
|
166
|
-
Q
|
|
167
|
-
]), (0, c.useEffect)(function() {
|
|
168
|
-
if (E) {
|
|
169
|
-
var e = D.current;
|
|
170
|
-
if (e) {
|
|
171
|
-
var t = new ResizeObserver(G);
|
|
172
|
-
return t.observe(e), e.addEventListener('scroll', G), e.addEventListener('wheel', $, {
|
|
173
|
-
passive: !1
|
|
174
|
-
}), G(), function() {
|
|
175
|
-
t.disconnect(), e.removeEventListener('scroll', G), e.removeEventListener('wheel', $);
|
|
176
|
-
};
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
}, [
|
|
180
|
-
E,
|
|
181
|
-
G,
|
|
182
|
-
$
|
|
183
|
-
]), (0, l.jsx)("div", {
|
|
184
|
-
className: "nav-line-wrapper",
|
|
185
|
-
children: (0, l.jsxs)("div", {
|
|
186
|
-
"data-testid": C,
|
|
187
|
-
className: (0, o.default)(t({}, b, !p), t({}, "".concat(b, "--simple"), 'simple' === p), t({}, "".concat(b, "--scroll-mode"), E), m),
|
|
188
|
-
ref: N,
|
|
189
|
-
children: [
|
|
190
|
-
E && A && (0, l.jsx)("button", {
|
|
191
|
-
type: "button",
|
|
192
|
-
"data-testid": "nav-line-scroll-prev",
|
|
193
|
-
className: "nav-line--simple__arrow nav-line--simple__arrow--prev",
|
|
194
|
-
onClick: function() {
|
|
195
|
-
return U('left');
|
|
196
|
-
},
|
|
197
|
-
"aria-label": "Scroll previous",
|
|
198
|
-
disabled: !q,
|
|
199
|
-
children: (0, l.jsx)(u.ChevronLeft, {})
|
|
200
|
-
}),
|
|
201
|
-
(0, l.jsx)("div", {
|
|
202
|
-
ref: D,
|
|
203
|
-
className: (0, o.default)({
|
|
204
|
-
'nav-line__inner': !p
|
|
205
|
-
}, {
|
|
206
|
-
'nav-line--simple__inner': 'simple' === p
|
|
207
|
-
}),
|
|
208
|
-
role: "tablist",
|
|
209
|
-
"aria-orientation": "horizontal",
|
|
210
|
-
children: I.map(function(e) {
|
|
211
|
-
var t, a = e.icon ? u[e.icon] : null, i = e.disabled || 'create' === g && 'general' !== e.tabId, c = {
|
|
212
|
-
title: e.title,
|
|
213
|
-
key: "tab__".concat(e.tabId),
|
|
214
|
-
className: (0, o.default)({
|
|
215
|
-
'nav-line__item': !p
|
|
216
|
-
}, {
|
|
217
|
-
'nav-line--simple__item': 'simple' === p
|
|
218
|
-
}, {
|
|
219
|
-
active: v === e.tabId
|
|
220
|
-
}, {
|
|
221
|
-
disabled: i
|
|
222
|
-
}, {
|
|
223
|
-
'nav-line__item--hidden': e.isHidden
|
|
224
|
-
}),
|
|
225
|
-
role: 'tab',
|
|
226
|
-
'aria-selected': v === e.tabId,
|
|
227
|
-
'aria-disabled': i,
|
|
228
|
-
tabIndex: i ? -1 : 0
|
|
229
|
-
}, f = (0, l.jsxs)("div", {
|
|
230
|
-
className: "nav-line__content",
|
|
231
|
-
children: [
|
|
232
|
-
a && (0, l.jsx)("div", {
|
|
233
|
-
className: "nav-line__item--icon",
|
|
234
|
-
"aria-hidden": "true",
|
|
235
|
-
children: (0, l.jsx)(a, {})
|
|
236
|
-
}),
|
|
237
|
-
(0, l.jsx)("span", {
|
|
238
|
-
className: (0, o.default)({
|
|
239
|
-
'nav-line__item--label': 'simple' !== p
|
|
240
|
-
}),
|
|
241
|
-
children: e.label
|
|
242
|
-
}),
|
|
243
|
-
void 0 !== e.count && (0, l.jsxs)("span", {
|
|
244
|
-
className: "nav-line-count",
|
|
245
|
-
"aria-label": "".concat(e.count, " items"),
|
|
246
|
-
children: [
|
|
247
|
-
"(",
|
|
248
|
-
e.count,
|
|
249
|
-
")"
|
|
250
|
-
]
|
|
251
|
-
})
|
|
252
|
-
]
|
|
253
|
-
});
|
|
254
|
-
return O ? (0, l.jsx)("span", r(n({}, c), {
|
|
255
|
-
ref: (t = e.ref) ? 'function' == typeof t ? function(e) {
|
|
256
|
-
return t(e);
|
|
257
|
-
} : t : null,
|
|
258
|
-
onClick: function() {
|
|
259
|
-
return !i && J(e);
|
|
260
|
-
},
|
|
261
|
-
onKeyPress: function(t) {
|
|
262
|
-
i || 'Enter' !== t.key && ' ' !== t.key || (t.preventDefault(), J(e));
|
|
263
|
-
},
|
|
264
|
-
children: f
|
|
265
|
-
})) : (0, l.jsx)(s.NavLink, r(n({}, c), {
|
|
266
|
-
to: "".concat(d).concat((null == e ? void 0 : e.linkChapter) || e.tabId, "/"),
|
|
267
|
-
onClick: function(e) {
|
|
268
|
-
i && e.preventDefault();
|
|
269
|
-
},
|
|
270
|
-
children: f
|
|
271
|
-
}));
|
|
272
|
-
})
|
|
273
|
-
}),
|
|
274
|
-
E && A && (0, l.jsx)("button", {
|
|
275
|
-
type: "button",
|
|
276
|
-
"data-testid": "nav-line-scroll-next",
|
|
277
|
-
className: "nav-line--simple__arrow nav-line--simple__arrow--next",
|
|
278
|
-
onClick: function() {
|
|
279
|
-
return U('right');
|
|
280
|
-
},
|
|
281
|
-
"aria-label": "Scroll next",
|
|
282
|
-
disabled: !Y,
|
|
283
|
-
children: (0, l.jsx)(u.ChevronRight, {})
|
|
284
|
-
}),
|
|
285
|
-
_ && (0, l.jsx)("div", {
|
|
286
|
-
className: "nav-line__body",
|
|
287
|
-
role: "tabpanel",
|
|
288
|
-
children: _
|
|
289
|
-
})
|
|
290
|
-
]
|
|
291
|
-
})
|
|
292
|
-
});
|
|
293
|
-
};
|
|
1
|
+
function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function n(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),a.forEach(function(n){t(e,n,r[n])})}return e}function r(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n})(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}function a(t,n){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n,r,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var i=[],l=!0,o=!1;try{for(a=a.call(e);!(l=(n=a.next()).done)&&(i.push(n.value),!t||i.length!==t);l=!0);}catch(e){o=!0,r=e}finally{try{l||null==a.return||a.return()}finally{if(o)throw r}}return i}}(t,n)||function(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,n)}}(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return p}});var i,l=require("react/jsx-runtime"),o=(i=require("classnames"))&&i.__esModule?i:{default:i},c=v(require("react")),u=v(require("react-feather")),s=require("react-router-dom"),f=require("../../../Constants/index.constants");function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function v(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(r,i,l):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}require("./NavLine.scss");var b="nav-line",p=function(e){var i=e.root,d=void 0===i?"":i,v=e.activeTab,p=e.variant,y=e.onChange,m=e.className,h=e.items,_=e.children,j=e.isLocal,O=void 0!==j&&j,g=e.mode,w=e.isNavigateByKeys,x=e.isTabLoading,k=e.scrollMode,E=void 0!==k&&k,S=e.testId,C=void 0===S?b:S,P=a((0,c.useState)([]),2),I=P[0],L=P[1],N=(0,c.useRef)(null),D=(0,c.useRef)(null),R=a((0,c.useState)(!1),2),A=R[0],W=R[1],M=a((0,c.useState)(!1),2),q=M[0],K=M[1],T=a((0,c.useState)(!1),2),Y=T[0],B=T[1],z=a((0,c.useState)(!1),2),H=z[0],F=z[1],G=(0,c.useCallback)(function(){var e=D.current;if(e){var t=e.scrollWidth>e.clientWidth,n=e.scrollLeft>0,r=e.scrollLeft<e.scrollWidth-e.clientWidth;W(t),K(n),B(r)}},[]),U=(0,c.useCallback)(function(e){if(!H&&D.current){F(!0);var t="left"===e?-100:100;try{D.current.scrollBy({left:t,behavior:"smooth"})}catch(e){D.current&&(D.current.scrollLeft+=t)}setTimeout(function(){F(!1),G()},300)}},[H,G]),$=(0,c.useCallback)(function(e){E&&(e.preventDefault(),e.deltaY>0?U("right"):U("left"))},[U,E]),J=(0,c.useCallback)(function(e){e.disabled||"create"===g&&"general"!==e.tabId||y(e.tabId)},[g,y]),Q=(0,c.useCallback)(function(e){if(!e.repeat){var t,n,r=h.findIndex(function(e){return e.tabId===v}),a=null==(t=h[r+1])?void 0:t.tabId,i=null==(n=h[r-1])?void 0:n.tabId;e.keyCode===f.KEYBOARD_KEY_CODES.ARROW_RIGHT&&a?y(a):e.keyCode===f.KEYBOARD_KEY_CODES.ARROW_LEFT&&i&&y(i)}},[v,h,y]);return(0,c.useEffect)(function(){L(h.map(function(e){return r(n({},e),{ref:(0,c.createRef)()})}))},[h]),(0,c.useEffect)(function(){return w&&!x&&document.addEventListener("keydown",Q),function(){return document.removeEventListener("keydown",Q)}},[w,x,Q]),(0,c.useEffect)(function(){if(E){var e=D.current;if(e){var t=new ResizeObserver(G);return t.observe(e),e.addEventListener("scroll",G),e.addEventListener("wheel",$,{passive:!1}),G(),function(){t.disconnect(),e.removeEventListener("scroll",G),e.removeEventListener("wheel",$)}}}},[E,G,$]),(0,l.jsx)("div",{className:"nav-line-wrapper",children:(0,l.jsxs)("div",{"data-testid":C,className:(0,o.default)(t({},b,!p),t({},"".concat(b,"--simple"),"simple"===p),t({},"".concat(b,"--scroll-mode"),E),m),ref:N,children:[E&&A&&(0,l.jsx)("button",{type:"button","data-testid":"nav-line-scroll-prev",className:"nav-line--simple__arrow nav-line--simple__arrow--prev",onClick:function(){return U("left")},"aria-label":"Scroll previous",disabled:!q,children:(0,l.jsx)(u.ChevronLeft,{})}),(0,l.jsx)("div",{ref:D,className:(0,o.default)({"nav-line__inner":!p},{"nav-line--simple__inner":"simple"===p}),role:"tablist","aria-orientation":"horizontal",children:I.map(function(e){var t,a=e.icon?u[e.icon]:null,i=e.disabled||"create"===g&&"general"!==e.tabId,c={title:e.title,key:"tab__".concat(e.tabId),className:(0,o.default)({"nav-line__item":!p},{"nav-line--simple__item":"simple"===p},{active:v===e.tabId},{disabled:i},{"nav-line__item--hidden":e.isHidden}),role:"tab","aria-selected":v===e.tabId,"aria-disabled":i,tabIndex:i?-1:0},f=(0,l.jsxs)("div",{className:"nav-line__content",children:[a&&(0,l.jsx)("div",{className:"nav-line__item--icon","aria-hidden":"true",children:(0,l.jsx)(a,{})}),(0,l.jsx)("span",{className:(0,o.default)({"nav-line__item--label":"simple"!==p}),children:e.label}),void 0!==e.count&&(0,l.jsxs)("span",{className:"nav-line-count","aria-label":"".concat(e.count," items"),children:["(",e.count,")"]})]});return O?(0,l.jsx)("span",r(n({},c),{ref:(t=e.ref)?"function"==typeof t?function(e){return t(e)}:t:null,onClick:function(){return!i&&J(e)},onKeyPress:function(t){i||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),J(e))},children:f})):(0,l.jsx)(s.NavLink,r(n({},c),{to:"".concat(d).concat((null==e?void 0:e.linkChapter)||e.tabId,"/"),onClick:function(e){i&&e.preventDefault()},children:f}))})}),E&&A&&(0,l.jsx)("button",{type:"button","data-testid":"nav-line-scroll-next",className:"nav-line--simple__arrow nav-line--simple__arrow--next",onClick:function(){return U("right")},"aria-label":"Scroll next",disabled:!Y,children:(0,l.jsx)(u.ChevronRight,{})}),_&&(0,l.jsx)("div",{className:"nav-line__body",role:"tabpanel",children:_})]})})};
|
|
@@ -1,75 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", {
|
|
2
|
-
value: !0
|
|
3
|
-
}), Object.defineProperty(exports, "default", {
|
|
4
|
-
enumerable: !0,
|
|
5
|
-
get: function() {
|
|
6
|
-
return c;
|
|
7
|
-
}
|
|
8
|
-
});
|
|
9
|
-
var e, a = require("react/jsx-runtime"), r = (e = require("classnames")) && e.__esModule ? e : {
|
|
10
|
-
default: e
|
|
11
|
-
};
|
|
12
|
-
require("react");
|
|
13
|
-
var s = require("react-feather");
|
|
14
|
-
require("./PageTitle.scss");
|
|
15
|
-
var l = 'page-title', c = function(e) {
|
|
16
|
-
var c = e.title, t = e.pages, i = e.children, n = e.testId, d = void 0 === n ? l : n;
|
|
17
|
-
return (0, a.jsxs)("div", {
|
|
18
|
-
"data-testid": d,
|
|
19
|
-
className: l,
|
|
20
|
-
role: "region",
|
|
21
|
-
"aria-label": c,
|
|
22
|
-
children: [
|
|
23
|
-
(0, a.jsxs)("div", {
|
|
24
|
-
className: "".concat(l, "__wrap"),
|
|
25
|
-
children: [
|
|
26
|
-
(0, a.jsx)("h1", {
|
|
27
|
-
className: "".concat(l, "__title"),
|
|
28
|
-
children: c
|
|
29
|
-
}),
|
|
30
|
-
t.length > 0 && (0, a.jsx)("nav", {
|
|
31
|
-
className: "".concat(l, "__pages"),
|
|
32
|
-
"aria-label": "Breadcrumb",
|
|
33
|
-
children: (0, a.jsxs)("ol", {
|
|
34
|
-
className: "".concat(l, "__list"),
|
|
35
|
-
children: [
|
|
36
|
-
(0, a.jsx)("li", {
|
|
37
|
-
children: (0, a.jsx)("a", {
|
|
38
|
-
className: "".concat(l, "__link"),
|
|
39
|
-
href: "/",
|
|
40
|
-
"aria-label": "Home page",
|
|
41
|
-
children: (0, a.jsx)(s.Home, {
|
|
42
|
-
"aria-hidden": "true"
|
|
43
|
-
})
|
|
44
|
-
})
|
|
45
|
-
}),
|
|
46
|
-
t.map(function(e, s) {
|
|
47
|
-
var c = e.name, i = e.path;
|
|
48
|
-
return (0, a.jsxs)("li", {
|
|
49
|
-
children: [
|
|
50
|
-
(0, a.jsx)("span", {
|
|
51
|
-
className: "".concat(l, "__delimiter"),
|
|
52
|
-
"aria-hidden": "true",
|
|
53
|
-
children: "/"
|
|
54
|
-
}),
|
|
55
|
-
t.length - 1 === s ? (0, a.jsx)("span", {
|
|
56
|
-
className: (0, r.default)("".concat(l, "__link"), "".concat(l, "__link_last")),
|
|
57
|
-
"aria-current": "page",
|
|
58
|
-
children: c
|
|
59
|
-
}) : (0, a.jsx)("a", {
|
|
60
|
-
className: "".concat(l, "__link"),
|
|
61
|
-
href: i,
|
|
62
|
-
children: c
|
|
63
|
-
})
|
|
64
|
-
]
|
|
65
|
-
}, i);
|
|
66
|
-
})
|
|
67
|
-
]
|
|
68
|
-
})
|
|
69
|
-
})
|
|
70
|
-
]
|
|
71
|
-
}),
|
|
72
|
-
i
|
|
73
|
-
]
|
|
74
|
-
});
|
|
75
|
-
};
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return c}});var e,a=require("react/jsx-runtime"),r=(e=require("classnames"))&&e.__esModule?e:{default:e};require("react");var s=require("react-feather");require("./PageTitle.scss");var l="page-title",c=function(e){var c=e.title,t=e.pages,i=e.children,n=e.testId,d=void 0===n?l:n;return(0,a.jsxs)("div",{"data-testid":d,className:l,role:"region","aria-label":c,children:[(0,a.jsxs)("div",{className:"".concat(l,"__wrap"),children:[(0,a.jsx)("h1",{className:"".concat(l,"__title"),children:c}),t.length>0&&(0,a.jsx)("nav",{className:"".concat(l,"__pages"),"aria-label":"Breadcrumb",children:(0,a.jsxs)("ol",{className:"".concat(l,"__list"),children:[(0,a.jsx)("li",{children:(0,a.jsx)("a",{className:"".concat(l,"__link"),href:"/","aria-label":"Home page",children:(0,a.jsx)(s.Home,{"aria-hidden":"true"})})}),t.map(function(e,s){var c=e.name,i=e.path;return(0,a.jsxs)("li",{children:[(0,a.jsx)("span",{className:"".concat(l,"__delimiter"),"aria-hidden":"true",children:"/"}),t.length-1===s?(0,a.jsx)("span",{className:(0,r.default)("".concat(l,"__link"),"".concat(l,"__link_last")),"aria-current":"page",children:c}):(0,a.jsx)("a",{className:"".concat(l,"__link"),href:i,children:c})]},i)})]})})]}),i]})};
|
|
@@ -1,42 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import { ArcElement, Chart as ChartJS, Tooltip } from "chart.js";
|
|
4
|
-
import { Pie } from "react-chartjs-2";
|
|
5
|
-
|
|
6
|
-
import "./PieChart.scss";
|
|
7
|
-
|
|
8
|
-
ChartJS.register(ArcElement, Tooltip);
|
|
9
|
-
|
|
10
|
-
const PieChart = ({
|
|
11
|
-
data,
|
|
12
|
-
cutout = "80%",
|
|
13
|
-
resultLabel,
|
|
14
|
-
resultValue = 0,
|
|
15
|
-
withLegend = false,
|
|
16
|
-
}) => {
|
|
17
|
-
const options = {
|
|
18
|
-
cutout,
|
|
19
|
-
plugins: {
|
|
20
|
-
legend: {
|
|
21
|
-
display: withLegend,
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
return (
|
|
27
|
-
<div className="pie-chart-box" style={{ maxWidth: `320px` }}>
|
|
28
|
-
<Pie data={data} options={options} />
|
|
29
|
-
{Boolean(resultLabel) && (
|
|
30
|
-
<div className="pie-chart__result">
|
|
31
|
-
<div className="pie-chart__result-value">
|
|
32
|
-
{resultValue}
|
|
33
|
-
<span className="pie-chart__result-percent">%</span>{" "}
|
|
34
|
-
</div>
|
|
35
|
-
<div className="pie-chart__result-label">{resultLabel}</div>
|
|
36
|
-
</div>
|
|
37
|
-
)}
|
|
38
|
-
</div>
|
|
39
|
-
);
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
export default PieChart;
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import{ArcElement as r,Chart as a,Tooltip as s}from"chart.js";import{Pie as i}from"react-chartjs-2";import"./PieChart.scss";a.register(r,s);export default function(r){var a=r.data,s=r.cutout,l=r.resultLabel,c=r.resultValue,d=r.withLegend;return t("div",{className:"pie-chart-box",style:{maxWidth:"320px"},children:[e(i,{data:a,options:{cutout:void 0===s?"80%":s,plugins:{legend:{display:void 0!==d&&d}}}}),!!l&&t("div",{className:"pie-chart__result",children:[t("div",{className:"pie-chart__result-value",children:[void 0===c?0:c,e("span",{className:"pie-chart__result-percent",children:"%"})," "]}),e("div",{className:"pie-chart__result-label",children:l})]})]})}
|
|
@@ -1,22 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", {
|
|
2
|
-
value: !0
|
|
3
|
-
}), Object.defineProperty(exports, "default", {
|
|
4
|
-
enumerable: !0,
|
|
5
|
-
get: function() {
|
|
6
|
-
return u;
|
|
7
|
-
}
|
|
8
|
-
});
|
|
9
|
-
var e, r = require("react/jsx-runtime"), t = (e = require("classnames")) && e.__esModule ? e : {
|
|
10
|
-
default: e
|
|
11
|
-
};
|
|
12
|
-
require("react");
|
|
13
|
-
var a = require("../../../Functions/fieldValueFormatters"), i = 'price', u = function(e) {
|
|
14
|
-
var u = e.value, n = e.currencyCode, o = e.isSymbolAfter, c = e.className, l = e.testId, s = void 0 === l ? i : l;
|
|
15
|
-
return null == u ? null : (0, r.jsx)("div", {
|
|
16
|
-
"data-testid": s,
|
|
17
|
-
className: (0, t.default)(i, c),
|
|
18
|
-
role: "contentinfo",
|
|
19
|
-
"aria-label": "Price: ".concat((0, a.formatToPriceWithCurrency)(u, n, o ? 'after' : 'before')),
|
|
20
|
-
children: (0, a.formatToPriceWithCurrency)(u, n, o ? 'after' : 'before')
|
|
21
|
-
});
|
|
22
|
-
};
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return u}});var e,r=require("react/jsx-runtime"),t=(e=require("classnames"))&&e.__esModule?e:{default:e};require("react");var a=require("../../../Functions/fieldValueFormatters"),i="price",u=function(e){var u=e.value,n=e.currencyCode,o=e.isSymbolAfter,c=e.className,l=e.testId,s=void 0===l?i:l;return null==u?null:(0,r.jsx)("div",{"data-testid":s,className:(0,t.default)(i,c),role:"contentinfo","aria-label":"Price: ".concat((0,a.formatToPriceWithCurrency)(u,n,o?"after":"before")),children:(0,a.formatToPriceWithCurrency)(u,n,o?"after":"before")})};
|
|
@@ -1,36 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", {
|
|
2
|
-
value: !0
|
|
3
|
-
}), Object.defineProperty(exports, "default", {
|
|
4
|
-
enumerable: !0,
|
|
5
|
-
get: function() {
|
|
6
|
-
return l;
|
|
7
|
-
}
|
|
8
|
-
});
|
|
9
|
-
var e, r = require("react/jsx-runtime"), i = (e = require("classnames")) && e.__esModule ? e : {
|
|
10
|
-
default: e
|
|
11
|
-
};
|
|
12
|
-
require("react");
|
|
13
|
-
var t = require("../../../Functions/fieldValueFormatters"), a = 'price-range', l = function(e) {
|
|
14
|
-
var l = e.from, o = e.to, n = e.mode, s = e.testId, u = void 0 === s ? a : s;
|
|
15
|
-
return (0, r.jsx)("div", {
|
|
16
|
-
"data-testid": u,
|
|
17
|
-
className: (0, i.default)(a, 'j4'),
|
|
18
|
-
role: "region",
|
|
19
|
-
"aria-label": "Price range",
|
|
20
|
-
children: 'simple' === n ? (0, r.jsxs)("span", {
|
|
21
|
-
"aria-live": "polite",
|
|
22
|
-
children: [
|
|
23
|
-
l,
|
|
24
|
-
' - ',
|
|
25
|
-
o
|
|
26
|
-
]
|
|
27
|
-
}) : (0, r.jsxs)("span", {
|
|
28
|
-
"aria-live": "polite",
|
|
29
|
-
children: [
|
|
30
|
-
(0, t.formatToPriceWithUSD)(null == l ? void 0 : l.toString()),
|
|
31
|
-
' - ',
|
|
32
|
-
(0, t.formatToPriceWithUSD)(null == o ? void 0 : o.toString())
|
|
33
|
-
]
|
|
34
|
-
})
|
|
35
|
-
});
|
|
36
|
-
};
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return l}});var e,r=require("react/jsx-runtime"),i=(e=require("classnames"))&&e.__esModule?e:{default:e};require("react");var t=require("../../../Functions/fieldValueFormatters"),a="price-range",l=function(e){var l=e.from,o=e.to,n=e.mode,s=e.testId,u=void 0===s?a:s;return(0,r.jsx)("div",{"data-testid":u,className:(0,i.default)(a,"j4"),role:"region","aria-label":"Price range",children:"simple"===n?(0,r.jsxs)("span",{"aria-live":"polite",children:[l," - ",o]}):(0,r.jsxs)("span",{"aria-live":"polite",children:[(0,t.formatToPriceWithUSD)(null==l?void 0:l.toString())," - ",(0,t.formatToPriceWithUSD)(null==o?void 0:o.toString())]})})};
|