Onboarding using Place Membership source part

Author: abrilgzz

UI/web-app/src/components/AdvancedViewSourcePart/AdvancedViewSourcePart.base.tsx

@@ -18,13 +18,15 @@ import {
 } from './AdvancedViewSourcePart.types';
 import { useStrings } from "../../store/hooks";
 import GroupOwnershipSchema from '../../models/schemas/GroupOwnershipSchema.json';
+import PlaceMembershipSchema from '../../models/schemas/PlaceMembershipSchema.json';
 import { AppDispatch } from '../../store';
 import {
   setIsAdvancedQueryValid,
   updateSourcePart,
 } from '../../store/manageMembership.slice';
 import { ISourcePart } from '../../models/ISourcePart';
 import { GroupOwnershipSourcePart } from '../../models/GroupOwnershipSourcePart';
+import { PlaceMembershipSourcePart } from '../../models/PlaceMembershipSourcePart';
 
 const getClassNames = classNamesFunction<
   IAdvancedViewSourcePartStyleProps,
@@ -48,7 +50,7 @@ export const AdvancedViewSourcePartBase: React.FunctionComponent<IAdvancedViewSo
   const dispatch = useDispatch<AppDispatch>();
   const [validationMessage, setValidationMessage] = useState<React.ReactNode | null>(null);
   const [localQuery, setLocalQuery] = useState<string | undefined>(JSON.stringify(part.query));
-  const schema = GroupOwnershipSchema;
+  const schema = part.query.type === 'GroupOwnership' ? GroupOwnershipSchema : PlaceMembershipSchema;
   const ajv = new Ajv();
 
   useEffect(() => {
@@ -88,7 +90,7 @@ export const AdvancedViewSourcePartBase: React.FunctionComponent<IAdvancedViewSo
       if(isValid) {
         const updatedSourcePart: ISourcePart = {
           id: part.id,
-          query: JSON.parse(localQuery?? '{}') as GroupOwnershipSourcePart
+          query: JSON.parse(localQuery ?? '{}') as GroupOwnershipSourcePart | PlaceMembershipSourcePart
         };
         dispatch(updateSourcePart(updatedSourcePart));
         setValidationMessage(strings.ManageMembership.labels.validQuery);

UI/web-app/src/components/SourcePart/SourcePart.base.tsx

@@ -115,6 +115,7 @@ export const SourcePartBase: React.FunctionComponent<SourcePartProps> = (props:
     }
     sourceTypeOptions.push( { key: SourcePartType.GroupMembership, text: strings.ManageMembership.labels.groupMembership });
     sourceTypeOptions.push( { key: SourcePartType.GroupOwnership, text: strings.ManageMembership.labels.groupOwnership });
+    sourceTypeOptions.push( { key: SourcePartType.PlaceMembership, text: strings.ManageMembership.labels.placeMembership });
     return sourceTypeOptions;
   };
 
@@ -214,6 +215,9 @@ export const SourcePartBase: React.FunctionComponent<SourcePartProps> = (props:
           {part.query.type === SourcePartType.GroupOwnership && (
             <AdvancedViewSourcePart key={SourcePartType.GroupOwnership} part={part} />
           )}
+          {part.query.type === SourcePartType.PlaceMembership && (
+            <AdvancedViewSourcePart key={SourcePartType.PlaceMembership} part={part} />
+          )}
           <div className={classNames.error}>
             {errorMessage}
           </div>

UI/web-app/src/models/PlaceMembershipSourcePart.ts

@@ -0,0 +1,15 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+import { SourcePartQuery } from "./SourcePartQuery";
+import { SourcePartType } from "./SourcePartType";
+
+export type PlaceMembershipSourcePart = {
+    type: SourcePartType.PlaceMembership;
+    source: string;
+    exclusionary?: boolean;
+};
+
+export const IsPlaceMembershipSourcePartQuery = (query: SourcePartQuery): query is PlaceMembershipSourcePart => {
+    return query.type === SourcePartType.PlaceMembership;
+}

UI/web-app/src/models/SourcePartQuery.ts

@@ -4,5 +4,6 @@
 import { HRSourcePart } from "./HRSourcePart";
 import { GroupOwnershipSourcePart } from "./GroupOwnershipSourcePart";
 import { GroupMembershipSourcePart } from "./GroupMembershipSourcePart";
+import { PlaceMembershipSourcePart } from "./PlaceMembershipSourcePart";
 
-export type SourcePartQuery = HRSourcePart | GroupMembershipSourcePart | GroupOwnershipSourcePart;
+export type SourcePartQuery = HRSourcePart | GroupMembershipSourcePart | GroupOwnershipSourcePart | PlaceMembershipSourcePart;

UI/web-app/src/models/SourcePartType.ts

@@ -4,5 +4,6 @@
 export enum SourcePartType {
     HR = "SqlMembership",
     GroupMembership = "GroupMembership",
-    GroupOwnership = "GroupOwnership"
+    GroupOwnership = "GroupOwnership",
+    PlaceMembership = "PlaceMembership",
 }

UI/web-app/src/models/index.ts

@@ -25,4 +25,5 @@ export * from './DestinationPickerPersona';
 export * from './ISourcePart';
 export * from './HRSourcePart';
 export * from './GroupMembershipSourcePart';
-export * from './GroupOwnershipSourcePart';
+export * from './GroupOwnershipSourcePart';
+export * from './PlaceMembershipSourcePart';

UI/web-app/src/models/schemas/PlaceMembershipSchema.json

@@ -0,0 +1,19 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "type": "object",
+    "properties": {
+      "type": {
+        "type": "string",
+        "enum": ["PlaceMembership"]
+      },
+      "source": {
+        "type": "string",
+        "minLength": 1
+      },
+      "exclusionary": {
+        "type": "boolean"
+      }
+    },
+    "required": ["type", "source"],
+    "additionalProperties": false
+}

UI/web-app/src/models/schemas/Query.json

@@ -103,6 +103,24 @@
           },
           "required": ["type", "source"],
           "additionalProperties": false
+        },
+        {
+          "type": "object",
+          "properties": {
+            "type": {
+              "type": "string",
+              "enum": ["PlaceMembership"]
+            },
+            "source": {
+              "type": "string",
+              "minLength": 1
+            },
+            "exclusionary": {
+              "type": "boolean"
+            }
+          },
+          "required": ["type", "source"],
+          "additionalProperties": false
         }
       ]
     }

UI/web-app/src/services/localization/IStrings.ts

@@ -321,6 +321,7 @@ export type IStrings = {
       HR: string;
       groupMembership: string;
       groupOwnership: string;
+      placeMembership: string;
       clickHere: string;
       requestor: string;
     }

UI/web-app/src/services/localization/i18n/locales/en/translations.ts

@@ -326,6 +326,7 @@ export const strings: IStrings = {
       HR: 'HR',
       groupMembership: 'Group Membership',
       groupOwnership: 'Group Ownership',
+      placeMembership: 'Place Membership',
       clickHere: 'Click here',
       requestor: 'Requestor',
     }