@factorearth/component-library 6.4.1-text-field-container.0 → 6.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/Atoms/Buttons/ReportABugButton.d.ts +0 -1
  2. package/dist/Atoms/Buttons/ReportABugButton.js +2 -13
  3. package/dist/Atoms/Buttons/ReportABugButton.js.map +1 -1
  4. package/dist/Atoms/ProgressDisplay/ProgressDisplay.js +3 -3
  5. package/dist/Atoms/TextField/TextField.d.ts +0 -1
  6. package/dist/Atoms/TextField/TextField.js +2 -2
  7. package/dist/Atoms/TextField/TextField.js.map +1 -1
  8. package/dist/Molecules/NavMenu/NavMenu.js +125 -125
  9. package/dist/Organisms/Modal/Modal.js +80 -80
  10. package/dist/Organisms/Tutorial/Tutorial.d.ts +1 -2
  11. package/dist/Organisms/Tutorial/Tutorial.js +2 -2
  12. package/dist/Organisms/Tutorial/Tutorial.js.map +1 -1
  13. package/dist/index.d.ts +1 -1
  14. package/dist/index.js +1 -1
  15. package/dist/index.js.map +1 -1
  16. package/package.json +2 -2
package/dist/Atoms/Buttons/ReportABugButton.d.ts CHANGED
@@ -3,7 +3,6 @@ import { ButtonProps } from "./Button";
3
3
  import { getFeedback } from "@sentry/react";
4
4
  export type GetFeedbackFnType = () => NonNullable<ReturnType<typeof getFeedback>>;
5
5
  interface ReportABugButtonProps extends ButtonProps {
6
- getFeedbackFn: GetFeedbackFnType;
7
6
  buttonId?: string;
8
7
  }
9
8
  export declare function ReportABugButton(props: ReportABugButtonProps): React.JSX.Element;
package/dist/Atoms/Buttons/ReportABugButton.js CHANGED
@@ -1,19 +1,8 @@
1
- import React, { useEffect, useState } from "react";
1
+ import React from "react";
2
2
  import { GoBug } from "react-icons/go";
3
3
  import { Button } from "./Button";
4
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]);
5
+ const { colorPalette, variant, ...htmlProps } = props;
17
6
  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
7
  }
19
8
  //# sourceMappingURL=ReportABugButton.js.map
package/dist/Atoms/Buttons/ReportABugButton.js.map CHANGED
@@ -1 +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"}
1
+ {"version":3,"file":"ReportABugButton.js","sourceRoot":"","sources":["../../../lib/Atoms/Buttons/ReportABugButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAS/C,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC5D,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtD,OAAO,CACN,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,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,KACpD,SAAS,GACZ,CACF,CAAC;AACH,CAAC"}
package/dist/Atoms/ProgressDisplay/ProgressDisplay.js CHANGED
@@ -2,9 +2,9 @@ import React from "react";
2
2
  import styled from "@emotion/styled";
3
3
  import { ProgressBar } from "../../Atoms/ProgressBar/ProgressBar";
4
4
  import { Typography } from "../../Atoms/Typography/Typography";
5
- const Wrapper = styled.div `
6
- pointer: ${({ progress }) => (progress.canClose ? "pointer" : "default")};
7
- margin: "24px 24px 0px 24px",
5
+ const Wrapper = styled.div `
6
+ pointer: ${({ progress }) => (progress.canClose ? "pointer" : "default")};
7
+ margin: "24px 24px 0px 24px",
8
8
  `;
9
9
  export function ProgressDisplay(props) {
10
10
  const { colors, progress, setProgress, ...rest } = props;
package/dist/Atoms/TextField/TextField.d.ts CHANGED
@@ -4,7 +4,6 @@ interface TextFieldWrapperProps extends React.DetailedHTMLProps<React.InputHTMLA
4
4
  activeEditing?: boolean;
5
5
  colorPalette: Colors;
6
6
  moreHorizon?: React.JSX.Element;
7
- containerStyle?: React.CSSProperties;
8
7
  }
9
8
  export declare const TextFieldWrapper: (props: TextFieldWrapperProps) => React.JSX.Element;
10
9
  export {};
package/dist/Atoms/TextField/TextField.js CHANGED
@@ -27,7 +27,7 @@ const InputWrapper = styled.input `
27
27
  }
