@bigbinary/neeto-molecules 1.19.8 → 1.19.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/MadeWith.js +2 -1
- package/dist/MadeWith.js.map +1 -1
- package/dist/PageLoader.js +5 -65
- package/dist/PageLoader.js.map +1 -1
- package/dist/cjs/MadeWith.js +2 -1
- package/dist/cjs/MadeWith.js.map +1 -1
- package/dist/cjs/PageLoader.js +5 -83
- package/dist/cjs/PageLoader.js.map +1 -1
- package/package.json +2 -2
- package/types/ProductEmbed.d.ts +53 -9
package/dist/MadeWith.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _extends from '@babel/runtime/helpers/extends';
|
|
2
2
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
3
|
import React__default from 'react';
|
|
4
|
+
import { capitalize } from '@bigbinary/neeto-cist';
|
|
4
5
|
import { Trans } from 'react-i18next';
|
|
5
6
|
import { n } from './inject-css-c86de496.js';
|
|
6
7
|
|
|
@@ -11,7 +12,7 @@ var _excluded = ["productName"];
|
|
|
11
12
|
var MadeWith = function MadeWith(_ref) {
|
|
12
13
|
var productName = _ref.productName,
|
|
13
14
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
14
|
-
var name = productName || globalProps.appName;
|
|
15
|
+
var name = capitalize(productName || globalProps.appName);
|
|
15
16
|
return /*#__PURE__*/React__default.createElement("a", _extends({
|
|
16
17
|
className: "neeto-molecules-made-with__wrapper",
|
|
17
18
|
"data-cy": "made-with-".concat(name.toLowerCase()),
|
package/dist/MadeWith.js.map
CHANGED
|
@@ -1 +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":"
|
|
1
|
+
{"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/PageLoader.js
CHANGED
|
@@ -1,57 +1,10 @@
|
|
|
1
|
-
import _extends
|
|
1
|
+
import _extends from '@babel/runtime/helpers/extends';
|
|
2
2
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import * as React from 'react';
|
|
4
3
|
import React__default from 'react';
|
|
5
4
|
import { Typography } from '@bigbinary/neetoui';
|
|
6
5
|
import { n } from './inject-css-c86de496.js';
|
|
7
6
|
|
|
8
|
-
var
|
|
9
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
10
|
-
var SvgNeeto = function SvgNeeto(props) {
|
|
11
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
-
width: 50,
|
|
13
|
-
height: 50,
|
|
14
|
-
viewBox: "0 0 415 415",
|
|
15
|
-
fill: "none",
|
|
16
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
-
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
18
|
-
d: "M414.989 207.495C414.989 92.899 322.091 0 207.495 0H0v414.989h414.989V207.495Z",
|
|
19
|
-
fill: "#0043AC"
|
|
20
|
-
})), /*#__PURE__*/React.createElement("mask", {
|
|
21
|
-
id: "neeto_svg__a",
|
|
22
|
-
style: {
|
|
23
|
-
maskType: "alpha"
|
|
24
|
-
},
|
|
25
|
-
maskUnits: "userSpaceOnUse",
|
|
26
|
-
x: 0,
|
|
27
|
-
y: 0,
|
|
28
|
-
width: 415,
|
|
29
|
-
height: 415
|
|
30
|
-
}, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
|
|
31
|
-
d: "M414.989 207.495C414.989 92.899 322.091 0 207.495 0H0v414.989h414.989V207.495Z",
|
|
32
|
-
fill: "#0043AC"
|
|
33
|
-
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
34
|
-
mask: "url(#neeto_svg__a)"
|
|
35
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
36
|
-
d: "M233.747 348.74c88.579 101.145 172.015 116.411 202.661 111.401v32.491H-8.032V230.487c43.685-2.726 153.2 17.108 241.779 118.253Z",
|
|
37
|
-
fill: "url(#neeto_svg__b)"
|
|
38
|
-
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("radialGradient", {
|
|
39
|
-
id: "neeto_svg__b",
|
|
40
|
-
cx: 0,
|
|
41
|
-
cy: 0,
|
|
42
|
-
r: 1,
|
|
43
|
-
gradientUnits: "userSpaceOnUse",
|
|
44
|
-
gradientTransform: "rotate(47.118 -220.556 214.818) scale(427.964 725.049)"
|
|
45
|
-
}, /*#__PURE__*/React.createElement("stop", {
|
|
46
|
-
stopColor: "#0043AC"
|
|
47
|
-
}), /*#__PURE__*/React.createElement("stop", {
|
|
48
|
-
offset: 1,
|
|
49
|
-
stopColor: "#3DB1CA",
|
|
50
|
-
stopOpacity: 0.8
|
|
51
|
-
})))));
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
var css = ".neeto-molecules-pageloader__wrapper{height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;left:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{height:66px;margin-bottom:16px;overflow:hidden;padding:8px;position:relative;width:66px}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.75rem;margin-bottom:4rem;text-align:center}.neeto-molecules-pageloader__spinner{display:flex;gap:2px;height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.neeto-molecules-pageloader__spinner>div{animation:neeto-ui-stretch-delay 1.2s ease-in-out infinite;background-color:#fff;border-radius:2px;display:inline-flex;height:100%;width:2px}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect2{animation-delay:-1.1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect3{animation-delay:-1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect4{animation-delay:-.9s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect5{animation-delay:-.8s}@keyframes neeto-ui-stretch-delay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}";
|
|
7
|
+
var css = ".neeto-molecules-pageloader__wrapper{height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;left:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{margin-bottom:16px;padding:8px;position:relative}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.75rem;margin-bottom:4rem;text-align:center}.neeto-molecules-pageloader__loader{animation:neeto-molecules-pageloader-anim1 .8s linear infinite alternate,neeto-molecules-pageloader-anim2 1.6s linear infinite;aspect-ratio:1;border:5px solid #5bcc5a;border-radius:50%;width:36px}@keyframes neeto-molecules-pageloader-anim1{0%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes neeto-molecules-pageloader-anim2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}";
|
|
55
8
|
n(css,{});
|
|
56
9
|
|
|
57
10
|
var _excluded = ["text"];
|
|
@@ -59,29 +12,16 @@ var PageLoader = function PageLoader(_ref) {
|
|
|
59
12
|
var _ref$text = _ref.text,
|
|
60
13
|
text = _ref$text === void 0 ? "" : _ref$text,
|
|
61
14
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
62
|
-
return /*#__PURE__*/React__default.createElement("div", _extends
|
|
15
|
+
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
63
16
|
className: "neeto-molecules-pageloader__wrapper"
|
|
64
17
|
}, otherProps), /*#__PURE__*/React__default.createElement("div", {
|
|
65
18
|
className: "neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center"
|
|
66
19
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
67
20
|
className: "neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center",
|
|
68
21
|
"data-cy": "neeto-molecules-pageloader"
|
|
69
|
-
}, /*#__PURE__*/React__default.createElement(SvgNeeto, {
|
|
70
|
-
className: "neeto-molecules-pageloader__logo",
|
|
71
|
-
size: 50
|
|
72
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
73
|
-
className: "neeto-molecules-pageloader__spinner"
|
|
74
22
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
75
|
-
className: "neeto-molecules-
|
|
76
|
-
}), /*#__PURE__*/React__default.createElement(
|
|
77
|
-
className: "neeto-molecules-pageloader__rect2"
|
|
78
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
79
|
-
className: "neeto-molecules-pageloader__rect3"
|
|
80
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
81
|
-
className: "neeto-molecules-pageloader__rect4"
|
|
82
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
83
|
-
className: "neeto-molecules-pageloader__rect5"
|
|
84
|
-
}))), text && /*#__PURE__*/React__default.createElement(Typography, {
|
|
23
|
+
className: "neeto-molecules-pageloader__loader"
|
|
24
|
+
})), text && /*#__PURE__*/React__default.createElement(Typography, {
|
|
85
25
|
style: "h5",
|
|
86
26
|
weight: "semibold"
|
|
87
27
|
}, text)));
|
package/dist/PageLoader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLoader.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"PageLoader.js","sources":["../src/components/PageLoader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./page-loader.scss\";\n\nconst PageLoader = ({ text = \"\", ...otherProps }) => (\n <div className=\"neeto-molecules-pageloader__wrapper\" {...otherProps}>\n <div className=\"neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center\">\n <div\n className=\"neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center\"\n data-cy=\"neeto-molecules-pageloader\"\n >\n <div className=\"neeto-molecules-pageloader__loader\" />\n </div>\n {text && (\n <Typography style=\"h5\" weight=\"semibold\">\n {text}\n </Typography>\n )}\n </div>\n </div>\n);\n\nPageLoader.propTypes = {\n /**\n * Text to indicate loading status (optional).\n */\n text: PropTypes.string,\n};\n\nexport default React.memo(PageLoader);\n"],"names":["PageLoader","_ref","_ref$text","text","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","Typography","style","weight","memo"],"mappings":";;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAME,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,SAAA;AAAKE,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC5CC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,SAAS,EAAC,qCAAA;AAAqC,GAAA,EAAKN,UAAU,CAAA,eACjEG,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,0GAAA;GACbH,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,wHAAwH;IAClI,SAAQ,EAAA,4BAAA;GAERH,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,oCAAA;GAAsC,CAClD,CAAC,EACLP,IAAI,iBACHI,cAAA,CAAAC,aAAA,CAACG,UAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;GAC3BV,EAAAA,IACS,CAEX,CACF,CAAC,CAAA;AAAA,CACP,CAAA;AASD,mBAAA,aAAeI,cAAK,CAACO,IAAI,CAACd,UAAU,CAAC;;;;"}
|
package/dist/cjs/MadeWith.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
var React = require('react');
|
|
6
|
+
var neetoCist = require('@bigbinary/neeto-cist');
|
|
6
7
|
var reactI18next = require('react-i18next');
|
|
7
8
|
var injectCss = require('./inject-css-80a5faa3.js');
|
|
8
9
|
|
|
@@ -19,7 +20,7 @@ var _excluded = ["productName"];
|
|
|
19
20
|
var MadeWith = function MadeWith(_ref) {
|
|
20
21
|
var productName = _ref.productName,
|
|
21
22
|
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
22
|
-
var name = productName || globalProps.appName;
|
|
23
|
+
var name = neetoCist.capitalize(productName || globalProps.appName);
|
|
23
24
|
return /*#__PURE__*/React__default["default"].createElement("a", _extends__default["default"]({
|
|
24
25
|
className: "neeto-molecules-made-with__wrapper",
|
|
25
26
|
"data-cy": "made-with-".concat(name.toLowerCase()),
|
package/dist/cjs/MadeWith.js.map
CHANGED
|
@@ -1 +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":"
|
|
1
|
+
{"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/dist/cjs/PageLoader.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends
|
|
3
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var neetoui = require('@bigbinary/neetoui');
|
|
@@ -8,76 +8,11 @@ var injectCss = require('./inject-css-80a5faa3.js');
|
|
|
8
8
|
|
|
9
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
if (e && e.__esModule) return e;
|
|
13
|
-
var n = Object.create(null);
|
|
14
|
-
if (e) {
|
|
15
|
-
Object.keys(e).forEach(function (k) {
|
|
16
|
-
if (k !== 'default') {
|
|
17
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
18
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () { return e[k]; }
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
n["default"] = e;
|
|
26
|
-
return Object.freeze(n);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$1);
|
|
11
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
30
12
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
31
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
32
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
33
14
|
|
|
34
|
-
var
|
|
35
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
36
|
-
var SvgNeeto = function SvgNeeto(props) {
|
|
37
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
38
|
-
width: 50,
|
|
39
|
-
height: 50,
|
|
40
|
-
viewBox: "0 0 415 415",
|
|
41
|
-
fill: "none",
|
|
42
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
43
|
-
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
44
|
-
d: "M414.989 207.495C414.989 92.899 322.091 0 207.495 0H0v414.989h414.989V207.495Z",
|
|
45
|
-
fill: "#0043AC"
|
|
46
|
-
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
47
|
-
id: "neeto_svg__a",
|
|
48
|
-
style: {
|
|
49
|
-
maskType: "alpha"
|
|
50
|
-
},
|
|
51
|
-
maskUnits: "userSpaceOnUse",
|
|
52
|
-
x: 0,
|
|
53
|
-
y: 0,
|
|
54
|
-
width: 415,
|
|
55
|
-
height: 415
|
|
56
|
-
}, _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
57
|
-
d: "M414.989 207.495C414.989 92.899 322.091 0 207.495 0H0v414.989h414.989V207.495Z",
|
|
58
|
-
fill: "#0043AC"
|
|
59
|
-
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
60
|
-
mask: "url(#neeto_svg__a)"
|
|
61
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
62
|
-
d: "M233.747 348.74c88.579 101.145 172.015 116.411 202.661 111.401v32.491H-8.032V230.487c43.685-2.726 153.2 17.108 241.779 118.253Z",
|
|
63
|
-
fill: "url(#neeto_svg__b)"
|
|
64
|
-
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("radialGradient", {
|
|
65
|
-
id: "neeto_svg__b",
|
|
66
|
-
cx: 0,
|
|
67
|
-
cy: 0,
|
|
68
|
-
r: 1,
|
|
69
|
-
gradientUnits: "userSpaceOnUse",
|
|
70
|
-
gradientTransform: "rotate(47.118 -220.556 214.818) scale(427.964 725.049)"
|
|
71
|
-
}, /*#__PURE__*/React__namespace.createElement("stop", {
|
|
72
|
-
stopColor: "#0043AC"
|
|
73
|
-
}), /*#__PURE__*/React__namespace.createElement("stop", {
|
|
74
|
-
offset: 1,
|
|
75
|
-
stopColor: "#3DB1CA",
|
|
76
|
-
stopOpacity: 0.8
|
|
77
|
-
})))));
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
var css = ".neeto-molecules-pageloader__wrapper{height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;left:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{height:66px;margin-bottom:16px;overflow:hidden;padding:8px;position:relative;width:66px}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.75rem;margin-bottom:4rem;text-align:center}.neeto-molecules-pageloader__spinner{display:flex;gap:2px;height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.neeto-molecules-pageloader__spinner>div{animation:neeto-ui-stretch-delay 1.2s ease-in-out infinite;background-color:#fff;border-radius:2px;display:inline-flex;height:100%;width:2px}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect2{animation-delay:-1.1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect3{animation-delay:-1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect4{animation-delay:-.9s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect5{animation-delay:-.8s}@keyframes neeto-ui-stretch-delay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}";
|
|
15
|
+
var css = ".neeto-molecules-pageloader__wrapper{height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;left:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{margin-bottom:16px;padding:8px;position:relative}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.75rem;margin-bottom:4rem;text-align:center}.neeto-molecules-pageloader__loader{animation:neeto-molecules-pageloader-anim1 .8s linear infinite alternate,neeto-molecules-pageloader-anim2 1.6s linear infinite;aspect-ratio:1;border:5px solid #5bcc5a;border-radius:50%;width:36px}@keyframes neeto-molecules-pageloader-anim1{0%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes neeto-molecules-pageloader-anim2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}";
|
|
81
16
|
injectCss.n(css,{});
|
|
82
17
|
|
|
83
18
|
var _excluded = ["text"];
|
|
@@ -92,22 +27,9 @@ var PageLoader = function PageLoader(_ref) {
|
|
|
92
27
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
93
28
|
className: "neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center",
|
|
94
29
|
"data-cy": "neeto-molecules-pageloader"
|
|
95
|
-
}, /*#__PURE__*/React__default["default"].createElement(SvgNeeto, {
|
|
96
|
-
className: "neeto-molecules-pageloader__logo",
|
|
97
|
-
size: 50
|
|
98
|
-
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
99
|
-
className: "neeto-molecules-pageloader__spinner"
|
|
100
30
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
101
|
-
className: "neeto-molecules-
|
|
102
|
-
}), /*#__PURE__*/React__default["default"].createElement(
|
|
103
|
-
className: "neeto-molecules-pageloader__rect2"
|
|
104
|
-
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
105
|
-
className: "neeto-molecules-pageloader__rect3"
|
|
106
|
-
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
107
|
-
className: "neeto-molecules-pageloader__rect4"
|
|
108
|
-
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
109
|
-
className: "neeto-molecules-pageloader__rect5"
|
|
110
|
-
}))), text && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
31
|
+
className: "neeto-molecules-pageloader__loader"
|
|
32
|
+
})), text && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
111
33
|
style: "h5",
|
|
112
34
|
weight: "semibold"
|
|
113
35
|
}, text)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLoader.js","sources":["../../src/
|
|
1
|
+
{"version":3,"file":"PageLoader.js","sources":["../../src/components/PageLoader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./page-loader.scss\";\n\nconst PageLoader = ({ text = \"\", ...otherProps }) => (\n <div className=\"neeto-molecules-pageloader__wrapper\" {...otherProps}>\n <div className=\"neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center\">\n <div\n className=\"neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center\"\n data-cy=\"neeto-molecules-pageloader\"\n >\n <div className=\"neeto-molecules-pageloader__loader\" />\n </div>\n {text && (\n <Typography style=\"h5\" weight=\"semibold\">\n {text}\n </Typography>\n )}\n </div>\n </div>\n);\n\nPageLoader.propTypes = {\n /**\n * Text to indicate loading status (optional).\n */\n text: PropTypes.string,\n};\n\nexport default React.memo(PageLoader);\n"],"names":["PageLoader","_ref","_ref$text","text","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","Typography","style","weight","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAME,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,SAAA;AAAKE,IAAAA,UAAU,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC5CC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,4BAAA,CAAA;AAAKC,IAAAA,SAAS,EAAC,qCAAA;AAAqC,GAAA,EAAKN,UAAU,CAAA,eACjEG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,0GAAA;GACbH,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,wHAAwH;IAClI,SAAQ,EAAA,4BAAA;GAERH,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,oCAAA;GAAsC,CAClD,CAAC,EACLP,IAAI,iBACHI,yBAAA,CAAAC,aAAA,CAACG,kBAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;GAC3BV,EAAAA,IACS,CAEX,CACF,CAAC,CAAA;AAAA,CACP,CAAA;AASD,mBAAA,aAAeI,yBAAK,CAACO,IAAI,CAACd,UAAU,CAAC;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neeto-molecules",
|
|
3
|
-
"version": "1.19.
|
|
3
|
+
"version": "1.19.10",
|
|
4
4
|
"description": "A package of reusable molecular components for neeto products.",
|
|
5
5
|
"repository": "git@github.com:bigbinary/neeto-molecules.git",
|
|
6
6
|
"author": "Amaljith K <amaljith.k@bigbinary.com>",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"@bigbinary/neeto-editor": "^1.28.36",
|
|
74
74
|
"@bigbinary/neeto-filters-frontend": "3.3.1",
|
|
75
75
|
"@bigbinary/neeto-hotkeys": "1.0.4",
|
|
76
|
-
"@bigbinary/neeto-icons": "
|
|
76
|
+
"@bigbinary/neeto-icons": "latest",
|
|
77
77
|
"@bigbinary/neeto-team-members-frontend": "2.13.1",
|
|
78
78
|
"@bigbinary/neeto-time-zones": "^0.5.0",
|
|
79
79
|
"@bigbinary/neetoui": "^6.5.8",
|
package/types/ProductEmbed.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
2
|
interface InlineProps {
|
|
4
3
|
label: string;
|
|
5
4
|
description: string;
|
|
@@ -7,7 +6,6 @@ interface InlineProps {
|
|
|
7
6
|
height?: number;
|
|
8
7
|
elementSelector?: string;
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
interface FloatingPopupProps {
|
|
12
10
|
label: string;
|
|
13
11
|
description: string;
|
|
@@ -18,19 +16,66 @@ interface FloatingPopupProps {
|
|
|
18
16
|
icon?: React.FC;
|
|
19
17
|
showIcon?: boolean;
|
|
20
18
|
}
|
|
21
|
-
|
|
22
19
|
interface ElementPopupProps {
|
|
23
20
|
label: string;
|
|
24
21
|
description: string;
|
|
25
22
|
elementSelector?: string;
|
|
26
23
|
}
|
|
27
|
-
|
|
24
|
+
/**
|
|
25
|
+
*
|
|
26
|
+
* A component to generate and display the embed code for a product, which can then
|
|
27
|
+
*
|
|
28
|
+
* be pasted into a host application where the product should be embedded. Please
|
|
29
|
+
*
|
|
30
|
+
* note that this component does not embed the product itself but provides the
|
|
31
|
+
*
|
|
32
|
+
* necessary code and a preview to facilitate embedding.
|
|
33
|
+
*
|
|
34
|
+
* Here’s how you can use the ProductEmbed component in your React application:
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
*
|
|
38
|
+
* import React from "react";
|
|
39
|
+
* import ProductEmbed from "@bigbinary/neeto-molecules/ProductEmbed";
|
|
40
|
+
*
|
|
41
|
+
* const EmbedPage = () => (
|
|
42
|
+
* <ProductEmbed
|
|
43
|
+
* id="123"
|
|
44
|
+
* goBackLink="/share"
|
|
45
|
+
* options={{
|
|
46
|
+
* inline: {
|
|
47
|
+
* label: "Inline",
|
|
48
|
+
* description: "An inline component",
|
|
49
|
+
* width: 90,
|
|
50
|
+
* height: 100,
|
|
51
|
+
* elementSelector: "#inline-embed",
|
|
52
|
+
* },
|
|
53
|
+
* floatingPopup: {
|
|
54
|
+
* label: "Floating Popup",
|
|
55
|
+
* description: "A floating popup",
|
|
56
|
+
* btnText: "Schedule meeting",
|
|
57
|
+
* showIcon: true,
|
|
58
|
+
* icon: Calendar,
|
|
59
|
+
* },
|
|
60
|
+
* elementPopup: {
|
|
61
|
+
* label: "Element Popup",
|
|
62
|
+
* description: "An element popup",
|
|
63
|
+
* elementSelector: "element-id",
|
|
64
|
+
* },
|
|
65
|
+
* }}
|
|
66
|
+
* isQueryParamsEnabled={true}
|
|
67
|
+
* />
|
|
68
|
+
* );
|
|
69
|
+
*
|
|
70
|
+
* export default EmbedPage;
|
|
71
|
+
* @endexample
|
|
72
|
+
*/
|
|
28
73
|
const ProductEmbed: React.FC<{
|
|
29
74
|
className?: string;
|
|
30
75
|
goBackLink?: string;
|
|
31
|
-
customEmbedScriptPath?: string
|
|
32
|
-
customPreviewIframeUrl?: string
|
|
33
|
-
extraArgs?: object
|
|
76
|
+
customEmbedScriptPath?: string;
|
|
77
|
+
customPreviewIframeUrl?: string;
|
|
78
|
+
extraArgs?: object;
|
|
34
79
|
id: string;
|
|
35
80
|
options?: {
|
|
36
81
|
inline?: InlineProps;
|
|
@@ -39,5 +84,4 @@ const ProductEmbed: React.FC<{
|
|
|
39
84
|
};
|
|
40
85
|
isQueryParamsEnabled?: boolean;
|
|
41
86
|
}>;
|
|
42
|
-
|
|
43
|
-
export default ProductEmbed;
|
|
87
|
+
export default ProductEmbed;
|