@factorearth/component-library 6.0.3-alpha.0 → 7.0.0-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.
- package/dist/Atoms/Buttons/Button.d.ts +1 -1
- package/dist/Atoms/Buttons/ReportABugButton.d.ts +10 -0
- package/dist/Atoms/Buttons/ReportABugButton.js +19 -0
- package/dist/Atoms/Buttons/ReportABugButton.js.map +1 -0
- package/dist/Atoms/MultiToggleButton/MultiToggleButton.d.ts +15 -0
- package/dist/Atoms/MultiToggleButton/MultiToggleButton.js +48 -0
- package/dist/Atoms/MultiToggleButton/MultiToggleButton.js.map +1 -0
- package/dist/Atoms/NumberField/NumberField.d.ts +1 -0
- package/dist/Atoms/NumberField/NumberField.js +70 -8
- 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 +39 -43
- package/dist/Molecules/NavMenu/NavMenu.js.map +1 -1
- package/dist/Molecules/Thumbnail/Thumbnail.js +2 -1
- package/dist/Molecules/Thumbnail/Thumbnail.js.map +1 -1
- package/dist/Organisms/Modal/Modal.js +1 -1
- package/dist/Organisms/Tutorial/Tutorial.d.ts +3 -2
- package/dist/Organisms/Tutorial/Tutorial.js +48 -51
- package/dist/Organisms/Tutorial/Tutorial.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Colors } from "../../Theme/types";
|
|
3
3
|
type ButtonVariants = "success" | "destructive" | "outlined" | "filled";
|
|
4
|
-
interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
|
|
4
|
+
export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
|
|
5
5
|
colorPalette: Colors;
|
|
6
6
|
icon?: JSX.Element;
|
|
7
7
|
variant: ButtonVariants;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ButtonProps } from "./Button";
|
|
3
|
+
import { getFeedback } from "@sentry/react";
|
|
4
|
+
export type GetFeedbackFnType = () => NonNullable<ReturnType<typeof getFeedback>>;
|
|
5
|
+
interface ReportABugButtonProps extends ButtonProps {
|
|
6
|
+
getFeedbackFn: GetFeedbackFnType;
|
|
7
|
+
buttonId?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function ReportABugButton(props: ReportABugButtonProps): React.JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
import { GoBug } from "react-icons/go";
|
|
3
|
+
import { Button } from "./Button";
|
|
4
|
+
export function ReportABugButton(props) {
|
|
5
|
+
const { colorPalette, variant, getFeedbackFn, ...htmlProps } = props;
|
|
6
|
+
const [feedback, setFeedback] = useState();
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
setFeedback(getFeedbackFn());
|
|
9
|
+
}, []);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
if (feedback) {
|
|
12
|
+
const unsubscribe = feedback.attachTo(`#${props.buttonId || "sentry-feedback-button"}`, {});
|
|
13
|
+
return unsubscribe;
|
|
14
|
+
}
|
|
15
|
+
return () => { };
|
|
16
|
+
}, [feedback]);
|
|
17
|
+
return (React.createElement(Button, { type: "button", id: props.buttonId || "sentry-feedback-button", colorPalette: colorPalette, variant: variant, label: "Report a Bug", icon: React.createElement(GoBug, { color: colorPalette.buttonText.outlined }), ...htmlProps }));
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=ReportABugButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReportABugButton.js","sourceRoot":"","sources":["../../../lib/Atoms/Buttons/ReportABugButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAU/C,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC5D,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACrE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAkC,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ,EAAE,CAAC;YACd,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,wBAAwB,EAAE,EAAE,EAAE,CAAC,CAAC;YAC5F,OAAO,WAAW,CAAC;QACpB,CAAC;QACD,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACN,oBAAC,MAAM,IACG,IAAI,EAAC,QAAQ,EACtB,EAAE,EAAE,KAAK,CAAC,QAAQ,IAAI,wBAAwB,EAC9C,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,oBAAC,KAAK,IAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,QAAQ,GAAI,KAC3C,SAAS,GACrB,CACF,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Colors } from "Theme/types";
|
|
3
|
+
interface MultiToggleButtonProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
|
|
4
|
+
colorPalette: Colors;
|
|
5
|
+
optionsObj: Record<string, Category>;
|
|
6
|
+
selected: string;
|
|
7
|
+
setSelected: (value: string) => void;
|
|
8
|
+
}
|
|
9
|
+
export type Category = {
|
|
10
|
+
icon?: React.JSX.Element;
|
|
11
|
+
title?: string;
|
|
12
|
+
dataTestId?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const MultiToggleButton: (props: MultiToggleButtonProps) => React.JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React, { useState, useRef, useEffect } from "react";
|
|
2
|
+
import styled from "@emotion/styled";
|
|
3
|
+
import { Typography } from "../Typography/Typography";
|
|
4
|
+
const MultiToggleButtonDiv = styled.div `
|
|
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
|
+
`;
|
|
11
|
+
const CategoryDiv = styled.div `
|
|
12
|
+
padding: 8px;
|
|
13
|
+
border-left: ${({ colorPalette }) => colorPalette.text.tertiary} 1px solid;
|
|
14
|
+
background: ${({ selected, colorPalette }) => selected ? colorPalette.text.tertiary : "none"};
|
|
15
|
+
color: ${({ selected, colorPalette }) => selected ? colorPalette.background.primary : colorPalette.text.tertiary};
|
|
16
|
+
position: relative;
|
|
17
|
+
|
|
18
|
+
&:first-child {
|
|
19
|
+
border-left: none;
|
|
20
|
+
}
|
|
21
|
+
`;
|
|
22
|
+
const CategoryTitle = styled.div `
|
|
23
|
+
display: inline-flex;
|
|
24
|
+
align-items: flex-start;
|
|
25
|
+
gap: 8px;
|
|
26
|
+
`;
|
|
27
|
+
export const MultiToggleButton = (props) => {
|
|
28
|
+
const { colorPalette, optionsObj, selected, setSelected, ...inputProps } = props;
|
|
29
|
+
const [categories, setCategories] = useState();
|
|
30
|
+
const ref = useRef(null);
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
setCategories(Object.keys(optionsObj));
|
|
33
|
+
}, [optionsObj]);
|
|
34
|
+
const toggleSelected = (location) => {
|
|
35
|
+
setSelected(location);
|
|
36
|
+
};
|
|
37
|
+
return (React.createElement(MultiToggleButtonDiv, { colorPalette: colorPalette, ref: ref }, categories?.map((cat) => {
|
|
38
|
+
return (React.createElement(CategoryDiv, { "data-test": optionsObj[cat]?.dataTestId, colorPalette: colorPalette, selected: selected === cat, onClick: () => {
|
|
39
|
+
toggleSelected(cat);
|
|
40
|
+
} },
|
|
41
|
+
React.createElement(CategoryTitle, { colorPalette: colorPalette },
|
|
42
|
+
optionsObj[cat]?.icon,
|
|
43
|
+
React.createElement(Typography, { textColor: selected === cat
|
|
44
|
+
? colorPalette.background.primary
|
|
45
|
+
: colorPalette.text.tertiary, content: optionsObj[cat]?.title || cat, variant: "Small" }))));
|
|
46
|
+
})));
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=MultiToggleButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiToggleButton.js","sourceRoot":"","sources":["../../../lib/Atoms/MultiToggleButton/MultiToggleButton.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,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;WAKtD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ;CAC1D,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAA6C;;gBAE3D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ;eACjD,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,CAC5C,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;UACtC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,CACvC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ;;;;;;CAMxE,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;CAIzD,CAAC;AAmBF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAClE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAG,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAElF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAY,CAAC;IACzD,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACd,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC3C,WAAW,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,IACxD,UAAU,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACxB,OAAO,CACN,oBAAC,WAAW,iBACA,UAAU,CAAC,GAAG,CAAC,EAAE,UAAU,EACtC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,KAAK,GAAG,EAC1B,OAAO,EAAE,GAAG,EAAE;gBACb,cAAc,CAAC,GAAG,CAAC,CAAC;YACrB,CAAC;YAED,oBAAC,aAAa,IAAC,YAAY,EAAE,YAAY;gBACvC,UAAU,CAAC,GAAG,CAAC,EAAE,IAAI;gBACtB,oBAAC,UAAU,IACV,SAAS,EACR,QAAQ,KAAK,GAAG;wBACf,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;wBACjC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAE9B,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,GAAG,EACtC,OAAO,EAAE,OAAO,GACf,CACa,CACH,CACd,CAAC;IACH,CAAC,CAAC,CACoB,CACvB,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -17,6 +17,7 @@ interface NumberFieldProps extends React.DetailedHTMLProps<React.InputHTMLAttrib
|
|
|
17
17
|
handleBlur?: (newValue?: string | number) => Promise<void>;
|
|
18
18
|
fromTable?: boolean;
|
|
19
19
|
moreHorizon?: JSX.Element;
|
|
20
|
+
rotation?: number;
|
|
20
21
|
}
|
|
21
22
|
export declare const NumberField: (props: NumberFieldProps) => React.JSX.Element;
|
|
22
23
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState, useRef, useEffect } from "react";
|
|
2
2
|
import styled from "@emotion/styled";
|
|
3
|
-
import { FiPlus, FiMinus } from "react-icons/fi";
|
|
3
|
+
import { FiPlus, FiMinus, FiRotateCcw, FiRotateCw } from "react-icons/fi";
|
|
4
4
|
const NumberFieldContainer = styled.div `
|
|
5
5
|
display: flex;
|
|
6
6
|
align-items: center;
|
|
@@ -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, handleClickAndSubmit, handleBlur, fromTable, moreHorizon, value, ...inputProps } = props;
|
|
72
|
+
const { colorPalette, handleChange, handleClickAndSubmit, handleBlur, fromTable, moreHorizon, value, rotation, ...inputProps } = props;
|
|
73
73
|
const inputRef = useRef(null);
|
|
74
74
|
const [stringInt, setStringInt] = useState(value ? String(value) : "");
|
|
75
75
|
useEffect(() => {
|
|
@@ -86,7 +86,7 @@ export const NumberField = (props) => {
|
|
|
86
86
|
value: stringInt,
|
|
87
87
|
},
|
|
88
88
|
};
|
|
89
|
-
if (stringInt === "" || stringInt === undefined) {
|
|
89
|
+
if (stringInt === "" || stringInt === undefined || stringInt === "0") {
|
|
90
90
|
setStringInt("1");
|
|
91
91
|
event.target.value = "1";
|
|
92
92
|
if (inputRef.current)
|
|
@@ -121,7 +121,7 @@ export const NumberField = (props) => {
|
|
|
121
121
|
value: stringInt,
|
|
122
122
|
},
|
|
123
123
|
};
|
|
124
|
-
if (stringInt === "" || stringInt === undefined) {
|
|
124
|
+
if (stringInt === "" || stringInt === undefined || stringInt === "0") {
|
|
125
125
|
setStringInt("-1");
|
|
126
126
|
event.target.value = "-1";
|
|
127
127
|
if (inputRef.current)
|
|
@@ -146,6 +146,64 @@ export const NumberField = (props) => {
|
|
|
146
146
|
}
|
|
147
147
|
handleClickAndSubmit(event);
|
|
148
148
|
};
|
|
149
|
+
const handleCwRotation = () => {
|
|
150
|
+
if (!rotation)
|
|
151
|
+
return;
|
|
152
|
+
const event = {
|
|
153
|
+
target: {
|
|
154
|
+
name: inputRef.current?.name || "",
|
|
155
|
+
value: stringInt,
|
|
156
|
+
},
|
|
157
|
+
};
|
|
158
|
+
if (stringInt === "" || stringInt === undefined || stringInt === "0") {
|
|
159
|
+
setStringInt(String(rotation));
|
|
160
|
+
event.target.value = String(rotation);
|
|
161
|
+
}
|
|
162
|
+
else if (Number(stringInt) > 360) {
|
|
163
|
+
setStringInt(String(0));
|
|
164
|
+
event.target.value = String(0);
|
|
165
|
+
}
|
|
166
|
+
else if (Number(stringInt) >= 270) {
|
|
167
|
+
setStringInt(String(0));
|
|
168
|
+
event.target.value = String(0);
|
|
169
|
+
}
|
|
170
|
+
else {
|
|
171
|
+
let newValue = stringInt;
|
|
172
|
+
newValue = String(Number(newValue) + rotation);
|
|
173
|
+
setStringInt(newValue);
|
|
174
|
+
event.target.value = newValue;
|
|
175
|
+
}
|
|
176
|
+
if (inputRef.current)
|
|
177
|
+
inputRef.current.value = event.target.value;
|
|
178
|
+
handleClickAndSubmit(event);
|
|
179
|
+
};
|
|
180
|
+
const handleCcwRotation = () => {
|
|
181
|
+
if (!rotation)
|
|
182
|
+
return;
|
|
183
|
+
const event = {
|
|
184
|
+
target: {
|
|
185
|
+
name: inputRef.current?.name || "",
|
|
186
|
+
value: stringInt,
|
|
187
|
+
},
|
|
188
|
+
};
|
|
189
|
+
if (stringInt === "" || stringInt === undefined || stringInt === "0") {
|
|
190
|
+
setStringInt(String(270));
|
|
191
|
+
event.target.value = String(270);
|
|
192
|
+
}
|
|
193
|
+
else if (Number(stringInt) > 360) {
|
|
194
|
+
setStringInt(String(0));
|
|
195
|
+
event.target.value = String(0);
|
|
196
|
+
}
|
|
197
|
+
else {
|
|
198
|
+
let newValue = stringInt;
|
|
199
|
+
newValue = String(Math.abs(Number(newValue) - rotation));
|
|
200
|
+
setStringInt(newValue);
|
|
201
|
+
event.target.value = newValue;
|
|
202
|
+
}
|
|
203
|
+
if (inputRef.current)
|
|
204
|
+
inputRef.current.value = event.target.value;
|
|
205
|
+
handleClickAndSubmit(event);
|
|
206
|
+
};
|
|
149
207
|
const handleFocus = () => {
|
|
150
208
|
if (fromTable) {
|
|
151
209
|
inputRef.current?.scrollIntoView({
|
|
@@ -156,6 +214,12 @@ export const NumberField = (props) => {
|
|
|
156
214
|
}
|
|
157
215
|
};
|
|
158
216
|
const handleNumberChange = (e) => {
|
|
217
|
+
if (rotation && (Number(e.target.value) < 0 || Number(e.target.value) > 360)) {
|
|
218
|
+
setStringInt("");
|
|
219
|
+
if (inputRef.current)
|
|
220
|
+
inputRef.current.value = "";
|
|
221
|
+
return;
|
|
222
|
+
}
|
|
159
223
|
if (!e.target.value.match(/^\s*$|^\s*[\+\-]?\d+(\.\d*)?([eE][\+\-]?\d+)?\s*$/)) {
|
|
160
224
|
return;
|
|
161
225
|
}
|
|
@@ -174,11 +238,9 @@ export const NumberField = (props) => {
|
|
|
174
238
|
}
|
|
175
239
|
};
|
|
176
240
|
return (React.createElement(NumberFieldContainer, { colorPalette: colorPalette },
|
|
177
|
-
React.createElement(DecrementButton, { "data-testid": "minus", colorPalette: colorPalette, onClick: handleDecrement, tabIndex: -1 },
|
|
178
|
-
React.createElement(FiMinus, null)),
|
|
241
|
+
React.createElement(DecrementButton, { "data-testid": "minus", colorPalette: colorPalette, onClick: rotation ? handleCcwRotation : handleDecrement, tabIndex: -1 }, rotation ? React.createElement(FiRotateCcw, null) : React.createElement(FiMinus, null)),
|
|
179
242
|
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" }),
|
|
180
|
-
React.createElement(IncrementButton, { "data-testid": "plus", colorPalette: colorPalette, onClick: handleIncrement, tabIndex: -1, moreHorizon: moreHorizon ? true : false },
|
|
181
|
-
React.createElement(FiPlus, null)),
|
|
243
|
+
React.createElement(IncrementButton, { "data-testid": "plus", colorPalette: colorPalette, onClick: rotation ? handleCwRotation : handleIncrement, tabIndex: -1, moreHorizon: moreHorizon ? true : false }, rotation ? React.createElement(FiRotateCw, null) : React.createElement(FiPlus, null)),
|
|
182
244
|
moreHorizon && moreHorizon));
|
|
183
245
|
};
|
|
184
246
|
//# sourceMappingURL=NumberField.js.map
|
|
@@ -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;
|
|
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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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styled from "@emotion/styled";
|
|
2
2
|
import { keyframes } from "@emotion/react";
|
|
3
|
-
import React, { useState, useMemo, useRef } from "react";
|
|
3
|
+
import React, { useState, useMemo, useRef, useEffect } from "react";
|
|
4
4
|
import { FiMenu, FiCloud, FiCloudOff, FiSun, FiMoon, FiChevronRight, FiX, } from "react-icons/fi";
|
|
5
5
|
import Toggle from "../../Atoms/Toggle/Toggle";
|
|
6
6
|
const slideInLeft = keyframes `
|
|
@@ -27,29 +27,16 @@ const NavBarHeader = styled.div `
|
|
|
27
27
|
border-width: 0 0 1px 0;
|
|
28
28
|
border-style: solid;
|
|
29
29
|
border-color: ${({ colorPalette }) => colorPalette.background.secondary};
|
|
30
|
-
|
|
30
|
+
width: 100%;
|
|
31
31
|
@media (max-width: 500px) {
|
|
32
|
-
flex-direction: column;
|
|
33
|
-
justify-content: flex-start;
|
|
34
|
-
align-items: flex-start;
|
|
35
|
-
height: 176px;
|
|
36
|
-
border: none;
|
|
37
|
-
}
|
|
38
|
-
`;
|
|
39
|
-
const NavBarContent = styled.div `
|
|
40
|
-
display: flex;
|
|
41
|
-
justify-content: space-between;
|
|
42
|
-
align-items: center;
|
|
43
|
-
|
|
44
|
-
@media (max-width){
|
|
45
|
-
display: flex;
|
|
46
32
|
justify-content: space-between;
|
|
33
|
+
flex-wrap: wrap;
|
|
47
34
|
align-items: center;
|
|
48
|
-
|
|
35
|
+
height: max-content;
|
|
49
36
|
}
|
|
50
37
|
`;
|
|
51
|
-
const
|
|
52
|
-
|
|
38
|
+
const NavContent = styled.div `
|
|
39
|
+
align-items: center;
|
|
53
40
|
gap: 16px;
|
|
54
41
|
padding-top: 16px;
|
|
55
42
|
padding-bottom: 16px;
|
|
@@ -57,16 +44,11 @@ const HeaderRightContent = styled.div `
|
|
|
57
44
|
@media (max-width: 500px) {
|
|
58
45
|
justify-content: flex-end;
|
|
59
46
|
align-items: center;
|
|
60
|
-
border-width: 1px 0 1px 0;
|
|
61
|
-
border-style: solid;
|
|
62
|
-
border-color: ${({ colorPalette }) => colorPalette.background.secondary};
|
|
63
47
|
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
64
|
-
width: 100
|
|
65
|
-
|
|
66
|
-
padding-top: 0;
|
|
48
|
+
width: ${({ isWrapped }) => (isWrapped ? "100%" : "fit-content")};
|
|
49
|
+
border-top: ${({ isWrapped, colorPalette }) => isWrapped ? `1px solid ${colorPalette.background.secondary}` : "none"};
|
|
67
50
|
}
|
|
68
51
|
`;
|
|
69
|
-
const whyNotWork = "why not working???";
|
|
70
52
|
const OnlineStatus = styled.div `
|
|
71
53
|
display: flex;
|
|
72
54
|
padding: 8px 12px;
|
|
@@ -161,7 +143,22 @@ const Version = styled.div `
|
|
|
161
143
|
const NavBar = (props) => {
|
|
162
144
|
const { colorPalette, locations, appInfo } = props;
|
|
163
145
|
const navMenuRef = useRef(null);
|
|
146
|
+
const navHeaderRef = useRef(null);
|
|
164
147
|
const [navOpen, setNavOpen] = useState(false);
|
|
148
|
+
const [isWrapped, setIsWrapped] = useState(false);
|
|
149
|
+
useEffect(() => {
|
|
150
|
+
const handleResize = () => {
|
|
151
|
+
if (navHeaderRef.current) {
|
|
152
|
+
const headerHeight = navHeaderRef.current.offsetHeight;
|
|
153
|
+
setIsWrapped(headerHeight > 100);
|
|
154
|
+
}
|
|
155
|
+
};
|
|
156
|
+
handleResize();
|
|
157
|
+
window.addEventListener("resize", handleResize);
|
|
158
|
+
return () => {
|
|
159
|
+
window.removeEventListener("resize", handleResize);
|
|
160
|
+
};
|
|
161
|
+
}, []);
|
|
165
162
|
const locationsList = useMemo(() => {
|
|
166
163
|
const buildNavElements = (locations) => {
|
|
167
164
|
const locationsJsx = locations.map((location) => {
|
|
@@ -194,23 +191,22 @@ const NavBar = (props) => {
|
|
|
194
191
|
}
|
|
195
192
|
};
|
|
196
193
|
return (React.createElement(NavMenu, { colorPalette: colorPalette },
|
|
197
|
-
React.createElement(NavBarHeader, { colorPalette: colorPalette },
|
|
198
|
-
React.createElement(
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
appInfo.
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
React.createElement(HeaderRightContent, { colorPalette: colorPalette }, appInfo.headerRightContent)),
|
|
194
|
+
React.createElement(NavBarHeader, { colorPalette: colorPalette, ref: navHeaderRef },
|
|
195
|
+
React.createElement("div", { style: {
|
|
196
|
+
display: "flex",
|
|
197
|
+
padding: "24px 0px 24px 24px",
|
|
198
|
+
alignItems: "center",
|
|
199
|
+
gap: "16px",
|
|
200
|
+
} },
|
|
201
|
+
React.createElement("div", { style: { cursor: "pointer" }, id: "navigation", onClick: handleNavClick }, navOpen ? (React.createElement(FiX, { size: 24, color: colorPalette.text.primary })) : (React.createElement(FiMenu, { size: 24, color: colorPalette.text.primary }))),
|
|
202
|
+
appInfo.headerLogo && (React.createElement("img", { src: appInfo.headerLogo, alt: `${appInfo.name} Logo`, style: { width: "40px", cursor: "pointer" }, onClick: appInfo.logoOnClick })),
|
|
203
|
+
appInfo.offlineCapable &&
|
|
204
|
+
(appInfo.online ? (React.createElement(OnlineStatus, { colorPalette: colorPalette },
|
|
205
|
+
React.createElement(FiCloud, null),
|
|
206
|
+
"Online")) : (React.createElement(OfflineStatus, { colorPalette: colorPalette },
|
|
207
|
+
React.createElement(FiCloudOff, null),
|
|
208
|
+
"Offline")))),
|
|
209
|
+
React.createElement(NavContent, { colorPalette: colorPalette, isWrapped: isWrapped }, appInfo.headerRightContent)),
|
|
214
210
|
React.createElement(NavMenuDropdown, { colorPalette: colorPalette, tabIndex: -1, onBlur: handleNavBlur, ref: navMenuRef, navOpen: navOpen },
|
|
215
211
|
appInfo.dropdown && appInfo.dropdown.dropdownComponent,
|
|
216
212
|
React.createElement(MenuItems, null, locationsList),
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../lib/Molecules/NavMenu/NavMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,6 +52,7 @@ const PreviewImage = styled.img `
|
|
|
52
52
|
top: 0;
|
|
53
53
|
left: 0;
|
|
54
54
|
z-index: 1;
|
|
55
|
+
transform: ${({ rotation }) => rotation ? `rotate(${rotation}deg)` : 'none'};
|
|
55
56
|
`;
|
|
56
57
|
export const Thumbnail = ({ colorPalette, handleSubmit, settingsChildren, showImage, setShowImage, fieldInstance, s3Key, signedUrl, loading, handleRemove, handleChange, }) => {
|
|
57
58
|
const [selectedImage, setSelectedImage] = useState(null);
|
|
@@ -193,7 +194,7 @@ export const Thumbnail = ({ colorPalette, handleSubmit, settingsChildren, showIm
|
|
|
193
194
|
React.createElement(Button, { colorPalette: colorPalette, icon: React.createElement(FiSettings, null), variant: "outlined", style: { borderColor: "transparent" }, onClick: handleToggleSettings }),
|
|
194
195
|
React.createElement(Button, { colorPalette: colorPalette, icon: React.createElement(FiTrash2, null), variant: "destructive", onClick: clearInput })))),
|
|
195
196
|
showImage && !showSettings && (loading ? (React.createElement("div", { style: { width: "100%", height: "100%", display: "flex", justifyContent: "center", alignItems: "center" } },
|
|
196
|
-
React.createElement(Spinner, { colorPalette: colorPalette }))) : (React.createElement(InputArea, { onDrop: handleDrop, onDragOver: handleDragOver, colors: colorPalette }, selectedImage ? (React.createElement(PreviewImage, { alt: s3Key || "Uploaded Image", src: selectedImage })) : (React.createElement(Button, { colorPalette: colorPalette, label: "Browse", variant: "filled", onClick: handleBrowseClick },
|
|
197
|
+
React.createElement(Spinner, { colorPalette: colorPalette }))) : (React.createElement(InputArea, { onDrop: handleDrop, onDragOver: handleDragOver, colors: colorPalette }, selectedImage ? (React.createElement(PreviewImage, { alt: s3Key || "Uploaded Image", src: selectedImage, rotation: fieldInstance?.image?.rotation })) : (React.createElement(Button, { colorPalette: colorPalette, label: "Browse", variant: "filled", onClick: handleBrowseClick },
|
|
197
198
|
React.createElement("input", { type: "file", name: "key", accept: acceptedFileTypes.join(","), onChange: handleImageUpload, ref: inputRef, id: `upload-image-${fieldInstance.id}`, multiple: false, style: { display: "none" } })))))),
|
|
198
199
|
showSettings && showImage && (React.createElement(SettingsArea, { colors: colorPalette }, settingsChildren))));
|
|
199
200
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../lib/Molecules/Thumbnail/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,QAAQ,EAER,MAAM,EAGN,SAAS,GACT,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAI1B;;;;;;;GAOC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,6BAA6B;CAC/D,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAqB;;;;;;qBAM5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ;;;iBAG9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO;;;;;;CAMrD,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAqB;;;;;;qBAM/B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS;;;iBAG/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO;;;;;;CAMrD,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../lib/Molecules/Thumbnail/Thumbnail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ export const StyledDialog = styled(Dialog.Overlay) `
|
|
|
10
10
|
position: absolute;
|
|
11
11
|
inset: 0;
|
|
12
12
|
animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
13
|
-
z-index:
|
|
13
|
+
z-index: 1000;
|
|
14
14
|
`;
|
|
15
15
|
export const StyledContent = styled(Dialog.Content) `
|
|
16
16
|
${({ colorPalette, toast }) => !toast
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Colors } from "../../Theme/types";
|
|
3
|
-
import * as FiIcons from
|
|
3
|
+
import * as FiIcons from "react-icons/fi";
|
|
4
|
+
import { GetFeedbackFnType } from "../../Atoms/Buttons/ReportABugButton";
|
|
4
5
|
interface Page {
|
|
5
6
|
title: string;
|
|
6
7
|
"page-summary": string;
|
|
@@ -21,7 +22,7 @@ interface TutorialModalProps extends React.DetailedHTMLProps<React.HTMLAttribute
|
|
|
21
22
|
colors: Colors;
|
|
22
23
|
setOpen: (open: any) => void;
|
|
23
24
|
page: Page;
|
|
24
|
-
|
|
25
|
+
getFeedbackFn: GetFeedbackFnType;
|
|
25
26
|
}
|
|
26
27
|
export declare const Tutorial: (props: TutorialModalProps) => React.JSX.Element;
|
|
27
28
|
export {};
|
|
@@ -2,73 +2,69 @@ import styled from "@emotion/styled";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { FiX } from "react-icons/fi";
|
|
4
4
|
import Accordion from "../../Atoms/Accordion/Accordion";
|
|
5
|
-
import { Button } from "../../Atoms/Buttons/Button";
|
|
6
5
|
import { Typography } from "../../Atoms/Typography/Typography";
|
|
7
|
-
import {
|
|
6
|
+
import { ReportABugButton } from "../../Atoms/Buttons/ReportABugButton";
|
|
8
7
|
const TutorialOverlay = styled.div `
|
|
9
8
|
background-color: ${({ colors }) => `${colors.background.secondary}90`};
|
|
10
9
|
position: absolute;
|
|
11
10
|
z-index: 1000;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
display: flex;
|
|
12
|
+
justify-content: center;
|
|
13
|
+
height: 100vh;
|
|
14
|
+
width: 100vw;
|
|
15
|
+
top: 0;
|
|
16
|
+
left: 0;
|
|
18
17
|
`;
|
|
19
18
|
const TutorialWrapper = styled.div `
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
19
|
+
background-color: ${({ colors }) => colors.background.primary};
|
|
20
|
+
color: ${({ colors }) => colors.text.primary};
|
|
21
|
+
display: flex;
|
|
22
|
+
flex-direction: column;
|
|
23
|
+
align-items: flex-start;
|
|
24
|
+
gap: 16px;
|
|
25
|
+
align-self: stretch;
|
|
26
|
+
height: 500px;
|
|
27
|
+
width: 500px;
|
|
28
|
+
border-radius: 4px;
|
|
30
29
|
box-shadow: ${({ colors }) => `${colors.background.secondary} 0px 5px 15px`};
|
|
31
|
-
|
|
30
|
+
margin-top: calc(50vh - 250px);
|
|
32
31
|
`;
|
|
33
32
|
//I used the calc above because `align-items: center` had no affect when applied to the TutorialOverlay styled div
|
|
34
33
|
const HelpHeader = styled.div `
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
34
|
+
display: flex;
|
|
35
|
+
flex-direction: column;
|
|
36
|
+
align-items: flex-start;
|
|
37
|
+
gap: 16px;
|
|
38
|
+
align-self: stretch;
|
|
39
|
+
padding: 24px;
|
|
40
|
+
box-shadow: ${({ colors }) => `${colors.background.secondary} 0px 3px 5px`};
|
|
42
41
|
`;
|
|
43
42
|
const TitleAndExit = styled.div `
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
display: flex;
|
|
44
|
+
justify-content: space-between;
|
|
45
|
+
align-items: center;
|
|
46
|
+
align-self: stretch;
|
|
48
47
|
`;
|
|
49
48
|
const ScrollableArea = styled.div `
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
overflow: scroll;
|
|
50
|
+
overflow-x: hidden;
|
|
52
51
|
`;
|
|
53
52
|
const ContentContainer = styled.div `
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
padding: 0px 24px;
|
|
54
|
+
width: 90%;
|
|
56
55
|
`;
|
|
57
56
|
const ContactContainer = styled.div `
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
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;
|
|
66
65
|
`;
|
|
67
|
-
;
|
|
68
|
-
;
|
|
69
|
-
;
|
|
70
66
|
export const Tutorial = (props) => {
|
|
71
|
-
const { colors, page, setOpen,
|
|
67
|
+
const { colors, page, setOpen, getFeedbackFn, ...htmlProps } = props;
|
|
72
68
|
return (React.createElement(TutorialOverlay, { colors: colors, onClick: () => setOpen(""), "data-testid": "overlay-background" },
|
|
73
69
|
React.createElement(TutorialWrapper, { colors: colors, onClick: (e) => e.stopPropagation(), ...htmlProps, "data-testid": "overlay-wrapper" },
|
|
74
70
|
React.createElement(HelpHeader, { colors: colors },
|
|
@@ -78,16 +74,17 @@ export const Tutorial = (props) => {
|
|
|
78
74
|
React.createElement(Typography, { textColor: colors.text.primary, content: page["page-summary"], variant: "Paragraphy Body" })),
|
|
79
75
|
React.createElement(ScrollableArea, { colors: colors },
|
|
80
76
|
React.createElement(ContentContainer, { colors: colors },
|
|
81
|
-
page["user-flows"].length > 0 && React.createElement(React.Fragment, null,
|
|
77
|
+
page["user-flows"].length > 0 && (React.createElement(React.Fragment, null,
|
|
82
78
|
React.createElement(Typography, { textColor: colors.text.primary, content: "Common User Flows", variant: "Heading 4", style: { paddingBottom: "8px" } }),
|
|
83
|
-
page["user-flows"].map((flow) => React.createElement(Accordion, { colors: colors, dropdownContent: flow }))),
|
|
84
|
-
page.features.length > 0 && React.createElement(React.Fragment, null,
|
|
79
|
+
page["user-flows"].map((flow) => (React.createElement(Accordion, { colors: colors, dropdownContent: flow }))))),
|
|
80
|
+
page.features.length > 0 && (React.createElement(React.Fragment, null,
|
|
85
81
|
React.createElement(Typography, { textColor: colors.text.primary, content: "Page Features", variant: "Heading 4", style: { paddingBottom: "8px" } }),
|
|
86
|
-
page.features.length > 0 &&
|
|
82
|
+
page.features.length > 0 &&
|
|
83
|
+
page.features.map((feature) => (React.createElement(Accordion, { colors: colors, dropdownContent: feature })))))),
|
|
87
84
|
React.createElement(ContactContainer, { colors: colors },
|
|
88
85
|
React.createElement(Typography, { textColor: colors.text.primary, content: "Please ask further questions, or reach out for additional support by emailing", variant: "Label" }),
|
|
89
86
|
React.createElement(Typography, { textColor: colors.text.primary, content: "devs@factorearth.com", variant: "Heading 4" }),
|
|
90
|
-
React.createElement(
|
|
87
|
+
React.createElement(ReportABugButton, { colorPalette: colors, getFeedbackFn: getFeedbackFn, variant: "outlined", buttonId: "sentry-feedback-button-tutorial" }))))));
|
|
91
88
|
};
|
|
92
89
|
//test with interaction test that when the user clicks the x oor outside the tutorial it closes, then when the open button is clicked it opens
|
|
93
90
|
//# sourceMappingURL=Tutorial.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../../lib/Organisms/Tutorial/Tutorial.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,SAAS,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../../lib/Organisms/Tutorial/Tutorial.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export * from "./Atoms/Badge/Badge";
|
|
|
6
6
|
export * from "./Atoms/DateField/DateField";
|
|
7
7
|
export * from "./Atoms/TextField/TextField";
|
|
8
8
|
export * from "./Atoms/Buttons/Button";
|
|
9
|
+
export * from "./Atoms/Buttons/ReportABugButton";
|
|
9
10
|
export * from "./Atoms/FieldWrapper/FieldWrapper";
|
|
10
11
|
export * from "./Atoms/DropdownField/DropdownField";
|
|
11
12
|
export * from "./Atoms/NoteField/NoteField";
|
package/dist/index.js
CHANGED
|
@@ -8,6 +8,7 @@ export * from "./Atoms/Badge/Badge";
|
|
|
8
8
|
export * from "./Atoms/DateField/DateField";
|
|
9
9
|
export * from "./Atoms/TextField/TextField";
|
|
10
10
|
export * from "./Atoms/Buttons/Button";
|
|
11
|
+
export * from "./Atoms/Buttons/ReportABugButton";
|
|
11
12
|
export * from "./Atoms/FieldWrapper/FieldWrapper";
|
|
12
13
|
export * from "./Atoms/DropdownField/DropdownField";
|
|
13
14
|
export * from "./Atoms/NoteField/NoteField";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,qDAAqD;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAA;AACvD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,SAAS;AACT,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,qDAAqD;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,YAAY;AACZ,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAA;AACvD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,SAAS;AACT,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.0-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,11 +46,12 @@
|
|
|
46
46
|
"access": "public",
|
|
47
47
|
"registry": "https://registry.npmjs.org/"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "a11faa367e1c13002fc61ad9945e70f6b15b4164",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|
|
53
53
|
"@radix-ui/react-dialog": "^1.1.1",
|
|
54
|
+
"@sentry/react": "^9.40.0",
|
|
54
55
|
"libphonenumber-js": "^1.11.11",
|
|
55
56
|
"react-datepicker": "^7.3.0",
|
|
56
57
|
"react-icons": "^5.3.0",
|