@arcgis/map-components 5.1.0-next.9 → 5.1.0-next.90

package/dist/components/arcgis-feature-relationship/customElement.js

@@ -1,36 +1,37 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as T } from "../../chunks/runtime.js";
-import { css as k, html as o } from "lit";
+import { c as k } from "../../chunks/runtime.js";
+import { css as H, html as o } from "lit";
 import { keyed as P } from "lit/directives/keyed.js";
 import { debounce as $ } from "@arcgis/toolkit/function";
-import { LitElement as H, renderElement as D, safeClassMap as x } from "@arcgis/lumina";
+import { LitElement as K, renderElement as D, safeClassMap as x } from "@arcgis/lumina";
 import { templateHasKey as E, stripHTML as N } from "@arcgis/core/applications/Components/stringUtils.js";
-import { isRelatableFeatureSupportedLayer as K, findRelatedLayer as W } from "@arcgis/core/applications/Components/featureUtils.js";
-import { substitute as Z, formatNumber as O } from "@arcgis/core/intl.js";
-import { watch as f, on as z } from "@arcgis/core/core/reactiveUtils.js";
-import { p as G } from "../../chunks/feature-utils.js";
-import V from "@arcgis/core/core/Collection.js";
-import M from "@arcgis/core/rest/support/RelationshipQuery.js";
+import { renderingSanitizer as O } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+import { isRelatableFeatureSupportedLayer as W, findRelatedLayer as z } from "@arcgis/core/applications/Components/featureUtils.js";
+import { substitute as Z, formatNumber as M } from "@arcgis/core/intl.js";
+import { watch as f, on as G } from "@arcgis/core/core/reactiveUtils.js";
+import { o as J } from "../../chunks/feature-utils.js";
+import S from "@arcgis/core/core/Collection.js";
+import V from "@arcgis/core/rest/support/RelationshipQuery.js";
 import { ignoreAbortErrors as q } from "@arcgis/core/core/promiseUtils.js";
-import J from "@arcgis/core/widgets/Feature/FeatureViewModel.js";
-import { classes as S } from "@arcgis/toolkit/dom";
+import { classes as Q } from "@arcgis/toolkit/dom";
 import { createRef as U, ref as X } from "lit/directives/ref.js";
