beem-component 1.5.6 → 1.5.9

package/dist/components/NoteBar/noteBar.js

@@ -1,15 +1,19 @@
 "use strict";
 
-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); }
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
+var _interopRequireWildcard = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireWildcard.js").default;
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NoteBarWrapper = exports.BmNoteBar = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/slicedToArray.js"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _icons = require("@material-ui/icons");
 
@@ -21,43 +25,17 @@ var _iconStyles = require("../iconStyles");
 
 var _excluded = ["type", "children", "color", "size", "closeButton"];
 
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-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; }
-
-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); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-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."); }
-
-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); }
-
-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; }
-
-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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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; }
-
-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; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-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) {
+var NoteBarWrapper = _styledComponents.default.div.withConfig({
+  displayName: "noteBar__NoteBarWrapper"
+})(["display:", ";flex-direction:row;align-items:center;padding:0.5rem 1rem;border:0.071rem solid ", ";border-radius:0.25rem;> *:not(:last-child){margin-right:0.5rem;}"], function (_ref) {
   var closeButton = _ref.closeButton,
       isOpen = _ref.isOpen;
 
   if (!closeButton) {
-    return "flex";
+    return 'flex';
   }
 
-  return isOpen ? "flex" : "none";
+  return isOpen ? 'flex' : 'none';
 }, _colors.BmGrey400);
 
 exports.NoteBarWrapper = NoteBarWrapper;
@@ -68,34 +46,34 @@ var BmNoteBar = function BmNoteBar(_ref2) {
       color = _ref2.color,
       size = _ref2.size,
       closeButton = _ref2.closeButton,
-      rest = _objectWithoutProperties(_ref2, _excluded);
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
 
   var _useState = (0, _react.useState)(true),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isOpen = _useState2[0],
       setIsOpen = _useState2[1];
 
-  return /*#__PURE__*/_react.default.createElement(NoteBarWrapper, _extends({
+  return /*#__PURE__*/_react.default.createElement(NoteBarWrapper, Object.assign({
     closeButton: closeButton,
     isOpen: isOpen
-  }, rest), type === "info" && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
+  }, rest), type === 'info' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.Info, null),
-    color: color ? color : "".concat(_colors.BmPrimaryBlue),
-    size: size ? size : "large"
-  }), type === "error" && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
+    color: color || "".concat(_colors.BmPrimaryBlue),
+    size: size || 'large'
+  }), type === 'error' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.Error, null),
-    color: color ? color : "".concat(_colors.BmSecondaryRed),
-    size: size ? size : "large"
-  }), type === "warning" && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
+    color: color || "".concat(_colors.BmSecondaryRed),
+    size: size || 'large'
+  }), type === 'warning' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.Warning, null),
-    color: color ? color : "".concat(_colors.BmPrimaryGold),
-    size: size ? size : "large"
+    color: color || "".concat(_colors.BmPrimaryGold),
+    size: size || 'large'
   }), children, closeButton && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.Clear, null),
-    color: color ? color : "".concat(_colors.BmSecondaryGrey),
-    size: size ? size : "small",
+    color: color || "".concat(_colors.BmSecondaryGrey),
+    size: size || 'small',
     style: {
-      marginLeft: "auto"
+      marginLeft: 'auto'
     },
     onClick: function onClick() {
       return setIsOpen(false);
@@ -103,11 +81,4 @@ var BmNoteBar = function BmNoteBar(_ref2) {
   }));
 };
 
-exports.BmNoteBar = BmNoteBar;
-BmNoteBar.propTypes = {
-  children: _propTypes.default.object,
-  color: _propTypes.default.string,
-  size: _propTypes.default.string,
-  type: _propTypes.default.string,
-  closeButton: _propTypes.default.bool
-};
+exports.BmNoteBar = BmNoteBar;

package/dist/components/NoteBar/noteBar.stories.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,47 +11,45 @@ var _react = _interopRequireDefault(require("react"));
 
 var _noteBar = require("./noteBar");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _noteBar.BmNoteBar,
