") }} />;
19 | }
20 |
21 | if (content_text || content) {
22 | // @ts-ignore
23 | return <>{(content_text ?? content).replaceAll("\n", "
")};
24 | }
25 |
26 | if (content_md) {
27 | return <>{content_md};
28 | }
29 | return <>;
30 | }
31 |
32 | return (
33 |
{helpContent.header}}
35 | footer={
36 | helpContent.content_links ? (
37 |
38 |
Learn more
39 |
40 | {helpContent.content_links
41 | ? helpContent.content_links.map((item) => {
42 | return (
43 |
49 | {item["key"]}
50 |
51 | );
52 | })
53 | : undefined}
54 |
55 |
56 | ) : undefined
57 | }
58 | >
59 | {getContent(helpContent)}
60 |
61 | );
62 | };
63 |
64 | export default ToolHelp;
65 |
--------------------------------------------------------------------------------
/source/frontend/src/components/UserGroupsModal.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3 | * SPDX-License-Identifier: Apache-2.0
4 | */
5 |
6 | import React, { useState } from "react";
7 | import { Box, Button, FormField, Modal, Multiselect, SpaceBetween } from "@cloudscape-design/components";
8 | import { setNestedValuePath } from "../resources/main";
9 |
10 | type UserGroupsModalProps = {
11 | groups: string[];
12 | header: string;
13 | visible: boolean;
14 | closeModal: () => void;
15 | onConfirmation: (attribute: any) => void;
16 | };
17 |
18 | export const UserGroupsModal = ({ closeModal, onConfirmation, header, groups, visible }: UserGroupsModalProps) => {
19 | const [localObject, setLocalObject] = useState
({});
20 | const [saving, setSaving] = useState(false);
21 |
22 | function handleUserInput(value: { field: any; value: any }) {
23 | let newAttr = Object.assign({}, localObject);
24 | setNestedValuePath(newAttr, value.field, value.value);
25 |
26 | setLocalObject(newAttr);
27 | }
28 |
29 | async function handleSave() {
30 | setSaving(true);
31 | closeModal();
32 | onConfirmation(localObject);
33 | }
34 |
35 | if (!visible) return <>;
36 |
37 | return (
38 |
45 |
46 |
49 |
52 |
53 |
54 | }
55 | header={header}
56 | >
57 |
58 |
59 |
62 | handleUserInput({
63 | field: "selectedGroups",
64 | value: event.detail.selectedOptions != null ? event.detail.selectedOptions : [],
65 | })
66 | }
67 | options={groups.map((item) => ({ value: item, label: item }))}
68 | selectedAriaLabel={"selected"}
69 | filteringType="auto"
70 | />
71 |
72 |
73 |
74 | );
75 | };
76 |
--------------------------------------------------------------------------------
/source/frontend/src/components/ui_attributes/Audit.tsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3 | * SPDX-License-Identifier: Apache-2.0
4 | */
5 |
6 | import React from "react";
7 | import { ColumnLayout, SpaceBetween } from "@cloudscape-design/components";
8 |
9 | import TextAttribute from "./TextAttribute";
10 | import { getNestedValuePath } from "../../resources/main";
11 |
12 | // Attribute Display message content
13 | function returnLocaleDateTime(stringDateTime: string | number | Date) {
14 | let originalDate = new Date(stringDateTime);
15 | let newDate = new Date(originalDate.getTime() - originalDate.getTimezoneOffset() * 60 * 1000);
16 |
17 | return newDate.toLocaleString();
18 | }
19 |
20 | const Audit = ({ item }: any) => {
21 | function getHistoryUser(item: any, type: string) {
22 | const value = getNestedValuePath(item, "_history." + type + ".email");
23 |
24 | if (value) {
25 | return value;
26 | } else {
27 | return "-";
28 | }
29 | }
30 |
31 | function getHistoryDate(item: any, type: string) {
32 | const value = getNestedValuePath(item, "_history." + type);
33 |
34 | if (value) {
35 | return value;
36 | } else {
37 | return "-";
38 | }
39 | }
40 |
41 | return (
42 |
43 |
44 |
45 | {getHistoryUser(item, "createdBy")}
46 | {getHistoryDate(item, "createdTimestamp")}
47 |
48 |
49 |
50 |
51 | {getHistoryUser(item, "lastModifiedBy")}
52 | {getHistoryDate(item, "lastModifiedTimestamp")}
53 |
54 |
55 |
56 | );
57 | };
58 |
59 | export default Audit;
60 |
--------------------------------------------------------------------------------
/source/frontend/src/components/ui_attributes/CheckboxAttribute.tsx:
--------------------------------------------------------------------------------
1 | // @ts-nocheck
2 | /*
3 | * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
4 | * SPDX-License-Identifier: Apache-2.0
5 | */
6 |
7 | import React, { useEffect, useState } from "react";
8 | import { Checkbox, SpaceBetween } from "@cloudscape-design/components";
9 |
10 | // Attribute Display message content
11 | const CheckboxAttribute = ({ attribute, value, isReadonly, handleUserInput, displayHelpInfoLink }) => {
12 | const [localValue, setLocalValue] = useState(value);
13 |
14 | function handleUpdate(attribute, value, validationError) {
15 | setLocalValue(value);
16 | handleUserInput(attribute, value, validationError);
17 | }
18 |
19 | useEffect(() => {
20 | setLocalValue(value);
21 | }, [value]);
22 |
23 | return (
24 | handleUpdate(attribute, event.detail.checked, null)}
27 | checked={localValue}
28 | disabled={isReadonly}
29 | ariaLabel={attribute.name}
30 | >
31 | {attribute.description ? (
32 |
33 | {attribute.description}
34 | {displayHelpInfoLink(attribute)}{" "}
35 |
36 | ) : (
37 |
38 | {attribute.name}
39 | {displayHelpInfoLink(attribute)}{" "}
40 |
41 | )}
42 |
43 | );
44 | };
45 |
46 | export default CheckboxAttribute;
47 |
--------------------------------------------------------------------------------
/source/frontend/src/components/ui_attributes/DateAttribute.tsx:
--------------------------------------------------------------------------------
1 | // @ts-nocheck
2 | /*
3 | * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
4 | * SPDX-License-Identifier: Apache-2.0
5 | */
6 |
7 | import React, { useEffect, useState } from "react";
8 | import { DatePicker, FormField, SpaceBetween } from "@cloudscape-design/components";
9 |
10 | const DateAttribute = ({ attribute, value, isReadonly, errorText, handleUserInput, displayHelpInfoLink }) => {
11 | const [localValue, setLocalValue] = useState(value);
12 | const [currentErrorText, setCurrentErrorText] = useState(errorText);
13 |
14 | function handleUpdate(event) {
15 | setLocalValue(event.detail.value);
16 | handleUserInput({ field: attribute.name, value: event.detail.value, validationError: currentErrorText });
17 | }
18 |
19 | useEffect(() => {
20 | setCurrentErrorText(errorText);
21 | }, [errorText]);
22 |
23 | return (
24 |
29 | {attribute.description}
30 | {displayHelpInfoLink ? displayHelpInfoLink(attribute) : undefined}{" "}
31 |
32 | ) : (
33 |
34 | {attribute.name}
35 | {displayHelpInfoLink(attribute)}{" "}
36 |
37 | )
38 | }
39 | description={attribute.long_desc}
40 | errorText={currentErrorText}
41 | >
42 | handleUpdate(event)}
44 | value={localValue ? localValue : ""}
45 | openCalendarAriaLabel={(selectedDate) =>
46 | "Choose Date" + (selectedDate ? `, selected date is ${selectedDate}` : "")
47 | }
48 | nextMonthAriaLabel="Next month"
49 | placeholder="YYY/MM/DD"
50 | previousMonthAriaLabel="Previous month"
51 | todayAriaLabel="Today"
52 | disabled={isReadonly}
53 | ariaLabel={attribute.name}
54 | />
55 |
56 | );
57 | };
58 |
59 | export default DateAttribute;
60 |
--------------------------------------------------------------------------------
/source/frontend/src/components/ui_attributes/EmbeddedEntityAttribute.tsx:
--------------------------------------------------------------------------------
1 | // @ts-nocheck
2 | /*
3 | * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
4 | * SPDX-License-Identifier: Apache-2.0
5 | */
6 |
7 | import React, { useEffect, useState } from "react";
8 | import { SpaceBetween, Container, Header } from "@cloudscape-design/components";
9 | import AllAttributes from "./AllAttributes";
10 |
11 | const EmbeddedEntityAttribute = ({
12 | schemas,
13 | parentSchemaType,
14 | parentSchemaName,
15 | parentUserAccess,
16 | embeddedEntitySchema,
17 | attribute,
18 | embeddedItem,
19 | handleUserInput,
20 | handleUpdateValidationErrors,
21 | }) => {
22 | const [localSchemas, setLocalSchemas] = useState(schemas);
23 | const [localEmbeddedEntitySchema, setLocalEmbeddedEntitySchema] = useState([]);
24 |
25 | async function handleUpdate(update) {
26 | handleUserInput(update);
27 | }
28 |
29 | useEffect(() => {
30 | setLocalSchemas(schemas);
31 | }, [schemas]);
32 |
33 | useEffect(() => {
34 | if (embeddedEntitySchema?.status === "loaded" && embeddedEntitySchema?.value != null) {
35 | let updatedEmbeddedAttributes = embeddedEntitySchema.value.map((item) => {
36 | //prepend the embedded_entity name to all attribute names in order to store them under a single key.
37 | let appendedName = attribute.name + "." + item.name;
38 | if (item.__orig_name) {
39 | //Item has already been updated name.
40 | return item;
41 | } else {
42 | //Store original name of item.
43 | item.__orig_name = item.name;
44 | item.name = appendedName;
45 | // item.group = item.group ? item.group : attribute.description;
46 | return item;
47 | }
48 | });
49 | setLocalEmbeddedEntitySchema({ schema_type: parentSchemaType, attributes: updatedEmbeddedAttributes });
50 | } else {
51 | setLocalEmbeddedEntitySchema([]);
52 | }
53 | }, [embeddedEntitySchema]);
54 |
55 | return (
56 |
57 | {attribute.description}}>
58 |
68 |
69 |
70 | );
71 | };
72 |
73 | export default EmbeddedEntityAttribute;
74 |
--------------------------------------------------------------------------------
/source/frontend/src/components/ui_attributes/MultiValueStringAttribute.tsx:
--------------------------------------------------------------------------------
1 | // @ts-nocheck
2 | /*
3 | * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
4 | * SPDX-License-Identifier: Apache-2.0
5 | */
6 |
7 | import React, { useEffect, useState } from "react";
8 | import { FormField, SpaceBetween, Textarea } from "@cloudscape-design/components";
9 |
10 | const MultiValueStringAttribute = ({
11 | attribute,
12 | value,
13 | isReadonly,
14 | errorText,
15 | handleUserInput,
16 | displayHelpInfoLink,
17 | }) => {
18 | const [localValue, setLocalValue] = useState(value);
19 | const [currentErrorText, setCurrentErrorText] = useState(errorText);
20 |
21 | function handleUpdate(event) {
22 | setLocalValue(event.detail.value);
23 | handleUserInput(attribute, event.detail.value === "" ? [] : event.detail.value.split("\n"), currentErrorText);
24 | }
25 |
26 | useEffect(() => {
27 | setCurrentErrorText(errorText);
28 | }, [errorText]);
29 |
30 | return (
31 |
36 | {attribute.description}
37 | {displayHelpInfoLink(attribute)}{" "}
38 |
39 | ) : (
40 |
41 | {attribute.name}
42 | {displayHelpInfoLink(attribute)}{" "}
43 |
44 | )
45 | }
46 | description={attribute.long_desc}
47 | errorText={currentErrorText}
48 | >
49 |