beem-component 1.7.8 → 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.
Files changed (103) hide show
  1. package/dist/components/Accordion/Accordion.js +15 -54
  2. package/dist/components/Accordion/Accordion.stories.js +0 -8
  3. package/dist/components/Avatars/avatars.js +3 -23
  4. package/dist/components/Avatars/avatars.stories.js +0 -7
  5. package/dist/components/BannerCard/bannerCard.stories.js +0 -14
  6. package/dist/components/BannerCard/bannerCards.js +7 -37
  7. package/dist/components/Buttons/Stories/basicbutton.stories.js +0 -7
  8. package/dist/components/Buttons/Stories/buttonAlertIcons.stories.js +0 -7
  9. package/dist/components/Buttons/Stories/buttonIconsOnly.stories.js +0 -7
  10. package/dist/components/Buttons/buttonAlertIcons.js +4 -29
  11. package/dist/components/Buttons/buttonDropdown copy.js +9 -40
  12. package/dist/components/Buttons/buttonDropdown.js +0 -7
  13. package/dist/components/Buttons/buttonIconsOnly.js +10 -32
  14. package/dist/components/Buttons/buttons.js +29 -67
  15. package/dist/components/Cards/cards.js +0 -7
  16. package/dist/components/Cards/cards.stories.js +0 -12
  17. package/dist/components/ChatComponents/ChatBody/FeedPostComments.js +4 -30
  18. package/dist/components/ChatComponents/ChatBody/chatBody.js +47 -106
  19. package/dist/components/ChatComponents/ChatBody/chatBody.stories.js +11 -14
  20. package/dist/components/ChatComponents/ChatBody/sessionDetails.js +2 -16
  21. package/dist/components/ChatComponents/ChatBody/sessionTimeline.js +2 -18
  22. package/dist/components/ChatComponents/ChatHeader/chatHeader.js +1 -8
  23. package/dist/components/ChatComponents/ChatHeader/chatHeader.stories.js +0 -7
  24. package/dist/components/ChatComponents/ColorPicker/colorPicker.js +0 -6
  25. package/dist/components/ChatComponents/ColorPicker/colorPicker.stories.js +0 -6
  26. package/dist/components/ChatComponents/ContactCards/contactCards.js +3 -14
  27. package/dist/components/ChatComponents/ContactCards/contactCards.stories.js +0 -9
  28. package/dist/components/ChatComponents/FormAccordion/FormAccordion.js +0 -6
  29. package/dist/components/ChatComponents/FormAccordion/FormAccordion.stories.js +0 -6
  30. package/dist/components/ChatComponents/InfoTab/infoTab.js +1 -8
  31. package/dist/components/ChatComponents/InfoTab/infoTab.stories.js +0 -9
  32. package/dist/components/ChatComponents/LabelAccordion/LabelAccordion.js +0 -6
  33. package/dist/components/ChatComponents/LabelAccordion/LabelAccordion.stories.js +0 -6
  34. package/dist/components/ChatComponents/NoteAccordion/NoteAccordion.js +0 -7
  35. package/dist/components/ChatComponents/NoteAccordion/NoteAccordion.stories.js +0 -8
  36. package/dist/components/Chats/chat.js +17 -65
  37. package/dist/components/Chats/chatInput.js +5 -21
  38. package/dist/components/Chats/chatwrapper.js +7 -27
  39. package/dist/components/Checkbox/checkboxToggler.js +5 -18
  40. package/dist/components/Checkbox/checkboxToggler.stories.js +9 -30
  41. package/dist/components/Lists/listBox.js +3 -25
  42. package/dist/components/Lists/listBox.stories.js +3 -23
  43. package/dist/components/Lists/listHeader.stories.js +0 -8
  44. package/dist/components/Lists/listheader.js +4 -21
  45. package/dist/components/Lists/rowLabels.js +6 -29
  46. package/dist/components/Lists/rowLabels.stories.js +3 -12
  47. package/dist/components/Loader/loader.js +1 -20
  48. package/dist/components/Loader/loader.stories.js +0 -6
  49. package/dist/components/MainWrapper/index.js +0 -7
  50. package/dist/components/MessageCounter/MessageCounter.stories.js +0 -7
  51. package/dist/components/MessageCounter/messageCounter.js +0 -9
  52. package/dist/components/Modals/modal.js +28 -65
  53. package/dist/components/Modals/modals.stories.js +9 -32
  54. package/dist/components/NoteBar/noteBar.js +9 -39
  55. package/dist/components/NoteBar/noteBar.stories.js +0 -6
  56. package/dist/components/PaymentBox/paymentBox.js +1 -15
  57. package/dist/components/PaymentBox/paymentBox.stories.js +0 -6
  58. package/dist/components/PerformanceIndicator/performaceIndicator.stories.js +0 -6
  59. package/dist/components/PerformanceIndicator/performanceIndicator.js +4 -23
  60. package/dist/components/Pills/pills.js +13 -45
  61. package/dist/components/Pills/pills.stories.js +0 -7
  62. package/dist/components/ProfileIcon/ProfileIcon.js +4 -29
  63. package/dist/components/ProfileIcon/profileIcon.stories.js +0 -7
  64. package/dist/components/ProgressBar/progressbar.js +1 -13
  65. package/dist/components/ProgressBar/progressbar.stories.js +0 -6
  66. package/dist/components/ProgressRing/progressRing.js +6 -39
  67. package/dist/components/ProgressRing/progressRing.stories.js +0 -6
  68. package/dist/components/RouteLink/link.js +0 -9
  69. package/dist/components/RouteLink/link.stories.js +0 -7
  70. package/dist/components/ScrollBar/scrollBar.js +0 -11
  71. package/dist/components/SuperFluid/Content/index.js +0 -7
  72. package/dist/components/SuperFluid/ContentTitle.js/index.js +0 -13
  73. package/dist/components/SuperFluid/SegmentCard/index.js +0 -25
  74. package/dist/components/Tabs/tabs.js +11 -31
  75. package/dist/components/Tabs/tabs.stories.js +0 -7
  76. package/dist/components/Tags/tags.js +18 -53
  77. package/dist/components/Tags/tags.stories.js +0 -9
  78. package/dist/components/chatHeader.js +1 -18
  79. package/dist/components/checkbox.js +7 -25
  80. package/dist/components/colors.js +12 -6
  81. package/dist/components/contacts.js +17 -50
  82. package/dist/components/dropdown.js +12 -43
  83. package/dist/components/dropdownButton.js +7 -31
  84. package/dist/components/dropdownItems.js +7 -34
  85. package/dist/components/examples/App.js +6 -16
  86. package/dist/components/examples/InfoAccordion.js +0 -6
  87. package/dist/components/examples/chatBodyExample.js +0 -9
  88. package/dist/components/examples/selectExample.js +3 -20
  89. package/dist/components/globalStyles.js +0 -5
  90. package/dist/components/iconStyles.js +17 -37
  91. package/dist/components/index-copy.js +0 -49
  92. package/dist/components/index.js +0 -45
  93. package/dist/components/input.js +21 -44
  94. package/dist/components/logo.js +2 -18
  95. package/dist/components/navbar.js +10 -19
  96. package/dist/components/search.js +2 -24
  97. package/dist/components/text.js +12 -8
  98. package/dist/components/wrapper.js +2 -14
  99. package/package.json +98 -94
  100. package/src/App.js +242 -217
  101. package/src/lib/components/ChatComponents/ChatBody/chatBody.js +13 -3
  102. package/src/lib/components/ChatComponents/ChatBody/chatBody.stories.js +13 -0
  103. package/src/lib/components/input.js +31 -21
