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,98 +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
- ExampleChartIntegrationTemplate: function() {
13
- return ExampleChartIntegrationTemplate;
14
- },
15
- default: function() {
16
- return _default;
17
- }
18
- });
19
- const _jsxruntime = require("react/jsx-runtime");
20
- const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
21
- const _ExampleChartIntegration = /*#__PURE__*/ _interop_require_default(require("./ExampleChartIntegration"));
22
- function _interop_require_default(obj) {
23
- return obj && obj.__esModule ? obj : {
24
- default: obj
25
- };
26
- }
27
- function _getRequireWildcardCache(nodeInterop) {
28
- if (typeof WeakMap !== "function") return null;
29
- var cacheBabelInterop = new WeakMap();
30
- var cacheNodeInterop = new WeakMap();
31
- return (_getRequireWildcardCache = function(nodeInterop) {
32
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
33
- })(nodeInterop);
34
- }
35
- function _interop_require_wildcard(obj, nodeInterop) {
36
- if (!nodeInterop && obj && obj.__esModule) {
37
- return obj;
38
- }
39
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
40
- return {
41
- default: obj
42
- };
43
- }
44
- var cache = _getRequireWildcardCache(nodeInterop);
45
- if (cache && cache.has(obj)) {
46
- return cache.get(obj);
47
- }
48
- var newObj = {
49
- __proto__: null
50
- };
51
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
52
- for(var key in obj){
53
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
54
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
55
- if (desc && (desc.get || desc.set)) {
56
- Object.defineProperty(newObj, key, desc);
57
- } else {
58
- newObj[key] = obj[key];
59
- }
60
- }
61
- }
62
- newObj.default = obj;
63
- if (cache) {
64
- cache.set(obj, newObj);
65
- }
66
- return newObj;
67
- }
68
- global.lng = 'en';
69
- const _default = {
70
- title: 'UI/Chart',
71
- component: _ExampleChartIntegration.default
72
- };
73
- const Template = (args)=>{
74
- const { inputDateRangeProps, chartProps } = args;
75
- const [outerDateRange, setOuterDateRange] = (0, _react.useState)({
76
- intervalKey: 'last7Days'
77
- });
78
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ExampleChartIntegration.default, {
79
- inputDateRangeProps: {
80
- ...inputDateRangeProps,
81
- value: outerDateRange,
82
- onChange: setOuterDateRange
83
- },
84
- chartProps: chartProps
85
- });
86
- };
87
- const ExampleChartIntegrationTemplate = Template.bind({});
88
- ExampleChartIntegrationTemplate.args = {
89
- inputDateRangeProps: {
90
- buttonsTypes: {
91
- cancel: 'bark-outline'
92
- },
93
- isCompareHidden: true
94
- },
95
- chartProps: {
96
- initialChartType: 'Line'
97
- }
98
- };
@@ -1,101 +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
- HintTemplate: function() {
13
- return HintTemplate;
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 _Hint = /*#__PURE__*/ _interop_require_default(require("./Hint"));
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/Hint',
31
- component: _Hint.default,
32
- argTypes: {
33
- side: {
34
- description: 'string: ["right", "bottom", "top", "left", "centeredBottom"]',
35
- control: {
36
- type: 'select',
37
- options: [
38
- 'right',
39
- 'bottom',
40
- 'top',
41
- 'left'
42
- ]
43
- }
44
- },
45
- hint: {
46
- description: 'hint message. string. optional'
47
- },
48
- label: {
49
- description: 'hint label. string. optional'
50
- },
51
- variant: {
52
- description: 'hint icon variant. string. optional',
53
- control: {
54
- type: 'select',
55
- options: [
56
- 'filled',
57
- 'warning',
58
- 'outlined'
59
- ]
60
- }
61
- },
62
- handleOpenType: {
63
- description: "string: 'click' or 'hover'.\n\nan action that will open and close the hint.",
64
- control: {
65
- type: 'select',
66
- options: [
67
- 'click',
68
- 'hover'
69
- ]
70
- }
71
- }
72
- }
73
- };
74
- const Template = (args)=>{
75
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
76
- children: [
77
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
78
- ...args
79
- }),
80
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
81
- ...args,
82
- handleOpenType: "hover"
83
- }),
84
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
85
- ...args,
86
- handleOpenType: "hover",
87
- isHoverableContent: true
88
- }),
89
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
90
- ...args,
91
- side: "right"
92
- })
93
- ]
94
- });
95
- };
96
- const HintTemplate = Template.bind({});
97
- HintTemplate.args = {
98
- hint: ' hint text hint text hint text hint text hint text hint text hint text hint text',
99
- side: 'centeredBottom',
100
- label: /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {})
101
- };
@@ -1,16 +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 _Hint.default;
9
- }
10
- });
11
- const _Hint = /*#__PURE__*/ _interop_require_default(require("./Hint.js"));
12
- function _interop_require_default(obj) {
13
- return obj && obj.__esModule ? obj : {
14
- default: obj
15
- };
16
- }
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
@@ -1,370 +0,0 @@
1
- // @ts-nocheck
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- function _export(target, all) {
7
- for(var name in all)Object.defineProperty(target, name, {
8
- enumerable: true,
9
- get: all[name]
10
- });
11
- }
12
- _export(exports, {
13
- CreateMode: function() {
14
- return CreateMode;
15
- },
16
- CustomFooter: function() {
17
- return CustomFooter;
18
- },
19
- Default: function() {
20
- return Default;
21
- },
22
- EditMode: function() {
23
- return EditMode;
24
- },
25
- Loading: function() {
26
- return Loading;
27
- },
28
- MobileResponsive: function() {
29
- return MobileResponsive;
30
- },
31
- NoHeaderClose: function() {
32
- return NoHeaderClose;
33
- },
34
- Primary: function() {
35
- return Primary;
36
- },
37
- WithFixedFooter: function() {
38
- return WithFixedFooter;
39
- },
40
- default: function() {
41
- return _default;
42
- }
43
- });
44
- const _jsxruntime = require("react/jsx-runtime");
45
- const _Dropdown = /*#__PURE__*/ _interop_require_default(require("../../../Atomic/FormElements/Dropdown/Dropdown"));
46
- const _react = require("react");
47
- const _Alert = /*#__PURE__*/ _interop_require_default(require("../Alert/Alert"));
48
- const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
49
- const _Hint = /*#__PURE__*/ _interop_require_default(require("../Hint"));
50
- const _Modal = /*#__PURE__*/ _interop_require_default(require("./Modal"));
51
- function _interop_require_default(obj) {
52
- return obj && obj.__esModule ? obj : {
53
- default: obj
54
- };
55
- }
56
- const meta = {
57
- title: 'UI/Modal',
58
- component: _Modal.default,
59
- parameters: {
60
- layout: 'centered',
61
- docs: {
62
- description: {
63
- component: 'Modal component with customizable header, body, and footer sections'
64
- }
65
- }
66
- },
67
- argTypes: {
68
- // Required props
69
- isOpen: {
70
- description: 'Controls modal visibility',
71
- control: 'boolean',
72
- table: {
73
- category: 'Required'
74
- }
75
- },
76
- title: {
77
- description: 'Modal title text',
78
- control: 'text',
79
- table: {
80
- category: 'Required'
81
- }
82
- },
83
- // Appearance props
84
- variant: {
85
- description: 'Visual style variant',
86
- control: {
87
- type: 'select',
88
- options: [
89
- 'default',
90
- 'primary',
91
- 'secondary'
92
- ]
93
- },
94
- table: {
95
- category: 'Appearance',
96
- defaultValue: {
97
- summary: 'default'
98
- }
99
- }
100
- },
101
- mode: {
102
- description: 'Modal operation mode',
103
- control: {
104
- type: 'select',
105
- options: [
106
- 'default',
107
- 'create',
108
- 'edit',
109
- 'add'
110
- ]
111
- },
112
- table: {
113
- category: 'Appearance',
114
- defaultValue: {
115
- summary: 'default'
116
- }
117
- }
118
- },
119
- size: {
120
- description: 'Modal size',
121
- control: {
122
- type: 'select',
123
- options: [
124
- 'default',
125
- 290,
126
- 420,
127
- 870,
128
- 770,
129
- 950
130
- ]
131
- },
132
- table: {
133
- category: 'Appearance'
134
- }
135
- },
136
- zIndex: {
137
- description: 'Modal z-index value',
138
- control: 'number',
139
- table: {
140
- category: 'Appearance'
141
- }
142
- },
143
- // Callbacks
144
- onConfirm: {
145
- description: 'Called when confirm button is clicked',
146
- table: {
147
- category: 'Callbacks'
148
- }
149
- },
150
- onDecline: {
151
- description: 'Called when decline/cancel button is clicked',
152
- table: {
153
- category: 'Callbacks'
154
- }
155
- },
156
- closeModal: {
157
- description: 'Called when modal should be closed',
158
- table: {
159
- category: 'Callbacks'
160
- }
161
- },
162
- // Layout options
163
- noHeader: {
164
- description: 'Hide modal header',
165
- control: 'boolean',
166
- table: {
167
- category: 'Layout'
168
- }
169
- },
170
- noFooter: {
171
- description: 'Hide modal footer',
172
- control: 'boolean',
173
- table: {
174
- category: 'Layout'
175
- }
176
- },
177
- withFixedFooter: {
178
- description: 'Fix footer to bottom',
179
- control: 'boolean',
180
- table: {
181
- category: 'Layout'
182
- }
183
- },
184
- withMobileLogic: {
185
- description: 'Enable mobile-specific behavior',
186
- control: 'boolean',
187
- table: {
188
- category: 'Layout'
189
- }
190
- }
191
- }
192
- };
193
- const _default = meta;
194
- const Template = ({ isShowEmptyContent = false, ...args })=>{
195
- const [isOpen, setIsOpen] = (0, _react.useState)(false);
196
- const closeModal = ()=>setIsOpen(false);
197
- const handleConfirm = ()=>{
198
- var _args_onConfirm;
199
- (_args_onConfirm = args.onConfirm) === null || _args_onConfirm === void 0 ? void 0 : _args_onConfirm.call(args);
200
- closeModal();
201
- };
202
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
203
- style: {
204
- padding: '20px'
205
- },
206
- children: [
207
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
208
- onClick: ()=>setIsOpen(true),
209
- label: "Open Modal",
210
- variant: "primary"
211
- }),
212
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Modal.default, {
213
- ...args,
214
- isOpen: isOpen,
215
- closeModal: closeModal,
216
- onConfirm: handleConfirm,
217
- children: !isShowEmptyContent && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
218
- style: {
219
- display: 'flex',
220
- flexDirection: 'column',
221
- gap: '20px'
222
- },
223
- children: [
224
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
225
- message: "Sample alert message",
226
- variant: "info"
227
- }),
228
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
229
- entity: "example",
230
- value: "opt1",
231
- placeholder: "Select an option",
232
- options: [
233
- {
234
- label: 'Option 1',
235
- value: 'opt1'
236
- },
237
- {
238
- label: 'Option 2',
239
- value: 'opt2'
240
- },
241
- {
242
- label: 'Option 3',
243
- value: 'opt3'
244
- }
245
- ]
246
- }),
247
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
248
- hint: "Helper text",
249
- side: "right"
250
- }),
251
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
252
- message: "Sample alert message",
253
- variant: "info"
254
- }),
255
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
256
- message: "Sample alert message",
257
- variant: "info"
258
- }),
259
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
260
- message: "Sample alert message",
261
- variant: "info"
262
- }),
263
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
264
- message: "Sample alert message",
265
- variant: "info"
266
- }),
267
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
268
- message: "Sample alert message",
269
- variant: "info"
270
- }),
271
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
272
- message: "Sample alert message",
273
- variant: "info"
274
- }),
275
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
276
- message: "Sample alert message",
277
- variant: "info"
278
- })
279
- ]
280
- })
281
- })
282
- ]
283
- });
284
- };
285
- const Default = Template.bind({});
286
- Default.args = {
287
- title: 'Default Modal',
288
- variant: 'default',
289
- mode: 'default',
290
- leftContentOfFooter: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
291
- children: "Left Footer Content"
292
- })
293
- };
294
- const Primary = Template.bind({});
295
- Primary.args = {
296
- ...Default.args,
297
- title: 'Primary Modal',
298
- variant: 'primary'
299
- };
300
- const CreateMode = Template.bind({});
301
- CreateMode.args = {
302
- title: 'New Item',
303
- variant: 'primary',
304
- mode: 'create',
305
- size: 870,
306
- confirmBtnLabel: 'Create'
307
- };
308
- const EditMode = Template.bind({});
309
- EditMode.args = {
310
- title: 'Item',
311
- variant: 'primary',
312
- mode: 'edit',
313
- size: 770,
314
- confirmBtnLabel: 'Save'
315
- };
316
- const WithFixedFooter = Template.bind({});
317
- WithFixedFooter.args = {
318
- title: 'Fixed Footer Modal',
319
- variant: 'primary',
320
- withFixedFooter: true,
321
- size: 950
322
- };
323
- const CustomFooter = Template.bind({});
324
- CustomFooter.args = {
325
- title: 'Custom Footer',
326
- variant: 'primary',
327
- customFooter: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
328
- style: {
329
- padding: '15px',
330
- display: 'flex',
331
- justifyContent: 'space-between'
332
- },
333
- children: [
334
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
335
- label: "Custom Left",
336
- variant: "outline"
337
- }),
338
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
339
- label: "Custom Right",
340
- variant: "primary"
341
- })
342
- ]
343
- })
344
- };
345
- const NoHeaderClose = Template.bind({});
346
- NoHeaderClose.args = {
347
- title: 'No Close Button',
348
- variant: 'primary',
349
- noHeaderCloseBtn: true
350
- };
351
- const MobileResponsive = Template.bind({});
352
- MobileResponsive.args = {
353
- title: 'Mobile View',
354
- variant: 'primary',
355
- withMobileLogic: true,
356
- size: 'default'
357
- };
358
- const Loading = Template.bind({});
359
- Loading.args = {
360
- title: 'Loading...',
361
- variant: 'primary',
362
- confirmBtnDisable: true,
363
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
364
- style: {
365
- textAlign: 'center',
366
- padding: '20px'
367
- },
368
- children: "Loading content..."
369
- })
370
- };