myrentokil-components-library 1.0.26 → 1.0.30

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.
Files changed (54) hide show
  1. package/README.md +0 -10
  2. package/package.json +5 -14
  3. package/dist/cjs/components/atoms/Button/Button.js +0 -79
  4. package/dist/cjs/components/atoms/Button/Button.js.map +0 -1
  5. package/dist/cjs/components/atoms/Button/Button.stories.js +0 -26
  6. package/dist/cjs/components/atoms/Button/Button.stories.js.map +0 -1
  7. package/dist/cjs/components/atoms/Button/Button.test.js +0 -14
  8. package/dist/cjs/components/atoms/Button/Button.test.js.map +0 -1
  9. package/dist/cjs/components/atoms/Loading/Loading.js +0 -14
  10. package/dist/cjs/components/atoms/Loading/Loading.js.map +0 -1
  11. package/dist/cjs/components/atoms/Loading/Loading.stories.js +0 -23
  12. package/dist/cjs/components/atoms/Loading/Loading.stories.js.map +0 -1
  13. package/dist/cjs/components/atoms/Loading/Loading.test.js +0 -14
  14. package/dist/cjs/components/atoms/Loading/Loading.test.js.map +0 -1
  15. package/dist/cjs/components/atoms/LoadingSpinner/LoadingSpinner.js +0 -27
  16. package/dist/cjs/components/atoms/LoadingSpinner/LoadingSpinner.js.map +0 -1
  17. package/dist/cjs/components/atoms/LoadingSpinner/LoadingSpinner.stories.js +0 -19
  18. package/dist/cjs/components/atoms/LoadingSpinner/LoadingSpinner.stories.js.map +0 -1
  19. package/dist/cjs/components/atoms/index.js +0 -13
  20. package/dist/cjs/components/atoms/index.js.map +0 -1
  21. package/dist/cjs/components/index.js +0 -20
  22. package/dist/cjs/components/index.js.map +0 -1
  23. package/dist/cjs/components/molecules/index.js +0 -2
  24. package/dist/cjs/components/molecules/index.js.map +0 -1
  25. package/dist/cjs/components/organisms/index.js +0 -2
  26. package/dist/cjs/components/organisms/index.js.map +0 -1
  27. package/dist/cjs/index.js +0 -18
  28. package/dist/cjs/index.js.map +0 -1
  29. package/dist/esm/components/atoms/Button/Button.js +0 -51
  30. package/dist/esm/components/atoms/Button/Button.js.map +0 -1
  31. package/dist/esm/components/atoms/Button/Button.stories.js +0 -20
  32. package/dist/esm/components/atoms/Button/Button.stories.js.map +0 -1
  33. package/dist/esm/components/atoms/Button/Button.test.js +0 -9
  34. package/dist/esm/components/atoms/Button/Button.test.js.map +0 -1
  35. package/dist/esm/components/atoms/Loading/Loading.js +0 -9
  36. package/dist/esm/components/atoms/Loading/Loading.js.map +0 -1
  37. package/dist/esm/components/atoms/Loading/Loading.stories.js +0 -17
  38. package/dist/esm/components/atoms/Loading/Loading.stories.js.map +0 -1
  39. package/dist/esm/components/atoms/Loading/Loading.test.js +0 -9
  40. package/dist/esm/components/atoms/Loading/Loading.test.js.map +0 -1
  41. package/dist/esm/components/atoms/LoadingSpinner/LoadingSpinner.js +0 -22
  42. package/dist/esm/components/atoms/LoadingSpinner/LoadingSpinner.js.map +0 -1
  43. package/dist/esm/components/atoms/LoadingSpinner/LoadingSpinner.stories.js +0 -13
  44. package/dist/esm/components/atoms/LoadingSpinner/LoadingSpinner.stories.js.map +0 -1
  45. package/dist/esm/components/atoms/index.js +0 -4
  46. package/dist/esm/components/atoms/index.js.map +0 -1
  47. package/dist/esm/components/index.js +0 -4
  48. package/dist/esm/components/index.js.map +0 -1
  49. package/dist/esm/components/molecules/index.js +0 -2
  50. package/dist/esm/components/molecules/index.js.map +0 -1
  51. package/dist/esm/components/organisms/index.js +0 -2
  52. package/dist/esm/components/organisms/index.js.map +0 -1
  53. package/dist/esm/index.js +0 -2
  54. package/dist/esm/index.js.map +0 -1
