@amp-labs/react 1.4.1 → 1.4.3

package/build/src/components/Configure/content/ConfigureInstallationBase.js

@@ -31,6 +31,6 @@ function ConfigureInstallationBase({ onSave, onReset, isLoading, isCreateMode =
     // is the form in the uninstall case?
     const isUninstall = selectedObjectName === UninstallInstallation_1.UNINSTALL_INSTALLATION_CONST;
     return (isLoading ? (0, jsx_runtime_1.jsx)(LoadingIcon_1.LoadingIcon, {})
-        : ((0, jsx_runtime_1.jsxs)("form", { style: { width: '100%', maxWidth: '50rem' }, onSubmit: onSave, children: [(0, jsx_runtime_1.jsxs)(react_1.Stack, { direction: "row", spacing: 4, marginBottom: "20px", flexDir: "row-reverse", children: [(0, jsx_runtime_1.jsx)(react_1.Button, { backgroundColor: "gray.800", _hover: { backgroundColor: 'gray.600' }, type: "submit", isDisabled: isDisabled, children: isCreateMode ? 'Install' : 'Save' }), (0, jsx_runtime_1.jsx)(react_1.Button, { backgroundColor: "gray.200", color: "blackAlpha.700", _hover: { backgroundColor: 'gray.300' }, isDisabled: isDisabled, onClick: onReset, children: "Reset" })] }), (0, jsx_runtime_1.jsxs)(react_1.Box, { p: 8, width: "100%", border: "1px solid #EFEFEF", borderRadius: 8, boxShadow: "md", textAlign: ['left'], margin: "auto", bgColor: "white", maxHeight: "100%", overflowY: "scroll", children: [loading && (0, jsx_runtime_1.jsx)(LoadingIcon_1.LoadingIcon, {}), hydratedRevision && !isUninstall && !isNonConfigurableWrite && (0, jsx_runtime_1.jsx)(ReadFields_1.ReadFields, {}), hydratedRevision && !isUninstall && isNonConfigurableWrite && (0, jsx_runtime_1.jsx)(WriteFields_1.WriteFields, {}), !loading && isUninstall && (0, jsx_runtime_1.jsx)(UninstallContent_1.UninstallContent, {})] })] })));
+        : ((0, jsx_runtime_1.jsxs)("form", { style: { width: '100%', maxWidth: '50rem' }, onSubmit: onSave, children: [(0, jsx_runtime_1.jsxs)(react_1.Stack, { direction: "row", spacing: 4, marginBottom: "20px", flexDir: "row-reverse", children: [(0, jsx_runtime_1.jsx)(react_1.Button, { backgroundColor: "gray.800", _hover: { backgroundColor: 'gray.600' }, type: "submit", isDisabled: isDisabled, children: isCreateMode ? 'Install' : 'Save' }), (0, jsx_runtime_1.jsx)(react_1.Button, { backgroundColor: "gray.200", color: "blackAlpha.700", _hover: { backgroundColor: 'gray.300' }, isDisabled: isDisabled, onClick: onReset, children: "Reset" })] }), (0, jsx_runtime_1.jsxs)(react_1.Box, { p: 8, width: "100%", border: "1px solid #EFEFEF", borderRadius: 8, boxShadow: "md", textAlign: ['left'], margin: "auto", bgColor: "white", maxHeight: "100%", overflowY: "scroll", minHeight: 300, children: [loading && (0, jsx_runtime_1.jsx)(LoadingIcon_1.LoadingIcon, {}), hydratedRevision && !isUninstall && !isNonConfigurableWrite && (0, jsx_runtime_1.jsx)(ReadFields_1.ReadFields, {}), hydratedRevision && !isUninstall && isNonConfigurableWrite && (0, jsx_runtime_1.jsx)(WriteFields_1.WriteFields, {}), !loading && isUninstall && (0, jsx_runtime_1.jsx)(UninstallContent_1.UninstallContent, {})] })] })));
 }
 exports.ConfigureInstallationBase = ConfigureInstallationBase;

package/build/src/components/Configure/content/fields/OptionalFields/OptionalFields.js

@@ -19,9 +19,9 @@ function OptionalFields() {
     };
     const shouldRender = !!(((_b = configureState === null || configureState === void 0 ? void 0 : configureState.read) === null || _b === void 0 ? void 0 : _b.optionalFields)
         && ((_c = configureState === null || configureState === void 0 ? void 0 : configureState.read) === null || _c === void 0 ? void 0 : _c.optionalFields));
