@esri/calcite-components 1.7.0-next.16 → 1.7.0-next.18

package/dist/types/components/table-header/table-header.d.ts

@@ -0,0 +1,65 @@
+import { VNode } from "../../stencil-public-runtime";
+import { LoadableComponent } from "../../utils/loadable";
+import { T9nComponent } from "../../utils/t9n";
+import { LocalizedComponent } from "../../utils/locale";
+import { Alignment, Scale, SelectionMode } from "../interfaces";
+import { TableHeaderMessages } from "./assets/table-header/t9n";
+import { RowType } from "../table/interfaces";
+export declare class TableHeader implements LocalizedComponent, LoadableComponent, T9nComponent {
+  /** Specifies the alignment of the component. */
+  alignment: Alignment;
+  /** Specifies the number of columns the component should span. */
+  colSpan: number;
+  /** A description to display beneath heading content. */
+  description: string;
+  /** A heading to display above description content. */
+  heading: string;
+  /** Specifies the number of rows the component should span. */
+  rowSpan: number;
+  /** @internal */
+  numberCell: boolean;
+  /** @internal */
+  parentRowPosition: number;
+  /** @internal */
+  parentRowType: RowType;
+  /** @internal */
+  positionInRow: number;
+  /** @internal */
+  scale: Scale;
+  /** @internal */
+  selectedRowCount: number;
+  /** @internal */
+  selectedRowCountLocalized: string;
+  onSelectedChange(): void;
+  /** @internal */
+  selectionCell: boolean;
+  /** @internal */
+  selectionMode: SelectionMode;
+  /** @internal */
+  bodyRowCount: number;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: TableHeaderMessages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<TableHeaderMessages>;
+  onMessagesChange(): void;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  el: HTMLCalciteTableHeaderElement;
+  defaultMessages: TableHeaderMessages;
+  screenReaderText: string;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  private containerEl;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  private updateScreenReaderText;
+  render(): VNode;
+}

package/dist/types/components/table-row/table-row.d.ts