-  title: "components/NoteBar",
+  title: 'components/NoteBar',
   argTypes: {
     size: {
-      options: ["small", "medium", "large"],
+      options: ['small', 'medium', 'large'],
       control: {
-        type: "select"
+        type: 'select'
       },
-      description: "Size of the icons",
+      description: 'Size of the icons',
       defaultValue: {
-        summary: "large"
+        summary: 'large'
       }
     },
     children: {
-      description: "Note Description ",
+      description: 'Note Description ',
       defaultValue: {
         summary: undefined
       }
     },
     type: {
-      options: ["info", "warning", "error"],
+      options: ['info', 'warning', 'error'],
       control: {
-        type: "select"
+        type: 'select'
       },
-      description: "Type of note",
+      description: 'Type of note',
       defaultValue: {
         summary: undefined
       }
     },
     color: {
-      description: "Color of the icon ",
+      description: 'Color of the icon ',
       defaultValue: {
         summary: undefined
       }
     },
     closeButton: {
-      description: "If present will allow to close the notebar, default size of the icon is small"
+      description: 'If present will allow to close the notebar, default size of the icon is small'
     }
   }
 };
@@ -62,16 +62,16 @@ var MainNoteBar = function MainNoteBar(args) {
 var NoteBar = MainNoteBar.bind({});
 exports.NoteBar = NoteBar;
 NoteBar.args = {
-  type: "warning",
-  size: "large",
+  type: 'warning',
+  size: 'large',
   children: /*#__PURE__*/_react.default.createElement("p", null, "NoteBar"),
   color: undefined
 };
 var NoteBarWithCloseButton = MainNoteBar.bind({});
 exports.NoteBarWithCloseButton = NoteBarWithCloseButton;
 NoteBarWithCloseButton.args = {
-  type: "warning",
-  size: "large",
+  type: 'warning',
+  size: 'large',
   children: /*#__PURE__*/_react.default.createElement("p", null, "NoteBar"),
   color: undefined,
   closeButton: true

package/dist/components/PerformanceIndicator/performaceIndicator.stories.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,41 +11,39 @@ var _react = _interopRequireDefault(require("react"));
 
 var _performanceIndicator = require("./performanceIndicator");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _performanceIndicator.BmPerformanceIndicator,
-  title: "components/PerformanceIndicator",
+  title: 'components/PerformanceIndicator',
   argTypes: {
     size: {
-      options: ["small", "medium", "large", "xlarge"],
+      options: ['small', 'medium', 'large', 'xlarge'],
       control: {
-        type: "select"
+        type: 'select'
       },
-      description: "Size of the Indicator (Can also be predefined e.g. 10px)",
+      description: 'Size of the Indicator (Can also be predefined e.g. 10px)',
       defaultValue: {
-        summary: "xlarge"
+        summary: 'xlarge'
       }
     },
     type: {
-      options: ["upwards", "downwards"],
+      options: ['upwards', 'downwards'],
       control: {
-        type: "select"
+        type: 'select'
       },
-      description: "Type of Indicator",
+      description: 'Type of Indicator',
       defaultValue: {
         summary: undefined
       }
     },
     children: {
-      description: "Performance Indicator Value (h2)",
+      description: 'Performance Indicator Value (h2)',
       defaultValue: {
         summary: undefined
       }
     },
     color: {
-      description: "Color of Performance Indicator",
+      description: 'Color of Performance Indicator',
       defaultValue: {
         summary: undefined
       }
@@ -59,8 +59,8 @@ var MainPI = function MainPI(args) {
 var PerformanceIndicator = MainPI.bind({});
 exports.PerformanceIndicator = PerformanceIndicator;
 PerformanceIndicator.args = {
-  type: "upwards",
-  size: "xlarge",
-  children: "100%",
+  type: 'upwards',
+  size: 'xlarge',
+  children: '100%',
   color: undefined
 };

package/dist/components/PerformanceIndicator/performanceIndicator.js

@@ -1,37 +1,31 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmPerformanceIndicator = exports.BmPIWrapper = void 0;
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
 
-var _colors = require("../colors");
+var _react = _interopRequireDefault(require("react"));
 
-var _iconStyles = require("../iconStyles");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _ArrowCircleUp = _interopRequireDefault(require("@mui/icons-material/ArrowCircleUp"));
 
 var _ArrowCircleDown = _interopRequireDefault(require("@mui/icons-material/ArrowCircleDown"));
 
-var _excluded = ["type", "children", "size", "color"];
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-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; }
+var _colors = require("../colors");
 
-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; }
+var _iconStyles = require("../iconStyles");
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var _excluded = ["type", "children", "size", "color"];
 
-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) {
+var BmPIWrapper = _styledComponents.default.div.withConfig({
+  displayName: "performanceIndicator__BmPIWrapper"
+})(["display:flex;flex-direction:row;align-items:center;> *:not(:last-child){margin-right:0.5rem;}h2{color:", ";}"], function (_ref) {
   var color = _ref.color;
   if (color) return color;
   return "".concat(_colors.BmGrey400);
@@ -44,25 +38,18 @@ var BmPerformanceIndicator = function BmPerformanceIndicator(_ref2) {
       children = _ref2.children,
       size = _ref2.size,
       color = _ref2.color,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
-  return /*#__PURE__*/React.createElement(BmPIWrapper, _extends({
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  return /*#__PURE__*/_react.default.createElement(BmPIWrapper, Object.assign({
     color: color
-  }, rest), type === "upwards" && /*#__PURE__*/React.createElement(_iconStyles.BmIcons, {
-    icon: /*#__PURE__*/React.createElement(_ArrowCircleUp.default, null),
-    size: size || "xlarge",
+  }, rest), type === 'upwards' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
+    icon: /*#__PURE__*/_react.default.createElement(_ArrowCircleUp.default, null),
+    size: size || 'xlarge',
     color: color || "".concat(_colors.BmGrey400)
-  }), type === "downwards" && /*#__PURE__*/React.createElement(_iconStyles.BmIcons, {
-    icon: /*#__PURE__*/React.createElement(_ArrowCircleDown.default, null),
-    size: size || "xlarge",
+  }), type === 'downwards' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
+    icon: /*#__PURE__*/_react.default.createElement(_ArrowCircleDown.default, null),
+    size: size || 'xlarge',
     color: color || "".concat(_colors.BmGrey400)
-  }), /*#__PURE__*/React.createElement("h2", null, children));
+  }), /*#__PURE__*/_react.default.createElement("h2", null, children));
 };
 
-exports.BmPerformanceIndicator = BmPerformanceIndicator;
-BmPerformanceIndicator.propTypes = {
-  children: _propTypes.default.string,
-  color: _propTypes.default.string,
-  size: _propTypes.default.string,
-  type: _propTypes.default.string
-};
+exports.BmPerformanceIndicator = BmPerformanceIndicator;

package/dist/components/Pills/pills.js

@@ -1,21 +1,25 @@
 "use strict";
 
-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); }
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
+var _interopRequireWildcard = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireWildcard.js").default;
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmPillWrapper = exports.BmPill = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/slicedToArray.js"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _icons = require("@material-ui/icons");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _avatars = require("../Avatars/avatars");
+var _avatars = _interopRequireDefault(require("../Avatars/avatars"));
 
 var _colors = require("../colors");
 