-    return (shouldRender && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FieldHeader_1.FieldHeader, { string: `${appName} reads the following optional fields` }), (0, jsx_runtime_1.jsx)(react_1.Stack, { marginBottom: 10, height: 300, overflowY: "scroll", border: "2px solid #EFEFEF", borderRadius: 8, padding: 4, children: (_e = (_d = configureState === null || configureState === void 0 ? void 0 : configureState.read) === null || _d === void 0 ? void 0 : _d.optionalFields) === null || _e === void 0 ? void 0 : _e.map((field) => {
+    return (shouldRender && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FieldHeader_1.FieldHeader, { string: `${appName} reads the following optional fields` }), (0, jsx_runtime_1.jsx)(react_1.Stack, { marginBottom: 10, maxHeight: 300, overflowY: "scroll", border: "2px solid #EFEFEF", borderRadius: 8, gap: 0, children: (_e = (_d = configureState === null || configureState === void 0 ? void 0 : configureState.read) === null || _d === void 0 ? void 0 : _d.optionalFields) === null || _e === void 0 ? void 0 : _e.map((field) => {
                     if (!(0, utils_1.isIntegrationFieldMapping)(field)) {
-                        return ((0, jsx_runtime_1.jsx)(react_1.Box, { display: "flex", gap: "5px", borderBottom: "1px", borderColor: "gray.100", children: (0, jsx_runtime_1.jsx)(react_1.Checkbox, { name: field.fieldName, id: field.fieldName, isChecked: !!(selectedOptionalFields === null || selectedOptionalFields === void 0 ? void 0 : selectedOptionalFields[field === null || field === void 0 ? void 0 : field.fieldName]), onChange: onCheckboxChange, children: field.displayName }) }, field.fieldName));
+                        return ((0, jsx_runtime_1.jsx)(react_1.Box, { paddingX: 4, paddingY: 2, borderBottom: "1px", borderColor: "gray.100", children: (0, jsx_runtime_1.jsx)(react_1.Checkbox, { name: field.fieldName, id: field.fieldName, isChecked: !!(selectedOptionalFields === null || selectedOptionalFields === void 0 ? void 0 : selectedOptionalFields[field === null || field === void 0 ? void 0 : field.fieldName]), onChange: onCheckboxChange, children: field.displayName }) }, field.fieldName));
                     }
                     return null; // fallback for customed mapped fields
                 }) })] })));

package/build/src/components/Configure/content/fields/WriteFields/WriteFields.js

