myrentokil-components-library 1.0.45 → 1.0.49
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/cjs/components/atoms/LoadingSpinner/LoadingSpinner.js +3 -2
- package/dist/cjs/components/atoms/LoadingSpinner/LoadingSpinner.js.map +1 -1
- package/dist/cjs/index.js +2 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/atoms/LoadingSpinner/LoadingSpinner.js +3 -2
- package/dist/esm/components/atoms/LoadingSpinner/LoadingSpinner.js.map +1 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +2 -3
|
@@ -4,10 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const spinner = require('../../../assets/images/svg/spinner.svg');
|
|
7
|
+
// const spinner = require('../../../assets/images/svg/spinner.svg') as string;
|
|
8
|
+
const spinner_svg_1 = __importDefault(require("../../../assets/images/svg/spinner.svg"));
|
|
8
9
|
const LoadingSpinner = ({ show = false }) => {
|
|
9
10
|
return show ? (react_1.default.createElement("div", null,
|
|
10
|
-
react_1.default.createElement("img", { src:
|
|
11
|
+
react_1.default.createElement("img", { src: spinner_svg_1.default, alt: "spinner" }))) : null;
|
|
11
12
|
};
|
|
12
13
|
// const LoadingSpinnerWrapper = styled.div`
|
|
13
14
|
// align-items: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../../src/components/atoms/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../../src/components/atoms/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,+EAA+E;AAC/E,yFAA6D;AAU7D,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,EAAuB,EAAE,EAAE;IAC7D,OAAO,IAAI,CAAC,CAAC,CAAC,CACV;QACI,uCAAK,GAAG,EAAE,qBAAO,EAAE,GAAG,EAAC,SAAS,GAAG,CACjC,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,4CAA4C;AAC5C,2BAA2B;AAC3B,iBAAiB;AACjB,qBAAqB;AACrB,oBAAoB;AACpB,+BAA+B;AAC/B,eAAe;AACf,0BAA0B;AAC1B,gBAAgB;AAChB,cAAc;AACd,mBAAmB;AACnB,qBAAqB;AACrB,KAAK;AAEL,kBAAe,cAAc,CAAC"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -2782,7 +2782,8 @@ if (process.env.NODE_ENV === 'production') {
|
|
|
2782
2782
|
|
|
2783
2783
|
var React = react.exports;
|
|
2784
2784
|
|
|
2785
|
-
|
|
2785
|
+
var spinner = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin: auto; background: none; display: block; shape-rendering: auto;\" width=\"30px\" height=\"30px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n<g transform=\"translate(82,50)\">\n<g transform=\"rotate(0)\">\n<circle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#e22323\" fill-opacity=\"1\">\n <animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.3888888888888889s\" values=\"1.7 1.7;1 1\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\"></animateTransform>\n <animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.3888888888888889s\"></animate>\n</circle>\n</g>\n</g><g transform=\"translate(72.62741699796952,72.62741699796952)\">\n<g transform=\"rotate(45)\">\n<circle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#e22323\" fill-opacity=\"0.875\">\n <animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.3333333333333333s\" values=\"1.7 1.7;1 1\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\"></animateTransform>\n <animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.3333333333333333s\"></animate>\n</circle>\n</g>\n</g><g transform=\"translate(50,82)\">\n<g transform=\"rotate(90)\">\n<circle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#e22323\" fill-opacity=\"0.75\">\n <animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.2777777777777778s\" values=\"1.7 1.7;1 1\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\"></animateTransform>\n <animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.2777777777777778s\"></animate>\n</circle>\n</g>\n</g><g transform=\"translate(27.37258300203048,72.62741699796952)\">\n<g transform=\"rotate(135)\">\n<circle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#e22323\" fill-opacity=\"0.625\">\n <animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.2222222222222222s\" values=\"1.7 1.7;1 1\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\"></animateTransform>\n <animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.2222222222222222s\"></animate>\n</circle>\n</g>\n</g><g transform=\"translate(18,50.00000000000001)\">\n<g transform=\"rotate(180)\">\n<circle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#e22323\" fill-opacity=\"0.5\">\n <animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.16666666666666666s\" values=\"1.7 1.7;1 1\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\"></animateTransform>\n <animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.16666666666666666s\"></animate>\n</circle>\n</g>\n</g><g transform=\"translate(27.372583002030474,27.37258300203048)\">\n<g transform=\"rotate(225)\">\n<circle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#e22323\" fill-opacity=\"0.375\">\n <animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.1111111111111111s\" values=\"1.7 1.7;1 1\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\"></animateTransform>\n <animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.1111111111111111s\"></animate>\n</circle>\n</g>\n</g><g transform=\"translate(49.99999999999999,18)\">\n<g transform=\"rotate(270)\">\n<circle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#e22323\" fill-opacity=\"0.25\">\n <animateTransform attributeName=\"transform\" type=\"scale\" begin=\"-0.05555555555555555s\" values=\"1.7 1.7;1 1\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\"></animateTransform>\n <animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"-0.05555555555555555s\"></animate>\n</circle>\n</g>\n</g><g transform=\"translate(72.62741699796952,27.372583002030474)\">\n<g transform=\"rotate(315)\">\n<circle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#e22323\" fill-opacity=\"0.125\">\n <animateTransform attributeName=\"transform\" type=\"scale\" begin=\"0s\" values=\"1.7 1.7;1 1\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\"></animateTransform>\n <animate attributeName=\"fill-opacity\" keyTimes=\"0;1\" dur=\"0.4444444444444444s\" repeatCount=\"indefinite\" values=\"1;0\" begin=\"0s\"></animate>\n</circle>\n</g>\n</g>\n<!-- [ldio] generated by https://loading.io/ --></svg>";
|
|
2786
|
+
|
|
2786
2787
|
const LoadingSpinner = ({ show = false }) => {
|
|
2787
2788
|
return show ? (React.createElement("div", null,
|
|
2788
2789
|
React.createElement("img", { src: spinner, alt: "spinner" }))) : null;
|