intelicoreact 0.1.59 → 0.1.63
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/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -1
- package/dist/Atomic/{UI → FormElements}/Calendar/Calendar.js +0 -0
- package/dist/Atomic/{UI → FormElements}/Calendar/Calendar.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/Datepicker/Datepicker.js +18 -14
- package/dist/{Molecular → Atomic/FormElements}/Datepicker/Datepicker.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/Datepicker/components/Calendar.js +0 -0
- package/dist/Atomic/FormElements/FormElements/FormElement.js +43 -0
- package/dist/{Molecular → Atomic/FormElements}/FormElements/FormElement.scss +0 -0
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +1 -1
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +4 -2
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +5 -4
- package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/SwitcherHide.js +1 -1
- package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/SwitcherHide.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/SwitcherRadio.js +1 -1
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/SwitcherRadio.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRange/SwitcherRange.js +2 -2
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRange/SwitcherRange.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/SwitcherRangeList.js +1 -1
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/SwitcherRangeList.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/SwitcherTagsDropdown.js +4 -4
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +10 -10
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/partial/States.js +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/SwitcherTextarea.js +2 -2
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/SwitcherTextarea.scss +3 -3
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/partial/AnyOuterClass.scss +0 -0
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1 -1
- package/dist/Atomic/{FormElements → Layout}/Header/Header.js +2 -1
- package/dist/Atomic/{FormElements → Layout}/Header/Header.scss +0 -0
- package/dist/Atomic/{UI → Layout}/Header/partials/default_ava.png +0 -0
- package/dist/Atomic/{MainMenu → Layout/MainMenu}/MainMenu.js +2 -2
- package/dist/Atomic/{MainMenu → Layout/MainMenu}/MainMenu.scss +4 -4
- package/dist/Atomic/{FormElements → Layout}/Spinner/Spinner.js +0 -0
- package/dist/Atomic/{FormElements → Layout}/Spinner/Spinner.scss +0 -0
- package/dist/Atomic/UI/Accordion/Accordion.js +1 -1
- package/dist/Atomic/UI/Accordion/Accordion.scss +2 -0
- package/dist/Atomic/UI/Alert/Alert.scss +1 -0
- package/dist/Atomic/{FormElements → UI}/DateTime/DateTime.js +0 -0
- package/dist/Atomic/{FormElements → UI}/DateTime/DateTime.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/DateTime/partial/AnyOuterClass.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/DoubleString/DoubleString.js +0 -0
- package/dist/Atomic/{FormElements → UI}/DoubleString/DoubleString.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/DoubleString/partial/AnyOuterClass.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/Modal/Modal.js +5 -2
- package/dist/Atomic/{FormElements → UI}/Modal/Modal.scss +0 -31
- package/dist/Atomic/{FormElements → UI}/NavLine/NavLine.js +0 -0
- package/dist/Atomic/{FormElements → UI}/NavLine/NavLine.scss +0 -0
- package/dist/Atomic/UI/PageTitle/PageTitle.js +54 -0
- package/dist/Atomic/UI/PageTitle/PageTitle.scss +50 -0
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdCell.js +3 -3
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdHeader.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdRow.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdTitle.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Table.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Table.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdActions.js +1 -1
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdPriority.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdRange.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdTypes.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdWeight.js +1 -1
- package/dist/Atomic/{FormElements → UI}/Tag/Tag.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Tag/Tag.scss +0 -0
- package/dist/{Molecular → Atomic/UI}/UserBox/UserBox.js +3 -3
- package/dist/{Molecular → Atomic/UI}/UserBox/UserBox.scss +0 -0
- package/dist/Molecular/{FormElements → FormElement}/FormElement.js +0 -0
- package/dist/Molecular/FormElement/FormElement.scss +12 -0
- package/dist/scss/main.scss +1 -0
- package/package.json +8 -3
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.stories.js +0 -69
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +0 -53
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.stories.js +0 -86
- package/dist/Atomic/FormElements/DateTime/DateTime.stories.js +0 -46
- package/dist/Atomic/FormElements/DoubleString/DoubleString.stories.js +0 -42
- package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +0 -162
- package/dist/Atomic/FormElements/Header/Header.stories.js +0 -42
- package/dist/Atomic/FormElements/Input/Input.stories.js +0 -140
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +0 -79
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +0 -96
- package/dist/Atomic/FormElements/InputMask/InputMask.stories.js +0 -266
- package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -43
- package/dist/Atomic/FormElements/Label/Label.stories.js +0 -33
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js +0 -131
- package/dist/Atomic/FormElements/Modal/Modal.stories.js +0 -157
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +0 -76
- package/dist/Atomic/FormElements/NavLine/NavLine.stories.js +0 -126
- package/dist/Atomic/FormElements/NumericInput/NumericInput.stories.js +0 -137
- package/dist/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -32
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.stories.js +0 -81
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -56
- package/dist/Atomic/FormElements/RangeList/RangeList.stories.js +0 -113
- package/dist/Atomic/FormElements/Spinner/Spinner.stories.js +0 -34
- package/dist/Atomic/FormElements/Switcher/Switcher.stories.js +0 -60
- package/dist/Atomic/FormElements/Table/Table.stories.js +0 -191
- package/dist/Atomic/FormElements/Tag/Tag.stories.js +0 -72
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -125
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -60
- package/dist/Atomic/FormElements/Textarea/Textarea.stories.js +0 -50
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.stories.js +0 -59
- package/dist/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -32
- package/dist/Atomic/MainMenu/MainMenu.stories.js +0 -87
- package/dist/Atomic/UI/Accordion/Accordion.stories.js +0 -77
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +0 -59
- package/dist/Atomic/UI/Alert/Alert.stories.js +0 -45
- package/dist/Atomic/UI/Arrow/Arrow.stories.js +0 -46
- package/dist/Atomic/UI/Button/Button.stories.js +0 -62
- package/dist/Atomic/UI/Calendar/Calendar.stories.js +0 -55
- package/dist/Atomic/UI/Hint/Hint.stories.js +0 -44
- package/dist/Atomic/UI/Price/Price.stories.js +0 -42
- package/dist/Atomic/UI/Status/Status.stories.js +0 -59
- package/dist/Molecular/Datepicker/Datepicker.stories.js +0 -44
- package/dist/Molecular/FormElements/FormElement.stories.js +0 -74
- package/dist/Molecular/SwitcherHide/SwitcherHide.stories.js +0 -62
- package/dist/Molecular/SwitcherRadio/SwitcherRadio.stories.js +0 -105
- package/dist/Molecular/SwitcherRange/SwitcherRange.stories.js +0 -59
- package/dist/Molecular/SwitcherRangeList/SwitcherRangeList.stories.js +0 -122
- package/dist/Molecular/SwitcherTagsDropdown/SwitcherTagsDropdown.stories.js +0 -133
- package/dist/Molecular/SwitcherTextarea/SwitcherTextarea.stories.js +0 -78
- package/dist/Molecular/UserBox/UserBox.stories.js +0 -43
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.LabelTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Label = _interopRequireDefault(require("./Label"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'Form Elements/Label',
|
|
17
|
-
component: _Label.default
|
|
18
|
-
};
|
|
19
|
-
exports.default = _default;
|
|
20
|
-
|
|
21
|
-
var Template = function Template(args) {
|
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_Label.default, args);
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
var LabelTemplate = Template.bind({});
|
|
26
|
-
exports.LabelTemplate = LabelTemplate;
|
|
27
|
-
LabelTemplate.args = {
|
|
28
|
-
label: 'Label text',
|
|
29
|
-
hint: {
|
|
30
|
-
text: 'Hint text',
|
|
31
|
-
hintSide: 'bottom'
|
|
32
|
-
}
|
|
33
|
-
};
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.CalendarTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
|
-
var _MobileCalendar = _interopRequireDefault(require("./MobileCalendar"));
|
|
17
|
-
|
|
18
|
-
var _moment = _interopRequireDefault(require("moment"));
|
|
19
|
-
|
|
20
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
|
-
global.lng = 'en';
|
|
25
|
-
var _default = {
|
|
26
|
-
title: 'Form Elements/Mobile Calendar',
|
|
27
|
-
component: _MobileCalendar.default,
|
|
28
|
-
argTypes: {
|
|
29
|
-
min: {
|
|
30
|
-
description: 'Min Date',
|
|
31
|
-
control: {
|
|
32
|
-
type: "date"
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
max: {
|
|
36
|
-
description: 'Max Date',
|
|
37
|
-
control: {
|
|
38
|
-
type: "date"
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
value: {
|
|
42
|
-
description: 'Value',
|
|
43
|
-
control: {
|
|
44
|
-
type: "date"
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
rows: {
|
|
48
|
-
description: 'Calendar Rows',
|
|
49
|
-
control: {
|
|
50
|
-
type: "number"
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
label: {
|
|
54
|
-
description: 'Calendar Label',
|
|
55
|
-
control: {
|
|
56
|
-
type: "text"
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
timeout: {
|
|
60
|
-
description: 'Scroll Timeout',
|
|
61
|
-
control: {
|
|
62
|
-
type: "number"
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
isMobile: {
|
|
66
|
-
description: 'Touch Scroll Switcher'
|
|
67
|
-
},
|
|
68
|
-
showSelectedDate: {
|
|
69
|
-
description: 'Selected Date Block Visibility'
|
|
70
|
-
},
|
|
71
|
-
listItemHeight: {
|
|
72
|
-
description: 'List Item Height For Scroll Calculate',
|
|
73
|
-
control: {
|
|
74
|
-
type: "number"
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
classes: {
|
|
78
|
-
description: 'Style Classes'
|
|
79
|
-
},
|
|
80
|
-
onChange: {
|
|
81
|
-
description: 'On Change Callback'
|
|
82
|
-
},
|
|
83
|
-
onMinDateReached: {
|
|
84
|
-
description: 'On Min Date Reached Callback'
|
|
85
|
-
},
|
|
86
|
-
onMaxDateReached: {
|
|
87
|
-
description: 'On Max Date Reached Callback'
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
exports.default = _default;
|
|
92
|
-
|
|
93
|
-
var Template = function Template(args) {
|
|
94
|
-
var _useState = (0, _react.useState)(''),
|
|
95
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
96
|
-
date = _useState2[0],
|
|
97
|
-
setDate = _useState2[1];
|
|
98
|
-
|
|
99
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MobileCalendar.default, args));
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
var CalendarTemplate = Template.bind({});
|
|
103
|
-
exports.CalendarTemplate = CalendarTemplate;
|
|
104
|
-
CalendarTemplate.args = {
|
|
105
|
-
min: "",
|
|
106
|
-
max: "",
|
|
107
|
-
value: "",
|
|
108
|
-
rows: 5,
|
|
109
|
-
label: "",
|
|
110
|
-
timeout: 75,
|
|
111
|
-
isMobile: true,
|
|
112
|
-
showSelectedDate: false,
|
|
113
|
-
listItemHeight: 32,
|
|
114
|
-
classes: {
|
|
115
|
-
wrapper: "",
|
|
116
|
-
label: "",
|
|
117
|
-
body: "",
|
|
118
|
-
yearsBlock: "",
|
|
119
|
-
yearsList: "",
|
|
120
|
-
yearsListItem: "",
|
|
121
|
-
monthsBlock: "",
|
|
122
|
-
monthsList: "",
|
|
123
|
-
monthsListItem: "",
|
|
124
|
-
daysBlock: "",
|
|
125
|
-
daysList: "",
|
|
126
|
-
daysListItem: "",
|
|
127
|
-
prevItem: "",
|
|
128
|
-
nextItem: "",
|
|
129
|
-
activeItem: ""
|
|
130
|
-
}
|
|
131
|
-
};
|
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.ModalWithConfirmation = exports.ModalTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
|
-
|
|
16
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
-
|
|
18
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
|
-
var _Modal = _interopRequireDefault(require("./Modal"));
|
|
21
|
-
|
|
22
|
-
var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
|
|
23
|
-
|
|
24
|
-
var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
|
|
25
|
-
|
|
26
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
-
|
|
28
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
-
|
|
30
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
-
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
33
|
-
|
|
34
|
-
global.lng = 'en';
|
|
35
|
-
var examples = [JSON.stringify({
|
|
36
|
-
withConfirmation: {
|
|
37
|
-
cancel: true
|
|
38
|
-
}
|
|
39
|
-
}), JSON.stringify({
|
|
40
|
-
withConfirmation: {
|
|
41
|
-
confirm: true
|
|
42
|
-
}
|
|
43
|
-
}), JSON.stringify({
|
|
44
|
-
withConfirmation: {
|
|
45
|
-
confirm: true,
|
|
46
|
-
cancel: true
|
|
47
|
-
}
|
|
48
|
-
}), JSON.stringify({
|
|
49
|
-
withConfirmation: {
|
|
50
|
-
title: 'some value',
|
|
51
|
-
children: 'some value',
|
|
52
|
-
confirmBtnLabel: 'some value'
|
|
53
|
-
}
|
|
54
|
-
})];
|
|
55
|
-
var confirmationDescrip = 'If you pass the "withConfirmation" property, you will be able to request confirmation of the user\'s action.\n\n' + "For example, if you want to request confirmation to close a modal window, pass the property like this: ".concat(examples[0], "\n\n") + "To confirm submit, pass the property like this: with Confirmation: ".concat(examples[1], "\n\n") + "If you want confirmation for each action, pass the property like this: with Confirmation: ".concat(examples[2], "\n\n") + "If you want to control the contents of the confirmation window, pass an object with values instead of boolean values, like this:\n\n".concat(examples[3], "\n\n");
|
|
56
|
-
var _default = {
|
|
57
|
-
title: 'Modal',
|
|
58
|
-
component: _Modal.default,
|
|
59
|
-
argTypes: {
|
|
60
|
-
mode: {
|
|
61
|
-
control: {
|
|
62
|
-
type: 'select',
|
|
63
|
-
options: ['default', 'edit', 'create', 'add']
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
variant: {
|
|
67
|
-
control: {
|
|
68
|
-
type: 'select',
|
|
69
|
-
options: ['default', 'primary']
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
size: {
|
|
73
|
-
control: {
|
|
74
|
-
type: 'select',
|
|
75
|
-
options: ['default', '290', '420', '870', '770', '950']
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
type: {
|
|
79
|
-
control: {
|
|
80
|
-
type: 'select',
|
|
81
|
-
options: ['default', 'primary']
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
withConfirmation: {
|
|
85
|
-
description: confirmationDescrip
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
exports.default = _default;
|
|
90
|
-
|
|
91
|
-
var Template = function Template(args) {
|
|
92
|
-
var _useState = (0, _react.useState)(false),
|
|
93
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
94
|
-
isOpen = _useState2[0],
|
|
95
|
-
setIsOpen = _useState2[1];
|
|
96
|
-
|
|
97
|
-
var closeModal = function closeModal() {
|
|
98
|
-
return setIsOpen(false);
|
|
99
|
-
};
|
|
100
|
-
|
|
101
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
102
|
-
onClick: function onClick() {
|
|
103
|
-
return setIsOpen(true);
|
|
104
|
-
},
|
|
105
|
-
text: "Show modal"
|
|
106
|
-
}), /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, args, {
|
|
107
|
-
closeModal: closeModal,
|
|
108
|
-
submitHandler: function submitHandler() {
|
|
109
|
-
args.submitHandler();
|
|
110
|
-
closeModal();
|
|
111
|
-
},
|
|
112
|
-
isOpen: isOpen
|
|
113
|
-
}), /*#__PURE__*/_react.default.createElement(_Alert.default, {
|
|
114
|
-
message: "Alert message",
|
|
115
|
-
variant: "error",
|
|
116
|
-
className: "mb5"
|
|
117
|
-
}), /*#__PURE__*/_react.default.createElement(_Alert.default, {
|
|
118
|
-
message: "Alert message",
|
|
119
|
-
variant: "warning",
|
|
120
|
-
className: "mb5"
|
|
121
|
-
}), /*#__PURE__*/_react.default.createElement(_Alert.default, {
|
|
122
|
-
message: "Alert message",
|
|
123
|
-
variant: "success",
|
|
124
|
-
className: "mb5"
|
|
125
|
-
}), /*#__PURE__*/_react.default.createElement(_Alert.default, {
|
|
126
|
-
message: "Alert message",
|
|
127
|
-
variant: "info"
|
|
128
|
-
})));
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
var ModalTemplate = Template.bind({});
|
|
132
|
-
exports.ModalTemplate = ModalTemplate;
|
|
133
|
-
var ModalWithConfirmation = Template.bind({});
|
|
134
|
-
exports.ModalWithConfirmation = ModalWithConfirmation;
|
|
135
|
-
var mainProps = {
|
|
136
|
-
title: 'Modal',
|
|
137
|
-
variant: 'primary',
|
|
138
|
-
mode: 'edit',
|
|
139
|
-
size: '',
|
|
140
|
-
confirmBtnLabel: '',
|
|
141
|
-
submitHandler: function submitHandler() {
|
|
142
|
-
console.log('Hi');
|
|
143
|
-
}
|
|
144
|
-
};
|
|
145
|
-
var confirmationProps = {
|
|
146
|
-
title: '',
|
|
147
|
-
children: '',
|
|
148
|
-
confirmBtnLabel: ''
|
|
149
|
-
};
|
|
150
|
-
var confirmationVariants = {
|
|
151
|
-
// confirm: { ...confirmationProps },
|
|
152
|
-
cancel: _objectSpread({}, confirmationProps)
|
|
153
|
-
};
|
|
154
|
-
ModalTemplate.args = _objectSpread({}, mainProps);
|
|
155
|
-
ModalWithConfirmation.args = _objectSpread(_objectSpread({}, mainProps), {}, {
|
|
156
|
-
withConfirmation: _objectSpread({}, confirmationVariants)
|
|
157
|
-
});
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.MultiDropdownTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
|
-
var _MultiSelect = _interopRequireDefault(require("./MultiSelect"));
|
|
19
|
-
|
|
20
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
|
-
global.lng = 'en';
|
|
25
|
-
var _default = {
|
|
26
|
-
title: 'MultiSelect',
|
|
27
|
-
component: _MultiSelect.default
|
|
28
|
-
};
|
|
29
|
-
exports.default = _default;
|
|
30
|
-
|
|
31
|
-
var MultiTemplate = function MultiTemplate(args) {
|
|
32
|
-
var options = [{
|
|
33
|
-
id: 1,
|
|
34
|
-
label: 'label test 1',
|
|
35
|
-
value: 'check1'
|
|
36
|
-
}, {
|
|
37
|
-
id: 2,
|
|
38
|
-
label: 'label test 2',
|
|
39
|
-
value: 'check2'
|
|
40
|
-
}, {
|
|
41
|
-
id: 3,
|
|
42
|
-
label: 'label test 3',
|
|
43
|
-
value: 'check3'
|
|
44
|
-
}, {
|
|
45
|
-
id: 4,
|
|
46
|
-
label: 'label test 4',
|
|
47
|
-
value: 'check4'
|
|
48
|
-
}, {
|
|
49
|
-
id: 5,
|
|
50
|
-
label: 'label test 5',
|
|
51
|
-
value: 'check5'
|
|
52
|
-
}, {
|
|
53
|
-
id: 6,
|
|
54
|
-
label: 'label test 6',
|
|
55
|
-
value: 'check6'
|
|
56
|
-
}, {
|
|
57
|
-
id: 7,
|
|
58
|
-
label: 'label test 7',
|
|
59
|
-
value: 'check7'
|
|
60
|
-
}];
|
|
61
|
-
|
|
62
|
-
var _useState = (0, _react.useState)([]),
|
|
63
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
64
|
-
value = _useState2[0],
|
|
65
|
-
setValue = _useState2[1];
|
|
66
|
-
|
|
67
|
-
return /*#__PURE__*/_react.default.createElement(_MultiSelect.default, (0, _extends2.default)({}, args, {
|
|
68
|
-
options: options,
|
|
69
|
-
chosenOptions: value,
|
|
70
|
-
onChange: setValue
|
|
71
|
-
}));
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
var MultiDropdownTemplate = MultiTemplate.bind({});
|
|
75
|
-
exports.MultiDropdownTemplate = MultiDropdownTemplate;
|
|
76
|
-
MultiDropdownTemplate.args = {};
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.NavLineTemplate = exports.NavLineSimpleTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
|
-
var _reactRouterDom = require("react-router-dom");
|
|
19
|
-
|
|
20
|
-
var _NavLine = _interopRequireDefault(require("./NavLine"));
|
|
21
|
-
|
|
22
|
-
var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
|
|
23
|
-
|
|
24
|
-
var _Status = _interopRequireDefault(require("../../UI/Status/Status"));
|
|
25
|
-
|
|
26
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
-
|
|
28
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
-
|
|
30
|
-
global.lng = 'en';
|
|
31
|
-
var _default = {
|
|
32
|
-
title: 'NavLine',
|
|
33
|
-
component: _NavLine.default
|
|
34
|
-
};
|
|
35
|
-
exports.default = _default;
|
|
36
|
-
|
|
37
|
-
var Template = function Template(args) {
|
|
38
|
-
var navLineContent = {
|
|
39
|
-
general: /*#__PURE__*/_react.default.createElement(_Alert.default, {
|
|
40
|
-
message: "General tab content"
|
|
41
|
-
}),
|
|
42
|
-
payments: /*#__PURE__*/_react.default.createElement(_Status.default, {
|
|
43
|
-
status: "active",
|
|
44
|
-
label: "Payments tab content"
|
|
45
|
-
}),
|
|
46
|
-
filters: 'Filters tab content',
|
|
47
|
-
offers: 'Offers tab content',
|
|
48
|
-
merchants: 'Merchants tab content',
|
|
49
|
-
integration: 'Integration tab content',
|
|
50
|
-
customDetails: /*#__PURE__*/_react.default.createElement(_Alert.default, {
|
|
51
|
-
message: "Custom Details tab content",
|
|
52
|
-
type: "info"
|
|
53
|
-
}),
|
|
54
|
-
postsLog: 'Posts Log tab content',
|
|
55
|
-
tab2: 'Tab2 content'
|
|
56
|
-
};
|
|
57
|
-
var initialTab = args.initialTab;
|
|
58
|
-
|
|
59
|
-
var _useState = (0, _react.useState)(initialTab),
|
|
60
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
61
|
-
activeTab = _useState2[0],
|
|
62
|
-
setActiveTab = _useState2[1];
|
|
63
|
-
|
|
64
|
-
return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_NavLine.default, (0, _extends2.default)({}, args, {
|
|
65
|
-
activeTab: activeTab,
|
|
66
|
-
onChange: setActiveTab
|
|
67
|
-
}), navLineContent[activeTab]));
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
var NavLineSimpleTemplate = Template.bind({});
|
|
71
|
-
exports.NavLineSimpleTemplate = NavLineSimpleTemplate;
|
|
72
|
-
var NavLineTemplate = Template.bind({});
|
|
73
|
-
exports.NavLineTemplate = NavLineTemplate;
|
|
74
|
-
NavLineSimpleTemplate.args = {
|
|
75
|
-
initialTab: 'general',
|
|
76
|
-
variant: 'simple',
|
|
77
|
-
isLocal: false,
|
|
78
|
-
items: [{
|
|
79
|
-
tabId: 'general',
|
|
80
|
-
label: 'Tab1'
|
|
81
|
-
}, {
|
|
82
|
-
tabId: 'payments',
|
|
83
|
-
label: 'Tab2'
|
|
84
|
-
}, {
|
|
85
|
-
tabId: 'filters',
|
|
86
|
-
label: 'Tab3'
|
|
87
|
-
}, {
|
|
88
|
-
tabId: 'offers',
|
|
89
|
-
label: 'Tab4',
|
|
90
|
-
count: 2
|
|
91
|
-
}, {
|
|
92
|
-
tabId: 'merchants',
|
|
93
|
-
label: 'Tab5',
|
|
94
|
-
count: 15
|
|
95
|
-
}, {
|
|
96
|
-
tabId: 'integration',
|
|
97
|
-
label: 'Tab6'
|
|
98
|
-
}, {
|
|
99
|
-
tabId: 'tab',
|
|
100
|
-
label: 'Disabled tab',
|
|
101
|
-
status: 'disabled'
|
|
102
|
-
}]
|
|
103
|
-
};
|
|
104
|
-
NavLineTemplate.args = {
|
|
105
|
-
initialTab: 'customDetails',
|
|
106
|
-
isLocal: false,
|
|
107
|
-
items: [{
|
|
108
|
-
tabId: 'customDetails',
|
|
109
|
-
label: 'Tab1',
|
|
110
|
-
icon: 'Gift'
|
|
111
|
-
}, {
|
|
112
|
-
tabId: 'postsLog',
|
|
113
|
-
label: 'Tab2',
|
|
114
|
-
icon: 'Gift',
|
|
115
|
-
count: 43
|
|
116
|
-
}, {
|
|
117
|
-
tabId: 'tab1',
|
|
118
|
-
label: 'disabled tab',
|
|
119
|
-
icon: 'Gift',
|
|
120
|
-
status: 'disabled'
|
|
121
|
-
}, {
|
|
122
|
-
tabId: 'tab2',
|
|
123
|
-
label: 'tab 2',
|
|
124
|
-
icon: 'Gift'
|
|
125
|
-
}]
|
|
126
|
-
};
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.NumericInputTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
|
-
var _reactFeather = require("react-feather");
|
|
19
|
-
|
|
20
|
-
var _NumericInput = _interopRequireDefault(require("./NumericInput"));
|
|
21
|
-
|
|
22
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
-
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
-
|
|
26
|
-
global.lng = 'en';
|
|
27
|
-
var _default = {
|
|
28
|
-
title: 'Form Elements/NumericInput',
|
|
29
|
-
component: _NumericInput.default,
|
|
30
|
-
argTypes: {
|
|
31
|
-
disabled: {
|
|
32
|
-
description: 'boolean'
|
|
33
|
-
},
|
|
34
|
-
isFocusDefault: {
|
|
35
|
-
description: 'boolean - if true, input will be focused on mount'
|
|
36
|
-
},
|
|
37
|
-
isInitialFocus: {
|
|
38
|
-
description: 'boolean - if true, the input will be focused on mount'
|
|
39
|
-
},
|
|
40
|
-
error: {
|
|
41
|
-
description: 'text - coloring input if is errored'
|
|
42
|
-
},
|
|
43
|
-
isPriceInput: {
|
|
44
|
-
description: 'boolean - if true, the input will be styled as PriceInput'
|
|
45
|
-
},
|
|
46
|
-
withDelete: {
|
|
47
|
-
description: 'boolean - add clear-cross by hover'
|
|
48
|
-
},
|
|
49
|
-
numStep: {
|
|
50
|
-
description: 'number/text - plus/minus buttons factor (default: 1)'
|
|
51
|
-
},
|
|
52
|
-
min: {
|
|
53
|
-
description: 'number/text - minimal number for numeric input'
|
|
54
|
-
},
|
|
55
|
-
max: {
|
|
56
|
-
description: 'number/text - maximal number for numeric input'
|
|
57
|
-
},
|
|
58
|
-
placeholder: {
|
|
59
|
-
description: 'text'
|
|
60
|
-
},
|
|
61
|
-
icon: {
|
|
62
|
-
description: 'JSX'
|
|
63
|
-
},
|
|
64
|
-
value: {
|
|
65
|
-
description: '(* - required prop)'
|
|
66
|
-
},
|
|
67
|
-
className: {
|
|
68
|
-
description: 'string'
|
|
69
|
-
},
|
|
70
|
-
mask: {
|
|
71
|
-
description: 'string: force input to masked https://www.npmjs.com/package/react-input-mask'
|
|
72
|
-
},
|
|
73
|
-
symbolsLimit: {
|
|
74
|
-
description: 'Set limit of symbols in input, overhead will be ignored'
|
|
75
|
-
},
|
|
76
|
-
onBlur: {
|
|
77
|
-
description: 'custom callback on blur'
|
|
78
|
-
},
|
|
79
|
-
onFocus: {
|
|
80
|
-
description: 'custom callback on focus'
|
|
81
|
-
},
|
|
82
|
-
onKeyUp: {
|
|
83
|
-
description: 'custom callback on keyup, returns event keyCode'
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
exports.default = _default;
|
|
88
|
-
var buttonStyles = {
|
|
89
|
-
border: 'solid 1px #000',
|
|
90
|
-
padding: '5px',
|
|
91
|
-
margin: '20px 0'
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
var Template = function Template(args) {
|
|
95
|
-
var _useState = (0, _react.useState)(),
|
|
96
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
97
|
-
value = _useState2[0],
|
|
98
|
-
setValue = _useState2[1];
|
|
99
|
-
|
|
100
|
-
var _useState3 = (0, _react.useState)(false),
|
|
101
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
102
|
-
isDsiabled = _useState4[0],
|
|
103
|
-
setIsDisabled = _useState4[1];
|
|
104
|
-
|
|
105
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_NumericInput.default, (0, _extends2.default)({}, args, {
|
|
106
|
-
value: value,
|
|
107
|
-
onChange: setValue,
|
|
108
|
-
disabled: isDsiabled
|
|
109
|
-
})), /*#__PURE__*/_react.default.createElement("button", {
|
|
110
|
-
style: buttonStyles,
|
|
111
|
-
onClick: function onClick() {
|
|
112
|
-
setIsDisabled(true);
|
|
113
|
-
setTimeout(function () {
|
|
114
|
-
setValue('500');
|
|
115
|
-
setIsDisabled(false);
|
|
116
|
-
}, 1000);
|
|
117
|
-
}
|
|
118
|
-
}, "start timeout"));
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
var NumericInputTemplate = Template.bind({});
|
|
122
|
-
exports.NumericInputTemplate = NumericInputTemplate;
|
|
123
|
-
NumericInputTemplate.args = {
|
|
124
|
-
disabled: false,
|
|
125
|
-
isFocusDefault: false,
|
|
126
|
-
error: '',
|
|
127
|
-
isPriceInput: false,
|
|
128
|
-
mask: '',
|
|
129
|
-
withDelete: true,
|
|
130
|
-
isNumeric: false,
|
|
131
|
-
numStep: 100,
|
|
132
|
-
min: '0',
|
|
133
|
-
max: '15000',
|
|
134
|
-
symbolsLimit: 6,
|
|
135
|
-
placeholder: 'Placeholder' // icon: <User />
|
|
136
|
-
|
|
137
|
-
};
|