@@ -10,13 +10,25 @@ function WriteFields() {
     var _a, _b, _c, _d;
     const { appName, selectedObjectName, configureState, setConfigureState, } = (0, useSelectedConfigureState_1.useSelectedConfigureState)();
     const selectedWriteFields = (_a = configureState === null || configureState === void 0 ? void 0 : configureState.write) === null || _a === void 0 ? void 0 : _a.selectedNonConfigurableWriteFields;
+    const writeObjects = (_b = configureState === null || configureState === void 0 ? void 0 : configureState.write) === null || _b === void 0 ? void 0 : _b.writeObjects;
     const onCheckboxChange = (e) => {
         const { name, checked } = e.target;
         if (selectedObjectName && configureState) {
             (0, setNonConfigurableWriteField_1.setNonConfigurableWriteField)(selectedObjectName, setConfigureState, name, checked);
         }
     };
-    const shouldRender = !!((_b = configureState === null || configureState === void 0 ? void 0 : configureState.write) === null || _b === void 0 ? void 0 : _b.writeObjects);
-    return (shouldRender && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FieldHeader_1.FieldHeader, { string: `Allow ${appName} to write to these object` }), (0, jsx_runtime_1.jsx)(react_1.Stack, { marginBottom: 10, height: 300, overflowY: "scroll", border: "2px solid #EFEFEF", borderRadius: 8, padding: 4, children: (_d = (_c = configureState === null || configureState === void 0 ? void 0 : configureState.write) === null || _c === void 0 ? void 0 : _c.writeObjects) === null || _d === void 0 ? void 0 : _d.map((field) => ((0, jsx_runtime_1.jsx)(react_1.Box, { display: "flex", gap: "5px", borderBottom: "1px", borderColor: "gray.100", children: (0, jsx_runtime_1.jsx)(react_1.Checkbox, { name: field.objectName, id: field.objectName, onChange: onCheckboxChange, isChecked: !!(selectedWriteFields === null || selectedWriteFields === void 0 ? void 0 : selectedWriteFields[field.objectName]), children: field.displayName }) }, field.objectName))) })] })));
+    const onSelectAllCheckboxChange = (e) => {
+        var _a, _b;
+        const { checked } = e.target;
+        if (selectedObjectName && configureState) {
+            (_b = (_a = configureState === null || configureState === void 0 ? void 0 : configureState.write) === null || _a === void 0 ? void 0 : _a.writeObjects) === null || _b === void 0 ? void 0 : _b.forEach((field) => {
+                (0, setNonConfigurableWriteField_1.setNonConfigurableWriteField)(selectedObjectName, setConfigureState, field.objectName, checked);
+            });
+        }
+    };
+    const shouldRender = !!(writeObjects);
+    const isAllChecked = Object.keys(selectedWriteFields || {}).length === ((_d = (_c = configureState === null || configureState === void 0 ? void 0 : configureState.write) === null || _c === void 0 ? void 0 : _c.writeObjects) === null || _d === void 0 ? void 0 : _d.length);
+    const isIndeterminate = !isAllChecked && Object.keys(selectedWriteFields || {}).length > 0;
+    return (shouldRender && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FieldHeader_1.FieldHeader, { string: `Allow ${appName} to write to these object` }), (0, jsx_runtime_1.jsxs)(react_1.Stack, { marginBottom: 10, maxHeight: 300, overflowY: "scroll", border: "2px solid #EFEFEF", borderRadius: 8, gap: 0, children: [((writeObjects === null || writeObjects === void 0 ? void 0 : writeObjects.length) || 0) >= 2 && ((0, jsx_runtime_1.jsx)(react_1.Box, { backgroundColor: "gray.50", paddingX: 4, paddingY: 2, children: (0, jsx_runtime_1.jsx)(react_1.Checkbox, { name: "selectAll", id: "selectAll", onChange: onSelectAllCheckboxChange, isIndeterminate: isIndeterminate, isChecked: isAllChecked, children: "Select all" }) })), writeObjects.map((field) => ((0, jsx_runtime_1.jsx)(react_1.Box, { display: "flex", alignItems: "center", borderBottom: "1px", borderColor: "gray.100", paddingX: 4, paddingY: 2, children: (0, jsx_runtime_1.jsx)(react_1.Checkbox, { name: field.objectName, id: field.objectName, onChange: onCheckboxChange, isChecked: !!(selectedWriteFields === null || selectedWriteFields === void 0 ? void 0 : selectedWriteFields[field.objectName]), children: field.displayName }) }, field.objectName)))] })] })));
 }
 exports.WriteFields = WriteFields;

package/build/src/components/Configure/nav/ObjectManagementNav/index.js