@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _colors = require("../colors");
13
-
14
10
  var _text = require("../text");
15
-
16
11
  var _templateObject;
17
-
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
13
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21
-
22
14
  var BmCounter = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n color: ", ";\n width: ", ";\n height: ", ";\n ", "\n border-radius: 50%;\n text-align: center;\n background: ", ";\n"])), _colors.BmPrimaryWhite, function (_ref) {
23
15
  var size = _ref.size;
24
16
  if (size === 'small') return '1.429rem';
@@ -40,7 +32,6 @@ var BmCounter = _styledComponents.default.div(_templateObject || (_templateObjec
40
32
  if (size === 'small') return "".concat(_text.p);
41
33
  return "".concat(_text.p);
42
34
  }, _colors.BmPrimaryBlue);
43
-
44
35
  BmCounter.propTypes = {
45
36
  children: _propTypes.default.string,
46
37
  size: _propTypes.default.string
@@ -1,84 +1,52 @@
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 = exports.Overlay = exports.ModalWrapper = exports.ModalContent = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
10
  var _icons = require("@material-ui/icons");
15
-
16
11
  var _styledComponents = _interopRequireDefault(require("styled-components"));
17
-
18
12
  var _colors = require("../colors");
19
-
20
13
  var _iconStyles = require("../iconStyles");
21
-
22
14
  var _excluded = ["children", "show", "size", "onHide", "centered"],
23
- _excluded2 = ["children", "size", "onHide", "closeButton", "show"];
24
-
15
+ _excluded2 = ["children", "size", "onHide", "closeButton", "show"];
25
16
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
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 _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); }
34
-
35
21
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
36
-
37
22
  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."); }
