@factorearth/component-library 6.0.4-alpha.0 → 6.2.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/Accordion/Accordion.d.ts +2 -10
- package/dist/Atoms/Accordion/Accordion.js +21 -34
- package/dist/Atoms/Accordion/Accordion.js.map +1 -1
- package/dist/Atoms/Box/Box.d.ts +1 -1
- package/dist/Atoms/Box/Box.js.map +1 -1
- package/dist/Atoms/Buttons/Button.d.ts +2 -2
- package/dist/Atoms/Buttons/Button.js.map +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/ContentDropdown/ContentDropdown.d.ts +1 -1
- package/dist/Atoms/ContentDropdown/ContentDropdown.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 +2 -1
- package/dist/Atoms/DropdownField/DropdownField.js +2 -2
- package/dist/Atoms/DropdownField/DropdownField.js.map +1 -1
- package/dist/Atoms/FieldWrapper/FieldWrapper.d.ts +4 -4
- package/dist/Atoms/FieldWrapper/FieldWrapper.js.map +1 -1
- package/dist/Atoms/MoreHorizonButton/MoreHorizonButton.js +1 -1
- package/dist/Atoms/NoteField/NoteField.d.ts +6 -4
- package/dist/Atoms/NoteField/NoteField.js +56 -13
- package/dist/Atoms/NoteField/NoteField.js.map +1 -1
- package/dist/Atoms/NumberField/NumberField.d.ts +2 -1
- package/dist/Atoms/NumberField/NumberField.js +98 -38
- 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/Atoms/Pagination/Pagination.js +1 -1
- package/dist/Atoms/Pagination/Pagination.js.map +1 -1
- package/dist/Atoms/PhoneNumberField/PhoneNumberField.d.ts +1 -1
- package/dist/Atoms/PhoneNumberField/PhoneNumberField.js.map +1 -1
- package/dist/Atoms/SelectField/SelectField.d.ts +1 -1
- package/dist/Atoms/SelectField/SelectField.js.map +1 -1
- package/dist/Atoms/Tab/Tab.d.ts +2 -2
- package/dist/Atoms/Tab/Tab.js.map +1 -1
- package/dist/Atoms/TextField/TextField.d.ts +1 -1
- package/dist/Atoms/TextField/TextField.js.map +1 -1
- package/dist/Atoms/Toggle/Toggle.d.ts +1 -1
- package/dist/Atoms/Toggle/Toggle.js.map +1 -1
- package/dist/Molecules/Form/Form.d.ts +1 -1
- package/dist/Molecules/Form/Form.js.map +1 -1
- package/dist/Molecules/NavMenu/NavMenu.d.ts +3 -3
- package/dist/Molecules/NavMenu/NavMenu.js +41 -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/Card/Card.d.ts +4 -4
- 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 +4 -4
- package/dist/Organisms/Modal/Modal.js.map +1 -1
- package/dist/Organisms/TabManager/TabManager.d.ts +1 -1
- package/dist/Organisms/TabManager/TabManager.js +1 -1
- package/dist/Organisms/TabManager/TabManager.js.map +1 -1
- package/dist/Organisms/Tutorial/Tutorial.d.ts +3 -2
- package/dist/Organisms/Tutorial/Tutorial.js +107 -57
- package/dist/Organisms/Tutorial/Tutorial.js.map +1 -1
- package/dist/Theme/tokens.json +5 -0
- package/dist/index.d.ts +20 -13
- package/dist/index.js +21 -18
- package/dist/index.js.map +1 -1
- package/package.json +7 -4
- package/dist/Organisms/Splash/Splash.d.ts +0 -10
- package/dist/Organisms/Splash/Splash.js +0 -82
- package/dist/Organisms/Splash/Splash.js.map +0 -1
|
@@ -1,18 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Colors } from "../../Theme/types";
|
|
3
|
-
import * as FiIcons from 'react-icons/fi';
|
|
4
3
|
interface Props {
|
|
4
|
+
button?: React.ReactNode;
|
|
5
|
+
children: React.ReactNode;
|
|
5
6
|
colors: Colors;
|
|
6
|
-
dropdownContent: DropdownContent;
|
|
7
|
-
}
|
|
8
|
-
interface DropdownContent {
|
|
9
7
|
title: string;
|
|
10
|
-
icon?: keyof typeof FiIcons;
|
|
11
|
-
content: string[];
|
|
12
|
-
imgs?: {
|
|
13
|
-
light: string;
|
|
14
|
-
dark: string;
|
|
15
|
-
};
|
|
16
8
|
}
|
|
17
9
|
declare function Accordion(props: Props): React.JSX.Element;
|
|
18
10
|
export default Accordion;
|
|
@@ -2,53 +2,40 @@ import styled from "@emotion/styled";
|
|
|
2
2
|
import React, { useState } from "react";
|
|
3
3
|
import { FiChevronDown, FiChevronUp } from "react-icons/fi";
|
|
4
4
|
import { Typography } from "../Typography/Typography";
|
|
5
|
-
import * as FiIcons from 'react-icons/fi';
|
|
6
5
|
const Container = styled.div `
|
|
7
|
-
background: ${({ expanded, colors }) => expanded ? colors.background.tertiary : colors.background.primary};
|
|
8
|
-
padding: 8px;
|
|
9
6
|
border-top: ${({ colors }) => `${colors.background.secondary} 1px solid`};
|
|
10
|
-
cursor: pointer
|
|
7
|
+
cursor: pointer;
|
|
11
8
|
`;
|
|
12
9
|
const Header = styled.div `
|
|
13
|
-
|
|
14
|
-
padding:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
10
|
+
background: ${({ colors }) => `${colors.background.tertiary}`};
|
|
11
|
+
padding: 0 24px;
|
|
12
|
+
display: flex;
|
|
13
|
+
height: 56px;
|
|
14
|
+
flex-direction: row;
|
|
15
|
+
justify-content: space-between;
|
|
16
|
+
align-items: center;
|
|
17
|
+
border: none;
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
width: 100%;
|
|
20
|
+
text-align: left;
|
|
19
21
|
`;
|
|
20
22
|
const ContentContainer = styled.div `
|
|
21
23
|
align-self: stretch;
|
|
22
|
-
padding
|
|
23
|
-
`;
|
|
24
|
-
const Step = styled.div `
|
|
25
|
-
padding: 4px 16px;
|
|
26
|
-
align-self: stretch;
|
|
24
|
+
padding: 0 24px;
|
|
27
25
|
`;
|
|
28
|
-
;
|
|
29
26
|
function Accordion(props) {
|
|
30
|
-
const { colors,
|
|
27
|
+
const { button, children, colors, title } = props;
|
|
31
28
|
const [dropdownOpen, setDropdownOpen] = useState(false);
|
|
32
29
|
function toggleDropdown() {
|
|
33
30
|
setDropdownOpen(!dropdownOpen);
|
|
34
31
|
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
};
|
|
43
|
-
const Icon = buildIcon(dropdownContent.icon);
|
|
44
|
-
return (React.createElement(Container, { colors: colors, expanded: dropdownOpen },
|
|
45
|
-
React.createElement(Header, { onClick: toggleDropdown, "data-testid": "accordion-header" },
|
|
46
|
-
dropdownOpen ? React.createElement(FiChevronUp, null) : React.createElement(FiChevronDown, null),
|
|
47
|
-
React.createElement(Typography, { style: { flex: "1 0 0" }, textColor: colors.text.primary, content: dropdownContent.title, variant: "Paragraphy Body", "data-testid": "accordion-title" }),
|
|
48
|
-
Icon && React.createElement(Icon, null)),
|
|
49
|
-
dropdownOpen && (React.createElement(ContentContainer, { "data-testid": "accordion-body" }, dropdownContent.content.map(content => React.createElement(Step, null,
|
|
50
|
-
React.createElement(Typography, { textColor: colors.text.primary, content: content, variant: "Paragraphy Body" })))))));
|
|
32
|
+
return (React.createElement(Container, { colors: colors },
|
|
33
|
+
React.createElement(Header, { onClick: toggleDropdown, tabIndex: 0, "aria-expanded": dropdownOpen, "aria-controls": `accordion-content-${title}`, colors: colors, role: "button", onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && toggleDropdown() },
|
|
34
|
+
React.createElement(Typography, { textColor: colors.text.primary, content: title, variant: "Heading 5" }),
|
|
35
|
+
React.createElement("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "16px" } },
|
|
36
|
+
button && dropdownOpen && button,
|
|
37
|
+
dropdownOpen ? React.createElement(FiChevronUp, null) : React.createElement(FiChevronDown, null))),
|
|
38
|
+
dropdownOpen && (React.createElement(ContentContainer, null, children))));
|
|
51
39
|
}
|
|
52
40
|
export default Accordion;
|
|
53
|
-
//test with interaction test that when the user clicks the flow it toggles between open and closed
|
|
54
41
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../lib/Atoms/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../lib/Atoms/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAqB;eAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,YAAY;;CAExE,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAqB;eAC/B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE;;;;;;;;;;;CAW7D,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AASF,SAAS,SAAS,CAAC,KAAY;IAC9B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,SAAS,cAAc;QACtB,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CACN,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM;QACxB,oBAAC,MAAM,IACN,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,CAAC,mBACI,YAAY,mBACZ,qBAAqB,KAAK,EAAE,EAC3C,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,cAAc,EAAE;YAE1E,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,GAAG;YAClF,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE;gBACtF,MAAM,IAAI,YAAY,IAAI,MAAM;gBAChC,YAAY,CAAC,CAAC,CAAC,oBAAC,WAAW,OAAG,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG,CAC9C,CACE;QACR,YAAY,IAAI,CAChB,oBAAC,gBAAgB,QACf,QAAQ,CACS,CACnB,CACU,CACZ,CAAC;AACH,CAAC;AAED,eAAe,SAAS,CAAC"}
|
package/dist/Atoms/Box/Box.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Colors } from "../../Theme/types";
|
|
3
3
|
interface BoxProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
4
|
-
children: React.ReactNode | JSX.Element;
|
|
4
|
+
children: React.ReactNode | React.JSX.Element;
|
|
5
5
|
colorPalette: Colors;
|
|
6
6
|
}
|
|
7
7
|
export declare const Box: (props: BoxProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../lib/Atoms/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;;;gBAOpC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;kBAGnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS;;;wBAGjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ;;CAE7E,CAAC;AAOF,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../lib/Atoms/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;;;gBAOpC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;kBAGnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS;;;wBAGjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ;;CAE7E,CAAC;AAOF,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACnC,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACvD,OAAO,CACH,oBAAC,MAAM,IAAC,YAAY,EAAE,YAAY,KAAM,SAAS,IAC5C,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
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
|
-
icon?: JSX.Element;
|
|
6
|
+
icon?: React.JSX.Element;
|
|
7
7
|
variant: ButtonVariants;
|
|
8
8
|
label?: string;
|
|
9
9
|
children?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../lib/Atoms/Buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAA8C;;qBAE3D,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;;;kBAGpD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ;sBACxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ;WAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ;;;CAGpD,CAAC;AAUF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../lib/Atoms/Buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAA8C;;qBAE3D,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;;;kBAGpD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ;sBACxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ;WAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ;;;CAGpD,CAAC;AAUF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACzC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC7E,OAAO,CACH,oBAAC,YAAY,OAAK,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO;QAC9D,IAAI,IAAI,IAAI;QACZ,KAAK,IAAI,KAAK;QACd,QAAQ,IAAI,QAAQ,CACV,CAClB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -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"}
|
|
@@ -4,7 +4,7 @@ interface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElem
|
|
|
4
4
|
colorPalette: Colors;
|
|
5
5
|
expanded: boolean;
|
|
6
6
|
handleClick: () => void;
|
|
7
|
-
icon?: JSX.Element;
|
|
7
|
+
icon?: React.JSX.Element;
|
|
8
8
|
label: string;
|
|
9
9
|
}
|
|
10
10
|
declare function ContentDropdown(props: Props): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/ContentDropdown/ContentDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG5D,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"ContentDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/ContentDropdown/ContentDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG5D,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA8C;;;;qBAIrD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAClC,YAAY,CAAC,gBAAgB,CAAC,QAAQ;;;iBAG7B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;GAG/D,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,sBAAsB;CACtD,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;;;CAOzD,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAA2B;UACvC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ;;;;;CAK/D,CAAC;AAcF,SAAS,eAAe,CAAC,KAAY;IACjC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GACpE,KAAK,CAAC;IAEV,OAAO,CACH,oBAAC,SAAS,IACN,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,KACd,SAAS;QAEb,oBAAC,YAAY,IAAC,YAAY,EAAE,YAAY;YACnC,IAAI,IAAI,IAAI;YACb,oBAAC,KAAK,IAAC,YAAY,EAAE,YAAY,IAAG,KAAK,CAAS;YACjD,QAAQ,CAAC,CAAC,CAAC,CACR,oBAAC,WAAW,IACR,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,QAAQ,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAC1C,CACL,CAAC,CAAC,CAAC,CACA,oBAAC,aAAa,IACV,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,QAAQ,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAC1C,CACL,CACU,CACP,CACf,CAAC;AACN,CAAC;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -7,7 +7,7 @@ interface DateFieldPickerProps {
|
|
|
7
7
|
handleChange: (e: any) => void;
|
|
8
8
|
value: string | null;
|
|
9
9
|
placeholder?: string;
|
|
10
|
-
moreHorizon?: JSX.Element;
|
|
10
|
+
moreHorizon?: React.JSX.Element;
|
|
11
11
|
}
|
|
12
12
|
export declare const DateFieldPicker: ({ colorPalette, handleBlur, handleChange, value, placeholder, moreHorizon, }: DateFieldPickerProps) => React.JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../lib/Atoms/DateField/DateField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,8 +6,9 @@ declare module "react-select/base" {
|
|
|
6
6
|
colorPalette: Colors;
|
|
7
7
|
containerStyle?: React.CSSProperties;
|
|
8
8
|
"data-test"?: string;
|
|
9
|
-
moreHorizon?: JSX.Element;
|
|
9
|
+
moreHorizon?: React.JSX.Element;
|
|
10
10
|
createAble?: boolean;
|
|
11
|
+
isClearable?: boolean;
|
|
11
12
|
}
|
|
12
13
|
}
|
|
13
14
|
export declare const DropdownSelect: (props: Props) => React.JSX.Element;
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import Select from "react-select";
|
|
3
3
|
import Createable from "react-select/creatable";
|
|
4
4
|
export const DropdownSelect = (props) => {
|
|
5
|
-
const { colorPalette, containerStyle, moreHorizon, createAble, styles, components, ...selectProps } = props;
|
|
5
|
+
const { colorPalette, containerStyle, moreHorizon, createAble, styles, components, isClearable, ...selectProps } = props;
|
|
6
6
|
const defaultStyles = {
|
|
7
7
|
control: (provided, state) => ({
|
|
8
8
|
...provided,
|
|
@@ -114,7 +114,7 @@ export const DropdownSelect = (props) => {
|
|
|
114
114
|
};
|
|
115
115
|
const customStyles = styles ? { ...defaultStyles, ...styles } : defaultStyles;
|
|
116
116
|
return (React.createElement("div", { style: { display: "flex", width: "100%", ...containerStyle } },
|
|
117
|
-
createAble ? (React.createElement(Createable, { ...selectProps, styles: customStyles, colorPalette: colorPalette, components: components })) : (React.createElement(Select, { ...selectProps, styles: customStyles, colorPalette: colorPalette, components: components })),
|
|
117
|
+
createAble ? (React.createElement(Createable, { ...selectProps, styles: customStyles, colorPalette: colorPalette, components: components, isClearable: isClearable ?? false })) : (React.createElement(Select, { ...selectProps, styles: customStyles, colorPalette: colorPalette, components: components, isClearable: isClearable ?? false })),
|
|
118
118
|
moreHorizon && moreHorizon));
|
|
119
119
|
};
|
|
120
120
|
//# sourceMappingURL=DropdownField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownField.js","sourceRoot":"","sources":["../../../lib/Atoms/DropdownField/DropdownField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAA4B,MAAM,cAAc,CAAC;AAExD,OAAO,UAAU,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownField.js","sourceRoot":"","sources":["../../../lib/Atoms/DropdownField/DropdownField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
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 | JSX.Element;
|
|
5
|
-
children: React.ReactNode | JSX.Element;
|
|
4
|
+
label?: string | React.JSX.Element;
|
|
5
|
+
children: React.ReactNode | React.JSX.Element;
|
|
6
6
|
colorPalette: Colors;
|
|
7
|
-
link?: JSX.Element;
|
|
7
|
+
link?: React.JSX.Element;
|
|
8
8
|
}
|
|
9
9
|
interface FieldActionWrapperProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
10
|
-
children: React.ReactNode | JSX.Element;
|
|
10
|
+
children: React.ReactNode | React.JSX.Element;
|
|
11
11
|
}
|
|
12
12
|
export declare const FieldWrapper: (props: FieldWrapperProps) => React.JSX.Element;
|
|
13
13
|
export declare const FieldActionWrapper: (props: FieldActionWrapperProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
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;;;;;;;;CAQlE,CAAC;AACF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAA2B;;;;;;;;;;;UAWpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;;;;;;;CAQxD,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;EAQrC,CAAC;AAaH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;
|
|
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;;;;;;;;CAQlE,CAAC;AACF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAA2B;;;;;;;;;;;UAWpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;;;;;;;CAQxD,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;EAQrC,CAAC;AAaH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACrD,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACH,oBAAC,qBAAqB,OAAK,SAAS,EAAE,YAAY,EAAE,YAAY;QAC3D,KAAK,IAAI,CACN,oBAAC,cAAc,IAAC,YAAY,EAAE,YAAY;YACrC,KAAK;YACL,IAAI,CACQ,CACpB;QACA,QAAQ,CACW,CAC3B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACH,oBAAC,oBAAoB,OAAK,SAAS,IAAG,QAAQ,CAAwB,CACzE,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -59,7 +59,7 @@ const MoreHorizonMenu = styled.div `
|
|
|
59
59
|
background-color: ${({ colorPalette }) => colorPalette.highlight.secondary};
|
|
60
60
|
border-radius: 4px;
|
|
61
61
|
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
|
62
|
-
z-index:
|
|
62
|
+
z-index: 100002;
|
|
63
63
|
transform-origin: top left;
|
|
64
64
|
`;
|
|
65
65
|
export const MoreHorizonButton = (props) => {
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Colors } from "../../Theme/types";
|
|
3
|
-
|
|
3
|
+
import { TextareaAutosizeProps } from "react-textarea-autosize";
|
|
4
|
+
interface NoteFieldTextAreaProps extends TextareaAutosizeProps {
|
|
4
5
|
colorPalette: Colors;
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
moreHorizon?: React.JSX.Element;
|
|
7
|
+
label: string;
|
|
8
|
+
placeholder?: string;
|
|
7
9
|
}
|
|
8
|
-
export declare const NoteFieldTextArea: React.ForwardRefExoticComponent<
|
|
10
|
+
export declare const NoteFieldTextArea: React.ForwardRefExoticComponent<NoteFieldTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
9
11
|
export {};
|
|
@@ -1,12 +1,33 @@
|
|
|
1
1
|
import React, { forwardRef } from "react";
|
|
2
2
|
import styled from "@emotion/styled";
|
|
3
|
-
import { FiMaximize } from "react-icons/fi";
|
|
3
|
+
import { FiMaximize, FiMinimize } from "react-icons/fi";
|
|
4
|
+
import { Typography } from "../Typography/Typography";
|
|
5
|
+
import TextAreaAutosize from "react-textarea-autosize";
|
|
4
6
|
const NoteContainer = styled.div `
|
|
7
|
+
display: flex;
|
|
8
|
+
width: 100%;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
${({ isFullScreen, colorPalette }) => isFullScreen &&
|
|
11
|
+
`position: fixed;
|
|
12
|
+
top: 0;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
left: 0;
|
|
15
|
+
flex-grow: 1;
|
|
16
|
+
z-index: 100003;
|
|
17
|
+
padding: 16px;
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
overflow: auto;
|
|
20
|
+
background: ${colorPalette.background.primary};
|
|
21
|
+
height: 100dvh;
|
|
22
|
+
box-sizing: border-box;
|
|
23
|
+
`}
|
|
24
|
+
`;
|
|
25
|
+
const NoteSection = styled.div `
|
|
5
26
|
display: flex;
|
|
6
27
|
width: 100%;
|
|
7
28
|
justify-content: flex-end;
|
|
8
29
|
`;
|
|
9
|
-
const
|
|
30
|
+
const IconContainer = styled.div `
|
|
10
31
|
border-radius: 4px 0px 0px 4px;
|
|
11
32
|
height: 38px;
|
|
12
33
|
width: 40px;
|
|
@@ -18,38 +39,60 @@ const MaximizeIconContainer = styled.div `
|
|
|
18
39
|
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
19
40
|
border-width: 1px;
|
|
20
41
|
border-style: solid;
|
|
42
|
+
border-right: none;
|
|
21
43
|
border-color: ${({ colorPalette }) => colorPalette.border.primary};
|
|
22
44
|
`;
|
|
23
45
|
const MaximizeIcon = styled(FiMaximize) `
|
|
24
46
|
width: 20px;
|
|
25
47
|
height: 20px;
|
|
26
48
|
`;
|
|
27
|
-
const
|
|
49
|
+
const MinimizeIcon = styled(FiMinimize) `
|
|
50
|
+
width: 20px;
|
|
51
|
+
height: 20px;
|
|
52
|
+
`;
|
|
53
|
+
const NoteArea = styled(TextAreaAutosize, {
|
|
54
|
+
shouldForwardProp: (prop) => !['colorPalette', 'moreHorizon', 'isFullScreen'].includes(prop),
|
|
55
|
+
}) `
|
|
28
56
|
border-color: ${({ colorPalette }) => colorPalette.border.primary};
|
|
29
57
|
border-style: solid;
|
|
30
58
|
border-width: 1px;
|
|
31
59
|
padding: 8px 16px 0px 16px;
|
|
32
|
-
height: 30px;
|
|
33
60
|
width: 100%;
|
|
34
61
|
min-height: 30px;
|
|
35
62
|
resize: vertical;
|
|
63
|
+
${({ isFullScreen }) => !isFullScreen && `height: 30px !important; resize: none`};
|
|
64
|
+
${({ isFullScreen }) => isFullScreen && `max-height: calc(100vh - 120px);`};
|
|
36
65
|
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
37
66
|
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
38
|
-
border-left:
|
|
67
|
+
border-top-left-radius: 0px;
|
|
68
|
+
border-bottom-left-radius: 0px;
|
|
39
69
|
font-size: 16px;
|
|
40
70
|
:focus-visible {
|
|
41
|
-
|
|
71
|
+
outline: none;
|
|
72
|
+
border-color: ${({ colorPalette }) => colorPalette.highlight.primary};
|
|
73
|
+
border-width: 2px;
|
|
74
|
+
}
|
|
75
|
+
::-webkit-scrollbar {
|
|
76
|
+
display: block !important;
|
|
42
77
|
}
|
|
43
|
-
${({ moreHorizon }) => moreHorizon && `border-right: none;`}
|
|
44
78
|
${({ moreHorizon }) => moreHorizon &&
|
|
45
79
|
`border-top-right-radius: 0px; border-bottom-right-radius: 0px;`}
|
|
46
80
|
`;
|
|
47
81
|
export const NoteFieldTextArea = forwardRef((props, ref) => {
|
|
48
|
-
const { colorPalette,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
82
|
+
const { colorPalette, moreHorizon, label, ...textAreaProps } = props;
|
|
83
|
+
const [isFullScreen, setIsFullScreen] = React.useState(false);
|
|
84
|
+
const handleKeyDown = (event) => {
|
|
85
|
+
if (event.key === 'Tab' && isFullScreen) {
|
|
86
|
+
setIsFullScreen(false);
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
return (React.createElement(NoteContainer, { colorPalette: colorPalette, isFullScreen: isFullScreen },
|
|
90
|
+
isFullScreen && (React.createElement(Typography, { variant: "Heading 5", textColor: colorPalette.text.primary }, label)),
|
|
91
|
+
React.createElement(NoteSection, { colorPalette: colorPalette, isFullScreen: isFullScreen },
|
|
92
|
+
isFullScreen ? (React.createElement(IconContainer, { colorPalette: colorPalette, onClick: () => setIsFullScreen(false) },
|
|
93
|
+
React.createElement(MinimizeIcon, { color: colorPalette.utils.icon }))) : (React.createElement(IconContainer, { colorPalette: colorPalette, onClick: () => setIsFullScreen(true) },
|
|
94
|
+
React.createElement(MaximizeIcon, { color: colorPalette.utils.icon }))),
|
|
95
|
+
React.createElement(NoteArea, { "data-test": isFullScreen ? "note-area-expanded" : "note-area-collapsed", ref: ref, colorPalette: colorPalette, moreHorizon: moreHorizon ? true : false, isFullScreen: isFullScreen, tabIndex: isFullScreen ? -1 : 0, maxRows: isFullScreen ? 30 : 1, minRows: isFullScreen ? 10 : 1, onKeyDown: handleKeyDown, ...textAreaProps }),
|
|
96
|
+
moreHorizon && moreHorizon)));
|
|
54
97
|
});
|
|
55
98
|
//# sourceMappingURL=NoteField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoteField.js","sourceRoot":"","sources":["../../../lib/Atoms/NoteField/NoteField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"NoteField.js","sourceRoot":"","sources":["../../../lib/Atoms/NoteField/NoteField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,8 @@ interface NumberFieldProps extends React.DetailedHTMLProps<React.InputHTMLAttrib
|
|
|
16
16
|
}) => Promise<void>;
|
|
17
17
|
handleBlur?: (newValue?: string | number) => Promise<void>;
|
|
18
18
|
fromTable?: boolean;
|
|
19
|
-
moreHorizon?: JSX.Element;
|
|
19
|
+
moreHorizon?: React.JSX.Element;
|
|
20
|
+
rotation?: number;
|
|
20
21
|
}
|
|
21
22
|
export declare const NumberField: (props: NumberFieldProps) => React.JSX.Element;
|
|
22
23
|
export {};
|