@factorearth/component-library 4.6.9-alpha.0 → 4.6.11-alpha.0

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 (11) hide show
  1. package/dist/Atoms/OptionsDropdown/OptionsDropdown.js +1 -1
  2. package/dist/Atoms/OptionsDropdown/OptionsDropdown.js.map +1 -1
  3. package/dist/Organisms/Card/Card.js +3 -0
  4. package/dist/Organisms/Card/Card.js.map +1 -1
  5. package/package.json +2 -2
  6. package/dist/Organisms/ErrorSplash/ErrorSplash.d.ts +0 -13
  7. package/dist/Organisms/ErrorSplash/ErrorSplash.js +0 -80
  8. package/dist/Organisms/ErrorSplash/ErrorSplash.js.map +0 -1
  9. package/dist/Organisms/Splash/Splash.d.ts +0 -10
  10. package/dist/Organisms/Splash/Splash.js +0 -82
  11. package/dist/Organisms/Splash/Splash.js.map +0 -1
package/dist/Atoms/OptionsDropdown/OptionsDropdown.js CHANGED
@@ -58,7 +58,7 @@ export const OptionsDropdown = (props) => {
58
58
  }, []);
59
59
  useEffect(() => {
60
60
  setCategories(Object.keys(optionsObj));
61
- }, []);
61
+ }, [optionsObj]);
62
62
  const handleClickOutside = (event) => {
63
63
  if (ref.current && !ref.current.contains(event.target)) {
64
64
  setOpen(null);
package/dist/Atoms/OptionsDropdown/OptionsDropdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/OptionsDropdown/OptionsDropdown.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/OptionsDropdown/OptionsDropdown.tsx"],"names":[],"mappings":"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"}
package/dist/Organisms/Card/Card.js CHANGED
@@ -2,6 +2,7 @@ import React, { forwardRef } from "react";
2
2
  import styled from "@emotion/styled";
3
3
  const CardContainer = styled.div `
4
4
  padding: 24px;
5
+ background-color: ${({ colorPalette }) => colorPalette.background.primary};
5
6
  border-width: 0.5px;
6
7
  border-style: solid;
7
8
  border-color: ${({ colorPalette }) => colorPalette.border.primary};
@@ -12,6 +13,7 @@ const FieldsXThumbnailSection = styled.section `
12
13
  display: flex;
13
14
  justify-content: space-between;
14
15
  flex-direction: row-reverse;
16
+ background-color: ${({ colorPalette }) => colorPalette.background.primary};
15
17
  @media (max-width: 600px) {
16
18
  flex-direction: column;
17
19
  align-items: flex-end;
@@ -23,6 +25,7 @@ const FieldsXThumbnailSection = styled.section `
23
25
  `;
24
26
  const ThumbnailSectionFields = styled.section `
25
27
  padding: 16px 24px 0px 0px;
28
+ background-color: ${({ colorPalette }) => colorPalette.background.primary};
26
29
  display: flex;
27
30
  flex-direction: column;
28
31
  justify-content: center;
package/dist/Organisms/Card/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../lib/Organisms/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;iBAI1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;CAGjE,CAAC;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,OAAO,CAE5C;;;;;;;;;;;;CAYD,CAAC;AAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,OAAO,CAA2B;;;;;;;;;CASvE,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKjC,CAAC;AAcF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC7B,CAAC,KAAgB,EAAE,GAAiC,EAAE,EAAE;IACvD,MAAM,EACL,YAAY,EACZ,SAAS,EACT,sBAAsB,EACtB,eAAe,EACf,OAAO,GACP,GAAG,KAAK,CAAC;IACV,OAAO,CACN,oBAAC,aAAa,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY;QAC7D,oBAAC,uBAAuB,IAAC,YAAY,EAAE,YAAY;YACjD,SAAS;YACV,oBAAC,sBAAsB,IAAC,YAAY,EAAE,YAAY,IAChD,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC;gBACrC,sBAAsB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CACzB,CACA;QACzB,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;YAC9B,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC;QAC1C,oBAAC,eAAe,QAAE,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CAAmB,CACvD,CAChB,CAAC;AACH,CAAC,CACD,CAAC"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../lib/Organisms/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA2B;;qBAEtC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;iBAGzD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;CAGjE,CAAC;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,OAAO,CAE5C;;;;qBAImB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;;;;;;;CASzE,CAAC;AAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,OAAO,CAA2B;;qBAEnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;;;;;;CAQzE,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKjC,CAAC;AAcF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC7B,CAAC,KAAgB,EAAE,GAAiC,EAAE,EAAE;IACvD,MAAM,EACL,YAAY,EACZ,SAAS,EACT,sBAAsB,EACtB,eAAe,EACf,OAAO,GACP,GAAG,KAAK,CAAC;IACV,OAAO,CACN,oBAAC,aAAa,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY;QAC7D,oBAAC,uBAAuB,IAAC,YAAY,EAAE,YAAY;YACjD,SAAS;YACV,oBAAC,sBAAsB,IAAC,YAAY,EAAE,YAAY,IAChD,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC;gBACrC,sBAAsB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CACzB,CACA;QACzB,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;YAC9B,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC;QAC1C,oBAAC,eAAe,QAAE,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CAAmB,CACvD,CAChB,CAAC;AACH,CAAC,CACD,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@factorearth/component-library",
3
- "version": "4.6.9-alpha.0",
3
+ "version": "4.6.11-alpha.0",
4
4
  "description": " A storybook component library for FactorEarth",
5
5
  "author": "madtrx <marlin.makori@gmail.com>",
6
6
  "homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
@@ -46,7 +46,7 @@
46
46
  "access": "public",
47
47
  "registry": "https://registry.npmjs.org/"
48
48
  },
49
- "gitHead": "66fe4d50ff33ec7f7f4882276a99eff51ad2c296",
49
+ "gitHead": "02cb7020c5df0aa79e7ea784efe4775d82af954f",
50
50
  "dependencies": {
51
51
  "@emotion/react": "^11.13.0",
52
52
  "@emotion/styled": "^11.13.0",
package/dist/Organisms/ErrorSplash/ErrorSplash.d.ts DELETED
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import { Colors } from "Theme/types";
3
- interface ErrorSplashProps {
4
- colorPalette: Colors & string;
5
- title: string;
6
- description: string;
7
- image?: string;
8
- backgroundImage: string;
9
- errorMessage?: string;
10
- refreshOnClick?: () => void;
11
- }
12
- export declare const ErrorSplash: (props: ErrorSplashProps) => React.JSX.Element;
13
- export {};
package/dist/Organisms/ErrorSplash/ErrorSplash.js DELETED
@@ -1,80 +0,0 @@
1
- import React from "react";
2
- import styled from "@emotion/styled";
3
- import { FiRefreshCw } from "react-icons/fi";
4
- import { Button } from "../../Atoms/Buttons/Button";
5
- import { Typography } from "../../Atoms/Typography/Typography";
6
- const ErrorSplashContainer = styled.div `
7
- background-color: ${({ colorPalette }) => colorPalette.background.primary};
8
- display: flex;
9
- flex-direction: column;
10
- align-self: stretch;
11
- flex-grow: 1;
12
- `;
13
- const HeaderDiv = styled.div `
14
- padding: 24px;
15
- flex-direction: column;
16
- align-items: center;
17
- gap: 16px;
18
- align-self: stretch;
19
- color: ${({ colorPalette }) => colorPalette.text.primary};
20
- border-width: 0 0 1px 0;
21
- border-style: solid;
22
- text-align: center;
23
- border-color: ${({ colorPalette }) => colorPalette.background.secondary};
24
- `;
25
- const DescriptionDiv = styled.div `
26
- margin-top: 24px;
27
- text-align: center;
28
- `;
29
- const BackgroundDiv = styled.div `
30
- display: flex;
31
- height: 245px;
32
- justify-content: center;
33
- align-items: center;
34
- align-content: center;
35
- gap: 16px;
36
- flex-shrink: 0;
37
- align-self: stretch;
38
- flex-wrap: wrap;
39
- flex-grow: 1;
40
- background-image: ${({ backgroundImage }) => `url(${backgroundImage})`};
41
- backgroundSize: cover;
42
- backgroundRepeat: no-repeat;
43
- overflowY: auto;
44
- `;
45
- // This will replace the ContactContainer when we have the ambassador program set up
46
- // const AmbassadorContactDiv = styled.div<{ colorPalette: Colors }>`
47
- // background-color: ${({ colorPalette }) => colorPalette.background.tertiary};
48
- // border-top: ${({ colorPalette }) => colorPalette.border.tertiary} 1px solid;
49
- // display: flex;
50
- // padding: 24px 16px;
51
- // flex-direction: column;
52
- // align-items: center;
53
- // gap: 16px;
54
- // align-self: stretch;
55
- // `;
56
- const ContactContainer = styled.div `
57
- background-color: ${({ colors }) => colors.background.tertiary};
58
- color: ${({ colors }) => colors.text.primary};
59
- display: flex;
60
- padding: 24px 16px;
61
- flex-direction: column;
62
- align-items: center;
63
- gap: 16px;
64
- align-self: stretch;
65
- `;
66
- export const ErrorSplash = (props) => {
67
- const { colorPalette, title, description, image, backgroundImage, errorMessage, refreshOnClick, ...tableHtmlProps } = props;
68
- return (React.createElement(ErrorSplashContainer, { colorPalette: colorPalette, ...tableHtmlProps },
69
- React.createElement(HeaderDiv, { colorPalette: colorPalette },
70
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: title, variant: "Heading 3" }),
71
- React.createElement(DescriptionDiv, { colorPalette: colorPalette },
72
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: description, variant: "Paragraphy Body" }),
73
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: `Error Message: ${errorMessage}`, variant: "Paragraphy Body" }))),
74
- image && React.createElement("img", { src: image, alt: "Splash Image" }),
75
- React.createElement(BackgroundDiv, { colorPalette: colorPalette, backgroundImage: backgroundImage }, refreshOnClick && React.createElement(Button, { colorPalette: colorPalette, onClick: refreshOnClick, label: "Refresh to Try Again", variant: "outlined", icon: React.createElement(FiRefreshCw, null) })),
76
- React.createElement(ContactContainer, { colors: colorPalette },
77
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: "Please ask further questions, or reach out for additional support by emailing", variant: "Label" }),
78
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: "devs@factorearth.com", variant: "Heading 4" }))));
79
- };
80
- //# sourceMappingURL=ErrorSplash.js.map
package/dist/Organisms/ErrorSplash/ErrorSplash.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"ErrorSplash.js","sourceRoot":"","sources":["../../../lib/Organisms/ErrorSplash/ErrorSplash.tsx"],"names":[],"mappings":"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"}
package/dist/Organisms/Splash/Splash.d.ts DELETED
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { Colors } from "Theme/types";
3
- interface ErrorSplashProps {
4
- colorPalette: Colors & string;
5
- title: string;
6
- description: string;
7
- image?: string;
8
- }
9
- export declare const ErrorSplash: (props: ErrorSplashProps) => React.JSX.Element;
10
- export {};
package/dist/Organisms/Splash/Splash.js DELETED
@@ -1,82 +0,0 @@
1
- import React from "react";
2
- import styled from "@emotion/styled";
3
- import { FiChevronLeft, FiRefreshCw } from "react-icons/fi";
4
- import { GoBug } from "react-icons/go";
5
- import { Button } from "../../Atoms/Buttons/Button";
6
- import { Typography } from "../../Atoms/Typography/Typography";
7
- const ErrorSplashContainer = styled.div `
8
- // width: 100vw;
9
- // height: 100vh;
10
-
11
- `;
12
- const HeaderDiv = styled.div `
13
- display: flex;
14
- padding: 24px;
15
- flex-direction: column;
16
- align-items: flex-start;
17
- gap: 16px;
18
- align-self: stretch;
19
- `;
20
- const HeaderAndBackDiv = styled.div `
21
- display: flex;
22
- justify-content: space-between;
23
- align-items: center;
24
- align-self: stretch;
25
- `;
26
- const DescriptionDiv = styled.div `
27
- display: -webkit-box;
28
- -webkit-box-orient: vertical;
29
- -webkit-line-clamp: 2;
30
- flex: 1 0 0;
31
- `;
32
- const ButtonsDiv = styled.div `
33
- //background is the topo image
34
- display: flex;
35
- height: 245px;
36
- justify-content: center;
37
- align-items: center;
38
- align-content: center;
39
- gap: 16px;
40
- flex-shrink: 0;
41
- align-self: stretch;
42
- flex-wrap: wrap;
43
- `;
44
- const AmbassadorContactDiv = styled.div `
45
- background-color: ${({ colorPalette }) => colorPalette.background.tertiary};
46
- border-top: ${({ colorPalette }) => colorPalette.border.tertiary} 1px solid;
47
- display: flex;
48
- padding: 24px 16px;
49
- flex-direction: column;
50
- align-items: center;
51
- gap: 16px;
52
- align-self: stretch;
53
- `;
54
- const ContactContainer = styled.div `
55
- background-color: ${({ colors }) => colors.background.tertiary};
56
- color: ${({ colors }) => colors.text.primary};
57
- display: flex;
58
- padding: 24px 16px;
59
- flex-direction: column;
60
- align-items: center;
61
- gap: 16px;
62
- align-self: stretch;
63
- `;
64
- export const ErrorSplash = (props) => {
65
- const { colorPalette, title, description, image, ...tableHtmlProps } = props;
66
- console.log("colorPalette:", colorPalette);
67
- return (React.createElement(ErrorSplashContainer, { colorPalette: colorPalette, ...tableHtmlProps },
68
- React.createElement(HeaderDiv, { colorPalette: colorPalette },
69
- React.createElement(HeaderAndBackDiv, { colorPalette: colorPalette },
70
- React.createElement(FiChevronLeft, null),
71
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: title, variant: "Heading 3" })),
72
- React.createElement(DescriptionDiv, { colorPalette: colorPalette },
73
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: description, variant: "Paragraphy Body" }))),
74
- image && React.createElement("img", { src: image, alt: "Splash Image" }),
75
- React.createElement(ButtonsDiv, { colorPalette: colorPalette },
76
- React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "Refresh", variant: "outlined", icon: React.createElement(FiRefreshCw, null) }),
77
- React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "Report a bug", variant: "filled", icon: React.createElement(GoBug, null) })),
78
- React.createElement(ContactContainer, { colors: colorPalette },
79
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: "Please ask further questions, or reach out for additional support by emailing", variant: "Label" }),
80
- React.createElement(Typography, { textColor: colorPalette.text.primary, content: "devs@factorearth.com", variant: "Heading 4" }))));
81
- };
82
- //# sourceMappingURL=Splash.js.map
package/dist/Organisms/Splash/Splash.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Splash.js","sourceRoot":"","sources":["../../../lib/Organisms/Splash/Splash.tsx"],"names":[],"mappings":"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"}