@bigbinary/neeto-molecules 3.7.9 → 3.7.11

package/dist/cjs/ShareViaLink.js

@@ -23,9 +23,9 @@ var injectCss = require('./inject-css-80a5faa3.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Modal = require('@bigbinary/neetoui/Modal');
 var Input$1 = require('@bigbinary/neetoui/Input');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
-require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@bigbinary/neeto-icons/Copy');
 require('@bigbinary/neeto-icons/Check');
@@ -69,6 +69,7 @@ var Twitter__default = /*#__PURE__*/_interopDefaultLegacy(Twitter);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
 var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var facebookShareLink = function facebookShareLink(_ref) {
@@ -1250,7 +1251,7 @@ var QRCode = function QRCode(_ref) {
     });
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-ui-border-gray-200 flex flex-col justify-center space-y-2 border-t py-3 pl-8 sm:space-y-4 sm:border-l sm:py-2 sm:pl-6",
+    className: "neeto-ui-border-gray-200 flex flex-col justify-start space-y-2 border-t py-3 pl-8 sm:space-y-4 sm:border-l sm:py-2 sm:pl-6",
     "data-cy": "qr-download-block",
     "data-testid": "qr-download-block",
     children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
@@ -1284,6 +1285,32 @@ var QRCode = function QRCode(_ref) {
   });
 };
 
+var Subtitle = function Subtitle(_ref) {
+  var link = _ref.link,
+    dataCy = _ref.dataCy,
+    _onClick = _ref.onClick,
+    subtitle = _ref.subtitle;
+  var Component = neetoCist.isPresent(link) ? reactRouterDom.Link : "div";
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    "data-cy": dataCy,
+    to: link,
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick(event);
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      style: "body3",
+      weight: "medium",
+      className: classnames__default["default"]("break-words", {
+        "neeto-ui-text-accent-800": neetoCist.isPresent(_onClick) || neetoCist.isPresent(link)
+      }),
+      children: subtitle
+    })
+  });
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ShareBlock = function ShareBlock(_ref) {
   var entity = _ref.entity,
     postTitle = _ref.postTitle,
@@ -1298,13 +1325,14 @@ var ShareBlock = function ShareBlock(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col divide-y sm:flex-row sm:gap-6 sm:divide-x sm:divide-y-0",
     children: [hasMoreOptions && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "divide-y",
+      className: "max-w-md divide-y",
       children: moreOptions.map(function (_ref2, index) {
         var title = _ref2.title,
           link = _ref2.link,
           Icon = _ref2.icon,
           onClick = _ref2.onClick,
-          dataCy = _ref2.dataCy;
+          dataCy = _ref2.dataCy,
+          subtitleProps = _ref2.subtitleProps;
         var Component = neetoCist.isPresent(link) ? reactRouterDom.Link : "div";
         return /*#__PURE__*/React.createElement(Component, {
           onClick: onClick,
@@ -1314,14 +1342,20 @@ var ShareBlock = function ShareBlock(_ref) {
           className: classnames__default["default"]("neeto-ui-border-gray-200 flex cursor-pointer items-center gap-x-2 border-t py-3", {
             "border-none": index === 0
           })
-        }, /*#__PURE__*/jsxRuntime.jsx(Icon, {
-          className: "neeto-ui-text-gray-500",
-          size: 24
-        }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-          className: "group-hover:underline",
-          style: "body2",
-          weight: "medium",
-          children: title
+        }, /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-row gap-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {
+            className: "neeto-ui-text-gray-500 flex-shrink-0",
+            size: 24
+          }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex flex-col gap-1",
+            children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+              className: "group-hover:underline",
+              style: "body2",
+              weight: "medium",
+              children: title
+            }), subtitleProps && /*#__PURE__*/jsxRuntime.jsx(Subtitle, _objectSpread({}, subtitleProps))]
+          })]
         }));
       })
     }), !disableShareSocialMedia && /*#__PURE__*/jsxRuntime.jsxs("div", {