28
28
  `;
29
29
  export const TextFieldWrapper = (props) => {
30
- const { activeEditing, colorPalette, moreHorizon, onChange, value, containerStyle, ...htmlProps } = props;
30
+ const { activeEditing, colorPalette, moreHorizon, onChange, value, ...htmlProps } = props;
31
31
  const ref = useRef(null);
32
32
  const [cursor, setCursor] = useState(null);
33
33
  useEffect(() => {
@@ -43,7 +43,7 @@ export const TextFieldWrapper = (props) => {
43
43
  if (onChange)
44
44
  onChange(e);
45
45
  };
46
- return (React.createElement("div", { style: { display: "flex", width: "100%", ...containerStyle } },
46
+ return (React.createElement("div", { style: { display: "flex", width: "100%" } },
47
47
  React.createElement(InputWrapper, { ...htmlProps, value: value, ref: ref, onChange: handleChange, moreHorizon: moreHorizon ? true : false, colorPalette: colorPalette }),
48
48
  moreHorizon && moreHorizon));
49
49
  };
package/dist/Atoms/TextField/TextField.js.map CHANGED
@@ -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;;;;;;kBAM1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa;sBACvD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa;;CAEhF,CAAC;AAYF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAChE,MAAM,EACL,aAAa,EACb,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,KAAK,EACL,cAAc,EACd,GAAG,SAAS,EACZ,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,GAAG,cAAc,EAAE;QAChE,oBAAC,YAAY,OACR,SAAS,EACb,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"}
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,CACf,WAAW;IACX,+DAA+D;qBAClD,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;;;;;;kBAM1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa;sBACvD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa;;CAEhF,CAAC;AAWF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC7D,MAAM,EACF,aAAa,EACb,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,KAAK,EACL,GAAG,SAAS,EACf,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;QACX,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC;QAC1B,IAAI,aAAa,IAAI,MAAM,EAAE,CAAC;YAC1B,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;gBAClB,KAAK,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAC5C,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnC,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC5D,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QACnC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAC1C,oBAAC,YAAY,OACL,SAAS,EACb,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,GAC5B;QACD,WAAW,IAAI,WAAW,CACzB,CACT,CAAC;AACN,CAAC,CAAC"}
package/dist/Molecules/NavMenu/NavMenu.js CHANGED
@@ -3,145 +3,145 @@ import { keyframes } from "@emotion/react";
3
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
- const slideInLeft = keyframes `
7
- 0% {
8
- transform: translateX(-100%);
9
- opacity: 0;
10
- }
11
- 100% {
12
- transform: translateX(0);
13
- opacity: 1;
14
- }
6
+ const slideInLeft = keyframes `
7
+ 0% {
8
+ transform: translateX(-100%);
9
+ opacity: 0;
10
+ }
11
+ 100% {
12
+ transform: translateX(0);
13
+ opacity: 1;
14
+ }
15
15
  `;
16
- const NavMenu = styled.div `
17
- display: flex;
18
- flex-direction: column;
19
- background: ${({ colorPalette }) => colorPalette.background.primary};
20
- width: 100%;
21
- z-index: 2;
16
+ const NavMenu = styled.div `
17
+ display: flex;
18
+ flex-direction: column;
19
+ background: ${({ colorPalette }) => colorPalette.background.primary};
20
+ width: 100%;
21
+ z-index: 2;
22
22
  `;
23
- const NavBarHeader = styled.div `
24
- display: flex;
25
- justify-content: space-between;
26
- align-items: center;
27
- height: 88px;
28
- border-width: 0 0 1px 0;
29
- border-style: solid;
30
- border-color: ${({ colorPalette }) => colorPalette.background.secondary};
31
- width: 100%;
32
- @media (max-width: 500px) {
33
- justify-content: space-between;
34
- flex-wrap: wrap;
35
- align-items: center;
36
- height: max-content;
37
- }
23
+ const NavBarHeader = styled.div `
24
+ display: flex;
25
+ justify-content: space-between;
26
+ align-items: center;
27
+ height: 88px;
28
+ border-width: 0 0 1px 0;
29
+ border-style: solid;
30
+ border-color: ${({ colorPalette }) => colorPalette.background.secondary};
31
+ width: 100%;
32
+ @media (max-width: 500px) {
33
+ justify-content: space-between;
34
+ flex-wrap: wrap;
35
+ align-items: center;
36
+ height: max-content;
37
+ }
38
38
  `;
