@factorearth/component-library 3.6.10-alpha.0 → 3.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.
- package/dist/Atoms/Badge/Badge.d.ts +1 -1
- package/dist/Atoms/Badge/Badge.js +3 -2
- package/dist/Atoms/Badge/Badge.js.map +1 -1
- package/dist/Atoms/Buttons/Button.d.ts +1 -1
- package/dist/Atoms/Buttons/Button.js +4 -4
- package/dist/Atoms/Buttons/Button.js.map +1 -1
- package/dist/Atoms/DateField/DateField.d.ts +1 -1
- package/dist/Atoms/DateField/DateField.js.map +1 -1
- package/dist/Atoms/DropdownField/DropdownField.d.ts +1 -1
- package/dist/Atoms/FieldWrapper/FieldWrapper.d.ts +1 -1
- package/dist/Atoms/FieldWrapper/FieldWrapper.js +4 -3
- package/dist/Atoms/FieldWrapper/FieldWrapper.js.map +1 -1
- package/dist/Atoms/NumberField/NumberField.d.ts +1 -1
- package/dist/Atoms/NumberField/NumberField.js.map +1 -1
- package/dist/Atoms/Pagination/Pagination.js +1 -5
- package/dist/Atoms/Pagination/Pagination.js.map +1 -1
- package/dist/Atoms/PhoneNumberField/PhoneNumberField.d.ts +1 -1
- package/dist/Atoms/PhoneNumberField/PhoneNumberField.js +4 -2
- package/dist/Atoms/PhoneNumberField/PhoneNumberField.js.map +1 -1
- package/dist/Atoms/SelectField/SelectField.d.ts +1 -1
- package/dist/Atoms/SortDropdown/SortDropdown.js +3 -3
- package/dist/Atoms/SortDropdown/SortDropdown.js.map +1 -1
- package/dist/Atoms/TextField/TextField.d.ts +1 -1
- package/dist/Atoms/TextField/TextField.js +3 -0
- package/dist/Atoms/TextField/TextField.js.map +1 -1
- package/dist/Atoms/Toggle/Toggle.js +0 -2
- package/dist/Atoms/Toggle/Toggle.js.map +1 -1
- package/dist/Molecules/NavMenu/NavMenu.js +16 -13
- package/dist/Molecules/NavMenu/NavMenu.js.map +1 -1
- package/dist/Molecules/TableHeader/TableHeader.js +1 -1
- package/dist/Molecules/TableRow/TableRow.js +3 -5
- package/dist/Molecules/TableRow/TableRow.js.map +1 -1
- package/dist/Molecules/Thumbnail/Thumbnail.d.ts +1 -1
- package/dist/Molecules/Thumbnail/Thumbnail.js +9 -9
- package/dist/Molecules/Thumbnail/Thumbnail.js.map +1 -1
- package/dist/Organisms/Card/Card.d.ts +1 -1
- package/dist/Organisms/Card/Card.js.map +1 -1
- package/dist/Organisms/EditUserPerms/EditUserPerms.js +1 -1
- package/dist/Organisms/EditUserPerms/EditUserPerms.js.map +1 -1
- package/dist/Organisms/Modal/Modal.d.ts +2 -2
- package/dist/Organisms/Modal/Modal.js.map +1 -1
- package/dist/Organisms/Table/Table.js +1 -0
- package/dist/Organisms/Table/Table.js.map +1 -1
- package/dist/Theme/ThemeProvider.d.ts +1 -1
- package/dist/Theme/ThemeProvider.js +133 -46
- package/dist/Theme/ThemeProvider.js.map +1 -1
- package/dist/Theme/tokens.json +85 -88
- package/dist/Theme/types.d.ts +62 -5
- package/dist/index.d.ts +5 -2
- package/dist/index.js +8 -2
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -7,12 +7,13 @@ const BadgeContainer = styled.div `
|
|
|
7
7
|
align-items: center;
|
|
8
8
|
gap: 4px;
|
|
9
9
|
border-radius: 32px;
|
|
10
|
-
background-color: ${({ colors, variant }) => colors.
|
|
10
|
+
background-color: ${({ colors, variant }) => colors.badgeBackground[variant]};
|
|
11
|
+
color: ${({ colors, variant }) => colors.badgeText[variant]};
|
|
11
12
|
`;
|
|
12
13
|
const Label = styled.p `
|
|
13
14
|
margin: 0px;
|
|
14
15
|
font-size: 12px;
|
|
15
|
-
color: ${({ colors, variant }) => colors.badgeText[variant]}
|
|
16
|
+
color: ${({ colors, variant }) => colors.badgeText[variant]};
|
|
16
17
|
`;
|
|
17
18
|
export const Badge = (props) => {
|
|
18
19
|
const { icon, label, theme, variant } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../lib/Atoms/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../lib/Atoms/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAsC;;;;;;;qBAOlD,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC;UACnE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC;CAC3D,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAsC;;;UAGlD,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC;CAC3D,CAAC;AASF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAY,EAAE,EAAE;IACrC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC9C,OAAO,CACN,oBAAC,cAAc,IAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO;QAC7C,IAAI,IAAI,IAAI;QACb,oBAAC,KAAK,IAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IACpC,KAAK,CACC,CACQ,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { Colors } from "../../Theme/types";
|
|
3
3
|
type ButtonVariants = "success" | "destructive" | "outlined" | "filled";
|
|
4
4
|
interface ButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
5
|
-
colorPalette: Colors
|
|
5
|
+
colorPalette: Colors;
|
|
6
6
|
icon?: JSX.Element;
|
|
7
7
|
variant: ButtonVariants;
|
|
8
8
|
label?: string;
|
|
@@ -2,8 +2,8 @@ import React from "react";
|
|
|
2
2
|
import styled from "@emotion/styled";
|
|
3
3
|
const DivButton = styled.div `
|
|
4
4
|
height: 14px;
|
|
5
|
-
background-color: ${({
|
|
6
|
-
color: ${({
|
|
5
|
+
background-color: ${({ colors, variant }) => colors.buttonBackground[variant]};
|
|
6
|
+
color: ${({ colors, variant }) => colors.buttonText[variant]};
|
|
7
7
|
display: flex;
|
|
8
8
|
padding: 8px 9.5px;
|
|
9
9
|
justify-content: center;
|
|
@@ -15,11 +15,11 @@ const DivButton = styled.div `
|
|
|
15
15
|
border-width: 1px;
|
|
16
16
|
font-size: 14px;
|
|
17
17
|
font-weight: 700;
|
|
18
|
-
border-color: ${({
|
|
18
|
+
border-color: ${({ colors, variant }) => colors.buttonBorder[variant]};
|
|
19
19
|
`;
|
|
20
20
|
export const Button = (props) => {
|
|
21
21
|
const { colorPalette, icon, variant, label, children } = props;
|
|
22
|
-
return (React.createElement(DivButton, { ...props,
|
|
22
|
+
return (React.createElement(DivButton, { ...props, colors: colorPalette, variant: variant, role: "button", tabIndex: 0 },
|
|
23
23
|
icon && icon,
|
|
24
24
|
label && label,
|
|
25
25
|
children && children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../lib/Atoms/Buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAqB,MAAM,iBAAiB,CAAC;AAKpD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../lib/Atoms/Buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAqB,MAAM,iBAAiB,CAAC;AAKpD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA8C;;qBAErD,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC;UACpE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC;;;;;;;;;;;;iBAY5C,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC;CACrE,CAAC;AAUF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5C,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC/D,OAAO,CACN,oBAAC,SAAS,OAAK,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC;QACrF,IAAI,IAAI,IAAI;QACZ,KAAK,IAAI,KAAK;QACd,QAAQ,IAAI,QAAQ,CACV,CACZ,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { Colors } from "Theme/types";
|
|
3
3
|
import "react-datepicker/dist/react-datepicker.css";
|
|
4
4
|
interface DateFieldPickerProps {
|
|
5
|
-
colorPalette: Colors
|
|
5
|
+
colorPalette: Colors;
|
|
6
6
|
handleBlur: (e: any) => void;
|
|
7
7
|
handleChange: (e: any) => void;
|
|
8
8
|
value: string | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../lib/Atoms/DateField/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,4CAA4C,CAAC;AAEpD,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAGjC;UACQ,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;;;;;;;GAO/D,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CACrB,WAAW,KAAK,MAAM,IAAI,yCAAyC;CACpE,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../lib/Atoms/DateField/DateField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { GroupBase, Props } from "react-select";
|
|
|
3
3
|
import { Colors } from "../../Theme/types";
|
|
4
4
|
declare module "react-select/base" {
|
|
5
5
|
interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
|
|
6
|
-
colorPalette: Colors
|
|
6
|
+
colorPalette: Colors;
|
|
7
7
|
containerStyle?: React.CSSProperties;
|
|
8
8
|
"data-test"?: string;
|
|
9
9
|
moreHorizon?: JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Colors } from "Theme/types";
|
|
3
3
|
interface FieldWrapperProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
4
|
-
label?: string;
|
|
4
|
+
label?: string | JSX.Element;
|
|
5
5
|
children: React.ReactNode | JSX.Element;
|
|
6
6
|
colorPalette: Colors;
|
|
7
7
|
link?: JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import styled from "@emotion/styled";
|
|
2
|
+
import React from "react";
|
|
3
3
|
const FieldWrapperContainer = styled.div `
|
|
4
4
|
display: flex;
|
|
5
5
|
width: 100%;
|
|
@@ -8,7 +8,8 @@ const FieldWrapperContainer = styled.div `
|
|
|
8
8
|
const LabelContainer = styled.label `
|
|
9
9
|
display: flex;
|
|
10
10
|
min-height: 56px;
|
|
11
|
-
align-items:
|
|
11
|
+
align-items: flex-start;
|
|
12
|
+
padding-top: 8px;
|
|
12
13
|
gap: 16px;
|
|
13
14
|
text-overflow: ellipsis;
|
|
14
15
|
font-size: 16px;
|
|
@@ -23,7 +24,7 @@ const FieldActionContainer = styled.div `
|
|
|
23
24
|
width: 100%;
|
|
24
25
|
padding: 8px 0;
|
|
25
26
|
align-items: center;
|
|
26
|
-
`;
|
|
27
|
+
`;
|
|
27
28
|
export const FieldWrapper = (props) => {
|
|
28
29
|
const { colorPalette, label, children, link, ...remainderProps } = props;
|
|
29
30
|
return (React.createElement(FieldWrapperContainer, { ...remainderProps, colorPalette: colorPalette },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../../lib/Atoms/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../../lib/Atoms/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;CAIlE,CAAC;AACF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAA2B;;;;;;;;;;;UAWpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;CAExD,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;EAKrC,CAAC;AAaH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACxD,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IACzE,OAAO,CACN,oBAAC,qBAAqB,OAAK,cAAc,EAAE,YAAY,EAAE,YAAY;QACnE,KAAK,IAAI,CACT,oBAAC,cAAc,IAAC,YAAY,EAAE,YAAY;YACxC,KAAK;YACL,IAAI,CACW,CACjB;QACA,QAAQ,CACc,CACxB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACpE,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IAC9C,OAAO,CACN,oBAAC,oBAAoB,OAAK,cAAc,IAAG,QAAQ,CAAwB,CAC3E,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Colors } from "Theme/types";
|
|
3
3
|
interface NumberFieldProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
|
|
4
|
-
colorPalette: Colors
|
|
4
|
+
colorPalette: Colors;
|
|
5
5
|
handleChange: (event: {
|
|
6
6
|
target: {
|
|
7
7
|
name: string;
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../lib/Atoms/NumberField/NumberField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,11 +15,7 @@ const PageNumber = styled.div(({ isActive, colorPalette, }) => ({
|
|
|
15
15
|
justifyContent: "center",
|
|
16
16
|
alignItems: "center",
|
|
17
17
|
background: isActive ? colorPalette.text.secondary : "transparent",
|
|
18
|
-
color:
|
|
19
|
-
? colorPalette.text.badge
|
|
20
|
-
: colorPalette.theme === "dark"
|
|
21
|
-
? colorPalette.text.primary
|
|
22
|
-
: colorPalette.text.primary,
|
|
18
|
+
color: colorPalette.text.primary,
|
|
23
19
|
borderRadius: "32px",
|
|
24
20
|
cursor: "pointer",
|
|
25
21
|
fontSize: "14px",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../lib/Atoms/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAA4B,MAAM,OAAO,CAAC;AACjE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAG/D,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;eAKjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;CACnE,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAC5B,CAAC,EACA,QAAQ,EACR,YAAY,GAIZ,EAAE,EAAE,CAAC,CAAC;IACN,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,UAAU;IACnB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;IAClE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../lib/Atoms/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -66,7 +66,8 @@ export const PhoneNumberField = (props) => {
|
|
|
66
66
|
};
|
|
67
67
|
},
|
|
68
68
|
control: (provided, _state) => {
|
|
69
|
-
return {
|
|
69
|
+
return {
|
|
70
|
+
...provided, paddingLeft: "8px",
|
|
70
71
|
justifyContent: "center",
|
|
71
72
|
alignSelf: "stretch",
|
|
72
73
|
backgroundColor: colorPalette.background.primary,
|
|
@@ -106,7 +107,8 @@ export const PhoneNumberField = (props) => {
|
|
|
106
107
|
boxShadow: "none",
|
|
107
108
|
borderRight: `1px solid ${colorPalette.border.primary}`,
|
|
108
109
|
},
|
|
109
|
-
boxShadow: "none",
|
|
110
|
+
boxShadow: "none",
|
|
111
|
+
};
|
|
110
112
|
},
|
|
111
113
|
}, containerStyle: { width: "150px" } }),
|
|
112
114
|
React.createElement(TextFieldWrapper, { style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberField.js","sourceRoot":"","sources":["../../../lib/Atoms/PhoneNumberField/PhoneNumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EACN,SAAS,EAET,YAAY,EACZ,qBAAqB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"PhoneNumberField.js","sourceRoot":"","sources":["../../../lib/Atoms/PhoneNumberField/PhoneNumberField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ export interface CheckboxFieldValues {
|
|
|
6
6
|
}
|
|
7
7
|
interface SelectFieldProps {
|
|
8
8
|
handleChange(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
9
|
-
colorPalette: Colors
|
|
9
|
+
colorPalette: Colors;
|
|
10
10
|
options: Option[];
|
|
11
11
|
moreHorizon?: JSX.Element;
|
|
12
12
|
values: CheckboxFieldValues | Option[] | undefined;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { useState, useRef, useEffect } from 'react';
|
|
2
2
|
import styled from '@emotion/styled';
|
|
3
|
+
import { FiChevronDown } from "react-icons/fi";
|
|
3
4
|
import { GoSortAsc, GoSortDesc } from "react-icons/go";
|
|
4
5
|
import { TiMinus } from "react-icons/ti";
|
|
5
6
|
const DropdownContainer = styled.div `
|
|
@@ -7,7 +8,7 @@ const DropdownContainer = styled.div `
|
|
|
7
8
|
display: inline-block;
|
|
8
9
|
`;
|
|
9
10
|
const DropdownButton = styled.button `
|
|
10
|
-
background
|
|
11
|
+
background: transparent;
|
|
11
12
|
border: none;
|
|
12
13
|
padding: 10px;
|
|
13
14
|
border-radius: 4px;
|
|
@@ -65,8 +66,7 @@ export const SortDropdown = () => {
|
|
|
65
66
|
}, []);
|
|
66
67
|
return (React.createElement(DropdownContainer, { ref: dropdownRef },
|
|
67
68
|
React.createElement(DropdownButton, { onClick: toggleDropdown },
|
|
68
|
-
|
|
69
|
-
React.createElement(GoSortDesc, null)),
|
|
69
|
+
React.createElement(FiChevronDown, null)),
|
|
70
70
|
React.createElement(Menu, { isOpen: isOpen },
|
|
71
71
|
React.createElement(MenuItem, { onClick: () => setIsOpen(false) },
|
|
72
72
|
React.createElement(IconContainer, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/SortDropdown/SortDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"SortDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/SortDropdown/SortDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;CAQnC,CAAC;AAGF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAqB;aAC/B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;;;;CAUvD,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;CAa7B,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAA;;;;CAIhC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAa,EAAE,EAAE;QACtC,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE,CAAC;YAC3E,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;QACtD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,iBAAiB,IAAC,GAAG,EAAE,WAAW;QACjC,oBAAC,cAAc,IAAC,OAAO,EAAE,cAAc;YACrC,oBAAC,aAAa,OAAG,CACF;QACjB,oBAAC,IAAI,IAAC,MAAM,EAAE,MAAM;YAClB,oBAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;gBACvC,oBAAC,aAAa;oBACZ,oBAAC,OAAO,OAAG,CACG;uBAEP;YACX,oBAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;gBACvC,oBAAC,aAAa;oBACZ,oBAAC,SAAS,OAAG,CACC;4BAEP;YACX,oBAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;gBACvC,oBAAC,aAAa;oBACZ,oBAAC,UAAU,OAAG,CACA;6BAEP,CACN,CACW,CACrB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { Colors } from "../../Theme/types";
|
|
3
3
|
interface TextFieldWrapperProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
|
|
4
4
|
activeEditing?: boolean;
|
|
5
|
-
colorPalette: Colors
|
|
5
|
+
colorPalette: Colors;
|
|
6
6
|
moreHorizon?: JSX.Element;
|
|
7
7
|
}
|
|
8
8
|
export declare const TextFieldWrapper: (props: TextFieldWrapperProps) => React.JSX.Element;
|
|
@@ -21,6 +21,9 @@ const InputWrapper = styled.input `
|
|
|
21
21
|
::placeholder {
|
|
22
22
|
font-weight: 500;
|
|
23
23
|
}
|
|
24
|
+
:disabled {
|
|
25
|
+
background-color: ${({ colorPalette }) => colorPalette.background.disabledInput}
|
|
26
|
+
}
|
|
24
27
|
`;
|
|
25
28
|
export const TextFieldWrapper = (props) => {
|
|
26
29
|
const { activeEditing, colorPalette, moreHorizon, onChange, value, ...remainderProps } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../lib/Atoms/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAG/B;;;;;;;GAOC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CACrB,WAAW;IACX,+DAA+D;qBAC5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;iBACzD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;UAGxD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;;GAGtD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,qBAAqB
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../lib/Atoms/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAG/B;;;;;;;GAOC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CACrB,WAAW;IACX,+DAA+D;qBAC5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;iBACzD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;UAGxD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;;GAGtD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,qBAAqB;;;;;;sBAMtC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa;;CAEhF,CAAC;AAWF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAChE,MAAM,EACL,aAAa,EACb,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,KAAK,EACL,GAAG,cAAc,EACjB,GAAG,KAAK,CAAC;IACV,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC;QAC1B,IAAI,aAAa,IAAI,MAAM,EAAE,CAAC;YAC7B,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;gBACrB,KAAK,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACzC,CAAC;QACF,CAAC;IACF,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnC,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC/D,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QACnC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAC7C,oBAAC,YAAY,OACR,cAAc,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACvC,YAAY,EAAE,YAAY,GACzB;QACD,WAAW,IAAI,WAAW,CACtB,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -16,8 +16,6 @@ const ToggleIcon = styled.div `
|
|
|
16
16
|
const Toggle = (props) => {
|
|
17
17
|
const { modes, setState, colorPalette, state } = props;
|
|
18
18
|
const [isActive, setIsActive] = useState(state);
|
|
19
|
-
if (modes.length !== 2)
|
|
20
|
-
throw new Error("Incorrect number of modes provided");
|
|
21
19
|
const toggleSwitch = () => {
|
|
22
20
|
setIsActive(!isActive);
|
|
23
21
|
setState(!isActive);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../lib/Atoms/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAgBxC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;WAK7C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;CAEzD,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAA0B;;;WAG5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;CACzD,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAEpC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEtD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../lib/Atoms/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAgBxC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;WAK7C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;CAEzD,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAA0B;;;WAG5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;CACzD,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAEpC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEtD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE;YACV,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,KAAK;YACd,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,KAAK;YACV,SAAS,EAAE,SAAS;SACrB;QACC,oBAAC,UAAU,IAAC,YAAY,EAAE,YAAY,IAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAc;QACpE,oBAAC,WAAW,IAAC,YAAY,EAAE,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAe;QACvE,gCACE,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;gBAC/D,YAAY,EAAE,MAAM;gBACpB,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,4BAA4B;gBACxC,MAAM,EAAE,MAAM;aACf;YAED,6BACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;oBAC/B,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,OAAO,EAAE;oBACrD,YAAY,EAAE,KAAK;oBACnB,UAAU,EAAE,gBAAgB;iBAC7B,GACI,CACA;QACT,oBAAC,WAAW,IAAC,YAAY,EAAE,YAAY,IAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAe;QACtE,oBAAC,UAAU,IAAC,YAAY,EAAE,YAAY,IAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAc,CAChE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -6,6 +6,8 @@ const NavMenu = styled.div `
|
|
|
6
6
|
display: flex;
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
9
|
+
width: 100vw;
|
|
10
|
+
height: 88px;
|
|
9
11
|
`;
|
|
10
12
|
const NavBarHeader = styled.div `
|
|
11
13
|
display: flex;
|
|
@@ -14,7 +16,6 @@ const NavBarHeader = styled.div `
|
|
|
14
16
|
border-width: 0 0 1px 0;
|
|
15
17
|
border-style: solid;
|
|
16
18
|
border-color: ${({ colorPalette }) => colorPalette.background.secondary};
|
|
17
|
-
width: 100vw;
|
|
18
19
|
`;
|
|
19
20
|
const OnlineStatus = styled.div `
|
|
20
21
|
display: flex;
|
|
@@ -40,8 +41,17 @@ const OfflineStatus = styled.div `
|
|
|
40
41
|
font-weight: 700;
|
|
41
42
|
border-width: 1px;
|
|
42
43
|
border-style: solid;
|
|
43
|
-
border-color: ${({ colorPalette }) => colorPalette.
|
|
44
|
-
color: ${({ colorPalette }) => colorPalette.
|
|
44
|
+
border-color: ${({ colorPalette }) => colorPalette.background.secondary};
|
|
45
|
+
color: ${({ colorPalette }) => colorPalette.background.secondary};
|
|
46
|
+
`;
|
|
47
|
+
const NavMenuDropdown = styled.div `
|
|
48
|
+
width: 320px;
|
|
49
|
+
position: fixed;
|
|
50
|
+
top: 90px;
|
|
51
|
+
z-index: 1000;
|
|
52
|
+
box-shadow: 5px 5px 5px rgba(64, 64, 64, 0.2);
|
|
53
|
+
margin-top: 46px;
|
|
54
|
+
|
|
45
55
|
`;
|
|
46
56
|
const MenuItems = styled.div `
|
|
47
57
|
align-items: flex-start;
|
|
@@ -96,7 +106,7 @@ const Version = styled.div `
|
|
|
96
106
|
const NavBar = (props) => {
|
|
97
107
|
const { colorPalette, locations, appInfo } = props;
|
|
98
108
|
const navMenuRef = useRef(null);
|
|
99
|
-
const [navOpen, setNavOpen] = useState(
|
|
109
|
+
const [navOpen, setNavOpen] = useState(true);
|
|
100
110
|
// const [currentLocation, setCurrentLocation] = useState<string>("Home")
|
|
101
111
|
const locationsList = useMemo(() => {
|
|
102
112
|
const buildNavElements = (locations) => {
|
|
@@ -128,7 +138,7 @@ const NavBar = (props) => {
|
|
|
128
138
|
gap: '16px'
|
|
129
139
|
} },
|
|
130
140
|
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 }))),
|
|
131
|
-
appInfo.headerLogo && (React.createElement("img", { src: appInfo.headerLogo, alt:
|
|
141
|
+
appInfo.headerLogo && (React.createElement("img", { src: appInfo.headerLogo, alt: `${appInfo.name} Logo`, style: { width: "40px", cursor: "pointer" }, onClick: appInfo.logoOnClick })),
|
|
132
142
|
appInfo.offlineCapable &&
|
|
133
143
|
(appInfo.online ? (React.createElement(OnlineStatus, { colorPalette: colorPalette },
|
|
134
144
|
React.createElement(FiCloud, null),
|
|
@@ -140,14 +150,7 @@ const NavBar = (props) => {
|
|
|
140
150
|
gap: '16px',
|
|
141
151
|
margin: "16px",
|
|
142
152
|
} }, appInfo.headerRightContent)),
|
|
143
|
-
navOpen && (React.createElement(
|
|
144
|
-
width: "320px",
|
|
145
|
-
position: "fixed",
|
|
146
|
-
top: "90px",
|
|
147
|
-
zIndex: "1000",
|
|
148
|
-
boxShadow: "5px 5px 5px rgba(64, 64, 64, 0.2)",
|
|
149
|
-
backgroundColor: colorPalette.background.primary,
|
|
150
|
-
}, onBlur: () => setNavOpen(false), ref: navMenuRef },
|
|
153
|
+
navOpen && (React.createElement(NavMenuDropdown, { colorPalette: colorPalette, tabIndex: -1, onBlur: () => setNavOpen(false), ref: navMenuRef },
|
|
151
154
|
appInfo.dropdown && appInfo.dropdown.dropdownComponent,
|
|
152
155
|
React.createElement(MenuItems, null, locationsList),
|
|
153
156
|
React.createElement(Toggles, { className: "toggles" },
|
|
@@ -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,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;AAqC/C,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAA0B;;;eAGrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO
|
|
1
|
+
{"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../lib/Molecules/NavMenu/NavMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import styled from "@emotion/styled";
|
|
3
3
|
export const TableCell = styled.td `
|
|
4
|
-
width:
|
|
4
|
+
width: 100%;
|
|
5
5
|
height: 50px;
|
|
6
6
|
display: flex;
|
|
7
7
|
padding: 0px 8px;
|
|
@@ -9,14 +9,12 @@ export const TableCell = styled.td `
|
|
|
9
9
|
align-items: center;
|
|
10
10
|
flex: 1 0 0;
|
|
11
11
|
align-self: stretch;
|
|
12
|
-
|
|
13
|
-
justify-content: center;
|
|
14
|
-
align-items: flex-start;
|
|
12
|
+
justify-content: start;
|
|
15
13
|
flex: 1 0 0;
|
|
16
14
|
font-size: 16px,
|
|
17
15
|
font-weight: 400,
|
|
18
16
|
`;
|
|
19
|
-
export const TableRow = ({ index, colorPalette, rowData, columnConfig }
|
|
17
|
+
export const TableRow = ({ index, colorPalette, rowData, columnConfig }) => {
|
|
20
18
|
const rows = Object.entries(rowData).map((keyValue, index) => {
|
|
21
19
|
if (columnConfig[keyValue[0]]) {
|
|
22
20
|
const cell = columnConfig[keyValue[0]].cell(rowData);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../lib/Molecules/TableRow/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../lib/Molecules/TableRow/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;CAajC,CAAC;AASF,MAAM,CAAC,MAAM,QAAQ,GAAG,CACvB,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAiB,EAC5D,EAAE;IACH,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,QAAe,EAAE,KAAa,EAAE,EAAE;QAC3E,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/B,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YACpD,OAAO,IAAI,CAAA;QACZ,CAAC;QACD,OAAM;IACP,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,CAAA;IAE5C,OAAO,CACN,4BACC,KAAK,EAAE;YACN,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,MAAM;YACjB,UAAU,EACT,KAAK,GAAG,CAAC;gBACR,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ;gBAClC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;YACnC,YAAY,EAAE,aAAa,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE;SACxD,IAEA,IAAI,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,CACrC,CACL,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode, Dispatch, SetStateAction } from "react";
|
|
2
2
|
import { Colors } from "Theme/types";
|
|
3
3
|
export declare const Thumbnail: ({ colorPalette, handleSubmit, settingsChildren, showImage, setShowImage, fieldInstance, s3Key, signedUrl, uploadButtonText, handleRemove, changed, handleChange, }: {
|
|
4
|
-
colorPalette: Colors
|
|
4
|
+
colorPalette: Colors;
|
|
5
5
|
handleSubmit: (newValueData: {
|
|
6
6
|
target: {
|
|
7
7
|
name: string;
|
|
@@ -9,7 +9,7 @@ const Container = styled.div `
|
|
|
9
9
|
justify-content: start;
|
|
10
10
|
gap: 16px;
|
|
11
11
|
flex-shrink: 0;
|
|
12
|
-
background-color: ${({
|
|
12
|
+
background-color: ${({ colors }) => colors.background.primary};
|
|
13
13
|
${({ showImage, showSettings }) => showImage && `height: 278px; width: 200px`}
|
|
14
14
|
`;
|
|
15
15
|
const InputArea = styled.div `
|
|
@@ -18,10 +18,10 @@ const InputArea = styled.div `
|
|
|
18
18
|
display: flex;
|
|
19
19
|
justify-content: center;
|
|
20
20
|
align-items: center;
|
|
21
|
-
background-color: ${({
|
|
21
|
+
background-color: ${({ colors }) => colors.background.tertiary};
|
|
22
22
|
border-style: solid;
|
|
23
23
|
border-width: 1px;
|
|
24
|
-
border-color: ${({
|
|
24
|
+
border-color: ${({ colors }) => colors.border.primary};
|
|
25
25
|
position: relative;
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
overflow: hidden;
|
|
@@ -34,10 +34,10 @@ const SettingsArea = styled.div `
|
|
|
34
34
|
display: flex;
|
|
35
35
|
justify-content: center;
|
|
36
36
|
align-items: center;
|
|
37
|
-
background-color: ${({
|
|
37
|
+
background-color: ${({ colors }) => colors.background.secondary};
|
|
38
38
|
border-style: solid;
|
|
39
39
|
border-width: 1px;
|
|
40
|
-
border-color: ${({
|
|
40
|
+
border-color: ${({ colors }) => colors.border.primary};
|
|
41
41
|
cursor: pointer;
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
border-radius: 4px;
|
|
@@ -112,17 +112,17 @@ export const Thumbnail = ({ colorPalette, handleSubmit, settingsChildren, showIm
|
|
|
112
112
|
const handleToggleSettings = () => {
|
|
113
113
|
setShowSettings(!showSettings);
|
|
114
114
|
};
|
|
115
|
-
return (React.createElement(Container, {
|
|
115
|
+
return (React.createElement(Container, { colors: colorPalette, showImage: showImage, showSettings: showSettings, key: `thumbnail_${fieldInstance.id}` },
|
|
116
116
|
React.createElement("div", { style: { display: "flex" } },
|
|
117
117
|
React.createElement(Button, { colorPalette: colorPalette, icon: !showImage ? React.createElement(FiEye, null) : React.createElement(FiEyeOff, null), variant: "outlined", onClick: handleToggleImage, "aria-label": !showImage ? "show-image" : "hide-image" }),
|
|
118
118
|
showImage && selectedImage && (React.createElement(React.Fragment, null,
|
|
119
119
|
React.createElement(Button, { colorPalette: colorPalette, icon: React.createElement(FiSettings, null), variant: "outlined", style: { borderColor: "transparent" }, onClick: handleToggleSettings }),
|
|
120
120
|
handleRemove && (React.createElement(Button, { colorPalette: colorPalette, icon: React.createElement(FiTrash2, null), variant: "destructive", onClick: handleRemove }))))),
|
|
121
|
-
showImage && !showSettings && (React.createElement(InputArea, { onDrop: handleDrop, onDragOver: handleDragOver,
|
|
122
|
-
selectedImage && (React.createElement(PreviewImage, { alt: s3Key || "Uploaded Image",
|
|
121
|
+
showImage && !showSettings && (React.createElement(InputArea, { onDrop: handleDrop, onDragOver: handleDragOver, colors: colorPalette },
|
|
122
|
+
selectedImage && (React.createElement(PreviewImage, { alt: s3Key || "Uploaded Image", src: selectedImage })),
|
|
123
123
|
React.createElement(Button, { colorPalette: colorPalette, label: "Browse", variant: "filled", onClick: handleBrowseClick },
|
|
124
124
|
React.createElement("input", { type: "file", name: "key", accept: acceptedFileTypes.join(","), onChange: handleImageUpload, ref: inputRef, id: `upload-image-${fieldInstance.id}`, multiple: false, style: { display: "none" } })))),
|
|
125
|
-
showSettings && showImage && (React.createElement(SettingsArea, {
|
|
125
|
+
showSettings && showImage && (React.createElement(SettingsArea, { colors: colorPalette }, settingsChildren)),
|
|
126
126
|
changed && (React.createElement(Button, { colorPalette: colorPalette, onClick: handleSubmit, variant: "filled", style: { margin: "0 auto" } }, uploadButtonText))));
|
|
127
127
|
};
|
|
128
128
|
//# sourceMappingURL=Thumbnail.js.map
|