38
-
39
23
  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); }
40
-
41
24
  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; }
42
-
43
25
  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; }
44
-
45
26
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
46
-
47
27
  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; }
48
-
49
28
  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; }
50
-
51
29
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
52
-
53
30
  var _React$createContext = /*#__PURE__*/_react.default.createContext(),
54
- Provider = _React$createContext.Provider,
55
- Consumer = _React$createContext.Consumer;
56
-
31
+ Provider = _React$createContext.Provider,
32
+ Consumer = _React$createContext.Consumer;
57
33
  var Overlay = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n \tposition: fixed;\n top: 0;\n left: 0;\n z-index: 9999;\n width: 100vw;\n height: 100vh;\n background-color: ", ";\n}\n"])), _colors.BmBgGrey45);
58
-
59
34
  exports.Overlay = Overlay;
60
-
61
35
  var ModalContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n border-radius: 0.25rem;\n padding: 1rem;\n margin: 2rem auto;\n background: ", ";\n width: auto;\n max-width: 100%;\n\n > *:not(:last-child) {\n margin-bottom: 0.5rem;\n }\n @media (min-width: 576px) {\n max-width: 500px;\n width: 500px;\n }\n"])), _colors.BmPrimaryWhite);
62
-
63
36
  exports.ModalContent = ModalContent;
64
-
65
37
  var ModalWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: fixed;\n top: 0;\n left: 0;\n z-index: 9999;\n display: block;\n width: 100%;\n height: 100%;\n overflow: hidden;\n outline: 0;\n margin: auto;\n overflow-x: hidden;\n overflow-y: auto;\n"])));
66
-
67
38
  exports.ModalWrapper = ModalWrapper;
68
-
69
39
  var BmModal = function BmModal(_ref) {
70
40
  var children = _ref.children,
71
- show = _ref.show,
72
- size = _ref.size,
73
- onHide = _ref.onHide,
74
- centered = _ref.centered,
75
- rest = _objectWithoutProperties(_ref, _excluded);
76
-
41
+ show = _ref.show,
42
+ size = _ref.size,
43
+ onHide = _ref.onHide,
44
+ centered = _ref.centered,
45
+ rest = _objectWithoutProperties(_ref, _excluded);
77
46
  var _useState = (0, _react.useState)(show),
78
- _useState2 = _slicedToArray(_useState, 2),
79
- toggle = _useState2[0],
80
- setToggle = _useState2[1];
81
-
47
+ _useState2 = _slicedToArray(_useState, 2),
48
+ toggle = _useState2[0],
49
+ setToggle = _useState2[1];
82
50
  (0, _react.useEffect)(function () {
83
51
  setToggle(show);
84
52
  }, [show]);
@@ -109,17 +77,14 @@ var BmModal = function BmModal(_ref) {
109
77
  size: size
110
78
  }, rest), children)))));
