feat(hub-common): add layout field for list and map views to event ga…

…llery card schema and uiSchema affects: @esri/hub-common ISSUES CLOSED: 11024
Esri · Sep 24, 2024 · bdc45b0 · bdc45b0
1 parent 78c4669
commit bdc45b0
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/common/src/core/schemas/internal/events/EventGalleryCardSchema.ts b/packages/common/src/core/schemas/internal/events/EventGalleryCardSchema.ts
@@ -60,5 +60,10 @@ export const EventGalleryCardSchema: IConfigurationSchema = {
       enum: ["same", "new"],
       default: "same",
     },
+    layout: {
+      type: "string",
+      enum: ["list", "map"],
+      default: "list",
+    },
   },
 };
diff --git a/packages/common/src/core/schemas/internal/events/EventGalleryCardUiSchema.ts b/packages/common/src/core/schemas/internal/events/EventGalleryCardUiSchema.ts
@@ -380,6 +380,15 @@ export async function buildUiSchema(
               //     layout: "inline-space-between",
               //   },
               // },
+              {
+                label: `{{${i18nScope}.appearance.layout.label:translate}}`,
+                options: {
+                  control: "hub-field-input-select",
+                  enum: { i18nScope: `${i18nScope}.appearance.layout` },
+                },
+                scope: "/properties/layout",
+                type: "Control",
+              },
             ],
           },
           {

diff --git a/packages/common/test/core/schemas/internal/events/EventGalleryCardUiSchema.test.ts b/packages/common/test/core/schemas/internal/events/EventGalleryCardUiSchema.test.ts
@@ -390,6 +390,15 @@ describe("EventGalleryCardUiSchema", () => {
                   //     layout: "inline-space-between",
                   //   },
                   // },
+                  {
+                    label: `{{some.scope.appearance.layout.label:translate}}`,
+                    options: {
+                      control: "hub-field-input-select",
+                      enum: { i18nScope: `some.scope.appearance.layout` },
+                    },
+                    scope: "/properties/layout",
+                    type: "Control",
+                  },
                 ],
               },
               {