@@ -43,7 +43,7 @@ function ObjectManagementNav({ children, }) {
     const [tabIndex, setTabIndex] = (0, react_1.useState)(0);
     const appName = (project === null || project === void 0 ? void 0 : project.appName) || '';
     const config = installation === null || installation === void 0 ? void 0 : installation.config;
-    const readNavObjects = hydratedRevision && (0, utils_2.generateNavObjects)(config, hydratedRevision);
+    const readNavObjects = hydratedRevision && (0, utils_2.generateReadNavObjects)(config, hydratedRevision);
     const isNavObjectsReady = readNavObjects !== null; // null = hydratedRevision/config is not ready
     const isWriteSupported = !!((_a = hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) === null || _a === void 0 ? void 0 : _a.write);
     const otherNavObject = isWriteSupported ? (0, utils_2.generateOtherNavObject)(config) : undefined;

package/build/src/components/Configure/state/utils.js

@@ -83,7 +83,8 @@ exports.setHydrateConfigState = setHydrateConfigState;
  * resets configure state for all objects in hydrated revision to hydrated revision values
  */
 const resetAllObjectsConfigurationState = (hydratedRevision, config, setObjectConfiguresState) => {
-    const navObjects = (0, utils_1.generateNavObjects)(config, hydratedRevision);
+    // read nav objects from hydrated revision
+    const navObjects = (0, utils_1.generateAllNavObjects)(config, hydratedRevision);
     const objectConfigurationsState = {};
     navObjects.forEach(({ name, completed }) => {
         if (completed) {

package/build/src/components/Configure/utils.d.ts

@@ -20,8 +20,15 @@ export declare function getRequiredMapFieldsFromObject(object: HydratedIntegrati
 export declare function getOptionalFieldsFromObject(object: HydratedIntegrationObject): HydratedIntegrationField[] | null;
 export declare const getReadObject: (config: Config, objectName: string) => any;
 export declare function getFieldKeyValue(field: HydratedIntegrationField): string;
+/**
+ * generates Nav Objects for read action
+ * @param config
+ * @param hydratedRevision
+ * @returns NavObject[]
+ */
+export declare const generateReadNavObjects: (config: Config | undefined, hydratedRevision: HydratedRevision) => NavObject[];
 export declare const generateOtherNavObject: (config: Config | undefined) => NavObject;
-export declare function generateNavObjects(config: Config | undefined, hydratedRevision: HydratedRevision): NavObject[];
+export declare function generateAllNavObjects(config: Config | undefined, hydratedRevision: HydratedRevision): NavObject[];
 export declare function validateFieldMappings(requiredMapFields: IntegrationFieldMapping[] | null | undefined, selectedRequiredMapFields: SelectMappingFields | null | undefined, setErrors: (boundary: ErrorBoundary, errors: string[]) => void): {
     errorList: string[];
 };

package/build/src/components/Configure/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateFieldMappings = exports.generateNavObjects = exports.generateOtherNavObject = exports.getFieldKeyValue = exports.getReadObject = exports.getOptionalFieldsFromObject = exports.getRequiredMapFieldsFromObject = exports.getRequiredFieldsFromObject = exports.getStandardObjectFromAction = exports.isIntegrationFieldMapping = void 0;
+exports.validateFieldMappings = exports.generateAllNavObjects = exports.generateOtherNavObject = exports.generateReadNavObjects = exports.getFieldKeyValue = exports.getReadObject = exports.getOptionalFieldsFromObject = exports.getRequiredMapFieldsFromObject = exports.getRequiredFieldsFromObject = exports.getStandardObjectFromAction = exports.isIntegrationFieldMapping = void 0;
 const ErrorContextProvider_1 = require("../../context/ErrorContextProvider");
 const constant_1 = require("./nav/ObjectManagementNav/constant");
 /**
@@ -73,6 +73,7 @@ const generateReadNavObjects = (config, hydratedRevision) => {
     });
     return navObjects;
 };
+exports.generateReadNavObjects = generateReadNavObjects;
 const generateOtherNavObject = (config) => {
     var _a;
     const navObject = {
@@ -83,11 +84,17 @@ const generateOtherNavObject = (config) => {
 };
 exports.generateOtherNavObject = generateOtherNavObject;
 // generates standard objects and whether they are complete based on config and hydrated revision
-function generateNavObjects(config, hydratedRevision) {
-    const navObjects = generateReadNavObjects(config, hydratedRevision);
+function generateAllNavObjects(config, hydratedRevision) {
+    var _a;
+    const navObjects = (0, exports.generateReadNavObjects)(config, hydratedRevision);
+    const isWriteSupported = !!((_a = hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) === null || _a === void 0 ? void 0 : _a.write);
+    const otherNavObject = isWriteSupported ? (0, exports.generateOtherNavObject)(config) : undefined;
+    if (otherNavObject) {
+        navObjects.push(otherNavObject);
+    }
     return navObjects;
 }
-exports.generateNavObjects = generateNavObjects;
+exports.generateAllNavObjects = generateAllNavObjects;
 // validates whether required fields are filled out or throws error
 function validateFieldMappings(requiredMapFields, selectedRequiredMapFields, setErrors) {
     // check if fields with requirements are met

package/build/src/services/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.4.1";
+export declare const LIB_VERSION = "1.4.3";

package/build/src/services/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
-exports.LIB_VERSION = '1.4.1';
+exports.LIB_VERSION = '1.4.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amp-labs/react",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "Ampersand React library.",
   "author": {
     "name": "Ampersand Labs",