package/README.md CHANGED
@@ -10,16 +10,6 @@ npm install myrentokil-components-library
10
10
 
11
11
  ## Available Scripts:
12
12
 
13
- ### Build the library
14
- ```
15
- npm run rollup
16
- ```
17
-
18
- ### Publish the library
19
- ```
20
- npm publish
21
- ```
22
-
23
13
  ### Run tests
24
14
  ```
25
15
  npm run test
package/package.json CHANGED
@@ -1,11 +1,10 @@
1
1
  {
2
2
  "name": "myrentokil-components-library",
3
- "version": "1.0.26",
3
+ "version": "1.0.30",
4
4
  "description": "myRentokil shared components library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
7
7
  "types": "dist/index.d.ts",
8
- "type": "module",
9
8
  "publishConfig": {
10
9
  "registry": "https://registry.npmjs.org/"
11
10
  },
@@ -13,27 +12,19 @@
13
12
  "dist"
14
13
  ],
15
14
  "scripts": {
16
- "rollup": "rollup -c",
17
- "build": "rm -rf dist/ && prettier --write src/ && npm run build:esm && npm run build:cjs && storybook build && rollup",
15
+ "build": "rm -rf dist/ && prettier --write src/ && npm run build:esm && npm run build:cjs && storybook build",
18
16
  "build:esm": "tsc",
19
17
  "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
20
18
  "storybook": "storybook dev -p 6006",
21
19
  "build-storybook": "storybook build",
22
20
  "test": "jest"
23
21
  },
24
- "author": "Fernando Brandao",
22
+ "author": "F Brandao",
25
23
  "license": "UNLICENSED",
26
24
  "devDependencies": {
27
25
  "@babel/preset-env": "^7.22.5",
28
26
  "@babel/preset-react": "^7.22.5",
29
27
  "@babel/preset-typescript": "^7.22.5",
30
- "@emotion/react": "^11.11.1",
31
- "@emotion/styled": "^11.11.0",
32
- "@mui/material": "^5.13.6",
33
- "@mui/styled-engine-sc": "^5.12.0",
34
- "@rollup/plugin-commonjs": "^21.0.1",
35
- "@rollup/plugin-node-resolve": "^13.0.6",
36
- "@rollup/plugin-typescript": "^8.3.3",
37
28
  "@storybook/addon-essentials": "^7.0.24",
38
29
  "@storybook/addon-interactions": "^7.0.24",
39
30
  "@storybook/addon-links": "^7.0.24",
@@ -49,13 +40,13 @@
49
40
  "@types/styled-components": "^5.1.26",
50
41
  "jest": "^29.5.0",
51
42
  "jest-environment-jsdom": "^29.5.0",
43
+ "jest-svg-transformer": "^1.0.0",
52
44
  "prop-types": "^15.8.1",
53
45
  "react": "^18.0.0",
54
46
  "react-dom": "^18.0.0",
55
- "rollup": "^2.60.0",
56
- "rollup-plugin-dts": "^4.0.1",
57
47
  "storybook": "^7.0.24",
58
48
  "styled-components": "^5.3.1",
49
+ "ts-jest": "^29.1.1",
59
50
  "typescript": "^4.4.4"
60
51
  },
61
52
  "peerDependencies": {
@@ -1,79 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __rest = (this && this.__rest) || function (s, e) {
26
- var t = {};
27
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
- t[p] = s[p];
29
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
- t[p[i]] = s[p[i]];
33
- }
34
- return t;
35
- };
36
- var __importDefault = (this && this.__importDefault) || function (mod) {
37
- return (mod && mod.__esModule) ? mod : { "default": mod };
38
- };
39
- Object.defineProperty(exports, "__esModule", { value: true });
40
- const react_1 = __importDefault(require("react"));
41
- const styled_components_1 = __importStar(require("styled-components"));
42
- const getSizeStyles = ({ size = 'medium' }) => {
43
- switch (size) {
44
- case 'small': {
45
- return (0, styled_components_1.css) `
46
- font-size: 12px;
47
- padding: 10px 16px;
48
- `;
49
- }
50
- case 'large': {
51
- return (0, styled_components_1.css) `
52
- font-size: 16px;
53
- padding: 12px 24px;
54
- `;
55
- }
56
- default: {
57
- return (0, styled_components_1.css) `
58
- font-size: 14px;
59
- padding: 11px 20px;
60
- `;
61
- }
62
- }
63
- };
64
- const Button = (_a) => {
65
- var { size = 'medium', label = '' } = _a, props = __rest(_a, ["size", "label"]);
66
- return (react_1.default.createElement(StyledButton, Object.assign({ type: "button", size: size }, props), label));
67
- };
68
- const StyledButton = styled_components_1.default.button `
69
- background: transparent;
70
- border-radius: 3px;
71
- border: 2px solid palevioletred;
72
- color: palevioletred;
73
- margin: 0.5em 1em;
74
- padding: 0.25em 1em;
75
-
76
- ${(props) => getSizeStyles({ size: props.size })}
77
- `;
78
- exports.default = Button;
79
- //# sourceMappingURL=Button.js.map
@@ -1 +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"}
@@ -1,26 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Secondary = exports.Primary = void 0;
7
- const Button_1 = __importDefault(require("./Button"));
8
- const meta = {
9
- title: 'ReactComponentsLibrary/Button',
10
- component: Button_1.default,
11
- tags: ['autodocs']
12
- };
13
- exports.default = meta;
14
- exports.Primary = {
15
- args: {
16
- label: 'Button',
17
- size: 'small'
18
- }
19
- };
20
- exports.Secondary = {
21
- args: {
22
- label: 'Click me',
23
- size: 'large'
24
- }
25
- };
26
- //# sourceMappingURL=Button.stories.js.map
@@ -1 +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"}
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const react_2 = require("@testing-library/react");
8
- const Button_1 = __importDefault(require("./Button"));
9
- describe('Button', () => {
10
- it('renders the button component', () => {
11
- (0, react_2.render)(react_1.default.createElement(Button_1.default, { label: "Hello", size: "small" }));
12
- });
13
- });
14
- //# sourceMappingURL=Button.test.js.map
@@ -1 +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"}
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
8
- const Box_1 = __importDefault(require("@mui/material/Box"));
9
- const Loading = ({ color = 'blue', size }) => {
10
- return (react_1.default.createElement(Box_1.default, { sx: { display: 'flex' } },
11
- react_1.default.createElement(CircularProgress_1.default, { sx: { color }, size: size })));
12
- };
13
- exports.default = Loading;
14
- //# sourceMappingURL=Loading.js.map
@@ -1 +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"}
@@ -1,23 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.SecondaryLoading = exports.PrimaryLoading = void 0;
7
- const Loading_1 = __importDefault(require("./Loading"));
8
- const meta = {
9
- title: 'ReactComponentsLibrary/Loading',
10
- component: Loading_1.default,
11
- tags: ['autodocs']
12
- };
13
- exports.default = meta;
14
- exports.PrimaryLoading = {
15
- args: {}
16
- };
17
- exports.SecondaryLoading = {
18
- args: {
19
- size: 100,
20
- color: 'red'
21
- }
22
- };
23
- //# sourceMappingURL=Loading.stories.js.map
@@ -1 +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"}
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const react_2 = require("@testing-library/react");
8
- const Loading_1 = __importDefault(require("./Loading"));
9
- describe('Loading', () => {
10
- it('renders the loading component', () => {
11
- (0, react_2.render)(react_1.default.createElement(Loading_1.default, null));
12
- });
13
- });
14
- //# sourceMappingURL=Loading.test.js.map
@@ -1 +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"}
@@ -1,27 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- // import { ReactComponent as SpinnerIcon } from '../../../assets/images/svg/spinner.svg';
8
- // const SpinnerIcon = require('../../../assets/images/svg/spinner.svg') as string;
9
- const styled_components_1 = __importDefault(require("styled-components"));
10
- const LoadingSpinner = ({ show = false }) => {
11
- return show ? react_1.default.createElement(LoadingSpinnerWrapper, null) : null;
12
- };
13
- const LoadingSpinnerWrapper = styled_components_1.default.div `
14
- align-items: center;
15
- bottom: 0;
16
- display: flex;
17
- height: 100%;
18
- justify-content: center;
19
- left: 0;
20
- position: absolute;
21
- right: 0;
22
- top: 0;
23
- width: 100%;
24
- z-index: 9999;
25
- `;
26
- exports.default = LoadingSpinner;
27
- //# sourceMappingURL=LoadingSpinner.js.map
@@ -1 +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"}
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.PrimaryLoadingSpinner = void 0;
7
- const LoadingSpinner_1 = __importDefault(require("./LoadingSpinner"));
8
- const meta = {
9
- title: 'ReactComponentsLibrary/LoadingSpinner',
10
- component: LoadingSpinner_1.default,
11
- tags: ['autodocs']
12
- };
13
- exports.default = meta;
14
- exports.PrimaryLoadingSpinner = {
15
- args: {
16
- show: true
17
- }
18
- };
19
- //# sourceMappingURL=LoadingSpinner.stories.js.map
@@ -1 +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"}
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.LoadingSpinner = exports.Loading = exports.Button = void 0;
7
- var Button_1 = require("./Button/Button");
8
- Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
9
- var Loading_1 = require("./Loading/Loading");
10
- Object.defineProperty(exports, "Loading", { enumerable: true, get: function () { return __importDefault(Loading_1).default; } });
11
- var LoadingSpinner_1 = require("./LoadingSpinner/LoadingSpinner");
12
- Object.defineProperty(exports, "LoadingSpinner", { enumerable: true, get: function () { return __importDefault(LoadingSpinner_1).default; } });
13
- //# sourceMappingURL=index.js.map
@@ -1 +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"}
@@ -1,20 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./atoms"), exports);
18
- // export * from './molecules';
19
- // export * from './organisms';
20
- //# sourceMappingURL=index.js.map
@@ -1 +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"}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":""}
package/dist/cjs/index.js DELETED
@@ -1,18 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./components"), exports);
18
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
@@ -1,51 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React from 'react';
13
- import styled, { css } from 'styled-components';
14
- const getSizeStyles = ({ size = 'medium' }) => {
15
- switch (size) {
16
- case 'small': {
17
- return css `
18
- font-size: 12px;
19
- padding: 10px 16px;
20
- `;
21
- }
22
- case 'large': {
23
- return css `
24
- font-size: 16px;
25
- padding: 12px 24px;
26
- `;
27
- }
28
- default: {
29
- return css `
30
- font-size: 14px;
31
- padding: 11px 20px;
32
- `;
33
- }
34
- }
35
- };
36
- const Button = (_a) => {
37
- var { size = 'medium', label = '' } = _a, props = __rest(_a, ["size", "label"]);
38
- return (React.createElement(StyledButton, Object.assign({ type: "button", size: size }, props), label));
39
- };
40
- const StyledButton = styled.button `
41
- background: transparent;
42
- border-radius: 3px;
43
- border: 2px solid palevioletred;
44
- color: palevioletred;
45
- margin: 0.5em 1em;
46
- padding: 0.25em 1em;
47
-
48
- ${(props) => getSizeStyles({ size: props.size })}
49
- `;
50
- export default Button;
51
- //# sourceMappingURL=Button.js.map
@@ -1 +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"}
@@ -1,20 +0,0 @@
1
- import Button from './Button';
2
- const meta = {
3
- title: 'ReactComponentsLibrary/Button',
4
- component: Button,
5
- tags: ['autodocs']
6
- };
7
- export default meta;
8
- export const Primary = {
9
- args: {
10
- label: 'Button',
11
- size: 'small'
12
- }
13
- };
14
- export const Secondary = {
15
- args: {
16
- label: 'Click me',
17
- size: 'large'
18
- }
19
- };
20
- //# sourceMappingURL=Button.stories.js.map
@@ -1 +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"}
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { render } from '@testing-library/react';
3
- import Button from './Button';
4
- describe('Button', () => {
5
- it('renders the button component', () => {
6
- render(React.createElement(Button, { label: "Hello", size: "small" }));
7
- });
8
- });
9
- //# sourceMappingURL=Button.test.js.map
@@ -1 +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"}
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import CircularProgress from '@mui/material/CircularProgress';
3
- import Box from '@mui/material/Box';
4
- const Loading = ({ color = 'blue', size }) => {
5
- return (React.createElement(Box, { sx: { display: 'flex' } },
6
- React.createElement(CircularProgress, { sx: { color }, size: size })));
7
- };
8
- export default Loading;
9
- //# sourceMappingURL=Loading.js.map
@@ -1 +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"}
@@ -1,17 +0,0 @@
1
- import Loading from './Loading';
2
- const meta = {
3
- title: 'ReactComponentsLibrary/Loading',
4
- component: Loading,
5
- tags: ['autodocs']
6
- };
7
- export default meta;
8
- export const PrimaryLoading = {
9
- args: {}
10
- };
11
- export const SecondaryLoading = {
12
- args: {
13
- size: 100,
14
- color: 'red'
15
- }
16
- };
17
- //# sourceMappingURL=Loading.stories.js.map
@@ -1 +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"}
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { render } from '@testing-library/react';
3
- import Loading from './Loading';
4
- describe('Loading', () => {
5
- it('renders the loading component', () => {
6
- render(React.createElement(Loading, null));
7
- });
8
- });
9
- //# sourceMappingURL=Loading.test.js.map
@@ -1 +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"}
@@ -1,22 +0,0 @@
1
- import React from 'react';
2
- // import { ReactComponent as SpinnerIcon } from '../../../assets/images/svg/spinner.svg';
3
- // const SpinnerIcon = require('../../../assets/images/svg/spinner.svg') as string;
4
- import styled from 'styled-components';
5
- const LoadingSpinner = ({ show = false }) => {
6
- return show ? React.createElement(LoadingSpinnerWrapper, null) : null;
7
- };
8
- const LoadingSpinnerWrapper = styled.div `
9
- align-items: center;
10
- bottom: 0;
11
- display: flex;
12
- height: 100%;
13
- justify-content: center;
14
- left: 0;
15
- position: absolute;
16
- right: 0;
17
- top: 0;
18
- width: 100%;
19
- z-index: 9999;
20
- `;
21
- export default LoadingSpinner;
22
- //# sourceMappingURL=LoadingSpinner.js.map
@@ -1 +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"}
@@ -1,13 +0,0 @@
1
- import LoadingSpinner from './LoadingSpinner';
2
- const meta = {
3
- title: 'ReactComponentsLibrary/LoadingSpinner',
4
- component: LoadingSpinner,
5
- tags: ['autodocs']
6
- };
7
- export default meta;
8
- export const PrimaryLoadingSpinner = {
9
- args: {
10
- show: true
11
- }
12
- };
13
- //# sourceMappingURL=LoadingSpinner.stories.js.map
@@ -1 +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"}
@@ -1,4 +0,0 @@
1
- export { default as Button } from './Button/Button';
2
- export { default as Loading } from './Loading/Loading';
3
- export { default as LoadingSpinner } from './LoadingSpinner/LoadingSpinner';
4
- //# sourceMappingURL=index.js.map
@@ -1 +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"}
@@ -1,4 +0,0 @@
1
- export * from './atoms';
2
- // export * from './molecules';
3
- // export * from './organisms';
4
- //# sourceMappingURL=index.js.map
@@ -1 +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"}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":""}
package/dist/esm/index.js DELETED
@@ -1,2 +0,0 @@
1
- export * from './components';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}