@bigbinary/neeto-molecules 3.7.20 → 3.7.22

package/dist/cjs/ShareViaLink.js

@@ -19,7 +19,7 @@ var Linkedin = require('@bigbinary/neeto-icons/Linkedin');
 var Twitter = require('@bigbinary/neeto-icons/Twitter');
 var yup = require('yup');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
-var injectCss = require('./inject-css-80a5faa3.js');
+var injectCss = require('./inject-css-vQvjPR2x.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Modal = require('@bigbinary/neetoui/Modal');
 var Input$1 = require('@bigbinary/neetoui/Input');
@@ -35,10 +35,7 @@ require('@bigbinary/neeto-icons/MenuVertical');
 require('@bigbinary/neetoui/Dropdown');
 require('@bigbinary/neetoui/Tooltip');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -51,26 +48,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ExternalLink__default = /*#__PURE__*/_interopDefaultLegacy(ExternalLink);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
-var Facebook__default = /*#__PURE__*/_interopDefaultLegacy(Facebook);
-var Linkedin__default = /*#__PURE__*/_interopDefaultLegacy(Linkedin);
-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 yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
 var facebookShareLink = function facebookShareLink(_ref) {
   var id = _ref.id;
@@ -120,17 +102,17 @@ var truncatePrefix = function truncatePrefix(url) {
 var SOCIAL_MEDIA_OPTIONS = {
   FACEBOOK: {
     label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.facebook"),
-    icon: Facebook__default["default"],
+    icon: Facebook,
     generateShareUrl: facebookShareLink
   },
   LINKEDIN: {
     label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.linkedIn"),
-    icon: Linkedin__default["default"],
+    icon: Linkedin,
     generateShareUrl: linkedInShareLink
   },
   TWITTER: {
     label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.twitter"),
-    icon: Twitter__default["default"],
+    icon: Twitter,
     generateShareUrl: twitterShareLink
   }
 };
@@ -142,9 +124,9 @@ var MAX_PREFIX_SIZE = 30;
 var css = ".no-padding .neeto-ui-input.neeto-ui-input--medium input{padding:0}.no-padding .neeto-ui-input__prefix{color:rgb(var(--neeto-ui-gray-600))!important}";
 injectCss.n(css,{});
 
-var Header = Pane__default["default"].Header,
-  Body = Pane__default["default"].Body,
-  Footer = Pane__default["default"].Footer;
+var Header = Pane.Header,
+  Body = Pane.Body,
+  Footer = Pane.Footer;
 var EditURL = function EditURL(_ref) {
   var editUrlProps = _ref.editUrlProps,
     isOpen = _ref.isOpen,
@@ -160,14 +142,14 @@ var EditURL = function EditURL(_ref) {
     if (prevIsLoadingRef.current && !isLoading) onClose();
     prevIsLoadingRef.current = isLoading;
   }, [isLoading]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
     isOpen: isOpen,
     onClose: onClose,
     "data-testid": "edit-url-modal",
     initialFocusRef: focusRef,
     size: "large",
     children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         lineHeight: "normal",
         style: "h2",
         weight: "semibold",
@@ -189,7 +171,7 @@ var EditURL = function EditURL(_ref) {
         return /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
           children: [/*#__PURE__*/jsxRuntime.jsxs(Body, {
             className: "space-y-6",
-            children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
               className: "no-padding w-full flex-grow-0",
               "data-testid": "edit-url-input",
               label: t("neetoMolecules.shareViaLink.editUrl.inputLabel"),
@@ -197,7 +179,7 @@ var EditURL = function EditURL(_ref) {
               name: "path",
               ref: focusRef,
               prefix: truncatePrefix((editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.prefix) || getPrefixFromUrl(url))
-            }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
               className: "neeto-ui-text-gray-700",
               lineHeight: "normal",
               style: "body2",
@@ -205,7 +187,7 @@ var EditURL = function EditURL(_ref) {
             })]
           }), /*#__PURE__*/jsxRuntime.jsx(Footer, {
             className: "space-x-2",
-            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
               className: "flex items-center space-x-2",
               cancelButtonProps: {
                 onClick: onClose,
@@ -238,40 +220,40 @@ var RegenerateURL = function RegenerateURL(_ref) {
     if (prevIsLoadingRef.current && !isLoading) onClose();
     prevIsLoadingRef.current = isLoading;
   }, [isLoading]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Modal, {
     isOpen: isOpen,
     onClose: onClose,
     "data-testid": "regenerate-url-modal",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         lineHeight: "normal",
         style: "h2",
         weight: "semibold",
         children: t("neetoMolecules.shareViaLink.regenerateUrl.title")
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Body, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Modal.Body, {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "w-full space-y-6",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Input$1, {
           disabled: true,
           label: t("neetoMolecules.shareViaLink.regenerateUrl.inputLabel"),
           value: url
-        }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-text-gray-700",
           lineHeight: "normal",
           style: "body2",
           children: t("neetoMolecules.shareViaLink.regenerateUrl.description")
         })]
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"].Footer, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Modal.Footer, {
       className: "space-x-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "regenerate-url-confirm-button",
         "data-testid": "regenerate-url-confirm-button",
         loading: isLoading,
         label: t("neetoMolecules.shareViaLink.regenerateUrl.submitButtonLabel"),
         onClick: handleRegenerate
-      }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "regenerate-url-cancel-button",
         "data-testid": "regenerate-url-cancel-button",
         style: "text",
@@ -292,11 +274,11 @@ var Link = function Link(_ref) {
     previewUrl = _ref.previewUrl,
     url = _ref.url;
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isRegenerateURLModalOpen = _useState2[0],
     setIsRegenerateURLModalOpen = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isEditURLModalOpen = _useState4[0],
     setIsEditURLModalOpen = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -319,11 +301,11 @@ var Link = function Link(_ref) {
           "data-testid": "link-copy-button",
           label: t("neetoMolecules.shareViaLink.copyLink"),
           value: url
-        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        }), /*#__PURE__*/jsxRuntime.jsx(Button, {
           "data-cy": "preview-button",
           "data-testid": "preview-button",
           href: previewUrl || url,
-          icon: ExternalLink__default["default"],
+          icon: ExternalLink,
           style: "secondary",
           target: "_blank",
           tooltipProps: {
@@ -1161,7 +1143,7 @@ function QRCodeCanvas(props) {
   const canvasStyle = __spreadValues({ height: size, width: size }, style);
   let img = null;
   if (imgSrc != null) {
-    img = /* @__PURE__ */ React__default["default"].createElement("img", {
+    img = /* @__PURE__ */ React.createElement("img", {
       src: imgSrc,
       key: imgSrc,
       style: { display: "none" },
@@ -1171,7 +1153,7 @@ function QRCodeCanvas(props) {
       ref: _image
     });
   }
-  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("canvas", __spreadValues({
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("canvas", __spreadValues({
     style: canvasStyle,
     height: size,
     width: size,
@@ -1205,7 +1187,7 @@ function QRCodeSVG(props) {
     if (calculatedImageSettings.excavation != null) {
       cells = excavateModules(cells, calculatedImageSettings.excavation);
     }
-    image = /* @__PURE__ */ React__default["default"].createElement("image", {
+    image = /* @__PURE__ */ React.createElement("image", {
       xlinkHref: imageSettings.src,
       height: calculatedImageSettings.h,
       width: calculatedImageSettings.w,
@@ -1215,15 +1197,15 @@ function QRCodeSVG(props) {
     });
   }
   const fgPath = generatePath(cells, margin);
-  return /* @__PURE__ */ React__default["default"].createElement("svg", __spreadValues({
+  return /* @__PURE__ */ React.createElement("svg", __spreadValues({
     height: size,
     width: size,
     viewBox: `0 0 ${numCells} ${numCells}`
-  }, otherProps), /* @__PURE__ */ React__default["default"].createElement("path", {
+  }, otherProps), /* @__PURE__ */ React.createElement("path", {
     fill: bgColor,
     d: `M0,0 h${numCells}v${numCells}H0z`,
     shapeRendering: "crispEdges"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
+  }), /* @__PURE__ */ React.createElement("path", {
     fill: fgColor,
     d: fgPath,
     shapeRendering: "crispEdges"
@@ -1232,9 +1214,9 @@ function QRCodeSVG(props) {
 var QRCode$1 = (props) => {
   const _a = props, { renderAs } = _a, otherProps = __objRest(_a, ["renderAs"]);
   if (renderAs === "svg") {
-    return /* @__PURE__ */ React__default["default"].createElement(QRCodeSVG, __spreadValues({}, otherProps));
+    return /* @__PURE__ */ React.createElement(QRCodeSVG, __spreadValues({}, otherProps));
   }
-  return /* @__PURE__ */ React__default["default"].createElement(QRCodeCanvas, __spreadValues({}, otherProps));
+  return /* @__PURE__ */ React.createElement(QRCodeCanvas, __spreadValues({}, otherProps));
 };
 
 var QRCode = function QRCode(_ref) {
@@ -1254,14 +1236,14 @@ var QRCode = function QRCode(_ref) {
     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"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       lineHeight: "normal",
       style: "body2",
       weight: "medium",
       children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
         i18nKey: "neetoMolecules.shareViaLink.socialMediaShare.qrCodeInfo",
         components: {
-          button: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          button: /*#__PURE__*/jsxRuntime.jsx(Button, {
             "data-cy": "qr-code-download-button",
             "data-testid": "qr-code-download-button",
             style: "link",
@@ -1298,10 +1280,10 @@ var Subtitle = function Subtitle(_ref) {
       event.preventDefault();
       _onClick === null || _onClick === void 0 ? void 0 : _onClick(event);
     },
-    children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
       style: "body3",
       weight: "medium",
-      className: classnames__default["default"]("break-words", {
+      className: classnames("break-words", {
         "neeto-ui-text-accent-800": neetoCist.isPresent(_onClick) || neetoCist.isPresent(link)
       }),
       children: subtitle
@@ -1310,7 +1292,7 @@ var Subtitle = function Subtitle(_ref) {
 };
 
 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; }
+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(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,
@@ -1339,7 +1321,7 @@ var ShareBlock = function ShareBlock(_ref) {
           "data-cy": dataCy,
           key: link,
           to: link,
-          className: classnames__default["default"]("neeto-ui-border-gray-200 flex cursor-pointer items-center gap-x-2 border-t py-3", {
+          className: classnames("neeto-ui-border-gray-200 flex cursor-pointer items-center gap-x-2 border-t py-3", {
             "border-none": index === 0
           })
         }, /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -1349,7 +1331,7 @@ var ShareBlock = function ShareBlock(_ref) {
             size: 24
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-col gap-1",
-            children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
               className: "group-hover:underline",
               style: "body2",
               weight: "medium",
@@ -1361,10 +1343,10 @@ var ShareBlock = function ShareBlock(_ref) {
     }), !disableShareSocialMedia && /*#__PURE__*/jsxRuntime.jsxs("div", {
       "data-cy": "social-media-block",
       "data-testid": "social-media-block",
-      className: classnames__default["default"]("neeto-ui-border-gray-200 space-y-2 border-t py-3 sm:space-y-4 sm:border-l sm:py-2", {
+      className: classnames("neeto-ui-border-gray-200 space-y-2 border-t py-3 sm:space-y-4 sm:border-l sm:py-2", {
         "pl-8 sm:pl-6": hasMoreOptions
       }),
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "neeto-ui-text-gray-800",
         lineHeight: "normal",
         style: "body2",
@@ -1373,7 +1355,7 @@ var ShareBlock = function ShareBlock(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex gap-4",
         children: Object.entries(SOCIAL_MEDIA_OPTIONS).map(function (_ref3) {
-          var _ref4 = _slicedToArray__default["default"](_ref3, 2),
+          var _ref4 = _slicedToArray(_ref3, 2),
             key = _ref4[0],
             _ref4$ = _ref4[1],
             label = _ref4$.label,