myrentokil-components-library 1.0.24 → 1.0.26

package/dist/cjs/components/atoms/Button/Button.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
+const getSizeStyles = ({ size = 'medium' }) => {
+    switch (size) {
+        case 'small': {
+            return (0, styled_components_1.css) `
+                font-size: 12px;
+                padding: 10px 16px;
+            `;
+        }
+        case 'large': {
+            return (0, styled_components_1.css) `
+                font-size: 16px;
+                padding: 12px 24px;
+            `;
+        }
+        default: {
+            return (0, styled_components_1.css) `
+                font-size: 14px;
+                padding: 11px 20px;
+            `;
+        }
+    }
+};
+const Button = (_a) => {
+    var { size = 'medium', label = '' } = _a, props = __rest(_a, ["size", "label"]);
+    return (react_1.default.createElement(StyledButton, Object.assign({ type: "button", size: size }, props), label));
+};
+const StyledButton = styled_components_1.default.button `
+    background: transparent;
+    border-radius: 3px;
+    border: 2px solid palevioletred;
+    color: palevioletred;
+    margin: 0.5em 1em;
+    padding: 0.25em 1em;
+
+    ${(props) => getSizeStyles({ size: props.size })}
+`;
+exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/dist/cjs/components/atoms/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uEAAgD;AAiBhD,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE;IAC1C,QAAQ,IAAI,EAAE;QACV,KAAK,OAAO,CAAC,CAAC;YACV,OAAO,IAAA,uBAAG,EAAA;;;aAGT,CAAC;SACL;QACD,KAAK,OAAO,CAAC,CAAC;YACV,OAAO,IAAA,uBAAG,EAAA;;;aAGT,CAAC;SACL;QACD,OAAO,CAAC,CAAC;YACL,OAAO,IAAA,uBAAG,EAAA;;;aAGT,CAAC;SACL;KACJ;AACL,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EAAsD,EAAE,EAAE;QAA1D,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,GAAG,EAAE,OAAyB,EAApB,KAAK,cAAvC,iBAAyC,CAAF;IACnD,OAAO,CACH,8BAAC,YAAY,kBAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,IAAM,KAAK,GAC5C,KAAK,CACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAkB;;;;;;;;MAQ9C,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;CACnD,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/cjs/components/atoms/Button/Button.stories.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Secondary = exports.Primary = void 0;
+const Button_1 = __importDefault(require("./Button"));
+const meta = {
+    title: 'ReactComponentsLibrary/Button',
+    component: Button_1.default,
+    tags: ['autodocs']
+};
+exports.default = meta;
+exports.Primary = {
+    args: {
+        label: 'Button',
+        size: 'small'
+    }
+};
+exports.Secondary = {
+    args: {
+        label: 'Click me',
+        size: 'large'
+    }
+};
+//# sourceMappingURL=Button.stories.js.map

package/dist/cjs/components/atoms/Button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.stories.ts"],"names":[],"mappings":";;;;;;AAEA,sDAA8B;AAE9B,MAAM,IAAI,GAAwB;IAC9B,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,gBAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,OAAO;KAChB;CACJ,CAAC;AAEW,QAAA,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,OAAO;KAChB;CACJ,CAAC"}

package/dist/cjs/components/atoms/Button/Button.test.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const Button_1 = __importDefault(require("./Button"));
+describe('Button', () => {
+    it('renders the button component', () => {
+        (0, react_2.render)(react_1.default.createElement(Button_1.default, { label: "Hello", size: "small" }));
+    });
+});
+//# sourceMappingURL=Button.test.js.map

package/dist/cjs/components/atoms/Button/Button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,sDAA8B;AAE9B,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACpC,IAAA,cAAM,EAAC,8BAAC,gBAAM,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/cjs/components/atoms/Loading/Loading.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Loading = ({ color = 'blue', size }) => {
+    return (react_1.default.createElement(Box_1.default, { sx: { display: 'flex' } },
+        react_1.default.createElement(CircularProgress_1.default, { sx: { color }, size: size })));
+};
+exports.default = Loading;
+//# sourceMappingURL=Loading.js.map

