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,251 +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
|
-
InputTemplate: function() {
|
|
13
|
-
return InputTemplate;
|
|
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 _Input = /*#__PURE__*/ _interop_require_default(require("./Input"));
|
|
22
|
-
require("../../../../../scss/main.scss");
|
|
23
|
-
function _interop_require_default(obj) {
|
|
24
|
-
return obj && obj.__esModule ? obj : {
|
|
25
|
-
default: obj
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
29
|
-
if (typeof WeakMap !== "function") return null;
|
|
30
|
-
var cacheBabelInterop = new WeakMap();
|
|
31
|
-
var cacheNodeInterop = new WeakMap();
|
|
32
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
33
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
34
|
-
})(nodeInterop);
|
|
35
|
-
}
|
|
36
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
37
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
38
|
-
return obj;
|
|
39
|
-
}
|
|
40
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
41
|
-
return {
|
|
42
|
-
default: obj
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
46
|
-
if (cache && cache.has(obj)) {
|
|
47
|
-
return cache.get(obj);
|
|
48
|
-
}
|
|
49
|
-
var newObj = {
|
|
50
|
-
__proto__: null
|
|
51
|
-
};
|
|
52
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
53
|
-
for(var key in obj){
|
|
54
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
55
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
56
|
-
if (desc && (desc.get || desc.set)) {
|
|
57
|
-
Object.defineProperty(newObj, key, desc);
|
|
58
|
-
} else {
|
|
59
|
-
newObj[key] = obj[key];
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
newObj.default = obj;
|
|
64
|
-
if (cache) {
|
|
65
|
-
cache.set(obj, newObj);
|
|
66
|
-
}
|
|
67
|
-
return newObj;
|
|
68
|
-
}
|
|
69
|
-
global.lng = 'en';
|
|
70
|
-
const _default = {
|
|
71
|
-
title: 'Form Elements/Input',
|
|
72
|
-
component: _Input.default,
|
|
73
|
-
argTypes: {
|
|
74
|
-
disabled: {
|
|
75
|
-
description: 'Disable input. Default is false.',
|
|
76
|
-
control: 'boolean'
|
|
77
|
-
},
|
|
78
|
-
error: {
|
|
79
|
-
description: 'Display validation error. Expect error message.',
|
|
80
|
-
control: 'text'
|
|
81
|
-
},
|
|
82
|
-
isPriceInput: {
|
|
83
|
-
description: 'Style the input as PriceInput. Default is false.',
|
|
84
|
-
control: 'boolean'
|
|
85
|
-
},
|
|
86
|
-
withDelete: {
|
|
87
|
-
description: 'Show clear (x) icon on hover. Default is false.',
|
|
88
|
-
control: 'boolean'
|
|
89
|
-
},
|
|
90
|
-
onlyNumbers: {
|
|
91
|
-
description: 'Only allow numeric value. Default is false.',
|
|
92
|
-
control: 'boolean'
|
|
93
|
-
},
|
|
94
|
-
blurTrim: {
|
|
95
|
-
description: 'Trim value on blur. Default is false.',
|
|
96
|
-
control: {
|
|
97
|
-
type: 'object',
|
|
98
|
-
options: {
|
|
99
|
-
trimStart: true,
|
|
100
|
-
trimEnd: true,
|
|
101
|
-
characters: /\s12345/
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
isTwoDigitAfterDot: {
|
|
106
|
-
description: 'Allow only two digits after the decimal point. Default is true.',
|
|
107
|
-
control: 'boolean'
|
|
108
|
-
},
|
|
109
|
-
isFocusDefault: {
|
|
110
|
-
description: 'Automatically focus input on initial load. Default is false.',
|
|
111
|
-
control: 'boolean'
|
|
112
|
-
},
|
|
113
|
-
isCropFirstNool: {
|
|
114
|
-
description: 'Remove leading zeros. Work only if isPriceInput is true. Default is false.',
|
|
115
|
-
control: 'boolean'
|
|
116
|
-
},
|
|
117
|
-
placeholder: {
|
|
118
|
-
description: 'Placeholder text for the input.',
|
|
119
|
-
control: 'text'
|
|
120
|
-
},
|
|
121
|
-
type: {
|
|
122
|
-
description: 'Defines the type of the input.',
|
|
123
|
-
control: {
|
|
124
|
-
type: 'select',
|
|
125
|
-
options: [
|
|
126
|
-
'text',
|
|
127
|
-
'number',
|
|
128
|
-
'password',
|
|
129
|
-
'pseudoPassword',
|
|
130
|
-
'color',
|
|
131
|
-
'date',
|
|
132
|
-
'datetime-local',
|
|
133
|
-
'month',
|
|
134
|
-
'time',
|
|
135
|
-
'email',
|
|
136
|
-
'range'
|
|
137
|
-
]
|
|
138
|
-
}
|
|
139
|
-
},
|
|
140
|
-
icon: {
|
|
141
|
-
description: 'JSX: Add an icon inside the input',
|
|
142
|
-
control: 'object'
|
|
143
|
-
},
|
|
144
|
-
value: {
|
|
145
|
-
description: 'Value of the input. This is a required prop.',
|
|
146
|
-
control: 'text'
|
|
147
|
-
},
|
|
148
|
-
className: {
|
|
149
|
-
description: 'Add additional CSS classes to the input.',
|
|
150
|
-
control: 'text'
|
|
151
|
-
},
|
|
152
|
-
mask: {
|
|
153
|
-
description: 'Define an input mask. See more at: https://www.npmjs.com/package/react-input-mask',
|
|
154
|
-
control: 'text'
|
|
155
|
-
},
|
|
156
|
-
symbolsLimit: {
|
|
157
|
-
description: 'Set limit of symbols in input, overhead will be ignored',
|
|
158
|
-
control: 'number'
|
|
159
|
-
},
|
|
160
|
-
onBlur: {
|
|
161
|
-
description: 'Custom onBlur function',
|
|
162
|
-
action: 'onBlur'
|
|
163
|
-
},
|
|
164
|
-
onFocus: {
|
|
165
|
-
description: 'Custom onFocus function',
|
|
166
|
-
action: 'onFocus'
|
|
167
|
-
},
|
|
168
|
-
onKeyUp: {
|
|
169
|
-
description: 'Custom onKeyUp function, returns event keyCode',
|
|
170
|
-
action: 'onKeyUp'
|
|
171
|
-
},
|
|
172
|
-
isNumericMobileKeyboard: {
|
|
173
|
-
description: 'Enable Mobile Numeric Keyboard',
|
|
174
|
-
control: 'boolean'
|
|
175
|
-
},
|
|
176
|
-
attributesOfNativeInput: {
|
|
177
|
-
description: 'Object. Optional. This is list of attributes to add in native input',
|
|
178
|
-
control: 'object'
|
|
179
|
-
}
|
|
180
|
-
},
|
|
181
|
-
parameters: {
|
|
182
|
-
docs: {
|
|
183
|
-
description: {
|
|
184
|
-
component: 'Input component for capturing user text input. Supports different styles, behaviors and also validation errors'
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
};
|
|
189
|
-
const styles = {
|
|
190
|
-
with: '200px'
|
|
191
|
-
};
|
|
192
|
-
const Template = (args)=>{
|
|
193
|
-
const [value, setValue] = (0, _react.useState)();
|
|
194
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
|
|
195
|
-
...args,
|
|
196
|
-
style: styles,
|
|
197
|
-
value: value,
|
|
198
|
-
onChange: setValue
|
|
199
|
-
});
|
|
200
|
-
};
|
|
201
|
-
const InputTemplate = Template.bind({});
|
|
202
|
-
InputTemplate.args = {
|
|
203
|
-
onlyNumbers: {
|
|
204
|
-
type: 'float',
|
|
205
|
-
decimalPlaces: 2
|
|
206
|
-
},
|
|
207
|
-
isPriceInput: true,
|
|
208
|
-
inputMode: "decimal",
|
|
209
|
-
type: 'text',
|
|
210
|
-
isLoading: false,
|
|
211
|
-
isFocusDefault: false,
|
|
212
|
-
// onlyNumbers: {type: 'float', decimalPlaces: 2, min: 0, max: 1000, isNoEmptyValues: true},
|
|
213
|
-
isPriceInput: false,
|
|
214
|
-
isTwoDigitAfterDot: false,
|
|
215
|
-
isReadOnly: false,
|
|
216
|
-
disabled: false,
|
|
217
|
-
error: '',
|
|
218
|
-
mask: '',
|
|
219
|
-
withDelete: true,
|
|
220
|
-
symbolsLimit: 255,
|
|
221
|
-
placeholder: 'Placeholder',
|
|
222
|
-
// icon: <User className="mr5" />,
|
|
223
|
-
isNumericMobileKeyboard: false,
|
|
224
|
-
isNotValidateASCII: false,
|
|
225
|
-
isCropFirstNool: false,
|
|
226
|
-
name: 'test-name',
|
|
227
|
-
fieldKey: 'test-fieldKey',
|
|
228
|
-
key: 'test-key',
|
|
229
|
-
id: 'test-id',
|
|
230
|
-
// action: (
|
|
231
|
-
// <div onClick={() => console.log('input action')} className="mr5 color--primary pointer">
|
|
232
|
-
// Generate
|
|
233
|
-
// </div>
|
|
234
|
-
// ),
|
|
235
|
-
iconKey: 'Anchor',
|
|
236
|
-
iconKeyProps: {
|
|
237
|
-
size: 16,
|
|
238
|
-
color: 'red',
|
|
239
|
-
strokeWidth: 2
|
|
240
|
-
},
|
|
241
|
-
blurTrim: {
|
|
242
|
-
trimStart: true,
|
|
243
|
-
trimEnd: false,
|
|
244
|
-
characters: [
|
|
245
|
-
'5',
|
|
246
|
-
'6',
|
|
247
|
-
'0',
|
|
248
|
-
' '
|
|
249
|
-
]
|
|
250
|
-
}
|
|
251
|
-
};
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
CalendarTemplate: function() {
|
|
13
|
-
return CalendarTemplate;
|
|
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 _InputCalendar = /*#__PURE__*/ _interop_require_default(require("./InputCalendar"));
|
|
22
|
-
require("../../../../../scss/main.scss");
|
|
23
|
-
function _interop_require_default(obj) {
|
|
24
|
-
return obj && obj.__esModule ? obj : {
|
|
25
|
-
default: obj
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
29
|
-
if (typeof WeakMap !== "function") return null;
|
|
30
|
-
var cacheBabelInterop = new WeakMap();
|
|
31
|
-
var cacheNodeInterop = new WeakMap();
|
|
32
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
33
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
34
|
-
})(nodeInterop);
|
|
35
|
-
}
|
|
36
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
37
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
38
|
-
return obj;
|
|
39
|
-
}
|
|
40
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
41
|
-
return {
|
|
42
|
-
default: obj
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
46
|
-
if (cache && cache.has(obj)) {
|
|
47
|
-
return cache.get(obj);
|
|
48
|
-
}
|
|
49
|
-
var newObj = {
|
|
50
|
-
__proto__: null
|
|
51
|
-
};
|
|
52
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
53
|
-
for(var key in obj){
|
|
54
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
55
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
56
|
-
if (desc && (desc.get || desc.set)) {
|
|
57
|
-
Object.defineProperty(newObj, key, desc);
|
|
58
|
-
} else {
|
|
59
|
-
newObj[key] = obj[key];
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
newObj.default = obj;
|
|
64
|
-
if (cache) {
|
|
65
|
-
cache.set(obj, newObj);
|
|
66
|
-
}
|
|
67
|
-
return newObj;
|
|
68
|
-
}
|
|
69
|
-
global.lng = 'en';
|
|
70
|
-
const _default = {
|
|
71
|
-
title: 'Form Elements/Input Calendar',
|
|
72
|
-
component: _InputCalendar.default,
|
|
73
|
-
argTypes: {
|
|
74
|
-
value: {
|
|
75
|
-
description: 'string (mm.dd.yyyy)'
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
const Template = (args)=>{
|
|
80
|
-
const [date, setDate] = (0, _react.useState)('');
|
|
81
|
-
const [disabled, setDisabled] = (0, _react.useState)(false);
|
|
82
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
83
|
-
children: [
|
|
84
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("input", {}),
|
|
85
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCalendar.default, {
|
|
86
|
-
...args,
|
|
87
|
-
value: date,
|
|
88
|
-
onChange: (val)=>setDate(val),
|
|
89
|
-
disabled: disabled
|
|
90
|
-
}),
|
|
91
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
92
|
-
style: {
|
|
93
|
-
display: 'flex',
|
|
94
|
-
flexFlow: 'row nowrap',
|
|
95
|
-
justifyContent: 'flex-end',
|
|
96
|
-
marginTop: '10px'
|
|
97
|
-
},
|
|
98
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
|
|
99
|
-
style: {
|
|
100
|
-
border: 'solid 1px black',
|
|
101
|
-
padding: '10px',
|
|
102
|
-
width: '80px'
|
|
103
|
-
},
|
|
104
|
-
onClick: ()=>setDisabled(!disabled),
|
|
105
|
-
children: disabled ? 'Enable' : 'Disable'
|
|
106
|
-
})
|
|
107
|
-
})
|
|
108
|
-
]
|
|
109
|
-
});
|
|
110
|
-
};
|
|
111
|
-
const CalendarTemplate = Template.bind({});
|
|
112
|
-
CalendarTemplate.args = {
|
|
113
|
-
minDate: '01/10/1990',
|
|
114
|
-
maxDate: '04/20/2022'
|
|
115
|
-
};
|
|
@@ -1,119 +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
|
-
InputTemplate: function() {
|
|
13
|
-
return InputTemplate;
|
|
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 _InputColor = /*#__PURE__*/ _interop_require_default(require("./InputColor"));
|
|
22
|
-
require("../../../../../scss/main.scss");
|
|
23
|
-
function _interop_require_default(obj) {
|
|
24
|
-
return obj && obj.__esModule ? obj : {
|
|
25
|
-
default: obj
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
29
|
-
if (typeof WeakMap !== "function") return null;
|
|
30
|
-
var cacheBabelInterop = new WeakMap();
|
|
31
|
-
var cacheNodeInterop = new WeakMap();
|
|
32
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
33
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
34
|
-
})(nodeInterop);
|
|
35
|
-
}
|
|
36
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
37
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
38
|
-
return obj;
|
|
39
|
-
}
|
|
40
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
41
|
-
return {
|
|
42
|
-
default: obj
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
46
|
-
if (cache && cache.has(obj)) {
|
|
47
|
-
return cache.get(obj);
|
|
48
|
-
}
|
|
49
|
-
var newObj = {
|
|
50
|
-
__proto__: null
|
|
51
|
-
};
|
|
52
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
53
|
-
for(var key in obj){
|
|
54
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
55
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
56
|
-
if (desc && (desc.get || desc.set)) {
|
|
57
|
-
Object.defineProperty(newObj, key, desc);
|
|
58
|
-
} else {
|
|
59
|
-
newObj[key] = obj[key];
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
newObj.default = obj;
|
|
64
|
-
if (cache) {
|
|
65
|
-
cache.set(obj, newObj);
|
|
66
|
-
}
|
|
67
|
-
return newObj;
|
|
68
|
-
}
|
|
69
|
-
global.lng = 'en';
|
|
70
|
-
const _default = {
|
|
71
|
-
title: 'Form Elements/InputColor',
|
|
72
|
-
component: _InputColor.default,
|
|
73
|
-
argTypes: {
|
|
74
|
-
disabled: {
|
|
75
|
-
description: 'boolean'
|
|
76
|
-
},
|
|
77
|
-
initialHexColorBlock: {
|
|
78
|
-
description: 'string - initial color (placeholder) of color block'
|
|
79
|
-
},
|
|
80
|
-
error: {
|
|
81
|
-
description: 'text - coloring input if is errored'
|
|
82
|
-
},
|
|
83
|
-
withDelete: {
|
|
84
|
-
description: 'boolean - add clear-cross by hover'
|
|
85
|
-
},
|
|
86
|
-
placeholder: {
|
|
87
|
-
description: 'text'
|
|
88
|
-
},
|
|
89
|
-
value: {
|
|
90
|
-
description: '(* - required prop)'
|
|
91
|
-
},
|
|
92
|
-
className: {
|
|
93
|
-
description: 'string'
|
|
94
|
-
},
|
|
95
|
-
symbolsLimit: {
|
|
96
|
-
description: 'Set limit of symbols in input, overhead will be ignored'
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
};
|
|
100
|
-
const Template = (args)=>{
|
|
101
|
-
const [value, setValue] = (0, _react.useState)('');
|
|
102
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputColor.default, {
|
|
103
|
-
...args,
|
|
104
|
-
value: value,
|
|
105
|
-
onChange: (e)=>setValue(e)
|
|
106
|
-
});
|
|
107
|
-
};
|
|
108
|
-
const InputTemplate = Template.bind({});
|
|
109
|
-
InputTemplate.args = {
|
|
110
|
-
withHexFormat: {
|
|
111
|
-
isTurnOn: true,
|
|
112
|
-
withSharp: true
|
|
113
|
-
},
|
|
114
|
-
symbolsLimit: 7,
|
|
115
|
-
placeholder: '#',
|
|
116
|
-
initialHexOfColorBlock: '#9AA0B9',
|
|
117
|
-
error: '',
|
|
118
|
-
disabled: false
|
|
119
|
-
};
|
|
@@ -1,178 +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
|
-
AllowZero: function() {
|
|
13
|
-
return AllowZero;
|
|
14
|
-
},
|
|
15
|
-
Basic: function() {
|
|
16
|
-
return Basic;
|
|
17
|
-
},
|
|
18
|
-
Disabled: function() {
|
|
19
|
-
return Disabled;
|
|
20
|
-
},
|
|
21
|
-
Float: function() {
|
|
22
|
-
return Float;
|
|
23
|
-
},
|
|
24
|
-
WithError: function() {
|
|
25
|
-
return WithError;
|
|
26
|
-
},
|
|
27
|
-
WithValidation: function() {
|
|
28
|
-
return WithValidation;
|
|
29
|
-
},
|
|
30
|
-
default: function() {
|
|
31
|
-
return _default;
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
35
|
-
const _react = require("react");
|
|
36
|
-
const _InputCurrency = /*#__PURE__*/ _interop_require_default(require("./InputCurrency"));
|
|
37
|
-
require("../../../../../scss/main.scss");
|
|
38
|
-
function _interop_require_default(obj) {
|
|
39
|
-
return obj && obj.__esModule ? obj : {
|
|
40
|
-
default: obj
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
const _default = {
|
|
44
|
-
title: 'Form Elements/InputCurrency',
|
|
45
|
-
component: _InputCurrency.default,
|
|
46
|
-
parameters: {
|
|
47
|
-
docs: {
|
|
48
|
-
description: {
|
|
49
|
-
component: 'InputCurrency компонент позволяет пользователям вводить денежные значения с автоматическим форматированием и валидацией.'
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
argTypes: {
|
|
54
|
-
value: {
|
|
55
|
-
description: 'Текущее значение поля ввода',
|
|
56
|
-
control: 'text'
|
|
57
|
-
},
|
|
58
|
-
currencySymbol: {
|
|
59
|
-
description: 'Символ валюты, отображаемый перед значением',
|
|
60
|
-
control: {
|
|
61
|
-
type: 'select',
|
|
62
|
-
options: [
|
|
63
|
-
'$',
|
|
64
|
-
'€',
|
|
65
|
-
'£',
|
|
66
|
-
'¥'
|
|
67
|
-
]
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
disabled: {
|
|
71
|
-
description: 'Отключает поле ввода',
|
|
72
|
-
control: 'boolean'
|
|
73
|
-
},
|
|
74
|
-
min: {
|
|
75
|
-
description: 'Минимальное допустимое значение',
|
|
76
|
-
control: 'number'
|
|
77
|
-
},
|
|
78
|
-
max: {
|
|
79
|
-
description: 'Максимальное допустимое значение',
|
|
80
|
-
control: 'number'
|
|
81
|
-
},
|
|
82
|
-
error: {
|
|
83
|
-
description: 'Показывает состояние ошибки',
|
|
84
|
-
control: 'boolean'
|
|
85
|
-
},
|
|
86
|
-
allowZero: {
|
|
87
|
-
description: 'Разрешает ввод нулевого значения',
|
|
88
|
-
control: 'boolean'
|
|
89
|
-
},
|
|
90
|
-
isNoCheckMinMax: {
|
|
91
|
-
description: 'Отключает проверку min/max значений',
|
|
92
|
-
control: 'boolean'
|
|
93
|
-
},
|
|
94
|
-
onlyNumbers: {
|
|
95
|
-
description: 'Настройки форматирования числа',
|
|
96
|
-
control: 'object'
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
};
|
|
100
|
-
const Template = (args)=>{
|
|
101
|
-
const [value, setValue] = (0, _react.useState)(args.value || '');
|
|
102
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
|
|
103
|
-
...args,
|
|
104
|
-
value: value,
|
|
105
|
-
onChange: (newValue)=>{
|
|
106
|
-
setValue(newValue);
|
|
107
|
-
console.log('Changed value:', newValue);
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
};
|
|
111
|
-
const Basic = Template.bind({});
|
|
112
|
-
Basic.args = {
|
|
113
|
-
currencySymbol: '€',
|
|
114
|
-
value: 1000
|
|
115
|
-
};
|
|
116
|
-
const Float = Template.bind({});
|
|
117
|
-
Float.args = {
|
|
118
|
-
currencySymbol: '$',
|
|
119
|
-
value: 1000,
|
|
120
|
-
onlyNumbers: {
|
|
121
|
-
type: 'float',
|
|
122
|
-
decimalPlaces: 2
|
|
123
|
-
}
|
|
124
|
-
};
|
|
125
|
-
const WithValidation = Template.bind({});
|
|
126
|
-
WithValidation.args = {
|
|
127
|
-
currencySymbol: '$',
|
|
128
|
-
value: 50,
|
|
129
|
-
min: 10,
|
|
130
|
-
max: 100,
|
|
131
|
-
isNoCheckMinMax: false
|
|
132
|
-
};
|
|
133
|
-
WithValidation.parameters = {
|
|
134
|
-
docs: {
|
|
135
|
-
description: {
|
|
136
|
-
story: 'Пример с валидацией минимального и максимального значения'
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
};
|
|
140
|
-
const WithError = Template.bind({});
|
|
141
|
-
WithError.args = {
|
|
142
|
-
currencySymbol: '$',
|
|
143
|
-
value: 1000,
|
|
144
|
-
error: true
|
|
145
|
-
};
|
|
146
|
-
WithError.parameters = {
|
|
147
|
-
docs: {
|
|
148
|
-
description: {
|
|
149
|
-
story: 'Пример отображения состояния ошибки'
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
};
|
|
153
|
-
const Disabled = Template.bind({});
|
|
154
|
-
Disabled.args = {
|
|
155
|
-
currencySymbol: '£',
|
|
156
|
-
value: 500,
|
|
157
|
-
disabled: true
|
|
158
|
-
};
|
|
159
|
-
Disabled.parameters = {
|
|
160
|
-
docs: {
|
|
161
|
-
description: {
|
|
162
|
-
story: 'Пример отключенного состояния компонента'
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
};
|
|
166
|
-
const AllowZero = Template.bind({});
|
|
167
|
-
AllowZero.args = {
|
|
168
|
-
currencySymbol: '¥',
|
|
169
|
-
value: 0,
|
|
170
|
-
allowZero: true
|
|
171
|
-
};
|
|
172
|
-
AllowZero.parameters = {
|
|
173
|
-
docs: {
|
|
174
|
-
description: {
|
|
175
|
-
story: 'Пример с разрешенным нулевым значением'
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
};
|