intelicoreact 1.5.40 → 1.5.41
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/package.json +1 -1
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.interface.js +0 -4
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.stories.js +0 -89
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.test.js +0 -130
- package/dist/Atomic/FormElements/ActionAlert/index.js +0 -17
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.interface.js +0 -4
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.stories.js +0 -81
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.test.js +0 -104
- package/dist/Atomic/FormElements/AdvancedStatus/index.js +0 -17
- package/dist/Atomic/FormElements/Calendar/Calendar.props.js +0 -4
- package/dist/Atomic/FormElements/Calendar/Calendar.stories.js +0 -108
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.interface.js +0 -4
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +0 -100
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.test.js +0 -143
- package/dist/Atomic/FormElements/CheckboxInput/index.js +0 -17
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.interface.js +0 -4
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.stories.js +0 -94
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.test.js +0 -177
- package/dist/Atomic/FormElements/CheckboxesLine/index.js +0 -17
- package/dist/Atomic/FormElements/Datepicker/Datepicker.stories.js +0 -51
- package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +0 -596
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.stories.js +0 -272
- package/dist/Atomic/FormElements/FileLoader/FileLoader.stories.js +0 -182
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.stories.js +0 -327
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.stories.js +0 -186
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.stories.js +0 -84
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.stories.js +0 -107
- package/dist/Atomic/FormElements/Input/Input.stories.js +0 -251
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +0 -115
- package/dist/Atomic/FormElements/InputColor/InputColor.stories.js +0 -119
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.interface.js +0 -4
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.stories.js +0 -178
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.test.js +0 -129
- package/dist/Atomic/FormElements/InputCurrency/index.js +0 -16
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +0 -123
- package/dist/Atomic/FormElements/InputLink/InputLink.stories.js +0 -140
- package/dist/Atomic/FormElements/InputMask/InputMask.stories.js +0 -303
- package/dist/Atomic/FormElements/InputMask2/InputMask2.stories.js +0 -314
- package/dist/Atomic/FormElements/InputMask3/InputMask3.stories.js +0 -335
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.stories.js +0 -276
- package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -56
- package/dist/Atomic/FormElements/Label/Label.interface.js +0 -4
- package/dist/Atomic/FormElements/Label/Label.stories.js +0 -47
- package/dist/Atomic/FormElements/Label/Label.test.js +0 -167
- package/dist/Atomic/FormElements/Label/index.js +0 -17
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js +0 -172
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +0 -121
- package/dist/Atomic/FormElements/NumericInput/NumericInput.stories.js +0 -184
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.stories.js +0 -79
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.stories.js +0 -151
- package/dist/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -67
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.stories.js +0 -116
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.stories.js +0 -107
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -92
- package/dist/Atomic/FormElements/RangeList/RangeList.stories.js +0 -169
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.stories.js +0 -401
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.stories.js +0 -314
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.stories.js +0 -137
- package/dist/Atomic/FormElements/Switcher/Switcher.stories.js +0 -91
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.stories.js +0 -104
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.stories.js +0 -96
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.stories.js +0 -140
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.stories.js +0 -112
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.stories.js +0 -145
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.stories.js +0 -158
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.stories.js +0 -101
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.stories.js +0 -131
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -357
- package/dist/Atomic/FormElements/Text/Text.stories.js +0 -80
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -106
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.test.js +0 -93
- package/dist/Atomic/FormElements/Textarea/Textarea.stories.js +0 -103
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.stories.js +0 -174
- package/dist/Atomic/FormElements/TimeRange/TimeRange.interface.js +0 -4
- package/dist/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -40
- package/dist/Atomic/FormElements/TimeRange/TimeRange.test.js +0 -163
- package/dist/Atomic/FormElements/TimeRange/index.js +0 -17
- package/dist/Atomic/FormElements/UserContacts/UserContact.test.js +0 -381
- package/dist/Atomic/FormElements/UserContacts/UserContacts.interface.js +0 -4
- package/dist/Atomic/FormElements/UserContacts/UserContacts.stories.js +0 -74
- package/dist/Atomic/FormElements/UserContacts/index.js +0 -17
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.stories.js +0 -193
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.stories.js +0 -147
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.stories.js +0 -151
- package/dist/Atomic/Layout/Header/Header.stories.js +0 -71
- package/dist/Atomic/Layout/MainMenu/MainMenu.stories.js +0 -115
- package/dist/Atomic/Layout/Spinner/Spinner.interface.js +0 -4
- package/dist/Atomic/Layout/Spinner/Spinner.stories.js +0 -46
- package/dist/Atomic/Layout/Spinner/Spinner.test.js +0 -54
- package/dist/Atomic/Layout/Spinner/index.js +0 -17
- package/dist/Atomic/UI/Accordion/Accordion.interface.js +0 -4
- package/dist/Atomic/UI/Accordion/Accordion.stories.js +0 -168
- package/dist/Atomic/UI/Accordion/Accordion.test.js +0 -54
- package/dist/Atomic/UI/Accordion/AccordionItem.test.js +0 -50
- package/dist/Atomic/UI/Accordion/index.js +0 -17
- package/dist/Atomic/UI/AccordionTable/AccordionTable.stories.js +0 -268
- package/dist/Atomic/UI/AccordionText/AccordionText.stories.js +0 -125
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +0 -115
- package/dist/Atomic/UI/Alert/Alert.stories.js +0 -81
- package/dist/Atomic/UI/Arrow/Arrow.stories.js +0 -62
- package/dist/Atomic/UI/Box/Box.stories.js +0 -114
- package/dist/Atomic/UI/Button/Button.stories.js +0 -105
- package/dist/Atomic/UI/Button/Button.test.js +0 -147
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.stories.js +0 -129
- package/dist/Atomic/UI/Chart/Chart.stories.js +0 -93
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.stories.js +0 -85
- package/dist/Atomic/UI/DateTime/DateTime.stories.js +0 -50
- package/dist/Atomic/UI/DoubleString/DoubleString.stories.js +0 -79
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.interface.js +0 -4
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.stories.js +0 -98
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.test.js +0 -51
- package/dist/Atomic/UI/DynamicIcon/index.js +0 -17
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.stories.js +0 -98
- package/dist/Atomic/UI/Hint/Hint.stories.js +0 -101
- package/dist/Atomic/UI/Hint/index.js +0 -16
- package/dist/Atomic/UI/Modal/Modal.interface.js +0 -4
- package/dist/Atomic/UI/Modal/Modal.stories.js +0 -370
- package/dist/Atomic/UI/Modal/ModalHOC.stories.js +0 -191
- package/dist/Atomic/UI/Modal/ModalHOC.test.js +0 -187
- package/dist/Atomic/UI/Modal/index.js +0 -26
- package/dist/Atomic/UI/Modal/partials/ModalFooter.test.js +0 -118
- package/dist/Atomic/UI/Modal/partials/ModalTitle.test.js +0 -126
- package/dist/Atomic/UI/Modal/partials/useMobileModal.test.js +0 -133
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.interface.js +0 -4
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.stories.js +0 -513
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.test.js +0 -84
- package/dist/Atomic/UI/MonoAccordion/index.js +0 -17
- package/dist/Atomic/UI/NavLine/NavLine.interface.js +0 -4
- package/dist/Atomic/UI/NavLine/NavLine.stories.js +0 -434
- package/dist/Atomic/UI/NavLine/NavLine.test.js +0 -311
- package/dist/Atomic/UI/NavLine/index.js +0 -17
- package/dist/Atomic/UI/PageTitle/PageTitle.interface.js +0 -4
- package/dist/Atomic/UI/PageTitle/PageTitle.stories.js +0 -62
- package/dist/Atomic/UI/PageTitle/PageTitle.test.js +0 -181
- package/dist/Atomic/UI/PageTitle/index.js +0 -17
- package/dist/Atomic/UI/PieChart/PieChar.interface.js +0 -4
- package/dist/Atomic/UI/PieChart/PieChart.stories.js +0 -82
- package/dist/Atomic/UI/PieChart/PieChart.test.js +0 -142
- package/dist/Atomic/UI/PieChart/index.js +0 -26
- package/dist/Atomic/UI/Price/Price.interface.js +0 -4
- package/dist/Atomic/UI/Price/Price.stories.js +0 -52
- package/dist/Atomic/UI/Price/Price.test.js +0 -83
- package/dist/Atomic/UI/Price/index.js +0 -17
- package/dist/Atomic/UI/PriceRange/PriceRange.interface.js +0 -4
- package/dist/Atomic/UI/PriceRange/PriceRange.stories.js +0 -51
- package/dist/Atomic/UI/PriceRange/PriceRange.test.js +0 -72
- package/dist/Atomic/UI/PriceRange/index.js +0 -17
- package/dist/Atomic/UI/ProgressLine/ProgressLine.interface.js +0 -4
- package/dist/Atomic/UI/ProgressLine/ProgressLine.stories.js +0 -163
- package/dist/Atomic/UI/ProgressLine/ProgressLine.test.js +0 -60
- package/dist/Atomic/UI/ProgressLine/index.js +0 -17
- package/dist/Atomic/UI/Status/Status.interface.js +0 -4
- package/dist/Atomic/UI/Status/Status.stories.js +0 -79
- package/dist/Atomic/UI/Status/Status.test.js +0 -103
- package/dist/Atomic/UI/Status/index.js +0 -17
- package/dist/Atomic/UI/Table/Table.stories.js +0 -250
- package/dist/Atomic/UI/Tag/Tag.interface.js +0 -4
- package/dist/Atomic/UI/Tag/Tag.stories.js +0 -108
- package/dist/Atomic/UI/Tag/Tag.test.js +0 -75
- package/dist/Atomic/UI/Tag/index.js +0 -17
- package/dist/Atomic/UI/TagList/TagList.stories.js +0 -169
- package/dist/Atomic/UI/UserBox/UserBox.interface.js +0 -4
- package/dist/Atomic/UI/UserBox/UserBox.stories.js +0 -57
- package/dist/Atomic/UI/UserBox/UserBox.test.js +0 -136
- package/dist/Atomic/UI/UserBox/index.js +0 -17
- package/dist/Atomic/UI/WizardStepper/WizardStepper.stories.js +0 -70
- package/dist/Functions/useIsMobile/index.js +0 -17
- package/dist/Functions/useIsMobile/useIsMobile.js +0 -33
- package/dist/Functions/useIsMobile/useIsMobile.test.js +0 -104
- package/dist/Functions/useKeyPress/useHandleKeyPress.test.js +0 -96
- package/dist/Functions/useKeyPress/useKeyPress.test.js +0 -87
- package/dist/Molecular/FormElement/FormElement.stories.js +0 -92
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.stories.js +0 -301
- package/dist/Molecular/InputAddress/InputAddress.stories.js +0 -541
- package/dist/Molecular/InputPassword/InputPassword.stories.js +0 -86
- package/dist/types/base.interface.js +0 -4
- package/dist/types/base.types.js +0 -4
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
AccordionTemplate: function() {
|
|
13
|
-
return AccordionTemplate;
|
|
14
|
-
},
|
|
15
|
-
TestAccordion: function() {
|
|
16
|
-
return TestAccordion;
|
|
17
|
-
},
|
|
18
|
-
default: function() {
|
|
19
|
-
return _default;
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
23
|
-
const _reactrouterdom = require("react-router-dom");
|
|
24
|
-
const _Accordion = /*#__PURE__*/ _interop_require_default(require("./Accordion"));
|
|
25
|
-
require("../../../../../scss/main.scss");
|
|
26
|
-
function _interop_require_default(obj) {
|
|
27
|
-
return obj && obj.__esModule ? obj : {
|
|
28
|
-
default: obj
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
const _default = {
|
|
32
|
-
title: 'UI/Accordion',
|
|
33
|
-
component: _Accordion.default,
|
|
34
|
-
argTypes: {
|
|
35
|
-
items: {
|
|
36
|
-
description: 'array'
|
|
37
|
-
},
|
|
38
|
-
className: {
|
|
39
|
-
description: 'string. optional'
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
function Template(args) {
|
|
44
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
|
|
45
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Accordion.default, {
|
|
46
|
-
...args
|
|
47
|
-
})
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
const AccordionTemplate = Template.bind({});
|
|
51
|
-
AccordionTemplate.args = {
|
|
52
|
-
items: [
|
|
53
|
-
{
|
|
54
|
-
title: 'tools',
|
|
55
|
-
icon: 'Tool',
|
|
56
|
-
className: 'color--sea-buckthorn',
|
|
57
|
-
isOpen: true,
|
|
58
|
-
children: [
|
|
59
|
-
{
|
|
60
|
-
id: '1',
|
|
61
|
-
title: 'tools',
|
|
62
|
-
link: '#s'
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
id: '2',
|
|
66
|
-
title: 'tools',
|
|
67
|
-
link: '#s'
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
id: '3',
|
|
71
|
-
title: 'tools',
|
|
72
|
-
link: '#s'
|
|
73
|
-
}
|
|
74
|
-
]
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
title: 'lenders',
|
|
78
|
-
icon: 'Briefcase',
|
|
79
|
-
className: 'color--green-haze',
|
|
80
|
-
isOpen: false,
|
|
81
|
-
children: [
|
|
82
|
-
{
|
|
83
|
-
id: '1',
|
|
84
|
-
title: 'lenders',
|
|
85
|
-
link: '#s'
|
|
86
|
-
}
|
|
87
|
-
]
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
title: 'settings',
|
|
91
|
-
icon: 'Sliders',
|
|
92
|
-
className: 'color--primary',
|
|
93
|
-
isOpen: false,
|
|
94
|
-
status: {
|
|
95
|
-
value: 'active',
|
|
96
|
-
status: 'active',
|
|
97
|
-
type: 'number'
|
|
98
|
-
},
|
|
99
|
-
children: [
|
|
100
|
-
{
|
|
101
|
-
id: '1',
|
|
102
|
-
title: 'settings',
|
|
103
|
-
link: '#s'
|
|
104
|
-
}
|
|
105
|
-
]
|
|
106
|
-
}
|
|
107
|
-
],
|
|
108
|
-
isMenuHovered: false
|
|
109
|
-
};
|
|
110
|
-
const TestAccordion = Template.bind({});
|
|
111
|
-
TestAccordion.args = {
|
|
112
|
-
items: [
|
|
113
|
-
{
|
|
114
|
-
title: 'tools',
|
|
115
|
-
icon: 'Tool',
|
|
116
|
-
className: 'color--sea-buckthorn',
|
|
117
|
-
isOpen: false,
|
|
118
|
-
children: [
|
|
119
|
-
{
|
|
120
|
-
id: '1',
|
|
121
|
-
title: 'tools',
|
|
122
|
-
link: '#s'
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
id: '2',
|
|
126
|
-
title: 'tools',
|
|
127
|
-
link: '#s'
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
id: '3',
|
|
131
|
-
title: 'tools',
|
|
132
|
-
link: '#s'
|
|
133
|
-
}
|
|
134
|
-
]
|
|
135
|
-
},
|
|
136
|
-
{
|
|
137
|
-
title: 'lenders',
|
|
138
|
-
icon: 'Briefcase',
|
|
139
|
-
className: 'color--green-haze',
|
|
140
|
-
isOpen: false,
|
|
141
|
-
children: [
|
|
142
|
-
{
|
|
143
|
-
id: '1',
|
|
144
|
-
title: 'lenders',
|
|
145
|
-
link: '#s'
|
|
146
|
-
}
|
|
147
|
-
]
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
title: 'settings',
|
|
151
|
-
icon: 'Sliders',
|
|
152
|
-
className: 'color--primary',
|
|
153
|
-
isOpen: false,
|
|
154
|
-
status: {
|
|
155
|
-
value: '5',
|
|
156
|
-
status: 'active',
|
|
157
|
-
type: 'number'
|
|
158
|
-
},
|
|
159
|
-
children: [
|
|
160
|
-
{
|
|
161
|
-
id: '1',
|
|
162
|
-
title: 'settings',
|
|
163
|
-
link: '#s'
|
|
164
|
-
}
|
|
165
|
-
]
|
|
166
|
-
}
|
|
167
|
-
]
|
|
168
|
-
};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
6
|
-
const _reactrouterdom = require("react-router-dom");
|
|
7
|
-
const _react = require("@testing-library/react");
|
|
8
|
-
const _Accordion = /*#__PURE__*/ _interop_require_default(require("./Accordion"));
|
|
9
|
-
function _interop_require_default(obj) {
|
|
10
|
-
return obj && obj.__esModule ? obj : {
|
|
11
|
-
default: obj
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
const items = [
|
|
15
|
-
{
|
|
16
|
-
icon: 'Home',
|
|
17
|
-
title: 'Home',
|
|
18
|
-
link: '/home',
|
|
19
|
-
isOpen: false
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
icon: 'Settings',
|
|
23
|
-
title: 'Settings',
|
|
24
|
-
isOpen: false,
|
|
25
|
-
children: [
|
|
26
|
-
{
|
|
27
|
-
link: '/settings/profile',
|
|
28
|
-
id: 'profile',
|
|
29
|
-
title: 'Profile'
|
|
30
|
-
}
|
|
31
|
-
]
|
|
32
|
-
}
|
|
33
|
-
];
|
|
34
|
-
describe('accordion', ()=>{
|
|
35
|
-
it('renders without crashing', ()=>{
|
|
36
|
-
const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
|
|
37
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Accordion.default, {
|
|
38
|
-
items: items
|
|
39
|
-
})
|
|
40
|
-
}));
|
|
41
|
-
expect(getByTestId('accordion')).toBeInTheDocument();
|
|
42
|
-
});
|
|
43
|
-
it('toggles item open state on click', ()=>{
|
|
44
|
-
const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
|
|
45
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Accordion.default, {
|
|
46
|
-
items: items
|
|
47
|
-
})
|
|
48
|
-
}));
|
|
49
|
-
const item = getByTestId('accordion-item-1');
|
|
50
|
-
const titleBox = item.querySelector('.accordion--title-box');
|
|
51
|
-
_react.fireEvent.click(titleBox);
|
|
52
|
-
expect(titleBox).toHaveClass('accordion--title-open');
|
|
53
|
-
});
|
|
54
|
-
});
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
6
|
-
const _reactrouterdom = require("react-router-dom");
|
|
7
|
-
const _react = require("@testing-library/react");
|
|
8
|
-
const _AccordionItem = /*#__PURE__*/ _interop_require_default(require("./AccordionItem"));
|
|
9
|
-
function _interop_require_default(obj) {
|
|
10
|
-
return obj && obj.__esModule ? obj : {
|
|
11
|
-
default: obj
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
const item = {
|
|
15
|
-
icon: 'Settings',
|
|
16
|
-
title: 'Settings',
|
|
17
|
-
isOpen: false,
|
|
18
|
-
children: [
|
|
19
|
-
{
|
|
20
|
-
link: '/settings/profile',
|
|
21
|
-
id: 'profile',
|
|
22
|
-
title: 'Profile'
|
|
23
|
-
}
|
|
24
|
-
]
|
|
25
|
-
};
|
|
26
|
-
describe('accordionItem', ()=>{
|
|
27
|
-
it('renders without crashing', ()=>{
|
|
28
|
-
const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
|
|
29
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionItem.default, {
|
|
30
|
-
item: item,
|
|
31
|
-
onClick: ()=>{},
|
|
32
|
-
isOpen: false
|
|
33
|
-
})
|
|
34
|
-
}));
|
|
35
|
-
expect(getByTestId('accordion-item')).toBeInTheDocument();
|
|
36
|
-
});
|
|
37
|
-
it('toggles open state on click', ()=>{
|
|
38
|
-
const onClick = jest.fn();
|
|
39
|
-
const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
|
|
40
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionItem.default, {
|
|
41
|
-
item: item,
|
|
42
|
-
onClick: onClick,
|
|
43
|
-
isOpen: false
|
|
44
|
-
})
|
|
45
|
-
}));
|
|
46
|
-
const titleBox = getByTestId('accordion-item').querySelector('.accordion--title-box');
|
|
47
|
-
_react.fireEvent.click(titleBox);
|
|
48
|
-
expect(onClick).toHaveBeenCalledWith(true);
|
|
49
|
-
});
|
|
50
|
-
});
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "default", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return _default;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _Accordion = /*#__PURE__*/ _interop_require_default(require("./Accordion"));
|
|
12
|
-
function _interop_require_default(obj) {
|
|
13
|
-
return obj && obj.__esModule ? obj : {
|
|
14
|
-
default: obj
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
const _default = _Accordion.default;
|
|
@@ -1,268 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
AccordionTableTemplate: function() {
|
|
13
|
-
return AccordionTableTemplate;
|
|
14
|
-
},
|
|
15
|
-
default: function() {
|
|
16
|
-
return _default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
20
|
-
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
21
|
-
const _AccordionTable = /*#__PURE__*/ _interop_require_default(require("./AccordionTable"));
|
|
22
|
-
const _Status = /*#__PURE__*/ _interop_require_default(require("../Status/Status"));
|
|
23
|
-
require("../../../../../scss/main.scss");
|
|
24
|
-
require("./AccordionTable.scss");
|
|
25
|
-
function _interop_require_default(obj) {
|
|
26
|
-
return obj && obj.__esModule ? obj : {
|
|
27
|
-
default: obj
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
31
|
-
if (typeof WeakMap !== "function") return null;
|
|
32
|
-
var cacheBabelInterop = new WeakMap();
|
|
33
|
-
var cacheNodeInterop = new WeakMap();
|
|
34
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
35
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
36
|
-
})(nodeInterop);
|
|
37
|
-
}
|
|
38
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
39
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
40
|
-
return obj;
|
|
41
|
-
}
|
|
42
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
43
|
-
return {
|
|
44
|
-
default: obj
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
48
|
-
if (cache && cache.has(obj)) {
|
|
49
|
-
return cache.get(obj);
|
|
50
|
-
}
|
|
51
|
-
var newObj = {
|
|
52
|
-
__proto__: null
|
|
53
|
-
};
|
|
54
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
55
|
-
for(var key in obj){
|
|
56
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
57
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
58
|
-
if (desc && (desc.get || desc.set)) {
|
|
59
|
-
Object.defineProperty(newObj, key, desc);
|
|
60
|
-
} else {
|
|
61
|
-
newObj[key] = obj[key];
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
newObj.default = obj;
|
|
66
|
-
if (cache) {
|
|
67
|
-
cache.set(obj, newObj);
|
|
68
|
-
}
|
|
69
|
-
return newObj;
|
|
70
|
-
}
|
|
71
|
-
global.lng = 'en';
|
|
72
|
-
const _default = {
|
|
73
|
-
title: 'UI/AccordionTable',
|
|
74
|
-
component: _AccordionTable.default,
|
|
75
|
-
argTypes: {}
|
|
76
|
-
};
|
|
77
|
-
const Template = (args)=>{
|
|
78
|
-
const onChange = (e)=>console.log(e);
|
|
79
|
-
const [sortParams, setSortParams] = (0, _react.useState)({
|
|
80
|
-
key: 'apr',
|
|
81
|
-
direction: 'DESC'
|
|
82
|
-
});
|
|
83
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
84
|
-
style: {
|
|
85
|
-
backgroundColor: '#f7f8fa',
|
|
86
|
-
overflowX: 'auto'
|
|
87
|
-
},
|
|
88
|
-
className: "p15",
|
|
89
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionTable.default, {
|
|
90
|
-
...args,
|
|
91
|
-
onChange: onChange,
|
|
92
|
-
sortParams: sortParams,
|
|
93
|
-
onSort: setSortParams
|
|
94
|
-
})
|
|
95
|
-
});
|
|
96
|
-
};
|
|
97
|
-
const AccordionTableTemplate = Template.bind({});
|
|
98
|
-
AccordionTableTemplate.args = {
|
|
99
|
-
className: '',
|
|
100
|
-
header: [
|
|
101
|
-
{
|
|
102
|
-
key: 'name',
|
|
103
|
-
label: 'Name',
|
|
104
|
-
width: 20,
|
|
105
|
-
className: '',
|
|
106
|
-
noSort: true
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
key: 'monthlyPayment',
|
|
110
|
-
label: 'Monthly Payment',
|
|
111
|
-
width: 15,
|
|
112
|
-
className: 'j6'
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
key: 'term',
|
|
116
|
-
label: 'Term(months)',
|
|
117
|
-
width: 15,
|
|
118
|
-
className: 'j6'
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
key: 'apr',
|
|
122
|
-
label: 'APR',
|
|
123
|
-
width: 15,
|
|
124
|
-
className: 'j6'
|
|
125
|
-
},
|
|
126
|
-
{
|
|
127
|
-
key: 'merchantFee',
|
|
128
|
-
label: 'Merchant Fee',
|
|
129
|
-
width: 15,
|
|
130
|
-
className: 'j6'
|
|
131
|
-
},
|
|
132
|
-
{
|
|
133
|
-
key: 'creditProfile',
|
|
134
|
-
label: 'EST Credit Profile',
|
|
135
|
-
width: 20,
|
|
136
|
-
className: 'j6'
|
|
137
|
-
}
|
|
138
|
-
],
|
|
139
|
-
items: [
|
|
140
|
-
{
|
|
141
|
-
key: 'dod818',
|
|
142
|
-
isOpen: true,
|
|
143
|
-
label: 'DOT818 LLC',
|
|
144
|
-
offers: 3,
|
|
145
|
-
className: '',
|
|
146
|
-
statistics: {
|
|
147
|
-
name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit ',
|
|
148
|
-
monthlyPayment: 3123,
|
|
149
|
-
term: 12,
|
|
150
|
-
apr: 3,
|
|
151
|
-
merchantFee: 4,
|
|
152
|
-
creditProfile: 22
|
|
153
|
-
},
|
|
154
|
-
rows: [
|
|
155
|
-
{
|
|
156
|
-
name: 'Offer 1',
|
|
157
|
-
monthlyPayment: 'from 31.33',
|
|
158
|
-
term: 60,
|
|
159
|
-
apr: 'from 10.99%',
|
|
160
|
-
merchantFee: '0%',
|
|
161
|
-
creditProfile: '680 - 750',
|
|
162
|
-
promoDetails: 'test 123'
|
|
163
|
-
},
|
|
164
|
-
{
|
|
165
|
-
name: 'Offer 2',
|
|
166
|
-
monthlyPayment: 'from 31.33',
|
|
167
|
-
term: 60,
|
|
168
|
-
apr: 'from 10.99%',
|
|
169
|
-
merchantFee: '0%',
|
|
170
|
-
creditProfile: '680 - 750'
|
|
171
|
-
},
|
|
172
|
-
{
|
|
173
|
-
name: 'Offer 3',
|
|
174
|
-
monthlyPayment: 'from 31.33',
|
|
175
|
-
term: 60,
|
|
176
|
-
apr: 'from 10.99%',
|
|
177
|
-
merchantFee: '0%',
|
|
178
|
-
creditProfile: '680 - 750',
|
|
179
|
-
promoDetails: 'NO INTEREST if paid in full within 24 months and very looooooooooooooooooooooooooooooooooooooooooooooong description. very very very very very very very very very looooooooooooooooooooooooooooooooooooooooooooooong description.',
|
|
180
|
-
disclosure: 'Offer Disclosure very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long'
|
|
181
|
-
},
|
|
182
|
-
{
|
|
183
|
-
name: 'Offer 4',
|
|
184
|
-
monthlyPayment: 'from 31.33',
|
|
185
|
-
term: 60,
|
|
186
|
-
apr: 'from 10.99%',
|
|
187
|
-
merchantFee: '0%',
|
|
188
|
-
creditProfile: '680 - 750',
|
|
189
|
-
promoDetails: 'test 123'
|
|
190
|
-
}
|
|
191
|
-
]
|
|
192
|
-
},
|
|
193
|
-
{
|
|
194
|
-
key: 'lendingUSA',
|
|
195
|
-
isOpen: false,
|
|
196
|
-
label: 'Lending USA',
|
|
197
|
-
offers: 3,
|
|
198
|
-
className: '',
|
|
199
|
-
titleContent: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
200
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Status.default, {
|
|
201
|
-
className: "accordion-label-box__status",
|
|
202
|
-
status: "info",
|
|
203
|
-
label: "3 OFFERS"
|
|
204
|
-
})
|
|
205
|
-
}),
|
|
206
|
-
rows: [
|
|
207
|
-
{
|
|
208
|
-
name: 'Offer 1',
|
|
209
|
-
monthlyPayment: 'from 31.33',
|
|
210
|
-
term: 60,
|
|
211
|
-
apr: 'from 10.99%',
|
|
212
|
-
merchantFee: '0%',
|
|
213
|
-
creditProfile: '680 - 750'
|
|
214
|
-
},
|
|
215
|
-
{
|
|
216
|
-
name: 'Offer 2',
|
|
217
|
-
monthlyPayment: 'from 31.33',
|
|
218
|
-
term: 60,
|
|
219
|
-
apr: 'from 10.99%',
|
|
220
|
-
merchantFee: '0%',
|
|
221
|
-
creditProfile: '680 - 750'
|
|
222
|
-
}
|
|
223
|
-
]
|
|
224
|
-
},
|
|
225
|
-
{
|
|
226
|
-
key: 'creditSuisse',
|
|
227
|
-
isOpen: true,
|
|
228
|
-
label: 'Credit Suisse',
|
|
229
|
-
offers: 3,
|
|
230
|
-
className: '',
|
|
231
|
-
status: 'Active',
|
|
232
|
-
titleContent: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
233
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Status.default, {
|
|
234
|
-
className: "accordion-label-box__status",
|
|
235
|
-
onClick: ()=>console.log('clicked'),
|
|
236
|
-
status: "info",
|
|
237
|
-
label: "8 OFFERS"
|
|
238
|
-
})
|
|
239
|
-
}),
|
|
240
|
-
rows: [
|
|
241
|
-
{
|
|
242
|
-
name: 'Offer 2',
|
|
243
|
-
monthlyPayment: 'from 31.33',
|
|
244
|
-
term: 60,
|
|
245
|
-
apr: 'from 10.99%',
|
|
246
|
-
merchantFee: '0%',
|
|
247
|
-
creditProfile: '680 - 750'
|
|
248
|
-
},
|
|
249
|
-
{
|
|
250
|
-
name: 'Offer 3',
|
|
251
|
-
monthlyPayment: 'from 31.33',
|
|
252
|
-
term: 60,
|
|
253
|
-
apr: 'from 10.99%',
|
|
254
|
-
merchantFee: '0%',
|
|
255
|
-
creditProfile: '680 - 750'
|
|
256
|
-
},
|
|
257
|
-
{
|
|
258
|
-
name: 'Offer 4',
|
|
259
|
-
monthlyPayment: 'from 31.33',
|
|
260
|
-
term: 60,
|
|
261
|
-
apr: 'from 10.99%',
|
|
262
|
-
merchantFee: '0%',
|
|
263
|
-
creditProfile: '680 - 750'
|
|
264
|
-
}
|
|
265
|
-
]
|
|
266
|
-
}
|
|
267
|
-
]
|
|
268
|
-
};
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
AccordionTextTemplate: function() {
|
|
13
|
-
return AccordionTextTemplate;
|
|
14
|
-
},
|
|
15
|
-
default: function() {
|
|
16
|
-
return _default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
20
|
-
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
|
21
|
-
const _AccordionText = /*#__PURE__*/ _interop_require_default(require("./AccordionText"));
|
|
22
|
-
require("../../../../../scss/main.scss");
|
|
23
|
-
const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
|
|
24
|
-
function _interop_require_default(obj) {
|
|
25
|
-
return obj && obj.__esModule ? obj : {
|
|
26
|
-
default: obj
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
global.lng = 'en';
|
|
30
|
-
const _default = {
|
|
31
|
-
title: 'UI/AccordionText',
|
|
32
|
-
component: _AccordionText.default
|
|
33
|
-
};
|
|
34
|
-
const Template = (args)=>{
|
|
35
|
-
const { className, onClick } = args;
|
|
36
|
-
const [text, setText] = _react.default.useState('СЛИШКОМ КОТОРКИЙ ТЕКСТ');
|
|
37
|
-
const jsxWithReactElementWrapper = /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
38
|
-
children: [
|
|
39
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
40
|
-
children: "Lorem ipsum dolor sit amet consectetur adipisicing elit."
|
|
41
|
-
}),
|
|
42
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
43
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
44
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
45
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
|
|
46
|
-
children: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque, ipsam exercitationem necessitatibus magni aspernatur sunt libero perspiciatis facilis? Error, ullam alias. Aliquam facere rem odit?"
|
|
47
|
-
})
|
|
48
|
-
]
|
|
49
|
-
});
|
|
50
|
-
const jsxWithDivWrapper = /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
|
|
51
|
-
children: [
|
|
52
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
53
|
-
children: "Lorem ipsum dolor sit amet consectetur adipisicing elit."
|
|
54
|
-
}),
|
|
55
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
56
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
57
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
58
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
|
|
59
|
-
children: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque, ipsam exercitationem necessitatibus magni aspernatur sunt libero perspiciatis facilis? Error, ullam alias. Aliquam facere rem odit?"
|
|
60
|
-
})
|
|
61
|
-
]
|
|
62
|
-
});
|
|
63
|
-
const jsxWithSpanWrapper = /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
|
|
64
|
-
children: [
|
|
65
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
66
|
-
children: "Lorem ipsum dolor sit amet consectetur adipisicing elit."
|
|
67
|
-
}),
|
|
68
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
69
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
70
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
71
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
|
|
72
|
-
children: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque, ipsam exercitationem necessitatibus magni aspernatur sunt libero perspiciatis facilis? Error, ullam alias. Aliquam facere rem odit?"
|
|
73
|
-
})
|
|
74
|
-
]
|
|
75
|
-
});
|
|
76
|
-
const lognTextInDiv = /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
77
|
-
children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo rem quam molestiae deserunt animi optio iusto quasi aut aliquid eos molestias, voluptatum, cum similique ducimus, dignissimos soluta voluptatibus quis adipisci asperiores unde et itaque? Tenetur nobis nulla consectetur aliquid sint voluptatem optio sunt? Praesentium, aperiam alias? Quos praesentium cum eum?"
|
|
78
|
-
});
|
|
79
|
-
const looongTextWithoutWrapper = 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo rem quam molestiae deserunt animi optio iusto quasi aut aliquid eos molestias, voluptatum, cum similique ducimus, dignissimos soluta voluptatibus quis adipisci asperiores unde et itaque? Tenetur nobis nulla consectetur aliquid sint voluptatem optio sunt? Praesentium, aperiam alias? Quos praesentium cum eum?';
|
|
80
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
|
|
81
|
-
style: {
|
|
82
|
-
display: 'flex',
|
|
83
|
-
flexDirection: 'column',
|
|
84
|
-
rowGap: '2rem'
|
|
85
|
-
},
|
|
86
|
-
children: [
|
|
87
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionText.default, {
|
|
88
|
-
...args,
|
|
89
|
-
text: text
|
|
90
|
-
}),
|
|
91
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
|
|
92
|
-
style: {
|
|
93
|
-
display: 'flex',
|
|
94
|
-
flexDirection: 'column',
|
|
95
|
-
rowGap: '1rem',
|
|
96
|
-
width: 'fit-content'
|
|
97
|
-
},
|
|
98
|
-
children: [
|
|
99
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
100
|
-
onClick: ()=>setText(jsxWithReactElementWrapper),
|
|
101
|
-
children: "С оберткой контента в виде react element"
|
|
102
|
-
}),
|
|
103
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
104
|
-
onClick: ()=>setText(jsxWithDivWrapper),
|
|
105
|
-
children: "С оберткой контента в виде div и вложенных туда элементов"
|
|
106
|
-
}),
|
|
107
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
108
|
-
onClick: ()=>setText(jsxWithSpanWrapper),
|
|
109
|
-
children: "С оберткой контента в виде span и вложенных туда элементов"
|
|
110
|
-
}),
|
|
111
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
112
|
-
onClick: ()=>setText(lognTextInDiv),
|
|
113
|
-
children: "С оберткой контента в виде div и длинного текста внутри"
|
|
114
|
-
}),
|
|
115
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
116
|
-
onClick: ()=>setText(looongTextWithoutWrapper),
|
|
117
|
-
children: "Длинный текст без оберток"
|
|
118
|
-
})
|
|
119
|
-
]
|
|
120
|
-
})
|
|
121
|
-
]
|
|
122
|
-
});
|
|
123
|
-
};
|
|
124
|
-
const AccordionTextTemplate = Template.bind({});
|
|
125
|
-
AccordionTextTemplate.args = {};
|