intelicoreact 0.0.24 → 0.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Atomic/FormElements/Calendar/Calendar.js +134 -0
- package/dist/Atomic/FormElements/Calendar/Calendar.scss +543 -0
- package/dist/Atomic/FormElements/Calendar/Calendar.stories.js +75 -0
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +3 -5
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +2 -5
- package/dist/Atomic/FormElements/DateTime/DateTime.stories.js +0 -2
- package/dist/Atomic/FormElements/DoubleString/DoubleString.stories.js +0 -2
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +3 -3
- package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +0 -2
- package/dist/Atomic/FormElements/Header/Header.js +8 -10
- package/dist/Atomic/FormElements/Header/Header.scss +16 -5
- package/dist/Atomic/FormElements/Header/Header.stories.js +0 -2
- package/dist/Atomic/FormElements/Input/Input.js +93 -103
- package/dist/Atomic/FormElements/Input/Input.scss +25 -10
- package/dist/Atomic/FormElements/Input/Input.stories.js +32 -27
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +30 -7
- package/dist/Atomic/FormElements/InputsRow/InputsRow.scss +1 -3
- package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -2
- package/dist/Atomic/FormElements/Label/Label.js +2 -4
- package/dist/Atomic/FormElements/Label/Label.scss +1 -3
- package/dist/Atomic/FormElements/Label/Label.stories.js +0 -2
- package/dist/Atomic/FormElements/Modal/Modal.js +5 -7
- package/dist/Atomic/FormElements/Modal/Modal.scss +61 -7
- package/dist/Atomic/FormElements/Modal/Modal.stories.js +3 -3
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +3 -5
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.scss +1 -3
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +0 -2
- package/dist/Atomic/FormElements/NavLine/NavLine.js +2 -2
- package/dist/Atomic/FormElements/NavLine/NavLine.scss +4 -6
- package/dist/Atomic/FormElements/NavLine/NavLine.stories.js +21 -13
- package/dist/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -2
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -2
- package/dist/Atomic/FormElements/Switcher/Switcher.stories.js +0 -2
- package/dist/Atomic/FormElements/Table/Partials/TdCell.js +1 -1
- package/dist/Atomic/FormElements/Table/Partials/TdHeader.js +2 -2
- package/dist/Atomic/FormElements/Table/TdTypes/TdActions.js +5 -5
- package/dist/Atomic/FormElements/Table/TdTypes/TdPriority.js +3 -3
- package/dist/Atomic/FormElements/Table/TdTypes/TdTypes.scss +4 -6
- package/dist/Atomic/FormElements/Table/TdTypes/TdWeight.js +2 -2
- package/dist/Atomic/FormElements/Tag/Tag.js +2 -2
- package/dist/Atomic/FormElements/Tag/Tag.stories.js +0 -2
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +3 -3
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -2
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -2
- package/dist/Atomic/FormElements/Textarea/Textarea.stories.js +0 -2
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +1 -1
- package/dist/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -2
- package/dist/Atomic/MainMenu/MainMenu.js +4 -4
- package/dist/Atomic/MainMenu/MainMenu.stories.js +11 -11
- package/dist/Atomic/UI/Accordion/Accordion.js +1 -1
- package/dist/Atomic/UI/Accordion/Accordion.stories.js +4 -4
- package/dist/Atomic/UI/Accordion/AccordionItem.js +3 -3
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +3 -3
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +4 -3
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss +3 -5
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +1 -3
- package/dist/Atomic/UI/Alert/Alert.js +7 -4
- package/dist/Atomic/UI/Alert/Alert.scss +7 -0
- package/dist/Atomic/UI/Alert/Alert.stories.js +1 -3
- package/dist/Atomic/UI/Button/Button.js +8 -19
- package/dist/Atomic/UI/Button/Button.scss +44 -42
- package/dist/Atomic/UI/Button/Button.stories.js +7 -23
- package/dist/Atomic/UI/Header/partials/default_ava.png +0 -0
- package/dist/Atomic/UI/Hint/Hint.js +8 -13
- package/dist/Atomic/UI/Hint/Hint.scss +8 -12
- package/dist/Atomic/UI/Hint/Hint.stories.js +3 -4
- package/dist/Atomic/UI/Price/Price.js +32 -0
- package/dist/Atomic/UI/Price/Price.stories.js +42 -0
- package/dist/Atomic/{FormElements → UI}/Status/Status.js +4 -6
- package/dist/Atomic/{FormElements → UI}/Status/Status.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/Status/Status.stories.js +4 -3
- package/dist/Functions/useClickOutside.js +25 -0
- package/dist/scss/main.scss +2 -2
- package/package.json +7 -5
- package/src/Atomic/FormElements/Calendar/Calendar.js +106 -0
- package/src/Atomic/FormElements/Calendar/Calendar.scss +543 -0
- package/src/Atomic/FormElements/Calendar/Calendar.stories.js +38 -0
- package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +3 -5
- package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +3 -5
- package/src/Atomic/FormElements/DateTime/DateTime.stories.js +0 -2
- package/src/Atomic/FormElements/DoubleString/DoubleString.stories.js +0 -2
- package/src/Atomic/FormElements/Dropdown/Dropdown.js +3 -3
- package/src/Atomic/FormElements/Dropdown/Dropdown.stories.js +0 -1
- package/src/Atomic/FormElements/Header/Header.js +8 -9
- package/src/Atomic/FormElements/Header/Header.scss +16 -5
- package/src/Atomic/FormElements/Header/Header.stories.js +0 -2
- package/src/Atomic/FormElements/Input/Input.js +77 -73
- package/src/Atomic/FormElements/Input/Input.scss +25 -10
- package/src/Atomic/FormElements/Input/Input.stories.js +24 -29
- package/src/Atomic/FormElements/InputsRow/InputsRow.js +28 -5
- package/src/Atomic/FormElements/InputsRow/InputsRow.scss +1 -3
- package/src/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -2
- package/src/Atomic/FormElements/Label/Label.js +2 -4
- package/src/Atomic/FormElements/Label/Label.scss +1 -3
- package/src/Atomic/FormElements/Label/Label.stories.js +1 -2
- package/src/Atomic/FormElements/Modal/Modal.js +5 -8
- package/src/Atomic/FormElements/Modal/Modal.scss +61 -7
- package/src/Atomic/FormElements/Modal/Modal.stories.js +3 -3
- package/src/Atomic/FormElements/MultiSelect/MultiSelect.js +3 -5
- package/src/Atomic/FormElements/MultiSelect/MultiSelect.scss +1 -3
- package/src/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +1 -2
- package/src/Atomic/FormElements/NavLine/NavLine.js +4 -4
- package/src/Atomic/FormElements/NavLine/NavLine.scss +4 -6
- package/src/Atomic/FormElements/NavLine/NavLine.stories.js +24 -14
- package/src/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -2
- package/src/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -1
- package/src/Atomic/FormElements/Switcher/Switcher.stories.js +0 -2
- package/src/Atomic/FormElements/Table/Partials/TdCell.js +1 -1
- package/src/Atomic/FormElements/Table/Partials/TdHeader.js +1 -1
- package/src/Atomic/FormElements/Table/TdTypes/TdActions.js +5 -5
- package/src/Atomic/FormElements/Table/TdTypes/TdPriority.js +3 -3
- package/src/Atomic/FormElements/Table/TdTypes/TdTypes.scss +4 -6
- package/src/Atomic/FormElements/Table/TdTypes/TdWeight.js +2 -2
- package/src/Atomic/FormElements/Tag/Tag.js +2 -2
- package/src/Atomic/FormElements/Tag/Tag.stories.js +0 -2
- package/src/Atomic/FormElements/TagsDropdown/TagsDropdown.js +3 -3
- package/src/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -2
- package/src/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -2
- package/src/Atomic/FormElements/Textarea/Textarea.stories.js +0 -2
- package/src/Atomic/FormElements/TimeRange/TimeRange.js +1 -1
- package/src/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -2
- package/src/Atomic/MainMenu/MainMenu.js +4 -4
- package/src/Atomic/MainMenu/MainMenu.stories.js +11 -11
- package/src/Atomic/UI/Accordion/Accordion.js +1 -1
- package/src/Atomic/UI/Accordion/Accordion.stories.js +4 -4
- package/src/Atomic/UI/Accordion/AccordionItem.js +3 -3
- package/src/Atomic/UI/AdvancedTag/AdvTag.js +3 -3
- package/src/Atomic/UI/AdvancedTag/AdvancedTags.js +3 -3
- package/src/Atomic/UI/AdvancedTag/AdvancedTags.scss +3 -5
- package/src/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +1 -3
- package/src/Atomic/UI/Alert/Alert.js +9 -6
- package/src/Atomic/UI/Alert/Alert.scss +7 -0
- package/src/Atomic/UI/Alert/Alert.stories.js +1 -3
- package/src/Atomic/UI/Button/Button.js +5 -9
- package/src/Atomic/UI/Button/Button.scss +44 -42
- package/src/Atomic/UI/Button/Button.stories.js +6 -23
- package/src/Atomic/UI/Header/partials/default_ava.png +0 -0
- package/src/Atomic/UI/Hint/Hint.js +6 -9
- package/src/Atomic/UI/Hint/Hint.scss +8 -12
- package/src/Atomic/UI/Hint/Hint.stories.js +3 -3
- package/src/Atomic/UI/Price/Price.js +19 -0
- package/src/Atomic/UI/Price/Price.stories.js +30 -0
- package/src/Atomic/{FormElements → UI}/Status/Status.js +2 -4
- package/src/Atomic/{FormElements → UI}/Status/Status.scss +0 -0
- package/src/Atomic/{FormElements → UI}/Status/Status.stories.js +4 -3
- package/src/Functions/useClickOutside.js +15 -0
- package/src/scss/main.scss +2 -2
|
@@ -11,10 +11,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
|
|
14
|
-
var _Langs = _interopRequireDefault(require("../../../../../Langs"));
|
|
15
|
-
|
|
16
14
|
require("../Table.scss");
|
|
17
15
|
|
|
16
|
+
var _Langs = _interopRequireDefault(require("../../../../../../Langs"));
|
|
17
|
+
|
|
18
18
|
var TdHeader = function TdHeader(_ref) {
|
|
19
19
|
var item = _ref.item;
|
|
20
20
|
var txt = _Langs.default[global.lng];
|
|
@@ -15,7 +15,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
15
15
|
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
|
|
18
|
-
var Icons = _interopRequireWildcard(require("react-
|
|
18
|
+
var Icons = _interopRequireWildcard(require("react-feather"));
|
|
19
19
|
|
|
20
20
|
var _Switcher = _interopRequireDefault(require("../../Switcher/Switcher"));
|
|
21
21
|
|
|
@@ -52,14 +52,14 @@ var TdActions = function TdActions(_ref) {
|
|
|
52
52
|
key: index,
|
|
53
53
|
className: "td-actions--item td-actions--download",
|
|
54
54
|
onClick: function onClick() {}
|
|
55
|
-
}, /*#__PURE__*/_react.default.createElement(Icons.
|
|
55
|
+
}, /*#__PURE__*/_react.default.createElement(Icons.Download, null));
|
|
56
56
|
|
|
57
57
|
case 'edit':
|
|
58
58
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
59
59
|
key: index,
|
|
60
60
|
className: "td-actions--item td-actions--edit",
|
|
61
61
|
onClick: function onClick() {}
|
|
62
|
-
}, /*#__PURE__*/_react.default.createElement(Icons.
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement(Icons.Edit3, null));
|
|
63
63
|
|
|
64
64
|
case 'delete':
|
|
65
65
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -68,7 +68,7 @@ var TdActions = function TdActions(_ref) {
|
|
|
68
68
|
onClick: function onClick() {
|
|
69
69
|
return onActionClick('delete', rowItem);
|
|
70
70
|
}
|
|
71
|
-
}, /*#__PURE__*/_react.default.createElement(Icons.
|
|
71
|
+
}, /*#__PURE__*/_react.default.createElement(Icons.Trash2, null));
|
|
72
72
|
|
|
73
73
|
case 'undo':
|
|
74
74
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -77,7 +77,7 @@ var TdActions = function TdActions(_ref) {
|
|
|
77
77
|
onClick: function onClick() {
|
|
78
78
|
return onActionClick('undo', rowItem);
|
|
79
79
|
}
|
|
80
|
-
}, /*#__PURE__*/_react.default.createElement(Icons.
|
|
80
|
+
}, /*#__PURE__*/_react.default.createElement(Icons.RotateCcw, null));
|
|
81
81
|
|
|
82
82
|
case 'switcher':
|
|
83
83
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _reactFeather = require("react-feather");
|
|
15
15
|
|
|
16
16
|
require("../Table.scss");
|
|
17
17
|
|
|
@@ -25,14 +25,14 @@ var TdPriority = function TdPriority(_ref) {
|
|
|
25
25
|
className: "mr5"
|
|
26
26
|
}, rowIndex + 1), /*#__PURE__*/_react.default.createElement("div", {
|
|
27
27
|
className: "df"
|
|
28
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
28
|
+
}, /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
|
|
29
29
|
onClick: function onClick() {
|
|
30
30
|
return _onClick(rowIndex);
|
|
31
31
|
},
|
|
32
32
|
className: (0, _classnames.default)('table--icon', {
|
|
33
33
|
disabled: rowIndex + 1 === cardLength
|
|
34
34
|
})
|
|
35
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
35
|
+
}), /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowUp, {
|
|
36
36
|
onClick: function onClick() {
|
|
37
37
|
return _onClick(rowIndex, true);
|
|
38
38
|
},
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
@import '../../../scss/anme/anme-vars';
|
|
2
|
-
|
|
3
1
|
.td-actions {
|
|
4
2
|
&--item {
|
|
5
3
|
display: flex;
|
|
@@ -16,19 +14,19 @@
|
|
|
16
14
|
}
|
|
17
15
|
|
|
18
16
|
&--delete {
|
|
19
|
-
color:
|
|
17
|
+
color: #F06D8DFF !important;
|
|
20
18
|
}
|
|
21
19
|
|
|
22
20
|
&--undo {
|
|
23
|
-
color:
|
|
21
|
+
color: #F06D8DFF !important;
|
|
24
22
|
}
|
|
25
23
|
|
|
26
24
|
&--edit {
|
|
27
|
-
color:
|
|
25
|
+
color: #6B81DDFF !important;
|
|
28
26
|
}
|
|
29
27
|
|
|
30
28
|
&--download {
|
|
31
|
-
color:
|
|
29
|
+
color: #6B81DDFF;
|
|
32
30
|
}
|
|
33
31
|
}
|
|
34
32
|
|
|
@@ -15,9 +15,9 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
17
|
|
|
18
|
-
var _index = require("
|
|
18
|
+
var _index = require("../../../../../../JS/Constants/index.constants");
|
|
19
19
|
|
|
20
|
-
var _useToggle2 = _interopRequireDefault(require("
|
|
20
|
+
var _useToggle2 = _interopRequireDefault(require("../../../../../../JS/Functions/useToggle"));
|
|
21
21
|
|
|
22
22
|
var _Input = _interopRequireDefault(require("../../Input/Input"));
|
|
23
23
|
|
|
@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
13
13
|
|
|
14
14
|
var _io = require("react-icons/io5");
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _reactFeather = require("react-feather");
|
|
17
17
|
|
|
18
18
|
require("./Tag.scss");
|
|
19
19
|
|
|
@@ -36,7 +36,7 @@ var Tag = function Tag(_ref) {
|
|
|
36
36
|
return removeItem();
|
|
37
37
|
},
|
|
38
38
|
className: "tag__button"
|
|
39
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
39
|
+
}, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
|
|
40
40
|
className: "color--text"
|
|
41
41
|
})));
|
|
42
42
|
};
|
|
@@ -15,8 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _Tag = _interopRequireDefault(require("./Tag"));
|
|
17
17
|
|
|
18
|
-
require("../../../../scss/main.scss");
|
|
19
|
-
|
|
20
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); }
|
|
21
19
|
|
|
22
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; }
|
|
@@ -19,7 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
19
19
|
|
|
20
20
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _reactFeather = require("react-feather");
|
|
23
23
|
|
|
24
24
|
var _Tag = _interopRequireDefault(require("../Tag/Tag"));
|
|
25
25
|
|
|
@@ -101,7 +101,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
|
|
|
101
101
|
className: (0, _classnames.default)("".concat(RC, "__active-icon"), (0, _defineProperty2.default)({}, "".concat(RC, "__active-icon_active"), chosenOptions.some(function (el) {
|
|
102
102
|
return el.value === item.value;
|
|
103
103
|
})))
|
|
104
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
104
|
+
}, /*#__PURE__*/_react.default.createElement(_reactFeather.Check, {
|
|
105
105
|
className: "color--text"
|
|
106
106
|
})), item.title) : null;
|
|
107
107
|
};
|
|
@@ -152,7 +152,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
|
|
|
152
152
|
}
|
|
153
153
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
154
154
|
className: (0, _classnames.default)("".concat(RC, "__arrow"), (0, _defineProperty2.default)({}, "".concat(RC, "__arrow_active"), isOpen))
|
|
155
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
155
|
+
}, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
|
|
156
156
|
className: "color--text"
|
|
157
157
|
})))), isOpen && /*#__PURE__*/_react.default.createElement("div", {
|
|
158
158
|
className: "".concat(RC, "__list")
|
|
@@ -15,8 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _TagsDropdown = _interopRequireDefault(require("./TagsDropdown"));
|
|
17
17
|
|
|
18
|
-
require("../../../../scss/main.scss");
|
|
19
|
-
|
|
20
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); }
|
|
21
19
|
|
|
22
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; }
|
|
@@ -17,8 +17,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
17
17
|
|
|
18
18
|
var _TextSwitcher = _interopRequireDefault(require("./TextSwitcher"));
|
|
19
19
|
|
|
20
|
-
require("../../../../scss/main.scss");
|
|
21
|
-
|
|
22
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); }
|
|
23
21
|
|
|
24
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; }
|
|
@@ -17,8 +17,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
17
17
|
|
|
18
18
|
var _Textarea = _interopRequireDefault(require("./Textarea"));
|
|
19
19
|
|
|
20
|
-
require("../../../../scss/main.scss");
|
|
21
|
-
|
|
22
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); }
|
|
23
21
|
|
|
24
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; }
|
|
@@ -17,7 +17,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
17
17
|
|
|
18
18
|
var _moment = _interopRequireDefault(require("moment"));
|
|
19
19
|
|
|
20
|
-
var _useToggle3 = _interopRequireDefault(require("
|
|
20
|
+
var _useToggle3 = _interopRequireDefault(require("../../../Functions/useToggle"));
|
|
21
21
|
|
|
22
22
|
var _Label = _interopRequireDefault(require("../Label/Label"));
|
|
23
23
|
|
|
@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
17
|
|
|
18
|
-
var Icons = _interopRequireWildcard(require("react-
|
|
18
|
+
var Icons = _interopRequireWildcard(require("react-feather"));
|
|
19
19
|
|
|
20
20
|
var _reactRouterDom = require("react-router-dom");
|
|
21
21
|
|
|
@@ -93,9 +93,9 @@ var MainMenu = function MainMenu(props) {
|
|
|
93
93
|
};
|
|
94
94
|
|
|
95
95
|
var changeMenuIcon = function changeMenuIcon() {
|
|
96
|
-
if (isOpen && !isMenuIconHovered) return /*#__PURE__*/_react.default.createElement(Icons.
|
|
97
|
-
if (isOpen && isMenuIconHovered) return /*#__PURE__*/_react.default.createElement(Icons.
|
|
98
|
-
if (!isOpen && isMenuHovered) return /*#__PURE__*/_react.default.createElement(Icons.
|
|
96
|
+
if (isOpen && !isMenuIconHovered) return /*#__PURE__*/_react.default.createElement(Icons.Menu, null);
|
|
97
|
+
if (isOpen && isMenuIconHovered) return /*#__PURE__*/_react.default.createElement(Icons.ChevronLeft, null);
|
|
98
|
+
if (!isOpen && isMenuHovered) return /*#__PURE__*/_react.default.createElement(Icons.ChevronRight, null);
|
|
99
99
|
if (!isOpen) return /*#__PURE__*/_react.default.createElement("div", {
|
|
100
100
|
className: "main-menu--logo-close"
|
|
101
101
|
});
|
|
@@ -28,59 +28,59 @@ MainMenuTemplate.args = {
|
|
|
28
28
|
items: {
|
|
29
29
|
main: [{
|
|
30
30
|
title: 'Dashboard',
|
|
31
|
-
icon: '
|
|
31
|
+
icon: 'Airplay',
|
|
32
32
|
className: 'color--green-haze main-menu__icon' // link: '/'
|
|
33
33
|
|
|
34
34
|
}, {
|
|
35
35
|
title: 'Consumers',
|
|
36
|
-
icon: '
|
|
36
|
+
icon: 'User',
|
|
37
37
|
className: 'color--primary main-menu__icon' // link: '/consumers/'
|
|
38
38
|
|
|
39
39
|
}],
|
|
40
40
|
mainMenu: [{
|
|
41
41
|
title: 'Ticket Desk',
|
|
42
|
-
icon: '
|
|
42
|
+
icon: 'Tag',
|
|
43
43
|
className: 'color--froly',
|
|
44
44
|
children: []
|
|
45
45
|
}, {
|
|
46
46
|
title: 'Accounting',
|
|
47
|
-
icon: '
|
|
47
|
+
icon: 'DollarSign',
|
|
48
48
|
className: 'color--sea-buckthorn',
|
|
49
49
|
children: []
|
|
50
50
|
}, {
|
|
51
51
|
title: 'Users',
|
|
52
|
-
icon: '
|
|
52
|
+
icon: 'Users',
|
|
53
53
|
className: 'color--gray-gull',
|
|
54
54
|
children: []
|
|
55
55
|
}, {
|
|
56
56
|
title: 'Settings',
|
|
57
|
-
icon: '
|
|
57
|
+
icon: 'Sliders',
|
|
58
58
|
className: 'color--primary'
|
|
59
59
|
}],
|
|
60
60
|
partners: [{
|
|
61
61
|
title: 'Merchants',
|
|
62
|
-
icon: '
|
|
62
|
+
icon: 'ShoppingBag',
|
|
63
63
|
className: 'color--froly' // link: '/merchants/'
|
|
64
64
|
|
|
65
65
|
}, {
|
|
66
66
|
title: 'Lenders',
|
|
67
|
-
icon: '
|
|
67
|
+
icon: 'Briefcase',
|
|
68
68
|
className: 'color--green-haze' // link: '/lenders/'
|
|
69
69
|
|
|
70
70
|
}, {
|
|
71
71
|
title: 'Lender Ping Tree',
|
|
72
|
-
icon: '
|
|
72
|
+
icon: 'Shuffle',
|
|
73
73
|
className: 'color--primary' // link: '/ping-tree/'
|
|
74
74
|
|
|
75
75
|
}],
|
|
76
76
|
other: [{
|
|
77
77
|
title: 'Reports',
|
|
78
|
-
icon: '
|
|
78
|
+
icon: 'PieChart',
|
|
79
79
|
className: 'color--gray-gull' // link: '/reports/'
|
|
80
80
|
|
|
81
81
|
}, {
|
|
82
82
|
title: 'Tools',
|
|
83
|
-
icon: '
|
|
83
|
+
icon: 'Tool',
|
|
84
84
|
className: 'color--sea-buckthorn'
|
|
85
85
|
}]
|
|
86
86
|
}
|
|
@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
17
17
|
|
|
18
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
19
19
|
|
|
20
|
-
var Icons = _interopRequireWildcard(require("react-
|
|
20
|
+
var Icons = _interopRequireWildcard(require("react-feather"));
|
|
21
21
|
|
|
22
22
|
var _reactRouterDom = require("react-router-dom");
|
|
23
23
|
|
|
@@ -13,7 +13,7 @@ var _Accordion = _interopRequireDefault(require("./Accordion"));
|
|
|
13
13
|
|
|
14
14
|
global.lng = 'en';
|
|
15
15
|
var _default = {
|
|
16
|
-
title: 'Accordion',
|
|
16
|
+
title: 'UI/Accordion',
|
|
17
17
|
component: _Accordion.default
|
|
18
18
|
};
|
|
19
19
|
exports.default = _default;
|
|
@@ -28,7 +28,7 @@ AccordionTemplate.args = {
|
|
|
28
28
|
items: [{
|
|
29
29
|
id: 1,
|
|
30
30
|
title: 'tools',
|
|
31
|
-
icon: '
|
|
31
|
+
icon: 'Tool',
|
|
32
32
|
className: 'color--sea-buckthorn',
|
|
33
33
|
isOpen: true,
|
|
34
34
|
children: [{
|
|
@@ -47,7 +47,7 @@ AccordionTemplate.args = {
|
|
|
47
47
|
}, {
|
|
48
48
|
id: 2,
|
|
49
49
|
title: 'lenders',
|
|
50
|
-
icon: '
|
|
50
|
+
icon: 'Briefcase',
|
|
51
51
|
className: 'color--green-haze',
|
|
52
52
|
isOpen: false,
|
|
53
53
|
children: [{
|
|
@@ -58,7 +58,7 @@ AccordionTemplate.args = {
|
|
|
58
58
|
}, {
|
|
59
59
|
id: 3,
|
|
60
60
|
title: 'settings',
|
|
61
|
-
icon: '
|
|
61
|
+
icon: 'Sliders',
|
|
62
62
|
className: 'color--primary',
|
|
63
63
|
isOpen: false,
|
|
64
64
|
status: {
|
|
@@ -15,11 +15,11 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
17
|
|
|
18
|
-
var Icons = _interopRequireWildcard(require("react-
|
|
18
|
+
var Icons = _interopRequireWildcard(require("react-feather"));
|
|
19
19
|
|
|
20
20
|
var _reactRouterDom = require("react-router-dom");
|
|
21
21
|
|
|
22
|
-
var _Status = _interopRequireDefault(require("
|
|
22
|
+
var _Status = _interopRequireDefault(require("../Status/Status"));
|
|
23
23
|
|
|
24
24
|
require("./Accordion.scss");
|
|
25
25
|
|
|
@@ -108,7 +108,7 @@ var AccordionItem = function AccordionItem(_ref) {
|
|
|
108
108
|
status: item === null || item === void 0 ? void 0 : item.status.status,
|
|
109
109
|
active: (_calculateStatusCount = calculateStatusCount()) === null || _calculateStatusCount === void 0 ? void 0 : _calculateStatusCount.active,
|
|
110
110
|
pause: (_calculateStatusCount2 = calculateStatusCount()) === null || _calculateStatusCount2 === void 0 ? void 0 : _calculateStatusCount2.pause
|
|
111
|
-
})), !noChevron && /*#__PURE__*/_react.default.createElement(Icons.
|
|
111
|
+
})), !noChevron && /*#__PURE__*/_react.default.createElement(Icons.ChevronRight, {
|
|
112
112
|
className: (0, _classnames.default)('accordion--title-chevron', {
|
|
113
113
|
'accordion--title-chevron-open': isOpen
|
|
114
114
|
})
|
|
@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _reactFeather = require("react-feather");
|
|
19
19
|
|
|
20
20
|
require("./AdvancedTags.scss");
|
|
21
21
|
|
|
@@ -93,7 +93,7 @@ var AdvTag = function AdvTag(_ref) {
|
|
|
93
93
|
onMouseLeave: function onMouseLeave() {
|
|
94
94
|
return setIsOpen(false);
|
|
95
95
|
}
|
|
96
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
96
|
+
}, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
|
|
97
97
|
className: "advanced-tags--warning-icon mr5"
|
|
98
98
|
})), labelLeft && /*#__PURE__*/_react.default.createElement("span", {
|
|
99
99
|
className: "mr5"
|
|
@@ -117,7 +117,7 @@ var AdvTag = function AdvTag(_ref) {
|
|
|
117
117
|
onMouseLeave: function onMouseLeave() {
|
|
118
118
|
return setIsOpen(false);
|
|
119
119
|
}
|
|
120
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
120
|
+
}, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
|
|
121
121
|
className: "advanced-tags--warning-icon"
|
|
122
122
|
})), isOpen && warnLeftMsg && clickedWarning === 'warnLeft' ? /*#__PURE__*/_react.default.createElement("span", {
|
|
123
123
|
className: (0, _classnames.default)('advanced-tags__warn-text', 'advanced-tags__warn-text--warnLeft')
|
|
@@ -22,7 +22,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
22
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
23
|
|
|
24
24
|
var AdvancedTags = function AdvancedTags(_ref) {
|
|
25
|
-
var items = _ref.items
|
|
25
|
+
var items = _ref.items,
|
|
26
|
+
className = _ref.className;
|
|
26
27
|
if (!items) return null;
|
|
27
28
|
|
|
28
29
|
var _useState = (0, _react.useState)([items[0], items[1]]),
|
|
@@ -41,7 +42,7 @@ var AdvancedTags = function AdvancedTags(_ref) {
|
|
|
41
42
|
};
|
|
42
43
|
|
|
43
44
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
44
|
-
className:
|
|
45
|
+
className: (0, _classnames.default)(className, 'j4 wrap')
|
|
45
46
|
}, showedItems === null || showedItems === void 0 ? void 0 : showedItems.map(function (item, index) {
|
|
46
47
|
return /*#__PURE__*/_react.default.createElement(_AdvTag.default, {
|
|
47
48
|
key: index,
|
|
@@ -51,7 +52,7 @@ var AdvancedTags = function AdvancedTags(_ref) {
|
|
|
51
52
|
onClick: function onClick() {
|
|
52
53
|
return onShowMoreClick();
|
|
53
54
|
},
|
|
54
|
-
className:
|
|
55
|
+
className: "advanced-tags advanced-tags--showMore"
|
|
55
56
|
}, showMore ? "+".concat(items.length - showedItems.length) : '...'));
|
|
56
57
|
};
|
|
57
58
|
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
@import '../../../scss/anme/anme-vars';
|
|
2
|
-
|
|
3
1
|
.advanced-tags {
|
|
4
2
|
display: inline-flex;
|
|
5
3
|
background-color: #e2e5ec;
|
|
@@ -27,7 +25,7 @@
|
|
|
27
25
|
|
|
28
26
|
&__warn-text {
|
|
29
27
|
position: absolute;
|
|
30
|
-
background-color:
|
|
28
|
+
background-color: #6b81dd;
|
|
31
29
|
color: #fff;
|
|
32
30
|
font-size: 10px;
|
|
33
31
|
line-height: 16px;
|
|
@@ -42,7 +40,7 @@
|
|
|
42
40
|
position: absolute;
|
|
43
41
|
width: 8.5px;
|
|
44
42
|
height: 8.5px;
|
|
45
|
-
background-color:
|
|
43
|
+
background-color: #6b81dd;
|
|
46
44
|
transform: rotate(45deg);
|
|
47
45
|
}
|
|
48
46
|
|
|
@@ -67,7 +65,7 @@
|
|
|
67
65
|
}
|
|
68
66
|
|
|
69
67
|
&--showMore {
|
|
70
|
-
background-color:
|
|
68
|
+
background-color: #ffedc8;
|
|
71
69
|
cursor: pointer;
|
|
72
70
|
user-select: none;
|
|
73
71
|
}
|
|
@@ -11,11 +11,9 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _AdvancedTags = _interopRequireDefault(require("./AdvancedTags"));
|
|
13
13
|
|
|
14
|
-
require("../../../../scss/main.scss");
|
|
15
|
-
|
|
16
14
|
global.lng = 'en';
|
|
17
15
|
var _default = {
|
|
18
|
-
title: 'AdvancedTags',
|
|
16
|
+
title: 'UI/AdvancedTags',
|
|
19
17
|
component: _AdvancedTags.default
|
|
20
18
|
};
|
|
21
19
|
exports.default = _default;
|
|
@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _reactFeather = require("react-feather");
|
|
19
19
|
|
|
20
20
|
require("./Alert.scss");
|
|
21
21
|
|
|
@@ -25,8 +25,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
25
25
|
|
|
26
26
|
var Alert = function Alert(_ref) {
|
|
27
27
|
var message = _ref.message,
|
|
28
|
+
icon = _ref.icon,
|
|
28
29
|
variant = _ref.variant,
|
|
29
|
-
className = _ref.className
|
|
30
|
+
className = _ref.className,
|
|
31
|
+
children = _ref.children,
|
|
32
|
+
noDismiss = _ref.noDismiss;
|
|
30
33
|
|
|
31
34
|
var _useState = (0, _react.useState)(false),
|
|
32
35
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -37,9 +40,9 @@ var Alert = function Alert(_ref) {
|
|
|
37
40
|
className: (0, _classnames.default)(className, {
|
|
38
41
|
hidden: onClose
|
|
39
42
|
}, "alert alert--".concat(variant || 'warning'))
|
|
40
|
-
}, /*#__PURE__*/_react.default.createElement("div", null, message), /*#__PURE__*/_react.default.createElement("div", {
|
|
43
|
+
}, icon, /*#__PURE__*/_react.default.createElement("div", null, children || message), !noDismiss && /*#__PURE__*/_react.default.createElement("div", {
|
|
41
44
|
className: "alert__close-btn"
|
|
42
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
45
|
+
}, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
|
|
43
46
|
onClick: function onClick() {
|
|
44
47
|
return setOnClose(!onClose);
|
|
45
48
|
}
|
|
@@ -11,11 +11,9 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _Alert = _interopRequireDefault(require("./Alert"));
|
|
13
13
|
|
|
14
|
-
require("../../../../scss/main.scss");
|
|
15
|
-
|
|
16
14
|
global.lng = 'en';
|
|
17
15
|
var _default = {
|
|
18
|
-
title: 'Alert',
|
|
16
|
+
title: 'UI/Alert',
|
|
19
17
|
component: _Alert.default,
|
|
20
18
|
argTypes: {
|
|
21
19
|
variant: {
|
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
@@ -15,35 +13,26 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
15
13
|
|
|
16
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
15
|
|
|
18
|
-
var Icons = _interopRequireWildcard(require("react-icons/fi"));
|
|
19
|
-
|
|
20
16
|
require("./Button.scss");
|
|
21
17
|
|
|
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
|
-
var RC = 'button';
|
|
27
|
-
|
|
28
18
|
var Button = function Button(_ref) {
|
|
29
|
-
var
|
|
19
|
+
var label = _ref.label,
|
|
30
20
|
_ref$variant = _ref.variant,
|
|
31
21
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
32
22
|
onClick = _ref.onClick,
|
|
33
23
|
disabled = _ref.disabled,
|
|
34
24
|
icon = _ref.icon,
|
|
35
25
|
className = _ref.className,
|
|
36
|
-
children = _ref.children
|
|
37
|
-
|
|
26
|
+
children = _ref.children,
|
|
27
|
+
style = _ref.style;
|
|
38
28
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
39
|
-
|
|
29
|
+
style: style,
|
|
30
|
+
className: (0, _classnames.default)(className, 'button', (0, _defineProperty2.default)({}, "button_".concat(variant), variant)),
|
|
40
31
|
onClick: onClick,
|
|
41
32
|
disabled: disabled
|
|
42
|
-
}, icon && /*#__PURE__*/_react.default.createElement(
|
|
43
|
-
className: ""
|
|
44
|
-
}),
|
|
45
|
-
className: "".concat(RC, "__text")
|
|
46
|
-
}, text), !text && children ? children : null);
|
|
33
|
+
}, icon, label && /*#__PURE__*/_react.default.createElement("div", {
|
|
34
|
+
className: "button__text"
|
|
35
|
+
}, label), !label && children ? children : null);
|
|
47
36
|
};
|
|
48
37
|
|
|
49
38
|
var _default = Button;
|