intelicoreact 1.5.40 → 1.5.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.interface.js +0 -4
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.stories.js +0 -89
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.test.js +0 -130
- package/dist/Atomic/FormElements/ActionAlert/index.js +0 -17
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.interface.js +0 -4
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.stories.js +0 -81
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.test.js +0 -104
- package/dist/Atomic/FormElements/AdvancedStatus/index.js +0 -17
- package/dist/Atomic/FormElements/Calendar/Calendar.props.js +0 -4
- package/dist/Atomic/FormElements/Calendar/Calendar.stories.js +0 -108
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.interface.js +0 -4
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +0 -100
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.test.js +0 -143
- package/dist/Atomic/FormElements/CheckboxInput/index.js +0 -17
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.interface.js +0 -4
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.stories.js +0 -94
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.test.js +0 -177
- package/dist/Atomic/FormElements/CheckboxesLine/index.js +0 -17
- package/dist/Atomic/FormElements/Datepicker/Datepicker.stories.js +0 -51
- package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +0 -596
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.stories.js +0 -272
- package/dist/Atomic/FormElements/FileLoader/FileLoader.stories.js +0 -182
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.stories.js +0 -327
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.stories.js +0 -186
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.stories.js +0 -84
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.stories.js +0 -107
- package/dist/Atomic/FormElements/Input/Input.stories.js +0 -251
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +0 -115
- package/dist/Atomic/FormElements/InputColor/InputColor.stories.js +0 -119
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.interface.js +0 -4
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.stories.js +0 -178
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.test.js +0 -129
- package/dist/Atomic/FormElements/InputCurrency/index.js +0 -16
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +0 -123
- package/dist/Atomic/FormElements/InputLink/InputLink.stories.js +0 -140
- package/dist/Atomic/FormElements/InputMask/InputMask.stories.js +0 -303
- package/dist/Atomic/FormElements/InputMask2/InputMask2.stories.js +0 -314
- package/dist/Atomic/FormElements/InputMask3/InputMask3.stories.js +0 -335
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.stories.js +0 -276
- package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -56
- package/dist/Atomic/FormElements/Label/Label.interface.js +0 -4
- package/dist/Atomic/FormElements/Label/Label.stories.js +0 -47
- package/dist/Atomic/FormElements/Label/Label.test.js +0 -167
- package/dist/Atomic/FormElements/Label/index.js +0 -17
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js +0 -172
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +0 -121
- package/dist/Atomic/FormElements/NumericInput/NumericInput.stories.js +0 -184
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.stories.js +0 -79
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.stories.js +0 -151
- package/dist/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -67
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.stories.js +0 -116
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.stories.js +0 -107
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -92
- package/dist/Atomic/FormElements/RangeList/RangeList.stories.js +0 -169
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.stories.js +0 -401
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.stories.js +0 -314
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.stories.js +0 -137
- package/dist/Atomic/FormElements/Switcher/Switcher.stories.js +0 -91
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.stories.js +0 -104
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.stories.js +0 -96
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.stories.js +0 -140
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.stories.js +0 -112
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.stories.js +0 -145
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.stories.js +0 -158
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.stories.js +0 -101
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.stories.js +0 -131
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -357
- package/dist/Atomic/FormElements/Text/Text.stories.js +0 -80
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -106
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.test.js +0 -93
- package/dist/Atomic/FormElements/Textarea/Textarea.stories.js +0 -103
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.stories.js +0 -174
- package/dist/Atomic/FormElements/TimeRange/TimeRange.interface.js +0 -4
- package/dist/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -40
- package/dist/Atomic/FormElements/TimeRange/TimeRange.test.js +0 -163
- package/dist/Atomic/FormElements/TimeRange/index.js +0 -17
- package/dist/Atomic/FormElements/UserContacts/UserContact.test.js +0 -381
- package/dist/Atomic/FormElements/UserContacts/UserContacts.interface.js +0 -4
- package/dist/Atomic/FormElements/UserContacts/UserContacts.stories.js +0 -74
- package/dist/Atomic/FormElements/UserContacts/index.js +0 -17
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.stories.js +0 -193
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.stories.js +0 -147
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.stories.js +0 -151
- package/dist/Atomic/Layout/Header/Header.stories.js +0 -71
- package/dist/Atomic/Layout/MainMenu/MainMenu.stories.js +0 -115
- package/dist/Atomic/Layout/Spinner/Spinner.interface.js +0 -4
- package/dist/Atomic/Layout/Spinner/Spinner.stories.js +0 -46
- package/dist/Atomic/Layout/Spinner/Spinner.test.js +0 -54
- package/dist/Atomic/Layout/Spinner/index.js +0 -17
- package/dist/Atomic/UI/Accordion/Accordion.interface.js +0 -4
- package/dist/Atomic/UI/Accordion/Accordion.stories.js +0 -168
- package/dist/Atomic/UI/Accordion/Accordion.test.js +0 -54
- package/dist/Atomic/UI/Accordion/AccordionItem.test.js +0 -50
- package/dist/Atomic/UI/Accordion/index.js +0 -17
- package/dist/Atomic/UI/AccordionTable/AccordionTable.stories.js +0 -268
- package/dist/Atomic/UI/AccordionText/AccordionText.stories.js +0 -125
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +0 -115
- package/dist/Atomic/UI/Alert/Alert.stories.js +0 -81
- package/dist/Atomic/UI/Arrow/Arrow.stories.js +0 -62
- package/dist/Atomic/UI/Box/Box.stories.js +0 -114
- package/dist/Atomic/UI/Button/Button.stories.js +0 -105
- package/dist/Atomic/UI/Button/Button.test.js +0 -147
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.stories.js +0 -129
- package/dist/Atomic/UI/Chart/Chart.stories.js +0 -93
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.stories.js +0 -85
- package/dist/Atomic/UI/DateTime/DateTime.stories.js +0 -50
- package/dist/Atomic/UI/DoubleString/DoubleString.stories.js +0 -79
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.interface.js +0 -4
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.stories.js +0 -98
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.test.js +0 -51
- package/dist/Atomic/UI/DynamicIcon/index.js +0 -17
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.stories.js +0 -98
- package/dist/Atomic/UI/Hint/Hint.stories.js +0 -101
- package/dist/Atomic/UI/Hint/index.js +0 -16
- package/dist/Atomic/UI/Modal/Modal.interface.js +0 -4
- package/dist/Atomic/UI/Modal/Modal.stories.js +0 -370
- package/dist/Atomic/UI/Modal/ModalHOC.stories.js +0 -191
- package/dist/Atomic/UI/Modal/ModalHOC.test.js +0 -187
- package/dist/Atomic/UI/Modal/index.js +0 -26
- package/dist/Atomic/UI/Modal/partials/ModalFooter.test.js +0 -118
- package/dist/Atomic/UI/Modal/partials/ModalTitle.test.js +0 -126
- package/dist/Atomic/UI/Modal/partials/useMobileModal.test.js +0 -133
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.interface.js +0 -4
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.stories.js +0 -513
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.test.js +0 -84
- package/dist/Atomic/UI/MonoAccordion/index.js +0 -17
- package/dist/Atomic/UI/NavLine/NavLine.interface.js +0 -4
- package/dist/Atomic/UI/NavLine/NavLine.stories.js +0 -434
- package/dist/Atomic/UI/NavLine/NavLine.test.js +0 -311
- package/dist/Atomic/UI/NavLine/index.js +0 -17
- package/dist/Atomic/UI/PageTitle/PageTitle.interface.js +0 -4
- package/dist/Atomic/UI/PageTitle/PageTitle.stories.js +0 -62
- package/dist/Atomic/UI/PageTitle/PageTitle.test.js +0 -181
- package/dist/Atomic/UI/PageTitle/index.js +0 -17
- package/dist/Atomic/UI/PieChart/PieChar.interface.js +0 -4
- package/dist/Atomic/UI/PieChart/PieChart.stories.js +0 -82
- package/dist/Atomic/UI/PieChart/PieChart.test.js +0 -142
- package/dist/Atomic/UI/PieChart/index.js +0 -26
- package/dist/Atomic/UI/Price/Price.interface.js +0 -4
- package/dist/Atomic/UI/Price/Price.stories.js +0 -52
- package/dist/Atomic/UI/Price/Price.test.js +0 -83
- package/dist/Atomic/UI/Price/index.js +0 -17
- package/dist/Atomic/UI/PriceRange/PriceRange.interface.js +0 -4
- package/dist/Atomic/UI/PriceRange/PriceRange.stories.js +0 -51
- package/dist/Atomic/UI/PriceRange/PriceRange.test.js +0 -72
- package/dist/Atomic/UI/PriceRange/index.js +0 -17
- package/dist/Atomic/UI/ProgressLine/ProgressLine.interface.js +0 -4
- package/dist/Atomic/UI/ProgressLine/ProgressLine.stories.js +0 -163
- package/dist/Atomic/UI/ProgressLine/ProgressLine.test.js +0 -60
- package/dist/Atomic/UI/ProgressLine/index.js +0 -17
- package/dist/Atomic/UI/Status/Status.interface.js +0 -4
- package/dist/Atomic/UI/Status/Status.stories.js +0 -79
- package/dist/Atomic/UI/Status/Status.test.js +0 -103
- package/dist/Atomic/UI/Status/index.js +0 -17
- package/dist/Atomic/UI/Table/Table.stories.js +0 -250
- package/dist/Atomic/UI/Tag/Tag.interface.js +0 -4
- package/dist/Atomic/UI/Tag/Tag.stories.js +0 -108
- package/dist/Atomic/UI/Tag/Tag.test.js +0 -75
- package/dist/Atomic/UI/Tag/index.js +0 -17
- package/dist/Atomic/UI/TagList/TagList.stories.js +0 -169
- package/dist/Atomic/UI/UserBox/UserBox.interface.js +0 -4
- package/dist/Atomic/UI/UserBox/UserBox.stories.js +0 -57
- package/dist/Atomic/UI/UserBox/UserBox.test.js +0 -136
- package/dist/Atomic/UI/UserBox/index.js +0 -17
- package/dist/Atomic/UI/WizardStepper/WizardStepper.stories.js +0 -70
- package/dist/Functions/useIsMobile/index.js +0 -17
- package/dist/Functions/useIsMobile/useIsMobile.js +0 -33
- package/dist/Functions/useIsMobile/useIsMobile.test.js +0 -104
- package/dist/Functions/useKeyPress/useHandleKeyPress.test.js +0 -96
- package/dist/Functions/useKeyPress/useKeyPress.test.js +0 -87
- package/dist/Molecular/FormElement/FormElement.stories.js +0 -92
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.stories.js +0 -301
- package/dist/Molecular/InputAddress/InputAddress.stories.js +0 -541
- package/dist/Molecular/InputPassword/InputPassword.stories.js +0 -86
- package/dist/types/base.interface.js +0 -4
- package/dist/types/base.types.js +0 -4
|
@@ -1,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/> ${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/> ${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
|
-
};
|