@bigbinary/neeto-molecules 1.19.9 → 1.19.10

package/dist/MadeWith.js

@@ -1,6 +1,7 @@
 import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
+import { capitalize } from '@bigbinary/neeto-cist';
 import { Trans } from 'react-i18next';
 import { n } from './inject-css-c86de496.js';
 
@@ -11,7 +12,7 @@ var _excluded = ["productName"];
 var MadeWith = function MadeWith(_ref) {
   var productName = _ref.productName,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  var name = productName || globalProps.appName;
+  var name = capitalize(productName || globalProps.appName);
   return /*#__PURE__*/React__default.createElement("a", _extends({
     className: "neeto-molecules-made-with__wrapper",
     "data-cy": "made-with-".concat(name.toLowerCase()),

package/dist/MadeWith.js.map

@@ -1 +1 @@
-{"version":3,"file":"MadeWith.js","sources":["../src/components/MadeWith/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nimport \"./made-with.scss\";\n\nconst MadeWith = ({ productName, ...otherProps }) => {\n  const name = productName || globalProps.appName;\n\n  return (\n    <a\n      className=\"neeto-molecules-made-with__wrapper\"\n      data-cy={`made-with-${name.toLowerCase()}`}\n      data-testid={`made-with-${name.toLowerCase()}`}\n      href={`https://www.neeto.com/${name.toLowerCase()}`}\n      rel=\"noreferrer\"\n      target=\"_blank\"\n      {...otherProps}\n    >\n      <Trans\n        i18nKey=\"neetoMolecules.common.madeWith\"\n        values={{ productName: name }}\n      />\n    </a>\n  );\n};\n\nMadeWith.propTypes = {\n  /**\n   * Product name to be displayed on the component (optional).\n   */\n  productName: PropTypes.string,\n};\n\nexport default React.memo(MadeWith);\n"],"names":["MadeWith","_ref","productName","otherProps","_objectWithoutProperties","_excluded","name","globalProps","appName","React","createElement","_extends","className","concat","toLowerCase","href","rel","target","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;AAOA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAjCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAC5C,EAAA,IAAMC,IAAI,GAAGJ,WAAW,IAAIK,WAAW,CAACC,OAAO,CAAA;AAE/C,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,QAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,oCAAoC;AAC9C,IAAA,SAAA,EAAA,YAAA,CAAAC,MAAA,CAAsBP,IAAI,CAACQ,WAAW,EAAE,CAAG;AAC3C,IAAA,aAAA,EAAA,YAAA,CAAAD,MAAA,CAA0BP,IAAI,CAACQ,WAAW,EAAE,CAAG;IAC/CC,IAAI,EAAA,wBAAA,CAAAF,MAAA,CAA2BP,IAAI,CAACQ,WAAW,EAAE,CAAG;AACpDE,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EACXd,UAAU,CAEdM,eAAAA,cAAA,CAAAC,aAAA,CAACQ,KAAK,EAAA;AACJC,IAAAA,OAAO,EAAC,gCAAgC;AACxCC,IAAAA,MAAM,EAAE;AAAElB,MAAAA,WAAW,EAAEI,IAAAA;AAAK,KAAA;AAAE,GAC/B,CACA,CAAC,CAAA;AAER,CAAC,CAAA;AASD,YAAA,aAAeG,cAAK,CAACY,IAAI,CAACrB,QAAQ,CAAC;;;;"}
+{"version":3,"file":"MadeWith.js","sources":["../src/components/MadeWith/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nimport \"./made-with.scss\";\n\nconst MadeWith = ({ productName, ...otherProps }) => {\n  const name = capitalize(productName || globalProps.appName);\n\n  return (\n    <a\n      className=\"neeto-molecules-made-with__wrapper\"\n      data-cy={`made-with-${name.toLowerCase()}`}\n      data-testid={`made-with-${name.toLowerCase()}`}\n      href={`https://www.neeto.com/${name.toLowerCase()}`}\n      rel=\"noreferrer\"\n      target=\"_blank\"\n      {...otherProps}\n    >\n      <Trans\n        i18nKey=\"neetoMolecules.common.madeWith\"\n        values={{ productName: name }}\n      />\n    </a>\n  );\n};\n\nMadeWith.propTypes = {\n  /**\n   * Product name to be displayed on the component (optional).\n   */\n  productName: PropTypes.string,\n};\n\nexport default React.memo(MadeWith);\n"],"names":["MadeWith","_ref","productName","otherProps","_objectWithoutProperties","_excluded","name","capitalize","globalProps","appName","React","createElement","_extends","className","concat","toLowerCase","href","rel","target","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAjCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAC5C,IAAMC,IAAI,GAAGC,UAAU,CAACL,WAAW,IAAIM,WAAW,CAACC,OAAO,CAAC,CAAA;AAE3D,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,QAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,oCAAoC;AAC9C,IAAA,SAAA,EAAA,YAAA,CAAAC,MAAA,CAAsBR,IAAI,CAACS,WAAW,EAAE,CAAG;AAC3C,IAAA,aAAA,EAAA,YAAA,CAAAD,MAAA,CAA0BR,IAAI,CAACS,WAAW,EAAE,CAAG;IAC/CC,IAAI,EAAA,wBAAA,CAAAF,MAAA,CAA2BR,IAAI,CAACS,WAAW,EAAE,CAAG;AACpDE,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EACXf,UAAU,CAEdO,eAAAA,cAAA,CAAAC,aAAA,CAACQ,KAAK,EAAA;AACJC,IAAAA,OAAO,EAAC,gCAAgC;AACxCC,IAAAA,MAAM,EAAE;AAAEnB,MAAAA,WAAW,EAAEI,IAAAA;AAAK,KAAA;AAAE,GAC/B,CACA,CAAC,CAAA;AAER,CAAC,CAAA;AASD,YAAA,aAAeI,cAAK,CAACY,IAAI,CAACtB,QAAQ,CAAC;;;;"}

package/dist/cjs/MadeWith.js

@@ -3,6 +3,7 @@
 var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
 var reactI18next = require('react-i18next');
 var injectCss = require('./inject-css-80a5faa3.js');
 
@@ -19,7 +20,7 @@ var _excluded = ["productName"];
 var MadeWith = function MadeWith(_ref) {
   var productName = _ref.productName,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-  var name = productName || globalProps.appName;
+  var name = neetoCist.capitalize(productName || globalProps.appName);
   return /*#__PURE__*/React__default["default"].createElement("a", _extends__default["default"]({
     className: "neeto-molecules-made-with__wrapper",
     "data-cy": "made-with-".concat(name.toLowerCase()),

package/dist/cjs/MadeWith.js.map

@@ -1 +1 @@
-{"version":3,"file":"MadeWith.js","sources":["../../src/components/MadeWith/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nimport \"./made-with.scss\";\n\nconst MadeWith = ({ productName, ...otherProps }) => {\n  const name = productName || globalProps.appName;\n\n  return (\n    <a\n      className=\"neeto-molecules-made-with__wrapper\"\n      data-cy={`made-with-${name.toLowerCase()}`}\n      data-testid={`made-with-${name.toLowerCase()}`}\n      href={`https://www.neeto.com/${name.toLowerCase()}`}\n      rel=\"noreferrer\"\n      target=\"_blank\"\n      {...otherProps}\n    >\n      <Trans\n        i18nKey=\"neetoMolecules.common.madeWith\"\n        values={{ productName: name }}\n      />\n    </a>\n  );\n};\n\nMadeWith.propTypes = {\n  /**\n   * Product name to be displayed on the component (optional).\n   */\n  productName: PropTypes.string,\n};\n\nexport default React.memo(MadeWith);\n"],"names":["MadeWith","_ref","productName","otherProps","_objectWithoutProperties","_excluded","name","globalProps","appName","React","createElement","_extends","className","concat","toLowerCase","href","rel","target","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAjCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAC5C,EAAA,IAAMC,IAAI,GAAGJ,WAAW,IAAIK,WAAW,CAACC,OAAO,CAAA;AAE/C,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,4BAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,oCAAoC;AAC9C,IAAA,SAAA,EAAA,YAAA,CAAAC,MAAA,CAAsBP,IAAI,CAACQ,WAAW,EAAE,CAAG;AAC3C,IAAA,aAAA,EAAA,YAAA,CAAAD,MAAA,CAA0BP,IAAI,CAACQ,WAAW,EAAE,CAAG;IAC/CC,IAAI,EAAA,wBAAA,CAAAF,MAAA,CAA2BP,IAAI,CAACQ,WAAW,EAAE,CAAG;AACpDE,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EACXd,UAAU,CAEdM,eAAAA,yBAAA,CAAAC,aAAA,CAACQ,kBAAK,EAAA;AACJC,IAAAA,OAAO,EAAC,gCAAgC;AACxCC,IAAAA,MAAM,EAAE;AAAElB,MAAAA,WAAW,EAAEI,IAAAA;AAAK,KAAA;AAAE,GAC/B,CACA,CAAC,CAAA;AAER,CAAC,CAAA;AASD,YAAA,aAAeG,yBAAK,CAACY,IAAI,CAACrB,QAAQ,CAAC;;;;"}
+{"version":3,"file":"MadeWith.js","sources":["../../src/components/MadeWith/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nimport \"./made-with.scss\";\n\nconst MadeWith = ({ productName, ...otherProps }) => {\n  const name = capitalize(productName || globalProps.appName);\n\n  return (\n    <a\n      className=\"neeto-molecules-made-with__wrapper\"\n      data-cy={`made-with-${name.toLowerCase()}`}\n      data-testid={`made-with-${name.toLowerCase()}`}\n      href={`https://www.neeto.com/${name.toLowerCase()}`}\n      rel=\"noreferrer\"\n      target=\"_blank\"\n      {...otherProps}\n    >\n      <Trans\n        i18nKey=\"neetoMolecules.common.madeWith\"\n        values={{ productName: name }}\n      />\n    </a>\n  );\n};\n\nMadeWith.propTypes = {\n  /**\n   * Product name to be displayed on the component (optional).\n   */\n  productName: PropTypes.string,\n};\n\nexport default React.memo(MadeWith);\n"],"names":["MadeWith","_ref","productName","otherProps","_objectWithoutProperties","_excluded","name","capitalize","globalProps","appName","React","createElement","_extends","className","concat","toLowerCase","href","rel","target","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAjCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAC5C,IAAMC,IAAI,GAAGC,oBAAU,CAACL,WAAW,IAAIM,WAAW,CAACC,OAAO,CAAC,CAAA;AAE3D,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,4BAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,oCAAoC;AAC9C,IAAA,SAAA,EAAA,YAAA,CAAAC,MAAA,CAAsBR,IAAI,CAACS,WAAW,EAAE,CAAG;AAC3C,IAAA,aAAA,EAAA,YAAA,CAAAD,MAAA,CAA0BR,IAAI,CAACS,WAAW,EAAE,CAAG;IAC/CC,IAAI,EAAA,wBAAA,CAAAF,MAAA,CAA2BR,IAAI,CAACS,WAAW,EAAE,CAAG;AACpDE,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EACXf,UAAU,CAEdO,eAAAA,yBAAA,CAAAC,aAAA,CAACQ,kBAAK,EAAA;AACJC,IAAAA,OAAO,EAAC,gCAAgC;AACxCC,IAAAA,MAAM,EAAE;AAAEnB,MAAAA,WAAW,EAAEI,IAAAA;AAAK,KAAA;AAAE,GAC/B,CACA,CAAC,CAAA;AAER,CAAC,CAAA;AASD,YAAA,aAAeI,yBAAK,CAACY,IAAI,CAACtB,QAAQ,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.19.9",
+  "version": "1.19.10",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/types/ProductEmbed.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-
 interface InlineProps {
   label: string;
   description: string;
@@ -7,7 +6,6 @@ interface InlineProps {
   height?: number;
   elementSelector?: string;
 }
-
 interface FloatingPopupProps {
   label: string;
   description: string;
@@ -18,19 +16,66 @@ interface FloatingPopupProps {
   icon?: React.FC;
   showIcon?: boolean;
 }
-
 interface ElementPopupProps {
   label: string;
   description: string;
   elementSelector?: string;
 }
-
+/**
+ *
+ * A component to generate and display the embed code for a product, which can then
+ *
+ * be pasted into a host application where the product should be embedded. Please
+ *
+ * note that this component does not embed the product itself but provides the
+ *
+ * necessary code and a preview to facilitate embedding.
+ *
+ * Here’s how you can use the ProductEmbed component in your React application:
+ *
+ * @example 
+ *
+ * import React from "react";
+ * import ProductEmbed from "@bigbinary/neeto-molecules/ProductEmbed";
+ * 
+ * const EmbedPage = () => (
+ *   <ProductEmbed
+ *     id="123"
+ *     goBackLink="/share"
+ *     options={{
+ *       inline: {
+ *         label: "Inline",
+ *         description: "An inline component",
+ *         width: 90,
+ *         height: 100,
+ *         elementSelector: "#inline-embed",
+ *       },
+ *       floatingPopup: {
+ *         label: "Floating Popup",
+ *         description: "A floating popup",
+ *         btnText: "Schedule meeting",
+ *         showIcon: true,
+ *         icon: Calendar,
+ *       },
+ *       elementPopup: {
+ *         label: "Element Popup",
+ *         description: "An element popup",
+ *         elementSelector: "element-id",
+ *       },
+ *     }}
+ *     isQueryParamsEnabled={true}
+ *   />
+ * );
+ * 
+ * export default EmbedPage;
+ * @endexample
+*/
 const ProductEmbed: React.FC<{
   className?: string;
   goBackLink?: string;
-  customEmbedScriptPath?: string,
-  customPreviewIframeUrl?: string,
-  extraArgs?: object,
+  customEmbedScriptPath?: string;
+  customPreviewIframeUrl?: string;
+  extraArgs?: object;
   id: string;
   options?: {
     inline?: InlineProps;
@@ -39,5 +84,4 @@ const ProductEmbed: React.FC<{
   };
   isQueryParamsEnabled?: boolean;
 }>;
-
-export default ProductEmbed;
+export default ProductEmbed;