39
- const NavContent = styled.div `
40
- align-items: center;
41
- gap: 16px;
42
- padding-top: 16px;
43
- padding-bottom: 16px;
44
-
45
- @media (max-width: 500px) {
46
- justify-content: flex-end;
47
- align-items: center;
48
- background: ${({ colorPalette }) => colorPalette.background.primary};
49
- width: ${({ isWrapped }) => (isWrapped ? "100%" : "fit-content")};
50
- border-top: ${({ isWrapped, colorPalette }) => isWrapped ? `1px solid ${colorPalette.background.secondary}` : "none"};
51
- }
39
+ const NavContent = styled.div `
40
+ align-items: center;
41
+ gap: 16px;
42
+ padding-top: 16px;
43
+ padding-bottom: 16px;
44
+
45
+ @media (max-width: 500px) {
46
+ justify-content: flex-end;
47
+ align-items: center;
48
+ background: ${({ colorPalette }) => colorPalette.background.primary};
49
+ width: ${({ isWrapped }) => (isWrapped ? "100%" : "fit-content")};
50
+ border-top: ${({ isWrapped, colorPalette }) => isWrapped ? `1px solid ${colorPalette.background.secondary}` : "none"};
51
+ }
52
52
  `;
53
- const OnlineStatus = styled.div `
54
- display: flex;
55
- padding: 8px 12px;
56
- justify-content: center;
57
- align-items: center;
58
- gap: 8px;
59
- border-radius: 32px;
60
- font-weight: 700;
61
- border-width: 1px;
62
- border-style: solid;
63
- border-color: ${({ colorPalette }) => colorPalette.buttonBackground.success};
64
- color: ${({ colorPalette }) => colorPalette.buttonBackground.success};
65
- background: #ebfaed;
66
- cursor: pointer;
53
+ const OnlineStatus = styled.div `
54
+ display: flex;
55
+ padding: 8px 12px;
56
+ justify-content: center;
57
+ align-items: center;
58
+ gap: 8px;
59
+ border-radius: 32px;
60
+ font-weight: 700;
61
+ border-width: 1px;
62
+ border-style: solid;
63
+ border-color: ${({ colorPalette }) => colorPalette.buttonBackground.success};
64
+ color: ${({ colorPalette }) => colorPalette.buttonBackground.success};
65
+ background: #ebfaed;
66
+ cursor: pointer;
67
67
  `;
