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,115 +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
|
-
AdvancedTagTemplate: function() {
|
|
13
|
-
return AdvancedTagTemplate;
|
|
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 _AdvancedTags = /*#__PURE__*/ _interop_require_default(require("./AdvancedTags"));
|
|
22
|
-
require("../../../../../scss/main.scss");
|
|
23
|
-
function _interop_require_default(obj) {
|
|
24
|
-
return obj && obj.__esModule ? obj : {
|
|
25
|
-
default: obj
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
global.lng = 'en';
|
|
29
|
-
const _default = {
|
|
30
|
-
title: 'UI/AdvancedTags',
|
|
31
|
-
component: _AdvancedTags.default,
|
|
32
|
-
argTypes: {
|
|
33
|
-
tags: {
|
|
34
|
-
description: 'array'
|
|
35
|
-
},
|
|
36
|
-
className: {
|
|
37
|
-
description: 'string. optional'
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
const Template = ({ tags, emptyText })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_AdvancedTags.default, {
|
|
42
|
-
items: tags,
|
|
43
|
-
emptyText: emptyText
|
|
44
|
-
});
|
|
45
|
-
const AdvancedTagTemplate = Template.bind({});
|
|
46
|
-
AdvancedTagTemplate.args = {
|
|
47
|
-
tags: [
|
|
48
|
-
{
|
|
49
|
-
noPingTree: true,
|
|
50
|
-
id: '1',
|
|
51
|
-
labelLeft: 'Home Improvement',
|
|
52
|
-
active: 1,
|
|
53
|
-
pause: 1,
|
|
54
|
-
warnLeft: true,
|
|
55
|
-
warnRight: true,
|
|
56
|
-
merchants: 0,
|
|
57
|
-
warnLeftMsg: `Lender is not included in Ping Tree by the { idustryi dustryi dustry idustry idustry idustry idustry } industry`,
|
|
58
|
-
warnRightMsg: `No Merchants for the {industry} industry`,
|
|
59
|
-
toTop: true
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
id: '3',
|
|
63
|
-
isEntityAndCounter: true,
|
|
64
|
-
entityAndCounter: {
|
|
65
|
-
nullCounterMessage: 'Lorem Ipsum is simply a dummy',
|
|
66
|
-
title: 'Home Improvement',
|
|
67
|
-
counter: 0
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
id: '155',
|
|
72
|
-
isEntityAndCounter: true,
|
|
73
|
-
entityAndCounter: {
|
|
74
|
-
nullCounterMessage: 'Lorem Ipsum is simply a dummy',
|
|
75
|
-
title: 'Home Improvement',
|
|
76
|
-
counter: 1
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
id: '3',
|
|
81
|
-
isEntityAndCounter: true,
|
|
82
|
-
entityAndCounter: {
|
|
83
|
-
nullCounterMessage: 'Lorem Ipsum is simply a dummy',
|
|
84
|
-
title: 'Home Improvement',
|
|
85
|
-
counter: 15
|
|
86
|
-
}
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
noPingTree: true,
|
|
90
|
-
id: '3',
|
|
91
|
-
labelLeft: 'Retail',
|
|
92
|
-
active: 1,
|
|
93
|
-
pause: 1,
|
|
94
|
-
merchants: 0
|
|
95
|
-
},
|
|
96
|
-
{
|
|
97
|
-
noPingTree: true,
|
|
98
|
-
id: '4',
|
|
99
|
-
labelLeft: 'Services',
|
|
100
|
-
active: 0,
|
|
101
|
-
pause: 0,
|
|
102
|
-
merchants: 0
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
noPingTree: false,
|
|
106
|
-
id: '5',
|
|
107
|
-
labelLeft: 'Other',
|
|
108
|
-
active: 0,
|
|
109
|
-
pause: 0,
|
|
110
|
-
merchants: 2
|
|
111
|
-
}
|
|
112
|
-
],
|
|
113
|
-
className: '',
|
|
114
|
-
emptyText: 'no tags'
|
|
115
|
-
};
|
|
@@ -1,81 +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
|
-
AlertTemplate: function() {
|
|
13
|
-
return AlertTemplate;
|
|
14
|
-
},
|
|
15
|
-
AlertTest: function() {
|
|
16
|
-
return AlertTest;
|
|
17
|
-
},
|
|
18
|
-
default: function() {
|
|
19
|
-
return _default;
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
23
|
-
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
|
24
|
-
const _Alert = /*#__PURE__*/ _interop_require_default(require("./Alert"));
|
|
25
|
-
const _reactfeather = require("react-feather");
|
|
26
|
-
require("../../../../../scss/main.scss");
|
|
27
|
-
function _interop_require_default(obj) {
|
|
28
|
-
return obj && obj.__esModule ? obj : {
|
|
29
|
-
default: obj
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
global.lng = 'en';
|
|
33
|
-
const _default = {
|
|
34
|
-
title: 'UI/Alert',
|
|
35
|
-
component: _Alert.default,
|
|
36
|
-
argTypes: {
|
|
37
|
-
variant: {
|
|
38
|
-
description: 'string: ["error", "warning", "success", "info"]. optional. warning is default',
|
|
39
|
-
control: {
|
|
40
|
-
type: 'select',
|
|
41
|
-
options: [
|
|
42
|
-
'error',
|
|
43
|
-
'warning',
|
|
44
|
-
'success',
|
|
45
|
-
'info'
|
|
46
|
-
]
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
message: {
|
|
50
|
-
description: 'string'
|
|
51
|
-
},
|
|
52
|
-
noDismiss: 'hide close button. boolean. optional',
|
|
53
|
-
icon: 'icon before text. jsx. optional',
|
|
54
|
-
isLoading: 'boolean, add internal spinner'
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
|
|
58
|
-
...args
|
|
59
|
-
});
|
|
60
|
-
const AlertTemplate = Template.bind({});
|
|
61
|
-
AlertTemplate.args = {
|
|
62
|
-
message: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
|
|
63
|
-
variant: 'info',
|
|
64
|
-
noDismiss: false,
|
|
65
|
-
isHidden: false,
|
|
66
|
-
isLoading: false,
|
|
67
|
-
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Home, {})
|
|
68
|
-
};
|
|
69
|
-
const AlertTest = Template.bind({});
|
|
70
|
-
AlertTest.args = {
|
|
71
|
-
message: 'example message. last test for close alert',
|
|
72
|
-
variant: 'info',
|
|
73
|
-
noDismiss: false,
|
|
74
|
-
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Home, {}),
|
|
75
|
-
// noDismiss: true,
|
|
76
|
-
buttonParams: {
|
|
77
|
-
label: 'Got it!',
|
|
78
|
-
variant: 'link',
|
|
79
|
-
onClick: ()=>console.log('click')
|
|
80
|
-
}
|
|
81
|
-
};
|
|
@@ -1,62 +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
|
-
ArrowTemplate: function() {
|
|
13
|
-
return ArrowTemplate;
|
|
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 _Arrow = /*#__PURE__*/ _interop_require_default(require("./Arrow"));
|
|
22
|
-
require("../../../../../scss/main.scss");
|
|
23
|
-
function _interop_require_default(obj) {
|
|
24
|
-
return obj && obj.__esModule ? obj : {
|
|
25
|
-
default: obj
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
global.lng = 'en';
|
|
29
|
-
const _default = {
|
|
30
|
-
title: 'UI/Arrow',
|
|
31
|
-
component: _Arrow.default,
|
|
32
|
-
argTypes: {
|
|
33
|
-
type: {
|
|
34
|
-
description: 'string: ["left", "right"]',
|
|
35
|
-
control: {
|
|
36
|
-
type: 'select',
|
|
37
|
-
options: [
|
|
38
|
-
'left',
|
|
39
|
-
'right'
|
|
40
|
-
]
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
isAlt: {
|
|
44
|
-
description: 'boolean: change the arrow print',
|
|
45
|
-
control: {
|
|
46
|
-
type: 'torrler'
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
const Template = (args)=>{
|
|
52
|
-
const { className, onClick } = args;
|
|
53
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
|
|
54
|
-
...args
|
|
55
|
-
});
|
|
56
|
-
};
|
|
57
|
-
const ArrowTemplate = Template.bind({});
|
|
58
|
-
ArrowTemplate.args = {
|
|
59
|
-
type: 'left',
|
|
60
|
-
className: 'externall-class-name',
|
|
61
|
-
onClick: (ev)=>console.log(ev.target.className)
|
|
62
|
-
};
|
|
@@ -1,114 +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
|
-
BoxTemplate: function() {
|
|
13
|
-
return BoxTemplate;
|
|
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 _CheckboxInput = /*#__PURE__*/ _interop_require_default(require("../../FormElements/CheckboxInput/CheckboxInput"));
|
|
22
|
-
const _Box = /*#__PURE__*/ _interop_require_default(require("./Box"));
|
|
23
|
-
function _interop_require_default(obj) {
|
|
24
|
-
return obj && obj.__esModule ? obj : {
|
|
25
|
-
default: obj
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
function getRadioArgType(options, defaultValue) {
|
|
29
|
-
return {
|
|
30
|
-
description: `string: ${JSON.stringify(options)}. optional. ${defaultValue} is default`,
|
|
31
|
-
control: {
|
|
32
|
-
type: "radio"
|
|
33
|
-
},
|
|
34
|
-
options
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
const _default = {
|
|
38
|
-
title: "UI/Box",
|
|
39
|
-
component: _Box.default,
|
|
40
|
-
argTypes: {
|
|
41
|
-
direction: getRadioArgType([
|
|
42
|
-
"column",
|
|
43
|
-
"row"
|
|
44
|
-
], "column"),
|
|
45
|
-
paddingVariant: getRadioArgType([
|
|
46
|
-
"none",
|
|
47
|
-
"xs",
|
|
48
|
-
"s",
|
|
49
|
-
"m",
|
|
50
|
-
"l",
|
|
51
|
-
"xl"
|
|
52
|
-
], "m"),
|
|
53
|
-
radiiVariant: getRadioArgType([
|
|
54
|
-
"none",
|
|
55
|
-
"xs",
|
|
56
|
-
"s",
|
|
57
|
-
"m",
|
|
58
|
-
"l",
|
|
59
|
-
"xl"
|
|
60
|
-
], "s")
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
const Template = (args)=>{
|
|
64
|
-
const { className, onClick } = args;
|
|
65
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
66
|
-
children: [
|
|
67
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
|
|
68
|
-
...args,
|
|
69
|
-
children: [
|
|
70
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
|
|
71
|
-
label: "mock element one"
|
|
72
|
-
}),
|
|
73
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
74
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
|
|
75
|
-
label: "mock element second"
|
|
76
|
-
})
|
|
77
|
-
]
|
|
78
|
-
}),
|
|
79
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
80
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
81
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
|
|
82
|
-
children: [
|
|
83
|
-
"direction: ",
|
|
84
|
-
args.direction
|
|
85
|
-
]
|
|
86
|
-
}),
|
|
87
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
|
|
88
|
-
children: [
|
|
89
|
-
"radii: ",
|
|
90
|
-
args.radiiVariant
|
|
91
|
-
]
|
|
92
|
-
}),
|
|
93
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
|
|
94
|
-
children: [
|
|
95
|
-
"padding: ",
|
|
96
|
-
args.paddingVariant
|
|
97
|
-
]
|
|
98
|
-
}),
|
|
99
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
|
|
100
|
-
children: [
|
|
101
|
-
"className: ",
|
|
102
|
-
args.className
|
|
103
|
-
]
|
|
104
|
-
})
|
|
105
|
-
]
|
|
106
|
-
});
|
|
107
|
-
};
|
|
108
|
-
const BoxTemplate = Template.bind({});
|
|
109
|
-
BoxTemplate.args = {
|
|
110
|
-
direction: "column",
|
|
111
|
-
radiiVariant: "s",
|
|
112
|
-
paddingVariant: "m",
|
|
113
|
-
className: "external-class-name"
|
|
114
|
-
};
|
|
@@ -1,105 +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
|
-
ButtonTemplate: function() {
|
|
13
|
-
return ButtonTemplate;
|
|
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 _reactfeather = require("react-feather");
|
|
22
|
-
const _Button = /*#__PURE__*/ _interop_require_default(require("./Button"));
|
|
23
|
-
function _interop_require_default(obj) {
|
|
24
|
-
return obj && obj.__esModule ? obj : {
|
|
25
|
-
default: obj
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
global.lng = "en";
|
|
29
|
-
const _default = {
|
|
30
|
-
title: "UI/Button",
|
|
31
|
-
component: _Button.default,
|
|
32
|
-
argTypes: {
|
|
33
|
-
variant: {
|
|
34
|
-
description: 'string: ["primary", "secondary", "dark-outline", "ellipse-apply", "ellipse-cancel"]',
|
|
35
|
-
control: {
|
|
36
|
-
type: "select",
|
|
37
|
-
options: [
|
|
38
|
-
"primary",
|
|
39
|
-
"success",
|
|
40
|
-
"warning",
|
|
41
|
-
"secondary",
|
|
42
|
-
"dark-outline",
|
|
43
|
-
"link",
|
|
44
|
-
"ellipse-apply",
|
|
45
|
-
"ellipse-cancel"
|
|
46
|
-
]
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
isTextEllipsis: {
|
|
50
|
-
description: "boolean",
|
|
51
|
-
control: {
|
|
52
|
-
type: "boolean"
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
label: {
|
|
56
|
-
description: "string"
|
|
57
|
-
},
|
|
58
|
-
disabled: {
|
|
59
|
-
description: "boolean"
|
|
60
|
-
},
|
|
61
|
-
onClick: {
|
|
62
|
-
description: "function"
|
|
63
|
-
},
|
|
64
|
-
icon: {
|
|
65
|
-
description: "svg icon code",
|
|
66
|
-
control: {
|
|
67
|
-
type: "select",
|
|
68
|
-
options: [
|
|
69
|
-
"Check",
|
|
70
|
-
"Edit3",
|
|
71
|
-
"Plus",
|
|
72
|
-
"Tool",
|
|
73
|
-
"UploadCloud",
|
|
74
|
-
"X",
|
|
75
|
-
"ArrowLeft"
|
|
76
|
-
]
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
className: {
|
|
80
|
-
description: "string"
|
|
81
|
-
},
|
|
82
|
-
style: {
|
|
83
|
-
description: "object"
|
|
84
|
-
},
|
|
85
|
-
testId: {
|
|
86
|
-
description: "string"
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
const Template = (args)=>{
|
|
91
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
92
|
-
...args
|
|
93
|
-
});
|
|
94
|
-
};
|
|
95
|
-
const ButtonTemplate = Template.bind({});
|
|
96
|
-
ButtonTemplate.args = {
|
|
97
|
-
disabled: false,
|
|
98
|
-
onClick: ()=>null,
|
|
99
|
-
variant: "",
|
|
100
|
-
label: "Button",
|
|
101
|
-
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Check, {}),
|
|
102
|
-
isIconRight: true,
|
|
103
|
-
className: "test-class",
|
|
104
|
-
testId: "test-id"
|
|
105
|
-
};
|
|
@@ -1,147 +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 _Button = /*#__PURE__*/ _interop_require_default(require("./Button"));
|
|
9
|
-
function _interop_require_default(obj) {
|
|
10
|
-
return obj && obj.__esModule ? obj : {
|
|
11
|
-
default: obj
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
describe('button component', ()=>{
|
|
15
|
-
// Positive Scenarios
|
|
16
|
-
it('renders with default props', ()=>{
|
|
17
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {}));
|
|
18
|
-
const button = _react.screen.getByTestId('button');
|
|
19
|
-
expect(button).toBeInTheDocument();
|
|
20
|
-
expect(button).toHaveClass('button button_primary');
|
|
21
|
-
expect(button).not.toBeDisabled();
|
|
22
|
-
});
|
|
23
|
-
it('renders with a label', ()=>{
|
|
24
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
25
|
-
label: "Click me"
|
|
26
|
-
}));
|
|
27
|
-
const button = _react.screen.getByTestId('button');
|
|
28
|
-
expect(button).toHaveTextContent('Click me');
|
|
29
|
-
});
|
|
30
|
-
it('renders children when no label is provided', ()=>{
|
|
31
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
32
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
33
|
-
children: "Child Text "
|
|
34
|
-
})
|
|
35
|
-
}));
|
|
36
|
-
const child = _react.screen.getByText('Child Text');
|
|
37
|
-
expect(child).toBeInTheDocument();
|
|
38
|
-
});
|
|
39
|
-
it('renders with an icon', ()=>{
|
|
40
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
41
|
-
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
42
|
-
"data-testid": "icon"
|
|
43
|
-
})
|
|
44
|
-
}));
|
|
45
|
-
const icon = _react.screen.getByTestId('icon');
|
|
46
|
-
expect(icon).toBeInTheDocument();
|
|
47
|
-
});
|
|
48
|
-
it('renders with a right-aligned icon', ()=>{
|
|
49
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
50
|
-
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
51
|
-
"data-testid": "icon"
|
|
52
|
-
}),
|
|
53
|
-
isIconRight: true
|
|
54
|
-
}));
|
|
55
|
-
const button = _react.screen.getByTestId('button');
|
|
56
|
-
expect(button).toHaveClass('button_icon-right');
|
|
57
|
-
});
|
|
58
|
-
it('handles onClick event', ()=>{
|
|
59
|
-
const handleClick = jest.fn();
|
|
60
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
61
|
-
onClick: handleClick
|
|
62
|
-
}));
|
|
63
|
-
const button = _react.screen.getByTestId('button');
|
|
64
|
-
_react.fireEvent.click(button);
|
|
65
|
-
expect(handleClick).toHaveBeenCalledTimes(1);
|
|
66
|
-
});
|
|
67
|
-
it('applies different variants', ()=>{
|
|
68
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
69
|
-
variant: "ellipse-apply"
|
|
70
|
-
}));
|
|
71
|
-
const button = _react.screen.getByTestId('button');
|
|
72
|
-
expect(button).toHaveClass('button button_ellipse-apply');
|
|
73
|
-
});
|
|
74
|
-
it('handles disabled state', ()=>{
|
|
75
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
76
|
-
disabled: true
|
|
77
|
-
}));
|
|
78
|
-
const button = _react.screen.getByTestId('button');
|
|
79
|
-
expect(button).toBeDisabled();
|
|
80
|
-
});
|
|
81
|
-
it('applies custom styles', ()=>{
|
|
82
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
83
|
-
style: {
|
|
84
|
-
backgroundColor: 'red'
|
|
85
|
-
}
|
|
86
|
-
}));
|
|
87
|
-
const button = _react.screen.getByTestId('button');
|
|
88
|
-
expect(button).toHaveStyle('background-color: red');
|
|
89
|
-
});
|
|
90
|
-
it('handles isTextEllipsis prop', ()=>{
|
|
91
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
92
|
-
label: "Long text",
|
|
93
|
-
isTextEllipsis: true
|
|
94
|
-
}));
|
|
95
|
-
const text = _react.screen.getByText('Long text');
|
|
96
|
-
expect(text).toHaveClass('text-ellipsis');
|
|
97
|
-
});
|
|
98
|
-
it('renders without icon when noIcon is true', ()=>{
|
|
99
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
100
|
-
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
101
|
-
"data-testid": "icon"
|
|
102
|
-
}),
|
|
103
|
-
noIcon: true
|
|
104
|
-
}));
|
|
105
|
-
const icon = _react.screen.queryByTestId('icon');
|
|
106
|
-
expect(icon).not.toBeInTheDocument();
|
|
107
|
-
});
|
|
108
|
-
// Negative Scenarios
|
|
109
|
-
it('does not trigger onClick when disabled', ()=>{
|
|
110
|
-
const handleClick = jest.fn();
|
|
111
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
112
|
-
onClick: handleClick,
|
|
113
|
-
disabled: true
|
|
114
|
-
}));
|
|
115
|
-
const button = _react.screen.getByTestId('button');
|
|
116
|
-
_react.fireEvent.click(button);
|
|
117
|
-
expect(handleClick).not.toHaveBeenCalled();
|
|
118
|
-
});
|
|
119
|
-
it('does not apply variant class if variant is not provided', ()=>{
|
|
120
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
121
|
-
variant: ""
|
|
122
|
-
}));
|
|
123
|
-
const button = _react.screen.getByTestId('button');
|
|
124
|
-
expect(button).not.toHaveClass('button_');
|
|
125
|
-
});
|
|
126
|
-
it('does not render label or children when both are absent', ()=>{
|
|
127
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {}));
|
|
128
|
-
const button = _react.screen.getByTestId('button');
|
|
129
|
-
expect(button).toBeInTheDocument();
|
|
130
|
-
expect(button).toBeEmptyDOMElement();
|
|
131
|
-
});
|
|
132
|
-
it('does not render with invalid props', ()=>{
|
|
133
|
-
// @ts-expect-error - Testing invalid prop
|
|
134
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
135
|
-
invalidProp: "value"
|
|
136
|
-
}));
|
|
137
|
-
const button = _react.screen.getByTestId('button');
|
|
138
|
-
expect(button).toBeInTheDocument();
|
|
139
|
-
});
|
|
140
|
-
it('does not apply isIconRight class when no icon is provided', ()=>{
|
|
141
|
-
(0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
|
|
142
|
-
isIconRight: true
|
|
143
|
-
}));
|
|
144
|
-
const button = _react.screen.getByTestId('button');
|
|
145
|
-
expect(button).not.toHaveClass('button_icon-right');
|
|
146
|
-
});
|
|
147
|
-
});
|