package/dist/cjs/components/atoms/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Loading/Loading.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,sFAA8D;AAC9D,4DAAoC;AAepC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,IAAI,EAAgB,EAAE,EAAE;IACvD,OAAO,CACH,8BAAC,aAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACxB,8BAAC,0BAAgB,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,CAC7C,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/cjs/components/atoms/Loading/Loading.stories.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondaryLoading = exports.PrimaryLoading = void 0;
+const Loading_1 = __importDefault(require("./Loading"));
+const meta = {
+    title: 'ReactComponentsLibrary/Loading',
+    component: Loading_1.default,
+    tags: ['autodocs']
+};
+exports.default = meta;
+exports.PrimaryLoading = {
+    args: {}
+};
+exports.SecondaryLoading = {
+    args: {
+        size: 100,
+        color: 'red'
+    }
+};
+//# sourceMappingURL=Loading.stories.js.map

package/dist/cjs/components/atoms/Loading/Loading.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.stories.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Loading/Loading.stories.ts"],"names":[],"mappings":";;;;;;AAEA,wDAAgC;AAEhC,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,iBAAO;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,cAAc,GAAU;IACjC,IAAI,EAAE,EAAE;CACX,CAAC;AAEW,QAAA,gBAAgB,GAAU;IACnC,IAAI,EAAE;QACF,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,KAAK;KACf;CACJ,CAAC"}

package/dist/cjs/components/atoms/Loading/Loading.test.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const Loading_1 = __importDefault(require("./Loading"));
+describe('Loading', () => {
+    it('renders the loading component', () => {
+        (0, react_2.render)(react_1.default.createElement(Loading_1.default, null));
+    });
+});
+//# sourceMappingURL=Loading.test.js.map

package/dist/cjs/components/atoms/Loading/Loading.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.test.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Loading/Loading.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,wDAAgC;AAEhC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACrC,IAAA,cAAM,EAAC,8BAAC,iBAAO,OAAG,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/cjs/components/atoms/LoadingSpinner/LoadingSpinner.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+// import { ReactComponent as SpinnerIcon } from '../../../assets/images/svg/spinner.svg';
+// const SpinnerIcon = require('../../../assets/images/svg/spinner.svg') as string;
+const styled_components_1 = __importDefault(require("styled-components"));
+const LoadingSpinner = ({ show = false }) => {
+    return show ? react_1.default.createElement(LoadingSpinnerWrapper, null) : null;
+};
+const LoadingSpinnerWrapper = styled_components_1.default.div `
+    align-items: center;
+    bottom: 0;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 100%;
+    z-index: 9999;
+`;
+exports.default = LoadingSpinner;
+//# sourceMappingURL=LoadingSpinner.js.map

package/dist/cjs/components/atoms/LoadingSpinner/LoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../../src/components/atoms/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0FAA0F;AAC1F,mFAAmF;AACnF,0EAAuC;AASvC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,EAAuB,EAAE,EAAE;IAC7D,OAAO,IAAI,CAAC,CAAC,CAAC,8BAAC,qBAAqB,OAAgD,CAAC,CAAC,CAAC,IAAI,CAAC;AAChG,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYvC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/dist/cjs/components/atoms/LoadingSpinner/LoadingSpinner.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrimaryLoadingSpinner = void 0;
+const LoadingSpinner_1 = __importDefault(require("./LoadingSpinner"));
+const meta = {
+    title: 'ReactComponentsLibrary/LoadingSpinner',
+    component: LoadingSpinner_1.default,
+    tags: ['autodocs']
+};
+exports.default = meta;
+exports.PrimaryLoadingSpinner = {
+    args: {
+        show: true
+    }
+};
+//# sourceMappingURL=LoadingSpinner.stories.js.map

package/dist/cjs/components/atoms/LoadingSpinner/LoadingSpinner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.stories.js","sourceRoot":"","sources":["../../../../../src/components/atoms/LoadingSpinner/LoadingSpinner.stories.ts"],"names":[],"mappings":";;;;;;AAEA,sEAA8C;AAE9C,MAAM,IAAI,GAAgC;IACtC,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,wBAAc;IACzB,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,qBAAqB,GAAU;IACxC,IAAI,EAAE;QACF,IAAI,EAAE,IAAI;KACb;CACJ,CAAC"}

