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,142 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
6
|
-
const _react = require("@testing-library/react");
|
|
7
|
-
require("@testing-library/jest-dom");
|
|
8
|
-
const _PieChart = /*#__PURE__*/ _interop_require_default(require("./PieChart"));
|
|
9
|
-
function _interop_require_default(obj) {
|
|
10
|
-
return obj && obj.__esModule ? obj : {
|
|
11
|
-
default: obj
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
// Мокаем react-chartjs-2, так как она использует canvas, который сложно тестировать
|
|
15
|
-
jest.mock('react-chartjs-2', ()=>({
|
|
16
|
-
Pie: ()=>/*#__PURE__*/ (0, _jsxruntime.jsx)("canvas", {
|
|
17
|
-
"data-testid": "pie-chart-canvas"
|
|
18
|
-
})
|
|
19
|
-
}));
|
|
20
|
-
describe('pieChart Component', ()=>{
|
|
21
|
-
// Подготавливаем тестовые данные, которые будем использовать в тестах
|
|
22
|
-
const mockData = {
|
|
23
|
-
labels: [
|
|
24
|
-
'Red',
|
|
25
|
-
'Blue'
|
|
26
|
-
],
|
|
27
|
-
datasets: [
|
|
28
|
-
{
|
|
29
|
-
data: [
|
|
30
|
-
30,
|
|
31
|
-
70
|
|
32
|
-
],
|
|
33
|
-
backgroundColor: [
|
|
34
|
-
'#FF6384',
|
|
35
|
-
'#36A2EB'
|
|
36
|
-
]
|
|
37
|
-
}
|
|
38
|
-
]
|
|
39
|
-
};
|
|
40
|
-
// Базовые пропсы для тестов
|
|
41
|
-
const defaultProps = {
|
|
42
|
-
data: mockData,
|
|
43
|
-
testId: 'pie-chart'
|
|
44
|
-
};
|
|
45
|
-
// Тест на базовый рендер компонента
|
|
46
|
-
it('renders without crashing', ()=>{
|
|
47
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
|
|
48
|
-
...defaultProps
|
|
49
|
-
}));
|
|
50
|
-
expect(_react.screen.getByTestId('pie-chart')).toBeInTheDocument();
|
|
51
|
-
});
|
|
52
|
-
// Тест на наличие canvas элемента
|
|
53
|
-
it('renders chart canvas', ()=>{
|
|
54
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
|
|
55
|
-
...defaultProps
|
|
56
|
-
}));
|
|
57
|
-
expect(_react.screen.getByTestId('pie-chart-canvas')).toBeInTheDocument();
|
|
58
|
-
});
|
|
59
|
-
// Тест на отображение результата
|
|
60
|
-
it('displays result label and value when provided', ()=>{
|
|
61
|
-
const resultLabel = 'Total Progress';
|
|
62
|
-
const resultValue = 75;
|
|
63
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
|
|
64
|
-
...defaultProps,
|
|
65
|
-
resultLabel: resultLabel,
|
|
66
|
-
resultValue: resultValue
|
|
67
|
-
}));
|
|
68
|
-
expect(_react.screen.getByText(resultLabel)).toBeInTheDocument();
|
|
69
|
-
expect(_react.screen.getByText('75')).toBeInTheDocument();
|
|
70
|
-
expect(_react.screen.getByText('%')).toBeInTheDocument();
|
|
71
|
-
});
|
|
72
|
-
// Тест на отсутствие результата, когда не переданы пропсы
|
|
73
|
-
it('does not display result when no result props provided', ()=>{
|
|
74
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
|
|
75
|
-
...defaultProps
|
|
76
|
-
}));
|
|
77
|
-
expect(_react.screen.queryByRole('complementary')).not.toBeInTheDocument();
|
|
78
|
-
});
|
|
79
|
-
// Тест на доступность
|
|
80
|
-
it('renders with correct accessibility attributes', ()=>{
|
|
81
|
-
const chartTitle = 'Test Chart Title';
|
|
82
|
-
const chartDescription = 'Test Chart Description';
|
|
83
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
|
|
84
|
-
...defaultProps,
|
|
85
|
-
chartTitle: chartTitle,
|
|
86
|
-
chartDescription: chartDescription
|
|
87
|
-
}));
|
|
88
|
-
const chart = _react.screen.getByRole('figure');
|
|
89
|
-
expect(chart).toHaveAttribute('aria-label', chartTitle);
|
|
90
|
-
expect(_react.screen.getByText(chartTitle)).toBeInTheDocument();
|
|
91
|
-
expect(_react.screen.getByText(chartDescription)).toBeInTheDocument();
|
|
92
|
-
});
|
|
93
|
-
// Тест на применение пользовательских стилей
|
|
94
|
-
it('applies custom styles when provided', ()=>{
|
|
95
|
-
const customStyles = {
|
|
96
|
-
backgroundColor: 'red'
|
|
97
|
-
};
|
|
98
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
|
|
99
|
-
...defaultProps,
|
|
100
|
-
styles: customStyles
|
|
101
|
-
}));
|
|
102
|
-
expect(_react.screen.getByTestId('pie-chart')).toHaveStyle({
|
|
103
|
-
backgroundColor: 'red'
|
|
104
|
-
});
|
|
105
|
-
});
|
|
106
|
-
// Тест на применение дополнительных классов
|
|
107
|
-
it('applies additional className when provided', ()=>{
|
|
108
|
-
const additionalClass = 'custom-class';
|
|
109
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
|
|
110
|
-
...defaultProps,
|
|
111
|
-
className: additionalClass
|
|
112
|
-
}));
|
|
113
|
-
expect(_react.screen.getByTestId('pie-chart')).toHaveClass('pie-chart-box', additionalClass);
|
|
114
|
-
});
|
|
115
|
-
// Тест на корректную обработку пропса cutout
|
|
116
|
-
it('renders with custom cutout value', ()=>{
|
|
117
|
-
const customCutout = '60%';
|
|
118
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
|
|
119
|
-
...defaultProps,
|
|
120
|
-
cutout: customCutout
|
|
121
|
-
}));
|
|
122
|
-
// Проверяем, что компонент отрендерился
|
|
123
|
-
expect(_react.screen.getByTestId('pie-chart')).toBeInTheDocument();
|
|
124
|
-
});
|
|
125
|
-
// Тест на обработку пустых данных
|
|
126
|
-
it('handles empty data gracefully', ()=>{
|
|
127
|
-
const emptyData = {
|
|
128
|
-
labels: [],
|
|
129
|
-
datasets: [
|
|
130
|
-
{
|
|
131
|
-
data: [],
|
|
132
|
-
backgroundColor: []
|
|
133
|
-
}
|
|
134
|
-
]
|
|
135
|
-
};
|
|
136
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PieChart.default, {
|
|
137
|
-
...defaultProps,
|
|
138
|
-
data: emptyData
|
|
139
|
-
}));
|
|
140
|
-
expect(_react.screen.getByTestId('pie-chart')).toBeInTheDocument();
|
|
141
|
-
});
|
|
142
|
-
});
|
|
@@ -1,26 +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
|
-
PieChart: function() {
|
|
13
|
-
return _PieChart.default;
|
|
14
|
-
},
|
|
15
|
-
// дефолт
|
|
16
|
-
default: function() {
|
|
17
|
-
return _default;
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
const _PieChart = /*#__PURE__*/ _interop_require_default(require("./PieChart"));
|
|
21
|
-
function _interop_require_default(obj) {
|
|
22
|
-
return obj && obj.__esModule ? obj : {
|
|
23
|
-
default: obj
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
const _default = _PieChart.default;
|
|
@@ -1,52 +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
|
-
PriceTemplate: function() {
|
|
13
|
-
return PriceTemplate;
|
|
14
|
-
},
|
|
15
|
-
default: function() {
|
|
16
|
-
return _default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
20
|
-
const _Price = /*#__PURE__*/ _interop_require_default(require("./Price"));
|
|
21
|
-
require("../../../../../scss/main.scss");
|
|
22
|
-
function _interop_require_default(obj) {
|
|
23
|
-
return obj && obj.__esModule ? obj : {
|
|
24
|
-
default: obj
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
const _default = {
|
|
28
|
-
title: 'UI/Price',
|
|
29
|
-
component: _Price.default,
|
|
30
|
-
argTypes: {
|
|
31
|
-
value: {
|
|
32
|
-
description: 'string'
|
|
33
|
-
},
|
|
34
|
-
currencyCode: {
|
|
35
|
-
description: 'string'
|
|
36
|
-
},
|
|
37
|
-
isSymbolAfter: {
|
|
38
|
-
description: 'boolean'
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
args: {
|
|
42
|
-
value: '15000',
|
|
43
|
-
currencyCode: 'USD',
|
|
44
|
-
isSymbolAfter: false
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
function Template(args) {
|
|
48
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
|
|
49
|
-
...args
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
const PriceTemplate = Template.bind({});
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
6
|
-
const _react = require("@testing-library/react");
|
|
7
|
-
const _Price = /*#__PURE__*/ _interop_require_default(require("./Price"));
|
|
8
|
-
function _interop_require_default(obj) {
|
|
9
|
-
return obj && obj.__esModule ? obj : {
|
|
10
|
-
default: obj
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
describe('price', ()=>{
|
|
14
|
-
it('renders without crashing', ()=>{
|
|
15
|
-
const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
|
|
16
|
-
value: 100,
|
|
17
|
-
currencyCode: "USD"
|
|
18
|
-
}));
|
|
19
|
-
expect(container).toBeInTheDocument();
|
|
20
|
-
});
|
|
21
|
-
it('renders price correctly with symbol before', ()=>{
|
|
22
|
-
const { getByText } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
|
|
23
|
-
value: 100,
|
|
24
|
-
currencyCode: "USD"
|
|
25
|
-
}));
|
|
26
|
-
expect(getByText('$100')).toBeInTheDocument();
|
|
27
|
-
});
|
|
28
|
-
it('renders price correctly with symbol after', ()=>{
|
|
29
|
-
const { getByText } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
|
|
30
|
-
value: 100,
|
|
31
|
-
currencyCode: "USD",
|
|
32
|
-
isSymbolAfter: true
|
|
33
|
-
}));
|
|
34
|
-
expect(getByText('$100')).toBeInTheDocument();
|
|
35
|
-
});
|
|
36
|
-
it('renders with custom testId', ()=>{
|
|
37
|
-
const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
|
|
38
|
-
value: 100,
|
|
39
|
-
currencyCode: "USD",
|
|
40
|
-
testId: "custom-test-id"
|
|
41
|
-
}));
|
|
42
|
-
expect(getByTestId('custom-test-id')).toBeInTheDocument();
|
|
43
|
-
});
|
|
44
|
-
it('has role text and aria-label', ()=>{
|
|
45
|
-
const { getByRole } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
|
|
46
|
-
value: 100,
|
|
47
|
-
currencyCode: "USD"
|
|
48
|
-
}));
|
|
49
|
-
const text = getByRole('contentinfo');
|
|
50
|
-
expect(text).toHaveAttribute('aria-label', 'Price: $100');
|
|
51
|
-
});
|
|
52
|
-
it('applies custom className', ()=>{
|
|
53
|
-
const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
|
|
54
|
-
value: 100,
|
|
55
|
-
currencyCode: "USD",
|
|
56
|
-
className: "custom-class"
|
|
57
|
-
}));
|
|
58
|
-
expect(container.querySelector('.custom-class')).toBeInTheDocument();
|
|
59
|
-
});
|
|
60
|
-
it('returns null if value is undefined', ()=>{
|
|
61
|
-
// @ts-expect-error
|
|
62
|
-
const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
|
|
63
|
-
value: undefined,
|
|
64
|
-
currencyCode: "USD"
|
|
65
|
-
}));
|
|
66
|
-
expect(container.firstChild).toBeNull();
|
|
67
|
-
});
|
|
68
|
-
it('returns null if value is null', ()=>{
|
|
69
|
-
// @ts-expect-error
|
|
70
|
-
const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
|
|
71
|
-
value: null,
|
|
72
|
-
currencyCode: "USD"
|
|
73
|
-
}));
|
|
74
|
-
expect(container.firstChild).toBeNull();
|
|
75
|
-
});
|
|
76
|
-
it('formats price correctly with different value types', ()=>{
|
|
77
|
-
const { getByText } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Price.default, {
|
|
78
|
-
value: "100",
|
|
79
|
-
currencyCode: "USD"
|
|
80
|
-
}));
|
|
81
|
-
expect(getByText('$100')).toBeInTheDocument();
|
|
82
|
-
});
|
|
83
|
-
});
|
|
@@ -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 _Price = /*#__PURE__*/ _interop_require_default(require("./Price"));
|
|
12
|
-
function _interop_require_default(obj) {
|
|
13
|
-
return obj && obj.__esModule ? obj : {
|
|
14
|
-
default: obj
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
const _default = _Price.default;
|
|
@@ -1,51 +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
|
-
PriceRangeTemplate: function() {
|
|
13
|
-
return PriceRangeTemplate;
|
|
14
|
-
},
|
|
15
|
-
default: function() {
|
|
16
|
-
return _default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
20
|
-
const _PriceRange = /*#__PURE__*/ _interop_require_default(require("./PriceRange"));
|
|
21
|
-
require("../../../../../scss/main.scss");
|
|
22
|
-
function _interop_require_default(obj) {
|
|
23
|
-
return obj && obj.__esModule ? obj : {
|
|
24
|
-
default: obj
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
const _default = {
|
|
28
|
-
title: 'UI/PriceRange',
|
|
29
|
-
component: _PriceRange.default,
|
|
30
|
-
argTypes: {
|
|
31
|
-
mode: {
|
|
32
|
-
description: 'Convert number from 1000 - 2000 to $1,000 - 2,000 etc',
|
|
33
|
-
control: {
|
|
34
|
-
type: 'select',
|
|
35
|
-
options: [
|
|
36
|
-
'simple',
|
|
37
|
-
'formatted'
|
|
38
|
-
]
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
args: {
|
|
43
|
-
from: 1000,
|
|
44
|
-
to: 2000000,
|
|
45
|
-
mode: 'simple'
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
|
|
49
|
-
...args
|
|
50
|
-
});
|
|
51
|
-
const PriceRangeTemplate = Template.bind({});
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
6
|
-
const _react = require("@testing-library/react");
|
|
7
|
-
const _PriceRange = /*#__PURE__*/ _interop_require_default(require("./PriceRange"));
|
|
8
|
-
function _interop_require_default(obj) {
|
|
9
|
-
return obj && obj.__esModule ? obj : {
|
|
10
|
-
default: obj
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
describe('priceRange', ()=>{
|
|
14
|
-
it('renders without crashing', ()=>{
|
|
15
|
-
const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
|
|
16
|
-
from: 10,
|
|
17
|
-
to: 20,
|
|
18
|
-
mode: "simple"
|
|
19
|
-
}));
|
|
20
|
-
expect(container).toBeInTheDocument();
|
|
21
|
-
});
|
|
22
|
-
it('renders simple mode correctly', ()=>{
|
|
23
|
-
var _span_textContent;
|
|
24
|
-
const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
|
|
25
|
-
from: 10,
|
|
26
|
-
to: 20,
|
|
27
|
-
mode: "simple"
|
|
28
|
-
}));
|
|
29
|
-
const element = getByTestId('price-range');
|
|
30
|
-
const span = element.querySelector('span');
|
|
31
|
-
expect(span === null || span === void 0 ? void 0 : (_span_textContent = span.textContent) === null || _span_textContent === void 0 ? void 0 : _span_textContent.replace(/\s+/g, ' ').trim()).toBe('10 - 20');
|
|
32
|
-
});
|
|
33
|
-
it('renders formatted mode correctly', ()=>{
|
|
34
|
-
var _span_textContent;
|
|
35
|
-
const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
|
|
36
|
-
from: 10,
|
|
37
|
-
to: 20,
|
|
38
|
-
mode: "formatted"
|
|
39
|
-
}));
|
|
40
|
-
const element = getByTestId('price-range');
|
|
41
|
-
const span = element.querySelector('span');
|
|
42
|
-
expect(span === null || span === void 0 ? void 0 : (_span_textContent = span.textContent) === null || _span_textContent === void 0 ? void 0 : _span_textContent.replace(/\s+/g, ' ').trim()).toBe('$10 - $20');
|
|
43
|
-
});
|
|
44
|
-
it('renders with custom testId', ()=>{
|
|
45
|
-
const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
|
|
46
|
-
from: 10,
|
|
47
|
-
to: 20,
|
|
48
|
-
mode: "simple",
|
|
49
|
-
testId: "custom-test-id"
|
|
50
|
-
}));
|
|
51
|
-
expect(getByTestId('custom-test-id')).toBeInTheDocument();
|
|
52
|
-
});
|
|
53
|
-
it('has role region and aria-label', ()=>{
|
|
54
|
-
const { getByRole } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
|
|
55
|
-
from: 10,
|
|
56
|
-
to: 20,
|
|
57
|
-
mode: "simple"
|
|
58
|
-
}));
|
|
59
|
-
const region = getByRole('region');
|
|
60
|
-
expect(region).toHaveAttribute('aria-label', 'Price range');
|
|
61
|
-
});
|
|
62
|
-
it('has aria-live attribute', ()=>{
|
|
63
|
-
const { getByTestId } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_PriceRange.default, {
|
|
64
|
-
from: 10,
|
|
65
|
-
to: 20,
|
|
66
|
-
mode: "simple"
|
|
67
|
-
}));
|
|
68
|
-
const element = getByTestId('price-range');
|
|
69
|
-
const span = element.querySelector('span');
|
|
70
|
-
expect(span).toHaveAttribute('aria-live', 'polite');
|
|
71
|
-
});
|
|
72
|
-
});
|
|
@@ -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 _PriceRange = /*#__PURE__*/ _interop_require_default(require("./PriceRange"));
|
|
12
|
-
function _interop_require_default(obj) {
|
|
13
|
-
return obj && obj.__esModule ? obj : {
|
|
14
|
-
default: obj
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
const _default = _PriceRange.default;
|
|
@@ -1,163 +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
|
-
ProgressLineTemplate: function() {
|
|
13
|
-
return ProgressLineTemplate;
|
|
14
|
-
},
|
|
15
|
-
default: function() {
|
|
16
|
-
return _default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
20
|
-
const _ProgressLine = /*#__PURE__*/ _interop_require_default(require("./ProgressLine"));
|
|
21
|
-
require("../../../../../scss/main.scss");
|
|
22
|
-
function _interop_require_default(obj) {
|
|
23
|
-
return obj && obj.__esModule ? obj : {
|
|
24
|
-
default: obj
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
const _default = {
|
|
28
|
-
title: 'UI/ProgressLine',
|
|
29
|
-
component: _ProgressLine.default,
|
|
30
|
-
argTypes: {
|
|
31
|
-
label: {
|
|
32
|
-
title: 'Label',
|
|
33
|
-
type: 'string',
|
|
34
|
-
description: 'Label for Progress Line'
|
|
35
|
-
},
|
|
36
|
-
labelAlign: {
|
|
37
|
-
title: 'Label Align',
|
|
38
|
-
type: 'string',
|
|
39
|
-
description: 'Horisontal Align: <br/>`[left, center, right]`'
|
|
40
|
-
},
|
|
41
|
-
labelVerticalPosition: {
|
|
42
|
-
title: 'Label Vertical Position',
|
|
43
|
-
type: 'string',
|
|
44
|
-
default: 'middle right',
|
|
45
|
-
description: `One of:
|
|
46
|
-
|
|
47
|
-
'top',
|
|
48
|
-
'center',
|
|
49
|
-
'bottom'
|
|
50
|
-
`
|
|
51
|
-
},
|
|
52
|
-
labelHorizontalPosition: {
|
|
53
|
-
title: 'Label Horizontal Position',
|
|
54
|
-
type: 'string',
|
|
55
|
-
default: 'middle right',
|
|
56
|
-
description: `One of:
|
|
57
|
-
|
|
58
|
-
'left',
|
|
59
|
-
'center',
|
|
60
|
-
'right'
|
|
61
|
-
`
|
|
62
|
-
},
|
|
63
|
-
renderValue: {
|
|
64
|
-
type: 'boolean',
|
|
65
|
-
default: false,
|
|
66
|
-
description: 'Render Value'
|
|
67
|
-
},
|
|
68
|
-
isShowLine: {
|
|
69
|
-
type: 'boolean',
|
|
70
|
-
default: true,
|
|
71
|
-
description: 'Show Line'
|
|
72
|
-
},
|
|
73
|
-
renderValueInPercents: {
|
|
74
|
-
type: 'boolean',
|
|
75
|
-
default: false,
|
|
76
|
-
description: 'Render Value in <b>PERCENTS(%)</b>'
|
|
77
|
-
},
|
|
78
|
-
valueMeasurement: {
|
|
79
|
-
type: 'string',
|
|
80
|
-
default: '',
|
|
81
|
-
description: 'Value Measurement: pcs, %, etc.'
|
|
82
|
-
},
|
|
83
|
-
symbolsAfterComma: {
|
|
84
|
-
type: 'number',
|
|
85
|
-
default: 0,
|
|
86
|
-
description: 'Number of symbols after Comma if <b>"valueAsLabelInPercents"</b> equals <b>TRUE</b>'
|
|
87
|
-
},
|
|
88
|
-
value: {
|
|
89
|
-
type: 'number',
|
|
90
|
-
default: 0,
|
|
91
|
-
description: 'Value'
|
|
92
|
-
},
|
|
93
|
-
minValue: {
|
|
94
|
-
type: 'number',
|
|
95
|
-
default: 0,
|
|
96
|
-
description: 'Minimal Value'
|
|
97
|
-
},
|
|
98
|
-
maxValue: {
|
|
99
|
-
type: 'number',
|
|
100
|
-
default: 100,
|
|
101
|
-
description: 'Maximal Value'
|
|
102
|
-
},
|
|
103
|
-
showExtremums: {
|
|
104
|
-
type: 'boolean',
|
|
105
|
-
default: false,
|
|
106
|
-
description: 'Show Progress Line Extremums (Min Value, Max Value)'
|
|
107
|
-
},
|
|
108
|
-
extremumsPosition: {
|
|
109
|
-
type: 'string',
|
|
110
|
-
default: 'top',
|
|
111
|
-
description: `One of:
|
|
112
|
-
|
|
113
|
-
'top',
|
|
114
|
-
'center',
|
|
115
|
-
'bottom'
|
|
116
|
-
`
|
|
117
|
-
},
|
|
118
|
-
variant: {
|
|
119
|
-
type: 'string',
|
|
120
|
-
default: 'info',
|
|
121
|
-
description: `One of:
|
|
122
|
-
|
|
123
|
-
'info',
|
|
124
|
-
'success',
|
|
125
|
-
'error',
|
|
126
|
-
'grey',
|
|
127
|
-
'warning'
|
|
128
|
-
`
|
|
129
|
-
},
|
|
130
|
-
useVariantLabelColor: {
|
|
131
|
-
type: 'boolean',
|
|
132
|
-
default: false,
|
|
133
|
-
description: 'Use Variant Color for Label'
|
|
134
|
-
},
|
|
135
|
-
className: {
|
|
136
|
-
type: 'string',
|
|
137
|
-
description: 'ClassName for ProgressLine Block'
|
|
138
|
-
}
|
|
139
|
-
},
|
|
140
|
-
args: {
|
|
141
|
-
label: '',
|
|
142
|
-
labelAlign: 'left',
|
|
143
|
-
renderValue: false,
|
|
144
|
-
renderValueInPercents: false,
|
|
145
|
-
valueMeasurement: '',
|
|
146
|
-
valueHorizontalPosition: 'right',
|
|
147
|
-
valueVerticalPosition: 'center',
|
|
148
|
-
symbolsAfterComma: 0,
|
|
149
|
-
minValue: 0,
|
|
150
|
-
maxValue: 100000,
|
|
151
|
-
value: 50000,
|
|
152
|
-
showExtremums: false,
|
|
153
|
-
extremumsPosition: 'top',
|
|
154
|
-
variant: 'info',
|
|
155
|
-
useVariantLabelColor: false,
|
|
156
|
-
isShowLine: true,
|
|
157
|
-
className: ''
|
|
158
|
-
}
|
|
159
|
-
};
|
|
160
|
-
const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_ProgressLine.default, {
|
|
161
|
-
...args
|
|
162
|
-
});
|
|
163
|
-
const ProgressLineTemplate = Template.bind({});
|