68
- const OfflineStatus = styled.div `
69
- display: flex;
70
- padding: 8px 12px;
71
- justify-content: center;
72
- align-items: center;
73
- gap: 8px;
74
- border-radius: 32px;
75
- font-weight: 700;
76
- border-width: 1px;
77
- border-style: solid;
78
- border-color: ${({ colorPalette }) => colorPalette.utils.icon};
79
- color: ${({ colorPalette }) => colorPalette.utils.icon};
80
- cursor: pointer;
68
+ const OfflineStatus = styled.div `
69
+ display: flex;
70
+ padding: 8px 12px;
71
+ justify-content: center;
72
+ align-items: center;
73
+ gap: 8px;
74
+ border-radius: 32px;
75
+ font-weight: 700;
76
+ border-width: 1px;
77
+ border-style: solid;
78
+ border-color: ${({ colorPalette }) => colorPalette.utils.icon};
79
+ color: ${({ colorPalette }) => colorPalette.utils.icon};
80
+ cursor: pointer;
81
81
  `;
82
- const NavMenuDropdown = styled.div `
83
- width: 320px;
84
- position: absolute;
85
- top: 88px;
86
- z-index: 1000;
87
- box-shadow: 5px 5px 5px rgba(64, 64, 64, 0.2);
88
- background: ${({ colorPalette }) => colorPalette.background.primary};
89
- animation: ${slideInLeft} 0.5s ease-out forwards;
90
- display: ${({ navOpen }) => (navOpen ? "flex" : "none")};
91
- flex-direction: column;
92
- &:focus {
93
- outline: none;
94
- }
82
+ const NavMenuDropdown = styled.div `
83
+ width: 320px;
84
+ position: absolute;
85
+ top: 88px;
86
+ z-index: 1000;
87
+ box-shadow: 5px 5px 5px rgba(64, 64, 64, 0.2);
88
+ background: ${({ colorPalette }) => colorPalette.background.primary};
89
+ animation: ${slideInLeft} 0.5s ease-out forwards;
90
+ display: ${({ navOpen }) => (navOpen ? "flex" : "none")};
91
+ flex-direction: column;
92
+ &:focus {
93
+ outline: none;
94
+ }
95
95
  `;
96
- const MenuItems = styled.div `
97
- align-items: flex-start;
98
- align-self: stretch;
96
+ const MenuItems = styled.div `
97
+ align-items: flex-start;
98
+ align-self: stretch;
99
99
  `;
100
- const MenuItem = styled.div `
101
- display: flex;
102
- padding: 8px 16px;
103
- align-items: center;
104
- color: ${({ colorPalette }) => colorPalette.text.tertiary};
105
- font-weight: 700;
106
- border-width: 0 0 1px 0;
107
- border-style: solid;
108
- border-color: ${({ colorPalette }) => colorPalette.background.secondary};
109
- width: 288px;
110
- cursor: pointer;
100
+ const MenuItem = styled.div `
101
+ display: flex;
102
+ padding: 8px 16px;
103
+ align-items: center;
104
+ color: ${({ colorPalette }) => colorPalette.text.tertiary};
105
+ font-weight: 700;
106
+ border-width: 0 0 1px 0;
107
+ border-style: solid;
108
+ border-color: ${({ colorPalette }) => colorPalette.background.secondary};
109
+ width: 288px;
110
+ cursor: pointer;
111
111
  `;
112
- const Location = styled.div `
113
- display: flex;
114
- align-items: center;
115
- gap: 10px;
116
- flex: 1 0 0;
117
- font-size: 16px;
118
- line-height: 150%;
112
+ const Location = styled.div `
113
+ display: flex;
114
+ align-items: center;
115
+ gap: 10px;
116
+ flex: 1 0 0;
117
+ font-size: 16px;
118
+ line-height: 150%;
119
119
  `;
120
- const Toggles = styled.div `
121
- padding: 24px 0px;
120
+ const Toggles = styled.div `
121
+ padding: 24px 0px;
122
122
  `;
123
- const AppInfo = styled.div `
124
- padding: 16px;
125
- width: 288px;
126
- background: ${({ colorPalette }) => colorPalette.background.tertiary};
123
+ const AppInfo = styled.div `
124
+ padding: 16px;
125
+ width: 288px;
126
+ background: ${({ colorPalette }) => colorPalette.background.tertiary};
127
127
  `;
128
- const LogoAndCopyRights = styled.div `
129
- display: flex;
130
- gap: 16px;
131
- margin-bottom: 12px;
132
- color: ${({ colorPalette }) => colorPalette.text.primary};
128
+ const LogoAndCopyRights = styled.div `
129
+ display: flex;
130
+ gap: 16px;
131
+ margin-bottom: 12px;
132
+ color: ${({ colorPalette }) => colorPalette.text.primary};
133
133
  `;
