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,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
|
-
};
|
|
@@ -1,60 +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.SwitcherTemplate = 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 _Switcher = _interopRequireDefault(require("./Switcher"));
|
|
21
|
-
|
|
22
|
-
require("./partial/AnyOuterClass.scss");
|
|
23
|
-
|
|
24
|
-
var _excluded = ["includeOuterStyles"];
|
|
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: 'Switcher',
|
|
33
|
-
component: _Switcher.default
|
|
34
|
-
};
|
|
35
|
-
exports.default = _default;
|
|
36
|
-
|
|
37
|
-
var Template = function Template(args) {
|
|
38
|
-
var includeOuterStyles = args.includeOuterStyles,
|
|
39
|
-
restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
|
|
40
|
-
|
|
41
|
-
var _useState = (0, _react.useState)(false),
|
|
42
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
43
|
-
isActive = _useState2[0],
|
|
44
|
-
setIsActive = _useState2[1];
|
|
45
|
-
|
|
46
|
-
return /*#__PURE__*/_react.default.createElement(_Switcher.default, (0, _extends2.default)({}, restArgs, {
|
|
47
|
-
className: includeOuterStyles ? 'any-outer-class__switcher' : null,
|
|
48
|
-
isActive: isActive,
|
|
49
|
-
onChange: setIsActive
|
|
50
|
-
}));
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
var SwitcherTemplate = Template.bind({});
|
|
54
|
-
exports.SwitcherTemplate = SwitcherTemplate;
|
|
55
|
-
SwitcherTemplate.args = {
|
|
56
|
-
includeOuterStyles: false,
|
|
57
|
-
label: 'Test label',
|
|
58
|
-
disabled: false,
|
|
59
|
-
isLabelBold: true
|
|
60
|
-
};
|
|
@@ -1,191 +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.TableTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
|
-
var _Table = _interopRequireDefault(require("./Table"));
|
|
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
|
-
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; }
|
|
25
|
-
|
|
26
|
-
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; }
|
|
27
|
-
|
|
28
|
-
global.lng = 'en';
|
|
29
|
-
var _default = {
|
|
30
|
-
title: 'Table',
|
|
31
|
-
component: _Table.default
|
|
32
|
-
};
|
|
33
|
-
exports.default = _default;
|
|
34
|
-
|
|
35
|
-
var Template = function Template(_ref) {
|
|
36
|
-
var _state$rows;
|
|
37
|
-
|
|
38
|
-
var data = _ref.data;
|
|
39
|
-
|
|
40
|
-
var _useState = (0, _react.useState)(data),
|
|
41
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
42
|
-
state = _useState2[0],
|
|
43
|
-
setState = _useState2[1];
|
|
44
|
-
|
|
45
|
-
var rowsWithActions = state === null || state === void 0 ? void 0 : (_state$rows = state.rows) === null || _state$rows === void 0 ? void 0 : _state$rows.map(function (row) {
|
|
46
|
-
return _objectSpread(_objectSpread({}, row), {}, {
|
|
47
|
-
actions: row.isDeleted ? [{
|
|
48
|
-
type: 'undo'
|
|
49
|
-
}] : [{
|
|
50
|
-
type: 'download'
|
|
51
|
-
}, {
|
|
52
|
-
type: 'edit'
|
|
53
|
-
}, {
|
|
54
|
-
type: 'delete'
|
|
55
|
-
}]
|
|
56
|
-
});
|
|
57
|
-
});
|
|
58
|
-
return /*#__PURE__*/_react.default.createElement(_Table.default, {
|
|
59
|
-
header: state.header,
|
|
60
|
-
rows: rowsWithActions,
|
|
61
|
-
onChange: setState
|
|
62
|
-
});
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
var TableTemplate = Template.bind({});
|
|
66
|
-
exports.TableTemplate = TableTemplate;
|
|
67
|
-
TableTemplate.args = {
|
|
68
|
-
data: {
|
|
69
|
-
header: [{
|
|
70
|
-
id: 1,
|
|
71
|
-
label: 'state'
|
|
72
|
-
}, {
|
|
73
|
-
id: 2,
|
|
74
|
-
label: 'Tags'
|
|
75
|
-
}, {
|
|
76
|
-
id: 3,
|
|
77
|
-
label: 'status'
|
|
78
|
-
}, {
|
|
79
|
-
id: 4,
|
|
80
|
-
label: 'loanAmountApproved'
|
|
81
|
-
}, {
|
|
82
|
-
id: 5,
|
|
83
|
-
label: 'loanAmountRejected'
|
|
84
|
-
}, {
|
|
85
|
-
id: 6,
|
|
86
|
-
label: 'approveRate'
|
|
87
|
-
}, {
|
|
88
|
-
id: 7,
|
|
89
|
-
label: 'actions',
|
|
90
|
-
type: 'actions'
|
|
91
|
-
}],
|
|
92
|
-
rows: [{
|
|
93
|
-
id: 1,
|
|
94
|
-
link: {
|
|
95
|
-
label: 'CA',
|
|
96
|
-
link: '#s'
|
|
97
|
-
},
|
|
98
|
-
tags: [{
|
|
99
|
-
label: 'Label 1'
|
|
100
|
-
}],
|
|
101
|
-
status: {
|
|
102
|
-
value: '90',
|
|
103
|
-
status: 'active'
|
|
104
|
-
},
|
|
105
|
-
loanAmountApproved: {
|
|
106
|
-
value: '$70,000'
|
|
107
|
-
},
|
|
108
|
-
loanAmountRejected: {
|
|
109
|
-
value: '$30,000'
|
|
110
|
-
},
|
|
111
|
-
approveRate: {
|
|
112
|
-
value: '70%'
|
|
113
|
-
}
|
|
114
|
-
}, {
|
|
115
|
-
id: 2,
|
|
116
|
-
link: {
|
|
117
|
-
label: 'NY',
|
|
118
|
-
link: '#s'
|
|
119
|
-
},
|
|
120
|
-
advancedTags: [{
|
|
121
|
-
labelLeft: 'home',
|
|
122
|
-
labelRight: 'hoods',
|
|
123
|
-
active: 3,
|
|
124
|
-
pause: 1,
|
|
125
|
-
merchants: 5
|
|
126
|
-
}, {
|
|
127
|
-
labelRight: 'jewelry',
|
|
128
|
-
active: 3,
|
|
129
|
-
pause: 1,
|
|
130
|
-
merchants: 5
|
|
131
|
-
}, {
|
|
132
|
-
labelLeft: 'home',
|
|
133
|
-
labelRight: 'improvement',
|
|
134
|
-
active: 0,
|
|
135
|
-
pause: 0,
|
|
136
|
-
warnLeft: true,
|
|
137
|
-
warnLeftMsg: 'landerNotIncluded',
|
|
138
|
-
warnRightMsg: 'noMerchants'
|
|
139
|
-
}, {
|
|
140
|
-
labelLeft: 'home',
|
|
141
|
-
labelRight: 'hoods',
|
|
142
|
-
active: 3,
|
|
143
|
-
pause: 1,
|
|
144
|
-
merchants: 5
|
|
145
|
-
}, {
|
|
146
|
-
labelRight: 'jewelry',
|
|
147
|
-
active: 3,
|
|
148
|
-
pause: 1,
|
|
149
|
-
merchants: 5
|
|
150
|
-
}],
|
|
151
|
-
status: {
|
|
152
|
-
label: 'Active',
|
|
153
|
-
className: 'color--green-haze'
|
|
154
|
-
},
|
|
155
|
-
loanAmountApproved: {
|
|
156
|
-
value: '$3,000'
|
|
157
|
-
},
|
|
158
|
-
loanAmountRejected: {
|
|
159
|
-
value: '$7,000'
|
|
160
|
-
},
|
|
161
|
-
approveRate: {
|
|
162
|
-
value: '30%'
|
|
163
|
-
}
|
|
164
|
-
}, {
|
|
165
|
-
id: 3,
|
|
166
|
-
link: {
|
|
167
|
-
label: 'NH',
|
|
168
|
-
link: '#s'
|
|
169
|
-
},
|
|
170
|
-
tags: [{
|
|
171
|
-
label: 'Label 1'
|
|
172
|
-
}, {
|
|
173
|
-
label: 'Label 2'
|
|
174
|
-
}, {
|
|
175
|
-
label: 'Label 3'
|
|
176
|
-
}],
|
|
177
|
-
status: {
|
|
178
|
-
status: 'error'
|
|
179
|
-
},
|
|
180
|
-
loanAmountApproved: {
|
|
181
|
-
value: '$70,000'
|
|
182
|
-
},
|
|
183
|
-
loanAmountRejected: {
|
|
184
|
-
value: '$30,000'
|
|
185
|
-
},
|
|
186
|
-
approveRate: {
|
|
187
|
-
value: '70%'
|
|
188
|
-
}
|
|
189
|
-
}]
|
|
190
|
-
}
|
|
191
|
-
};
|
|
@@ -1,72 +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.TagTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
|
-
var _Tag = _interopRequireDefault(require("./Tag"));
|
|
17
|
-
|
|
18
|
-
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); }
|
|
19
|
-
|
|
20
|
-
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; }
|
|
21
|
-
|
|
22
|
-
global.lng = 'en';
|
|
23
|
-
var _default = {
|
|
24
|
-
title: 'Tag',
|
|
25
|
-
component: _Tag.default
|
|
26
|
-
};
|
|
27
|
-
exports.default = _default;
|
|
28
|
-
|
|
29
|
-
var Template = function Template(args) {
|
|
30
|
-
var options = args.options;
|
|
31
|
-
|
|
32
|
-
var _useState = (0, _react.useState)(options),
|
|
33
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
34
|
-
tags = _useState2[0],
|
|
35
|
-
setTags = _useState2[1];
|
|
36
|
-
|
|
37
|
-
var removeTagHandler = function removeTagHandler(value) {
|
|
38
|
-
var newArray = tags.filter(function (item) {
|
|
39
|
-
return item.value !== value;
|
|
40
|
-
});
|
|
41
|
-
setTags(newArray);
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
return tags.map(function (_ref) {
|
|
45
|
-
var value = _ref.value,
|
|
46
|
-
label = _ref.label;
|
|
47
|
-
return /*#__PURE__*/_react.default.createElement(_Tag.default, {
|
|
48
|
-
label: label,
|
|
49
|
-
removeItem: function removeItem() {
|
|
50
|
-
return removeTagHandler(value);
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
});
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
var TagTemplate = Template.bind({});
|
|
57
|
-
exports.TagTemplate = TagTemplate;
|
|
58
|
-
TagTemplate.args = {
|
|
59
|
-
options: [{
|
|
60
|
-
id: 1,
|
|
61
|
-
label: 'Label test 1',
|
|
62
|
-
value: 'check1'
|
|
63
|
-
}, {
|
|
64
|
-
id: 2,
|
|
65
|
-
label: 'Label test 2',
|
|
66
|
-
value: 'check2'
|
|
67
|
-
}, {
|
|
68
|
-
id: 3,
|
|
69
|
-
label: 'Label test 3',
|
|
70
|
-
value: 'check3'
|
|
71
|
-
}]
|
|
72
|
-
};
|