@@ -0,0 +1,65 @@
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { LocalizedComponent } from "../../utils/locale";
+import { Scale, SelectionMode } from "../interfaces";
+import { RowType, TableRowFocusEvent } from "../table/interfaces";
+import { InteractiveComponent } from "../../utils/interactive";
+/**
+ * @slot - A slot for adding `calcite-table-cell` or `calcite-table-header` elements.
+ */
+export declare class TableRow implements InteractiveComponent, LocalizedComponent {
+  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+  disabled: boolean;
+  /** When `true`, the component is selected. */
+  selected: boolean;
+  /** @internal */
+  cellCount: number;
+  /** @internal */
+  rowType: RowType;
+  /** @internal */
+  numbered: boolean;
+  /** @internal */
+  positionSection: number;
+  /** @internal */
+  positionSectionLocalized: string;
+  /** @internal */
+  positionAll: number;
+  /** @internal */
+  readCellContentsToAT: boolean;
+  /** @internal */
+  scale: Scale;
+  /** @internal */
+  selectionMode: Extract<"multiple" | "single" | "none", SelectionMode>;
+  /** @internal */
+  selectedRowCount: number;
+  /** @internal */
+  selectedRowCountLocalized: string;
+  /** @internal */
+  bodyRowCount: number;
+  handleCellChanges(): void;
+  handleDelayedCellChanges(): void;
+  componentDidLoad(): void;
+  connectedCallback(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  el: HTMLCalciteTableRowElement;
+  private rowCells;
+  private tableRowEl;
+  private tableRowSlotEl;
+  effectiveLocale: string;
+  /**
+   * Fires when the selected state of the component changes.
+   */
+  calciteTableRowSelect: EventEmitter<void>;
+  /** @internal */
+  calciteInternalTableRowFocusRequest: EventEmitter<TableRowFocusEvent>;
+  calciteInternalTableRowFocusChangeHandler(event: CustomEvent): void;
+  private keyDownHandler;
+  private emitTableRowFocusRequest;
+  private updateCells;
+  private handleSelectionOfRow;
+  private handleKeyboardSelection;
+  renderSelectionIcon(): VNode;
+  renderSelectableCell(): VNode;
+  renderNumberedCell(): VNode;
+  render(): VNode;
+}

package/dist/types/components.d.ts

@@ -73,6 +73,10 @@ import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEve
 import { TabID, TabLayout, TabPosition } from "./components/tabs/interfaces";
 import { TabChangeEventDetail, TabCloseEventDetail } from "./components/tab/interfaces";
 import { TabTitleMessages } from "./components/tab-title/assets/tab-title/t9n";
+import { RowType, TableLayout, TableRowFocusEvent } from "./components/table/interfaces";
+import { TableMessages } from "./components/table/assets/table/t9n";
+import { TableCellMessages } from "./components/table-cell/assets/table-cell/t9n";
+import { TableHeaderMessages } from "./components/table-header/assets/table-header/t9n";
 import { TextAreaMessages } from "./components/text-area/assets/text-area/t9n";
 import { TileSelectType } from "./components/tile-select/interfaces";
 import { TileSelectGroupLayout } from "./components/tile-select-group/interfaces";
@@ -1952,10 +1956,6 @@ export namespace Components {
           * Specifies the name of the component.  Required to pass the component's `value` on form submission.
          */
         "name": string;
-        /**
-          * Normalizes year to current century.
-         */
-        "normalizeYear": boolean;
         /**
           * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
          */
@@ -4124,14 +4124,26 @@ export namespace Components {
           * The component header text.
          */
         "heading": string;
+        /**
+          * When `true`, displays a status icon in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
+         */
         "icon": boolean;
         /**
           * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
+        /**
+          * Specifies the layout of the `calcite-stepper-item` inherited from parent `calcite-stepper`, defaults to `horizontal`.
+         */
         "layout": Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * When `true`, displays the step number in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
+         */
         "numbered": boolean;
         "numberingSystem": NumberingSystem;
+        /**
+          * Specifies the size of the component inherited from the `calcite-stepper`, defaults to `m`.
+         */
         "scale": Scale;
         /**
           * When `true`, the component is selected.
@@ -4273,6 +4285,165 @@ export namespace Components {
          */
         "updateAriaInfo": (tabIds?: string[], titleIds?: string[]) => Promise<void>;
     }
+    interface CalciteTable {
+        /**
+          * When `true`, displays borders in the component.
+         */
+        "bordered": boolean;
+        /**
+          * Specifies an accessible title for the component.
+         */
+        "caption": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator": boolean;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout": TableLayout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TableMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TableMessages;
+        /**
+          * When `true`, displays the position of the row in numeric form.
+         */
+        "numbered": boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Specifies the page size of the component. When `true`, renders `calcite-pagination`
+         */
+        "pageSize": number;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems": HTMLCalciteTableRowElement[];
+        /**
+          * Specifies the selection mode of the component.
+         */
+        "selectionMode": Extract<"none" | "multiple" | "single", SelectionMode>;
+        /**
+          * When `true`, displays zebra styling in the component.
+         */
+        "zebra": boolean;
+    }
+    interface CalciteTableCell {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment": Alignment;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan": number;
+        /**
+          * When true, prevents user interaction.  Notes:  This prop should use the @Prop decorator and reflect. The `disabled` Sass mixin must be added to the component's stylesheet.
+         */
+        "disabled": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TableCellMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TableCellMessages;
+        "numberCell": boolean;
+        "parentRowIsSelected": boolean;
+        "parentRowPositionLocalized": string;
+        "parentRowType": RowType;
+        "positionInRow": number;
+        "readCellContentsToAT": boolean;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan": number;
+        "scale": Scale;
+        "selectionCell": boolean;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteTableHeader {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment": Alignment;
+        "bodyRowCount": number;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan": number;
+        /**
+          * A description to display beneath heading content.
+         */
+        "description": string;
+        /**
+          * A heading to display above description content.
+         */
+        "heading": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TableHeaderMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TableHeaderMessages;
+        "numberCell": boolean;
+        "parentRowPosition": number;
+        "parentRowType": RowType;
+        "positionInRow": number;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan": number;
+        "scale": Scale;
+        "selectedRowCount": number;
+        "selectedRowCountLocalized": string;
+        "selectionCell": boolean;
+        "selectionMode": SelectionMode;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteTableRow {
+        "bodyRowCount": number;
+        "cellCount": number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        "numbered": boolean;
+        "positionAll": number;
+        "positionSection": number;
+        "positionSectionLocalized": string;
+        "readCellContentsToAT": boolean;
+        "rowType": RowType;
+        "scale": Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        "selectedRowCount": number;
+        "selectedRowCountLocalized": string;
+        "selectionMode": Extract<"multiple" | "single" | "none", SelectionMode>;
+    }
     interface CalciteTabs {
         /**
           * When `true`, the component will display with a folder style menu.
@@ -5074,6 +5245,14 @@ export interface CalciteTabTitleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteTabTitleElement;
 }
+export interface CalciteTableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTableElement;
+}
+export interface CalciteTableRowCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTableRowElement;
+}
 export interface CalciteTextAreaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteTextAreaElement;
@@ -5655,6 +5834,30 @@ declare global {
         prototype: HTMLCalciteTabTitleElement;
         new (): HTMLCalciteTabTitleElement;
     };
+    interface HTMLCalciteTableElement extends Components.CalciteTable, HTMLStencilElement {
+    }
+    var HTMLCalciteTableElement: {
+        prototype: HTMLCalciteTableElement;
+        new (): HTMLCalciteTableElement;
+    };
+    interface HTMLCalciteTableCellElement extends Components.CalciteTableCell, HTMLStencilElement {
+    }
+    var HTMLCalciteTableCellElement: {
+        prototype: HTMLCalciteTableCellElement;
+        new (): HTMLCalciteTableCellElement;
+    };
+    interface HTMLCalciteTableHeaderElement extends Components.CalciteTableHeader, HTMLStencilElement {
+    }
+    var HTMLCalciteTableHeaderElement: {
+        prototype: HTMLCalciteTableHeaderElement;
+        new (): HTMLCalciteTableHeaderElement;
+    };
+    interface HTMLCalciteTableRowElement extends Components.CalciteTableRow, HTMLStencilElement {
+    }
+    var HTMLCalciteTableRowElement: {
+        prototype: HTMLCalciteTableRowElement;
+        new (): HTMLCalciteTableRowElement;
+    };
     interface HTMLCalciteTabsElement extends Components.CalciteTabs, HTMLStencilElement {
     }
     var HTMLCalciteTabsElement: {
@@ -5834,6 +6037,10 @@ declare global {
         "calcite-tab": HTMLCalciteTabElement;
         "calcite-tab-nav": HTMLCalciteTabNavElement;
         "calcite-tab-title": HTMLCalciteTabTitleElement;
+        "calcite-table": HTMLCalciteTableElement;
+        "calcite-table-cell": HTMLCalciteTableCellElement;
+        "calcite-table-header": HTMLCalciteTableHeaderElement;
+        "calcite-table-row": HTMLCalciteTableRowElement;
         "calcite-tabs": HTMLCalciteTabsElement;
         "calcite-text-area": HTMLCalciteTextAreaElement;
         "calcite-tile": HTMLCalciteTileElement;
@@ -7566,10 +7773,6 @@ declare namespace LocalJSX {
           * Specifies the name of the component.  Required to pass the component's `value` on form submission.
          */
         "name"?: string;
-        /**
-          * Normalizes year to current century.
-         */
-        "normalizeYear"?: boolean;
         /**
           * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
          */
@@ -9700,6 +9903,123 @@ declare namespace LocalJSX {
          */
         "tab"?: string;
     }
+    interface CalciteTable {
+        /**
+          * When `true`, displays borders in the component.
+         */
+        "bordered"?: boolean;
+        /**
+          * Specifies an accessible title for the component.
+         */
+        "caption": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout"?: TableLayout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TableMessages>;
+        /**
+          * When `true`, displays the position of the row in numeric form.
+         */
+        "numbered"?: boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Emits when the component's page selection changes.
+         */
+        "onCalciteTablePageChange"?: (event: CalciteTableCustomEvent<void>) => void;
+        /**
+          * Emits when the component's selected rows change.
+         */
+        "onCalciteTableSelect"?: (event: CalciteTableCustomEvent<void>) => void;
+        /**
+          * Specifies the page size of the component. When `true`, renders `calcite-pagination`
+         */
+        "pageSize"?: number;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems"?: HTMLCalciteTableRowElement[];
+        /**
+          * Specifies the selection mode of the component.
+         */
+        "selectionMode"?: Extract<"none" | "multiple" | "single", SelectionMode>;
+        /**
+          * When `true`, displays zebra styling in the component.
+         */
+        "zebra"?: boolean;
+    }
+    interface CalciteTableCell {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment"?: Alignment;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan"?: number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TableCellMessages>;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan"?: number;
+    }
+    interface CalciteTableHeader {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment"?: Alignment;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan"?: number;
+        /**
+          * A description to display beneath heading content.
+         */
+        "description"?: string;
+        /**
+          * A heading to display above description content.
+         */
+        "heading"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TableHeaderMessages>;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan"?: number;
+    }
+    interface CalciteTableRow {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Fires when the selected state of the component changes.
+         */
+        "onCalciteTableRowSelect"?: (event: CalciteTableRowCustomEvent<void>) => void;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+    }
     interface CalciteTabs {
         /**
           * When `true`, the component will display with a folder style menu.
@@ -10314,6 +10634,10 @@ declare namespace LocalJSX {
         "calcite-tab": CalciteTab;
         "calcite-tab-nav": CalciteTabNav;
         "calcite-tab-title": CalciteTabTitle;
+        "calcite-table": CalciteTable;
+        "calcite-table-cell": CalciteTableCell;
+        "calcite-table-header": CalciteTableHeader;
+        "calcite-table-row": CalciteTableRow;
         "calcite-tabs": CalciteTabs;
         "calcite-text-area": CalciteTextArea;
         "calcite-tile": CalciteTile;
@@ -10434,6 +10758,10 @@ declare module "@stencil/core" {
             "calcite-tab": LocalJSX.CalciteTab & JSXBase.HTMLAttributes<HTMLCalciteTabElement>;
             "calcite-tab-nav": LocalJSX.CalciteTabNav & JSXBase.HTMLAttributes<HTMLCalciteTabNavElement>;
             "calcite-tab-title": LocalJSX.CalciteTabTitle & JSXBase.HTMLAttributes<HTMLCalciteTabTitleElement>;
+            "calcite-table": LocalJSX.CalciteTable & JSXBase.HTMLAttributes<HTMLCalciteTableElement>;
+            "calcite-table-cell": LocalJSX.CalciteTableCell & JSXBase.HTMLAttributes<HTMLCalciteTableCellElement>;
+            "calcite-table-header": LocalJSX.CalciteTableHeader & JSXBase.HTMLAttributes<HTMLCalciteTableHeaderElement>;
+            "calcite-table-row": LocalJSX.CalciteTableRow & JSXBase.HTMLAttributes<HTMLCalciteTableRowElement>;
             "calcite-tabs": LocalJSX.CalciteTabs & JSXBase.HTMLAttributes<HTMLCalciteTabsElement>;
             "calcite-text-area": LocalJSX.CalciteTextArea & JSXBase.HTMLAttributes<HTMLCalciteTextAreaElement>;
             "calcite-tile": LocalJSX.CalciteTile & JSXBase.HTMLAttributes<HTMLCalciteTileElement>;

package/dist/types/preact.d.ts

@@ -404,6 +404,21 @@ declare module "preact/src/jsx" {
         "oncalciteInternalTabIconChanged"?: (event: CustomEvent<any>) => void;
       }
 
+      "calcite-table": Omit<JSX.CalciteTable, "onCalciteTableSelect" | "onCalciteTablePageChange" | "onCalciteInternalTableRowFocusChange"> & JSXInternal.HTMLAttributes<HTMLCalciteTableElement> & {
+        "oncalciteTableSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteTablePageChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTableRowFocusChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-table-cell": JSX.CalciteTableCell & JSXInternal.HTMLAttributes<HTMLCalciteTableCellElement>
+
+      "calcite-table-header": JSX.CalciteTableHeader & JSXInternal.HTMLAttributes<HTMLCalciteTableHeaderElement>
+
+      "calcite-table-row": Omit<JSX.CalciteTableRow, "onCalciteTableRowSelect" | "onCalciteInternalTableRowFocusRequest"> & JSXInternal.HTMLAttributes<HTMLCalciteTableRowElement> & {
+        "oncalciteTableRowSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTableRowFocusRequest"?: (event: CustomEvent<any>) => void;
+      }
+
       "calcite-tabs": JSX.CalciteTabs & JSXInternal.HTMLAttributes<HTMLCalciteTabsElement>
 
       "calcite-text-area": Omit<JSX.CalciteTextArea, "onCalciteTextAreaInput" | "onCalciteTextAreaChange"> & JSXInternal.HTMLAttributes<HTMLCalciteTextAreaElement> & {