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,84 +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 _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("./MonoAccordion"));
8
- function _interop_require_default(obj) {
9
- return obj && obj.__esModule ? obj : {
10
- default: obj
11
- };
12
- }
13
- describe('monoAccordion', ()=>{
14
- const defaultProps = {
15
- titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
16
- children: "Accordion Title"
17
- }),
18
- icon: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
19
- children: "▼"
20
- }),
21
- isOpen: false,
22
- onClick: jest.fn(),
23
- testId: 'test-accordion'
24
- };
25
- it('renders correctly with default props', ()=>{
26
- (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
27
- ...defaultProps,
28
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
29
- children: "Accordion Content"
30
- })
31
- }));
32
- expect(_react.screen.getByTestId('test-accordion')).toBeInTheDocument();
33
- expect(_react.screen.getByText('Accordion Title')).toBeInTheDocument();
34
- });
35
- it('handles click events correctly', ()=>{
36
- (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
37
- ...defaultProps,
38
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
39
- children: "Accordion Content"
40
- })
41
- }));
42
- _react.fireEvent.click(_react.screen.getByRole('button'));
43
- expect(defaultProps.onClick).toHaveBeenCalled();
44
- });
45
- it('applies correct classes when open', ()=>{
46
- (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
47
- ...defaultProps,
48
- isOpen: true,
49
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
50
- children: "Accordion Content"
51
- })
52
- }));
53
- expect(_react.screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--is-open');
54
- });
55
- it('applies disabled state correctly', ()=>{
56
- (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
57
- ...defaultProps,
58
- disabled: true,
59
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
60
- children: "Accordion Content"
61
- })
62
- }));
63
- const button = _react.screen.getByRole('button');
64
- expect(button).toBeDisabled();
65
- expect(_react.screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--disabled');
66
- });
67
- it('handles aria attributes correctly', ()=>{
68
- const { rerender } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
69
- ...defaultProps,
70
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
71
- children: "Accordion Content"
72
- })
73
- }));
74
- expect(_react.screen.getByRole('button')).toHaveAttribute('aria-expanded', 'false');
75
- rerender(/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
76
- ...defaultProps,
77
- isOpen: true,
78
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
79
- children: "Accordion Content"
80
- })
81
- }));
82
- expect(_react.screen.getByRole('button')).toHaveAttribute('aria-expanded', 'true');
83
- });
84
- });
@@ -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 _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("./MonoAccordion"));
12
- function _interop_require_default(obj) {
13
- return obj && obj.__esModule ? obj : {
14
- default: obj
15
- };
16
- }
17
- const _default = _MonoAccordion.default;
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
@@ -1,434 +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
- CompactView: function() {
13
- return CompactView;
14
- },
15
- DefaultWithIcons: function() {
16
- return DefaultWithIcons;
17
- },
18
- SimpleDefault: function() {
19
- return SimpleDefault;
20
- },
21
- SimpleWithCounts: function() {
22
- return SimpleWithCounts;
23
- },
24
- SimpleWithDisabled: function() {
25
- return SimpleWithDisabled;
26
- },
27
- SimpleWithScroll: function() {
28
- return SimpleWithScroll;
29
- },
30
- WithHiddenTabs: function() {
31
- return WithHiddenTabs;
32
- },
33
- WithLongLabels: function() {
34
- return WithLongLabels;
35
- },
36
- default: function() {
37
- return _default;
38
- }
39
- });
40
- const _jsxruntime = require("react/jsx-runtime");
41
- const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
42
- const _reactrouterdom = require("react-router-dom");
43
- const _NavLine = /*#__PURE__*/ _interop_require_default(require("./NavLine"));
44
- function _interop_require_default(obj) {
45
- return obj && obj.__esModule ? obj : {
46
- default: obj
47
- };
48
- }
49
- function _getRequireWildcardCache(nodeInterop) {
50
- if (typeof WeakMap !== "function") return null;
51
- var cacheBabelInterop = new WeakMap();
52
- var cacheNodeInterop = new WeakMap();
53
- return (_getRequireWildcardCache = function(nodeInterop) {
54
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
55
- })(nodeInterop);
56
- }
57
- function _interop_require_wildcard(obj, nodeInterop) {
58
- if (!nodeInterop && obj && obj.__esModule) {
59
- return obj;
60
- }
61
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
62
- return {
63
- default: obj
64
- };
65
- }
66
- var cache = _getRequireWildcardCache(nodeInterop);
67
- if (cache && cache.has(obj)) {
68
- return cache.get(obj);
69
- }
70
- var newObj = {
71
- __proto__: null
72
- };
73
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
74
- for(var key in obj){
75
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
76
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
77
- if (desc && (desc.get || desc.set)) {
78
- Object.defineProperty(newObj, key, desc);
79
- } else {
80
- newObj[key] = obj[key];
81
- }
82
- }
83
- }
84
- newObj.default = obj;
85
- if (cache) {
86
- cache.set(obj, newObj);
87
- }
88
- return newObj;
89
- }
90
- const meta = {
91
- title: 'UI/NavLine',
92
- component: _NavLine.default,
93
- parameters: {
94
- layout: 'centered'
95
- },
96
- argTypes: {
97
- variant: {
98
- control: 'select',
99
- options: [
100
- 'simple',
101
- 'default'
102
- ]
103
- },
104
- scrollMode: {
105
- control: 'boolean'
106
- },
107
- isLocal: {
108
- control: 'boolean'
109
- },
110
- isNavigateByKeys: {
111
- control: 'boolean'
112
- }
113
- },
114
- decorators: [
115
- (Story)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
116
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
117
- style: {
118
- maxWidth: '1200px',
119
- margin: '0 auto'
120
- },
121
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})
122
- })
123
- })
124
- ]
125
- };
126
- const _default = meta;
127
- const CustomTabContent = ({ label })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
128
- style: {
129
- padding: '20px',
130
- background: '#f5f5f5',
131
- borderRadius: '4px',
132
- margin: '20px 0',
133
- width: '100%'
134
- },
135
- children: [
136
- /*#__PURE__*/ (0, _jsxruntime.jsx)("h3", {
137
- style: {
138
- margin: '0 0 10px'
139
- },
140
- children: label
141
- }),
142
- /*#__PURE__*/ (0, _jsxruntime.jsxs)("p", {
143
- children: [
144
- "Tab content for",
145
- label
146
- ]
147
- })
148
- ]
149
- });
150
- // Base Template
151
- const Template = (args)=>{
152
- var _args_items_find;
153
- const [activeTab, setActiveTab] = (0, _react.useState)(args.initialTab);
154
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_NavLine.default, {
155
- ...args,
156
- activeTab: activeTab,
157
- onChange: setActiveTab,
158
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CustomTabContent, {
159
- label: ((_args_items_find = args.items.find((item)=>item.tabId === activeTab)) === null || _args_items_find === void 0 ? void 0 : _args_items_find.label) || ''
160
- })
161
- });
162
- };
163
- const SimpleDefault = {
164
- render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
165
- ...args
166
- }),
167
- args: {
168
- initialTab: 'general',
169
- variant: 'simple',
170
- isLocal: true,
171
- scrollMode: false,
172
- isNavigateByKeys: true,
173
- items: [
174
- {
175
- tabId: 'general',
176
- label: 'General'
177
- },
178
- {
179
- tabId: 'payments',
180
- label: 'Payments'
181
- },
182
- {
183
- tabId: 'filters',
184
- label: 'Filters'
185
- },
186
- {
187
- tabId: 'settings',
188
- label: 'Settings'
189
- },
190
- {
191
- tabId: 'users',
192
- label: 'Users'
193
- },
194
- {
195
- tabId: 'reports',
196
- label: 'Reports'
197
- },
198
- {
199
- tabId: 'analytics',
200
- label: 'Analytics'
201
- }
202
- ]
203
- }
204
- };
205
- const SimpleWithScroll = {
206
- render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
207
- ...args
208
- }),
209
- args: {
210
- initialTab: 'tab4',
211
- variant: 'simple',
212
- isLocal: true,
213
- scrollMode: true,
214
- isNavigateByKeys: true,
215
- items: Array.from({
216
- length: 50
217
- }, (_, i)=>({
218
- tabId: `tab${i + 1}`,
219
- label: `Tab ${i + 1}`
220
- }))
221
- }
222
- };
223
- const SimpleWithCounts = {
224
- render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
225
- ...args
226
- }),
227
- args: {
228
- initialTab: 'general',
229
- variant: 'simple',
230
- isLocal: true,
231
- scrollMode: false,
232
- isNavigateByKeys: true,
233
- items: [
234
- {
235
- tabId: 'general',
236
- label: 'General',
237
- count: 5
238
- },
239
- {
240
- tabId: 'payments',
241
- label: 'Payments',
242
- count: 12
243
- },
244
- {
245
- tabId: 'filters',
246
- label: 'Filters',
247
- count: 3
248
- },
249
- {
250
- tabId: 'settings',
251
- label: 'Settings',
252
- count: 8
253
- },
254
- {
255
- tabId: 'users',
256
- label: 'Users',
257
- count: 24
258
- }
259
- ]
260
- }
261
- };
262
- const SimpleWithDisabled = {
263
- render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
264
- ...args
265
- }),
266
- args: {
267
- initialTab: 'general',
268
- variant: 'simple',
269
- isLocal: true,
270
- scrollMode: false,
271
- isNavigateByKeys: true,
272
- items: [
273
- {
274
- tabId: 'general',
275
- label: 'Active Tab'
276
- },
277
- {
278
- tabId: 'payments',
279
- label: 'Disabled Tab',
280
- disabled: true
281
- },
282
- {
283
- tabId: 'filters',
284
- label: 'Another Active'
285
- },
286
- {
287
- tabId: 'settings',
288
- label: 'Also Disabled',
289
- disabled: true
290
- },
291
- {
292
- tabId: 'users',
293
- label: 'Active Again'
294
- }
295
- ]
296
- }
297
- };
298
- const DefaultWithIcons = {
299
- render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
300
- ...args
301
- }),
302
- args: {
303
- initialTab: 'settings',
304
- isLocal: true,
305
- isNavigateByKeys: true,
306
- items: [
307
- {
308
- tabId: 'settings',
309
- label: 'Settings',
310
- icon: 'Settings'
311
- },
312
- {
313
- tabId: 'users',
314
- label: 'Users',
315
- icon: 'Users'
316
- },
317
- {
318
- tabId: 'analytics',
319
- label: 'Analytics',
320
- icon: 'BarChart2'
321
- },
322
- {
323
- tabId: 'notifications',
324
- label: 'Notifications',
325
- icon: 'Bell'
326
- }
327
- ]
328
- }
329
- };
330
- const WithHiddenTabs = {
331
- render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
332
- ...args
333
- }),
334
- args: {
335
- initialTab: 'general',
336
- variant: 'simple',
337
- isLocal: true,
338
- items: [
339
- {
340
- tabId: 'general',
341
- label: 'Visible Tab 1'
342
- },
343
- {
344
- tabId: 'hidden1',
345
- label: 'Hidden Tab 1',
346
- isHidden: true
347
- },
348
- {
349
- tabId: 'visible2',
350
- label: 'Visible Tab 2'
351
- },
352
- {
353
- tabId: 'hidden2',
354
- label: 'Hidden Tab 2',
355
- isHidden: true
356
- },
357
- {
358
- tabId: 'visible3',
359
- label: 'Visible Tab 3'
360
- }
361
- ]
362
- }
363
- };
364
- const WithLongLabels = {
365
- render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
366
- ...args
367
- }),
368
- args: {
369
- initialTab: 'tab1',
370
- variant: 'simple',
371
- isLocal: true,
372
- scrollMode: true,
373
- items: [
374
- {
375
- tabId: 'tab1',
376
- label: 'Very Very Long Tab Label That Needs Scrolling'
377
- },
378
- {
379
- tabId: 'tab2',
380
- label: 'Another Extremely Long Tab Label For Testing Purposes'
381
- },
382
- {
383
- tabId: 'tab3',
384
- label: 'Yet Another Long Label That Extends Beyond View'
385
- },
386
- {
387
- tabId: 'tab4',
388
- label: 'One More Extra Long Tab Label Just To Be Sure'
389
- },
390
- {
391
- tabId: 'tab5',
392
- label: 'Final Very Long Tab Label For Good Measure'
393
- }
394
- ]
395
- }
396
- };
397
- const CompactView = {
398
- render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(Template, {
399
- ...args
400
- }),
401
- args: {
402
- initialTab: 'general',
403
- variant: 'simple',
404
- className: 'nav-line--compact',
405
- isLocal: true,
406
- items: [
407
- {
408
- tabId: 'general',
409
- label: 'G',
410
- title: 'General'
411
- },
412
- {
413
- tabId: 'payments',
414
- label: 'P',
415
- title: 'Payments'
416
- },
417
- {
418
- tabId: 'filters',
419
- label: 'F',
420
- title: 'Filters'
421
- },
422
- {
423
- tabId: 'settings',
424
- label: 'S',
425
- title: 'Settings'
426
- },
427
- {
428
- tabId: 'users',
429
- label: 'U',
430
- title: 'Users'
431
- }
432
- ]
433
- }
434
- };