myrentokil-components-library 1.0.3

package/dist/esm/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/esm/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/esm/types/components/atoms/Button/Button.test.d.ts

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

package/dist/esm/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/esm/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/esm/types/components/atoms/Loading/Loading.test.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/types/components/index.d.ts

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

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

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

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+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;
+
+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;
+
+interface LoadingSpinnerProps {
+    /**
+     * Hide / Show spinner
+     */
+    show?: string | boolean;
+}
+declare const LoadingSpinner: ({ show }: LoadingSpinnerProps) => React.JSX.Element | null;
+
+export { Button, Loading, LoadingSpinner };

package/package.json

@@ -0,0 +1,65 @@
+{
+    "name": "myrentokil-components-library",
+    "version": "1.0.3",
+    "description": "myRentokil shared components library",
+    "main": "dist/cjs/index.js",
+    "module": "dist/esm/index.js",
+    "types": "dist/index.d.ts",
+    "type": "module",
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org/"
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "rollup": "rollup -c",
+        "build": "rm -rf dist/ && prettier --write src/ && npm run build:esm && npm run build:cjs && storybook build",
+        "build:esm": "tsc",
+        "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build",
+        "test": "jest"
+    },
+    "author": "Fernando Brandao",
+    "license": "MIT",
+    "devDependencies": {
+        "@babel/preset-env": "^7.22.5",
+        "@babel/preset-react": "^7.22.5",
+        "@babel/preset-typescript": "^7.22.5",
+        "@emotion/react": "^11.11.1",
+        "@emotion/styled": "^11.11.0",
+        "@mui/material": "^5.13.6",
+        "@mui/styled-engine-sc": "^5.12.0",
+        "@rollup/plugin-commonjs": "^21.0.1",
+        "@rollup/plugin-node-resolve": "^13.0.6",
+        "@rollup/plugin-typescript": "^8.3.3",
+        "@storybook/addon-essentials": "^7.0.24",
+        "@storybook/addon-interactions": "^7.0.24",
+        "@storybook/addon-links": "^7.0.24",
+        "@storybook/blocks": "^7.0.24",
+        "@storybook/react": "^7.0.24",
+        "@storybook/react-webpack5": "^7.0.24",
+        "@storybook/testing-library": "^0.0.14-next.2",
+        "@testing-library/react": "^14.0.0",
+        "@types/jest": "^29.5.2",
+        "@types/node": "^20.3.2",
+        "@types/react": "^18.2.14",
+        "@types/react-dom": "^18.2.6",
+        "@types/styled-components": "^5.1.26",
+        "jest": "^29.5.0",
+        "jest-environment-jsdom": "^29.5.0",
+        "prop-types": "^15.8.1",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "rollup": "^2.60.0",
+        "rollup-plugin-dts": "^4.0.1",
+        "storybook": "^7.0.24",
+        "styled-components": "^5.3.1",
+        "typescript": "^4.4.4"
+    },
+    "peerDependencies": {
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+    }
+}