@esri/solutions-components 0.8.2 → 0.8.3

package/dist/cjs/zh-tw-42d975f0.js

@@ -0,0 +1,93 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-9e93f694.js');
+require('./index-b53bfd7c.js');
+require('./form-da52e819.js');
+require('./dom-cf1e2e9f.js');
+require('./guid-ae73cd27.js');
+require('./resources-a2b1b149.js');
+require('./interactive-08e5bc95.js');
+require('./browser-fe25aefa.js');
+require('./key-86f4a0b0.js');
+require('./label-24b05042.js');
+require('./component-ac7c3bd8.js');
+require('./loadable-41446b78.js');
+require('./locale-a615b02f.js');
+require('./observers-5923a7cc.js');
+require('./focusTrapComponent-946b0666.js');
+require('./time-4a9bf7e2.js');
+require('./math-318a1646.js');
+require('./t9n-463dcbff.js');
+require('./openCloseComponent-8d9cb545.js');
+require('./Validation-20182093.js');
+
+// Chinese (Taiwan) [zh-tw]
+var locale = {
+  name: 'zh-tw',
+  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
+  weekdaysShort: '週日_週一_週二_週三_週四_週五_週六'.split('_'),
+  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),
+  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
+  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
+  ordinal: function ordinal(number, period) {
+    switch (period) {
+      case 'W':
+        return number + "\u9031";
+
+      default:
+        return number + "\u65E5";
+    }
+  },
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'YYYY/MM/DD',
+    LL: 'YYYY年M月D日',
+    LLL: 'YYYY年M月D日 HH:mm',
+    LLLL: 'YYYY年M月D日dddd HH:mm',
+    l: 'YYYY/M/D',
+    ll: 'YYYY年M月D日',
+    lll: 'YYYY年M月D日 HH:mm',
+    llll: 'YYYY年M月D日dddd HH:mm'
+  },
+  relativeTime: {
+    future: '%s內',
+    past: '%s前',
+    s: '幾秒',
+    m: '1 分鐘',
+    mm: '%d 分鐘',
+    h: '1 小時',
+    hh: '%d 小時',
+    d: '1 天',
+    dd: '%d 天',
+    M: '1 個月',
+    MM: '%d 個月',
+    y: '1 年',
+    yy: '%d 年'
+  },
+  meridiem: function meridiem(hour, minute) {
+    var hm = hour * 100 + minute;
+
+    if (hm < 600) {
+      return '凌晨';
+    } else if (hm < 900) {
+      return '早上';
+    } else if (hm < 1100) {
+      return '上午';
+    } else if (hm < 1300) {
+      return '中午';
+    } else if (hm < 1800) {
+      return '下午';
+    }
+
+    return '晚上';
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;

package/dist/collection/utils/downloadUtils.js

@@ -37,7 +37,11 @@ import { queryRelated } from "@esri/arcgis-rest-feature-layer";
  * @param exportInfos Key details about what to export (ids, layer, and selectionSetNames)
  * @param formatUsingLayerPopup When true, the layer's popup is used to choose attributes for each column; when false,
  * all attributes are exported
- * @param includeHeaderNames Add the label format at the front of the list of generated labels
+ * @param includeHeaderNames Add a heading entries at the beginning of the list of generated labels
+ * @param isCSVExport Indicates if the export is for a CSV file
+ * @param fields Fields to include in the export
+ * @param useFieldAliasNames Indicates if field alias names should be used in the export
+ * @param filterFields Indicates if fields should be filtered
  * @returns selectionSetNames that will be used for export filenames
  */
 export async function consolidateLabels(webmap, exportInfos, formatUsingLayerPopup = true, includeHeaderNames = false, isCSVExport = false, fields = undefined, useFieldAliasNames = false, filterFields = false) {
@@ -63,6 +67,9 @@ export async function consolidateLabels(webmap, exportInfos, formatUsingLayerPop
  * all attributes are exported
  * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
  * @param addColumnTitle Indicates if column headings should be included in output
+ * @param fields Fields to include in the export
+ * @param useFieldAliasNames Indicates if field alias names should be used in the export
+ * @param filterFields Indicates if fields should be filtered
  * @returns Promise resolving when function is done
  */
 export async function downloadCSV(webmap, exportInfos, formatUsingLayerPopup, removeDuplicates = false, addColumnTitle = false, fields = undefined, useFieldAliasNames = false, filterFields = false) {
@@ -304,6 +311,30 @@ export function _createFilename(selectionSetNames) {
     const title = selectionSetNames.length > 0 ? selectionSetNames.join(", ") : "download";
     return title;
 }
+/**
+ * Creates headings from a label format.
+ *
+ * @param labelFormat Format for label
+ * @returns A list of headings, with one heading for each line in the label format
+ */
+export function _extractHeaderNames(labelFormat) {
+    // Split the format into lines
+    const lines = labelFormat.split(lineSeparatorChar);
+    // Generate a header for each line
+    const headerNames = lines.map((line, i) => {
+        // Find the field names in the line
+        const fieldNameSyms = line.match(/\{[^\}]*\}/g);
+        // Extract the field names from the symbols; if there are no symbols, use a default name; if a field name
+        // is an Arcade expression, extract the expression name
+        return fieldNameSyms
+            ? fieldNameSyms
+                .map(fieldName => fieldName.substring(1, fieldName.length - 1))
+                .map(fieldName => fieldName.startsWith("expression/") ? fieldName.substring(fieldName.indexOf("/") + 1) : fieldName)
+                .join("__")
+            : `column_${i + 1}`;
+    });
+    return headerNames;
+}
 /**
  * Extracts Arcade expression references from the lines of a label format.
  *
@@ -602,7 +633,7 @@ export function _prepareAttributeValue(attributeValue, attributeType, attributeD
  * @param ids List of ids to download
  * @param formatUsingLayerPopup When true, the layer's popup is used to choose attributes for each column; when false,
  * all attributes are exported
- * @param includeHeaderNames Add the label format at the front of the list of generated labels
+ * @param includeHeaderNames Add a heading entries at the beginning of the list of generated labels
  * @returns Promise resolving when function is done
  */
 export async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup = true, includeHeaderNames = false, fields = undefined, useFieldAliasNames = false, filterFields = false) {
@@ -707,7 +738,7 @@ export async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup =
  * @param featureSet Features to convert to labels
  * @param attributeTypes Type for each attribute in a feature
  * @param attributeDomains Domains for each attribute in a feature
- * @param includeHeaderNames Add the label format at the front of the list of generated labels
+ * @param includeHeaderNames Add a heading entries at the beginning of the list of generated labels
  * @returns Promise resolving with list of labels, each of which is a list of label lines
  */
 export async function _prepareLabelsFromAll(featureSet, attributeTypes, attributeDomains, includeHeaderNames = false, useFieldAliasNames = false) {
@@ -744,7 +775,7 @@ export async function _prepareLabelsFromAll(featureSet, attributeTypes, attribut
  * @param attributeDomains Domains for each attribute in a feature
  * @param attributeFormats Formats for each attribute in a feature
  * @param labelFormat Format for label
- * @param includeHeaderNames Add the label format at the front of the list of generated labels
+ * @param includeHeaderNames Add a heading entries at the beginning of the list of generated labels
  * @returns Promise resolving with list of labels, each of which is a list of label lines
  */
 export async function _prepareLabelsFromPattern(layer, featureSet, attributeOrigNames, attributeTypes, attributeDomains, attributeFormats, labelFormat, includeHeaderNames = false) {
@@ -784,7 +815,7 @@ export async function _prepareLabelsFromPattern(layer, featureSet, attributeOrig
     }));
     // Add header names
     if (includeHeaderNames) {
-        labels.unshift(attributeNames);
+        labels.unshift(_extractHeaderNames(labelFormat));
     }
     return Promise.resolve(labels);
 }

package/dist/collection/utils/downloadUtils.ts

@@ -117,7 +117,11 @@ import {
  * @param exportInfos Key details about what to export (ids, layer, and selectionSetNames)
  * @param formatUsingLayerPopup When true, the layer's popup is used to choose attributes for each column; when false,
  * all attributes are exported
- * @param includeHeaderNames Add the label format at the front of the list of generated labels
+ * @param includeHeaderNames Add a heading entries at the beginning of the list of generated labels
+ * @param isCSVExport Indicates if the export is for a CSV file
+ * @param fields Fields to include in the export
+ * @param useFieldAliasNames Indicates if field alias names should be used in the export
+ * @param filterFields Indicates if fields should be filtered
  * @returns selectionSetNames that will be used for export filenames
  */
 export async function consolidateLabels(
@@ -156,6 +160,9 @@ export async function consolidateLabels(
  * all attributes are exported
  * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
  * @param addColumnTitle Indicates if column headings should be included in output
+ * @param fields Fields to include in the export
+ * @param useFieldAliasNames Indicates if field alias names should be used in the export
+ * @param filterFields Indicates if fields should be filtered
  * @returns Promise resolving when function is done
  */
 export async function downloadCSV(
@@ -472,6 +479,38 @@ export function _createFilename(
   return title;
 }
 
+/**
+ * Creates headings from a label format.
+ *
+ * @param labelFormat Format for label
+ * @returns A list of headings, with one heading for each line in the label format
+ */
+export function _extractHeaderNames(
+  labelFormat: string
+): string[] {
+  // Split the format into lines
+  const lines = labelFormat.split(lineSeparatorChar);
+
+  // Generate a header for each line
+  const headerNames = lines.map(
+    (line, i) => {
+      // Find the field names in the line
+      const fieldNameSyms = line.match(/\{[^\}]*\}/g);
+
+      // Extract the field names from the symbols; if there are no symbols, use a default name; if a field name
+      // is an Arcade expression, extract the expression name
+      return fieldNameSyms
+        ? fieldNameSyms
+          .map(fieldName => fieldName.substring(1, fieldName.length - 1))
+          .map(fieldName => fieldName.startsWith("expression/") ? fieldName.substring(fieldName.indexOf("/") + 1) : fieldName)
+          .join("__")
+        : `column_${i + 1}`;
+    }
+  );
+
+  return headerNames;
+}
+
 /**
  * Extracts Arcade expression references from the lines of a label format.
  *
@@ -836,7 +875,7 @@ export function _prepareAttributeValue(
  * @param ids List of ids to download
  * @param formatUsingLayerPopup When true, the layer's popup is used to choose attributes for each column; when false,
  * all attributes are exported
- * @param includeHeaderNames Add the label format at the front of the list of generated labels
+ * @param includeHeaderNames Add a heading entries at the beginning of the list of generated labels
  * @returns Promise resolving when function is done
  */
 export async function _prepareLabels(
@@ -973,7 +1012,7 @@ export async function _prepareLabels(
  * @param featureSet Features to convert to labels
  * @param attributeTypes Type for each attribute in a feature
  * @param attributeDomains Domains for each attribute in a feature
- * @param includeHeaderNames Add the label format at the front of the list of generated labels
+ * @param includeHeaderNames Add a heading entries at the beginning of the list of generated labels
  * @returns Promise resolving with list of labels, each of which is a list of label lines
  */
 export async function _prepareLabelsFromAll(
@@ -1025,7 +1064,7 @@ export async function _prepareLabelsFromAll(
  * @param attributeDomains Domains for each attribute in a feature
  * @param attributeFormats Formats for each attribute in a feature
  * @param labelFormat Format for label
- * @param includeHeaderNames Add the label format at the front of the list of generated labels
+ * @param includeHeaderNames Add a heading entries at the beginning of the list of generated labels
  * @returns Promise resolving with list of labels, each of which is a list of label lines
  */
 export async function _prepareLabelsFromPattern(
@@ -1089,7 +1128,7 @@ export async function _prepareLabelsFromPattern(
 
   // Add header names
   if (includeHeaderNames) {
-    labels.unshift(attributeNames);
+    labels.unshift(_extractHeaderNames(labelFormat));
   }
 
   return Promise.resolve(labels);

package/dist/collection/utils/test/downloadUtils.spec.js

@@ -189,9 +189,41 @@ describe("downloadUtils", () => {
             expect(title).toEqual(expectedTitle);
         });
     });
+    describe("_extractHeaderNames", () => {
+        it("handles a single-line label", () => {
+            const labelSpec = "{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+            const headerNames = downloadUtils._extractHeaderNames(labelSpec);
+            const expectedHeaderNames = ["PSTLCITY__PSTLSTATE__PSTLZIP5"];
+            expect(headerNames).toEqual(expectedHeaderNames);
+        });
+        it("handles a multi-line label", () => {
+            const labelSpec = "{OWNERNM1}|{PSTLADDRESS}|{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+            const headerNames = downloadUtils._extractHeaderNames(labelSpec);
+            const expectedHeaderNames = ["OWNERNM1", "PSTLADDRESS", "PSTLCITY__PSTLSTATE__PSTLZIP5"];
+            expect(headerNames).toEqual(expectedHeaderNames);
+        });
+        it("handles a multi-line label with a line without attributes", () => {
+            const labelSpec = "{OWNERNM1}|Line without attributes|{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+            const headerNames = downloadUtils._extractHeaderNames(labelSpec);
+            const expectedHeaderNames = ["OWNERNM1", "column_2", "PSTLCITY__PSTLSTATE__PSTLZIP5"];
+            expect(headerNames).toEqual(expectedHeaderNames);
+        });
+        it("handles a label with an Arcade expression", () => {
+            const labelSpec = "{expression/expr0}|{OWNERNM1}|{PSTLADDRESS}|{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+            const headerNames = downloadUtils._extractHeaderNames(labelSpec);
+            const expectedHeaderNames = ["expr0", "OWNERNM1", "PSTLADDRESS", "PSTLCITY__PSTLSTATE__PSTLZIP5"];
+            expect(headerNames).toEqual(expectedHeaderNames);
+        });
+        it("handles a label with multiple Arcade expressions", () => {
+            const labelSpec = "{expression/expr3}: {expression/expr1}|{OWNERNM1}|{expression/expr0}|{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+            const headerNames = downloadUtils._extractHeaderNames(labelSpec);
+            const expectedHeaderNames = ["expr3__expr1", "OWNERNM1", "expr0", "PSTLCITY__PSTLSTATE__PSTLZIP5"];
+            expect(headerNames).toEqual(expectedHeaderNames);
+        });
+    });
     describe("_getExpressionsFromLabel", () => {
         it("handles a label with ASCII expression names", () => {
-            const labelSpec = "{expression/expr0}\n{OWNERNM1}\n{PSTLADDRESS}\n{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+            const labelSpec = "{expression/expr0}|{OWNERNM1}|{PSTLADDRESS}|{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
             const expectedExpressions = ["{expression/expr0}"];
             const expressions = downloadUtils._getExpressionsFromLabel(labelSpec);
             expect(expressions).toEqual(expectedExpressions);

package/dist/collection/utils/test/downloadUtils.spec.tsx

@@ -251,10 +251,49 @@ describe("downloadUtils", () => {
 
   });
 
+  describe("_extractHeaderNames", () => {
+
+    it("handles a single-line label", () => {
+      const labelSpec = "{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+      const headerNames = downloadUtils._extractHeaderNames(labelSpec);
+      const expectedHeaderNames = ["PSTLCITY__PSTLSTATE__PSTLZIP5"];
+      expect(headerNames).toEqual(expectedHeaderNames);
+    });
+
+    it("handles a multi-line label", () => {
+      const labelSpec = "{OWNERNM1}|{PSTLADDRESS}|{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+      const headerNames = downloadUtils._extractHeaderNames(labelSpec);
+      const expectedHeaderNames = ["OWNERNM1", "PSTLADDRESS", "PSTLCITY__PSTLSTATE__PSTLZIP5"];
+      expect(headerNames).toEqual(expectedHeaderNames);
+    });
+
+    it("handles a multi-line label with a line without attributes", () => {
+      const labelSpec = "{OWNERNM1}|Line without attributes|{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+      const headerNames = downloadUtils._extractHeaderNames(labelSpec);
+      const expectedHeaderNames = ["OWNERNM1", "column_2", "PSTLCITY__PSTLSTATE__PSTLZIP5"];
+      expect(headerNames).toEqual(expectedHeaderNames);
+    });
+
+    it("handles a label with an Arcade expression", () => {
+      const labelSpec = "{expression/expr0}|{OWNERNM1}|{PSTLADDRESS}|{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+      const headerNames = downloadUtils._extractHeaderNames(labelSpec);
+      const expectedHeaderNames = ["expr0", "OWNERNM1", "PSTLADDRESS", "PSTLCITY__PSTLSTATE__PSTLZIP5"];
+      expect(headerNames).toEqual(expectedHeaderNames);
+    });
+
+    it("handles a label with multiple Arcade expressions", () => {
+      const labelSpec = "{expression/expr3}: {expression/expr1}|{OWNERNM1}|{expression/expr0}|{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+      const headerNames = downloadUtils._extractHeaderNames(labelSpec);
+      const expectedHeaderNames = ["expr3__expr1", "OWNERNM1", "expr0", "PSTLCITY__PSTLSTATE__PSTLZIP5"];
+      expect(headerNames).toEqual(expectedHeaderNames);
+    });
+
+  });
+
   describe("_getExpressionsFromLabel", () => {
 
     it("handles a label with ASCII expression names", () => {
-      const labelSpec = "{expression/expr0}\n{OWNERNM1}\n{PSTLADDRESS}\n{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
+      const labelSpec = "{expression/expr0}|{OWNERNM1}|{PSTLADDRESS}|{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";
       const expectedExpressions = ["{expression/expr0}"];
       const expressions = downloadUtils._getExpressionsFromLabel(labelSpec);
       expect(expressions).toEqual(expectedExpressions);

package/dist/components/ExpandToggle.js

@@ -5,8 +5,8 @@
  */
 import { forceUpdate, h } from '@stencil/core/internal/client';
 import { g as getElementDir } from './dom.js';
-import { S as SLOTS$1 } from './action-group.js';
-import { S as SLOTS } from './action-menu.js';
+import { S as SLOTS } from './action-group.js';
+import { S as SLOTS$1 } from './action-menu.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -17,7 +17,7 @@ const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;
 const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
 const geActionDimensions = (actions) => {
-    const actionsNotSlotted = actions.filter((action) => action.slot !== SLOTS$1.menuActions);
+    const actionsNotSlotted = actions.filter((action) => action.slot !== SLOTS.menuActions);
     const actionLen = actionsNotSlotted?.length;
     return {
         actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
@@ -33,7 +33,7 @@ const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeigh
     return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
 };
 const queryActions = (el) => {
-    return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === SLOTS.trigger : true);
+    return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === SLOTS$1.trigger : true);
 };
 const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
     let needToSlotCount = overflowCount;
@@ -41,7 +41,7 @@ const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
         let slottedWithinGroupCount = 0;
         const groupActions = queryActions(group).reverse();
         groupActions.forEach((groupAction) => {
-            if (groupAction.slot === SLOTS$1.menuActions) {
+            if (groupAction.slot === SLOTS.menuActions) {
                 groupAction.removeAttribute("slot");
                 groupAction.textEnabled = expanded;
             }
@@ -51,7 +51,7 @@ const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
                 const unslottedActions = groupActions.filter((action) => !action.slot);
                 if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
                     groupAction.textEnabled = true;
-                    groupAction.setAttribute("slot", SLOTS$1.menuActions);
+                    groupAction.setAttribute("slot", SLOTS.menuActions);
                     slottedWithinGroupCount++;
                     if (slottedWithinGroupCount > 1) {
                         needToSlotCount--;
@@ -78,7 +78,7 @@ function getCalcitePosition(position, el) {
 }
 function toggleChildActionText({ el, expanded, }) {
     queryActions(el)
-        .filter((el) => el.slot !== SLOTS$1.menuActions)
+        .filter((el) => el.slot !== SLOTS.menuActions)
         .forEach((action) => (action.textEnabled = expanded));
     el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
 }
@@ -107,4 +107,4 @@ const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, position
     return actionNode;
 };
 
-export { ExpandToggle as E, overflowActions as a, getOverflowCount as b, geActionDimensions as g, overflowActionsDebounceInMs as o, queryActions as q, toggleChildActionText as t };
+export { ExpandToggle as E, getOverflowCount as a, overflowActionsDebounceInMs as b, geActionDimensions as g, overflowActions as o, queryActions as q, toggleChildActionText as t };

package/dist/components/InitiativeUiSchemaEdit.js

@@ -0,0 +1,26 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/**
+ * complete edit UI Schema for Hub Initiatives
+ */
+const uiSchema = {
+    type: "Layout",
+    elements: [
+        {
+            type: "Section",
+            labelKey: "{{i18nScope}}.sections.basicInfo.label",
+            elements: [
+                {
+                    labelKey: "{{i18nScope}}.fields.name.label",
+                    scope: "/properties/name",
+                    type: "Control",
+                },
+            ],
+        },
+    ],
+};
+
+export { uiSchema };

package/dist/components/ProjectUiSchemaCreate.js

@@ -0,0 +1,122 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { m as UiSchemaRuleEffects } from './index3.js';
+
+/**
+ * minimal create uiSchema for Hub Projects - this defines
+ * how the schema properties should be rendered in the
+ * project creation experience
+ */
+const uiSchema = {
+    type: "Layout",
+    elements: [
+        {
+            type: "Section",
+            options: { section: "stepper", scale: "l" },
+            elements: [
+                {
+                    type: "Step",
+                    labelKey: "{{i18nScope}}.sections.details.label",
+                    elements: [
+                        {
+                            type: "Section",
+                            labelKey: "{{i18nScope}}.sections.basicInfo.label",
+                            elements: [
+                                {
+                                    labelKey: "{{i18nScope}}.fields.name.label",
+                                    scope: "/properties/name",
+                                    type: "Control",
+                                },
+                                {
+                                    labelKey: "{{i18nScope}}.fields.summary.label",
+                                    scope: "/properties/summary",
+                                    type: "Control",
+                                    options: {
+                                        control: "hub-field-input-input",
+                                        type: "textarea",
+                                        helperText: {
+                                            labelKey: "{{i18nScope}}.fields.summary.helperText",
+                                        },
+                                    },
+                                },
+                                {
+                                    labelKey: "{{i18nScope}}.fields.status.label",
+                                    scope: "/properties/status",
+                                    type: "Control",
+                                    options: {
+                                        control: "hub-field-input-select",
+                                        enum: {
+                                            i18nScope: "{{i18nScope}}.fields.status.enum",
+                                        },
+                                    },
+                                },
+                            ],
+                        },
+                    ],
+                },
+                {
+                    type: "Step",
+                    labelKey: "{{i18nScope}}.sections.location.label",
+                    rule: {
+                        effect: UiSchemaRuleEffects.DISABLE,
+                        condition: {
+                            scope: "/properties/name",
+                            schema: { const: "" },
+                        },
+                    },
+                    elements: [
+                        {
+                            type: "Section",
+                            labelKey: "{{i18nScope}}.sections.location.label",
+                            elements: [
+                                {
+                                    scope: "/properties/location",
+                                    type: "Control",
+                                    options: {
+                                        control: "hub-field-input-location-picker",
+                                    },
+                                },
+                            ],
+                        },
+                    ],
+                },
+                {
+                    type: "Step",
+                    labelKey: "{{i18nScope}}.sections.sharing.label",
+                    rule: {
+                        effect: UiSchemaRuleEffects.DISABLE,
+                        condition: {
+                            scope: "/properties/name",
+                            schema: { const: "" },
+                        },
+                    },
+                    elements: [
+                        {
+                            scope: "/properties/access",
+                            type: "Control",
+                            options: {
+                                control: "arcgis-hub-access-level-controls",
+                                itemType: "{{{{i18nScope}}.fields.access.itemType:translate}}",
+                            },
+                        },
+                        {
+                            labelKey: "{{i18nScope}}.fields.groups.label",
+                            scope: "/properties/groups",
+                            type: "Control",
+                            options: {
+                                control: "hub-field-input-combobox",
+                                allowCustomValues: false,
+                                selectionMode: "multiple",
+                            },
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};
+
+export { uiSchema };