111
79
  };
112
-
113
80
  var ModalHeader = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
114
-
115
81
  BmModal.Header = function (_ref2) {
116
82
  var children = _ref2.children,
117
- size = _ref2.size,
118
- onHide = _ref2.onHide,
119
- closeButton = _ref2.closeButton,
120
- show = _ref2.show,
121
- rest = _objectWithoutProperties(_ref2, _excluded2);
122
-
83
+ size = _ref2.size,
84
+ onHide = _ref2.onHide,
85
+ closeButton = _ref2.closeButton,
86
+ show = _ref2.show,
87
+ rest = _objectWithoutProperties(_ref2, _excluded2);
123
88
  return /*#__PURE__*/_react.default.createElement(Consumer, null, function (value) {
124
89
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ModalHeader, rest, /*#__PURE__*/_react.default.createElement("p", null, "\xA0"), children, closeButton ? /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, _extends({
125
90
  size: "xlarge",
@@ -130,21 +95,19 @@ BmModal.Header = function (_ref2) {
130
95
  }, rest)) : /*#__PURE__*/_react.default.createElement("p", null, "\xA0")));
131
96
  });
132
97
  };
133
-
134
98
  BmModal.SubHeader = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n"])));
135
- BmModal.Body = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n > *:not(:last-child) {\n margin-bottom: 0.5rem;\n }\n ", "\n"])), ''
136
- /* max-height: ${({ size }) => {
137
- if (size) {
138
- if (size === "small") return "21.429rem";
139
- if (size === "default") return "35.714rem";
140
- if (size === "large") return "57.143rem";
141
- if (size === "xlarge") return "81.429rem";
142
- return size;
143
- }
144
- return "35.714rem";
145
- }};
146
- overflow: auto; */
147
- );
99
+ BmModal.Body = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n > *:not(:last-child) {\n margin-bottom: 0.5rem;\n }\n ", "\n"])), '' /* max-height: ${({ size }) => {
100
+ if (size) {
101
+ if (size === "small") return "21.429rem";
102
+ if (size === "default") return "35.714rem";
103
+ if (size === "large") return "57.143rem";
104
+ if (size === "xlarge") return "81.429rem";
105
+ return size;
106
+ }
107
+ return "35.714rem";
108
+ }};
109
+ overflow: auto; */);
110
+
148
111
  BmModal.Footer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n"])));
149
112
  BmModal.propTypes = {
150
113
  size: _propTypes.default.string,
@@ -1,36 +1,22 @@
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 = exports.SampleModal = exports.ModalWithSubHeader = exports.ExampleModal = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _modal = _interopRequireDefault(require("./modal"));
13
-
14
10
  var _buttons = require("../Buttons/buttons");
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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
13
  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
14
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
23
-
24
15
  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."); }
25
-
26
16
  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); }
27
-
28
17
  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; }
29
-
30
18
  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; }
31
-
32
19
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
33
-
34
20
  var _default = {
35
21
  component: _modal.default,
36
22
  title: 'components/Modals',
@@ -59,13 +45,11 @@ var _default = {
59
45
  }
60
46
  };
61
47
  exports.default = _default;
62
-
63
48
  var SampleModal = function SampleModal() {
64
49
  var _useState = (0, _react.useState)(false),
65
- _useState2 = _slicedToArray(_useState, 2),
66
- showModal = _useState2[0],
67
- setShowModal = _useState2[1];
68
-
50
+ _useState2 = _slicedToArray(_useState, 2),
51
+ showModal = _useState2[0],
52
+ setShowModal = _useState2[1];
69
53
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttons.BmButton, {
70
54
  onClick: function onClick() {
71
55
  return setShowModal(!showModal);
@@ -79,15 +63,12 @@ var SampleModal = function SampleModal() {
79
63
  closeButton: true
80
64
  }, /*#__PURE__*/_react.default.createElement("h2", null, "Header")), /*#__PURE__*/_react.default.createElement(_modal.default.Body, null, /*#__PURE__*/_react.default.createElement("p", null, "This is a body")), /*#__PURE__*/_react.default.createElement(_modal.default.Footer, null, /*#__PURE__*/_react.default.createElement("p", null, "This is a footer"))));
