@factorearth/component-library 5.5.4-alpha.0 → 5.5.4
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.
- package/dist/Atoms/NumberField/NumberField.d.ts +6 -0
- package/dist/Atoms/NumberField/NumberField.js +5 -9
- package/dist/Atoms/NumberField/NumberField.js.map +1 -1
- package/dist/Atoms/OptionsDropdown/OptionsDropdown.d.ts +2 -0
- package/dist/Atoms/OptionsDropdown/OptionsDropdown.js +46 -37
- package/dist/Atoms/OptionsDropdown/OptionsDropdown.js.map +1 -1
- package/dist/Molecules/NavMenu/NavMenu.js +3 -4
- package/dist/Molecules/NavMenu/NavMenu.js.map +1 -1
- package/package.json +2 -2
- package/dist/Organisms/Splash/Splash.d.ts +0 -10
- package/dist/Organisms/Splash/Splash.js +0 -82
- package/dist/Organisms/Splash/Splash.js.map +0 -1
|
@@ -8,6 +8,12 @@ interface NumberFieldProps extends React.DetailedHTMLProps<React.InputHTMLAttrib
|
|
|
8
8
|
value: string;
|
|
9
9
|
};
|
|
10
10
|
}) => Promise<void>;
|
|
11
|
+
handleClickAndSubmit: (event: {
|
|
12
|
+
target: {
|
|
13
|
+
name: string;
|
|
14
|
+
value: string;
|
|
15
|
+
};
|
|
16
|
+
}) => Promise<void>;
|
|
11
17
|
handleBlur?: (newValue?: string | number) => Promise<void>;
|
|
12
18
|
fromTable?: boolean;
|
|
13
19
|
moreHorizon?: JSX.Element;
|
|
@@ -69,7 +69,7 @@ const IncrementButton = styled.div `
|
|
|
69
69
|
${({ moreHorizon }) => moreHorizon && `border-right: none;`}
|
|
70
70
|
`;
|
|
71
71
|
export const NumberField = (props) => {
|
|
72
|
-
const { colorPalette, handleChange, handleBlur, fromTable, moreHorizon, value, ...inputProps } = props;
|
|
72
|
+
const { colorPalette, handleChange, handleClickAndSubmit, handleBlur, fromTable, moreHorizon, value, ...inputProps } = props;
|
|
73
73
|
const inputRef = useRef(null);
|
|
74
74
|
const [stringInt, setStringInt] = useState(value ? String(value) : "");
|
|
75
75
|
useEffect(() => {
|
|
@@ -110,7 +110,7 @@ export const NumberField = (props) => {
|
|
|
110
110
|
if (inputRef.current)
|
|
111
111
|
inputRef.current.value = event.target.value;
|
|
112
112
|
}
|
|
113
|
-
|
|
113
|
+
handleClickAndSubmit(event);
|
|
114
114
|
};
|
|
115
115
|
const handleDecrement = () => {
|
|
116
116
|
let stepper = 1;
|
|
@@ -144,7 +144,7 @@ export const NumberField = (props) => {
|
|
|
144
144
|
if (inputRef.current)
|
|
145
145
|
inputRef.current.value = event.target.value;
|
|
146
146
|
}
|
|
147
|
-
|
|
147
|
+
handleClickAndSubmit(event);
|
|
148
148
|
};
|
|
149
149
|
const handleFocus = () => {
|
|
150
150
|
if (fromTable) {
|
|
@@ -174,14 +174,10 @@ export const NumberField = (props) => {
|
|
|
174
174
|
}
|
|
175
175
|
};
|
|
176
176
|
return (React.createElement(NumberFieldContainer, { colorPalette: colorPalette },
|
|
177
|
-
React.createElement(DecrementButton, { "data-testid": "minus", colorPalette: colorPalette, onClick: handleDecrement, tabIndex: -1,
|
|
178
|
-
handleBlur && handleBlur(inputRef.current?.value || "");
|
|
179
|
-
} },
|
|
177
|
+
React.createElement(DecrementButton, { "data-testid": "minus", colorPalette: colorPalette, onClick: handleDecrement, tabIndex: -1 },
|
|
180
178
|
React.createElement(FiMinus, null)),
|
|
181
179
|
React.createElement(NumberInput, { "data-testid": "NumberInput", ...inputProps, colorPalette: colorPalette, value: stringInt, onChange: handleNumberChange, onBlur: (e) => handleBlur && handleBlur(e.target.value), ref: inputRef, onFocus: handleFocus, type: "text" }),
|
|
182
|
-
React.createElement(IncrementButton, { "data-testid": "plus", colorPalette: colorPalette, onClick: handleIncrement, tabIndex: -1,
|
|
183
|
-
handleBlur && handleBlur(inputRef.current?.value || "");
|
|
184
|
-
}, moreHorizon: moreHorizon ? true : false },
|
|
180
|
+
React.createElement(IncrementButton, { "data-testid": "plus", colorPalette: colorPalette, onClick: handleIncrement, tabIndex: -1, moreHorizon: moreHorizon ? true : false },
|
|
185
181
|
React.createElement(FiPlus, null)),
|
|
186
182
|
moreHorizon && moreHorizon));
|
|
187
183
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../lib/Atoms/NumberField/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAqB,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGjD,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;CAIjE,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAA2B;;;;;;;;;;UAUjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;eAC1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;iBAGnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;;;;;;;CAgBjE,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;;;;;;;iBAW5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;eACnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;UAC1D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;CACxD,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAGhC;;;;;;;;;;iBAUe,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;eACnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;UAC1D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;GACtD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,IAAI,iCAAiC;GACtE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,qBAAqB;CAC3D,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../lib/Atoms/NumberField/NumberField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,8 @@ export interface DropDownOption extends React.DetailedHTMLProps<React.InputHTMLA
|
|
|
15
15
|
onClick: () => void;
|
|
16
16
|
icon?: React.JSX.Element;
|
|
17
17
|
dataTestId?: string;
|
|
18
|
+
variant?: "filled" | "destructive";
|
|
19
|
+
disabled?: boolean;
|
|
18
20
|
}
|
|
19
21
|
export declare const OptionsDropdown: (props: OptionsDropdownProps) => React.JSX.Element;
|
|
20
22
|
export {};
|
|
@@ -2,49 +2,52 @@ import React, { useState, useRef, useEffect } from "react";
|
|
|
2
2
|
import styled from "@emotion/styled";
|
|
3
3
|
import { Typography } from "../Typography/Typography";
|
|
4
4
|
const OptionsDropdownDiv = styled.div `
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
display: flex;
|
|
6
|
+
align-items: flex-start;
|
|
7
|
+
width: fit-content;
|
|
8
|
+
border-radius: 4px;
|
|
9
|
+
border: ${({ colorPalette }) => colorPalette.text.tertiary} 1px solid;
|
|
10
10
|
`;
|
|
11
11
|
const CategoryDiv = styled.div `
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
padding: 8px;
|
|
13
|
+
border-left: ${({ colorPalette }) => colorPalette.text.tertiary} 1px solid;
|
|
14
|
+
background: ${({ expanded, colorPalette }) => expanded ? colorPalette.text.tertiary : "none"};
|
|
15
|
+
color: ${({ expanded, colorPalette }) => expanded ? colorPalette.background.primary : colorPalette.text.tertiary};
|
|
16
|
+
position: relative;
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
&:first-child {
|
|
19
|
+
border-left: none;
|
|
20
|
+
}
|
|
21
21
|
`;
|
|
22
22
|
const CategoryTitle = styled.div `
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
display: inline-flex;
|
|
24
|
+
align-items: flex-start;
|
|
25
|
+
gap: 8px;
|
|
27
26
|
`;
|
|
28
27
|
const AllOptionsDiv = styled.div `
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
28
|
+
border-top: ${({ colorPalette }) => colorPalette.background.primary} 1px solid;
|
|
29
|
+
display: flex;
|
|
30
|
+
flex-direction: column;
|
|
31
|
+
position: absolute;
|
|
32
|
+
left: ${({ last }) => (last ? "-60px" : "0px")};
|
|
33
|
+
top: calc(100% + 1px);
|
|
34
|
+
border-radius: 0 0 4px 4px;
|
|
35
|
+
padding: 8px 0;
|
|
35
36
|
background: ${({ colorPalette }) => colorPalette.text.tertiary};
|
|
36
|
-
|
|
37
|
-
padding: 8px;
|
|
37
|
+
width: max-content;
|
|
38
38
|
`;
|
|
39
39
|
const OptionDiv = styled.div `
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
40
|
+
display: flex;
|
|
41
|
+
align-items: flex-start;
|
|
42
|
+
gap: 8px;
|
|
43
|
+
padding: 8px 16px;
|
|
44
|
+
background: ${({ colorPalette, variant }) => colorPalette.buttonBackground[variant]};
|
|
45
|
+
cursor: ${({ disabled }) => (disabled ? "not-allowed" : "pointer")};
|
|
46
|
+
${({ disabled }) => disabled &&
|
|
47
|
+
`
|
|
48
|
+
opacity: 0.5;
|
|
49
|
+
`}
|
|
46
50
|
`;
|
|
47
|
-
;
|
|
48
51
|
export const OptionsDropdown = (props) => {
|
|
49
52
|
const { colorPalette, optionsObj, ...inputProps } = props;
|
|
50
53
|
const [open, setOpen] = useState(null);
|
|
@@ -72,14 +75,20 @@ export const OptionsDropdown = (props) => {
|
|
|
72
75
|
setOpen(location);
|
|
73
76
|
}
|
|
74
77
|
};
|
|
75
|
-
return (React.createElement(OptionsDropdownDiv, { colorPalette: colorPalette, ref: ref }, categories?.map(cat => {
|
|
76
|
-
return (React.createElement(CategoryDiv, { "data-test": optionsObj[cat]?.dataTestId, colorPalette: colorPalette, expanded: open === cat, onClick: () => {
|
|
78
|
+
return (React.createElement(OptionsDropdownDiv, { colorPalette: colorPalette, ref: ref }, categories?.map((cat) => {
|
|
79
|
+
return (React.createElement(CategoryDiv, { "data-test": optionsObj[cat]?.dataTestId, colorPalette: colorPalette, expanded: open === cat, onClick: () => {
|
|
80
|
+
toggleOpen(cat);
|
|
81
|
+
} },
|
|
77
82
|
React.createElement(CategoryTitle, { colorPalette: colorPalette },
|
|
78
83
|
optionsObj[cat]?.icon,
|
|
79
|
-
React.createElement(Typography, { textColor: open === cat
|
|
80
|
-
|
|
84
|
+
React.createElement(Typography, { textColor: open === cat
|
|
85
|
+
? colorPalette.background.primary
|
|
86
|
+
: colorPalette.text.tertiary, content: optionsObj[cat]?.title || cat, variant: "Small" })),
|
|
87
|
+
open === cat && (React.createElement(AllOptionsDiv, { colorPalette: colorPalette, last: cat === categories?.[categories.length - 1] }, optionsObj[cat].options.map((op) => (React.createElement(OptionDiv, { "data-test": op?.dataTestId, colorPalette: colorPalette, onClick: op.onClick, disabled: op.disabled, variant: op.variant || "filled" },
|
|
81
88
|
op?.icon,
|
|
82
|
-
React.createElement(Typography, { textColor: open === cat
|
|
89
|
+
React.createElement(Typography, { textColor: open === cat
|
|
90
|
+
? colorPalette.background.primary
|
|
91
|
+
: colorPalette.text.tertiary, content: op.name, variant: "Small" }))))))));
|
|
83
92
|
})));
|
|
84
93
|
};
|
|
85
94
|
//# sourceMappingURL=OptionsDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/OptionsDropdown/OptionsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/OptionsDropdown/OptionsDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ const NavMenu = styled.div `
|
|
|
17
17
|
display: flex;
|
|
18
18
|
flex-direction: column;
|
|
19
19
|
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
20
|
-
width:
|
|
20
|
+
width: 100%;
|
|
21
21
|
`;
|
|
22
22
|
const NavBarHeader = styled.div `
|
|
23
23
|
display: flex;
|
|
@@ -51,7 +51,8 @@ const NavBarContent = styled.div `
|
|
|
51
51
|
const HeaderRightContent = styled.div `
|
|
52
52
|
alignItems: center;
|
|
53
53
|
gap: 16px;
|
|
54
|
-
padding: 16px;
|
|
54
|
+
padding-top: 16px;
|
|
55
|
+
padding-bottom: 16px;
|
|
55
56
|
|
|
56
57
|
@media (max-width: 500px) {
|
|
57
58
|
justify-content: flex-end;
|
|
@@ -59,7 +60,6 @@ const HeaderRightContent = styled.div `
|
|
|
59
60
|
border-width: 1px 0 1px 0;
|
|
60
61
|
border-style: solid;
|
|
61
62
|
border-color: ${({ colorPalette }) => colorPalette.background.secondary};
|
|
62
|
-
width: 100vw;
|
|
63
63
|
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
64
64
|
width: 100%;
|
|
65
65
|
}
|
|
@@ -159,7 +159,6 @@ const NavBar = (props) => {
|
|
|
159
159
|
const { colorPalette, locations, appInfo } = props;
|
|
160
160
|
const navMenuRef = useRef(null);
|
|
161
161
|
const [navOpen, setNavOpen] = useState(false);
|
|
162
|
-
// const [currentLocation, setCurrentLocation] = useState<string>("Home")
|
|
163
162
|
const locationsList = useMemo(() => {
|
|
164
163
|
const buildNavElements = (locations) => {
|
|
165
164
|
const locationsJsx = locations.map((location) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../lib/Molecules/NavMenu/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EACN,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,MAAM,EACN,cAAc,EACd,GAAG,GACH,MAAM,gBAAgB,CAAC;AACxB,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAsC/C,MAAM,WAAW,GAAG,SAAS,CAAA;;;;;;;;;CAS5B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAA0B;;;eAGrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;CAEnE,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;iBAOxC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS;;;;;;;;;CASvE,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;;;;CAWzD,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA0B
|
|
1
|
+
{"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../lib/Molecules/NavMenu/NavMenu.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "5.5.4
|
|
3
|
+
"version": "5.5.4",
|
|
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": "
|
|
49
|
+
"gitHead": "e7213ed9bf5cc923c17b256fcd58ac80d347f66b",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|
|
@@ -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 {};
|
|
@@ -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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Splash.js","sourceRoot":"","sources":["../../../lib/Organisms/Splash/Splash.tsx"],"names":[],"mappings":"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"}
|