@spothero/ui 21.6.1 → 21.6.3

package/dist/components/Popover/Popover.stories.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Variant = exports.Placement = exports.NoHeader = exports.NoCloseButton = void 0;
+exports.default = exports.Variant = exports.Placement = exports.NoHeader = exports.NoCloseButton = exports.NoArrow = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
@@ -67,4 +67,14 @@ const NoCloseButtonTemplate = props => /*#__PURE__*/_react.default.createElement
 const NoCloseButton = exports.NoCloseButton = NoCloseButtonTemplate.bind({});
 NoCloseButton.argTypes = {
   ...(0, _disableArgs.default)(['variant', 'placement'])
+};
+const NoArrowTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
+  defaultIsOpen: true
+}, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
+  hideArrow: true,
+  header: "Confirmation!"
+}, "Are you sure you want to have that milkshake?"));
+const NoArrow = exports.NoArrow = NoArrowTemplate.bind({});
+NoArrow.argTypes = {
+  ...(0, _disableArgs.default)(['variant', 'placement'])
 };

package/dist/components/Popover/PopoverContent.js

@@ -18,18 +18,21 @@ const PopoverContent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     variant,
     children,
     hideCloseButton,
+    hideArrow,
+    popoverBodyProps,
     ...rest
   } = props;
   return /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, (0, _extends2.default)({}, rest, {
     ref: ref
-  }), /*#__PURE__*/_react.default.createElement(_PopoverArrow.default, {
+  }), hideArrow ? null : /*#__PURE__*/_react.default.createElement(_PopoverArrow.default, {
     variant: variant
   }), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_PopoverCloseButton.default, {
     variant: variant
-  }), header ? /*#__PURE__*/_react.default.createElement(_react2.PopoverHeader, null, header) : null, /*#__PURE__*/_react.default.createElement(_react2.PopoverBody, null, children));
+  }), header ? /*#__PURE__*/_react.default.createElement(_react2.PopoverHeader, null, header) : null, /*#__PURE__*/_react.default.createElement(_react2.PopoverBody, popoverBodyProps, children));
 });
 PopoverContent.defaultProps = {
   variant: 'light',
-  hideCloseButton: false
+  hideCloseButton: false,
+  hideArrow: false
 };
 var _default = exports.default = PopoverContent;

package/dist/components/Popover/index.js

@@ -16,6 +16,12 @@ Object.defineProperty(exports, "PopoverAnchor", {
     return _react.PopoverAnchor;
   }
 });
+Object.defineProperty(exports, "PopoverArrow", {
+  enumerable: true,
+  get: function () {
+    return _PopoverArrow.default;
+  }
+});
 Object.defineProperty(exports, "PopoverContent", {
   enumerable: true,
   get: function () {
@@ -30,4 +36,5 @@ Object.defineProperty(exports, "PopoverTrigger", {
 });
 var _react = require("@chakra-ui/react");
 var _Popover = _interopRequireDefault(require("./Popover"));
-var _PopoverContent = _interopRequireDefault(require("./PopoverContent"));
+var _PopoverContent = _interopRequireDefault(require("./PopoverContent"));
+var _PopoverArrow = _interopRequireDefault(require("./PopoverArrow"));

package/dist/components/index.js

@@ -34,6 +34,7 @@ var _exportNames = {
   Divider: true,
   Popover: true,
   PopoverAnchor: true,
+  PopoverArrow: true,
   PopoverTrigger: true,
   PopoverContent: true,
   Radio: true,
@@ -401,6 +402,12 @@ Object.defineProperty(exports, "PopoverAnchor", {
     return _Popover.PopoverAnchor;
   }
 });
+Object.defineProperty(exports, "PopoverArrow", {
+  enumerable: true,
+  get: function () {
+    return _Popover.PopoverArrow;
+  }
+});
 Object.defineProperty(exports, "PopoverContent", {
   enumerable: true,
   get: function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "21.6.1",
+  "version": "21.6.3",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -96,12 +96,12 @@
     "sass-loader": "10.2.1",
     "@spothero/babel-preset-spothero": "5.1.0",
     "@spothero/browserslist-config": "4.0.0",
-    "@spothero/core": "7.0.0",
-    "@spothero/icons": "8.1.0",
     "@spothero/eslint-config": "6.1.0",
-    "@spothero/npm-publisher": "7.0.0",
+    "@spothero/icons": "8.1.0",
+    "@spothero/core": "7.0.0",
     "@spothero/prettier-config": "4.0.0",
-    "@spothero/stylelint-config": "6.0.0"
+    "@spothero/stylelint-config": "6.0.0",
+    "@spothero/npm-publisher": "7.0.0"
   },
   "dependencies": {
     "@chakra-ui/react": "1.8.8",