81
65
  };
82
-
83
66
  exports.SampleModal = SampleModal;
84
-
85
67
  var ModalWithSubHeader = function ModalWithSubHeader() {
86
68
  var _useState3 = (0, _react.useState)(false),
87
- _useState4 = _slicedToArray(_useState3, 2),
88
- showModal = _useState4[0],
89
- setShowModal = _useState4[1];
90
-
69
+ _useState4 = _slicedToArray(_useState3, 2),
70
+ showModal = _useState4[0],
71
+ setShowModal = _useState4[1];
91
72
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttons.BmButton, {
92
73
  onClick: function onClick() {
93
74
  return setShowModal(!showModal);
@@ -101,15 +82,12 @@ var ModalWithSubHeader = function ModalWithSubHeader() {
101
82
  closeButton: true
102
83
  }, /*#__PURE__*/_react.default.createElement("h2", null, "Header")), /*#__PURE__*/_react.default.createElement(_modal.default.SubHeader, null, /*#__PURE__*/_react.default.createElement("h5", null, "This modal has a sub heading")), /*#__PURE__*/_react.default.createElement(_modal.default.Body, null, /*#__PURE__*/_react.default.createElement("p", null, "This is a body")), /*#__PURE__*/_react.default.createElement(_modal.default.Footer, null, /*#__PURE__*/_react.default.createElement("p", null, "This is a footer"))));
103
84
  };
104
-
105
85
  exports.ModalWithSubHeader = ModalWithSubHeader;
106
-
107
86
  var ExampleModal = function ExampleModal() {
108
87
  var _useState5 = (0, _react.useState)(false),
109
- _useState6 = _slicedToArray(_useState5, 2),
110
- showModal = _useState6[0],
111
- setShowModal = _useState6[1];
112
-
88
+ _useState6 = _slicedToArray(_useState5, 2),
89
+ showModal = _useState6[0],
90
+ setShowModal = _useState6[1];
113
91
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttons.BmButton, {
114
92
  onClick: function onClick() {
115
93
  return setShowModal(!showModal);
@@ -130,5 +108,4 @@ var ExampleModal = function ExampleModal() {
130
108
  variant: "secondary"
131
109
  }, "View"))));
132
110
  };
133
-
134
111
  exports.ExampleModal = ExampleModal;
@@ -1,80 +1,51 @@
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.NoteBarWrapper = exports.BmNoteBar = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
10
  var _icons = require("@material-ui/icons");
15
-
16
11
  var _styledComponents = _interopRequireDefault(require("styled-components"));
17
-
18
12
  var _colors = require("../colors");
19
-
20
13
  var _iconStyles = require("../iconStyles");
21
-
22
14
  var _excluded = ["type", "children", "color", "size", "closeButton"];
23
-
24
15
  var _templateObject;
25
-
26
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
-
28
17
  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); }
29
-
30
18
  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; }
31
-
32
19
  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); }
33
-
34
20
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
35
-
36
21
  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."); }
37
-
38
22
  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); }
39
-
40
23
  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; }
41
-
42
24
  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; }
43
-
44
25
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
45
-
46
26
  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; }
47
-
48
27
  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; }
49
-
50
28
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
51
-
52
29
  var NoteBarWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: ", ";\n flex-direction: row;\n align-items: center;\n padding: 0.5rem 1rem;\n border: 0.071rem solid ", ";\n border-radius: 0.25rem;\n > *:not(:last-child) {\n margin-right: 0.5rem;\n }\n"])), function (_ref) {
53
30
  var closeButton = _ref.closeButton,
54
- isOpen = _ref.isOpen;
55
-
31
+ isOpen = _ref.isOpen;
56
32
  if (!closeButton) {
57
33
  return 'flex';
58
34
  }
