beem-component 1.7.9 → 1.8.0
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/components/Accordion/Accordion.js +15 -54
- package/dist/components/Accordion/Accordion.stories.js +0 -8
- package/dist/components/Avatars/avatars.js +3 -23
- package/dist/components/Avatars/avatars.stories.js +0 -7
- package/dist/components/BannerCard/bannerCard.stories.js +0 -14
- package/dist/components/BannerCard/bannerCards.js +7 -37
- package/dist/components/Buttons/Stories/basicbutton.stories.js +0 -7
- package/dist/components/Buttons/Stories/buttonAlertIcons.stories.js +0 -7
- package/dist/components/Buttons/Stories/buttonIconsOnly.stories.js +0 -7
- package/dist/components/Buttons/buttonAlertIcons.js +4 -29
- package/dist/components/Buttons/buttonDropdown copy.js +9 -40
- package/dist/components/Buttons/buttonDropdown.js +0 -7
- package/dist/components/Buttons/buttonIconsOnly.js +10 -32
- package/dist/components/Buttons/buttons.js +29 -67
- package/dist/components/Cards/cards.js +0 -7
- package/dist/components/Cards/cards.stories.js +0 -12
- package/dist/components/ChatComponents/ChatBody/FeedPostComments.js +4 -30
- package/dist/components/ChatComponents/ChatBody/chatBody.js +34 -107
- package/dist/components/ChatComponents/ChatBody/chatBody.stories.js +0 -13
- package/dist/components/ChatComponents/ChatBody/sessionDetails.js +2 -16
- package/dist/components/ChatComponents/ChatBody/sessionTimeline.js +2 -18
- package/dist/components/ChatComponents/ChatHeader/chatHeader.js +1 -8
- package/dist/components/ChatComponents/ChatHeader/chatHeader.stories.js +0 -7
- package/dist/components/ChatComponents/ColorPicker/colorPicker.js +0 -6
- package/dist/components/ChatComponents/ColorPicker/colorPicker.stories.js +0 -6
- package/dist/components/ChatComponents/ContactCards/contactCards.js +3 -14
- package/dist/components/ChatComponents/ContactCards/contactCards.stories.js +0 -9
- package/dist/components/ChatComponents/FormAccordion/FormAccordion.js +0 -6
- package/dist/components/ChatComponents/FormAccordion/FormAccordion.stories.js +0 -6
- package/dist/components/ChatComponents/InfoTab/infoTab.js +1 -8
- package/dist/components/ChatComponents/InfoTab/infoTab.stories.js +0 -9
- package/dist/components/ChatComponents/LabelAccordion/LabelAccordion.js +0 -6
- package/dist/components/ChatComponents/LabelAccordion/LabelAccordion.stories.js +0 -6
- package/dist/components/ChatComponents/NoteAccordion/NoteAccordion.js +0 -7
- package/dist/components/ChatComponents/NoteAccordion/NoteAccordion.stories.js +0 -8
- package/dist/components/Chats/chat.js +17 -65
- package/dist/components/Chats/chatInput.js +5 -21
- package/dist/components/Chats/chatwrapper.js +7 -27
- package/dist/components/Checkbox/checkboxToggler.js +5 -18
- package/dist/components/Checkbox/checkboxToggler.stories.js +9 -30
- package/dist/components/Lists/listBox.js +3 -25
- package/dist/components/Lists/listBox.stories.js +3 -23
- package/dist/components/Lists/listHeader.stories.js +0 -8
- package/dist/components/Lists/listheader.js +4 -21
- package/dist/components/Lists/rowLabels.js +6 -29
- package/dist/components/Lists/rowLabels.stories.js +3 -12
- package/dist/components/Loader/loader.js +1 -20
- package/dist/components/Loader/loader.stories.js +0 -6
- package/dist/components/MainWrapper/index.js +0 -7
- package/dist/components/MessageCounter/MessageCounter.stories.js +0 -7
- package/dist/components/MessageCounter/messageCounter.js +0 -9
- package/dist/components/Modals/modal.js +28 -65
- package/dist/components/Modals/modals.stories.js +9 -32
- package/dist/components/NoteBar/noteBar.js +9 -39
- package/dist/components/NoteBar/noteBar.stories.js +0 -6
- package/dist/components/PaymentBox/paymentBox.js +1 -15
- package/dist/components/PaymentBox/paymentBox.stories.js +0 -6
- package/dist/components/PerformanceIndicator/performaceIndicator.stories.js +0 -6
- package/dist/components/PerformanceIndicator/performanceIndicator.js +4 -23
- package/dist/components/Pills/pills.js +13 -45
- package/dist/components/Pills/pills.stories.js +0 -7
- package/dist/components/ProfileIcon/ProfileIcon.js +4 -29
- package/dist/components/ProfileIcon/profileIcon.stories.js +0 -7
- package/dist/components/ProgressBar/progressbar.js +1 -13
- package/dist/components/ProgressBar/progressbar.stories.js +0 -6
- package/dist/components/ProgressRing/progressRing.js +6 -39
- package/dist/components/ProgressRing/progressRing.stories.js +0 -6
- package/dist/components/RouteLink/link.js +0 -9
- package/dist/components/RouteLink/link.stories.js +0 -7
- package/dist/components/ScrollBar/scrollBar.js +0 -11
- package/dist/components/SuperFluid/Content/index.js +0 -7
- package/dist/components/SuperFluid/ContentTitle.js/index.js +0 -13
- package/dist/components/SuperFluid/SegmentCard/index.js +0 -25
- package/dist/components/Tabs/tabs.js +11 -31
- package/dist/components/Tabs/tabs.stories.js +0 -7
- package/dist/components/Tags/tags.js +18 -53
- package/dist/components/Tags/tags.stories.js +0 -9
- package/dist/components/chatHeader.js +1 -18
- package/dist/components/checkbox.js +7 -25
- package/dist/components/colors.js +12 -6
- package/dist/components/contacts.js +17 -50
- package/dist/components/dropdown.js +12 -43
- package/dist/components/dropdownButton.js +7 -31
- package/dist/components/dropdownItems.js +7 -34
- package/dist/components/examples/App.js +6 -16
- package/dist/components/examples/InfoAccordion.js +0 -6
- package/dist/components/examples/chatBodyExample.js +0 -9
- package/dist/components/examples/selectExample.js +3 -20
- package/dist/components/globalStyles.js +0 -5
- package/dist/components/iconStyles.js +17 -37
- package/dist/components/index-copy.js +0 -49
- package/dist/components/index.js +0 -45
- package/dist/components/input.js +21 -44
- package/dist/components/logo.js +2 -18
- package/dist/components/navbar.js +10 -19
- package/dist/components/search.js +2 -24
- package/dist/components/text.js +12 -8
- package/dist/components/wrapper.js +2 -14
- package/package.json +98 -96
- package/src/App.js +240 -243
- package/src/lib/components/input.js +31 -21
|
@@ -1,70 +1,42 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _icons = require("@material-ui/icons");
|
|
17
|
-
|
|
18
12
|
var _colors = require("../colors");
|
|
19
|
-
|
|
20
13
|
var _iconStyles = require("../iconStyles");
|
|
21
|
-
|
|
22
14
|
var _excluded = ["children", "disabled", "expandIcon", "Open", "expandIconPosition"],
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
_excluded2 = ["children", "leadingIcon", "trailingIcon", "size"];
|
|
25
16
|
var _templateObject, _templateObject2, _templateObject3;
|
|
26
|
-
|
|
27
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
28
|
-
|
|
29
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); }
|
|
30
|
-
|
|
31
19
|
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; }
|
|
32
|
-
|
|
33
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
34
|
-
|
|
35
21
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
36
|
-
|
|
37
22
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
38
|
-
|
|
39
23
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
40
|
-
|
|
41
24
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
42
|
-
|
|
43
25
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
44
|
-
|
|
45
26
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
46
|
-
|
|
47
27
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
48
|
-
|
|
49
28
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
50
|
-
|
|
51
29
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
52
|
-
|
|
53
30
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
54
|
-
|
|
55
31
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
56
|
-
|
|
57
32
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
58
|
-
|
|
59
33
|
var _React$createContext = /*#__PURE__*/_react.default.createContext({}),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
34
|
+
Provider = _React$createContext.Provider,
|
|
35
|
+
Consumer = _React$createContext.Consumer;
|
|
63
36
|
var Dropdown = function Dropdown(value, rest) {
|
|
64
37
|
if (value.expandIcon && value.expandIcon === 'none') {
|
|
65
38
|
return;
|
|
66
39
|
}
|
|
67
|
-
|
|
68
40
|
if (!value.expandIcon) {
|
|
69
41
|
return value.toggle ? /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, _extends({
|
|
70
42
|
icon: /*#__PURE__*/_react.default.createElement(_icons.KeyboardArrowUp, null)
|
|
@@ -72,33 +44,26 @@ var Dropdown = function Dropdown(value, rest) {
|
|
|
72
44
|
icon: /*#__PURE__*/_react.default.createElement(_icons.KeyboardArrowDown, null)
|
|
73
45
|
}, rest));
|
|
74
46
|
}
|
|
75
|
-
|
|
76
47
|
if (value.expandIcon && value.expandIcon !== 'none') {
|
|
77
48
|
return /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
|
|
78
49
|
icon: value.expandIcon
|
|
79
50
|
});
|
|
80
51
|
}
|
|
81
52
|
};
|
|
82
|
-
|
|
83
53
|
var BmAccordionMenu = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex-direction: row;\n padding: 0.571rem 1.143rem;\n background: ", ";\n > *:not(:last-child) {\n margin-right: 0.5rem;\n }\n"])), _colors.BmPrimaryWhite);
|
|
84
|
-
|
|
85
54
|
var BmAccordionDetails = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
86
|
-
|
|
87
55
|
var BmAccordionWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
88
|
-
|
|
89
56
|
var BmAccordion = function BmAccordion(_ref) {
|
|
90
57
|
var children = _ref.children,
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
58
|
+
disabled = _ref.disabled,
|
|
59
|
+
expandIcon = _ref.expandIcon,
|
|
60
|
+
Open = _ref.Open,
|
|
61
|
+
expandIconPosition = _ref.expandIconPosition,
|
|
62
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
97
63
|
var _useState = (0, _react.useState)(!!Open),
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
64
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
65
|
+
toggle = _useState2[0],
|
|
66
|
+
setToggle = _useState2[1];
|
|
102
67
|
return /*#__PURE__*/_react.default.createElement(BmAccordionWrapper, null, /*#__PURE__*/_react.default.createElement(Provider, {
|
|
103
68
|
value: _objectSpread({
|
|
104
69
|
toggle: toggle,
|
|
@@ -109,14 +74,12 @@ var BmAccordion = function BmAccordion(_ref) {
|
|
|
109
74
|
}, rest)
|
|
110
75
|
}, children));
|
|
111
76
|
};
|
|
112
|
-
|
|
113
77
|
BmAccordion.Title = function (_ref2) {
|
|
114
78
|
var children = _ref2.children,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
79
|
+
leadingIcon = _ref2.leadingIcon,
|
|
80
|
+
trailingIcon = _ref2.trailingIcon,
|
|
81
|
+
size = _ref2.size,
|
|
82
|
+
rest = _objectWithoutProperties(_ref2, _excluded2);
|
|
120
83
|
return /*#__PURE__*/_react.default.createElement(Consumer, null, function (value) {
|
|
121
84
|
return /*#__PURE__*/_react.default.createElement(BmAccordionMenu, _extends({}, rest, {
|
|
122
85
|
onClick: function onClick() {
|
|
@@ -131,14 +94,12 @@ BmAccordion.Title = function (_ref2) {
|
|
|
131
94
|
}), value.expandIconPosition === 'right' && Dropdown(value, rest));
|
|
132
95
|
});
|
|
133
96
|
};
|
|
134
|
-
|
|
135
97
|
BmAccordion.Body = function (_ref3) {
|
|
136
98
|
var children = _ref3.children;
|
|
137
99
|
return /*#__PURE__*/_react.default.createElement(Consumer, null, function (value) {
|
|
138
100
|
return value.toggle && /*#__PURE__*/_react.default.createElement("div", null, children);
|
|
139
101
|
});
|
|
140
102
|
};
|
|
141
|
-
|
|
142
103
|
BmAccordion.propTypes = {
|
|
143
104
|
children: _propTypes.default.object,
|
|
144
105
|
size: _propTypes.default.string,
|
|
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Accordion = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _addonKnobs = require("@storybook/addon-knobs");
|
|
11
|
-
|
|
12
9
|
var _icons = require("@material-ui/icons");
|
|
13
|
-
|
|
14
10
|
var _Accordion = _interopRequireDefault(require("./Accordion"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
/* eslint-disable import/no-anonymous-default-export */
|
|
19
13
|
var _default = {
|
|
20
14
|
component: _Accordion.default,
|
|
@@ -95,7 +89,6 @@ var optionExpandIcon = {
|
|
|
95
89
|
left: 'left',
|
|
96
90
|
right: 'medium'
|
|
97
91
|
};
|
|
98
|
-
|
|
99
92
|
var Accordion = function Accordion() {
|
|
100
93
|
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Accordion.default, {
|
|
101
94
|
disabled: (0, _addonKnobs.boolean)('disabled', false),
|
|
@@ -107,5 +100,4 @@ var Accordion = function Accordion() {
|
|
|
107
100
|
expandIconPosition: (0, _addonKnobs.select)('expandIconPosition', optionExpandIcon, 'left')
|
|
108
101
|
}, /*#__PURE__*/_react.default.createElement("h3", null, (0, _addonKnobs.text)('children', 'Accordion'))), /*#__PURE__*/_react.default.createElement(_Accordion.default.Body, null, "Accordion Body")));
|
|
109
102
|
};
|
|
110
|
-
|
|
111
103
|
exports.Accordion = Accordion;
|
|
@@ -4,37 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.BmAvatarWrapper = void 0;
|
|
7
|
-
|
|
8
7
|
var _icons = require("@material-ui/icons");
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _SmartToy = _interopRequireDefault(require("@mui/icons-material/SmartToy"));
|
|
17
|
-
|
|
18
12
|
var _Chat = _interopRequireDefault(require("@mui/icons-material/Chat"));
|
|
19
|
-
|
|
20
13
|
var _colors = require("../colors");
|
|
21
|
-
|
|
22
14
|
var _iconStyles = require("../iconStyles");
|
|
23
|
-
|
|
24
15
|
var _excluded = ["user", "size", "color"];
|
|
25
|
-
|
|
26
16
|
var _templateObject;
|
|
27
|
-
|
|
28
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
-
|
|
30
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
31
|
-
|
|
32
19
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
33
|
-
|
|
34
20
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
35
|
-
|
|
36
21
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
37
|
-
|
|
38
22
|
var BmAvatarWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: ", ";\n width: ", ";\n background: ", ";\n border-radius: ", ";\n border: 0.071rem solid\n ", ";\n"])), function (_ref) {
|
|
39
23
|
var size = _ref.size;
|
|
40
24
|
if (size === 'large') return '3.429rem';
|
|
@@ -69,15 +53,12 @@ var BmAvatarWrapper = _styledComponents.default.div(_templateObject || (_templat
|
|
|
69
53
|
if (user === 'sms') return "".concat(_colors.BmPrimaryBlue);
|
|
70
54
|
return "".concat(_colors.BmGrey100);
|
|
71
55
|
});
|
|
72
|
-
|
|
73
56
|
exports.BmAvatarWrapper = BmAvatarWrapper;
|
|
74
|
-
|
|
75
57
|
var BmAvatar = function BmAvatar(props) {
|
|
76
58
|
var user = props.user,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
59
|
+
size = props.size,
|
|
60
|
+
color = props.color,
|
|
61
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
81
62
|
return /*#__PURE__*/_react.default.createElement(BmAvatarWrapper, _extends({
|
|
82
63
|
user: user,
|
|
83
64
|
size: size
|
|
@@ -99,7 +80,6 @@ var BmAvatar = function BmAvatar(props) {
|
|
|
99
80
|
color: color
|
|
100
81
|
}, rest)));
|
|
101
82
|
};
|
|
102
|
-
|
|
103
83
|
BmAvatar.propTypes = {
|
|
104
84
|
size: _propTypes.default.string,
|
|
105
85
|
type: _propTypes.default.string,
|
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.CustomAvatar = exports.Avatar = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _icons = require("@material-ui/icons");
|
|
11
|
-
|
|
12
9
|
var _avatars = _interopRequireDefault(require("./avatars"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
/* eslint-disable import/no-anonymous-default-export */
|
|
17
12
|
var _default = {
|
|
18
13
|
component: _avatars.default,
|
|
@@ -47,11 +42,9 @@ var _default = {
|
|
|
47
42
|
}
|
|
48
43
|
};
|
|
49
44
|
exports.default = _default;
|
|
50
|
-
|
|
51
45
|
var MainAvatar = function MainAvatar(args) {
|
|
52
46
|
return /*#__PURE__*/_react.default.createElement(_avatars.default, args);
|
|
53
47
|
};
|
|
54
|
-
|
|
55
48
|
var Avatar = MainAvatar.bind({});
|
|
56
49
|
exports.Avatar = Avatar;
|
|
57
50
|
Avatar.args = {
|
|
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.SampleBanner = exports.GenericBanner = exports.FeatureBanner = exports.AnnouncementBanner = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _bannerCards = _interopRequireDefault(require("./bannerCards"));
|
|
11
|
-
|
|
12
9
|
var _ = require("..");
|
|
13
|
-
|
|
14
10
|
var _colors = require("../colors");
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
/* eslint-disable import/no-anonymous-default-export */
|
|
19
13
|
var _default = {
|
|
20
14
|
component: _bannerCards.default,
|
|
@@ -43,7 +37,6 @@ var _default = {
|
|
|
43
37
|
}
|
|
44
38
|
};
|
|
45
39
|
exports.default = _default;
|
|
46
|
-
|
|
47
40
|
var SampleBanner = function SampleBanner() {
|
|
48
41
|
return /*#__PURE__*/_react.default.createElement(_bannerCards.default, {
|
|
49
42
|
border: "dashed",
|
|
@@ -53,9 +46,7 @@ var SampleBanner = function SampleBanner() {
|
|
|
53
46
|
size: "small"
|
|
54
47
|
}, "Label")));
|
|
55
48
|
};
|
|
56
|
-
|
|
57
49
|
exports.SampleBanner = SampleBanner;
|
|
58
|
-
|
|
59
50
|
var AnnouncementBanner = function AnnouncementBanner() {
|
|
60
51
|
return /*#__PURE__*/_react.default.createElement(_bannerCards.default, {
|
|
61
52
|
bannerBg: "".concat(_colors.BmPrimaryBlue),
|
|
@@ -73,9 +64,7 @@ var AnnouncementBanner = function AnnouncementBanner() {
|
|
|
73
64
|
size: "small"
|
|
74
65
|
}, "Label")));
|
|
75
66
|
};
|
|
76
|
-
|
|
77
67
|
exports.AnnouncementBanner = AnnouncementBanner;
|
|
78
|
-
|
|
79
68
|
var FeatureBanner = function FeatureBanner() {
|
|
80
69
|
return /*#__PURE__*/_react.default.createElement(_bannerCards.default, {
|
|
81
70
|
bannerBg: "".concat(_colors.BmSecondaryYellow),
|
|
@@ -94,9 +83,7 @@ var FeatureBanner = function FeatureBanner() {
|
|
|
94
83
|
size: "small"
|
|
95
84
|
}, "Label")));
|
|
96
85
|
};
|
|
97
|
-
|
|
98
86
|
exports.FeatureBanner = FeatureBanner;
|
|
99
|
-
|
|
100
87
|
var GenericBanner = function GenericBanner() {
|
|
101
88
|
return /*#__PURE__*/_react.default.createElement(_bannerCards.default, {
|
|
102
89
|
border: "solid",
|
|
@@ -106,5 +93,4 @@ var GenericBanner = function GenericBanner() {
|
|
|
106
93
|
size: "small"
|
|
107
94
|
}, "Label")));
|
|
108
95
|
};
|
|
109
|
-
|
|
110
96
|
exports.GenericBanner = GenericBanner;
|
|
@@ -1,60 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _icons = require("@material-ui/icons");
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _iconStyles = require("../iconStyles");
|
|
17
|
-
|
|
18
12
|
var _colors = require("../colors");
|
|
19
|
-
|
|
20
13
|
var _excluded = ["closeButton", "children"];
|
|
21
|
-
|
|
22
14
|
var _templateObject, _templateObject2;
|
|
23
|
-
|
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
-
|
|
26
16
|
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
17
|
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
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
31
|
-
|
|
32
19
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
33
|
-
|
|
34
20
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
35
|
-
|
|
36
21
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
37
|
-
|
|
38
22
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
39
|
-
|
|
40
23
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
41
|
-
|
|
42
24
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
|
-
|
|
44
25
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
45
|
-
|
|
46
26
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
47
|
-
|
|
48
27
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
49
|
-
|
|
50
28
|
var BannerCardWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: ", ";\n flex-direction: column;\n padding: 0.5rem;\n border: 0.071rem\n ", "\n ", ";\n border-radius: 0.25rem;\n align-items: ", ";\n background: ", "};\n > *:not(:last-child) {\n margin-bottom: 0.5rem;\n }\n"])), function (_ref) {
|
|
51
29
|
var closeButton = _ref.closeButton,
|
|
52
|
-
|
|
53
|
-
|
|
30
|
+
show = _ref.show;
|
|
54
31
|
if (!closeButton) {
|
|
55
32
|
return 'flex';
|
|
56
33
|
}
|
|
57
|
-
|
|
58
34
|
return show ? 'flex' : 'none';
|
|
59
35
|
}, function (_ref2) {
|
|
60
36
|
var border = _ref2.border;
|
|
@@ -66,8 +42,7 @@ var BannerCardWrapper = _styledComponents.default.div(_templateObject || (_templ
|
|
|
66
42
|
return color || _colors.BmPrimaryBlue;
|
|
67
43
|
}, function (_ref4) {
|
|
68
44
|
var content = _ref4.content,
|
|
69
|
-
|
|
70
|
-
|
|
45
|
+
closeButton = _ref4.closeButton;
|
|
71
46
|
if (!closeButton) {
|
|
72
47
|
if (content === 'center') return 'center';
|
|
73
48
|
if (content === 'left') return 'flex-start';
|
|
@@ -80,19 +55,15 @@ var BannerCardWrapper = _styledComponents.default.div(_templateObject || (_templ
|
|
|
80
55
|
if (!bannerBg) return 'none';
|
|
81
56
|
return bannerBg;
|
|
82
57
|
});
|
|
83
|
-
|
|
84
58
|
var BannerComponent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n"])));
|
|
85
|
-
|
|
86
59
|
var BmBanner = function BmBanner(_ref6) {
|
|
87
60
|
var closeButton = _ref6.closeButton,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
61
|
+
children = _ref6.children,
|
|
62
|
+
rest = _objectWithoutProperties(_ref6, _excluded);
|
|
91
63
|
var _useState = (0, _react.useState)(true),
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
64
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
65
|
+
show = _useState2[0],
|
|
66
|
+
setShow = _useState2[1];
|
|
96
67
|
return /*#__PURE__*/_react.default.createElement(BannerCardWrapper, _extends({
|
|
97
68
|
closeButton: closeButton
|
|
98
69
|
}, rest, {
|
|
@@ -105,6 +76,5 @@ var BmBanner = function BmBanner(_ref6) {
|
|
|
105
76
|
}
|
|
106
77
|
})), closeButton ? children.slice(1) : children);
|
|
107
78
|
};
|
|
108
|
-
|
|
109
79
|
var _default = BmBanner;
|
|
110
80
|
exports.default = _default;
|
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.ColoredButton = exports.BasicButton = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _icons = require("@material-ui/icons");
|
|
11
|
-
|
|
12
9
|
var _buttons = require("../buttons");
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
/* eslint-disable import/no-anonymous-default-export */
|
|
17
12
|
var _default = {
|
|
18
13
|
component: _buttons.BmButton,
|
|
@@ -54,11 +49,9 @@ var _default = {
|
|
|
54
49
|
}
|
|
55
50
|
};
|
|
56
51
|
exports.default = _default;
|
|
57
|
-
|
|
58
52
|
var MainButton = function MainButton(args) {
|
|
59
53
|
return /*#__PURE__*/_react.default.createElement(_buttons.BmButton, args);
|
|
60
54
|
};
|
|
61
|
-
|
|
62
55
|
var BasicButton = MainButton.bind({});
|
|
63
56
|
exports.BasicButton = BasicButton;
|
|
64
57
|
BasicButton.args = {
|
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.ButtonAlertIcon = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _icons = require("@material-ui/icons");
|
|
11
|
-
|
|
12
9
|
var _buttonAlertIcons = require("../buttonAlertIcons");
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
/* eslint-disable import/no-anonymous-default-export */
|
|
17
12
|
var _default = {
|
|
18
13
|
component: _buttonAlertIcons.BmAlertIcon,
|
|
@@ -49,11 +44,9 @@ var _default = {
|
|
|
49
44
|
}
|
|
50
45
|
};
|
|
51
46
|
exports.default = _default;
|
|
52
|
-
|
|
53
47
|
var MainButtonAlertIcon = function MainButtonAlertIcon(args) {
|
|
54
48
|
return /*#__PURE__*/_react.default.createElement(_buttonAlertIcons.BmAlertIcon, args);
|
|
55
49
|
};
|
|
56
|
-
|
|
57
50
|
var ButtonAlertIcon = MainButtonAlertIcon.bind({});
|
|
58
51
|
exports.ButtonAlertIcon = ButtonAlertIcon;
|
|
59
52
|
ButtonAlertIcon.args = {
|
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.ButtonIcon = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _icons = require("@material-ui/icons");
|
|
11
|
-
|
|
12
9
|
var _buttonIconsOnly = require("../buttonIconsOnly");
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
/* eslint-disable import/no-anonymous-default-export */
|
|
17
12
|
var _default = {
|
|
18
13
|
component: _buttonIconsOnly.BmBtnIcon,
|
|
@@ -50,11 +45,9 @@ var _default = {
|
|
|
50
45
|
}
|
|
51
46
|
};
|
|
52
47
|
exports.default = _default;
|
|
53
|
-
|
|
54
48
|
var MainButtonIcon = function MainButtonIcon(args) {
|
|
55
49
|
return /*#__PURE__*/_react.default.createElement(_buttonIconsOnly.BmBtnIcon, args);
|
|
56
50
|
};
|
|
57
|
-
|
|
58
51
|
var ButtonIcon = MainButtonIcon.bind({});
|
|
59
52
|
exports.ButtonIcon = ButtonIcon;
|
|
60
53
|
ButtonIcon.args = {
|
|
@@ -4,49 +4,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.BmIcon = exports.BmBtnIconWrapper = exports.BmAlertIcon = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _styles = require("@material-ui/core/styles");
|
|
15
|
-
|
|
16
11
|
var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
|
|
17
|
-
|
|
18
12
|
var _colors = require("../colors");
|
|
19
|
-
|
|
20
13
|
var _typography = require("../typography");
|
|
21
|
-
|
|
22
14
|
var _excluded = ["icon", "badgeContent", "badgeColor", "size"];
|
|
23
|
-
|
|
24
15
|
var _templateObject;
|
|
25
|
-
|
|
26
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
-
|
|
28
17
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
29
|
-
|
|
30
18
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
31
|
-
|
|
32
19
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
33
|
-
|
|
34
20
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
35
|
-
|
|
36
21
|
var size = function size(props) {
|
|
37
22
|
if (props.size === 'small') return '1.429rem';
|
|
38
23
|
if (props.size === 'medium') return '1.714rem';
|
|
39
24
|
if (props.size === 'large') return '2.286rem';
|
|
40
25
|
return '2.286rem';
|
|
41
26
|
};
|
|
42
|
-
|
|
43
27
|
var Badgesize = function Badgesize(props) {
|
|
44
28
|
if (props.size === 'small') return '0.857rem';
|
|
45
29
|
if (props.size === 'medium') return '0.857rem';
|
|
46
30
|
if (props.size === 'large') return '0.857rem';
|
|
47
31
|
return '0.857rem';
|
|
48
32
|
};
|
|
49
|
-
|
|
50
33
|
var AlertIcon = {
|
|
51
34
|
root: {
|
|
52
35
|
height: function height(props) {
|
|
@@ -60,7 +43,6 @@ var AlertIcon = {
|
|
|
60
43
|
}
|
|
61
44
|
}
|
|
62
45
|
};
|
|
63
|
-
|
|
64
46
|
var BadgeIcon = function BadgeIcon() {
|
|
65
47
|
return {
|
|
66
48
|
badge: {
|
|
@@ -88,7 +70,6 @@ var BadgeIcon = function BadgeIcon() {
|
|
|
88
70
|
}
|
|
89
71
|
};
|
|
90
72
|
};
|
|
91
|
-
|
|
92
73
|
var BmBadge = (0, _styles.withStyles)(BadgeIcon)(function (props) {
|
|
93
74
|
return /*#__PURE__*/_react.default.createElement(_Badge.default, _extends({
|
|
94
75
|
action: true
|
|
@@ -105,22 +86,17 @@ var BmIcon = (0, _styles.withStyles)(AlertIcon)(function (props) {
|
|
|
105
86
|
action: true
|
|
106
87
|
}, props)));
|
|
107
88
|
}
|
|
108
|
-
|
|
109
89
|
return null;
|
|
110
90
|
});
|
|
111
91
|
exports.BmIcon = BmIcon;
|
|
112
|
-
|
|
113
92
|
var BmBtnIconWrapper = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 0.536rem;\n border: none;\n background: none;\n"])));
|
|
114
|
-
|
|
115
93
|
exports.BmBtnIconWrapper = BmBtnIconWrapper;
|
|
116
|
-
|
|
117
94
|
var BmAlertIcon = function BmAlertIcon(props) {
|
|
118
95
|
var icon = props.icon,
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
96
|
+
badgeContent = props.badgeContent,
|
|
97
|
+
badgeColor = props.badgeColor,
|
|
98
|
+
size = props.size,
|
|
99
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
124
100
|
return /*#__PURE__*/_react.default.createElement(BmBtnIconWrapper, null, /*#__PURE__*/_react.default.createElement(BmIcon, _extends({
|
|
125
101
|
icon: icon,
|
|
126
102
|
size: size,
|
|
@@ -128,7 +104,6 @@ var BmAlertIcon = function BmAlertIcon(props) {
|
|
|
128
104
|
badgeColor: badgeColor
|
|
129
105
|
}, rest)));
|
|
130
106
|
};
|
|
131
|
-
|
|
132
107
|
exports.BmAlertIcon = BmAlertIcon;
|
|
133
108
|
BmAlertIcon.propTypes = {
|
|
134
109
|
size: _propTypes.default.string,
|