@bigbinary/neeto-molecules 1.19.8 → 1.19.9
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/PageLoader.js +5 -65
- package/dist/PageLoader.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/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/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.9",
|
|
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",
|