59
-
60
35
  return isOpen ? 'flex' : 'none';
61
36
  }, _colors.BmGrey400);
62
-
63
37
  exports.NoteBarWrapper = NoteBarWrapper;
64
-
65
38
  var BmNoteBar = function BmNoteBar(_ref2) {
66
39
  var type = _ref2.type,
67
- children = _ref2.children,
68
- color = _ref2.color,
69
- size = _ref2.size,
70
- closeButton = _ref2.closeButton,
71
- rest = _objectWithoutProperties(_ref2, _excluded);
72
-
40
+ children = _ref2.children,
41
+ color = _ref2.color,
42
+ size = _ref2.size,
43
+ closeButton = _ref2.closeButton,
44
+ rest = _objectWithoutProperties(_ref2, _excluded);
73
45
  var _useState = (0, _react.useState)(true),
74
- _useState2 = _slicedToArray(_useState, 2),
75
- isOpen = _useState2[0],
76
- setIsOpen = _useState2[1];
77
-
46
+ _useState2 = _slicedToArray(_useState, 2),
47
+ isOpen = _useState2[0],
48
+ setIsOpen = _useState2[1];
78
49
  return /*#__PURE__*/_react.default.createElement(NoteBarWrapper, _extends({
79
50
  closeButton: closeButton,
80
51
  isOpen: isOpen
@@ -102,7 +73,6 @@ var BmNoteBar = function BmNoteBar(_ref2) {
102
73
  }
103
74
  }));
104
75
  };
105
-
106
76
  exports.BmNoteBar = BmNoteBar;
107
77
  BmNoteBar.propTypes = {
108
78
  children: _propTypes.default.object,
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.NoteBarWithCloseButton = exports.NoteBar = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _noteBar = require("./noteBar");
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  /* eslint-disable import/no-anonymous-default-export */
15
11
  var _default = {
16
12
  component: _noteBar.BmNoteBar,
@@ -54,11 +50,9 @@ var _default = {
54
50
  }
55
51
  };
56
52
  exports.default = _default;
57
-
58
53
  var MainNoteBar = function MainNoteBar(args) {
59
54
  return /*#__PURE__*/_react.default.createElement(_noteBar.BmNoteBar, args);
60
55
  };
61
-
62
56
  var NoteBar = MainNoteBar.bind({});
63
57
  exports.NoteBar = NoteBar;
64
58
  NoteBar.args = {
@@ -4,36 +4,22 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = 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 _colors = require("../colors");
15
-
16
11
  var _excluded = ["children"];
17
-
18
12
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
19
-
20
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
14
  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; }
23
-
24
15
  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; }
25
-
26
16
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
27
-
28
17
  var BmPaymentBoxWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n flex-direction: column;\n min-width: 240px;\n min-height: 280px;\n border: 0.071rem solid ", ";\n border-radius: 0.5rem;\n > * {\n margin-bottom: 1rem;\n }\n &:hover {\n box-shadow: 0 0 60px rgba(0, 0, 0, 0.08);\n }\n"])), _colors.BmGrey200);
29
-
30
18
  var BmPaymentBox = function BmPaymentBox(_ref) {
31
19
  var children = _ref.children,
32
- rest = _objectWithoutProperties(_ref, _excluded);
33
-
20
+ rest = _objectWithoutProperties(_ref, _excluded);
34
21
  return /*#__PURE__*/_react.default.createElement(BmPaymentBoxWrapper, rest, children);
35
22
  };
36
-
37
23
  BmPaymentBox.Header = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 0.5rem 0rem;\n border-radius: 0.5rem 0.5rem 0rem 0rem;\n background: ", "} \n"])), function (_ref2) {
38
24
  var headerColor = _ref2.headerColor;
39
25
  return headerColor || _colors.BmPrimaryBlue;
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.SamplePaymentBox = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _paymentBox = _interopRequireDefault(require("./paymentBox"));
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  /* eslint-disable import/no-anonymous-default-export */
15
11
  var _default = {
16
12
  component: _paymentBox.default,
@@ -25,9 +21,7 @@ var _default = {
25
21
  }
26
22
  };
