@bigbinary/neeto-molecules 1.14.1 → 1.15.0

package/README.md

@@ -46,6 +46,7 @@ https://neeto-molecules.neeto.com/
 - [IpRestriction](./docs/components/IpRestriction.md)
 - [KeyboardShortcuts](./docs/components/KeyboardShortcuts.md)
 - [LoginPage](./docs/components/LoginPage.md)
+- [MadeWith](./docs/components/MadeWith.md)
 - [MenuBar](./docs/components/MenuBar.md)
 - [Metadata](./docs/components/Metadata.md)
 - [MoreDropdown](./docs/components/MoreDropdown.md)

package/dist/MadeWith.js

@@ -0,0 +1,32 @@
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default from 'react';
+import { Trans } from 'react-i18next';
+import { n } from './inject-css-c86de496.js';
+
+var css = ".neeto-molecules-made-with__wrapper{background:#fff;border-radius:4px;color:#000;font-size:14px;font-weight:400;padding:4px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-made-with__wrapper strong{font-weight:700}";
+n(css,{});
+
+var _excluded = ["productName"];
+var MadeWith = function MadeWith(_ref) {
+  var productName = _ref.productName,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var name = productName || globalProps.appName;
+  return /*#__PURE__*/React__default.createElement("a", _extends({
+    className: "neeto-molecules-made-with__wrapper",
+    "data-cy": "made-with-".concat(name),
+    "data-testid": "made-with-".concat(name),
+    href: "https://www.neeto.com/".concat(name.toLowerCase()),
+    rel: "noreferrer",
+    target: "_blank"
+  }, otherProps), /*#__PURE__*/React__default.createElement(Trans, {
+    i18nKey: "neetoMolecules.common.madeWith",
+    values: {
+      productName: name
+    }
+  }));
+};
+var index = /*#__PURE__*/React__default.memo(MadeWith);
+
+export { index as default };
+//# sourceMappingURL=MadeWith.js.map

package/dist/MadeWith.js.map

@@ -0,0 +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}`}\n      data-testid={`made-with-${name}`}\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","href","toLowerCase","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;IAC9C,SAAAC,EAAAA,YAAAA,CAAAA,MAAA,CAAsBP,IAAI,CAAG;IAC7B,aAAAO,EAAAA,YAAAA,CAAAA,MAAA,CAA0BP,IAAI,CAAG;IACjCQ,IAAI,EAAA,wBAAA,CAAAD,MAAA,CAA2BP,IAAI,CAACS,WAAW,EAAE,CAAG;AACpDC,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;;;;"}

package/dist/cjs/MadeWith.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var injectCss = require('./inject-css-80a5faa3.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var css = ".neeto-molecules-made-with__wrapper{background:#fff;border-radius:4px;color:#000;font-size:14px;font-weight:400;padding:4px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-made-with__wrapper strong{font-weight:700}";
+injectCss.n(css,{});
+
+var _excluded = ["productName"];
+var MadeWith = function MadeWith(_ref) {
+  var productName = _ref.productName,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var name = productName || globalProps.appName;
+  return /*#__PURE__*/React__default["default"].createElement("a", _extends._extends({
+    className: "neeto-molecules-made-with__wrapper",
+    "data-cy": "made-with-".concat(name),
+    "data-testid": "made-with-".concat(name),
+    href: "https://www.neeto.com/".concat(name.toLowerCase()),
+    rel: "noreferrer",
+    target: "_blank"
+  }, otherProps), /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    i18nKey: "neetoMolecules.common.madeWith",
+    values: {
+      productName: name
+    }
+  }));
+};
+var index = /*#__PURE__*/React__default["default"].memo(MadeWith);
+
+module.exports = index;
+//# sourceMappingURL=MadeWith.js.map

package/dist/cjs/MadeWith.js.map

@@ -0,0 +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}`}\n      data-testid={`made-with-${name}`}\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","href","toLowerCase","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,gDAAA,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,iBAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,oCAAoC;IAC9C,SAAAC,EAAAA,YAAAA,CAAAA,MAAA,CAAsBP,IAAI,CAAG;IAC7B,aAAAO,EAAAA,YAAAA,CAAAA,MAAA,CAA0BP,IAAI,CAAG;IACjCQ,IAAI,EAAA,wBAAA,CAAAD,MAAA,CAA2BP,IAAI,CAACS,WAAW,EAAE,CAAG;AACpDC,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;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.14.1",
+  "version": "1.15.0",
   "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/src/translations/en.json

@@ -41,7 +41,8 @@
       "emojiPicker": "Emoji picker",
       "validations": {
         "requiredField": "{{entity}} is a required field"
-      }
+      },
+      "madeWith": "Made with <strong>{{productName, anyCase}}<strong>"
     },
     "columns": {
       "columns": "Show/hide columns",

package/types/MadeWith.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+/**
+ *
+ * A component used for rendering made with block.
+ *
+ * @example 
+ *
+ * import MadeWith from "@bigbinary/neeto-molecules/MadeWith";
+ * 
+ * <MadeWith />;
+ * @endexample
+*/
+const MadeWith: React.FC<{
+  productName?: string;
+}>;
+export default MadeWith;