myrentokil-components-library 1.0.3

package/dist/cjs/types/components/atoms/Button/Button.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface ButtonProps {
+    /**
+     * How large should the button be?
+     */
+    size: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+declare const Button: ({ size, label, ...props }: ButtonProps) => React.JSX.Element;
+export default Button;

package/dist/cjs/types/components/atoms/Button/Button.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Button from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;

package/dist/cjs/types/components/atoms/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/types/components/atoms/Loading/Loading.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface LoadingProps {
+    /**
+     * How large should the loader be? e.g 40px
+     * default is 40
+     */
+    size?: number;
+    /**
+     * The color of the loader
+     */
+    color?: string;
+}
+declare const Loading: ({ color, size }: LoadingProps) => React.JSX.Element;
+export default Loading;

package/dist/cjs/types/components/atoms/Loading/Loading.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Loading from './Loading';
+declare const meta: Meta<typeof Loading>;
+export default meta;
+type Story = StoryObj<typeof Loading>;
+export declare const PrimaryLoading: Story;
+export declare const SecondaryLoading: Story;

package/dist/cjs/types/components/atoms/Loading/Loading.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/types/components/atoms/LoadingSpinner/LoadingSpinner.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface LoadingSpinnerProps {
+    /**
+     * Hide / Show spinner
+     */
+    show?: string | boolean;
+}
+declare const LoadingSpinner: ({ show }: LoadingSpinnerProps) => React.JSX.Element | null;
+export default LoadingSpinner;

package/dist/cjs/types/components/atoms/LoadingSpinner/LoadingSpinner.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import LoadingSpinner from './LoadingSpinner';
+declare const meta: Meta<typeof LoadingSpinner>;
+export default meta;
+type Story = StoryObj<typeof LoadingSpinner>;
+export declare const PrimaryLoadingSpinner: Story;

package/dist/cjs/types/components/atoms/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Button } from './Button/Button';
+export { default as Loading } from './Loading/Loading';
+export { default as LoadingSpinner } from './LoadingSpinner/LoadingSpinner';

package/dist/cjs/types/components/index.d.ts

@@ -0,0 +1 @@
+export * from './atoms';

package/dist/cjs/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/components/atoms/Button/Button.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface ButtonProps {
+    /**
+     * How large should the button be?
+     */
+    size: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+declare const Button: ({ size, label, ...props }: ButtonProps) => React.JSX.Element;
+export default Button;

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.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Button from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;

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.d.ts

@@ -0,0 +1 @@
+export {};

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.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface LoadingProps {
+    /**
+     * How large should the loader be? e.g 40px
+     * default is 40
+     */
+    size?: number;
+    /**
+     * The color of the loader
+     */
+    color?: string;
+}
+declare const Loading: ({ color, size }: LoadingProps) => React.JSX.Element;
+export default Loading;

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.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Loading from './Loading';
+declare const meta: Meta<typeof Loading>;
+export default meta;
+type Story = StoryObj<typeof Loading>;
+export declare const PrimaryLoading: Story;
+export declare const SecondaryLoading: Story;

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.d.ts

@@ -0,0 +1 @@
+export {};

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.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface LoadingSpinnerProps {
+    /**
+     * Hide / Show spinner
+     */
+    show?: string | boolean;
+}
+declare const LoadingSpinner: ({ show }: LoadingSpinnerProps) => React.JSX.Element | null;
+export default LoadingSpinner;

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.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import LoadingSpinner from './LoadingSpinner';
+declare const meta: Meta<typeof LoadingSpinner>;
+export default meta;
+type Story = StoryObj<typeof LoadingSpinner>;
+export declare const PrimaryLoadingSpinner: Story;

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.d.ts

@@ -0,0 +1,3 @@
+export { default as Button } from './Button/Button';
+export { default as Loading } from './Loading/Loading';
+export { default as LoadingSpinner } from './LoadingSpinner/LoadingSpinner';

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.d.ts

@@ -0,0 +1 @@
+export * from './atoms';

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.d.ts

@@ -0,0 +1 @@
+export * from './components';