-const Y = k`:host{position:relative;flex:1 1 auto}.list{min-height:var(--calcite-spacing-xxxl)}.list-item-hidden{display:none}.feature-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.sticky-loading-container{display:flex;position:sticky;bottom:var(--calcite-spacing-sm);align-items:center;justify-content:center;z-index:2;margin:0;padding:0;height:var(--calcite-spacing-xxxl);pointer-events:none}`, ee = (g) => {
+import Y from "@arcgis/core/popup/Feature.js";
+const ee = H`:host{position:relative;flex:1 1 auto}.list{min-height:var(--calcite-spacing-xxxl)}.list-item-hidden{display:none}.feature-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.sticky-loading-container{display:flex;position:sticky;bottom:var(--calcite-spacing-sm);align-items:center;justify-content:center;z-index:2;margin:0;padding:0;height:var(--calcite-spacing-xxxl);pointer-events:none}`, te = (g) => {
   const e = [];
   if (g.formTemplate) {
     const { description: t, title: r } = g.formTemplate;
-    g.fields?.forEach((s) => {
-      const i = r && E(r, s.name), a = t && E(t, s.name);
-      (i || a) && e.push(s.name);
+    g.fields?.forEach((i) => {
+      const s = r && E(r, i.name), a = t && E(t, i.name);
+      (s || a) && e.push(i.name);
     });
   }
   return e;
 }, L = 100;
-class te extends H {
+class re extends K {
   constructor() {
     super(...arguments), this._increaseFeaturePage = () => {
-      const { state: e, showAllEnabled: t, relatedFeatures: r, featuresPerPage: s, featurePage: i } = this;
-      e === "ready" && t && r.length >= s * i && this.featurePage++;
+      const { state: e, showAllEnabled: t, relatedFeatures: r, featuresPerPage: i, featurePage: s } = this;
+      e === "ready" && t && r.length >= i * s && this.featurePage++;
     }, this._relatedFeatureIntersectionObserver = new IntersectionObserver(([e]) => {
       e?.isIntersecting && this._increaseFeaturePage();
     }, {
@@ -60,19 +61,19 @@ class te extends H {
       !this.featureCount || this.relatedLayer?.type === "subtype-group" && !this.activeCategory || (this.relatedFeatureViewModels.destroyAll(), this.featurePage = 1, t.destroyAll(), t.addMany(this._sliceFeatures(await this._queryRelatedFeatures({ signal: e?.signal }))));
     }, this._addFlowItem = (e) => {
       e && this.flowItems?.push(e);
-    }, this._relatedFeatureIntersectionObserverNode = U(), this.relatedFeatures = new V(), this._queryAbortController = null, this._queryPageAbortController = null, this._queryFeatureCountAbortController = null, this.featureCount = 0, this._loaded = !1, this.relatedFeatureViewModels = new V(), this.autoDestroyDisabled = !1, this.featuresPerPage = 10, this.flowType = "feature-relationship", this.headingLevel = 2, this.hideHeading = !1, this.hideDescription = !1, this.showAllEnabled = !1;
+    }, this._relatedFeatureIntersectionObserverNode = U(), this.relatedFeatures = new S(), this._queryAbortController = null, this._queryPageAbortController = null, this._queryFeatureCountAbortController = null, this.featureCount = 0, this._loaded = !1, this.relatedFeatureViewModels = new S(), this.autoDestroyDisabled = !1, this.featuresPerPage = 10, this.flowType = "feature-relationship", this.headingLevel = 2, this.hideHeading = !1, this.hideDescription = !1, this.showAllEnabled = !1;
   }
   static {
     this.properties = { allCategories: 16, _queryAbortController: 16, _queryPageAbortController: 16, _queryFeatureCountAbortController: 16, featureCount: 16, _loaded: 16, canLoad: 16, canQuery: 16, displayShowAllButton: 16, displayListItems: 16, categories: 16, itemDescriptionFieldName: 16, relatedFeatureViewModels: 16, state: 16, autoDestroyDisabled: 5, allItemsDescription: 32, featurePage: 9, featuresPerPage: 9, flowItems: 0, flowType: 1, headingLevel: 9, messages: 0, heading: 1, description: 1, values: 0, activeCategory: 0, hideHeading: 5, hideDescription: 5, displayCount: 9, graphic: 0, layer: 0, map: 0, view: 0, spatialReference: 0, timeZone: 1, orderByFields: 0, relationshipId: 9, showAllEnabled: 5, label: 3 };
   }
   static {
-    this.styles = Y;
+    this.styles = ee;
   }
   get orderByFieldsFixedCasing() {
     const { orderByFields: e, relatedLayer: t } = this;
     return e && t?.loaded ? e.map((r) => {
-      const s = r.clone();
-      return s.field = G(r.field, t), s;
+      const i = r.clone();
+      return i.field = J(r.field, t), i;
     }) : e ?? [];
   }
   get supportsCacheHint() {
@@ -91,8 +92,8 @@ class te extends H {
     const { layer: e, map: t, relationship: r } = this;
     if (!e?.loaded || !t || !r)
       return null;
-    const s = e.type === "subtype-sublayer" && e.parent && K(e.parent) ? e.parent : e;
-    return W(t, s, r) ?? null;
+    const i = e.type === "subtype-sublayer" && e.parent && W(e.parent) ? e.parent : e;
+    return z(t, i, r) ?? null;
   }
   get relatedLayerKeyField() {
     const { relatedLayer: e, relationshipId: t } = this;
@@ -121,8 +122,8 @@ class te extends H {
     return !!this.relatedLayer && !!this.relationship && this.relationshipId != null && this.objectId != null && !!e?.supportsCount && e?.supportsPagination;
   }
   get displayShowAllButton() {
-    const { showAllEnabled: e, featureCount: t, displayCount: r, state: s, allCategoriesCount: i } = this, a = !!i && (i > r || r === 0), n = !!t && (t > r || r === 0);
-    return !e && s === "ready" && (a || n);
+    const { showAllEnabled: e, featureCount: t, displayCount: r, state: i, allCategoriesCount: s } = this, a = !!s && (s > r || r === 0), n = !!t && (t > r || r === 0);
+    return !e && i === "ready" && (a || n);
   }
   get displayListItems() {
     const { relatedFeatures: e, allCategoriesCount: t } = this;
@@ -136,21 +137,21 @@ class te extends H {
     return this.orderByFieldsFixedCasing[0]?.field || null;
   }
   get state() {
-    const { _queryAbortController: e, _queryFeatureCountAbortController: t, _queryPageAbortController: r, canQuery: s, _loaded: i, canLoad: a } = this;
-    return t || a && !i ? "loading" : e || r ? "querying" : s ? "ready" : "disabled";
+    const { _queryAbortController: e, _queryFeatureCountAbortController: t, _queryPageAbortController: r, canQuery: i, _loaded: s, canLoad: a } = this;
+    return t || a && !s ? "loading" : e || r ? "querying" : i ? "ready" : "disabled";
   }
   get allItemsDescription() {
-    const { messages: e, featureCount: t, allCategories: r, allCategoriesCount: s } = this;
+    const { messages: e, featureCount: t, allCategories: r, allCategoriesCount: i } = this;
     return Z(e?.numberRecords ?? "", {
-      number: O(r ? s : t)
+      number: M(r ? i : t)
     });
   }
   get featurePage() {
     return this._featurePage;
   }
   set featurePage(e) {
-    const { featuresPerPage: t, featureCount: r } = this, s = 1, i = Math.ceil(r / t) || 1;
-    this._featurePage = Math.min(Math.max(e, s), i);
+    const { featuresPerPage: t, featureCount: r } = this, i = 1, s = Math.ceil(r / t) || 1;
+    this._featurePage = Math.min(Math.max(e, i), s);
   }
   get heading() {
     const { activeCategory: e } = this;
@@ -187,7 +188,7 @@ class te extends H {
       f(() => [this.featurePage, this.showAllEnabled], () => this._queryPageDebounced()),
       f(() => [this.layer, this.relationshipId, this.objectId, this.canQuery, this.activeCategory], () => this._queryFeatureCountDebounced(), { initial: !0 }),
       f(() => [this.state, this.showAllEnabled, this._relatedFeatureIntersectionObserverNode], () => this._handleRelatedFeatureObserverChange()),
-      z(() => this.relatedFeatures, "change", () => this._setRelatedFeaturesViewModels())
+      G(() => this.relatedFeatures, "change", () => this._setRelatedFeaturesViewModels())
     ]), this.manager.onDestroy(() => {
       this.relatedFeatureViewModels.destroyAll(), this.relatedFeatures.destroyAll(), this._cancelQuery(), this._cancelQueryFeatureCount(), this._cancelQueryPage(), this._unobserveRelatedFeatureObserver();
     });
@@ -195,19 +196,19 @@ class te extends H {
   async _queryFeatureCount() {
     const { layer: e, relatedLayer: t } = this;
     await e?.load(), await t?.load();
-    const { _queryFeatureCountAbortController: r, activeCategory: s, canQuery: i, objectId: a, relatedLayerKeyField: n, relationshipId: l, relationshipKey: d, supportsCacheHint: b } = this;
-    if (!i || !e || !t || a == null) {
+    const { _queryFeatureCountAbortController: r, activeCategory: i, canQuery: s, objectId: a, relatedLayerKeyField: n, relationshipId: l, relationshipKey: d, supportsCacheHint: b } = this;
+    if (!s || !e || !t || a == null) {
       this.featureCount = 0, this.allCategories = void 0;
       return;
     }
-    if (t?.type === "subtype-group" && !s) {
+    if (t?.type === "subtype-group" && !i) {
       if (this.featureCount = 0, this.relatedFeatureViewModels.destroyAll(), this.featurePage = 1, this.relatedFeatures.destroyAll(), n && d != null) {
-        const { default: F } = await import("@arcgis/core/smartMapping/statistics/uniqueValues.js"), { uniqueValueInfos: w } = await F({
+        const { default: F } = await import("@arcgis/core/smartMapping/statistics/uniqueValues.js"), { uniqueValueInfos: v } = await F({
           layer: t,
           sqlWhere: `${n} = '${d}'`,
           field: t.subtypeField ?? void 0,
           signal: r?.signal
-        }), v = w.map(({ count: h, value: y }) => {
+        }), w = v.map(({ count: h, value: y }) => {
           const m = t.subtypes?.find((I) => I.code === y)?.name;
           return y != null && m ? {
             count: h,
@@ -215,11 +216,11 @@ class te extends H {
             name: m
           } : void 0;
         }).filter((h) => h != null);
-        this.allCategories = v;
+        this.allCategories = w;
       }
       return;
     }
-    const { historicMoment: p, gdbVersion: _ } = e, C = new M({
+    const { historicMoment: p, gdbVersion: _ } = e, C = new V({
       cacheHint: b,
       gdbVersion: _,
       historicMoment: p,
@@ -233,40 +234,40 @@ class te extends H {
     this.allCategories = void 0, this.featureCount = c[a] || 0;
   }
   _getRelationshipWhereClause(e) {
-    const { activeCategory: t } = this, r = e.createQuery(), s = "subtypeField" in e ? e.subtypeField : void 0, i = t && s ? `${s} = ${t.value}` : void 0, a = r.where;
-    return a && i ? `(${a}) AND (${i})` : a ?? i;
+    const { activeCategory: t } = this, r = e.createQuery(), i = "subtypeField" in e ? e.subtypeField : void 0, s = t && i ? `${i} = ${t.value}` : void 0, a = r.where;
+    return a && s ? `(${a}) AND (${s})` : a ?? s;
   }
   _sliceFeatures(e) {
     const { showAllEnabled: t, displayCount: r } = this;
     return t ? e : r ? e.slice(0, r) : [];
   }
   async _queryPage() {
-    const { relatedFeatures: e, featurePage: t, showAllEnabled: r, _queryPageAbortController: s, featureCount: i } = this;
-    !r || t < 2 || !i || this.relatedLayer?.type === "subtype-group" && !this.activeCategory || e.addMany(await this._queryRelatedFeatures({ signal: s?.signal }));
+    const { relatedFeatures: e, featurePage: t, showAllEnabled: r, _queryPageAbortController: i, featureCount: s } = this;
+    !r || t < 2 || !s || this.relatedLayer?.type === "subtype-group" && !this.activeCategory || e.addMany(await this._queryRelatedFeatures({ signal: i?.signal }));
   }
   async _queryRelatedFeatures(e) {
-    const { displayCount: t, featureCount: r, featurePage: s, featuresPerPage: i, layer: a, orderByFieldsFixedCasing: n, relatedLayer: l, relatedLayerKeyFields: d, relationshipId: b, showAllEnabled: p, supportsCacheHint: _ } = this, { canQuery: C, objectId: c } = this;
+    const { displayCount: t, featureCount: r, featurePage: i, featuresPerPage: s, layer: a, orderByFieldsFixedCasing: n, relatedLayer: l, relatedLayerKeyFields: d, relationshipId: b, showAllEnabled: p, supportsCacheHint: _ } = this, { canQuery: C, objectId: c } = this;
     if (!C || !a || !l || c == null)
       return [];
-    const F = p ? ((s - 1) * i + r) % r : 0, w = p ? i : t, v = l.objectIdField, h = "subtypeField" in l ? l.subtypeField : void 0, y = [
+    const F = p ? ((i - 1) * s + r) % r : 0, v = p ? s : t, w = l.objectIdField, h = "subtypeField" in l ? l.subtypeField : void 0, y = [
       ...n.map((u) => u.field),
-      ...ee(l),
+      ...te(l),
       ...d,
-      v,
+      w,
       h
-    ].filter((u) => u != null), m = n.map((u) => `${u.field} ${u.order}`), { historicMoment: I, gdbVersion: Q } = a, j = new M({
+    ].filter((u) => u != null), m = n.map((u) => `${u.field} ${u.order}`), { historicMoment: I, gdbVersion: j } = a, T = new V({
       orderByFields: m,
       start: F,
-      num: w,
+      num: v,
       outFields: y,
       cacheHint: _,
       historicMoment: I,
-      gdbVersion: Q,
+      gdbVersion: j,
       relationshipId: b,
       returnGeometry: !1,
       objectIds: [c],
       where: this._getRelationshipWhereClause(l)
-    }), A = (await a.queryRelatedFeatures(j, {
+    }), A = (await a.queryRelatedFeatures(T, {
       signal: e?.signal
     }))[c]?.features || [];
     return l.type === "subtype-group" && h ? A.forEach((u) => {
@@ -300,17 +301,17 @@ class te extends H {
     this._relatedFeatureIntersectionObserverNode.value && this._relatedFeatureIntersectionObserver.unobserve(this._relatedFeatureIntersectionObserverNode.value);
   }
   _matchesFeature(e, t) {
-    const r = e?.graphic?.getObjectId(), s = t?.getObjectId();
-    return r != null && s != null && r === s;
+    const r = e?.graphic?.getObjectId(), i = t?.getObjectId();
+    return r != null && i != null && r === i;
   }
   _setRelatedFeaturesViewModels() {
-    const { relatedFeatures: e, relatedFeatureViewModels: t, map: r, view: s, spatialReference: i, timeZone: a } = this;
+    const { relatedFeatures: e, relatedFeatureViewModels: t, map: r, view: i, spatialReference: s, timeZone: a } = this;
     e?.filter(Boolean).forEach((n) => {
-      t.some((d) => this._matchesFeature(d, n)) || t.add(new J({
+      t.some((d) => this._matchesFeature(d, n)) || t.add(new Y({
         abilities: { relationshipContent: !1 },
         map: r,
-        view: s,
-        spatialReference: i,
+        view: i,
+        spatialReference: s,
         timeZone: a,
         graphic: n
       }));
@@ -338,15 +339,15 @@ class te extends H {
     return o`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
   }
   _renderCategory(e) {
-    const { count: t, name: r } = e, s = O(t);
-    return o`<calcite-list-item class="list-item" .disabled=${!t} .label=${r} @calciteListItemSelect=${() => this._selectCategory(e)}><calcite-chip .label=${s} scale=s slot=content-end>${s}</calcite-chip>${this._renderChevronIconNode()}</calcite-list-item>`;
+    const { count: t, name: r } = e, i = M(t);
+    return o`<calcite-list-item class="list-item" .disabled=${!t} .label=${r} @calciteListItemSelect=${() => this._selectCategory(e)}><calcite-chip .label=${i} scale=s slot=content-end>${i}</calcite-chip>${this._renderChevronIconNode()}</calcite-list-item>`;
   }
   _renderRelatedFeature(e) {
-    const { itemDescriptionFieldName: t, values: r } = this, { formattedAttributes: s, state: i, title: a } = e, n = {
+    const { itemDescriptionFieldName: t, values: r } = this, { formattedAttributes: i, state: s, heading: a } = e, n = {
       ...r,
-      ...s?.global
+      ...i?.global
     }, l = (t && n?.[t]) ?? "";
-    return o`<calcite-list-item class=${x(S("list-item", { "list-item-hidden": i === "loading" }))} .description=${N(l.toString())} .label=${N(a)} @calciteListItemSelect=${() => this._selectRecord(e)}>${this._renderChevronIconNode()}</calcite-list-item>`;
+    return o`<calcite-list-item class=${x(Q("list-item", { "list-item-hidden": s === "loading" }))} .description=${N(l.toString())} .label=${N(a)} @calciteListItemSelect=${() => this._selectRecord(e)}><div slot=heading><div .innerHTML=${O.sanitize(a ?? "") ?? ""}></div></div><div slot=description><div .innerHTML=${O.sanitize(l ?? "") ?? ""}></div></div>${this._renderChevronIconNode()}</calcite-list-item>`;
   }
   _renderShowAllListItem() {
     return this.displayShowAllButton ? o`<calcite-list-item .description=${this.allItemsDescription} .label=${this.messages?.showAll} @calciteListItemSelect=${() => this._showAllRecords()}>${this._renderShowAllIconNode()}</calcite-list-item>` : null;
@@ -363,7 +364,7 @@ class te extends H {
   }
   _renderRelatedFeatures() {
     const { displayListItems: e } = this, { state: t } = this;
-    return o`<div class=${x(S("list", {
+    return o`<div class=${x(Q("list", {
       "list-querying": t === "querying"
     }))}>${e ? this._renderList() : t === "ready" ? this._renderNoRelatedFeaturesMessage() : null}${this._renderStickyLoading()}${this._renderFeatureObserver()}</div>`;
   }
@@ -371,7 +372,7 @@ class te extends H {
     return o`<calcite-notice icon=exclamation-mark-triangle kind=danger open scale=s width=full><div slot=message>${this.messages?.relationshipNotFound}</div></calcite-notice>`;
   }
 }
-T("arcgis-feature-relationship", te);
+k("arcgis-feature-relationship", re);
 export {
-  te as ArcgisFeatureRelationship
+  re as ArcgisFeatureRelationship
 };

package/dist/components/arcgis-feature-table/customElement.d.ts

@@ -1,37 +1,30 @@
 /// <reference path="../../index.d.ts" />
 import type FeatureTable from "@arcgis/core/widgets/FeatureTable.js";
-import type RelationshipColumn from "@arcgis/core/widgets/FeatureTable/RelationshipColumn";
-import type GroupColumn from "@arcgis/core/widgets/FeatureTable/Grid/GroupColumn";
-import type Column from "@arcgis/core/widgets/FeatureTable/Grid/Column";
-import type AttachmentsColumn from "@arcgis/core/widgets/FeatureTable/AttachmentsColumn";
-import type ActionColumn from "@arcgis/core/widgets/FeatureTable/ActionColumn";
+import type RelationshipColumn from "@arcgis/core/widgets/FeatureTable/RelationshipColumn.js";
+import type GroupColumn from "@arcgis/core/widgets/FeatureTable/Grid/GroupColumn.js";
+import type Column from "@arcgis/core/widgets/FeatureTable/Grid/Column.js";
+import type AttachmentsColumn from "@arcgis/core/widgets/FeatureTable/AttachmentsColumn.js";
+import type ActionColumn from "@arcgis/core/widgets/FeatureTable/ActionColumn.js";
 import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
-import type AttachmentsColumn2 from "@arcgis/core/widgets/FeatureTable/AttachmentsColumn.js";
 import type AttributeTableTemplate from "@arcgis/core/tables/AttributeTableTemplate.js";
-import type ActionColumn2 from "@arcgis/core/widgets/FeatureTable/ActionColumn.js";
 import type Collection from "@arcgis/core/core/Collection.js";
-import type Column2 from "@arcgis/core/widgets/FeatureTable/Grid/Column.js";
 import type AttachmentsViewOptions from "@arcgis/core/widgets/FeatureTable/support/AttachmentsViewOptions.js";
 import type FieldColumn from "@arcgis/core/widgets/FeatureTable/FieldColumn.js";
-import type GroupColumn2 from "@arcgis/core/widgets/FeatureTable/Grid/GroupColumn.js";
 import type LayerView from "@arcgis/core/views/layers/LayerView.js";
 import type Relationship from "@arcgis/core/layers/support/Relationship.js";
-import type RelationshipColumn2 from "@arcgis/core/widgets/FeatureTable/RelationshipColumn.js";
+import type SelectionManager from "@arcgis/core/views/SelectionManager.js";
 import type TableTemplate from "@arcgis/core/widgets/FeatureTable/support/TableTemplate.js";
 import type TimeExtent from "@arcgis/core/time/TimeExtent.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
-import type { IconName } from "../../utils/action-utils.js";
-import type { FeatureStoreItem } from "@arcgis/core/widgets/FeatureTable/support/types";
-import type { CollectionChangeEvent } from "@arcgis/core/core/Collection";
-import type { TableInteractionColumnReorderEvent, TableInteractionCellPointeroverEvent, TableInteractionCellPointeroutEvent, TableInteractionCellKeydownEvent, TableInteractionCellClickEvent } from "@arcgis/core/widgets/FeatureTable/Grid/types";
+import type { ArcgisReferenceElement, IconName } from "../types.js";
+import type { FeatureStoreItem, ActionColumnConfig, FeatureTableSupportedFilters, ColumnSortOrder, FeatureTableSupportedLayer } from "@arcgis/core/widgets/FeatureTable/support/types.js";
+import type { CollectionChangeEvent } from "@arcgis/core/core/Collection.js";
+import type { DiscardPendingEditsParameters, FeatureStoreEdits, TableInteractionColumnReorderEvent, TableInteractionCellPointeroverEvent, TableInteractionCellPointeroutEvent, TableInteractionCellKeydownEvent, TableInteractionCellClickEvent, TableMenuConfig, GridMultiSortPriority, FeatureTableState } from "@arcgis/core/widgets/FeatureTable/Grid/types.js";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
-import type { ActionColumnConfig, FeatureTableSupportedFilters, ColumnSortOrder, FeatureTableSupportedLayer } from "@arcgis/core/widgets/FeatureTable/support/types.js";
 import type { FeatureTableDescriptionFunction, FeatureTableTitleFunction } from "@arcgis/core/widgets/FeatureTable.js";
 import type { GeometryUnion } from "@arcgis/core/geometry/types.js";
 import type { ObjectId } from "@arcgis/core/views/types.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
-import type { TableMenuConfig, GridMultiSortPriority, FeatureTableState } from "@arcgis/core/widgets/FeatureTable/Grid/types.js";
 
 /**
  * The Feature Table component provides an interactive tabular view of each feature's attributes in a feature layer.
@@ -45,7 +38,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * @since 4.33
    * @see [actionColumnConfig](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#actionColumnConfig)
    */
-  get actionColumn(): ActionColumn2 | null | undefined;
+  get actionColumn(): ActionColumn | null | undefined;
   /**
    * Configuration for the [ActionColumn](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/ActionColumn/).
    * This property allows for customizing the action column's appearance and behavior.
@@ -54,7 +47,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * viewing additional information about a feature. This column is displayed as the
    * last column in the table and is only displayed if this property is set.
    *
-   * ![featuretable action column](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/featuretable/action-column.png)
+   * ![featuretable action column](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/featuretable/action-column.avif)
    *
    * @since 4.30
    * @see [actionColumn](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#actionColumn)
@@ -94,7 +87,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    *
    * @since 4.33
    */
-  get allColumns(): Array<Column2>;
+  get allColumns(): Array<Column>;
   /**
    * Indicates the table is displaying all related tables in "show all" mode.
    *
@@ -107,17 +100,17 @@ export abstract class ArcgisFeatureTable extends LitElement {
    *
    * @since 4.33
    */
-  get allVisibleColumns(): Array<Column2>;
+  get allVisibleColumns(): Array<Column>;
   /**
    * A flattened array of all [attachment columns](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/AttachmentsColumn/) within the table, including nested columns.
    *
    * @since 4.33
    */
-  get attachmentsColumns(): Array<AttachmentsColumn2>;
+  get attachmentsColumns(): Array<AttachmentsColumn>;
   /**
    * Indicates whether to display the `Attachments` field in the table. It displays the count of attachments per feature and is only applicable if the feature layer [supports attachments](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#capabilities).
    *
-   * ![featuretable attachmentsEnabled](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/featuretable/attachments-enabled.png)
+   * ![featuretable attachmentsEnabled](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/featuretable/attachments-enabled.avif)
    *
    * @default false
    * @see [FeatureLayer.capabilities.data.supportsAttachment](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#capabilities)
@@ -189,7 +182,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * A read-only collection of column, field, group, action, attachment,
    * and relationship columns that are displayed within the table.
    */
-  get columns(): Collection<Column2>;
+  get columns(): Collection<Column>;
   /**
    * The SQL where clause used to filter features visible in the table. Only the features that satisfy the definition
    * expression are displayed in the table. This value takes priority over any definition expression set on the
@@ -205,7 +198,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor description: string | FeatureTableDescriptionFunction | null | undefined;
   /**
-   * When true, the component is visually withdrawn and cannot be interacted with.
+   * When true, the component is visually withdrawn and cannot receive user interaction.
    *
    * @default false
    * @since 5.0
@@ -241,6 +234,15 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * @see [Sample - FeatureTable with related data](https://developers.arcgis.com/javascript/latest/sample-code/widgets-featuretable-relates/)
    */
   accessor filterBySelectionEnabled: boolean;
+  /**
+   * Indicates that the table should only display rows for features that are currently in the view's extent.
+   * This property has no effect if the table has not been provided a view. If this property is true, the view's extent
+   * will overwrite the current value of [filterGeometry](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#filterGeometry).
+   *
+   * @default false
+   * @since 5.1
+   */
+  accessor filterByViewExtent: boolean;
   /**
    * Set this property to filter the features displayed in the table. It accepts a [Geometry](https://developers.arcgis.com/javascript/latest/references/core/geometry/Geometry/), e.g. [Extent](https://developers.arcgis.com/javascript/latest/references/core/geometry/Extent/), and uses it as a spatial filter. When modifying this property, the `FeatureTable` will completely refresh and re-query for all features.
    *
@@ -268,7 +270,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    *
    * @since 4.33
    */
-  get groupColumns(): Array<GroupColumn2>;
+  get groupColumns(): Array<GroupColumn>;
   /**
    * Convenience property indicating the data set contains contingent values. This includes contingent values in a related table.
    *
@@ -536,7 +538,14 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor layer: FeatureTableSupportedLayer | null | undefined;
   /**
-   * Portal Item Id for a layer to load. You can set, `layer`, `layerUrl`, or `itemId`,
+   * Layer Id of layer in the associated map. You can set `layer`, `layerId` or `layerItemId`,
+   * but not more than one.
+   *
+   * @since 5.1
+   */
+  accessor layerId: string | undefined;
+  /**
+   * Portal Item Id for a layer to load. You can set, `layer`, `layerUrl`, `layerId` or `layerItemId`,
    * but not more than one.
    */
   accessor layerItemId: string | undefined;
@@ -548,7 +557,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor layers: Array<FeatureTableSupportedLayer> | null | undefined;
   /**
-   * Url for a layer to load. You can set, `layer`, `layerUrl`, or `itemId`,
+   * Url for a layer to load. You can set, `layer`, `layerUrl`, `layerId` or `layerItemId`,
    * but not more than one.
    */
   accessor layerUrl: string | undefined;
@@ -730,7 +739,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    *
    * @since 4.33
    */
-  get relationshipColumns(): Array<RelationshipColumn2>;
+  get relationshipColumns(): Array<RelationshipColumn>;
   /**
    * Indicates whether to fetch geometries for the corresponding features displayed in the table.
    *
@@ -793,6 +802,14 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * });
    */
   accessor rowHighlightIds: Collection<ObjectId>;
+  /**
+   * Use this property to supply a custom [SelectionManager](https://developers.arcgis.com/javascript/latest/references/core/views/SelectionManager/) that overrides the default selection manager.
+   * This is useful when applications want to share selection sets between components, without relying on the view's selection manager. This property is ignored if [syncViewSelection](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#syncViewSelection) is `true`.
+   *
+   * @since 5.0
+   * @beta
+   */
+  accessor selectionManager: SelectionManager | null | undefined;
   /**
    * Indicates whether to display the feature table's layer switch drop down menu.
    *
@@ -863,6 +880,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    *
    * @default false
    * @since 5.0
+   * @beta
    */
   accessor syncViewSelection: boolean;
   /**
@@ -889,7 +907,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    *
    * > [!WARNING]
    * >
-   * > The `TableTemplate` provides more fine-grained control over how the table is rendered within the application by offering more advanced configurations such as custom cell rendering, column formatting, and more. `TableTemplate` is useful for application-level development that remains within an application. This property differs from the [attributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#attributeTableTemplate) property as that property should be used to access the table's settings across different applications. By using [attributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#attributeTableTemplate), the settings can be saved within a webmap or layer. Please refer to the [AttributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/tables/AttributeTableTemplate/) and [TableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/support/TableTemplate/)  documentation for more information.
+   * > The `TableTemplate` provides more fine-grained control over how the table is rendered within the application by offering more advanced configurations such as custom cell rendering, column formatting, and more. `TableTemplate` is useful for application-level development that remains within an application. This property differs from the [attributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#attributeTableTemplate) property as that property should be used to access the table's settings across different applications. By using [attributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#attributeTableTemplate), the settings can be saved within a webmap or layer. Please refer to the [AttributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/tables/AttributeTableTemplate/) and [TableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/support/TableTemplate/) documentation for more information.
    *
    * > [!WARNING]
    * >
@@ -965,17 +983,62 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * The view associated with the component. 
    *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-feature-table component will be associated with a map or scene component rather than using the `view` property.
    */
-  accessor view: MapViewOrSceneView | LinkChartView | null | undefined;
+  accessor view: LinkChartView | MapViewOrSceneView | null | undefined;
   /**
    * A flattened array of all top-level visible columns. Take note that this does not include nested columns.
    *
    * @since 4.33
    */
-  get visibleColumns(): Array<Column2>;
+  get visibleColumns(): Array<Column>;
+  /**
+   * Creates a pending edit with the specified parameters.
+   * A pending edit is not immediately saved to the layer.
+   *
+   * @param edits - Pending edits to be cached. Edits must include a valid objectId and field name.
+   * @since 5.0
+   * @example
+   * // Add pending edits for two cells in a single row
+   * table.addPendingEdits(
+   *   [
+   *     {
+   *       objectId: 1,
+   *       updates: [
+   *         { fieldName: "Hotel_Name", value: "My Hotel" },
+   *         { fieldName: "Address", value: "123 Hotel Street" },
+   *       ]
+   *     }
+   *   ]
+   * );
+   */
+  addPendingEdits(edits: FeatureStoreEdits[]): void;
   /** @param showWarningPrompt */
   deleteSelection(showWarningPrompt?: boolean): Promise<void>;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
+  /**
+   * Cancels any pending edits. This might be edits for a specific field or column, or
+   * all pending edits for a specific feature. If no parameters are supplied, all pending edits
+   * for all features are discarded. Additionally, if showWarningPrompt is 'true', the value returned
+   * from this method will reflect whether or not the user chose to discard the pending edits.
+   *
+   * @param edits - Information about which pending edits should be canceled. If nothing is provided, all pending edits are discarded.
+   * @param showWarningPrompt - Indicates the table should display a warning prompt, which allows users to confirm if pending edits should be discarded.
+   * @since 5.0
+   * @example
+   * // Discard pending edits for single cell in a given row
+   * table.discardPendingEdits([{ objectId: 1, fieldName: "Address" }]);
+   *
+   * // Discard pending edits for all cells in a given row
+   * table.discardPendingEdits([{ objectId: 1 }]);
+   *
+   * // Discard all pending edits
+   * table.discardPendingEdits();
+   *
+   * // Displays a confirmation prompt before discarding all pending edits
+   * // Returns 'true' if edits were discarded
+   * const editsWereDiscarded = await table.discardPendingEdits(undefined, true);
+   */
+  discardPendingEdits(edits?: DiscardPendingEditsParameters[] | null, showWarningPrompt?: boolean): Promise<boolean>;
   /** @param includeGeometry */
   exportSelectionToCSV(includeGeometry?: boolean): Promise<void>;
   /** @param fieldName */
@@ -986,7 +1049,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * @param objectId
    * @since 5.0
    */
-  getFeatureStoreItemByObjectId(objectId: number | string): FeatureStoreItem | null | undefined;
+  getFeatureStoreItemByObjectId(objectId: number | string): Promise<FeatureStoreItem | null | undefined>;
   /** @param index */
   goToPage(index: number): Promise<void>;
   /** @param fieldName */
@@ -994,6 +1057,14 @@ export abstract class ArcgisFeatureTable extends LitElement {
   nextPage(): Promise<void>;
   previousPage(): Promise<void>;
   refresh(): Promise<void>;
+  refreshCellContent(): Promise<void>;
+  /**
+   * Attempts to save any pending edits. If any edits are invalid, the save will be rejected until the edits are in a valid state.
+   *
+   * @returns Resolves when the edits are saved or rejected.
+   * @since 5.0
+   */
+  savePendingEdits(): Promise<void>;
   scrollToBottom(): Promise<void>;
   /** @param index */
   scrollToIndex(index: number): Promise<void>;
@@ -1009,6 +1080,8 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * @param direction
    */
   sortColumn(path: string, direction: "asc" | "desc"): Promise<void>;
+  /** @param fieldName */
+  toggleColumnVisibility(fieldName: string): Promise<void>;
   zoomToSelection(): Promise<void>;
   "@setterTypes": {
     icon?: IconName;