package/dist/cjs/components/atoms/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingSpinner = exports.Loading = exports.Button = void 0;
+var Button_1 = require("./Button/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+var Loading_1 = require("./Loading/Loading");
+Object.defineProperty(exports, "Loading", { enumerable: true, get: function () { return __importDefault(Loading_1).default; } });
+var LoadingSpinner_1 = require("./LoadingSpinner/LoadingSpinner");
+Object.defineProperty(exports, "LoadingSpinner", { enumerable: true, get: function () { return __importDefault(LoadingSpinner_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/atoms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":";;;;;;AAAA,0CAAoD;AAA3C,iHAAA,OAAO,OAAU;AAC1B,6CAAuD;AAA9C,mHAAA,OAAO,OAAW;AAC3B,kEAA4E;AAAnE,iIAAA,OAAO,OAAkB"}

package/dist/cjs/components/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./atoms"), exports);
+// export * from './molecules';
+// export * from './organisms';
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,+BAA+B;AAC/B,+BAA+B"}

package/dist/cjs/components/molecules/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/molecules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":""}

package/dist/cjs/components/organisms/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/organisms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":""}

package/dist/cjs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}

package/dist/esm/components/atoms/Button/Button.js

@@ -0,0 +1,51 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import styled, { css } from 'styled-components';
+const getSizeStyles = ({ size = 'medium' }) => {
+    switch (size) {
+        case 'small': {
+            return css `
+                font-size: 12px;
+                padding: 10px 16px;
+            `;
+        }
+        case 'large': {
+            return css `
+                font-size: 16px;
+                padding: 12px 24px;
+            `;
+        }
+        default: {
+            return css `
+                font-size: 14px;
+                padding: 11px 20px;
+            `;
+        }
+    }
+};
+const Button = (_a) => {
+    var { size = 'medium', label = '' } = _a, props = __rest(_a, ["size", "label"]);
+    return (React.createElement(StyledButton, Object.assign({ type: "button", size: size }, props), label));
+};
+const StyledButton = styled.button `
+    background: transparent;
+    border-radius: 3px;
+    border: 2px solid palevioletred;
+    color: palevioletred;
+    margin: 0.5em 1em;
+    padding: 0.25em 1em;
+
+    ${(props) => getSizeStyles({ size: props.size })}
+`;
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/esm/components/atoms/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAiBhD,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE;IAC1C,QAAQ,IAAI,EAAE;QACV,KAAK,OAAO,CAAC,CAAC;YACV,OAAO,GAAG,CAAA;;;aAGT,CAAC;SACL;QACD,KAAK,OAAO,CAAC,CAAC;YACV,OAAO,GAAG,CAAA;;;aAGT,CAAC;SACL;QACD,OAAO,CAAC,CAAC;YACL,OAAO,GAAG,CAAA;;;aAGT,CAAC;SACL;KACJ;AACL,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EAAsD,EAAE,EAAE;QAA1D,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,GAAG,EAAE,OAAyB,EAApB,KAAK,cAAvC,iBAAyC,CAAF;IACnD,OAAO,CACH,oBAAC,YAAY,kBAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,IAAM,KAAK,GAC5C,KAAK,CACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAkB;;;;;;;;MAQ9C,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;CACnD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/esm/components/atoms/Button/Button.stories.js

@@ -0,0 +1,20 @@
+import Button from './Button';
+const meta = {
+    title: 'ReactComponentsLibrary/Button',
+    component: Button,
+    tags: ['autodocs']
+};
+export default meta;
+export const Primary = {
+    args: {
+        label: 'Button',
+        size: 'small'
+    }
+};
+export const Secondary = {
+    args: {
+        label: 'Click me',
+        size: 'large'
+    }
+};
+//# sourceMappingURL=Button.stories.js.map

package/dist/esm/components/atoms/Button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.stories.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,IAAI,GAAwB;IAC9B,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,OAAO;KAChB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,OAAO;KAChB;CACJ,CAAC"}

package/dist/esm/components/atoms/Button/Button.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Button from './Button';
+describe('Button', () => {
+    it('renders the button component', () => {
+        render(React.createElement(Button, { label: "Hello", size: "small" }));
+    });
+});
+//# sourceMappingURL=Button.test.js.map

package/dist/esm/components/atoms/Button/Button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,oBAAC,MAAM,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/components/atoms/Loading/Loading.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import CircularProgress from '@mui/material/CircularProgress';
+import Box from '@mui/material/Box';
+const Loading = ({ color = 'blue', size }) => {
+    return (React.createElement(Box, { sx: { display: 'flex' } },
+        React.createElement(CircularProgress, { sx: { color }, size: size })));
+};
+export default Loading;
+//# sourceMappingURL=Loading.js.map

package/dist/esm/components/atoms/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAepC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,IAAI,EAAgB,EAAE,EAAE;IACvD,OAAO,CACH,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACxB,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,CAC7C,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/components/atoms/Loading/Loading.stories.js

@@ -0,0 +1,17 @@
+import Loading from './Loading';
+const meta = {
+    title: 'ReactComponentsLibrary/Loading',
+    component: Loading,
+    tags: ['autodocs']
+};
+export default meta;
+export const PrimaryLoading = {
+    args: {}
+};
+export const SecondaryLoading = {
+    args: {
+        size: 100,
+        color: 'red'
+    }
+};
+//# sourceMappingURL=Loading.stories.js.map

package/dist/esm/components/atoms/Loading/Loading.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.stories.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Loading/Loading.stories.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,cAAc,GAAU;IACjC,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACnC,IAAI,EAAE;QACF,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,KAAK;KACf;CACJ,CAAC"}

package/dist/esm/components/atoms/Loading/Loading.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Loading from './Loading';
+describe('Loading', () => {
+    it('renders the loading component', () => {
+        render(React.createElement(Loading, null));
+    });
+});
+//# sourceMappingURL=Loading.test.js.map

package/dist/esm/components/atoms/Loading/Loading.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.test.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Loading/Loading.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACrC,MAAM,CAAC,oBAAC,OAAO,OAAG,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/components/atoms/LoadingSpinner/LoadingSpinner.js

@@ -0,0 +1,22 @@
+import React from 'react';
+// import { ReactComponent as SpinnerIcon } from '../../../assets/images/svg/spinner.svg';
+// const SpinnerIcon = require('../../../assets/images/svg/spinner.svg') as string;
+import styled from 'styled-components';
+const LoadingSpinner = ({ show = false }) => {
+    return show ? React.createElement(LoadingSpinnerWrapper, null) : null;
+};
+const LoadingSpinnerWrapper = styled.div `
+    align-items: center;
+    bottom: 0;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 100%;
+    z-index: 9999;
+`;
+export default LoadingSpinner;
+//# sourceMappingURL=LoadingSpinner.js.map

package/dist/esm/components/atoms/LoadingSpinner/LoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../../src/components/atoms/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,0FAA0F;AAC1F,mFAAmF;AACnF,OAAO,MAAM,MAAM,mBAAmB,CAAC;AASvC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,EAAuB,EAAE,EAAE;IAC7D,OAAO,IAAI,CAAC,CAAC,CAAC,oBAAC,qBAAqB,OAAgD,CAAC,CAAC,CAAC,IAAI,CAAC;AAChG,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYvC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/esm/components/atoms/LoadingSpinner/LoadingSpinner.stories.js

@@ -0,0 +1,13 @@
+import LoadingSpinner from './LoadingSpinner';
+const meta = {
+    title: 'ReactComponentsLibrary/LoadingSpinner',
+    component: LoadingSpinner,
+    tags: ['autodocs']
+};
+export default meta;
+export const PrimaryLoadingSpinner = {
+    args: {
+        show: true
+    }
+};
+//# sourceMappingURL=LoadingSpinner.stories.js.map

package/dist/esm/components/atoms/LoadingSpinner/LoadingSpinner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.stories.js","sourceRoot":"","sources":["../../../../../src/components/atoms/LoadingSpinner/LoadingSpinner.stories.ts"],"names":[],"mappings":"AAEA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,IAAI,GAAgC;IACtC,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,cAAc;IACzB,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,qBAAqB,GAAU;IACxC,IAAI,EAAE;QACF,IAAI,EAAE,IAAI;KACb;CACJ,CAAC"}

package/dist/esm/components/atoms/index.js

@@ -0,0 +1,4 @@
+export { default as Button } from './Button/Button';
+export { default as Loading } from './Loading/Loading';
+export { default as LoadingSpinner } from './LoadingSpinner/LoadingSpinner';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/atoms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/esm/components/index.js

@@ -0,0 +1,4 @@
+export * from './atoms';
+// export * from './molecules';
+// export * from './organisms';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,+BAA+B;AAC/B,+BAA+B"}

package/dist/esm/components/molecules/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/molecules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":""}

package/dist/esm/components/organisms/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/organisms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":""}

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "myrentokil-components-library",
-    "version": "1.0.24",
+    "version": "1.0.26",
     "description": "myRentokil shared components library",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",