intelicoreact 0.1.60 → 0.1.61
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/{Molecular → Atomic/FormElements}/FormElements/FormElement.js +1 -1
- 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/Functions/fieldValueFormatters.js +24 -24
- 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,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
|
-
};
|
|
@@ -1,32 +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.Radio = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _RadioInput = _interopRequireDefault(require("./RadioInput"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'RadioInput',
|
|
17
|
-
component: _RadioInput.default
|
|
18
|
-
};
|
|
19
|
-
exports.default = _default;
|
|
20
|
-
|
|
21
|
-
var Template = function Template(args) {
|
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_RadioInput.default, args));
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
var Radio = Template.bind({});
|
|
26
|
-
exports.Radio = Radio;
|
|
27
|
-
Radio.args = {
|
|
28
|
-
name: 'test-name',
|
|
29
|
-
label: 'Test label',
|
|
30
|
-
disabled: false,
|
|
31
|
-
value: false
|
|
32
|
-
};
|
|
@@ -1,81 +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.RangeCalendarTemplate = 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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
|
19
|
-
|
|
20
|
-
var _RangeCalendar = _interopRequireDefault(require("./RangeCalendar"));
|
|
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: 'RangeCalendar',
|
|
29
|
-
component: _RangeCalendar.default
|
|
30
|
-
};
|
|
31
|
-
exports.default = _default;
|
|
32
|
-
|
|
33
|
-
var Template = function Template(args) {
|
|
34
|
-
var _useState = (0, _react.useState)((0, _momentTimezone.default)().subtract(1, 'month').toDate()),
|
|
35
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
36
|
-
dateOfRenderedMonth = _useState2[0],
|
|
37
|
-
setDateOfRenderedMonth = _useState2[1];
|
|
38
|
-
|
|
39
|
-
var _useState3 = (0, _react.useState)(dateOfRenderedMonth),
|
|
40
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
41
|
-
startDate = _useState4[0],
|
|
42
|
-
setStartDate = _useState4[1];
|
|
43
|
-
|
|
44
|
-
var _useState5 = (0, _react.useState)(dateOfRenderedMonth),
|
|
45
|
-
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
46
|
-
endDate = _useState6[0],
|
|
47
|
-
setEndDate = _useState6[1];
|
|
48
|
-
|
|
49
|
-
var isFirstClickRef = (0, _react.useRef)(false);
|
|
50
|
-
|
|
51
|
-
var handleClick = function handleClick(date) {
|
|
52
|
-
if (!startDate || startDate && endDate && !(0, _momentTimezone.default)(startDate).add(1, 'd').isSame(endDate, 'day')) {
|
|
53
|
-
setStartDate((0, _momentTimezone.default)(date).startOf('day').toDate());
|
|
54
|
-
setEndDate((0, _momentTimezone.default)(date).add(1, 'd').startOf('day').toDate());
|
|
55
|
-
} else if ((0, _momentTimezone.default)(date).isBefore((0, _momentTimezone.default)(startDate), 'day')) {
|
|
56
|
-
setEndDate((0, _momentTimezone.default)(startDate).add(1, 'd').startOf('day').toDate());
|
|
57
|
-
setStartDate((0, _momentTimezone.default)(date).set('hour', parseInt(0, 10)).toDate());
|
|
58
|
-
} else if ((0, _momentTimezone.default)(date).isAfter((0, _momentTimezone.default)(startDate), 'day')) {
|
|
59
|
-
setEndDate((0, _momentTimezone.default)(date).add(1, 'd').startOf('day').toDate());
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
return /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, (0, _extends2.default)({}, args, {
|
|
64
|
-
date: dateOfRenderedMonth,
|
|
65
|
-
setDate: setDateOfRenderedMonth // allowNext={true}
|
|
66
|
-
// allowPrev={true}
|
|
67
|
-
,
|
|
68
|
-
startDate: startDate,
|
|
69
|
-
endDate: endDate // startPrevDate={startPrevDate}
|
|
70
|
-
// endPrevDate={endPrevDate}
|
|
71
|
-
,
|
|
72
|
-
onClick: handleClick // onHover={handleHover}
|
|
73
|
-
|
|
74
|
-
}));
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
var RangeCalendarTemplate = Template.bind({});
|
|
78
|
-
exports.RangeCalendarTemplate = RangeCalendarTemplate;
|
|
79
|
-
RangeCalendarTemplate.args = {
|
|
80
|
-
limitRange: 60
|
|
81
|
-
};
|
|
@@ -1,56 +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.RangeInputsTemplate = 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 _RangeInputs = _interopRequireDefault(require("./RangeInputs"));
|
|
19
|
-
|
|
20
|
-
require("./RangeInputs.scss");
|
|
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: 'RangeInputs',
|
|
29
|
-
component: _RangeInputs.default
|
|
30
|
-
};
|
|
31
|
-
exports.default = _default;
|
|
32
|
-
|
|
33
|
-
var Template = function Template(args) {
|
|
34
|
-
var _useState = (0, _react.useState)(),
|
|
35
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
36
|
-
state = _useState2[0],
|
|
37
|
-
setState = _useState2[1];
|
|
38
|
-
|
|
39
|
-
(0, _react.useEffect)(function () {
|
|
40
|
-
return console.log(state);
|
|
41
|
-
}, [state]);
|
|
42
|
-
return /*#__PURE__*/_react.default.createElement(_RangeInputs.default, (0, _extends2.default)({}, args, {
|
|
43
|
-
onChange: setState,
|
|
44
|
-
value: state,
|
|
45
|
-
setError: function setError() {}
|
|
46
|
-
}));
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
var RangeInputsTemplate = Template.bind({});
|
|
50
|
-
exports.RangeInputsTemplate = RangeInputsTemplate;
|
|
51
|
-
RangeInputsTemplate.args = {
|
|
52
|
-
isColumnPosition: true,
|
|
53
|
-
className: '',
|
|
54
|
-
type: 'int',
|
|
55
|
-
label: 'Range Inputs'
|
|
56
|
-
};
|
|
@@ -1,113 +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.RangeListTemplate = 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
-
|
|
18
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
|
-
var _RangeList = _interopRequireDefault(require("./RangeList"));
|
|
21
|
-
|
|
22
|
-
require("./partial/AnyOuterClass.scss");
|
|
23
|
-
|
|
24
|
-
var _excluded = ["includeOuterStyles", "isAddValidateErrorsForExamle", "isUseErrorsState", "isUseInitialValues", "initialValues"];
|
|
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: 'RangeList',
|
|
33
|
-
component: _RangeList.default
|
|
34
|
-
};
|
|
35
|
-
exports.default = _default;
|
|
36
|
-
var rootStyles = {
|
|
37
|
-
with: '100%',
|
|
38
|
-
padding: '20px',
|
|
39
|
-
backgroundColor: '#f7fafc'
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
var Template = function Template(args) {
|
|
43
|
-
var includeOuterStyles = args.includeOuterStyles,
|
|
44
|
-
isAddValidateErrorsForExamle = args.isAddValidateErrorsForExamle,
|
|
45
|
-
isUseErrorsState = args.isUseErrorsState,
|
|
46
|
-
isUseInitialValues = args.isUseInitialValues,
|
|
47
|
-
initialValues = args.initialValues,
|
|
48
|
-
restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
|
|
49
|
-
|
|
50
|
-
var _useState = (0, _react.useState)(),
|
|
51
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
52
|
-
value = _useState2[0],
|
|
53
|
-
setValue = _useState2[1];
|
|
54
|
-
|
|
55
|
-
var _useState3 = (0, _react.useState)(''),
|
|
56
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
57
|
-
error = _useState4[0],
|
|
58
|
-
setError = _useState4[1];
|
|
59
|
-
|
|
60
|
-
var getValidate = function getValidate(isUseState) {
|
|
61
|
-
return function (from, to) {
|
|
62
|
-
var errorText = '18 is the minimum allowed value';
|
|
63
|
-
|
|
64
|
-
if (+from < 18) {
|
|
65
|
-
if (isUseState) setError(errorText);
|
|
66
|
-
return errorText;
|
|
67
|
-
} else {
|
|
68
|
-
if (isUseState) setError('');
|
|
69
|
-
return '';
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
(0, _react.useEffect)(function () {
|
|
75
|
-
if (isUseInitialValues) setValue(initialValues);else setValue([]);
|
|
76
|
-
setError('');
|
|
77
|
-
}, [isUseInitialValues, restArgs.isFloatValues]);
|
|
78
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
79
|
-
style: rootStyles
|
|
80
|
-
}, /*#__PURE__*/_react.default.createElement(_RangeList.default, (0, _extends2.default)({}, restArgs, {
|
|
81
|
-
className: includeOuterStyles ? 'any-outer-class__range-list' : null,
|
|
82
|
-
value: value,
|
|
83
|
-
onChange: function onChange(val) {
|
|
84
|
-
return setValue(val);
|
|
85
|
-
},
|
|
86
|
-
error: error,
|
|
87
|
-
validateErrors: isAddValidateErrorsForExamle ? getValidate(isUseErrorsState) : null
|
|
88
|
-
})));
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
var RangeListTemplate = Template.bind({});
|
|
92
|
-
exports.RangeListTemplate = RangeListTemplate;
|
|
93
|
-
RangeListTemplate.args = {
|
|
94
|
-
includeOuterStyles: false,
|
|
95
|
-
isAddValidateErrorsForExamle: true,
|
|
96
|
-
isUseErrorsState: false,
|
|
97
|
-
disabled: false,
|
|
98
|
-
isFloatValues: false,
|
|
99
|
-
decimalPlaces: 2,
|
|
100
|
-
defaultErrorText: 'Set a valid range',
|
|
101
|
-
nullValueText: 'Not set',
|
|
102
|
-
isUseInitialValues: true,
|
|
103
|
-
initialValues: [{
|
|
104
|
-
from: 15,
|
|
105
|
-
to: 17
|
|
106
|
-
}, {
|
|
107
|
-
from: 19,
|
|
108
|
-
to: 23
|
|
109
|
-
}, {
|
|
110
|
-
from: 25,
|
|
111
|
-
to: 30
|
|
112
|
-
}]
|
|
113
|
-
};
|
|
@@ -1,34 +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.SpinnerTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Spinner = _interopRequireDefault(require("./Spinner.js"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'Form Elements/Spinner',
|
|
17
|
-
component: _Spinner.default,
|
|
18
|
-
argTypes: {
|
|
19
|
-
little: {
|
|
20
|
-
description: 'boolean - size of spinner'
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
exports.default = _default;
|
|
25
|
-
|
|
26
|
-
var Template = function Template(args) {
|
|
27
|
-
return /*#__PURE__*/_react.default.createElement(_Spinner.default, args);
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
var SpinnerTemplate = Template.bind({});
|
|
31
|
-
exports.SpinnerTemplate = SpinnerTemplate;
|
|
32
|
-
SpinnerTemplate.args = {
|
|
33
|
-
little: false
|
|
34
|
-
};
|