@@ -25,42 +29,16 @@ var _text = require("../text");
 
 var _excluded = ["type", "icon", "avatarIcon", "size", "avatarSize", "color", "label", "onDelete", "deleteIcon"];
 
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-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; }
-
-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); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-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."); }
-
-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); }
-
-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; }
-
-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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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; }
-
-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; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmPillWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: ", ";\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 0.214rem 0.571rem;\n  background: ", ";\n  border-radius: 0.25rem;\n  ", "\n  > * {\n    margin-right: 0.25rem;\n  }\n"])), function (_ref) {
+var BmPillWrapper = _styledComponents.default.div.withConfig({
+  displayName: "pills__BmPillWrapper"
+})(["display:", ";flex-direction:row;justify-content:center;align-items:center;padding:0.214rem 0.571rem;background:", ";border-radius:0.25rem;", " > *{margin-right:0.25rem;}"], function (_ref) {
   var clicked = _ref.clicked;
 
   if (clicked) {
-    return "flex";
+    return 'flex';
   }
 
-  return "none";
+  return 'none';
 }, _colors.BmGrey100, function (_ref2) {
   var label = _ref2.label,
       color = _ref2.color;
@@ -79,14 +57,14 @@ var BmPill = function BmPill(_ref3) {
       label = _ref3.label,
       onDelete = _ref3.onDelete,
       deleteIcon = _ref3.deleteIcon,
-      rest = _objectWithoutProperties(_ref3, _excluded);
+      rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
 
   var _useState = (0, _react.useState)(true),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       clicked = _useState2[0],
       setClicked = _useState2[1];
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmPillWrapper, _extends({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmPillWrapper, Object.assign({
     label: label,
     onDelete: onDelete,
     onClick: function onClick() {
@@ -95,32 +73,22 @@ var BmPill = function BmPill(_ref3) {
     color: color,
     clicked: clicked
   }, rest), icon && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
-    size: size || "xsmall",
+    size: size || 'xsmall',
     icon: icon,
     color: color
-  }), avatarIcon && /*#__PURE__*/_react.default.createElement(_avatars.BmAvatar, {
+  }), avatarIcon && /*#__PURE__*/_react.default.createElement(_avatars.default, {
     user: avatarIcon,
-    size: avatarSize || "xsmall",
+    size: avatarSize || 'xsmall',
     type: "circle",
     color: color
   }), label, onDelete && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     style: {
-      margin: "0rem 0rem 0rem 1rem"
+      margin: '0rem 0rem 0rem 1rem'
     },
-    size: size || "xsmall",
-    icon: deleteIcon ? deleteIcon : /*#__PURE__*/_react.default.createElement(_icons.Clear, null),
-    color: color || "black"
+    size: size || 'xsmall',
+    icon: deleteIcon || /*#__PURE__*/_react.default.createElement(_icons.Clear, null),
+    color: color || 'black'
   })));
 };
 