134
- const CopyRights = styled.div `
135
- font-size: 12px;
136
- font-style: normal;
137
- font-weight: 400;
138
- line-height: 55%;
134
+ const CopyRights = styled.div `
135
+ font-size: 12px;
136
+ font-style: normal;
137
+ font-weight: 400;
138
+ line-height: 55%;
139
139
  `;
140
- const Version = styled.div `
141
- text-align: center;
142
- font-size: 14px;
143
- font-weight: 400;
144
- color: ${({ colorPalette }) => colorPalette.text.primary};
140
+ const Version = styled.div `
141
+ text-align: center;
142
+ font-size: 14px;
143
+ font-weight: 400;
144
+ color: ${({ colorPalette }) => colorPalette.text.primary};
145
145
  `;
146
146
  const NavBar = (props) => {
147
147
  const { colorPalette, locations, appInfo } = props;
package/dist/Organisms/Modal/Modal.js CHANGED
@@ -4,97 +4,97 @@ import styled from "@emotion/styled";
4
4
  import { Button } from "../../Atoms/Buttons/Button";
5
5
  import { FiX } from "react-icons/fi";
6
6
  import { useEffect } from "react";
7
- export const StyledDialog = styled(Dialog.Overlay) `
8
- ${({ colorPalette, toast }) => !toast && `background-color: ${colorPalette.background.secondary}`};
9
- opacity: 0.8;
10
- position: absolute;
11
- inset: 0;
12
- animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
13
- z-index: 1000;
7
+ export const StyledDialog = styled(Dialog.Overlay) `
8
+ ${({ colorPalette, toast }) => !toast && `background-color: ${colorPalette.background.secondary}`};
9
+ opacity: 0.8;
10
+ position: absolute;
11
+ inset: 0;
12
+ animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
13
+ z-index: 1000;
14
14
  `;
15
- export const StyledContent = styled(Dialog.Content) `
15
+ export const StyledContent = styled(Dialog.Content) `
16
16
  ${({ colorPalette, toast }) => !toast
17
17
  ? `background-color: ${colorPalette.background.primary}; color: ${colorPalette.text.primary};`
18
- : `background-color: ${colorPalette.toastBackground[toast]}; color: ${colorPalette.toastText[toast]};`};
19
- box-shadow: ${({ colorPalette }) => `${colorPalette.background.secondary} 0px 5px 15px`};
20
- ${({ toast }) => !toast && `border-radius: 4px;`};
21
- position: absolute;
22
- top: ${({ toast }) => (toast ? "64px" : "50%")};
23
- left: 50%;
24
- transform: translate(-50%, -50%);
25
- max-height: 85vh;
26
- animation: contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
27
- z-index: 1000;
28
- display: flex;
29
- flex-direction: column;
30
- min-width: "300px";
31
- ${({ toast }) => toast && `width: 100%;`};
32
- gap: 16px;
33
- :focus {
34
- outline: none;
35
- }
18
+ : `background-color: ${colorPalette.toastBackground[toast]}; color: ${colorPalette.toastText[toast]};`};
19
+ box-shadow: ${({ colorPalette }) => `${colorPalette.background.secondary} 0px 5px 15px`};
20
+ ${({ toast }) => !toast && `border-radius: 4px;`};
21
+ position: absolute;
22
+ top: ${({ toast }) => (toast ? "64px" : "50%")};
23
+ left: 50%;
24
+ transform: translate(-50%, -50%);
25
+ max-height: 85vh;
26
+ animation: contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
27
+ z-index: 1000;
28
+ display: flex;
29
+ flex-direction: column;
30
+ min-width: "300px";
31
+ ${({ toast }) => toast && `width: 100%;`};
32
+ gap: 16px;
33
+ :focus {
34
+ outline: none;
35
+ }
36
36
  `;
37
- export const DialogContainer = styled.div `
38
- display: flex;
39
- padding: 24px 24px 0px 24px;
40
- flex-direction: column;
41
- align-items: center;
42
- gap: 16px;
43
- align-self: stretch;
37
+ export const DialogContainer = styled.div `
38
+ display: flex;
39
+ padding: 24px 24px 0px 24px;
40
+ flex-direction: column;
41
+ align-items: center;
42
+ gap: 16px;
43
+ align-self: stretch;
44
44
  `;
45
- export const ModalTitleContainer = styled.div `
46
- display: flex;
47
- justify-content: space-between;
48
- align-items: center;
49
- width: 100%;
45
+ export const ModalTitleContainer = styled.div `
46
+ display: flex;
47
+ justify-content: space-between;
48
+ align-items: center;
49
+ width: 100%;
50
50
  `;
51
- export const ModalTitle = styled.div `
52
- font-size: 24px;
53
- font-style: normal;
54
- font-weight: 600;
55
- line-height: 150%;
51
+ export const ModalTitle = styled.div `
52
+ font-size: 24px;
53
+ font-style: normal;
54
+ font-weight: 600;
55
+ line-height: 150%;
56
56
  `;
57
- export const ModalHeading = styled.div `
58
- font-size: 16px;
59
- font-style: normal;
60
- font-weight: 700;
61
- line-height: 150%;
57
+ export const ModalHeading = styled.div `
58
+ font-size: 16px;
59
+ font-style: normal;
60
+ font-weight: 700;
61
+ line-height: 150%;
62
62
  `;
63
- export const ModelSubHeading = styled.div `
64
- font-size: 16px;
65
- font-style: normal;
66
- font-weight: 400;
67
- line-height: 24px; /* 150% */
68
- letter-spacing: 0.16px;
69
- width: 100%;
70
- white-space: pre-line;
63
+ export const ModelSubHeading = styled.div `
64
+ font-size: 16px;
65
+ font-style: normal;
66
+ font-weight: 400;
67
+ line-height: 24px; /* 150% */
68
+ letter-spacing: 0.16px;
69
+ width: 100%;
70
+ white-space: pre-line;
71
71
  `;
72
- export const ModalFooter = styled.div `
73
- display: flex;
74
- padding: 24px 16px;
75
- justify-content: center;
76
- align-items: center;
77
- gap: 16px;
78
- align-self: stretch;
72
+ export const ModalFooter = styled.div `
73
+ display: flex;
74
+ padding: 24px 16px;
75
+ justify-content: center;
76
+ align-items: center;
77
+ gap: 16px;
78
+ align-self: stretch;
79
79
  `;
80
- export const ModalInputBox = styled.div `
81
- display: flex;
82
- width: 322px;
83
- flex-direction: column;
84
- justify-content: center;
85
- align-items: flex-start;
86
- gap: 8px;
80
+ export const ModalInputBox = styled.div `
81
+ display: flex;
82
+ width: 322px;
83
+ flex-direction: column;
84
+ justify-content: center;
85
+ align-items: flex-start;
86
+ gap: 8px;
87
87
  `;
88
- export const ConfirmationInput = styled.input `
89
- display: flex;
90
- width: 275px;
91
- flex-direction: column;
92
- align-items: flex-start;
93
- gap: 8px;
94
- height: 40px;
95
- padding: 8px 16px;
96
- justify-content: center;
97
- flex: 1 0 0;
88
+ export const ConfirmationInput = styled.input `
89
+ display: flex;
90
+ width: 275px;
91
+ flex-direction: column;
92
+ align-items: flex-start;
93
+ gap: 8px;
94
+ height: 40px;
95
+ padding: 8px 16px;
96
+ justify-content: center;
97
+ flex: 1 0 0;
98
98
  `;
99
99
  export const Modal = (props) => {
100
100
  const { open, children, colorPalette, setOpen, toast, timeout, modal, ...htmlProps } = props;
package/dist/Organisms/Tutorial/Tutorial.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from "react";
2
2
  import { Colors } from "../../Theme/types";
3
3
  import * as FiIcons from "react-icons/fi";
4
- import { GetFeedbackFnType } from "../../Atoms/Buttons/ReportABugButton";
5
4
  interface Page {
6
5
  title: string;
7
6
  "page-summary": string;
@@ -22,7 +21,7 @@ interface TutorialModalProps extends React.DetailedHTMLProps<React.HTMLAttribute
22
21
  colors: Colors;
23
22
  setOpen: (open: any) => void;
24
23
  page: Page;
25
- getFeedbackFn: GetFeedbackFnType;
24
+ reportABugClick: () => void;
26
25
  }
27
26
  export declare const Tutorial: (props: TutorialModalProps) => React.JSX.Element;
28
27
  export {};
package/dist/Organisms/Tutorial/Tutorial.js CHANGED
@@ -92,7 +92,7 @@ const Step = styled.div `
92
92
  align-self: stretch;
93
93
  `;
94
94
  export const Tutorial = (props) => {
95
- const { colors, page, setOpen, getFeedbackFn, ...htmlProps } = props;
95
+ const { colors, page, setOpen, reportABugClick, ...htmlProps } = props;
96
96
  return (React.createElement(TutorialOverlay, { colors: colors, onClick: () => setOpen(""), "aria-label": "Tutorial overlay background", role: "presentation" },
97
97
  React.createElement(TutorialWrapper, { colors: colors, onClick: (e) => e.stopPropagation(), ...htmlProps, "aria-label": "Tutorial content", role: "dialog" },
98
98
  React.createElement(HelpHeader, { colors: colors },
@@ -114,7 +114,7 @@ export const Tutorial = (props) => {
114
114
  React.createElement(ContactContainer, { colors: colors },
115
115
  React.createElement(Typography, { textColor: colors.text.primary, content: "Please ask further questions, or reach out for additional support by emailing", variant: "Label" }),
116
116
  React.createElement(Typography, { textColor: colors.text.primary, content: "devs@factorearth.com", variant: "Heading 4" }),
117
- React.createElement(ReportABugButton, { colorPalette: colors, getFeedbackFn: getFeedbackFn, variant: "outlined", buttonId: "sentry-feedback-button-tutorial" }))))));
117
+ React.createElement(ReportABugButton, { colorPalette: colors, onClick: reportABugClick, variant: "outlined", buttonId: "sentry-feedback-button-tutorial" }))))));
118
118
  };
