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,303 +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
- InputMaskTemplate: function() {
13
- return InputMaskTemplate;
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 _reactfeather = require("react-feather");
22
- const _config = require("./config");
23
- const _InputMask = /*#__PURE__*/ _interop_require_default(require("./InputMask"));
24
- require("../../../../../scss/main.scss");
25
- function _interop_require_default(obj) {
26
- return obj && obj.__esModule ? obj : {
27
- default: obj
28
- };
29
- }
30
- function _getRequireWildcardCache(nodeInterop) {
31
- if (typeof WeakMap !== "function") return null;
32
- var cacheBabelInterop = new WeakMap();
33
- var cacheNodeInterop = new WeakMap();
34
- return (_getRequireWildcardCache = function(nodeInterop) {
35
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
36
- })(nodeInterop);
37
- }
38
- function _interop_require_wildcard(obj, nodeInterop) {
39
- if (!nodeInterop && obj && obj.__esModule) {
40
- return obj;
41
- }
42
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
43
- return {
44
- default: obj
45
- };
46
- }
47
- var cache = _getRequireWildcardCache(nodeInterop);
48
- if (cache && cache.has(obj)) {
49
- return cache.get(obj);
50
- }
51
- var newObj = {
52
- __proto__: null
53
- };
54
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
55
- for(var key in obj){
56
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
57
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
58
- if (desc && (desc.get || desc.set)) {
59
- Object.defineProperty(newObj, key, desc);
60
- } else {
61
- newObj[key] = obj[key];
62
- }
63
- }
64
- }
65
- newObj.default = obj;
66
- if (cache) {
67
- cache.set(obj, newObj);
68
- }
69
- return newObj;
70
- }
71
- global.lng = 'en';
72
- const _default = {
73
- title: 'Form Elements/Input Mask',
74
- component: _InputMask.default,
75
- argTypes: {
76
- maskPattern: {
77
- title: 'Mask Pattern',
78
- description: `<b>"${_config.DIGIT_MASK_CHAR}"</b> - Digit.<br/><b>"${_config.UPPERCASE_LETTER_MASK_CHAR}"</b> or <b>"${_config.LOWERCASE_LETTER_MASK_CHAR}"</b> - Letter.`
79
- },
80
- maskPatternPlaceholder: {
81
- title: 'Pattern Placeholder',
82
- description: 'Fine-tuning the mask character.<br/>Works if <b>"usePatternPlaceholder"</b> is <b>ENABLED</b>.'
83
- },
84
- usePatternPlaceholder: {
85
- title: 'Pattern Placeholder',
86
- type: 'boolean',
87
- default: false,
88
- description: 'Turn <b>On/Off</b> use of <b>"maskPatternPlaceholder"</b>'
89
- },
90
- maskPlaceholder: {
91
- title: 'Mask Placeholder',
92
- type: 'string',
93
- description: 'General Mask Char.<br/>Uses if <b>"usePatternPlaceholder"</b> is <b>Turned Off</b> or Specialized Mask Char is not recieved.'
94
- },
95
- maskDigitPlaceholder: {
96
- title: 'Specialized Mask Placeholder for Digit Char',
97
- description: 'Specialized Mask Placeholder for <b>Digit</b>.'
98
- },
99
- maskLetterPlaceholder: {
100
- title: 'Specialized Mask Placeholder for Letter Char',
101
- description: 'Specialized Mask Placeholder for <b>Letter</b>.'
102
- },
103
- maskAsPlaceholder: {
104
- title: 'Use Mask As Placeholder',
105
- description: 'Use Mask As Placeholder',
106
- type: 'boolean',
107
- default: true
108
- },
109
- hideMaskOnBlur: {
110
- title: 'Hide mask on field blur if value is Empty',
111
- type: 'boolean',
112
- default: true
113
- },
114
- isCaseSensitive: {
115
- type: 'boolean',
116
- default: false,
117
- description: 'Turn <b>On/Off</b> use of <b>Case Sensitive Mode</b>.'
118
- },
119
- adaptTextCase: {
120
- type: 'boolean',
121
- default: false,
122
- description: 'Turn <b>On/Off</b> use of <b>Auto Text Case Adapt</b>.'
123
- },
124
- icon: {
125
- type: 'object',
126
- description: 'Icon for Input.<br/>Will works only if <b>"showIcon"</b> is <b>ENABLED</b>.'
127
- },
128
- showIcon: {
129
- type: 'boolean',
130
- default: false,
131
- description: 'Turn <b>On/Off</b> Icon Display.'
132
- },
133
- isIconLeft: {
134
- type: 'boolean',
135
- default: false,
136
- description: 'Display Icon on Left Side.'
137
- },
138
- isIconRight: {
139
- type: 'boolean',
140
- default: false,
141
- description: 'Display Icon on Right Side.'
142
- },
143
- isClearable: {
144
- type: 'boolean',
145
- default: false,
146
- description: 'Display Clear Button and Enable Clearable Possibility.'
147
- },
148
- value: {
149
- type: 'string',
150
- description: 'Input Value',
151
- default: ''
152
- },
153
- blinkErrors: {
154
- type: 'boolean',
155
- default: true,
156
- description: 'Turn <b>On/Off</b> Blinking Error Mode.'
157
- },
158
- blinkDuration: {
159
- type: 'number',
160
- description: 'Duration of <b>Error Blink</b> in <b>ms</b>.',
161
- default: 100
162
- },
163
- showErrors: {
164
- type: 'boolean',
165
- default: true,
166
- description: 'Turn <b>On/Off</b> Display of Errors.'
167
- },
168
- errors: {
169
- type: 'object',
170
- description: `Errors Descriptions: <br/>
171
- <code>
172
- {
173
- ${Object.keys(_config.DEFAULT_ERRORS).map((key)=>`<br/> &nbsp;&nbsp;&nbsp;&nbsp;${key}: '${_config.DEFAULT_ERRORS[key]}'`)}
174
- <br/>
175
- }
176
- </code>`
177
- },
178
- error: {
179
- type: 'string',
180
- default: '',
181
- description: 'Custom Error Text. If is not empty, field would be hightlited'
182
- },
183
- onChange: {
184
- type: 'function',
185
- description: 'Callback Function for Handle <b>Input Value Change</b>'
186
- },
187
- onFocus: {
188
- type: 'function',
189
- description: 'Callback Function for Handle <b>Input Focus</b>'
190
- },
191
- onBlur: {
192
- type: 'function',
193
- description: 'Callback Function for Handle <b>Input Blur</b>'
194
- },
195
- className: {
196
- type: 'string',
197
- description: 'ClassName For Input Mask Wrapper',
198
- default: ''
199
- },
200
- isFocusedDefault: {
201
- type: 'boolean',
202
- description: 'Set Autofocus On Render',
203
- default: false
204
- },
205
- imitateTypingOnPaste: {
206
- type: 'boolean',
207
- description: '<b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
208
- default: false
209
- },
210
- imitateTypingOnPasteDelay: {
211
- type: 'number',
212
- description: '<b>Delay Time</b> for <b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
213
- default: 100
214
- },
215
- showHint: {
216
- type: 'boolean',
217
- description: 'Turn <b>On/Off</b> Input Hint.',
218
- default: false
219
- },
220
- hintText: {
221
- type: 'string',
222
- description: 'Input Hint Text.',
223
- default: ''
224
- },
225
- hintClassName: {
226
- type: 'string',
227
- description: 'ClassName for Input Hint.',
228
- default: ''
229
- },
230
- isHintLeft: {
231
- type: 'boolean',
232
- default: false,
233
- description: 'Display Input Hint on Left Side.'
234
- },
235
- isHintRight: {
236
- type: 'boolean',
237
- default: true,
238
- description: 'Display Input Hint on Right Side.'
239
- },
240
- hintPosition: {
241
- type: 'string',
242
- description: 'Position of <b>Input Hint Text</b>',
243
- default: 'right'
244
- }
245
- }
246
- };
247
- const Template = (args)=>{
248
- const [value, setValue] = (0, _react.useState)('');
249
- const [clearValue, setClearValue] = (0, _react.useState)('');
250
- const ref = (0, _react.useRef)(null);
251
- (0, _react.useEffect)(()=>{
252
- setTimeout(()=>setValue('0123456789'), 100);
253
- }, []);
254
- const onChange = (v, cv)=>{
255
- setValue(v);
256
- setClearValue(cv);
257
- };
258
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputMask.default, {
259
- ...args,
260
- value: value,
261
- onChange: onChange
262
- });
263
- };
264
- const InputMaskTemplate = Template.bind({});
265
- InputMaskTemplate.args = {
266
- // maskPattern: 'DD/DD/DDDD',
267
- // maskPatternPlaceholder: 'MM/DD/YYYY',
268
- maskPattern: 'DDD-DDD-DDDD',
269
- maskPatternPlaceholder: 'XXX-XXX-XXXX',
270
- usePatternPlaceholder: false,
271
- maskPlaceholder: 'X',
272
- maskDigitPlaceholder: '',
273
- maskLetterPlaceholder: '',
274
- maskAsPlaceholder: true,
275
- isCaseSensitive: false,
276
- adaptTextCase: false,
277
- icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Type, {}),
278
- showIcon: false,
279
- isIconLeft: true,
280
- isIconRight: false,
281
- isClearable: true,
282
- value: '1234567890',
283
- onChange: ()=>{},
284
- blinkErrors: false,
285
- blinkDuration: 100,
286
- showErrors: true,
287
- errors: {},
288
- error: '',
289
- onFocus: ()=>{},
290
- onBlur: ()=>{},
291
- disabled: false,
292
- className: '',
293
- isFocusedDefault: false,
294
- imitateTypingOnPaste: false,
295
- imitateTypingOnPasteDelay: 100,
296
- showHint: false,
297
- hintText: 'Hint Text',
298
- hintClassName: '',
299
- isHintRight: true,
300
- isHintLeft: false,
301
- hintPosition: 'right',
302
- hideMaskOnBlur: true
303
- };
@@ -1,314 +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
- InputMaskTemplate: function() {
13
- return InputMaskTemplate;
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 _config = require("./config");
22
- require("../../../../../scss/main.scss");
23
- const _InputMask2 = /*#__PURE__*/ _interop_require_default(require("./InputMask2"));
24
- function _interop_require_default(obj) {
25
- return obj && obj.__esModule ? obj : {
26
- default: obj
27
- };
28
- }
29
- function _getRequireWildcardCache(nodeInterop) {
30
- if (typeof WeakMap !== "function") return null;
31
- var cacheBabelInterop = new WeakMap();
32
- var cacheNodeInterop = new WeakMap();
33
- return (_getRequireWildcardCache = function(nodeInterop) {
34
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
35
- })(nodeInterop);
36
- }
37
- function _interop_require_wildcard(obj, nodeInterop) {
38
- if (!nodeInterop && obj && obj.__esModule) {
39
- return obj;
40
- }
41
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
42
- return {
43
- default: obj
44
- };
45
- }
46
- var cache = _getRequireWildcardCache(nodeInterop);
47
- if (cache && cache.has(obj)) {
48
- return cache.get(obj);
49
- }
50
- var newObj = {
51
- __proto__: null
52
- };
53
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
54
- for(var key in obj){
55
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
56
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
57
- if (desc && (desc.get || desc.set)) {
58
- Object.defineProperty(newObj, key, desc);
59
- } else {
60
- newObj[key] = obj[key];
61
- }
62
- }
63
- }
64
- newObj.default = obj;
65
- if (cache) {
66
- cache.set(obj, newObj);
67
- }
68
- return newObj;
69
- }
70
- global.lng = 'en';
71
- const _default = {
72
- title: 'Form Elements/Input Mask2',
73
- component: _InputMask2.default,
74
- argTypes: {
75
- maskPattern: {
76
- title: 'Mask Pattern',
77
- description: `<b>"${_config.DIGIT_MASK_CHAR}"</b> - Digit.<br/><b>"${_config.UPPERCASE_LETTER_MASK_CHAR}"</b> or <b>"${_config.LOWERCASE_LETTER_MASK_CHAR}"</b> - Letter.`
78
- },
79
- maskPatternPlaceholder: {
80
- title: 'Pattern Placeholder',
81
- description: 'Fine-tuning the mask character.<br/>Works if <b>"usePatternPlaceholder"</b> is <b>ENABLED</b>.'
82
- },
83
- usePatternPlaceholder: {
84
- title: 'Pattern Placeholder',
85
- type: 'boolean',
86
- default: false,
87
- description: 'Turn <b>On/Off</b> use of <b>"maskPatternPlaceholder"</b>'
88
- },
89
- maskPlaceholder: {
90
- title: 'Mask Placeholder',
91
- type: 'string',
92
- description: 'General Mask Char.<br/>Uses if <b>"usePatternPlaceholder"</b> is <b>Turned Off</b> or Specialized Mask Char is not recieved.'
93
- },
94
- maskDigitPlaceholder: {
95
- title: 'Specialized Mask Placeholder for Digit Char',
96
- description: 'Specialized Mask Placeholder for <b>Digit</b>.'
97
- },
98
- maskLetterPlaceholder: {
99
- title: 'Specialized Mask Placeholder for Letter Char',
100
- description: 'Specialized Mask Placeholder for <b>Letter</b>.'
101
- },
102
- maskAsPlaceholder: {
103
- title: 'Use Mask As Placeholder',
104
- description: 'Use Mask As Placeholder',
105
- type: 'boolean',
106
- default: true
107
- },
108
- hideMaskOnBlur: {
109
- title: 'Hide mask on field blur if value is Empty',
110
- type: 'boolean',
111
- default: true
112
- },
113
- isCaseSensitive: {
114
- type: 'boolean',
115
- default: false,
116
- description: 'Turn <b>On/Off</b> use of <b>Case Sensitive Mode</b>.'
117
- },
118
- adaptTextCase: {
119
- type: 'boolean',
120
- default: false,
121
- description: 'Turn <b>On/Off</b> use of <b>Auto Text Case Adapt</b>.'
122
- },
123
- icon: {
124
- type: 'object',
125
- description: 'Icon for Input.<br/>Will works only if <b>"showIcon"</b> is <b>ENABLED</b>.'
126
- },
127
- showIcon: {
128
- type: 'boolean',
129
- default: false,
130
- description: 'Turn <b>On/Off</b> Icon Display.'
131
- },
132
- isIconLeft: {
133
- type: 'boolean',
134
- default: false,
135
- description: 'Display Icon on Left Side.'
136
- },
137
- isIconRight: {
138
- type: 'boolean',
139
- default: false,
140
- description: 'Display Icon on Right Side.'
141
- },
142
- isClearable: {
143
- type: 'boolean',
144
- default: false,
145
- description: 'Display Clear Button and Enable Clearable Possibility.'
146
- },
147
- value: {
148
- type: 'string',
149
- description: 'Input Value',
150
- default: ''
151
- },
152
- blinkErrors: {
153
- type: 'boolean',
154
- default: true,
155
- description: 'Turn <b>On/Off</b> Blinking Error Mode.'
156
- },
157
- blinkDuration: {
158
- type: 'number',
159
- description: 'Duration of <b>Error Blink</b> in <b>ms</b>.',
160
- default: 100
161
- },
162
- showErrors: {
163
- type: 'boolean',
164
- default: true,
165
- description: 'Turn <b>On/Off</b> Display of Errors.'
166
- },
167
- errors: {
168
- type: 'object',
169
- description: `Errors Descriptions: <br/>
170
- <code>
171
- {
172
- ${Object.keys(_config.DEFAULT_ERRORS).map((key)=>`<br/> &nbsp;&nbsp;&nbsp;&nbsp;${key}: '${_config.DEFAULT_ERRORS[key]}'`)}
173
- <br/>
174
- }
175
- </code>`
176
- },
177
- error: {
178
- type: 'string',
179
- default: '',
180
- description: 'Custom Error Text. If is not empty, field would be hightlited'
181
- },
182
- onChange: {
183
- type: 'function',
184
- description: 'Callback Function for Handle <b>Input Value Change</b>'
185
- },
186
- onFocus: {
187
- type: 'function',
188
- description: 'Callback Function for Handle <b>Input Focus</b>'
189
- },
190
- onBlur: {
191
- type: 'function',
192
- description: 'Callback Function for Handle <b>Input Blur</b>'
193
- },
194
- className: {
195
- type: 'string',
196
- description: 'ClassName For Input Mask Wrapper',
197
- default: ''
198
- },
199
- isFocusedDefault: {
200
- type: 'boolean',
201
- description: 'Set Autofocus On Render',
202
- default: false
203
- },
204
- imitateTypingOnPaste: {
205
- type: 'boolean',
206
- description: '<b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
207
- default: false
208
- },
209
- imitateTypingOnPasteDelay: {
210
- type: 'number',
211
- description: '<b>Delay Time</b> for <b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
212
- default: 100
213
- },
214
- showHint: {
215
- type: 'boolean',
216
- description: 'Turn <b>On/Off</b> Input Hint.',
217
- default: false
218
- },
219
- hintText: {
220
- type: 'string',
221
- description: 'Input Hint Text.',
222
- default: ''
223
- },
224
- hintClassName: {
225
- type: 'string',
226
- description: 'ClassName for Input Hint.',
227
- default: ''
228
- },
229
- isHintLeft: {
230
- type: 'boolean',
231
- default: false,
232
- description: 'Display Input Hint on Left Side.'
233
- },
234
- isHintRight: {
235
- type: 'boolean',
236
- default: true,
237
- description: 'Display Input Hint on Right Side.'
238
- },
239
- hintPosition: {
240
- type: 'string',
241
- description: 'Position of <b>Input Hint Text</b>',
242
- default: 'right'
243
- },
244
- attributesOfNativeInput: {
245
- description: 'Object. Optional. This is list of attributes to add in native input'
246
- }
247
- }
248
- };
249
- const Template = (args)=>{
250
- const ref = (0, _react.useRef)(null);
251
- const [value, setValue] = (0, _react.useState)('0123456789');
252
- const onChange = (v, cv)=>{
253
- console.log('onChange', {
254
- value,
255
- v,
256
- cv
257
- });
258
- setValue(v);
259
- };
260
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputMask2.default, {
261
- ...args,
262
- name: "storybook-inputmask",
263
- onChange: onChange,
264
- value: value,
265
- onFilled: ()=>console.log('Done')
266
- });
267
- };
268
- const InputMaskTemplate = Template.bind({});
269
- InputMaskTemplate.args = {
270
- // maskPattern: 'DD/DD/DDDD',
271
- // maskPatternPlaceholder: 'MM/DD/YYYY',
272
- maskPattern: 'DDD-DDD-DDDD',
273
- maskPatternPlaceholder: 'XXX-XXX-XXXX',
274
- usePatternPlaceholder: true,
275
- maskPlaceholder: 'X',
276
- maskDigitPlaceholder: '',
277
- maskLetterPlaceholder: '',
278
- maskAsPlaceholder: true,
279
- maxEditableIndex: -1,
280
- isCaseSensitive: false,
281
- adaptTextCase: false,
282
- // icon: <Type />,
283
- showIcon: false,
284
- isIconLeft: true,
285
- isIconRight: false,
286
- isClearable: true,
287
- isLoading: false,
288
- value: '1234567890',
289
- onChange: ()=>{},
290
- blinkErrors: true,
291
- blinkDuration: 100,
292
- showErrors: true,
293
- errors: {},
294
- error: '',
295
- onFocus: ()=>{},
296
- onBlur: ()=>{},
297
- className: '',
298
- isFocusedDefault: false,
299
- disabled: false,
300
- imitateTypingOnPaste: false,
301
- imitateTypingOnPasteDelay: 100,
302
- showHint: false,
303
- hintText: 'Hint Text',
304
- hintClassName: '',
305
- isHintRight: true,
306
- isHintLeft: false,
307
- hintPosition: 'right',
308
- hideMaskOnBlur: true,
309
- iconDynamicKey: 'Anchor',
310
- iconDynamicProps: {
311
- size: 16,
312
- color: 'green'
313
- }
314
- };