-exports.BmPill = BmPill;
-BmPill.propTypes = {
-  icon: _propTypes.default.object,
-  avatarIcon: _propTypes.default.object,
-  size: _propTypes.default.string,
-  avatarSize: _propTypes.default.string,
-  color: _propTypes.default.string,
-  label: _propTypes.default.string,
-  onDelete: _propTypes.default.object,
-  deleteIcon: _propTypes.default.object
-};
+exports.BmPill = BmPill;

package/dist/components/Pills/pills.stories.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,69 +11,65 @@ var _icons = require("@material-ui/icons");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _colors = require("../colors");
-
 var _pills = require("./pills");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _pills.BmPill,
-  title: "components/Pills",
+  title: 'components/Pills',
   argTypes: {
     icon: {
-      description: "Material-UI icon(optional)",
+      description: 'Material-UI icon(optional)',
       defaultValue: {
         summary: undefined
       }
     },
     avatarIcon: {
-      description: "Material-UI icon(optional)",
+      description: 'Material-UI icon(optional)',
       defaultValue: {
         summary: undefined
       }
     },
     size: {
-      options: ["xsmall", "small", "medium", "large", "xlarge"],
+      options: ['xsmall', 'small', 'medium', 'large', 'xlarge'],
       control: {
-        type: "select"
+        type: 'select'
       },
-      description: "Size of the Icon (Can also be predefined e.g. 10px)",
+      description: 'Size of the Icon (Can also be predefined e.g. 10px)',
       defaultValue: {
-        summary: "xsmall"
+        summary: 'xsmall'
       }
     },
     avatarSize: {
-      options: ["xsmall", "small", "medium", "large", "xlarge"],
+      options: ['xsmall', 'small', 'medium', 'large', 'xlarge'],
       control: {
-        type: "select"
+        type: 'select'
       },
-      description: "Size of the AvatarIcon (Can also be predefined e.g. 10px)",
+      description: 'Size of the AvatarIcon (Can also be predefined e.g. 10px)',
       defaultValue: {
-        summary: "xsmall"
+        summary: 'xsmall'
       }
     },
     label: {
-      description: "Pill label in uppercase",
+      description: 'Pill label in uppercase',
       defaultValue: {
-        summary: "undefined"
+        summary: 'undefined'
       }
     },
     color: {
-      description: "Color of Pill ",
+      description: 'Color of Pill ',
       defaultValue: {
-        summary: "black"
+        summary: 'black'
       }
     },
     onDelete: {
-      description: "Handles Deleting Pill",
+      description: 'Handles Deleting Pill',
       defaultValue: {
         summary: undefined
       }
     },
     deleteIcon: {
-      description: "Material-UI icon (Used only when OnDelete is present)",
+      description: 'Material-UI icon (Used only when OnDelete is present)',
       defaultValue: {
         summary: undefined
       }
@@ -88,7 +86,7 @@ var BasicPill = MainPill.bind({});
 exports.BasicPill = BasicPill;
 BasicPill.args = {
   icon: /*#__PURE__*/_react.default.createElement(_icons.Favorite, null),
-  label: "label",
+  label: 'label',
   color: undefined,
   onDelete: undefined,
   deleteIcon: undefined,
@@ -100,7 +98,7 @@ var CustomPill = MainPill.bind({});
 exports.CustomPill = CustomPill;
 CustomPill.args = {
   icon: undefined,
-  label: "label",
+  label: 'label',
   color: undefined,
   onDelete: true,
   deleteIcon: /*#__PURE__*/_react.default.createElement(_icons.Delete, null),