119
119
  ;
120
120
  function TutorialAccordion(props) {
package/dist/Organisms/Tutorial/Tutorial.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../../lib/Organisms/Tutorial/Tutorial.tsx"],"names":[],"mappings":"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"}
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
@@ -32,8 +32,8 @@ export * from "./Organisms/Card/Card";
32
32
  export * from "./Organisms/EditUserPerms/EditUserPerms";
33
33
  export * from "./Organisms/ErrorSplash/ErrorSplash";
34
34
  export * from "./Organisms/Modal/Modal";
35
- export * from "./Organisms/TabManager/TabManager";
36
35
  export * from "./Organisms/Table/Table";
36
+ export * from "./Organisms/TabManager/TabManager";
37
37
  export * from "./Organisms/Tutorial/Tutorial";
38
38
  export * from "./Theme/ThemeProvider";
39
39
  export * from "./Theme/types";
package/dist/index.js CHANGED
@@ -33,8 +33,8 @@ export * from "./Organisms/Card/Card";
33
33
  export * from "./Organisms/EditUserPerms/EditUserPerms";
34
34
  export * from "./Organisms/ErrorSplash/ErrorSplash";
35
35
  export * from "./Organisms/Modal/Modal";
36
- export * from "./Organisms/TabManager/TabManager";
37
36
  export * from "./Organisms/Table/Table";
37
+ export * from "./Organisms/TabManager/TabManager";
38
38
  export * from "./Organisms/Tutorial/Tutorial";
39
39
  export * from "./Theme/ThemeProvider";
40
40
  export * from "./Theme/types";
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAE7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAE7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,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": "6.4.1-text-field-container.0",
3
+ "version": "6.4.1",
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",
@@ -47,7 +47,7 @@
47
47
  "access": "public",
48
48
  "registry": "https://registry.npmjs.org/"
49
49
  },
50
- "gitHead": "9dfb3fc92dd2afaeba54440e431169b063b4471c",
50
+ "gitHead": "d9a22dea11f67eaa4bdfba7ae87a97035c4ce2fa",
51
51
  "dependencies": {
52
52
  "@emotion/react": "^11.13.0",
53
53
  "@emotion/styled": "^11.13.0",