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.
Files changed (177) hide show
  1. package/package.json +1 -1
  2. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.interface.js +0 -4
  3. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.stories.js +0 -89
  4. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.test.js +0 -130
  5. package/dist/Atomic/FormElements/ActionAlert/index.js +0 -17
  6. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.interface.js +0 -4
  7. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.stories.js +0 -81
  8. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.test.js +0 -104
  9. package/dist/Atomic/FormElements/AdvancedStatus/index.js +0 -17
  10. package/dist/Atomic/FormElements/Calendar/Calendar.props.js +0 -4
  11. package/dist/Atomic/FormElements/Calendar/Calendar.stories.js +0 -108
  12. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.interface.js +0 -4
  13. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +0 -100
  14. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.test.js +0 -143
  15. package/dist/Atomic/FormElements/CheckboxInput/index.js +0 -17
  16. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.interface.js +0 -4
  17. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.stories.js +0 -94
  18. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.test.js +0 -177
  19. package/dist/Atomic/FormElements/CheckboxesLine/index.js +0 -17
  20. package/dist/Atomic/FormElements/Datepicker/Datepicker.stories.js +0 -51
  21. package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +0 -596
  22. package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.stories.js +0 -272
  23. package/dist/Atomic/FormElements/FileLoader/FileLoader.stories.js +0 -182
  24. package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.stories.js +0 -327
  25. package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.stories.js +0 -186
  26. package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.stories.js +0 -84
  27. package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.stories.js +0 -107
  28. package/dist/Atomic/FormElements/Input/Input.stories.js +0 -251
  29. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +0 -115
  30. package/dist/Atomic/FormElements/InputColor/InputColor.stories.js +0 -119
  31. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.interface.js +0 -4
  32. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.stories.js +0 -178
  33. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.test.js +0 -129
  34. package/dist/Atomic/FormElements/InputCurrency/index.js +0 -16
  35. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +0 -123
  36. package/dist/Atomic/FormElements/InputLink/InputLink.stories.js +0 -140
  37. package/dist/Atomic/FormElements/InputMask/InputMask.stories.js +0 -303
  38. package/dist/Atomic/FormElements/InputMask2/InputMask2.stories.js +0 -314
  39. package/dist/Atomic/FormElements/InputMask3/InputMask3.stories.js +0 -335
  40. package/dist/Atomic/FormElements/InputWithAction/InputWithAction.stories.js +0 -276
  41. package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -56
  42. package/dist/Atomic/FormElements/Label/Label.interface.js +0 -4
  43. package/dist/Atomic/FormElements/Label/Label.stories.js +0 -47
  44. package/dist/Atomic/FormElements/Label/Label.test.js +0 -167
  45. package/dist/Atomic/FormElements/Label/index.js +0 -17
  46. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js +0 -172
  47. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +0 -121
  48. package/dist/Atomic/FormElements/NumericInput/NumericInput.stories.js +0 -184
  49. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.stories.js +0 -79
  50. package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.stories.js +0 -151
  51. package/dist/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -67
  52. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.stories.js +0 -116
  53. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.stories.js +0 -107
  54. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -92
  55. package/dist/Atomic/FormElements/RangeList/RangeList.stories.js +0 -169
  56. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.stories.js +0 -401
  57. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.stories.js +0 -314
  58. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.stories.js +0 -137
  59. package/dist/Atomic/FormElements/Switcher/Switcher.stories.js +0 -91
  60. package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.stories.js +0 -104
  61. package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.stories.js +0 -96
  62. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.stories.js +0 -140
  63. package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.stories.js +0 -112
  64. package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.stories.js +0 -145
  65. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.stories.js +0 -158
  66. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.stories.js +0 -101
  67. package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.stories.js +0 -131
  68. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -357
  69. package/dist/Atomic/FormElements/Text/Text.stories.js +0 -80
  70. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -106
  71. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.test.js +0 -93
  72. package/dist/Atomic/FormElements/Textarea/Textarea.stories.js +0 -103
  73. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.stories.js +0 -174
  74. package/dist/Atomic/FormElements/TimeRange/TimeRange.interface.js +0 -4
  75. package/dist/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -40
  76. package/dist/Atomic/FormElements/TimeRange/TimeRange.test.js +0 -163
  77. package/dist/Atomic/FormElements/TimeRange/index.js +0 -17
  78. package/dist/Atomic/FormElements/UserContacts/UserContact.test.js +0 -381
  79. package/dist/Atomic/FormElements/UserContacts/UserContacts.interface.js +0 -4
  80. package/dist/Atomic/FormElements/UserContacts/UserContacts.stories.js +0 -74
  81. package/dist/Atomic/FormElements/UserContacts/index.js +0 -17
  82. package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.stories.js +0 -193
  83. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.stories.js +0 -147
  84. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.stories.js +0 -151
  85. package/dist/Atomic/Layout/Header/Header.stories.js +0 -71
  86. package/dist/Atomic/Layout/MainMenu/MainMenu.stories.js +0 -115
  87. package/dist/Atomic/Layout/Spinner/Spinner.interface.js +0 -4
  88. package/dist/Atomic/Layout/Spinner/Spinner.stories.js +0 -46
  89. package/dist/Atomic/Layout/Spinner/Spinner.test.js +0 -54
  90. package/dist/Atomic/Layout/Spinner/index.js +0 -17
  91. package/dist/Atomic/UI/Accordion/Accordion.interface.js +0 -4
  92. package/dist/Atomic/UI/Accordion/Accordion.stories.js +0 -168
  93. package/dist/Atomic/UI/Accordion/Accordion.test.js +0 -54
  94. package/dist/Atomic/UI/Accordion/AccordionItem.test.js +0 -50
  95. package/dist/Atomic/UI/Accordion/index.js +0 -17
  96. package/dist/Atomic/UI/AccordionTable/AccordionTable.stories.js +0 -268
  97. package/dist/Atomic/UI/AccordionText/AccordionText.stories.js +0 -125
  98. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +0 -115
  99. package/dist/Atomic/UI/Alert/Alert.stories.js +0 -81
  100. package/dist/Atomic/UI/Arrow/Arrow.stories.js +0 -62
  101. package/dist/Atomic/UI/Box/Box.stories.js +0 -114
  102. package/dist/Atomic/UI/Button/Button.stories.js +0 -105
  103. package/dist/Atomic/UI/Button/Button.test.js +0 -147
  104. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.stories.js +0 -129
  105. package/dist/Atomic/UI/Chart/Chart.stories.js +0 -93
  106. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.stories.js +0 -85
  107. package/dist/Atomic/UI/DateTime/DateTime.stories.js +0 -50
  108. package/dist/Atomic/UI/DoubleString/DoubleString.stories.js +0 -79
  109. package/dist/Atomic/UI/DynamicIcon/DynamicIcon.interface.js +0 -4
  110. package/dist/Atomic/UI/DynamicIcon/DynamicIcon.stories.js +0 -98
  111. package/dist/Atomic/UI/DynamicIcon/DynamicIcon.test.js +0 -51
  112. package/dist/Atomic/UI/DynamicIcon/index.js +0 -17
  113. package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.stories.js +0 -98
  114. package/dist/Atomic/UI/Hint/Hint.stories.js +0 -101
  115. package/dist/Atomic/UI/Hint/index.js +0 -16
  116. package/dist/Atomic/UI/Modal/Modal.interface.js +0 -4
  117. package/dist/Atomic/UI/Modal/Modal.stories.js +0 -370
  118. package/dist/Atomic/UI/Modal/ModalHOC.stories.js +0 -191
  119. package/dist/Atomic/UI/Modal/ModalHOC.test.js +0 -187
  120. package/dist/Atomic/UI/Modal/index.js +0 -26
  121. package/dist/Atomic/UI/Modal/partials/ModalFooter.test.js +0 -118
  122. package/dist/Atomic/UI/Modal/partials/ModalTitle.test.js +0 -126
  123. package/dist/Atomic/UI/Modal/partials/useMobileModal.test.js +0 -133
  124. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.interface.js +0 -4
  125. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.stories.js +0 -513
  126. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.test.js +0 -84
  127. package/dist/Atomic/UI/MonoAccordion/index.js +0 -17
  128. package/dist/Atomic/UI/NavLine/NavLine.interface.js +0 -4
  129. package/dist/Atomic/UI/NavLine/NavLine.stories.js +0 -434
  130. package/dist/Atomic/UI/NavLine/NavLine.test.js +0 -311
  131. package/dist/Atomic/UI/NavLine/index.js +0 -17
  132. package/dist/Atomic/UI/PageTitle/PageTitle.interface.js +0 -4
  133. package/dist/Atomic/UI/PageTitle/PageTitle.stories.js +0 -62
  134. package/dist/Atomic/UI/PageTitle/PageTitle.test.js +0 -181
  135. package/dist/Atomic/UI/PageTitle/index.js +0 -17
  136. package/dist/Atomic/UI/PieChart/PieChar.interface.js +0 -4
  137. package/dist/Atomic/UI/PieChart/PieChart.stories.js +0 -82
  138. package/dist/Atomic/UI/PieChart/PieChart.test.js +0 -142
  139. package/dist/Atomic/UI/PieChart/index.js +0 -26
  140. package/dist/Atomic/UI/Price/Price.interface.js +0 -4
  141. package/dist/Atomic/UI/Price/Price.stories.js +0 -52
  142. package/dist/Atomic/UI/Price/Price.test.js +0 -83
  143. package/dist/Atomic/UI/Price/index.js +0 -17
  144. package/dist/Atomic/UI/PriceRange/PriceRange.interface.js +0 -4
  145. package/dist/Atomic/UI/PriceRange/PriceRange.stories.js +0 -51
  146. package/dist/Atomic/UI/PriceRange/PriceRange.test.js +0 -72
  147. package/dist/Atomic/UI/PriceRange/index.js +0 -17
  148. package/dist/Atomic/UI/ProgressLine/ProgressLine.interface.js +0 -4
  149. package/dist/Atomic/UI/ProgressLine/ProgressLine.stories.js +0 -163
  150. package/dist/Atomic/UI/ProgressLine/ProgressLine.test.js +0 -60
  151. package/dist/Atomic/UI/ProgressLine/index.js +0 -17
  152. package/dist/Atomic/UI/Status/Status.interface.js +0 -4
  153. package/dist/Atomic/UI/Status/Status.stories.js +0 -79
  154. package/dist/Atomic/UI/Status/Status.test.js +0 -103
  155. package/dist/Atomic/UI/Status/index.js +0 -17
  156. package/dist/Atomic/UI/Table/Table.stories.js +0 -250
  157. package/dist/Atomic/UI/Tag/Tag.interface.js +0 -4
  158. package/dist/Atomic/UI/Tag/Tag.stories.js +0 -108
  159. package/dist/Atomic/UI/Tag/Tag.test.js +0 -75
  160. package/dist/Atomic/UI/Tag/index.js +0 -17
  161. package/dist/Atomic/UI/TagList/TagList.stories.js +0 -169
  162. package/dist/Atomic/UI/UserBox/UserBox.interface.js +0 -4
  163. package/dist/Atomic/UI/UserBox/UserBox.stories.js +0 -57
  164. package/dist/Atomic/UI/UserBox/UserBox.test.js +0 -136
  165. package/dist/Atomic/UI/UserBox/index.js +0 -17
  166. package/dist/Atomic/UI/WizardStepper/WizardStepper.stories.js +0 -70
  167. package/dist/Functions/useIsMobile/index.js +0 -17
  168. package/dist/Functions/useIsMobile/useIsMobile.js +0 -33
  169. package/dist/Functions/useIsMobile/useIsMobile.test.js +0 -104
  170. package/dist/Functions/useKeyPress/useHandleKeyPress.test.js +0 -96
  171. package/dist/Functions/useKeyPress/useKeyPress.test.js +0 -87
  172. package/dist/Molecular/FormElement/FormElement.stories.js +0 -92
  173. package/dist/Molecular/FormWithDependOn/FormWithDependOn.stories.js +0 -301
  174. package/dist/Molecular/InputAddress/InputAddress.stories.js +0 -541
  175. package/dist/Molecular/InputPassword/InputPassword.stories.js +0 -86
  176. package/dist/types/base.interface.js +0 -4
  177. 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
- });