27
23
  exports.default = _default;
28
-
29
24
  var SamplePaymentBox = function SamplePaymentBox() {
30
25
  return /*#__PURE__*/_react.default.createElement(_paymentBox.default, null, /*#__PURE__*/_react.default.createElement(_paymentBox.default.Header, null, /*#__PURE__*/_react.default.createElement("h2", null, "Header")), /*#__PURE__*/_react.default.createElement(_paymentBox.default.Body, null, /*#__PURE__*/_react.default.createElement("p", null, "This is a body")), /*#__PURE__*/_react.default.createElement(_paymentBox.default.Footer, null, /*#__PURE__*/_react.default.createElement("p", null, "This is a footer")));
31
26
  };
32
-
33
27
  exports.SamplePaymentBox = SamplePaymentBox;
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.PerformanceIndicator = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _performanceIndicator = require("./performanceIndicator");
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  /* eslint-disable import/no-anonymous-default-export */
15
11
  var _default = {
16
12
  component: _performanceIndicator.BmPerformanceIndicator,
@@ -51,11 +47,9 @@ var _default = {
51
47
  }
52
48
  };
53
49
  exports.default = _default;
54
-
55
50
  var MainPI = function MainPI(args) {
56
51
  return /*#__PURE__*/_react.default.createElement(_performanceIndicator.BmPerformanceIndicator, args);
57
52
  };
58
-
59
53
  var PerformanceIndicator = MainPI.bind({});
60
54
  exports.PerformanceIndicator = PerformanceIndicator;
61
55
  PerformanceIndicator.args = {
@@ -4,50 +4,32 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.BmPerformanceIndicator = exports.BmPIWrapper = 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 _ArrowCircleUp = _interopRequireDefault(require("@mui/icons-material/ArrowCircleUp"));
15
-
16
11
  var _ArrowCircleDown = _interopRequireDefault(require("@mui/icons-material/ArrowCircleDown"));
17
-
18
12
  var _colors = require("../colors");
19
-
20
13
  var _iconStyles = require("../iconStyles");
21
-
22
14
  var _excluded = ["type", "children", "size", "color"];
23
-
24
15
  var _templateObject;
25
-
26
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
-
28
17
  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); }
29
-
30
18
  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; }
31
-
32
19
  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; }
33
-
34
20
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
35
-
36
21
  var BmPIWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n > *:not(:last-child) {\n margin-right: 0.5rem;\n }\n h2 {\n color: ", ";\n }\n"])), function (_ref) {
37
22
  var color = _ref.color;
38
23
  if (color) return color;
39
24
  return "".concat(_colors.BmGrey400);
40
25
  });
41
-
42
26
  exports.BmPIWrapper = BmPIWrapper;
43
-
44
27
  var BmPerformanceIndicator = function BmPerformanceIndicator(_ref2) {
45
28
  var type = _ref2.type,
46
- children = _ref2.children,
47
- size = _ref2.size,
48
- color = _ref2.color,
49
- rest = _objectWithoutProperties(_ref2, _excluded);
50
-
29
+ children = _ref2.children,
30
+ size = _ref2.size,
31
+ color = _ref2.color,
32
+ rest = _objectWithoutProperties(_ref2, _excluded);
51
33
  return /*#__PURE__*/_react.default.createElement(BmPIWrapper, _extends({
52
34
  color: color
53
35
  }, rest), type === 'upwards' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
@@ -60,7 +42,6 @@ var BmPerformanceIndicator = function BmPerformanceIndicator(_ref2) {
60
42
  color: color || "".concat(_colors.BmGrey400)
61
43
  }), /*#__PURE__*/_react.default.createElement("h2", null, children));
62
44
  };
63
-
64
45
  exports.BmPerformanceIndicator = BmPerformanceIndicator;
65
46
  BmPerformanceIndicator.propTypes = {
66
47
  children: _propTypes.default.string,